/* ==========================================================================
   LEVITA Т-Банк одностраничник - стили блоков
   ========================================================================== */

/* --- Шапка --- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--hairline);
}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-header__logo img{height:24px;width:auto;}
.site-header__cta{padding:10px 22px;min-height:var(--tap);font-size:var(--fs-small);}
@media(min-width:1024px){ .site-header__logo img{height:28px;} }

/* --- Hero --- */
.hero{padding:var(--s-32) 0 var(--s-48);}
.hero__inner{display:flex;flex-direction:column;gap:var(--s-32);}
.hero__eyebrow{margin-bottom:var(--s-16);}
.hero__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h1);line-height:var(--lh-head);color:var(--ink);text-wrap:balance;}
.hero__title .accent{font-style:italic;color:var(--gold-deep);box-shadow:inset 0 -0.12em 0 rgba(238,201,92,.5);}
.hero__sub{margin-top:var(--s-16);font-size:var(--fs-body);color:var(--ink-muted);max-width:32em;}
.hero__trust{margin-top:var(--s-24);display:flex;flex-wrap:wrap;gap:12px 36px;}
.hero__trust li{font-size:var(--fs-small);color:var(--ink);}
@media(min-width:1024px){
  .hero{padding:var(--s-64) 0 var(--s-96);}
  .hero__inner{display:grid;grid-template-columns:1.05fr .95fr;column-gap:64px;align-items:center;}
  .hero__title{font-size:var(--fs-display);}
}

/* --- Карточка оффера (графит, золотой кант) --- */
.offer-card{
  background:var(--surface-dark);color:var(--on-dark);
  border:1px solid rgba(238,201,92,.4);
  border-radius:var(--r-card);
  box-shadow:0 10px 34px rgba(16,26,37,.18), 0 0 0 1px rgba(238,201,92,.08), 0 0 34px rgba(238,201,92,.14);
  padding:28px 24px;
}
.offer-card__label{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold);}
.offer-card__label::before{content:"";width:22px;height:1px;background:var(--gold);}
.offer-card__title{margin-top:10px;font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3.4vw,32px);line-height:var(--lh-head);color:var(--on-dark);}
.offer-card__feats{margin-top:var(--s-16);display:flex;flex-direction:column;gap:8px;}
.offer-card__feats li{position:relative;padding-left:22px;font-size:var(--fs-small);color:var(--on-dark-muted);}
.offer-card__feats li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:2px;background:var(--gold);}
.offer-card__pricing{margin-top:var(--s-24);padding-top:var(--s-20);border-top:1px solid var(--on-dark-line);}
.offer-card__old{font-size:var(--fs-small);color:var(--on-dark-muted);}
.offer-card__old s{text-decoration-color:rgba(255,255,255,.5);}
.offer-card__now{margin-top:6px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.offer-card__price{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,6vw,48px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;}
.offer-card__badge{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);background:rgba(238,201,92,.16);color:var(--gold);font-size:var(--fs-xs);}
.offer-card__split{margin-top:8px;font-size:var(--fs-small);color:var(--on-dark-muted);}
.offer-card__cta{margin-top:var(--s-20);width:100%;}
.offer-card__note{margin-top:12px;font-size:var(--fs-xs);color:var(--on-dark-muted);text-align:center;}

/* --- Узнавание --- */
.fit__list{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.fit__list li{position:relative;padding:16px 20px 16px 52px;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);font-size:var(--fs-body);}
.fit__list li::before{
  content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;border-radius:50%;
  background:var(--graphite) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23eec95c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat;
  border:1px solid var(--gold);
}
.fit__close{max-width:640px;margin:var(--s-32) auto 0;text-align:center;color:var(--ink-muted);}
.fit__cta-wrap{margin-top:var(--s-24);text-align:center;}

/* --- Состав абонемента --- */
.inside__grid{display:grid;grid-template-columns:1fr;gap:16px;}
.inside-card{background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);padding:22px;}
.inside-card__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);color:var(--ink);}
.inside-card__desc{margin-top:8px;font-size:var(--fs-small);color:var(--ink-muted);}
.inside__dirs{margin-top:var(--s-32);text-align:center;}
.inside__dirs-title{font-size:var(--fs-small);color:var(--ink-muted);}
.inside__tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.inside__tags li{padding:8px 18px;border-radius:var(--r-pill);border:1px solid var(--hairline-str);font-size:var(--fs-small);color:var(--ink);}
@media(min-width:768px){ .inside__grid{grid-template-columns:1fr 1fr;} }
@media(min-width:1024px){ .inside__grid{grid-template-columns:1fr 1fr 1fr;} }

/* --- Как это работает --- */
.steps__track{counter-reset:step;display:grid;grid-template-columns:1fr;gap:20px;max-width:640px;margin:0 auto;}
.step{position:relative;padding:22px 22px 22px 72px;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);}
.step__num{
  position:absolute;left:20px;top:22px;
  width:36px;height:36px;border-radius:50%;
  background:var(--graphite);border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--gold);
}
.step__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);}
.step__desc{margin-top:6px;font-size:var(--fs-small);color:var(--ink-muted);}
@media(min-width:1024px){
  .steps__track{grid-template-columns:repeat(4,1fr);max-width:none;gap:16px;}
  .step{padding:64px 20px 22px 20px;}
  .step__num{left:20px;top:16px;}
}

/* --- Без подготовки --- */
.easy__grid{display:flex;flex-direction:column;gap:var(--s-32);}
.easy__media{position:relative;max-width:420px;margin:0 auto;}
.easy__media::after{content:"";position:absolute;right:-10px;bottom:-14px;width:56%;height:64%;background:var(--graphite);border-radius:var(--r-img);z-index:0;}
.easy__media img{position:relative;z-index:1;width:100%;border-radius:var(--r-img);aspect-ratio:4/5;object-fit:cover;object-position:center 30%;box-shadow:var(--shadow);}
.easy__body p + p{margin-top:14px;}
.easy__body{color:var(--ink);max-width:34em;}
.easy__chips{margin-top:var(--s-24);display:flex;flex-wrap:wrap;gap:10px;}
.easy__chips li{padding:8px 18px;border-radius:var(--r-pill);background:var(--tint);border:1px solid var(--hairline);font-size:var(--fs-small);}
.easy__med{margin-top:var(--s-24);padding:16px 20px;border-left:var(--gold-border) solid var(--gold);background:var(--white);border-radius:0 var(--r-card) var(--r-card) 0;box-shadow:var(--shadow);font-size:var(--fs-small);color:var(--ink-muted);}
@media(min-width:1024px){
  .easy__grid{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:64px;align-items:center;}
  .easy__media{margin:0;}
}

/* --- Комплексы --- */
.kits__diff{max-width:720px;margin:0 auto var(--s-40);display:grid;grid-template-columns:1fr;gap:12px;}
.kits__diff-item{padding:16px 20px;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);font-size:var(--fs-small);color:var(--ink-muted);text-align:center;}
.kits__diff-item strong{display:block;font-weight:600;color:var(--ink);font-size:var(--fs-body);margin-bottom:4px;}
@media(min-width:768px){ .kits__diff{grid-template-columns:1fr 1fr;} }

.kits__grid{display:grid;grid-template-columns:1fr;gap:20px;}
.kit-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);padding:26px 24px;box-shadow:var(--shadow);}
.kit-card--featured{border:2px solid var(--gold);box-shadow:0 8px 28px rgba(16,26,37,.12);}
.kit-card__flag{position:absolute;top:-12px;left:24px;padding:4px 14px;border-radius:var(--r-pill);background:var(--gold);color:var(--graphite);font-size:var(--fs-xs);font-weight:500;}
.kit-card__name{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.2;}
.kit-card__desc{margin-top:10px;font-size:var(--fs-small);color:var(--ink-muted);}
.kit-card__list{margin-top:var(--s-16);display:flex;flex-direction:column;gap:6px;}
.kit-card__list li{position:relative;padding-left:20px;font-size:var(--fs-small);}
.kit-card__list li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--gold-deep);}
.kit-card__gift{margin-top:12px;font-size:var(--fs-small);color:var(--ink-muted);}
.kit-card__pricing{margin-top:auto;padding-top:var(--s-20);}
.kit-card__old{font-size:var(--fs-small);color:var(--ink-muted);}
.kit-card__now{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px;}
.kit-card__price{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1;font-variant-numeric:tabular-nums;}
.kit-card__split{margin-top:6px;font-size:var(--fs-xs);color:var(--ink-muted);}
.kit-card__btn{margin-top:var(--s-16);}
@media(min-width:768px){ .kits__grid{grid-template-columns:1fr 1fr;} }

.kits__note{margin-top:var(--s-24);text-align:center;font-size:var(--fs-small);color:var(--ink-muted);}
.kit-card__moto{margin-top:2px;font-size:var(--fs-small);font-style:italic;color:var(--ink-muted);}

/* --- Беременность --- */
.prenatal__card{max-width:720px;margin:0 auto;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);padding:26px 24px;}
.prenatal__title{font-family:var(--font-display);font-weight:500;font-size:24px;}
.prenatal__desc{margin-top:10px;font-size:var(--fs-small);color:var(--ink-muted);}
.prenatal__row{margin-top:var(--s-16);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
.prenatal__price-old{font-size:var(--fs-small);color:var(--ink-muted);}
.prenatal__price{font-family:var(--font-display);font-weight:500;font-size:28px;font-variant-numeric:tabular-nums;}
.prenatal__price-split{display:block;margin-top:6px;font-family:var(--font-body);font-size:var(--fs-small);color:var(--ink-muted);}
.prenatal__med{margin-top:var(--s-16);font-size:var(--fs-xs);color:var(--ink-muted);border-top:1px solid var(--hairline);padding-top:14px;}

/* --- Доверие (графит) --- */
.trust .stats{display:grid;grid-template-columns:1fr;gap:var(--s-24);max-width:760px;margin:0 auto;}
.trust .stat{text-align:center;position:relative;}
.trust .stat__num{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,8vw,52px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;}
.trust .stat__label{margin-top:8px;font-size:var(--fs-small);color:var(--on-dark-muted);}
.trust__academy{max-width:640px;margin:var(--s-40) auto 0;text-align:center;color:var(--on-dark-muted);font-size:var(--fs-body);}
.trust__press{margin-top:var(--s-32);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;border-top:1px solid var(--on-dark-line);padding-top:var(--s-24);}
.trust__press-label{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--on-dark-muted);}
.trust__press-item{font-size:var(--fs-small);color:var(--on-dark);opacity:.9;}
@media(min-width:768px){
  .trust .stats{grid-template-columns:repeat(3,1fr);}
  .trust .stat + .stat::before{content:"";position:absolute;left:0;top:14%;height:72%;width:1px;background:var(--on-dark-line);}
}

/* --- Отзывы --- */
.reviews__grid{display:grid;grid-template-columns:1fr;gap:20px;}
.review-card{display:flex;flex-direction:column;background:var(--white);border-left:var(--gold-border) solid var(--gold);border-radius:0 var(--r-card) var(--r-card) 0;box-shadow:var(--shadow);padding:26px 24px;}
.review-card__mark{font-family:var(--font-display);font-size:44px;line-height:.6;color:var(--gold-deep);}
.review-card__text{margin-top:14px;font-size:var(--fs-body);}
.review-card__name{margin-top:16px;font-size:var(--fs-small);color:var(--ink-muted);}
.review-card--slot{border-left-color:var(--hairline-str);align-items:center;justify-content:center;text-align:center;color:var(--ink-muted);font-size:var(--fs-small);min-height:180px;border-style:dashed;border:1px dashed var(--hairline-str);border-radius:var(--r-card);box-shadow:none;background:transparent;}
@media(min-width:1024px){ .reviews__grid{grid-template-columns:repeat(3,1fr);} }

/* --- FAQ --- */
.faq__list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq__item{background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);padding:0 22px;}
.faq__q{list-style:none;cursor:pointer;padding:18px 36px 18px 0;position:relative;font-weight:600;font-size:var(--fs-body);min-height:var(--tap);}
.faq__q::-webkit-details-marker{display:none;}
.faq__q::after{
  content:"";position:absolute;right:2px;top:22px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c9a830' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform var(--dur) var(--ease);
}
.faq__item[open] .faq__q::after{transform:rotate(180deg);}
.faq__a{padding:0 0 18px;font-size:var(--fs-small);color:var(--ink-muted);}

/* --- Финал --- */
.final__box{
  max-width:760px;margin:0 auto;text-align:center;
  border:1px solid rgba(238,201,92,.4);border-radius:var(--r-card);
  padding:var(--s-40) var(--s-24);
  box-shadow:0 0 0 1px rgba(238,201,92,.08), 0 0 34px rgba(238,201,92,.12);
}
.final__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);color:var(--on-dark);text-wrap:balance;}
.final__sub{margin-top:12px;color:var(--on-dark-muted);}
.final__price-row{margin-top:var(--s-24);display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap;}
.final__old{color:var(--on-dark-muted);}
.final__old s{text-decoration-color:rgba(255,255,255,.5);}
.final__price{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,6vw,48px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;}
.final__split{margin-top:8px;font-size:var(--fs-small);color:var(--on-dark-muted);}
.final__cta{margin-top:var(--s-24);}
.final__note{margin-top:12px;font-size:var(--fs-xs);color:var(--on-dark-muted);}

/* --- Форма заказа --- */
.order__card{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden;}
.order__media{display:none;position:relative;min-height:100%;}
.order__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;}
.order__body{padding:28px 24px;}
.order__fields{display:flex;flex-direction:column;gap:14px;}
.order__label{display:block;font-size:var(--fs-small);margin-bottom:6px;color:var(--ink);}
.order__hint{margin-top:6px;font-size:var(--fs-xs);color:var(--ink-muted);}
.order__pay{margin-top:var(--s-24);}
.order__pay-title{font-size:var(--fs-small);font-weight:600;margin-bottom:10px;}
.pay-option{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--hairline);border-radius:var(--r-field);cursor:pointer;transition:border-color var(--dur) var(--ease);}
.pay-option + .pay-option{margin-top:10px;}
.pay-option:has(input:checked){border-color:var(--gold-deep);background:rgba(238,201,92,.07);}
.pay-option input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--gold-deep);}
.pay-option__name{font-size:var(--fs-small);font-weight:600;}
.pay-option__desc{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:2px;}
.pay-option--muted{border-style:dashed;opacity:.75;}
.pay-option--muted .pay-option__name{font-weight:400;}
.order__split{margin-top:14px;padding:12px 16px;background:var(--tint);border-radius:var(--r-field);font-size:var(--fs-small);color:var(--ink);}
.order__consents{margin-top:var(--s-20);display:flex;flex-direction:column;gap:10px;}
.order__submit{margin-top:var(--s-20);}
.order__note{margin-top:10px;font-size:var(--fs-xs);color:var(--ink-muted);text-align:center;}
.order__demo{margin-top:var(--s-16);padding:14px 16px;border:1px dashed var(--hairline-str);border-radius:var(--r-field);font-size:var(--fs-xs);color:var(--ink-muted);text-align:center;}
@media(min-width:1024px){
  .order__card{grid-template-columns:.85fr 1.15fr;}
  .order__media{display:block;}
  .order__body{padding:40px 44px;}
}

/* --- Успешная оплата (скрыто до интеграции) --- */
.success__card{max-width:640px;margin:0 auto;text-align:center;background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow);padding:var(--s-40) var(--s-24);}
.success__mark{width:56px;height:56px;margin:0 auto var(--s-16);border-radius:50%;background:var(--graphite);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);}
.success__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);}
.success__sub{margin-top:12px;color:var(--ink-muted);}

/* --- Футер --- */
.footer{padding:var(--s-48) 0;}
.footer__inner{display:flex;flex-direction:column;gap:var(--s-32);}
.footer__logo img{height:24px;width:auto;}
.footer__cols{display:grid;grid-template-columns:1fr;gap:var(--s-24);}
.footer__col-title{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:12px;}
.footer__line,.footer__link{display:block;font-size:var(--fs-small);color:var(--on-dark-muted);margin-bottom:8px;}
.footer__link{text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(255,255,255,.3);}
.footer__link:hover{color:var(--on-dark);}
.footer__med{font-size:var(--fs-xs);color:var(--on-dark-muted);border-top:1px solid var(--on-dark-line);padding-top:var(--s-24);max-width:56em;}
.footer__copy{font-size:var(--fs-xs);color:var(--on-dark-muted);}
@media(min-width:768px){ .footer__cols{grid-template-columns:1fr 1fr 1fr;} }

/* --- Липкая CTA (мобайл) --- */
.sticky-cta{
  position:fixed;left:50%;transform:translateX(-50%) translateY(120%);
  bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:60;
  padding:13px 26px;min-height:var(--tap);
  border-radius:var(--r-pill);
  background:var(--gold);color:var(--graphite);
  font-size:var(--fs-small);font-weight:500;white-space:nowrap;
  box-shadow:0 8px 28px rgba(16,26,37,.28);
  transition:transform .28s var(--ease);
}
.sticky-cta.is-visible{transform:translateX(-50%) translateY(0);}
@media(min-width:1024px){ .sticky-cta{display:none;} }
