/* ============================================================
   REDESIGN LAYER — editorial premium (ветка redesign-premium)
   Поверх style.css / refine.css / design-layer.css.
   Грамматика: жёсткие границы секций, гигантская типографика,
   один акцент на секцию, живой фон только в hero/манифесте/CTA.
   ============================================================ */

/* ---------- Топ-бар: возврат в бренд-гамму ----------
   Оранжевый «закат» (фидбек Юли 08.07 — ярче) в прем-грамматике инороден:
   контраст держим глубиной фиолета против крема, не чужим цветом. */
.topbar{
  background:linear-gradient(115deg,#1d1532,#2c2049 38%,#3f2d66 62%,#251b3b);
  background-size:260% 260%;
}
/* v2 (18.07): CTA — белая пилюля с фиолетовым (заметность);
   детали линии — в refine.css */
.topbar__text em{
  background:linear-gradient(100deg,#E9DDFF 20%,#fff 40%,var(--lavender-2) 60%,#E9DDFF 80%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
/* белая плашка анонса остаётся белой и на ховере: заливка лавандой
   выбивалась из канона, где кнопка отвечает глубиной, а не цветом */
.topbar__cta{background:#fff;text-decoration:none;color:var(--night)}
.topbar__cta:hover{background:#fff;border-color:var(--edge-strong);
  box-shadow:0 14px 28px -20px rgba(20,10,40,.55)}
.topbar__arr{color:#fff}
.topbar__spark{color:var(--lavender-2)}
/* v2/v3: лаванда + терра из брендбука, яркость .6 (раньше тут фиолет
   #8E6FD8 молча перебивал терру из refine — redesign грузится позже) */
.topbar__orb--a{background:radial-gradient(circle,var(--lavender) 0%,transparent 70%);opacity:.6}
.topbar__orb--b{background:radial-gradient(circle,var(--terra) 0%,transparent 70%);opacity:.55}

/* ============================================================
   РАСКАТКА ГРАММАТИКИ: твёрдые фоны, жёсткие границы секций.
   Живой фон остаётся только в видео (hero, манифест) — сплошной
   WebGL-кисель глушим, контент ложится на чистые зоны.
   ============================================================ */
body{background:var(--cream)}
body::before{display:none !important}

/* токены --rd-* живут в style.css :root (единый источник токенов) */

/* ---------- Цифры: карточки-таблетки → editorial-ряд ---------- */
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line);
}
.stat{
  background:none;border:0;box-shadow:none;border-radius:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  padding:38px 28px;text-align:left;
}
.stat + .stat{border-left:1px solid var(--rd-line)}
.stat__n{font-family:'Arsenal',Georgia,serif;font-size:clamp(44px,4.6vw,68px);line-height:1;color:var(--violet)}
.stat__l{margin-top:10px;color:var(--text-secondary);font-size:14px}
@media (max-width:768px){
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:22px 18px}
  .stat + .stat{border-left:0}
  .stat:nth-child(even){border-left:1px solid var(--rd-line)}
  .stat:nth-child(n+3){border-top:1px solid var(--rd-line)}
}

/* ---------- Каталог: белая зона с жёсткими границами ---------- */
.cat{
  background:#fff;
  border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line);
  padding-top:88px;padding-bottom:96px;
}

/* ---------- Отзывы и эксперт: чистый крем, ровный ритм ---------- */
.reviews{padding-top:88px;padding-bottom:88px}
.rev-card{border-radius:14px;box-shadow:none;border:1px solid var(--rd-line)}
.expert{background:#fff;border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line);
  padding-top:88px;padding-bottom:88px}

/* ---------- Reels: живые обложки ---------- */
.story__inner{background-size:cover;background-position:center}
.story__inner .play-sm{background:rgba(36,26,60,.55);color:#fff;backdrop-filter:blur(2px)}

/* ---------- Блог: обложки-заглушки ---------- */
.post{border-radius:14px;box-shadow:none;border:1px solid var(--rd-line);background:#fff}
.blog{padding-bottom:96px}

/* ---------- Футер: зелёный → ночной фиолет ---------- */
.footer{background:var(--rd-night);color:#BFB3D9;margin-top:0}
.footer a{color:#A99BC4}
.footer a:hover{color:#fff}
.footer h4,.footer .footer__h{color:#E9DDFF}

/* ---------- Панель слайдера: наезжает на сцену сверху (как у Shopify) ---------- */
.hero-slider{
  background:var(--rd-night);
  border-radius:32px 32px 0 0;
  padding-top:88px; padding-bottom:96px;
}
/* выше слоя фигур (z2): при наезде фигуры ныряют под панель;
   section-селектор перебивает групповое z-index:1 ниже по файлу */
section.hero-slider{position:relative; z-index:3}

/* секции над фоном страницы */
.cat,.reviews,.expert,.stories,.blog,.footer,.hero-slider{position:relative;z-index:1}