/* ============================================================
   FLOTARIUM · v7 — PROMO LAYER  ·  «Щедрые подарки весь июнь»
   Финальный вариант: одна секция-баннер перед блоком «Цены».
   Тёплый коралловый «подарочный» акцент на абиссальной базе.
   Без фоновой анимации и без обратного отсчёта.
   ============================================================ */

:root{
  --gift:var(--coral);
  --gift-hi:var(--coral-hi);
  --gift-glow:var(--glow-coral);
  --promo-grad:linear-gradient(100deg,#ff6b81 0%,#ff95a6 42%,#ffd27a 100%);
}

/* ============================================================
   СЕКЦИЯ-БАННЕР АКЦИИ
   ============================================================ */
.promo-section{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(70% 90% at 12% 8%,rgba(255,107,129,.10),transparent 55%),
    radial-gradient(60% 80% at 92% 100%,rgba(29,127,224,.12),transparent 55%),
    var(--bg);
}
.promo-section .wrap{position:relative;z-index:2}

.promo-card{
  position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;
  border-radius:var(--r-lg);overflow:hidden;
  border:1px solid rgba(255,107,129,.22);
  background:linear-gradient(150deg,var(--ink-700),var(--ink-850));
  box-shadow:0 60px 140px -50px #000,0 0 0 1px rgba(255,107,129,.06);
}
@media (max-width:880px){ .promo-card{grid-template-columns:1fr} }

.promo-card__media{position:relative;min-height:clamp(300px,42vw,520px);overflow:hidden}
.promo-card__media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 38%;
  filter:saturate(1.08) contrast(1.04);transform:scale(1.02);will-change:transform;
  transition:transform 1.1s var(--ease),filter .6s var(--ease)}
/* приближение фото при наведении курсора */
.promo-card__media:hover img{transform:scale(1.1);filter:saturate(1.15) contrast(1.06) brightness(1.04)}
.promo-card__media::after{content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(110deg,transparent 44%,rgba(8,17,28,.5) 80%,var(--ink-800) 100%),
    radial-gradient(80% 70% at 18% 16%,rgba(255,107,129,.16),transparent 55%)}
@media (max-width:880px){
  .promo-card__media{min-height:clamp(260px,64vw,420px)}
  .promo-card__media img{object-position:54% 32%}
  .promo-card__media::after{background:linear-gradient(180deg,transparent 46%,rgba(8,17,28,.7) 82%,var(--ink-800) 100%)}
}


.promo-card__body{padding:clamp(28px,3.4vw,56px);display:flex;flex-direction:column;gap:16px;justify-content:center}
.promo-card__body .eyebrow{color:var(--gift-hi)}
.promo-card__body .eyebrow::before{background:linear-gradient(90deg,var(--gift),transparent)}
.promo-card__body h2{font-size:var(--step-3);margin:.1em 0 .05em;line-height:1.0}
.promo-card__body h2 em{font-style:italic;color:transparent;
  background:var(--promo-grad);-webkit-background-clip:text;background-clip:text}
/* текст под заголовком — мельче, как текстовый блок в hero (--step-0) */
.promo-card__body .lede{font-size:var(--step-0);max-width:40ch}

.promo-card__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.promo-card__until{font-family:var(--mono);font-size:var(--step--2);letter-spacing:.06em;color:var(--fog)}

/* ---- кнопка «Забрать подарок» — динамичное свечение изнутри ----
   В покое мягко «дышит» тёплым светом, при наведении разгорается
   на всю кнопку + блик и сдвиг стрелки. Палитра — коралл/золото. */
.promo-card__cta .btn--primary{
  color:#240409;background:var(--gift);
  box-shadow:0 12px 40px -12px var(--gift-glow);
  transition:box-shadow .5s var(--ease),filter .35s var(--ease),transform .4s var(--ease);
}
/* коралловый градиент-подложка уводим глубже по слою */
.promo-card__cta .btn--primary::before{
  z-index:-2;
  background:radial-gradient(120% 140% at 0% 0%,#ffd27a,var(--gift-hi) 40%,var(--gift) 100%);
}
/* внутреннее свечение */
.promo-card__cta .btn--primary::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(58% 130% at 50% 50%,rgba(255,244,214,.92),rgba(255,186,148,.4) 46%,transparent 72%);
  opacity:.4;transform:scale(.6);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
  animation:promoGlowPulse 2.6s var(--ease) infinite;
}
.promo-card__cta .btn--primary:hover{
  filter:brightness(1.05) saturate(1.06);
  box-shadow:0 20px 60px -10px var(--gift-glow),0 0 26px -2px rgba(255,210,140,.55);
}
.promo-card__cta .btn--primary:hover::after{opacity:1;transform:scale(1.04);animation-play-state:paused}
.promo-card__cta .btn--primary:active{transform:translateY(1px)}
.promo-card__cta .btn--primary .arrow{transition:transform .4s var(--ease)}
.promo-card__cta .btn--primary:hover .arrow{transform:translateX(6px)}
@keyframes promoGlowPulse{0%,100%{opacity:.3;transform:scale(.6)}50%{opacity:.62;transform:scale(.92)}}

@media (prefers-reduced-motion:reduce){
  .promo-card__cta .btn--primary::after{animation:none;opacity:.5;transform:scale(.85)}
  .promo-card__cta .btn--primary:hover::after{transform:scale(.95)}
  .promo-card__cta .btn--primary .arrow{transition:none}
  .promo-card__cta .btn--primary:hover .arrow{transform:none}
  .promo-card__media img{transition:none;transform:scale(1.02)}
  .promo-card__media:hover img{transform:scale(1.02)}
}
/* Захват drag-to-scroll фотогалереи починен централизованно в v6.css
   (правила .gallery-row / .gallery-row img), поэтому работает и здесь. */