/* ============================================================
   REBOOT — скин «Живое стекло» поверх FINAL2.
   Структура и бегущие строки не тронуты — только внешний вид.
   ============================================================ */

:root{
  --orange:#FF5C35;--blue:#2E9BFF;--purple:#8B6BFF;--pink:#FF4FD8;
  --green:#34E39B;--amber:#FFB020;--cyan:#23E0CE;--red:#FF2D55;
  --lg-glass:rgba(255,255,255,.05);
  --lg-stroke:rgba(255,255,255,.13);
}

/* ── База ── */
html,body{background:#04040a !important;color:#fff !important}
#__nuxt{position:relative;z-index:1}

/* приглушаем неон-шейдер и дорожки, чтобы читалось чёрное стекло */
.hero-bg-layer,.zone-shader,.neon-threads{opacity:.18 !important}
.neon-zone,.neon-zone--full{background:transparent !important}

/* ── Фоновые свечения (как в концепте) ── */
.lg-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;filter:blur(36px);pointer-events:none}
.lg-ambient span{position:absolute;border-radius:50%;opacity:.3;mix-blend-mode:screen;animation:lgDrift 30s ease-in-out infinite}
.lg-ambient .a1{width:58vw;height:58vw;left:-14vw;top:-12vw;background:radial-gradient(circle,var(--orange),transparent 62%)}
.lg-ambient .a2{width:52vw;height:52vw;right:-12vw;top:22vh;background:radial-gradient(circle,var(--purple),transparent 62%);animation-delay:-9s}
.lg-ambient .a3{width:50vw;height:50vw;left:24vw;top:120vh;background:radial-gradient(circle,var(--blue),transparent 62%);animation-delay:-17s}
.lg-ambient .a4{width:46vw;height:46vw;right:2vw;top:205vh;background:radial-gradient(circle,var(--green),transparent 62%);animation-delay:-5s}
.lg-ambient .a5{width:48vw;height:48vw;left:6vw;top:290vh;background:radial-gradient(circle,var(--pink),transparent 62%);animation-delay:-13s}
@keyframes lgDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(5vw,-4vw) scale(1.14)}66%{transform:translate(-4vw,5vw) scale(.9)}}

/* ── Общий стеклянный приём ── */
.wk-tab-item,.tr-card,.price-card,.why-card,.st-list-card,.ig-card,
.press-logo,.booking-right,.hero-offer-block,.promo-bar .pb-bg,
.tr-card-all,.wk-tab-photo-wrap,.st-map-wrap{
  background:var(--lg-glass) !important;
  border:1px solid var(--lg-stroke) !important;
  backdrop-filter:blur(26px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 24px 50px rgba(0,0,0,.5) !important;
  border-radius:24px !important;
}

/* ── NAV ── стеклянная шапка во всю ширину (раскладку оригинала не трогаем) */
nav:has(.nav-left){
  position:fixed !important;top:0;left:0;right:0;width:100% !important;transform:none !important;
  z-index:900 !important;
  background:rgba(10,8,16,.72) !important;border-bottom:1px solid var(--lg-stroke) !important;
  backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border-radius:0 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
}
/* футерный список ссылок — обычный поток */
nav.f-links{position:static !important;transform:none !important;width:auto !important;background:none !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;border-radius:0 !important}
.nav-link{border-radius:12px !important}
.nav-buy,.nav-btn-buy,.mm-cta,.bm-btn{box-shadow:0 8px 24px rgba(255,92,53,.4) !important}
/* лого: «вырезаем» по форме маской и заливаем белым — без чёрной подложки */
.nav-logo{background:transparent !important}
.nav-logo img{
  mix-blend-mode:normal !important;
  background:#fff !important;
  -webkit-mask:url("/LOGO.png") center/contain no-repeat;
          mask:url("/LOGO.png") center/contain no-repeat;
  -webkit-mask-mode:luminance;mask-mode:luminance;
}

/* ── HERO ── */
.hero-pill{
  background:rgba(255,255,255,.07) !important;border:1px solid var(--lg-stroke) !important;
  backdrop-filter:blur(10px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.hero-offer-block{border-radius:18px !important}
.hero-video-window{border-radius:24px !important;border:1px solid var(--lg-stroke) !important;box-shadow:0 30px 70px rgba(0,0,0,.6) !important}
.hero-title{letter-spacing:-2px}

/* ── Бегущие строки: только стеклянная подложка, анимацию не трогаем ── */
.ticker{
  background:linear-gradient(90deg,rgba(255,92,53,.06),rgba(46,155,255,.06)) !important;
  border-top:1px solid var(--lg-stroke) !important;border-bottom:1px solid var(--lg-stroke) !important;
}
.tick-i{color:rgba(255,255,255,.85) !important}
.promo-mobile{background:rgba(8,6,14,.55) !important;backdrop-filter:blur(14px)}

/* ── WORKOUTS ── */
.wk-tab-item{border-radius:18px !important;transition:.25s}
.wk-tab-item.active{background:rgba(255,255,255,.09) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important}
.wk-tab-num{color:var(--orange) !important}
.wk-tab-photo-wrap{overflow:hidden}
.wk-tab-subs span{background:rgba(255,255,255,.1) !important;border:1px solid var(--lg-stroke) !important;border-radius:100px !important;backdrop-filter:blur(8px)}
.workouts-facts{gap:26px}

/* ── TRAINERS ── */
.tr-card{overflow:hidden}
.tr-tag{background:rgba(255,255,255,.07) !important;border-radius:8px !important;color:rgba(255,255,255,.75) !important}
.tr-video-badge,.tr-spec{background:rgba(0,0,0,.5) !important;backdrop-filter:blur(8px);border:1px solid var(--lg-stroke) !important;border-radius:100px !important}
.tr-all-num{color:var(--orange) !important}

/* ── STUDIOS ── */
.st-list-thumb{border-radius:14px !important;overflow:hidden}
.st-list-num{color:var(--orange) !important}
.st-list-badge{background:rgba(255,255,255,.07) !important;border-radius:8px !important;color:rgba(255,255,255,.75) !important}
.st-map-wrap{min-height:420px}

/* ── PRICING ── одна строка карточек с горизонтальным скроллом */
.price-grid{
  display:flex !important;flex-wrap:nowrap !important;
  overflow-x:auto;overflow-y:visible;
  gap:16px !important;padding:6px 4px 18px !important;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  grid-template-columns:none !important;
}
.price-grid .price-card{
  flex:0 0 300px !important;min-width:300px;max-width:300px;
  scroll-snap-align:start;
}
/* тонкий скроллбар */
.price-grid::-webkit-scrollbar{height:8px}
.price-grid::-webkit-scrollbar-thumb{background:rgba(255,92,53,.5);border-radius:8px}
.price-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:8px}
.price-card{border-radius:24px !important}
.price-tab{border-radius:100px !important;border:1px solid var(--lg-stroke) !important;background:rgba(255,255,255,.04) !important}
.price-features li::before,.price-features li::marker{color:var(--orange)}

/* ── WHY ── */
.why-card{border-radius:24px !important}
.why-icon{color:var(--orange) !important}

/* ── PRESS ── стеклянные плашки */
.press-logo{padding:14px 26px !important;border-radius:16px !important;color:rgba(255,255,255,.6) !important}

/* ── INSTAGRAM ── */
.ig-card{border-radius:20px !important;overflow:hidden}

/* ── BOOKING ── */
.booking{border-radius:26px !important;overflow:hidden}
.booking-wrap{border-radius:26px !important}
.booking-right{border-radius:24px !important;padding:26px !important}
.booking-price{display:inline-block !important;padding:14px 22px !important;background:rgba(255,92,53,.12) !important;border:1px solid rgba(255,92,53,.3) !important;border-radius:18px !important}
.bp-top{margin-bottom:4px}.bp-note{margin-top:6px !important}

/* =====================================================================
   ЦВЕТ КАК В КОНЦЕПТЕ: заливка карточек свечением своего цвета изнутри
   палитра: orange / blue / purple / green / pink / amber / cyan / red
   ===================================================================== */

/* контентные карточки: внутреннее радиальное свечение + цветной ореол */
.why-grid .why-card,
.price-grid .price-card,
.st-list .st-list-card,
.wk-tab-list .wk-tab-item{
  background:radial-gradient(62% 55% at 50% 46%, var(--acc), transparent 70%), rgba(255,255,255,.03) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 24px 50px rgba(0,0,0,.5), 0 0 60px var(--halo) !important;
}

/* Преимущества — 6 цветов */
.why-grid .why-card:nth-child(6n+1){--acc:rgba(255,92,53,.45);--halo:rgba(255,92,53,.20)}
.why-grid .why-card:nth-child(6n+2){--acc:rgba(46,155,255,.45);--halo:rgba(46,155,255,.20)}
.why-grid .why-card:nth-child(6n+3){--acc:rgba(139,107,255,.45);--halo:rgba(139,107,255,.20)}
.why-grid .why-card:nth-child(6n+4){--acc:rgba(52,227,155,.45);--halo:rgba(52,227,155,.20)}
.why-grid .why-card:nth-child(6n+5){--acc:rgba(255,79,216,.45);--halo:rgba(255,79,216,.20)}
.why-grid .why-card:nth-child(6n+6){--acc:rgba(255,176,32,.45);--halo:rgba(255,176,32,.20)}

/* Абонементы / тарифы — по цвету на карточку */
.price-grid .price-card:nth-child(6n+1){--acc:rgba(255,92,53,.42);--halo:rgba(255,92,53,.18)}
.price-grid .price-card:nth-child(6n+2){--acc:rgba(46,155,255,.42);--halo:rgba(46,155,255,.18)}
.price-grid .price-card:nth-child(6n+3){--acc:rgba(139,107,255,.42);--halo:rgba(139,107,255,.18)}
.price-grid .price-card:nth-child(6n+4){--acc:rgba(35,224,206,.42);--halo:rgba(35,224,206,.18)}
.price-grid .price-card:nth-child(6n+5){--acc:rgba(52,227,155,.42);--halo:rgba(52,227,155,.18)}
.price-grid .price-card:nth-child(6n+6){--acc:rgba(255,79,216,.42);--halo:rgba(255,79,216,.18)}

/* Студии — 5 цветов */
.st-list .st-list-card{background:radial-gradient(38% 120% at 50% 50%, var(--acc), transparent 68%), rgba(255,255,255,.03) !important}
.st-list .st-list-card:nth-child(5n+1){--acc:rgba(255,92,53,.4);--halo:rgba(255,92,53,.18)}
.st-list .st-list-card:nth-child(5n+2){--acc:rgba(46,155,255,.4);--halo:rgba(46,155,255,.18)}
.st-list .st-list-card:nth-child(5n+3){--acc:rgba(52,227,155,.4);--halo:rgba(52,227,155,.18)}
.st-list .st-list-card:nth-child(5n+4){--acc:rgba(139,107,255,.4);--halo:rgba(139,107,255,.18)}
.st-list .st-list-card:nth-child(5n+5){--acc:rgba(255,79,216,.4);--halo:rgba(255,79,216,.18)}

/* Направления — список слева, свечение от левого края */
.wk-tab-list .wk-tab-item{background:radial-gradient(45% 130% at 22% 50%, var(--acc), transparent 65%), rgba(255,255,255,.03) !important}
.wk-tab-list .wk-tab-item{--acc:rgba(255,255,255,.04);--halo:transparent}
.wk-tab-list .wk-tab-item:nth-child(6n+1){--acc:rgba(255,92,53,.30);--halo:rgba(255,92,53,.14)}
.wk-tab-list .wk-tab-item:nth-child(6n+2){--acc:rgba(139,107,255,.30);--halo:rgba(139,107,255,.14)}
.wk-tab-list .wk-tab-item:nth-child(6n+3){--acc:rgba(46,155,255,.30);--halo:rgba(46,155,255,.14)}
.wk-tab-list .wk-tab-item:nth-child(6n+4){--acc:rgba(35,224,206,.30);--halo:rgba(35,224,206,.14)}
.wk-tab-list .wk-tab-item:nth-child(6n+5){--acc:rgba(52,227,155,.30);--halo:rgba(52,227,155,.14)}
.wk-tab-list .wk-tab-item:nth-child(6n+6){--acc:rgba(255,79,216,.30);--halo:rgba(255,79,216,.14)}

/* Окно «Акция недели» и блок 2200 — оранжевая заливка */
.promo-bar .pb-bg{background:radial-gradient(140% 160% at 0% 0%, rgba(255,92,53,.4), transparent 62%), rgba(8,6,14,.7) !important}
.hero-offer-block{background:radial-gradient(140% 160% at 0% 0%, rgba(255,92,53,.32), transparent 62%), rgba(255,255,255,.04) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px rgba(0,0,0,.5),0 0 60px rgba(255,92,53,.22) !important}

/* Форма записи — синяя заливка */
.booking-right{background:radial-gradient(130% 130% at 50% 0%, rgba(46,155,255,.28), transparent 60%), rgba(255,255,255,.04) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px rgba(0,0,0,.5),0 0 60px rgba(46,155,255,.18) !important}

/* Фото-карточки (тренеры, Instagram) — цветной ореол, фото остаётся */
.trainers-grid .tr-card:nth-child(4n+1){box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 50px rgba(255,92,53,.25) !important}
.trainers-grid .tr-card:nth-child(4n+2){box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 50px rgba(139,107,255,.25) !important}
.trainers-grid .tr-card:nth-child(4n+3){box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 50px rgba(46,155,255,.25) !important}
.trainers-grid .tr-card:nth-child(4n+4){box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 50px rgba(255,45,85,.25) !important}
.ig-track .ig-card:nth-child(4n+1){box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 36px rgba(255,92,53,.22) !important}
.ig-track .ig-card:nth-child(4n+2){box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 36px rgba(46,155,255,.22) !important}
.ig-track .ig-card:nth-child(4n+3){box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 36px rgba(139,107,255,.22) !important}
.ig-track .ig-card:nth-child(4n+4){box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 36px rgba(255,79,216,.22) !important}

/* =====================================================================
   ЭФФЕКТЫ СТЕКЛА ИЗ КОНЦЕПТА, которых не хватало
   ===================================================================== */

/* 1) Зеркальный блик по кромке (диагональный световой кант 1px) */
.why-card,.price-card,.tr-card,.st-list-card,.ig-card,.booking-right{position:relative}
.why-card::after,.price-card::after,.tr-card::after,.st-list-card::after,.ig-card::after,.booking-right::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;
  background:linear-gradient(135deg, rgba(255,255,255,.40), rgba(255,255,255,0) 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1px;opacity:.55;
}

/* 2) Тонкий внутренний кант для стеклянных карт (как в концепте) */
.why-grid .why-card,.price-grid .price-card,.st-list .st-list-card,.wk-tab-list .wk-tab-item{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), inset 0 0 0 .5px rgba(255,255,255,.06),
             0 24px 50px rgba(0,0,0,.5), 0 0 60px var(--halo,transparent) !important;
}

/* 3) Подъём при наведении: только увеличение от центра (без сдвига вверх),
      чтобы карточка не уезжала из-под курсора и не было дребезга */
.why-grid .why-card,.price-grid .price-card,.st-list .st-list-card,
.trainers-grid .tr-card,.ig-track .ig-card{
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease !important;
  transform-origin:center center;will-change:transform;
}
.why-grid .why-card:hover,.price-grid .price-card:hover,.st-list .st-list-card:hover,
.trainers-grid .tr-card:hover,.ig-track .ig-card:hover{
  transform:scale(1.025) !important;z-index:6;
}

/* кнопки — единый радиус, оранжевый акцент остаётся */
.btn-red,.wk-tab-cta,.tr-book-btn,.price-btn,.booking .form-submit,.bm-btn{border-radius:14px !important}

/* Мобильная версия:
   — фоновые свечения светлее на 20% (0.30 → 0.36)
   — неоновые линии ярче ещё на 25% (0.175 → 0.22) */
@media(max-width:768px){
  .neon-threads,.hero-bg-layer,.zone-shader{opacity:.29 !important}
  .lg-ambient span{opacity:.46 !important}
}

/* Контент виден сразу: отключаем «появление при прокрутке» (.rv),
   чтобы разделы не были пустыми до срабатывания observer */
.rv{opacity:1 !important;transform:none !important}

/* =====================================================================
   ПРОИЗВОДИТЕЛЬНОСТЬ СКРОЛЛА
   Массовые карточки лежат на тёмном фоне — backdrop-filter там почти
   не виден, но пересчитывается каждый кадр и тормозит прокрутку.
   Убираем его с карточек (стекло остаётся за счёт фона/границы/свечения),
   оставляем размытие только у шапки и пилюль героя.
   ===================================================================== */
.wk-tab-item,.tr-card,.price-card,.why-card,.st-list-card,.ig-card,
.press-logo,.booking-right,.hero-offer-block,.promo-bar .pb-bg,
.tr-card-all,.wk-tab-photo-wrap,.st-map-wrap,
.tr-video-badge,.tr-spec,.wk-tab-subs span,.promo-mobile{
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
/* не держим слои постоянно — меньше нагрузки */
.why-grid .why-card,.price-grid .price-card,.st-list .st-list-card,
.trainers-grid .tr-card,.ig-track .ig-card{will-change:auto !important}
/* фоновые пятна без blend-mode (дешевле при скролле) */
.lg-ambient{filter:blur(48px) !important}
.lg-ambient span{mix-blend-mode:normal !important}

/* Убираем крупный фоновый логотип Reboot (водяной знак logo-mark.png) */
.why::before,.pricing::before,.studios::before,.igsec::before,.faq::before{
  background:none !important;content:none !important;
}