Формула молодости: Аппаратные методики + Биоревитализация-20% Sale

<section class="promo" id="formula-molodosti" aria-label="Акция Формула молодости">
<style>
    :root{
      --sand:#FAF7F2;--cloud:#F7E6EB;--sky:#E6F1FF;--gold:#C6A867;--gold-rgb:198,168,103;--text:#111;
      --muted:#6b6b6b;--success:#0E6F2F;--accent:#9E8346
    }
    .promo{position:relative;margin:24px auto;max-width:1200px;border-radius:20px;overflow:hidden}
    /* Гламурная плашка: мягкий клин-градиент + лёгкий шум */
    .promo__bg{position:absolute;inset:0;background:
      radial-gradient(1200px 420px at -10% -20%, rgba(230,210,160,.25), transparent 60%),
      radial-gradient(900px 420px at 110% 120%, rgba(198,168,103,.20), transparent 60%),
      linear-gradient(180deg, #fff 0%, var(--sand) 100%);
      pointer-events:none}
    /* Пунктирная рамка */
    .promo__wrap{position:relative;border:1px dashed rgba(var(--gold-rgb),.65);border-radius:20px;padding:22px}
    @media(min-width:720px){.promo__wrap{padding:28px}}
    /* Золотая лента сверху */
    .promo__ribbon{position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,#E7D6A2,#C6A867,#9E8346);box-shadow:0 4px 12px rgba(0,0,0,.06)}
    /* Заголовки */
    .promo h2{font-family:"Cormorant Garamond",serif;font-weight:700;letter-spacing:-.01em;font-size:clamp(28px,3.6vw,42px);margin:10px 0 8px;background:linear-gradient(180deg,#E7D6A2 0%,#C6A867 60%,#9E8346 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .promo p{color:var(--text);line-height:1.65;margin:.4em 0}
    .promo .muted{color:var(--muted)}
    /* Бейдж -20% */
    .promo__discount{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(var(--gold-rgb),.7);padding:10px 14px;background:linear-gradient(180deg,#FFF7D9,#F2E5B5 55%,#E5D39B);box-shadow:0 8px 24px rgba(198,168,103,.25);font-weight:800;margin:6px 0}
    .promo__discount b{font-size:clamp(18px,3.2vw,28px)}
    .promo__discount small{font-weight:700;opacity:.85}
    /* Грид: текст + преимущества */
    .promo__grid{display:grid;gap:18px;margin-top:10px}
    @media(min-width:980px){.promo__grid{grid-template-columns:1.2fr .8fr;gap:24px}}
    .pill{display:inline-block;border:1px solid rgba(var(--gold-rgb),.7);border-radius:999px;padding:6px 10px;background:linear-gradient(135deg,#fff,var(--sand));font-weight:600;white-space:normal}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
    /* Карточки процедур */
    .cards{display:grid;gap:12px}
    @media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
    .card{background:#fff;border:1px solid rgba(var(--gold-rgb),.45);border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
    .card h3{margin:.2em 0 .4em;font-family:"Cormorant Garamond",serif;font-size:clamp(18px,2.6vw,22px)}
    .card ul{margin:.4em 0 .2em;padding-left:18px}
    .card li{margin:.2em 0}
    .card .ok{font-weight:700;color:var(--success)}
    /* Комбинированная строка выгод */
    .benefits{display:grid;gap:10px;margin-top:10px}
    @media(min-width:760px){.benefits{grid-template-columns:repeat(3,1fr)}}
    .benefit{border:1px dashed rgba(var(--gold-rgb),.6);border-radius:14px;padding:10px;background:linear-gradient(180deg,#fff,rgba(246,239,221,.6))}
    .benefit b{display:block}
    /* CTA */
    .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
    .btn{appearance:none;border:1px solid rgba(var(--gold-rgb),.8);border-radius:999px;padding:12px 18px;background:#fff;color:var(--text);font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.06)}
    .btn--gold{background:linear-gradient(180deg,#F2E5B5 0%,#C6A867 55%,#9E8346 100%)}
    .note{font-size:13px;color:#555;margin-top:8px}
  </style> <!-- CALM REFINEMENT OVERRIDES: упорядочиваем визуал, не меняя контент --> <style id="calm-refine">
    /* Общая композиция */
    .promo{max-width:1120px}
    .promo__bg{background:linear-gradient(180deg,#fff 0%, var(--sand) 100%)}
    .promo__wrap{border:1px solid rgba(var(--gold-rgb),.35);padding:26px 22px 22px;border-radius:20px}
    .promo__ribbon{height:4px}

    /* Типографика и ширина текста */
    .promo__head, .promo__grid > *{max-width:720px}
    .promo h2{letter-spacing:-.01em}
    .promo p{line-height:1.7}

    /* Чипы и бейдж */
    .chips{gap:6px;margin-top:8px}
    .pill{background:#fff;border-color:rgba(var(--gold-rgb),.35);font-weight:600}
    .promo__discount{box-shadow:0 6px 16px rgba(198,168,103,.18)}

    /* Сетка и отступы */
    .promo__grid{gap:22px}
    @media(min-width:980px){.promo__grid{grid-template-columns:1.1fr .9fr}}

    /* Карточки процедур: тише тени, ровная высота */
    .cards{gap:14px}
    .card{box-shadow:0 2px 10px rgba(0,0,0,.03);border:1px solid rgba(var(--gold-rgb),.35)}
    .card h3{font-size:clamp(20px,2.2vw,22px)}
    .card ul{margin:.3em 0 .1em}

    /* Блок выгод: без «пятнистости», белый фон */
    .benefits{gap:12px}
    .benefit{border:1px solid rgba(var(--gold-rgb),.28);background:#fff}

    /* CTA: дыхание и приоритет главной кнопке */
    .cta{gap:10px;margin-top:14px}
    .btn{box-shadow:0 8px 18px rgba(0,0,0,.05)}
    .btn--gold{filter:saturate(0.9)}

    /* Мобайл: ещё спокойнее интервалы */
    @media(max-width:600px){
      .promo__wrap{padding:20px 16px}
      .promo__head,.promo__grid>*{max-width:none}
      .chips{gap:6px}
      .cards{gap:10px}
      .benefits{gap:10px}
    }
  </style> <!-- STRUCTURE BOOST: градиентная форма первого блока --> <style id="promo-structure">
    /* Градиентная панель первого блока: заметно, изящно, без «героя» */
    .promo__panel{position:relative;border-radius:22px;padding:18px 18px 16px;background:
      radial-gradient(120% 120% at 100% -10%, rgba(230,210,160,.22), transparent 40%),
      radial-gradient(120% 120% at -10% 120%, rgba(198,168,103,.18), transparent 42%),
      linear-gradient(180deg,#fff, var(--sand) 85%);
      border:1px solid rgba(var(--gold-rgb),.45);box-shadow:0 12px 28px rgba(0,0,0,.06)}
    @media(min-width:720px){.promo__panel{padding:22px 24px}}
    /* Тонкая внутренняя пунктирная рамка */
    .promo__panel::after{content:"";position:absolute;inset:10px;border-radius:18px;border:1px dashed rgba(var(--gold-rgb),.45);pointer-events:none}
    /* Акцентируем заголовок и делаем тонкую «золотую полоску» под ним */
    .promo__head h2{position:relative}
    .promo__head h2::after{content:"";display:block;height:4px;border-radius:999px;margin-top:8px;background:linear-gradient(90deg,#E7D6A2, #C6A867, #9E8346);box-shadow:0 2px 8px rgba(198,168,103,.35)}
    /* Скидка — крупнее и приоритетнее */
    .promo__discount--xl b{font-size:clamp(22px,4.6vw,38px)}
    .promo__discount--xl small{font-size:clamp(12px,2.2vw,14px)}
    /* Подравниваем чипы внутри панели */
    .promo__panel .chips{margin-top:10px}
  </style> <!-- MOBILE & ACCESSIBILITY TUNE-UP --> <style id="promo-mobile">
    /* Стэк в одну колонку и комфортные отступы */
    @media(max-width: 980px){
      .promo__grid{grid-template-columns:1fr;gap:16px}
      .promo__head, .promo__grid > *{max-width:none}
    }
    @media(max-width: 640px){
      .promo__wrap{padding:18px 14px}
      .promo__panel{padding:18px}
      .promo__panel::after{inset:8px}
      .promo h2{font-size:clamp(22px,6vw,28px)}
      .promo p{font-size:15px;line-height:1.6}
      .promo .pill{font-size:13px}
      .promo__discount{padding:10px 14px}
      .promo__discount--xl b{font-size:clamp(22px,7vw,32px)}
      .promo__discount--xl small{font-size:13px}
      .cards{grid-template-columns:1fr}
      .card{padding:12px}
      .card h3{font-size:18px}
      .cta{gap:8px}
      .cta .btn{width:100%;min-height:48px}
    }
    @media(max-width: 400px){
      .promo__wrap{padding:16px 12px}
      .promo__panel{padding:14px}
      .pill{padding:6px 10px}
      .promo__discount{padding:8px 12px}
    }
    /* Без горизонтального скролла у чипов, перенос строк */
    .chips{flex-wrap:wrap}
    /* Крупнее цели для нажатия */
    .btn{min-height:46px}
    /* Системная поддержка безопасных зон iOS */
    .promo{padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
    /* Пользователи, предпочитающие меньше анимаций */
    @media (prefers-reduced-motion: reduce){
      *{scroll-behavior:auto}
    }
  </style>
<div class="promo__bg" aria-hidden="true">
</div>
<div class="promo__wrap">
    <div class="promo__ribbon" aria-hidden="true">
    </div>
    <div class="promo__panel">
        <div class="promo__head">
<span class="promo__discount promo__discount--xl" aria-label="Скидка двадцать процентов"><b>−20%</b><small>на весь комплекс</small></span>
            <h2>Акция «Формула молодости» — аппаратные методики + биоревитализация REVI</h2>
            <p>
<strong>Хабаровск, клиника «Нефертити».</strong> Комбинируйте одну из аппаратных процедур с курсом биоревитализации — получайте двойной эффект и скидку <strong>20%</strong> на весь комплекс.
            </p>
            <p>
<strong>Биоревитализация в клинике: REVI</strong>
            </p>
            <div class="chips" role="list" aria-label="Что даёт комплекс">
<span class="pill">Подтяжка и упругость</span> <span class="pill">Ровный тон и сияние</span> <span class="pill">Гладкая текстура</span> <span class="pill">Увлажнение изнутри</span>
            </div>
        </div>
    </div>
    <div class="promo__grid">
         <!-- Левая колонка: подробный текст -->
        <div>
            <p>
<strong>Идея комплекса:</strong> аппарат действует снаружи (лифтинг, свет, лазер), биоревитализация — изнутри (вода, плотность, защита). Вместе это даёт быстрое и заметное обновление без хирургии.
            </p>
            <div class="cards" aria-label="Аппаратные методики">
<article class="card" aria-label="Ellisys RF-лифтинг">
                <h3>RF‑лифтинг Ellisys (микроигольчатый)</h3>
                <p>
                     Радиочастотная энергия через тончайшие иглы прогревает дерму, стимулируя <strong>неоколлагенез</strong> и давая выраженный лифтинг.
                </p>
                <ul>
                    <li><b>Показания:</b> снижение тонуса, морщины, «поплывший» овал, поры, постакне.</li>
                    <li><b>Плюсы:</b> всесезонно, <span class="ok">короткая реабилитация</span> (покраснение до 1–2 дней), уплотнение кожи курсом.</li>
                </ul>
</article> <article class="card" aria-label="Stellar M22 IPL">
                <h3>3D‑фотоомоложение M22 (IPL)</h3>
                <p>
                     Интенсивный импульсный свет устраняет <strong>пигмент</strong> и <strong>сосудистые</strong> проявления, осветляет и освежает тон.
                </p>
                <ul>
                    <li><b>Показания:</b> гиперпигментация, купероз, тусклость.</li>
                    <li><b>Плюсы:</b> комфортно, без простоев, после курса — ровный цвет и «подсветка» кожи.</li>
                </ul>
</article> <article class="card" aria-label="ResurFX">
                <h3>Фракционный лазер ResurFX</h3>
                <p>
                     Неаблятивный лазер точечно запускает обновление, улучшая <strong>текстуру</strong>, сокращая морщины и рубцы постакне.
                </p>
                <ul>
                    <li><b>Показания:</b> морщины, атрофические рубцы, стрии.</li>
                    <li><b>Плюсы:</b> крем‑анестезия, быстрый быт-ритм, комплексный <span class="ok">skin‑remodeling</span>.</li>
                </ul>
</article>
            </div>
            <div class="benefits" aria-label="Сочетания и эффект">
                <div class="benefit">
<b>Ellisys + биоревитализация</b> Лифтинг + глубокое увлажнение → более плотная, упругая кожа.
                </div>
                <div class="benefit">
<b>M22 (IPL) + биоревитализация</b> Ровный тон + сияние → чище цвет лица, меньше покраснений.
                </div>
                <div class="benefit">
<b>ResurFX + биоревитализация</b> Обновление + упругость → меньше морщин, гладкая текстура.
                </div>
            </div>
        </div>
         <!-- Правая колонка: CTA и детали --> <aside aria-label="Запись и условия">
        <div class="card">
            <h3>Как воспользоваться скидкой −20%</h3>
            <ol>
                <li>Выберите аппаратную методику: <b>Ellisys</b> / <b>M22 (IPL)</b> / <b>ResurFX</b>.</li>
                <li>Добавьте курс <b>биоревитализации</b> Revi.</li>
                <li>Получите скидку <strong>−20%</strong> на весь комплекс.</li>
            </ol>
            <div class="cta">
<a class="btn btn--gold" href="https://wa.me/message/M4EHCD26YZJKG1" target="_blank" rel="noopener">Записаться со скидкой</a> <a class="btn" href="tel:+74212766240">Позвонить: 8 (4212) 766‑240</a>
            </div>
            <p class="note">
                 ОПЛАТА НАЛИЧНЫМИ. Предложение действует в клинике «Нефертити», Хабаровск, ул. Проф. Даниловского, 20.
            </p>
            <p class="note">
                 Имеются противопоказания. Нужна консультация специалиста. Результаты индивидуальны.
            </p>
        </div>
</aside>
    </div>
</div>
</section> <br>