/* ============================================================
   catalog_gift — карточка товара-подарка
   Переиспользует базовые стили галереи/раскладки из catalog_gen_3.css,
   добавляет gift-специфичные блоки.
   ============================================================ */

/* Базовые стили (галерея, breadcrumbs, h1, контейнер) — из catalog_gen_3 */
@import url('/local/templates/.default/components/librederm/catalog.element/catalog_gen_3/catalog_gen_3.css');

/* ===== Лейбл «🎁 Подарок» в галерее ===== */
.preview-labels__item.m-gift {
    background: #fff4e0;
    color: #b8741a;
    font: 600 12px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    letter-spacing: .5px;
    padding: 6px 10px;
    border-radius: 3px;
    display: inline-block;
}

/* ===== Бейдж «Подарок Librederm» вместо цены ===== */
.g3-gift-badge {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: thin solid #eaeaea;
    text-decoration: none;
    color: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}
@media (min-width: 1280px) {
    .g3-gift-badge {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}
.g3-gift-badge:hover,
.g3-gift-badge:focus {
    border: 1px solid #000000;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    text-decoration: none;
    color: inherit;
}
.g3-gift-badge__icon {
    flex-shrink: 0;
    line-height: 0;
}
.g3-gift-badge__icon img {
    display: block;
    width: 40px;
    height: 40px;
}
.g3-gift-badge__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.g3-gift-badge__title {
    margin: 0;
    font: 600 20px / 1.2 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #111;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.g3-gift-badge__sub {
    margin: 0;
    font: 400 14px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #333;
}
.g3-gift-badge__price {
    margin: 8px 0 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.g3-gift-badge__price-label {
    font: 300 13px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #666;
}
.g3-gift-badge__price-base {
    font: 600 22px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #111;
}
.g3-gift-badge__price-sale {
    font: 600 22px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #111;
}
s.g3-gift-badge__price-base {
    font: 400 16px / 1 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #999;
}
.g3-gift-badge__note {
    margin: 4px 0 0;
    font: 300 13px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #888;
    font-style: italic;
}
@media (min-width: 768px) {
    .g3-gift-badge {
        padding: 28px 32px;
    }
    .g3-gift-badge__icon img {
        width: 48px;
        height: 48px;
    }
    .g3-gift-badge__title {
        font-size: 24px;
    }
    .g3-gift-badge__sub {
        font-size: 16px;
    }
    .g3-gift-badge__price-base,
    .g3-gift-badge__price-sale {
        font-size: 28px;
    }
    s.g3-gift-badge__price-base {
        font-size: 18px;
    }
}

/* ===== Текст превью под бейджем ===== */
.product-main__description {
    margin: 0 0 24px;
    font: 300 16px / 1.5 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #333;
}

/* ===== Блок описания ===== */
.g3-gift-desc {
    margin-top: 48px;
    padding-top: 32px;
    border-top: thin solid #eaeaea;
}
.g3-gift-desc .page-subtitle {
    font: 600 24px / 34px "GraphikLCG", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.g3-gift-desc .content {
    font: 300 16px / 1.6 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #333;
}
.g3-gift-desc .content h4 {
    margin: 24px 0 8px;
    font: 600 16px / 1.4 "GraphikLCG", "Helvetica", "Arial", sans-serif;
    color: #111;
}

/* ===== Скрываем ненужные для подарка элементы (на случай если общий JS попытается их показать) ===== */
.g3-gift .product-main__controls,
.g3-gift .product-bar,
.g3-gift .product-detail,
.g3-gift .product-main__counter,
.g3-gift .product-main__fav,
.g3-gift .product-main__add,
.g3-gift .g3-subscribe-btn {
    display: none !important;
}