/* Candy (design15) — пастельный и игривый: мягкие градиенты, «пузырьки», круглые наклейки, объёмная кнопка */
/* Шрифты — SIL Open Font License, файлы в fonts/tfl. Общий каркас — css/tfl-base.css. */
@font-face { font-family: "TFL Nunito"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/nunito-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 Nunito"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/nunito-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 Nunito"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/nunito-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 Nunito"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/nunito-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 Nunito"; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/tfl/nunito-cyrillic-800-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Nunito"; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/tfl/nunito-latin-800-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 Nunito"; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/tfl/nunito-cyrillic-900-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Nunito"; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/tfl/nunito-latin-900-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: #f7dfea;
    --t-paper: #fff4f8;
    --t-ink: #2b2240;
    --t-muted: #6e6488;
    --t-line: rgba(43, 34, 64, 0.08);
    --t-surface: #ffffff;
    --t-surface-2: #f3eeff;
    --t-accent: #7c6cff;
    --t-accent-2: #ff6fa3;
    --t-sale: #ff6fa3;
    --t-btn-bg: linear-gradient(135deg, #ff8fb8 0%, #ff6fa3 45%, #ff9a62 100%);
    --t-btn-ink: #ffffff;
    --t-btn-shadow: 0 7px 0 #e0508a, 0 20px 30px -12px rgba(255, 111, 163, 0.7);
    --t-radius: 30px;
    --t-radius-sm: 20px;
    --t-shadow: 0 14px 30px -20px rgba(124, 108, 255, 0.6);
    --t-border: 0;
    --t-display: "TFL Nunito", "Segoe UI", Arial, sans-serif;
    --t-text: "TFL Nunito", "Segoe UI", Arial, sans-serif;
    --t-title-size: 28px;
    --t-title-weight: 900;
    --eb-desc: "✨ Про товар";
    --eb-features: "💜 Чому його люблять";
    --eb-steps: "🪄 Як користуватися";
    --eb-specs: "📏 Параметри";
    --eb-reviews: "⭐ 4.9 з 5";
    --eb-how: "🚚 Оплата при отриманні";
}

body { font-weight: 600; }

.content-wrap {
    background:
        radial-gradient(220px 220px at 105% 6%, rgba(255, 111, 163, 0.25), transparent 70%),
        radial-gradient(260px 260px at -10% 22%, rgba(124, 108, 255, 0.2), transparent 70%),
        radial-gradient(260px 260px at 110% 52%, rgba(46, 196, 166, 0.18), transparent 70%),
        radial-gradient(260px 260px at -10% 78%, rgba(255, 154, 98, 0.18), transparent 70%),
        linear-gradient(180deg, #fff1f6 0%, #f4efff 40%, #ecfbf6 72%, #fff5ec 100%);
}

.title::after {
    width: 72px;
    height: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, #ff6fa3 0 33%, #7c6cff 33% 66%, #2ec4a6 66%);
}
.product-description .title::before,
.features-block .title::before,
.steps-block .title::before,
.specifications .title::before,
.reviews .title::before,
.how-to-get .title::before {
    padding: 7px 14px;
    background: #ffffff;
    box-shadow: 0 6px 16px -10px rgba(124, 108, 255, 0.8);
    letter-spacing: 0.02em;
    text-transform: none;
    font-size: 13px;
}

.product-subtitle { background: #ffffff; color: var(--t-accent-2); box-shadow: 0 6px 16px -10px rgba(255, 111, 163, 0.9); letter-spacing: 0.04em; }
.product-subtitle::before { content: "✨ "; }
.product-title { font-size: 34px; font-weight: 900; }

.featured-media::before {
    content: "";
    position: absolute;
    inset: 6% -4% -4% 8%;
    border-radius: 40px;
    background: linear-gradient(135deg, #ffd1e3, #d9d2ff);
    transform: rotate(4deg);
}
.featured-media img { border-radius: 32px; box-shadow: 0 20px 40px -24px rgba(124, 108, 255, 0.8); }
.featured-media .discount {
    top: -8px;
    left: auto;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    padding: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6fa3, #ff9a62);
    box-shadow: 0 10px 24px -8px rgba(255, 111, 163, 0.9);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.05;
    text-align: center;
    transform: rotate(10deg);
}

.pricing-block { border-radius: 30px; }
.new-price strong { font-weight: 900; background: linear-gradient(135deg, #ff6fa3, #ff9a62); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.old-price strong { font-weight: 800; }

.order-button a, .order-form form button { font-weight: 900; font-size: 18px; letter-spacing: 0.02em; text-transform: none; }
.order-button a:active, .order-form form button:active { transform: translateY(6px); box-shadow: 0 1px 0 #e0508a; }

.discount-list li { border: 0; border-radius: 18px; background: var(--t-surface-2); font-weight: 700; }
.discount-list li:last-child { background: linear-gradient(135deg, #ffe0ec, #ece6ff); color: var(--t-ink); }

.countdown__item:nth-child(4n + 1) { background: #ffe0ec; }
.countdown__item:nth-child(4n + 2) { background: #ece6ff; }
.countdown__item:nth-child(4n + 3) { background: #dcf8ef; }
.countdown__item:nth-child(4n) { background: #ffeedd; }
.countdown__value { font-weight: 900; }

.presentation { font-weight: 600; }
.presentation img { border-radius: 28px; box-shadow: 0 18px 34px -24px rgba(124, 108, 255, 0.9); }
.presentation ul li { border-radius: 20px; background: #ffffff; box-shadow: 0 8px 18px -14px rgba(124, 108, 255, 0.8); }
.presentation ul li::before { background: linear-gradient(135deg, #ff6fa3, #7c6cff); }

.features-block .feature-item:nth-child(4n + 1) { background: #fff0f6; }
.features-block .feature-item:nth-child(4n + 2) { background: #f1edff; }
.features-block .feature-item:nth-child(4n + 3) { background: #e8fbf4; }
.features-block .feature-item:nth-child(4n) { background: #fff5e6; }
.feature-image { border: 4px solid #fff; border-radius: 50%; box-shadow: 0 8px 18px -10px rgba(43, 34, 64, 0.5); }
.feature-title { font-weight: 900; }

.steps-item::before {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 900;
    line-height: 48px;
    text-align: center;
    color: #fff;
}
.steps-item:nth-child(3n + 1)::before { background: #ff6fa3; }
.steps-item:nth-child(3n + 2)::before { background: #7c6cff; }
.steps-item:nth-child(3n)::before { background: #2ec4a6; }
.steps-item .img img { border-radius: 22px; }

.characteristics__list { padding: 10px; }
.characteristics__list li { margin: 0 0 6px; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--t-surface-2); }
.characteristics__list li:nth-child(even) { background: #fff0f6; }
.characteristics__list li:last-child { margin-bottom: 0; }

.rev_item_image, .rev_item img { border-radius: 24px; }
.rev-author::before { content: ""; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #ff6fa3, #7c6cff); }

.order_steps1 .step_item:nth-child(1) .bg_icon { background: #ff6fa3; }
.order_steps1 .step_item:nth-child(2) .bg_icon { background: #7c6cff; }
.order_steps1 .step_item:nth-child(3) .bg_icon { background: #2ec4a6; }
.order_steps1 .step_item:nth-child(4) .bg_icon { background: #ff9a62; }
.order_steps1 .bg_icon { border-radius: 50%; }
.order_steps1 .text h4 { font-weight: 900; }

.how-to-get + .top-card-wrap { border: 4px solid #ffffff; border-radius: 36px; background: linear-gradient(180deg, #ffffff, #fff4f8); box-shadow: 0 24px 50px -30px rgba(124, 108, 255, 0.9); }
.order-form form span input { border: 2px solid #efe8ff; border-radius: 20px; font-weight: 700; }