:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-title: "Poppins", "Helvetica", "Arial", "sans-serif";--color-a-hover: #003a30;--color-primary: #003a30;--color-secondary: #003a30;--bg-color-btn: #003a30;--bg-color-btn-hover: #003a30;--color-price: #000000;--bg-color-label-new: #003a30;--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}.product-description h2 {font-size: 22px} /* Обёртка (вся строка) */ #field-custom_file { padding: 0.55rem 0.75rem; border: 1px solid rgba(0,0,0,.15); border-radius: 0.375rem; background: #fff; height: auto; line-height: 1.2; cursor: pointer; } /* Ховер/фокус как у нормальных контролов */ #field-custom_file:hover { border-color: rgba(0,0,0,.25); } #field-custom_file:focus { outline: 0; border-color: rgba(0,0,0,.35); box-shadow: 0 0 0 0.2rem rgba(0,0,0,.08); } /* Кнопка выбора файла (Chrome/Edge/Safari/современный FF) */ #field-custom_file::file-selector-button { margin-right: 0.75rem; padding: 0.45rem 0.9rem; border: 1px solid rgba(0,0,0,.18); border-radius: 0.35rem; background: #f6f7f9; color: #111; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, transform .05s ease; } #field-custom_file::file-selector-button:hover { background: #eef0f3; border-color: rgba(0,0,0,.28); } #field-custom_file::file-selector-button:active { transform: translateY(1px); } /* Подпись "Optional" чуть тише */ .form-group.row label[for="field-custom_file"] ~ .form-control-comment { color: rgba(0,0,0,.55); font-size: 0.9rem; } /* Чуть лучше вертикальные отступы на мобилке */ @media (max-width: 767px) { .form-group.row label[for="field-custom_file"] { margin-bottom: 0.4rem; } .form-group.row label[for="field-custom_file"] ~ .form-control-comment { margin-top: 0.35rem; } }