/* Start:/promo/style.css?1757340836220*/
.container-promo h1{
    font-size: 1.56rem;
    font-weight: 700;
}
.container-promo h2{
    font-size: 1.13rem;
    font-weight: 600;
    padding: 1rem 0 1rem 0;
}
.container-promo{
    margin: 0 1.875rem 0 1.875rem;
}
/* End */


/* Start:/bitrix/templates/empty/components/bitrix/news/promo/style.css?176200936035*/
h1{
    padding: 1.5rem 0 2rem 0;
}
/* End */


/* Start:/bitrix/templates/empty/components/bitrix/news/promo/bitrix/news.detail/.default/style.css?17609761935446*/
.detail-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.detail-top p {
    font-size: 0.88rem;
    font-weight: 700;
}



/* Основной блок: 2 колонки */
.promo-hero {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 1.5rem;
    padding: 2rem;
    min-height: 26.25rem;
    background: rgba(216, 241, 255, 1);
    border-radius: 1rem;


}

/* Левая колонка с текстом */
.promo-hero__left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0; /* чтобы текст не расталкивал правую колонку */
}

.promo-hero__left h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 3rem;
}

.promo-hero__left p {
    font-size: 1.56rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: left;
}

.promo-hero__right {
    display: flex;
    align-items: flex-end; /* выравниваем изображения по низу */
    justify-content: center;
    min-height: 26.25; /* базовая высота блока; подстрой по макету */
}

.img_detail {
    display: flex;
    justify-content: center;
    height: 100%;
}

.img_detail img {
    max-width: 90%; /* сколько картинка занимает по ширине правой колонки */
    height: auto;
    display: block;
}
.news-detail h3{
    margin-top: 2rem;
    font-size: 1.13rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}
.divider {
    border: none;          /* убираем стандартную рамку */
    border-top: 1px solid var(--cl-pearl-light-grey); /* серая линия */
    margin: 1rem 0;        /* отступы сверху и снизу */
}
.product-slider-card {
    padding: .75rem;
    padding-bottom: 1.625rem;

    text-align: center;
    height: 31rem;
    display: flex;
    flex-direction: column;
}
.product-slider-card .img__container {
    height: 12.5rem;
    margin-bottom: 1.5rem;
}
.product-slider-card h3 {
    font-size: var(--s17);
    font-weight: 500;
}
.product-slider-card__bottom-container {
    margin-top:auto;
}
.product__cta {
    display: block;
    font-size: var(--s15);
    font-weight: 500;
    width: 100%;

    background-color: #F2F2F2;
    border-radius: .31rem;
    padding: .5rem 1rem;
    margin-top: 1rem;
}
.product-card__sale-container {
    position: relative;
    width: 100%;
}
.product-card__sale-container .product__old-price {
    margin-bottom: .1rem;
}
.product-card__sale-container .sale {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);

    display: inline-block; /* помогает корректно обрезать фон по тексту */

    /* сам градиент */
    background-image: linear-gradient(90deg, #F83600, #F9D423 100%);
    background-clip: text;
    -webkit-background-clip: text;

    /* делаем текст прозрачным, чтобы был виден фон */
    color: transparent;
    -webkit-text-fill-color: transparent;

    font-size: var(--s17);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}
/* карточка товара внутри слайдера */
.product-slider-card {
    padding: .75rem;
    padding-bottom: 1.625rem;
    text-align: center;
    height: 31rem;
    display: flex;
    flex-direction: column;
}

.product-slider-card .img__container {
    height: 12.5rem;
    margin-bottom: 1.5rem;
}

.product-slider-card h3 {
    font-size: var(--s17);
    font-weight: 500;
}

/* нижний блок с ценой и кнопкой */
.product-slider-card__bottom-container {
    margin-top: auto;
}

/* кнопка «Посмотреть» */
.product__cta {
    display: block;
    font-size: var(--s15);
    font-weight: 500;
    width: 100%;
    background-color: #F2F2F2;
    border-radius: .31rem;
    padding: .5rem 1rem;
    margin-top: 1rem;
}

/* контейнер старой цены и процента скидки */
.product-card__sale-container {
    position: relative;
    width: 100%;
}

.product-card__sale-container .product__old-price {
    margin-bottom: .1rem;
}

/* визуальное оформление процента скидки (-25%) */
.product-card__sale-container .sale {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    background-image: linear-gradient(90deg, #F83600, #F9D423 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: var(--s17);
    font-weight: 600;
    line-height: 1;
}

/* fallback для старых браузеров */
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
    .product-card__sale-container .sale {
        color: #F83600;
    }
}

/* базовые стили цены */
.product__old-price {
    text-decoration: line-through;
    font-size: var(--s18);
    font-weight: 700;
    color: rgba(84, 84, 84, 1);
    margin-bottom: .5rem;
}

.product__sale-price {
    font-size: var(--s22);
    font-weight: 700;
}

.product__price {
    font-size: var(--s22);
    font-weight: 700;
}

/* End */
/* /promo/style.css?1757340836220 */
/* /bitrix/templates/empty/components/bitrix/news/promo/style.css?176200936035 */
/* /bitrix/templates/empty/components/bitrix/news/promo/bitrix/news.detail/.default/style.css?17609761935446 */