/* ============================================================
   Карточка товара — правки поверх темы.
   Раньше эти правила жили инлайном в template.php компонента
   catalog.element; вынесены в отдельный файл, чтобы карточка
   не разрасталась стилями и их было видно одним куском.
   Подключается из template.php (AddHeadString).
   ============================================================ */

/* ─── Бренд в блоке «Все товары» ───────────────────────────── */
.product .brand__item .brand__img { padding: 5px 0; }
.product .brand__item .brand__img img { max-height: 44px; width: auto; height: auto; object-fit: contain; }

/* ─── Кнопка «В корзину» — в правый край блока «Стоимость» ──
   margin-left:auto жмёт кнопку вправо И во flex-, И в block-контейнере,
   поэтому не зависим от того, как тема разложила .form__row
   (это и ломало прошлые попытки). */
.product .product__action .form__row:not(.product__qty) { display: block !important; text-align: right !important; }
.product .product__action .product-item-detail-info-container2 { display: block !important; width: 100% !important; text-align: right !important; }
.product .product__action .button-cart11 {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 0 auto !important;
    float: none !important;
}

/* «По запросу» — гармоничный размер и НЕ жирный
   (перебиваем bold у .product__price span темы) */
.product .product__price .on-request { font-size: 20px !important; font-weight: 400 !important; white-space: nowrap; }

/* ─── Галерея: область фото всегда квадратная ──────────────────
   🔥 В теме у .product__bigImg высота задавалась картинкой
   (img{width:100%}), поэтому блок скакал: у «лежачих» рельсов он
   схлопывался в узкую полосу, у «стоячих» — вытягивался, и всё, что
   ниже (миниатюры, кнопка расчёта), прыгало от товара к товару.
   Фиксируем квадрат и вписываем картинку по центру без обрезки. */
.product .product__bigImg {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
}
.product .product__bigImg picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.product .product__bigImg img {
    /* width:100% из темы обязательно перебить, иначе вертикальные
       снимки вылезают за квадрат */
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: auto;
}

/* ─── Вкладки под карточкой ────────────────────────────────── */
/* Подсветка активной вкладки была синей (#3B5998) — наследие другого
   сайта. Здесь фирменный зелёный, тёмный. */
.product__tab li.tab.tab--active {
    border-bottom-color: #14431f !important;
    color: #14431f;
}

/* Текст вкладки — на всю внутреннюю ширину блока, а не колонкой
   посередине; поля выравнены по отступам полосы вкладок. */
.product__tab .container--content { padding: 0 20px; }
.product__tab .content {
    max-width: none;
    font-size: 16px;
    line-height: 1.65;
}
.product__tab .content p { margin: 0 0 14px; max-width: none; }
.product__tab .content ul,
.product__tab .content ol { margin: 0 0 14px; padding-left: 22px; }
.product__tab .content li { margin-bottom: 6px; }
.product__tab .content table { width: 100%; }

@media (max-width: 640px) {
    .product__tab .container--content { padding: 0; }
    .product__tab .content { font-size: 15px; }
}