/* Start:/local/templates/.default/components/librederm/catalog.element/catalog_gen_3/catalog_gen_3.css?177694776519974*/
/* ===== Блок «Не содержит» ===== */
#g3-product .product-main__info {
    padding: 6px 12px;
    border: 2px solid #000000;
}
@media (min-width: 768px) {
    #g3-product .product-main__info {
        margin-bottom: 32px;
    }
}
#g3-product .product-main__info > span {
    display: block;
    background: #fff;
    margin: -11px 0;
    padding: 10px 5px;
    white-space: nowrap;
    font: 500 14px / 1.3 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
}

/* ===== Сброс глобального отступа product-detail ===== */
@media (min-width: 1280px) {
    #g3-product .product-detail {
        margin-left: 0;
    }
}

/* ===== Система ухода ===== */
.g3-care-scheme { margin-bottom: 48px; }
@media (min-width: 768px) {
    .g3-care-scheme { margin-bottom: 72px; }
}
.g3-care-scheme__step { margin-bottom: 40px; }

/* Общее описание схемы */
.g3-care-scheme__intro {
    margin-bottom: 28px;
}
.g3-care-scheme__intro-meta {
    font: 500 13px / 20px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #999;
    margin-bottom: 6px;
}
.g3-care-scheme__intro-text {
    font: 300 16px / 24px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #000000;
}

/* Описание шага — внутри slider-header, на второй строке */
.g3-care-scheme__step-header {
    flex-wrap: wrap;
    align-items: center;
}
/* Позиция товара в схеме ухода (бейдж над заголовком) */
.g3-scheme-pos-badge__heading {
    font: 400 12px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #000000;
    margin-top: auto;
}
.g3-scheme-pos-badge {
    display: inline-flex;
    align-items: stretch;
    gap: 0;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    margin-top: 8px;
    font: 400 12px / 1.3 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    border: thin solid #eaeaea;
    transition: box-shadow .25s;
}
.g3-scheme-pos-badge:hover {
    border: 1px solid #000000;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
}
.g3-scheme-pos-badge__left {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
}
.g3-scheme-pos-badge__num {
    font: 500 38px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #000;
    flex-shrink: 0;
}
.g3-scheme-pos-badge__label {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.g3-scheme-pos-badge__suptitle {
    font: 300 12px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    letter-spacing: 1px;
    color: #000;
}
.g3-scheme-pos-badge__name {
    font: 600 12px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    letter-spacing: 1px;
    color: #000;
}
.g3-scheme-pos-badge__divider {
    width: 1px;
    background: #eaeaea;
    flex-shrink: 0;
    align-self: stretch;
    margin: 10px 0;
}
.g3-scheme-pos-badge__list {
    list-style: none;
    margin: 0;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}
.g3-scheme-pos-badge__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 6px;
    font: 400 12px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.5px;
    color: #000;
}
.g3-scheme-pos-badge__item.m-active {
    background: #111;
    color: #fff;
    font-weight: 500;
}
.g3-scheme-pos-badge__item-num {
    min-width: 12px;
    text-align: center;
    flex-shrink: 0;
}
.g3-scheme-pos-badge__tou {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 14px;
}
.g3-scheme-pos-badge__tou img {
    display: block;
    opacity: .75;
}

/* Бейдж схемы — мобилка */
@media (max-width: 1279px) {
    .g3-scheme-pos-badge {
        width: 100%;
        justify-content: space-evenly;
    }
    #g3-product .product-main__info {
        width: stretch;
        text-align: center;
        text-transform: uppercase;
    }
    .product-detail__tab .content {
        padding-bottom: 30px;
    }
    .g3-scheme-pos-badge__num {
        font: 700 30px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    }
    .g3-scheme-pos-badge__suptitle {
        font: 400 10px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    }
    .g3-scheme-pos-badge__name {
        font: 700 10px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    }
    .g3-scheme-pos-badge__item {
        font: 400 10px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    }
    .g3-scheme-pos-badge__list {
        gap: 0;
    }
}

/* Уменьшаем верхний отступ заголовка когда есть бейдж схемы */
#g3-product .product-header__title {
    margin-top: 12px;
}
@media (min-width: 768px) {
    #g3-product .product-header__title {
        margin-top: 16px;
    }
}

.g3-care-scheme__step-desc {
    flex: 0 0 100%;
    order: 10;
    font: 300 14px / 18px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #000000;
    margin: 4px 0 0;
}

/* Swiper-контейнер шага */
.g3-care-scheme__stages {
    overflow: hidden;
    padding: 15px;
    margin: -15px;
}

/* Заголовок шага */
.g3-care-scheme__step-title {
    font: 500 16px / 34px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #111;
    flex: 1;
}

/* Футер блока «Система ухода» */
.g3-scheme-footer {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.g3-scheme-footer__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.g3-scheme-add-all-btn,
.g3-scheme-fav-all-btn {
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.g3-scheme-add-all-btn svg,
.g3-scheme-fav-all-btn svg {
    filter: brightness(0) invert(1);
    flex-shrink: 0;
    transition: filter 0.2s;
}
.g3-scheme-add-all-btn:hover svg,
.g3-scheme-fav-all-btn:hover svg {
    filter: brightness(0);
}
@media (max-width: 767px) {
    .g3-scheme-footer__btns .form-button.m-second {
        width: 100%;
        display: flex;
    }
    .g3-section .page-subtitle {
        position: relative;
        top: -2px;
        font: 500 16px / 26px "GraphikLCG", "Helvetica", "Arial", sans-serif;
        letter-spacing: .4px;
        text-transform: uppercase;
    }
}
.g3-scheme-footer__hint {
    font: 300 13px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #858585;
    margin: 0;
}

/* Переопределяем глобальный text-align: center для всех slider-header на этой странице */
@media (min-width: 768px) {
    .slider-header {
        margin-bottom: 32px;
        text-align: left;
    }
}

/* Прячем стрелки когда слайдер не переполнен или кнопка задизейблена */
.g3-care-scheme .slider-header__prev.swiper-button-disabled,
.g3-care-scheme .slider-header__next.swiper-button-disabled,
.g3-care-scheme .slider-header__prev.swiper-button-lock,
.g3-care-scheme .slider-header__next.swiper-button-lock {
    display: none;
}

/* Все слайды одинаковой высоты — растягиваем по высоте самого высокого */
.g3-care-scheme__stages .swiper-wrapper {
    align-items: stretch;
}

/* ── ГОРИЗОНТАЛЬНЫЕ КАРТОЧКИ (мобилка + десктоп): фото 1/3, контент 2/3 ── */
.g3-care-scheme__col {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Slider занимает весь остаток колонки */
.g3-care-scheme__slider {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.g3-care-scheme__slide.m-active {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.g3-care-scheme__col .preview {
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* li.preview — сама карточка товара, горизонтальная на всех экранах */
.g3-care-scheme__col li.preview {
    flex-direction: row;
}
.g3-care-scheme__col .preview__image {
    flex: 0 0 33.33%;
    align-self: stretch;
    overflow: hidden;
}
.g3-care-scheme__col .preview__image .preview__wrap {
    height: 100%;
    padding-bottom: 0;
}
.g3-care-scheme__col .preview__image .preview__wrap img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.g3-care-scheme__col .preview__item img {
    padding: 10px;
}
.g3-care-scheme .preview__text {
    font: 500 13px / 16px "GraphikLCG", "Helvetica", "Arial", sans-serif;
}
.g3-care-scheme__col .preview__content {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.g3-care-scheme__col .preview__footer {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.g3-care-scheme__col .g3-scheme-cart-btn {
    width: auto !important;
    display: inline-flex !important;
    flex-shrink: 0;
}

/* Сброс глобального .product .price */
.g3-care-scheme__col .price {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4px;
}

/* Размер базовой цены в карточках схемы */
.g3-care-scheme__col .price__base {
    font-size: 18px;
    line-height: 32px;
}

/* ── МОБИЛКА (<1280px) — этапы уложены вертикально (Swiper отключён через CSS) ── */
@media (max-width: 1279px) {
    .g3-care-scheme__intro + .g3-care-scheme__step {
        margin-bottom: 0 !important;
    }
    .g3-care-scheme__stages {
        padding: 0;
        margin: 0;
        overflow: visible;
    }
    .g3-care-scheme__stages .swiper-wrapper {
        flex-direction: column;
        transform: none !important;
        height: auto !important;
    }
    .g3-care-scheme__stages .swiper-slide {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        height: auto;
    }
    .g3-care-scheme__stages .swiper-slide:last-child {
        margin-bottom: 0 !important;
    }
    /* Горизонтальную линию и шеврон → скрываем (они для десктопа) */
    .g3-care-scheme__stages .swiper-slide .g3-care-scheme__stage-label::after,
    .g3-care-scheme__stages .swiper-slide .g3-care-scheme__stage-label::before {
        display: none;
    }
    /* Стрелка ▼ после каждого слайда включая последний, выровнена по левому краю */
    .g3-care-scheme__stages .swiper-slide::after {
        content: '▼';
        display: block;
        color: #000000;
        font-size: 14px;
        padding: 5px 0 5px 2px;
    }
    /* Убираем ▼ на последнем этапе последнего шага (мобилка) */
    .g3-care-scheme__step:last-child .g3-care-scheme__stages .swiper-slide:last-child::after {
        display: none;
    }
    /* Стрелки prev/next навигации не нужны при вертикальной укладке */
    .g3-care-scheme .slider-header__prev,
    .g3-care-scheme .slider-header__next {
        display: none !important;
    }
}

/* ── ДЕСКТОП (≥1280px) — фиксированная ширина колонки и доп. мелочи ── */
@media (min-width: 1280px) {
    .g3-care-scheme__col {
        width: 430px;
    }
}
@media (min-width: 1440px) {
    .g3-care-scheme__col {
        width: 462px;
    }
}
@media (min-width: 1280px) {
    .g3-care-scheme__col .preview .fav-icon {
        top: 6px;
        right: 11px;
        padding: 5px;
    }
    .g3-care-scheme__col .preview .fav-icon svg {
        width: 15px;
        height: 15px;
    }
    .g3-care-scheme__col .preview-labels__item.m-exclusive {
        height: 70px;
        width: 20px;
    }
    .g3-care-scheme__col .preview-labels {
        top: 6px;
        left: 6px;
    }
    .g3-care-scheme__col .preview-labels__item {
        font: 300 12px / 24px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    }
}

/* Мобилка — labels и exclusive */
@media (max-width: 1279px) {
    .g3-care-scheme__col .preview-labels {
        top: 5px;
        left: 5px;
    }
    .g3-care-scheme__col .preview-labels__item.m-exclusive {
        height: 60px;
    }
}

/* Текущий продукт — отступ контента на мобилке */
@media (max-width: 1279px) {
    .g3-care-scheme__col.m-current .preview__content {
        width: auto;
    }
}

/* Текущий продукт — обводка */
.g3-care-scheme__col.m-current .preview {
    outline: 1px solid #111;
    outline-offset: 0px;
}

/* Иконка «i» и попап описания этапа */
.g3-stage-info-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    transition: color .2s;
    position: relative;
}
.g3-stage-info-btn:hover { color: #111; }

.g3-stage-info-popup {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    width: 162px;
    white-space: normal;
}
@media (min-width: 1280px) {
    .g3-stage-info-popup {
        width: 220px;
    }
}
.g3-stage-info-popup[hidden] { display: none; }

/* Линия внутри stage-label — у всех слайдов включая последний */
.g3-care-scheme__stages .swiper-slide .g3-care-scheme__stage-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e0e0e0;
    display: block;
    align-self: center;
    margin-right: 8px; /* место под стрелку */
}

/* Стрелка-наконечник (шеврон) в конце линии — у всех слайдов включая последний */
.g3-care-scheme__stages .swiper-slide .g3-care-scheme__stage-label::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px; height: 6px;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    transform: translateY(-50%) rotate(45deg);
}

/* Убираем линию и шеврон на последнем этапе последнего шага (десктоп) */
.g3-care-scheme__step:last-child .g3-care-scheme__stages .swiper-slide:last-child .g3-care-scheme__stage-label::after,
.g3-care-scheme__step:last-child .g3-care-scheme__stages .swiper-slide:last-child .g3-care-scheme__stage-label::before {
    display: none;
}

/* Заголовок этапа над карточкой */
.g3-care-scheme__stage-label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.3;
    position: relative;
    z-index: 3;
}
.g3-care-scheme__col.m-current .g3-care-scheme__stage-label {
    color: #111;
    font-weight: 500;
}

/* Бейдж «1 этап» */
.g3-care-scheme__stage-num {
    flex-shrink: 0;
    height: 26px;
    border-radius: 0;
    padding: 0 12px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
}
.g3-care-scheme__col.m-current .g3-care-scheme__stage-num {
    background: #111; color: #fff;
}

/* Слайдер: скрытые — none; активный — flex для цепочки высоты */
.g3-care-scheme__slide { display: none; }
.g3-care-scheme__slide.m-active { display: flex; flex-direction: column; }

/* Убираем hover-second-image эффект чтобы не путал */
.g3-care-scheme__col .preview__wrap .preview__item:not(:first-child) { display: none; }

/* Название товара в карточке схемы */
.g3-care-scheme .preview__title {
    font: 300 12px / 21px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    margin-bottom: 5px;
}

/* Кнопка в футере карточки схемы */
.g3-care-scheme .preview__footer .form-button {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

/* Точки — «Можно заменить» + кружки альтернатив */
.g3-care-scheme__dots-label {
    font: 300 12px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #858585;
    white-space: nowrap;
    flex-shrink: 0;
}
.g3-care-scheme__dots {
    display: flex; gap: 6px;
    justify-content: start; align-items: center; margin-top: 10px;
}
.g3-care-scheme__dot {
    width: 21px; height: 21px; border-radius: 50%;
    background: none; border: 1.5px solid #ccc;
    cursor: pointer; padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    transition: border-color .2s;
    font-size: 0; line-height: 1;
}
.g3-care-scheme__dot.m-active { border-color: #333; }
.g3-care-scheme__dot.m-has-icon::after { display: none; }
.g3-care-scheme__dot.m-has-icon {
    width: 21px; height: 21px; border-radius: 50%;
    background: none; border: 1.5px solid #ccc;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0; opacity: .4;
}
.g3-care-scheme__dot.m-has-icon.m-active {
    border-color: #333; opacity: 1;
}
.g3-care-scheme__dot.m-has-icon img { display: block; width: 16px; height: 16px; }
.g3-care-scheme__dot.m-universal {
    width: 42px; border-radius: 13px;
}
.m-uni-icons { display: inline-flex; align-items: center; gap: 1px; }

/* ===== Таб Описание: двухколоночная раскладка ===== */
#g3-product .product-detail__tab .g3-desc-layout {
    display: flex;
    gap: 96px;
    align-items: flex-start;
}
@media (min-width: 1280px) and (max-width: 1439px) {
    #g3-product .product-detail__tab .g3-desc-layout {
        gap: 64px;
    }
}
/* content сохраняет свой глобальный max-width: 960px */
.g3-desc-layout__main {
    flex: 0 1 960px;
    max-width: 960px;
    min-width: 0;
}
.g3-desc-layout__side {
    flex: 1;
    min-width: 160px;
    padding: 0;
    border: none;
}
.g3-desc-layout__side-title {
    font: 500 16px / 26px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    margin: 0 0 12px;
    text-transform: uppercase;
}

/* Таблица характеристик — dotted line между ключом и значением */
.g3-desc-chars {
    list-style: none;
    margin: 0;
    padding: 0;
}
.g3-desc-chars__item {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font: 300 13px / 1.3 "GraphikLCG", "Helvetica", "Arial", sans-serif;
}
.g3-desc-chars__label {
    display: flex;
    align-items: center;
    flex: 1;
    color: #858585;
    white-space: nowrap;
}
/* Пунктирная линия — техника конкурентов: repeating-gradient */
.g3-desc-chars__label::after {
    content: '';
    display: block;
    flex-grow: 1;
    min-width: 15px;
    height: 1px;
    color: #c8c8c8;
    background-image: linear-gradient(90deg, currentColor, currentColor 25%, transparent 0, transparent);
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin: 0 8px;
}
.g3-desc-chars__value {
    flex-shrink: 0;
    font-weight: 400;
    color: #000000;
    text-align: right;
    max-width: 55%;
}

/* Мобилка — характеристики в колонну под описанием */
@media (max-width: 1279px) {
    #g3-product .product-detail__tab .g3-desc-layout {
        flex-direction: column;
        gap: 0;
    }
    .g3-desc-layout__main {
        flex-basis: auto;
        max-width: 100%;
    }
    .g3-desc-layout__side {
        flex: none;
        width: 100%;
        margin-top: 0px;
        padding-bottom: 30px;
    }
}

/* End */
/* /local/templates/.default/components/librederm/catalog.element/catalog_gen_3/catalog_gen_3.css?177694776519974 */