/* Start:/local/templates/shop/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?179127635744211*/
/* кнопка "перейти в корзину" */
.page-main:not(.product-in-cart) .js-btn-in-cart {
    display: none;
}

.page-main.product-in-cart .js-btn-to-cart {
    display: none;
}

.page-main:not(.product-in-cart) .panel-buy .js-input-count,
.page-main:not(.product-in-cart) .section-price__buy .js-input-count {
    display: none;
}

.page-main.product-in-cart .panel-buy .js-input-count {
    display: flex;
}

.page-main.product-in-cart .section-price__buy .js-input-count {
    display: inline-flex;
}

/* в корзине показываем только счётчик количества, без кнопки "Перейти в корзину" рядом — 1:1 с референсом (product--added-to-cart.html) */
.page-main.product-in-cart .section-price__buy .js-wrap-detail-cart-btn {
    display: none;
}

.page-main.product-in-cart .panel-buy__price {
    display: none;
}

.js-wrap-detail-cart-btn.panel-buy__col-price {
    width: auto;
}

.page-main.product-in-cart .js-wrap-detail-cart-btn.panel-buy__col-price {
    width: 100%;
    gap: .8rem;
}

/* блок количество в списках товаров */
.card-try .card-product-main__input-count {
    display: none;
}

.card-try.in_cart .card-product-main__input-count {
    display: block;
}

.card-try.in_cart .btn-primary--card-try,
.card-try.in_cart .card-try__price {
    display: none;
}

.card-try.in_cart .card-try__buy {
    justify-content: end;
}

.card-try.in_cart .card-try__btn-buy {
    width: 100%;
}

.card-try.in_cart .input-count{
    padding: 0;
}

.card-try.in_cart .input-count button .icon {
    font-size: 1.2rem;
}

.js-wrap-detail-cart-btn.panel-buy__col-price{
    gap: 0;
}

/* торг. предложения */
.js-offer-buy-block.in_cart .js-btn-to-cart {
    display: none;
}
.js-offer-buy-block.in_cart.section-price__buy  .js-input-count {
    display: inline-flex;
}
.js-offer-buy-block.in_cart.section-price__buy .js-btn-in-cart{
    display: inline-flex;
}

/* попап фото */
@media (min-width: 575.98px) {
    body .modal-fullsize {
        width: min(94rem, 90vh);
    }
}

#product-tab-1 .table-props__link{
    text-decoration: underline;
}

#product-tab-1 .table-props__link:hover{
    color: var(--primary-color);
}

.section-price__buy__count:not(.section-price__buy__count--select) .btn-stock {
    cursor: default;
}

/* todo временный фикс слайдера */
@media (min-width: 575.98px) {
    body .slider-gallery__thumbs{
        display:block;
    }
}

/* ==========================================================================
   CWD-2351: редизайн детальной страницы товара (index-C8j3lX3F.css,
   cr-shop.hotline-design.ru/product.html). Все селекторы — с префиксом
   #page-product (id тела страницы товара, element.php:17): без него правила
   проигрывают main-bundle.css по порядку загрузки при равной специфичности.
   main-bundle.css не трогаем (см. инцидент CWD-2249).
   ========================================================================== */

/* main-bundle.css прячет футер на мобиле для товарной (устаревшее) — на детальной футер нужен */
@media (max-width: 1049.98px) {
    #page-product .page-footer {
        display: block !important;
    }
}

/* header.php вешает .page-header--hidden-on-mobile на весь /catalogue/ — на детальной шапка на мобиле нужна, остальной листинг не трогаем */
@media (max-width: 575.98px) {
    #page-product .page-header.page-header--hidden-on-mobile {
        display: contents !important;
    }
}

/* липкий поиск: на референсе прячется при скролле вниз только до 1049.98px (мобил+планшет), на десктопе
   остаётся на месте (transform:none) — сверено computed style на самом референсе на 1049 и 1050px.
   #page-cart в бандле прячет всегда безусловно — здесь ограничиваем тем же брейкпоинтом, что весь
   остальной редизайн этой страницы */
@media (max-width: 1049.98px) {
    #page-product.is-page-scrolled-down .page-header__sticker {
        transform: translateY(-100%);
    }
}

#page-product .layout-product__about {
    display: grid;
    grid-template-columns: 53.4rem 1fr;
    grid-template-areas: none;
    gap: .8rem 1.6rem;
}

#page-product .layout-product__about__left {
    min-width: 0;
    align-self: flex-start;
    position: sticky;
    top: 9.6rem;
}

#page-product .layout-product__about__right {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

@media (max-width: 1049.98px) {
    #page-product .layout-product__about {
        position: relative;
        display: block;
    }

    #page-product .layout-product__about__left {
        position: static;
        margin-bottom: .8rem;
    }
}

/* OEM-номера: аккордеон + поиск. Механика [data-accordion] уже есть в main-bundle.js — тут только стили */

#page-product .section-oems {
    border-radius: 2.4rem;
    background: var(--background-white-100, #fff);
    padding: .8rem 0;
}

#page-product .section-oems__header {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    padding: 1.6rem 2.4rem;
}

#page-product .section-oems__header__h1 {
    flex-grow: 1;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

#page-product .section-oems__header .icon {
    font-size: 1.6rem;
    color: var(--Grey-L);
    transition: transform .2s ease;
}

/* в источнике опечатка (селектор ссылался на .section-delivery__inner) — здесь исправлено */
#page-product .section-oems__inner.opened .section-oems__header .icon {
    transform: rotate(180deg);
}

#page-product .section-oems__panel {
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
}

#page-product .section-oems__body {
    padding: 0 2.4rem 2.4rem;
}

#page-product .section-oems__search {
    margin-bottom: 1.6rem;
}

#page-product .section-oems__scroll {
    max-height: min(50vh, 40rem);
    min-height: 2rem;
}

#page-product .section-oems__empty {
    font-size: 1.4rem;
    font-weight: 500;
    color: #999;
}

#page-product .form-search__label {
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: left center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: var(--Grey-M);
    transition: all .2s;
    pointer-events: none;
    padding: .2rem 1rem;
    border-radius: .9rem;
}

#page-product .form-search {
    position: relative;
}

#page-product .form-search:has(.form-search__label) .form-search__input::placeholder {
    transition: opacity .2s;
    opacity: 0;
}

#page-product .form-search:has(.form-search__label) .form-search__input:focus::placeholder {
    transition-delay: .1s;
    opacity: 1;
}

#page-product .form-search__input:focus ~ .form-search__label,
#page-product .form-search__input:not(:placeholder-shown) ~ .form-search__label {
    transform: translateY(-50%) translateY(-.3rem);
    top: 0;
    background-color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .form-search__input:focus ~ .form-search__label {
    color: var(--Grey-L);
}

#page-product .form-search__btn-clear {
    transition: all .2s;
    padding: .4rem;
    line-height: 0;
    color: var(--Grey-L, #8b8d8e);
    visibility: hidden;
    opacity: 0;
    border-radius: .8rem;
}

#page-product .form-search__btn-clear .icon {
    font-size: 1.6rem;
}

#page-product .form-search__input:not(:placeholder-shown) ~ .form-search__btn-clear {
    visibility: visible;
    opacity: 1;
}

#page-product .js-search-filter-item[hidden] {
    display: none;
}

@media (max-width: 1049.98px) {
    #page-product .section-oems {
        padding: 0;
    }

    #page-product .section-oems__header {
        padding: 1.6rem;
    }

    #page-product .section-oems__header__h1 {
        text-transform: none;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 110%;
    }

    #page-product .section-oems__body {
        padding: 0 1.6rem 1.6rem;
    }

    #page-product .section-oems__search {
        margin-top: .8rem;
    }
}

/* Доставка: аккордеон + баннер компенсации (баннер — существующая логика, просто перенесён сюда из section-price) */

#page-product .section-delivery {
    border-radius: 2.4rem;
    background: var(--background-white-100, #fff);
    padding: .8rem 0;
}

#page-product .section-delivery__header {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    padding: 1.6rem 2.4rem;
}

#page-product .section-delivery__header__h1 {
    flex-grow: 1;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

#page-product .section-delivery__header .icon {
    font-size: 1.6rem;
    color: var(--Grey-L);
    transition: transform .2s ease;
}

#page-product .section-delivery__inner.opened .section-delivery__header .icon {
    transform: rotate(180deg);
}

#page-product .section-delivery__panel {
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
}

#page-product .section-delivery__body {
    padding: 0 2.4rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

#page-product .section-delivery__sep {
    background: #e8e8e8;
    height: 1px;
}

#page-product .section-delivery__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#page-product .section-delivery__item__h1 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

#page-product .section-delivery__item__tags {
    display: flex;
    gap: .4rem;
}

#page-product .section-delivery__item__tags li {
    height: 2.4rem;
    display: flex;
    align-items: center;
    padding: 0 .8rem;
    border-radius: 2.2rem;
    background: var(--Background-Grey-XXS, #f6f6f6);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .section-delivery__banner-compensation {
    margin: 0 2.4rem -.8rem;
}

@media (max-width: 1049.98px) {
    #page-product .section-delivery {
        padding: 0;
    }

    #page-product .section-delivery__header {
        padding: 1.6rem;
    }

    #page-product .section-delivery__header__h1 {
        text-transform: none;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 110%;
    }

    #page-product .section-delivery__body {
        padding: 0 1.6rem 1.6rem;
    }

    #page-product .section-delivery__item {
        flex-wrap: wrap;
        gap: .8rem;
    }

    #page-product .section-delivery__item__h1 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.4rem;
        flex-basis: 100%;
    }

    #page-product .section-delivery__item__tags {
        flex-wrap: wrap;
    }

    #page-product .section-delivery__banner-compensation {
        margin: 0 1.6rem;
    }
}

/* Отзывы: пока только пустое состояние — .section-reviews__empty своя, в бандле такого класса нет */

#page-product .section-reviews__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.4rem;
}

/* Рейтинг у цены — пустое состояние ("Нет отзывов") */

#page-product .section-price__stats {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

#page-product .section-price__stats__text-sep,
#page-product .section-price__stats__text-rating {
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
}

#page-product .btn-reviews {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: var(--Orange-Orange, #ff6e00);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    white-space: nowrap;
}

#page-product .btn-reviews--empty {
    color: var(--Grey-L, #8b8d8e);
}

#page-product .btn-reviews--empty .btn-reviews__stars {
    width: 1.6rem;
    overflow: hidden;
}

#page-product .util-stars {
    width: 9.6rem;
    background: url(/local/templates/shop/images/icons/star-empty.svg) 0 0/auto 100% repeat-x;
}

#page-product .util-stars__fill {
    width: 0;
    height: 1.6rem;
    background: url(/local/templates/shop/images/icons/star-filled.svg) 0 0/auto 100% repeat-x;
}

#page-product .util-stars--orange .util-stars__fill {
    background-image: url(/local/templates/shop/images/icons/star-filled--orange.svg);
}

@media (max-width: 1049.98px) {
    #page-product .btn-reviews:not(.btn-reviews--empty) {
        gap: 0;
    }

    #page-product .btn-reviews:not(.btn-reviews--empty) .btn-reviews__stars {
        margin-left: .4rem;
        margin-right: .8rem;
        width: 1.6rem;
        overflow: hidden;
    }

    #page-product .btn-reviews:not(.btn-reviews--empty) .btn-reviews__stars__fill {
        width: 100% !important;
    }
}

/* Гарантия/возврат/применимость/оплата у цены — .btn-light база уже в бандле, тут только новое */

#page-product .section-price__item-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#page-product .section-price__item-check__tags {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

#page-product .section-price__tag-feature {
    transition: background .2s;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .8rem;
    border-radius: 2.2rem;
    background: var(--Background-Grey-XXS, #f6f6f6);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
    cursor: pointer;
}

#page-product .section-price__tag-feature__icon-type {
    font-size: 1.6rem;
    line-height: 0;
}

#page-product .section-price__tag-feature__icon-info {
    font-size: 1.2rem;
    line-height: 0;
    color: var(--Grey-M);
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    #page-product .section-price__tag-feature:hover {
        background: var(--Grey-XS, #e8e8e8);
    }
}

#page-product .section-price__pay-methods {
    display: flex;
    gap: .4rem;
}

#page-product .section-price__pay-methods__item {
    border-radius: 2.2rem;
    background: var(--Background-Grey-XXS, #f6f6f6);
    padding: .8rem;
    min-width: 4rem;
    text-align: center;
    color: var(--Grey-Dark);
    line-height: 0;
}

#page-product .section-price__pay-methods__item .icon {
    font-size: 1.6rem;
}

#page-product .modal-quick-info {
    position: relative;
    border-radius: 2rem;
    background: var(--background-white-100, #fff);
    width: 42.4rem;
    box-shadow: 0 4px 8px -4px #16223314, 0 16px 24px #16223314;
}

#page-product .modal-quick-info__image-banner {
    padding: 0;
    aspect-ratio: 376/120;
    margin-top: -3.4%;
}

#page-product .modal-quick-info__h1 {
    margin-top: 2.4rem;
    font-family: Lato, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0 2.4rem;
}

#page-product .modal-quick-info__desc {
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    margin-top: 1.6rem;
    padding: 0 2.4rem;
}

#page-product .modal-quick-info__desc p:not(:first-child) {
    margin-top: 1.6rem;
}

#page-product .modal-quick-info__btn-more {
    margin-top: 2.4rem;
    padding: 0 2.4rem 2.4rem;
}

#page-product .modal-quick-info__btn-close {
    transition: color .2s, background .2s;
    position: absolute;
    z-index: 10;
    top: 3.2rem;
    right: 3.2rem;
    padding: .4rem;
    line-height: 0;
    border-radius: .8rem;
    background: #ffffffb3;
    backdrop-filter: blur(2px);
    color: var(--Grey-L, #8b8d8e);
    cursor: pointer;
}

#page-product .modal-quick-info__btn-close .icon {
    font-size: 1.6rem;
}

#page-product .modal-quick-info--live {
    margin: auto;
}

@media (max-width: 1049.98px) {
    #page-product .section-price__item-check {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1.6rem;
    }

    #page-product .section-price__item-check__tags {
        order: -1;
        flex-wrap: wrap;
    }

    #page-product .section-price__tag-feature {
        gap: .4rem;
        padding: .4rem .6rem;
    }

    #page-product .modal-quick-info {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 4rem;
    }

    #page-product .modal-quick-info__btn-close {
        top: 1.6rem;
        right: 1.6rem;
    }

    #page-product .modal-quick-info--live {
        margin: auto 0 0;
    }
}

#page-product .section-price__btn-check {
    transition: background .2s;
    padding: .8rem 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .6rem;
    color: var(--background-white-100, #fff);
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    border-radius: 4rem;
    background: var(--Grey-Dark);
}

@media (max-width: 1049.98px) {
    #page-product .section-price__btn-check {
        padding: 1.2rem 1.6rem;
        width: 100%;
    }
}

/* Быстрые ссылки на категории товара — .nav-favorites-links уже есть в бандле, тут только недостающее */

#page-product .slider-tabs--on-gray-bg {
    --edge-gradient-from: rgba(246, 246, 246, 0);
    --edge-gradient-to: rgba(246, 246, 246, 100%);
}

#page-product .layout-product__about__sections {
    padding: .8rem 0;
}

/* Отзывы: структура (шапка+сортировка+тело), 2 колонки — список слева, статистика по звёздам справа */

#page-product .section-reviews {
    all: revert;
}

#page-product .section-reviews__header {
    display: grid;
    grid-template-columns: 1fr 51rem;
    gap: 3.2rem;
    min-height: 4.8rem;
    margin-bottom: 0;
}

#page-product .section-reviews__header__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.6rem;
}

#page-product .section-reviews__h1 {
    color: var(--Grey-Dark);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
}

#page-product .section-reviews__body {
    display: grid;
    grid-template-columns: 1fr 51rem;
    gap: 3.2rem;
}

#page-product .section-reviews__body__left {
    min-width: 0;
}

#page-product .section-reviews__body__right {
    min-width: 0;
}

#page-product .section-reviews__list-wrapper {
    padding: 1.6rem;
    border-radius: 2.4rem;
    background: var(--background-white-100, #fff);
}

@media (min-width: 1050px) {
    #page-product .section-reviews__header {
        padding: 2.4rem;
        background: var(--background-white-100, #fff);
        border-radius: 2.4rem 2.4rem 0 0;
        position: sticky;
        top: 8.4rem;
        z-index: 10;
    }

    #page-product .section-reviews__body {
        padding: .8rem 2.4rem 2.4rem;
        background: var(--background-white-100, #fff);
        border-radius: 0 0 2.4rem 2.4rem;
    }
}

@media (max-width: 1049.98px) {
    #page-product .section-reviews__header {
        display: none;
    }

    #page-product .section-reviews__body {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
        padding: 0;
    }

    #page-product .section-reviews__media {
        display: none;
    }

    /* "Показать ещё" в попапе отзывов пряталось за sticky-панелью корзины (z-index 2001 выше попапа 2000) — буфер уже в бандле, но под 575.98, дублируем под 1049.98 */
    #page-product .layout-product__panel-buy-buffer {
        height: 7rem;
    }
}

/* Компакт-режим отзывов (слайдер вместо списка, шапка+сортировка скрыты, список — в попапе) — брейкпоинт 1049.98, как весь редизайн, а не 575.98 как в main-bundle.css (там компонент не описан) */
@media (min-width: 1050px) {
    #page-product .stat-reviews__slider,
    #page-product .stat-reviews__media,
    #page-product .layout-default__back-for-modal,
    #page-product .section-reviews__modal-stats,
    #page-product .section-reviews__modal-media {
        display: none;
    }
}

@media (max-width: 1049.98px) {
    #page-product .stat-reviews__slider {
        display: block;
    }

    #page-product .layout-default__back-for-modal {
        display: block;
    }

    #page-product .section-reviews__modal {
        transition: opacity .4s, visibility 0s linear .4s;
        display: block !important;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        inset: 0;
        overflow: auto;
        overscroll-behavior: none;
        background: var(--Background-Grey-XXS, #f6f6f6);
        padding: 1.6rem;
        padding-top: 0;
        z-index: 2000;
    }

    #page-product .section-reviews__modal--active {
        transition: opacity .4s, visibility .4s;
        visibility: visible;
        opacity: 1;
    }

    body:has(#page-product .section-reviews__modal--active) {
        touch-action: none;
        overflow: hidden;
        overscroll-behavior: none;
    }

    /* Рейтинг+лента фото внутри попапа "Все отзывы" — .section-reviews__media общим правилом
       выше скрыт на мобильной (он там дублирует десктопную колонку), эта копия — своя, для попапа */
    #page-product .section-reviews__modal-stats {
        margin-bottom: 1.6rem;
    }

    #page-product .section-reviews__modal-media {
        display: block;
        margin-bottom: 1.6rem;
    }
}

/* Баннер бренда — картинки в архиве есть только для LUZAR, других брендов нет */

#page-product .banner-brand {
    position: relative;
}

#page-product .banner-brand__image-bg {
    padding: 0;
    position: absolute;
    inset: 0;
    border-radius: 2.4rem;
    overflow: hidden;
}

#page-product .banner-brand__image-logo {
    width: 8.54rem;
    padding-top: 0;
    aspect-ratio: 85.4/21.56;
    flex-shrink: 0;
}

#page-product .banner-brand__content {
    position: relative;
    z-index: 10;
    padding: 1.6rem 2.4rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

#page-product .banner-brand__desc {
    color: var(--background-white-100, #fff);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

#page-product .banner-brand__btn-link {
    position: relative;
    z-index: 20;
    margin-left: auto;
    transition: background .2s;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .2rem .2rem .2rem .8rem;
    border-radius: 2.2rem;
    background: #ffffffb3;
    color: var(--Grey-Dark);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .banner-brand__btn-link .icon {
    transition: transform .2s;
    box-sizing: content-box;
    padding: .4rem;
    background: #fff;
    border-radius: 50%;
    font-size: 1.2rem;
}

@media (hover: hover) and (pointer: fine) {
    #page-product .banner-brand__btn-link:hover {
        background: var(--background-white-70, rgba(255, 255, 255, .8));
    }

    #page-product .banner-brand__btn-link:hover .icon {
        transform: rotate(45deg);
    }
}

@media (max-width: 1049.98px) {
    #page-product .banner-brand__image-logo {
        width: 9.84rem;
        grid-column: span 2;
    }

    #page-product .banner-brand__content {
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 1.6rem;
    }

    #page-product .banner-brand__btn-link {
        align-self: flex-end;
    }
}

/* Отзывы: карточка card-review пересекается со старыми правилами main-bundle.css (575.98px) — переопределяем под 1049.98px */

#page-product .card-review__header {
    margin-bottom: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem 1.6rem;
}

#page-product .card-review__header__user {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

#page-product .card-review__header__date {
    margin-left: auto;
    color: var(--Grey-L);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .card-review__header__name {
    color: var(--Grey-Dark);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: .2rem;
}

#page-product .card-review__header__tag-source {
    padding: .3rem .8rem;
    border-radius: 2rem;
    border: 1px solid var(--Grey-S, #d1d1d2);
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
    white-space: nowrap;
}

#page-product .card-review__body {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

#page-product .card-review__text {
    color: var(--Grey-XL);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
}

#page-product .card-review__text--lessmore:not(.opened) {
    --lines-count: 2;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines-count);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page-product .card-review__btn-more {
    padding: 0;
    margin-top: .4rem;
}

#page-product .card-review__media {
    line-height: 0;
}

#page-product .card-review__media__tape {
    overflow: hidden;
    position: relative;
    display: inline-block;
    max-width: 71.2rem;
}

#page-product .card-review__media__list {
    display: flex;
    gap: .8rem;
}

#page-product .card-review__media__item {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    width: 4rem;
    border-radius: .8rem;
}

#page-product .card-review__media__image-bg {
    display: none;
}

#page-product .card-review__media__image-hq {
    display: block;
}

/* видео без превью-кадра — под самой иконкой (card-review__media__btn-play, бандл) фона нет вообще, была видна голая стрелка без рамки */
#page-product .card-review__media__item[data-media-type="video"] .card-review__media__image-hq {
    background: var(--Grey-Dark, #2c2d2e);
}

/* то же самое — тумбнейлы внутри самого попапа (card-modal-review__media): фон — запасной, если у товара нет фото для постера (<img> тогда не создаётся) */
#page-product .card-modal-review__media__item[data-media-type="video"] .card-modal-review__media__image {
    background: var(--Grey-Dark, #2c2d2e);
}

@media (max-width: 1049.98px) {
    #page-product .card-review__body {
        flex-direction: column-reverse;
    }

    #page-product .card-review__header__user {
        flex-basis: 100%;
        gap: .8rem;
    }

    #page-product .card-review__btn-more {
        margin-top: .8rem;
    }

    #page-product .card-review__media__tape {
        max-width: none;
        display: inline-flex;
        gap: .8rem;
    }

    #page-product .card-review__media__item {
        width: calc(100vw - 7rem);
        max-width: 30rem;
        border-radius: 1.6rem;
    }

    #page-product .card-review__media__image-bg {
        padding: 0;
        display: block;
        aspect-ratio: 300/380;
    }

    #page-product .card-review__media__image-bg img {
        filter: blur(100px);
    }

    #page-product .card-review__media__image-hq {
        padding: 0;
        position: absolute;
        inset: 0;
    }

    #page-product .card-review__media__image-hq img {
        object-fit: contain;
    }
}

/* Отзывы: мобильный свайпер card-text-review + stat-reviews — новые классы, 0 совпадений в main-bundle.css */

#page-product .card-text-review {
    flex-grow: 1;
    border-radius: 1.6rem;
    border: 1px solid var(--Background-Grey-XXS, #f6f6f6);
    padding: 1.6rem;
    background: #fff;
}

#page-product .card-text-review__user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
}

#page-product .card-text-review__user__name {
    color: var(--Grey-Dark);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

#page-product .card-text-review__user__tag-source {
    padding: .3rem .8rem;
    border-radius: 2rem;
    border: 1px solid var(--Grey-S, #d1d1d2);
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
    white-space: nowrap;
}

#page-product .card-text-review__info {
    display: flex;
    justify-content: space-between;
    margin-top: .8rem;
}

#page-product .card-text-review__info__date {
    color: var(--Grey-L, #8b8d8e);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .card-text-review__text {
    --lines-count: 4;
    margin-top: 1.6rem;
    color: var(--Grey-XL, #565758);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
}

#page-product .stat-reviews {
    padding: 2rem 2.4rem;
    border-radius: 2.4rem;
    background: var(--Background-Grey-XXS);
}

#page-product .stat-reviews__row {
    display: grid;
    grid-template-columns: 19.3rem 1fr;
    gap: 4rem;
}

#page-product .stat-reviews__left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#page-product .stat-reviews__value {
    display: flex;
    align-items: flex-end;
    gap: .8rem;
    font-weight: 700;
}

#page-product .stat-reviews__value__now {
    font-size: 6.3rem;
    line-height: 100%;
}

#page-product .stat-reviews__value__max {
    font-size: 2.8rem;
    line-height: 3.7rem;
}

#page-product .stat-reviews__item {
    display: flex;
    align-items: center;
    gap: .8rem;
}

#page-product .stat-reviews__item:not(:first-child) {
    margin-top: .8rem;
}

#page-product .stat-reviews__item__rate {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

#page-product .stat-reviews__item__rate .icon {
    font-size: 1.6rem;
}

#page-product .stat-reviews__item__total {
    flex-grow: 1;
    margin-left: 2rem;
}

#page-product .stat-reviews__item__total,
#page-product .stat-reviews__item__percent {
    background: var(--Grey-XS);
    border-radius: 1.2rem;
    height: .6rem;
}

#page-product .stat-reviews__item__percent {
    background: var(--Grey-Dark);
}

#page-product .stat-reviews__item__count {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
}

@media (min-width: 1050px) {
    #page-product .stat-reviews__summary {
        margin-top: .3rem;
        display: flex;
        gap: .4rem;
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    #page-product .stat-reviews__summary__count {
        color: var(--Grey-L, #8b8d8e);
    }

    #page-product .stat-reviews__value .icon {
        display: none;
    }
}

/* Сводка "N отзывов + % рекомендуют": на десктопе — под оценкой слева (--desktop), на мобильной — отдельной строкой
   под рейтингом (--mobile), как в эталонной вёрстке (d-none-mobile / d-none-desktop; наши брейкпоинты, не бандловые 576px) */
@media (min-width: 1050px) {
    #page-product .stat-reviews__summary--mobile {
        display: none;
    }
}

@media (max-width: 1049.98px) {
    #page-product .stat-reviews__summary {
        margin-top: 1.6rem;
        display: flex;
        justify-content: space-between;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.8rem;
    }

    #page-product .stat-reviews__summary__count {
        color: var(--Orange-Orange, #ff6e00);
    }

    #page-product .stat-reviews__summary--desktop {
        display: none;
    }

    /* Лента фото/видео под рейтингом (в эталонной вёрстке — .stat-reviews__media d-none-desktop) */
    #page-product .stat-reviews__media {
        margin-top: 3.2rem;
    }

    #page-product .stat-reviews__slider {
        margin-bottom: -1.6rem;
        margin-top: 1.6rem;
    }

    #page-product .stat-reviews__slider .swiper {
        overflow: visible;
        margin: 0 -.4rem;
    }

    #page-product .stat-reviews__slider .swiper-slide {
        height: auto;
        width: min(100vw - 9.6rem, 28.4rem);
        padding: .8rem .4rem 1.6rem;
        display: flex;
        flex-direction: column;
        background: #fff;
    }

    #page-product .stat-reviews {
        padding: 1.6rem;
        border-radius: 2.4rem;
        background: var(--background-white-100, #fff);
    }

    #page-product .stat-reviews__row {
        align-items: center;
        grid-template-columns: 1fr 13rem;
        gap: 1.6rem;
    }

    #page-product .stat-reviews__left {
        flex-direction: column-reverse;
        gap: .8rem;
    }

    #page-product .stat-reviews__value {
        gap: .4rem;
    }

    #page-product .stat-reviews__value .icon {
        display: block;
        font-size: 2.4rem;
        align-self: center;
    }

    #page-product .stat-reviews__value__now {
        font-size: 3.2rem;
    }

    #page-product .stat-reviews__value__max {
        color: var(--Grey-L, #8b8d8e);
        font-size: 1.4rem;
        line-height: 1;
    }

    #page-product .stat-reviews__item:not(:first-child) {
        margin-top: .2rem;
    }

    #page-product .stat-reviews__item__rate {
        gap: .2rem;
    }

    #page-product .stat-reviews__item__rate .icon {
        font-size: 1.2rem;
    }

    #page-product .stat-reviews__item__total {
        margin-left: 0;
    }

    #page-product .stat-reviews__item__total,
    #page-product .stat-reviews__item__percent {
        height: .4rem;
        border-radius: .4rem;
    }

    #page-product .stat-reviews__item__count {
        display: none;
    }
}

/* Реконструкция модалки отзыва (исходник утрачен) — сверить с референсом при доработке */

#page-product .media-review__count {
    pointer-events: auto;
    cursor: pointer;
}

#page-product .reviews-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
}

#page-product .reviews-modal-overlay[hidden] {
    display: none;
}

#page-product .reviews-modal-overlay__backdrop {
    position: absolute;
    inset: 0;
}

/* .modal-reviews/.card-modal-review и все его дочерние классы уже полностью описаны в main-bundle.css
   (desktop + свой mobile-вариант в @media 575.98) — 1:1 с референсом (grid-template-columns:62.8rem 1fr,
   aspect-ratio:628/568 у фото, blur(100px), padding и т.д.). Наши прошлые #page-product-переопределения
   этого блока дублировали и местами портили уже верную вёрстку бандла (двойной паддинг, растянутое фото,
   квадратный хак) — убраны целиком. Оставлен только .reviews-modal-overlay — этого класса в бандле нет
   (наша обёртка-подложка, реконструирована отдельно). */
@media (max-width: 1049.98px) {
    #page-product .reviews-modal-overlay {
        align-items: flex-end;
    }
}

/* У фото высоту .card-modal-review__slide задаёт aspect-ratio:628/568 на .card-modal-review__image-bg
   (normal flow) — у видео такого соседа нет (script.js кладёт только <video>, без image-bg), slide
   схлопывался в 0 высоты, видео становилось невидимым (height:100% от 0). Тот же аспект — на сам слайд.
   Только десктоп: на мобиле высоту слайду даёт height:calc(100dvh - 8.3rem) из бандла (свой механизм,
   aspect-ratio тут всё ломает — фото/видео вместо почти полного экрана сжимались в узкую полоску). */
@media (min-width: 1050px) {
    #page-product .card-modal-review__slide {
        aspect-ratio: 628/568;
    }
}

/* та же причина на мобиле — там высоту даёт height:calc(100dvh - 8.3rem) на .card-modal-review__image-bg
   (бандл, @media 575.98px), у видео этого элемента нет. Высоту нужно давать именно .slide (родителю,
   overflow:hidden) — video сам по себе абсолютно спозиционирован и не влияет на высоту 0-родителя,
   поэтому обрезался целиком, даже уже получив собственный правильный height */
@media (max-width: 575.98px) {
    #page-product .card-modal-review__slide {
        height: calc(100dvh - 8.3rem);
    }
}

/* Просмотр медиа отзыва: одна лента слайдов по всем фото/видео товара (в эталоне — Swiper), листается свайпом,
   стрелками и клавишами. Нативная прокрутка со scroll-snap вместо Swiper: библиотека в нашем бандле не
   доступна из скриптов компонента (не экспортируется в глобальную область). */
#page-product .card-modal-review__track {
    display: flex;
    gap: .8rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}

#page-product .card-modal-review__track::-webkit-scrollbar {
    display: none;
}

#page-product .card-modal-review__track > .card-modal-review__slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* Характеристики: артикул с копированием + бабл-ссылки на сопутствующие товары */
#page-product .table-props__sku {
    display: flex;
    align-items: center;
    gap: .4rem;
}

#page-product .table-props__sku .icon {
    font-size: 1.6rem;
    color: var(--Grey-L, #8b8d8e);
    cursor: pointer;
}

#page-product .table-props__sku .icon:hover {
    color: var(--Grey-Dark);
}

#page-product .table-props__tag-code {
    transition: background .2s, color .2s;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    height: 3.2rem;
    padding-left: 1.2rem;
    padding-right: .8rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    border-radius: 2.2rem;
    background: var(--Background-Grey-XXS, #f6f6f6);
    cursor: pointer;
}

#page-product .table-props__tag-code:hover {
    background: var(--Grey-XL, #565758);
    color: var(--background-white-100, #fff);
}

#page-product .table-props__tag-code .icon {
    font-size: 1.6rem;
    color: var(--Grey-M, #b2b4b3);
}

/* Сертификаты: кнопка "См. в реестре" — модификаторы отсутствуют в main-bundle.css */
#page-product .btn-light--circle {
    width: 4rem;
}

#page-product .btn-light--orange-hover:hover {
    color: #fff;
    background: var(--Orange-Orange, #ff6e00);
}

/* Сертификаты: раскладка карточки (title слева, кнопки справа) — .section-certificates* нет в main-bundle.css */
#page-product .section-certificates {
    display: flex;
    flex-direction: column;
}

#page-product .section-certificates__item {
    display: flex;
    flex-direction: row;
    gap: .8rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 0;
    border-bottom: 1px solid #f6f6f6;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--Grey-L, #8b8d8e);
}

#page-product .section-certificates__item:last-child {
    border-bottom: 0;
}

#page-product .section-certificates__item-title {
    color: var(--Grey-Dark, #2c2d2e);
}

#page-product .section-certificates__item-title:hover {
    color: var(--Orange-Orange, #ff6e00);
}

#page-product .section-certificates__item-btns {
    display: flex;
    gap: .8rem;
}

@media (max-width: 1049.98px) {
    #page-product .section-certificates__item {
        flex-direction: column;
        padding: 1.6rem 0;
        gap: 1.6rem;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

/* .section-matching__btn-reset позиционировался в main-bundle.css, но подключён другой файл (bundles/) без этого правила — кнопка падала после таблицы.
   Кнопка перенесена в разметке внутрь .finder__auto-form (flex-ряд селектов) как обычный flex-элемент —
   .finder__auto-selects растягивается на flex-grow:1 и уступает кнопке место справа, без абсолютного позиционирования */
#page-product .finder__auto-form > .section-matching__btn-reset {
    flex-shrink: 0;
}

/* В вёрстке .section-matching__fields__col-reset скрыт на мобильном (max-width:1049.98px) —
   сброс там делается через чипсы (.section-matching__filter__checked, генерируются в script.js), а не кнопкой внутри формы */
@media (max-width: 1049.98px) {
    #page-product .finder__auto-form > .section-matching__btn-reset {
        display: none;
    }
}

/* чипсы+"Сбросить" — flex без justify-content, "Сбросить" всегда последним div — :last-child прижимает вправо */
@media (max-width: 575.98px) {
    #page-product .section-matching__filter__checked > div:last-child {
        margin-left: auto;
    }
}

/* Swiper.js в бандле есть (для других каруселей), но не подключён под .js-reviews-slider — нативный scroll-snap вместо него. Брейкпоинт 1049.98, не 575.98 */
@media (max-width: 1049.98px) {
    #page-product .stat-reviews__slider .swiper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #page-product .stat-reviews__slider .swiper::-webkit-scrollbar {
        display: none;
    }

    #page-product .stat-reviews__slider .swiper-wrapper {
        scroll-snap-type: x mandatory;
    }

    #page-product .stat-reviews__slider .swiper-slide {
        scroll-snap-align: start;
    }
}

/* последний слайд слайдера отзывов — кнопка "Все отзывы", открывает попап (script.js: .js-reviews-list-open/close). У обёртки в бандле нет правил — центрируем сами */
@media (max-width: 1049.98px) {
    #page-product .stat-reviews__slider__all {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

/* End */


/* Start:/local/components/carville/reviews/templates/.default/style.css?1791276357222*/
.media-review__item--no-poster .media-review__image {
    background: #2b2b2b;
}

.media-review__item--no-poster .media-review__btn-play {
    inset: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

/* End */


/* Start:/local/components/carville/filter_applicability_cars/templates/.default/style.css?1769063493424*/
.finder__find-saved-auto-item.finder__find-saved-auto-item--removed .finder__find-saved-auto-return-btn {
    display: flex;
}
.finder__find-saved-auto-item .finder__find-saved-auto-return-btn,
.finder__find-saved-auto-item.finder__find-saved-auto-item--removed .finder__find-saved-auto-apply-btn,
.finder__find-saved-auto-item.finder__find-saved-auto-item--removed .finder__find-saved-auto-remove-btn {
    display: none;
}
/* End */


/* Start:/local/templates/shop/components/bitrix/catalog.section/recommend_detail/style.css?176889495994*/
.recommended__content .wrap_load_pagination{
    display: flex;
    justify-content: center;
}
/* End */
/* /local/templates/shop/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?179127635744211 */
/* /local/components/carville/reviews/templates/.default/style.css?1791276357222 */
/* /local/components/carville/filter_applicability_cars/templates/.default/style.css?1769063493424 */
/* /local/templates/shop/components/bitrix/catalog.section/recommend_detail/style.css?176889495994 */