/* Lux (design13) — тёмный «премиум»: золото, антиква, тонкие золотые линии, римские цифры */
/* Шрифты — SIL Open Font License, файлы в fonts/tfl. Общий каркас — css/tfl-base.css. */
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-cyrillic-500-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-cyrillic-600-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-cyrillic-700-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Cormorant"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/cormorant-garamond-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/montserrat-cyrillic-400-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/montserrat-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tfl/montserrat-cyrillic-500-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tfl/montserrat-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/montserrat-cyrillic-600-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/montserrat-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    --t-bg: #070605;
    --t-paper: #100e0b;
    --t-ink: #f3ead8;
    --t-muted: #b4a789;
    --t-line: rgba(212, 175, 55, 0.3);
    --t-surface: rgba(255, 255, 255, 0.015);
    --t-surface-2: rgba(212, 175, 55, 0.07);
    --t-accent: #d4af37;
    --t-accent-2: #f6e27a;
    --t-on-accent: #1a1408;
    --t-sale: #d4af37;
    --t-gold: linear-gradient(135deg, #f8e8a2 0%, #d4af37 42%, #a8811f 70%, #f1d77a 100%);
    --t-btn-bg: var(--t-gold);
    --t-btn-ink: #1a1408;
    --t-btn-radius: 2px;
    --t-btn-shadow: 0 16px 34px -16px rgba(212, 175, 55, 0.7);
    --t-radius: 2px;
    --t-radius-sm: 2px;
    --t-shadow: none;
    --t-display: "TFL Cormorant", Georgia, "Times New Roman", serif;
    --t-text: "TFL Montserrat", "Segoe UI", Arial, sans-serif;
    --t-title-size: 33px;
    --t-title-weight: 600;
    --t-title-spacing: 0.005em;
    --t-price-size: 58px;
    --t-gap: 64px;
    --eb-desc: "Колекція";
    --eb-features: "Переваги";
    --eb-steps: "Ритуал використання";
    --eb-specs: "Деталі";
    --eb-reviews: "Відгуки клієнтів";
    --eb-how: "Сервіс";
}

.content-wrap {
    padding: 22px 20px 30px;
    background:
        radial-gradient(420px 300px at 50% -4%, rgba(212, 175, 55, 0.18), transparent 70%),
        var(--t-paper);
}

.title { padding-bottom: 20px; line-height: 1.12; }
.title::after { width: 150px; height: 1px; background: linear-gradient(90deg, transparent, var(--t-accent), transparent); }
.product-description .title::before,
.features-block .title::before,
.steps-block .title::before,
.specifications .title::before,
.reviews .title::before,
.how-to-get .title::before {
    margin-bottom: 10px;
    padding: 0;
    background: none;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.34em;
    color: var(--t-accent);
}

.product-subtitle {
    padding: 0 0 0 0;
    border-radius: 0;
    background: none;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.34em;
    color: var(--t-accent);
}
.product-subtitle::before, .product-subtitle::after { content: "—"; margin: 0 10px; opacity: 0.6; }
.product-title { font-size: 42px; font-weight: 600; line-height: 1.05; }

.featured-media { margin: 26px 8px 10px; }
.featured-media::before {
    content: "";
    position: absolute;
    inset: -8px;
    border: 1px solid var(--t-line);
    pointer-events: none;
}
.featured-media img { border-radius: 0; }
.featured-media .discount {
    top: 16px;
    left: 16px;
    border: 1px solid var(--t-accent);
    border-radius: 0;
    background: rgba(16, 14, 11, 0.85);
    font-family: var(--t-text);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: var(--t-accent-2);
}

.pricing-block {
    margin-top: 28px;
    padding: 20px 6px;
    border: 0;
    border-top: 1px solid var(--t-line);
    border-bottom: 1px solid var(--t-line);
    background: none;
}
.old-price { border-right: 1px solid var(--t-line); }
.old-price span, .new-price span { font-size: 10px; letter-spacing: 0.28em; color: var(--t-muted); font-weight: 600; }
.old-price strong { font-family: var(--t-text); font-weight: 400; font-size: 22px; color: #9d917a; text-decoration-color: #d4af37; text-decoration-thickness: 2px; }
.new-price strong, .countdown__value, .discount-list li strong, .characteristics__list li span, .steps-item::before { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
.new-price strong { font-weight: 600; background: var(--t-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.order-button a, .order-form form button { font-family: var(--t-text); font-size: 14px; font-weight: 600; letter-spacing: 0.26em; }

.number-discount, .countdown, .features-block .feature-item, .steps-item, .characteristics__list, .rev_item, .order_steps1 .step_item { border: 1px solid var(--t-line); }
.number-discount .block-title { font-size: 24px; font-weight: 600; }
.discount-list li { border: 0; border-bottom: 1px solid var(--t-line); border-radius: 0; background: none; }
.discount-list li:last-child { border-bottom: 0; color: var(--t-accent-2); }
.discount-list li strong { font-size: 20px; color: var(--t-accent-2); }

.countdown h4 { font-size: 11px; letter-spacing: 0.3em; }
.countdown__item { border: 1px solid var(--t-line); border-radius: 0; background: none; }
.countdown__value { font-size: 36px; font-weight: 600; color: var(--t-accent-2); }

.presentation { font-size: 15px; line-height: 1.8; }
.presentation img { border-radius: 0; }
.presentation ul li { border: 0; border-bottom: 1px solid var(--t-line); border-radius: 0; background: none; padding-left: 34px; }
.presentation ul li::before { content: "◆"; width: 14px; height: 14px; margin-top: -8px; left: 6px; background: none; color: var(--t-accent); font-size: 12px; line-height: 14px; }

.features-block .feature-item { flex-direction: column; align-items: center; padding: 22px 18px; text-align: center; background: none; }
.feature-image { width: 92px; height: 92px; flex: 0 0 92px; padding: 3px; border-radius: 50%; background: var(--t-gold); }
.feature-image img { border-radius: 50%; }
.feature-title { font-size: 25px; font-weight: 600; }
.feature-description, .feature-description p { font-size: 14px; }

.steps-item { background: none; text-align: center; }
.steps-item::before { content: counter(tflstep, upper-roman); font-size: 40px; font-weight: 600; color: var(--t-accent); }
.steps-item p span { font-size: 23px; font-weight: 600; }
.steps-item .img img { border-radius: 0; }

.specifications .image img { border-radius: 0; }
.characteristics__list { padding: 6px 18px; background: none; }
.characteristics__list li { border-bottom: 1px dotted rgba(212, 175, 55, 0.4); }
.characteristics__list li b { font-weight: 400; letter-spacing: 0.04em; }
.characteristics__list li span { font-family: var(--t-display); font-size: 19px; font-weight: 600; color: var(--t-accent-2); }

.rev_item { background: none; }
.rev_item img, .rev_item_image { border-radius: 0; }
.rev-text { position: relative; font-family: var(--t-display); font-size: 19px; font-style: italic; line-height: 1.45; color: var(--t-ink); }
.rev-text::before { font-family: var(--t-text); font-style: normal; font-size: 13px; letter-spacing: 6px; color: var(--t-accent); }
.rev-title { font-style: normal; font-size: 22px; font-weight: 600; }
.rev-author { font-family: var(--t-text); font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--t-accent); }
.reviews .swiper-button-next, .reviews .swiper-button-prev { border: 1px solid var(--t-line); border-radius: 0; background: rgba(16, 14, 11, 0.85); box-shadow: none; }

.order_steps1 .step_item { background: none; text-align: center; }
.order_steps1 .bg_icon { margin: 0 auto; border: 1px solid var(--t-accent); border-radius: 50%; background: none; }
.order_steps1 .bg_icon img { filter: brightness(0) invert(78%) sepia(42%) saturate(620%) hue-rotate(5deg); }
.order_steps1 .text h4 { font-size: 21px; font-weight: 600; }

.how-to-get + .top-card-wrap { border: 1px solid var(--t-line); border-radius: 0; background: radial-gradient(360px 220px at 50% 0%, rgba(212, 175, 55, 0.12), transparent 70%), rgba(255, 255, 255, 0.015); }
.order-form form span input { border: 1px solid var(--t-line); border-radius: 0; background: rgba(0, 0, 0, 0.35); color: var(--t-ink); font-weight: 500; letter-spacing: 0.02em; }
.order-form form span input::placeholder { color: var(--t-muted); }
.footer-subscribe-messenger { background: #100e0b; }
