/* Тема поездки на UPW Тони Роббинса — холодная сине-бирюзовая палитра сцены,
   стилистика и типографика сайта не меняются.
   Подключается ТОЛЬКО на trips/tony-robbins.html, после остальных таблиц стилей. */
.kit.tr-theme{
  --bg:#040A12; --bg-2:#081422; --panel:#0D1B2B;
  --gold:#12938F; --gold-bright:#5FDCD6; --gold-amber:#0C6E6B;
  --lila:#2C6FE0; --lila-bright:#78ADFF; --violet-deep:#1B4CA6;
  --ink-on-gold:#02201F;
  --line:rgba(255,255,255,.10); --line-strong:rgba(110,220,214,.26);
  --glass:rgba(60,190,190,.045); --glass-2:rgba(60,190,190,.08);
  --muted:#C6D6DF; --muted-2:#8FA3B4;
  --grad-gold:linear-gradient(135deg,#12938F,#5FDCD6);
  --grad-gold-lila:linear-gradient(120deg,#5FDCD6,#2C6FE0);
  --grad-card-lila:linear-gradient(160deg,rgba(44,111,224,.12) 0%,rgba(18,147,143,.05) 100%);
  --grad-card-gold:linear-gradient(160deg,rgba(18,147,143,.15) 0%,rgba(12,110,107,.06) 100%);
  --grad-hero:radial-gradient(120% 95% at 50% -8%,rgba(10,44,66,.92) 0%,rgba(6,24,38,.42) 52%,rgba(4,10,18,0) 100%);
  --grad-backdrop:radial-gradient(90% 60% at 50% -5%,#0A2740 0%,#061524 45%,#040A12 100%);
}
html:has(.kit.tr-theme),body:has(.kit.tr-theme){background:#040A12}
/* шапка и футер — как на всех страницах сайта, меняем только фон под цвет страницы */
.kit.tr-theme .fp-top,.kit.tr-theme .fp-top__menu,.kit.tr-theme .fp-foot{--gold:#E6B450;--gold-bright:#F5C969;--gold-amber:#C68A2E;--lila:#9A6FD4;--lila-bright:#B98BFF;--violet-deep:#7B3FE4;--ink-on-gold:#2A1A05;--line-strong:rgba(255,255,255,.16);--muted:#C3B7D4;--muted-2:#9A8BB3;--grad-gold:linear-gradient(135deg,#E6B450,#F5C969);--grad-gold-lila:linear-gradient(120deg,#F5C969,#9A6FD4)}
.kit.tr-theme .fp-top,.kit.tr-theme .fp-top__menu{background:rgba(4,10,18,.88)}
.kit.tr-theme .fp-foot{background:#040A12}
.kit.tr-theme a.fp-btn--gold,.kit.tr-theme a.fp-btn--gold:hover{color:var(--ink-on-gold)}
.kit.tr-theme .fp-btn--gold{background:linear-gradient(100deg,#12938F 0%,#3FC7C1 55%,#9FF0EB 130%)}
.kit.tr-theme .fp-glow--violet{background:radial-gradient(50% 50% at 50% 50%,rgba(44,111,224,.5),transparent 70%);opacity:.24}
.kit.tr-theme .fp-glow--amber{background:radial-gradient(50% 50% at 50% 50%,rgba(95,220,214,.4),transparent 70%);opacity:.22}

/* места, где цвет зашит литералом в общем слое */
.kit.tr-theme .inner a:not(.fp-btn){color:#5FDCD6}
.kit.tr-theme .inner a:not(.fp-btn):hover{color:#78ADFF}
.kit.tr-theme .fp-badge--lila{background:rgba(44,111,224,.14);border-color:rgba(120,173,255,.32);color:#9CC4FF}
.kit.tr-theme .fp-badge--lila .fp-badge__dot{background:#5FDCD6}
.kit.tr-theme .bm-cat--yes{border-top-color:rgba(95,220,214,.65)}
.kit.tr-theme .bm-cat--maybe{border-top-color:rgba(120,173,255,.6)}
.kit.tr-theme .bm-apply{background:linear-gradient(135deg,rgba(9,24,38,.96),rgba(5,14,24,.98));border-color:rgba(95,220,214,.3)}
.kit.tr-theme .bm-apply input,.kit.tr-theme .bm-apply textarea,.kit.tr-theme .bm-apply select{background:rgba(255,255,255,.06);border-color:rgba(95,220,214,.3);color:#fff}
.kit.tr-theme .bm-apply input::placeholder,.kit.tr-theme .bm-apply textarea::placeholder{color:#8FA3B4}
.kit.tr-theme .bm-apply input:focus,.kit.tr-theme .bm-apply textarea:focus,.kit.tr-theme .bm-apply select:focus{border-color:#5FDCD6;outline:none}
.kit.tr-theme .bm2-opt--pl{border-color:rgba(95,220,214,.5);background:linear-gradient(150deg,rgba(18,147,143,.16),rgba(44,111,224,.06))}
.kit.tr-theme .bm2-opt--pl .bm2-opt__where{color:#5FDCD6}
.kit.tr-theme .bm-tl__r--break{background:rgba(44,111,224,.09)}
.kit.tr-theme .bm-tl__r{padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px;border-radius:10px}
.kit.tr-theme b{background-color:rgba(95,220,214,.16)}

/* герой: текст слева, фото Тони справа */
.kit.tr-theme .tr-hero{display:grid;gap:clamp(18px,3vw,44px);align-items:end;text-align:left}
.kit.tr-theme .tr-hero__txt{text-align:left;max-width:none}
.kit.tr-theme .tr-hero .bm-cta-row{justify-content:flex-start}
.kit.tr-theme .tr-hero__ph{position:relative;margin:0;justify-self:center;width:min(100%,460px);border-radius:22px;overflow:hidden;border:1px solid var(--line-strong)}
.kit.tr-theme .tr-hero__ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media(min-width:900px){
  .kit.tr-theme .tr-hero{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}
  .kit.tr-theme .tr-hero__ph{width:100%;max-width:460px;justify-self:end;align-self:stretch;min-height:clamp(420px,44vw,540px)}
}
@media(max-width:899px){
  /* на узком: бейдж, заголовок, текст, фото, имя, кнопки — всё по левому краю */
  .kit.tr-theme .tr-hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0}
  .kit.tr-theme .tr-hero__txt{display:contents}
  .kit.tr-theme .tr-hero > *,.kit.tr-theme .tr-hero__txt > *{align-self:flex-start;text-align:left;margin-left:0;margin-right:0}
  .kit.tr-theme .tr-hero .fp-badge{order:1}
  .kit.tr-theme .tr-hero h1{order:2;margin-top:18px}
  .kit.tr-theme .tr-hero .sub{order:3;max-width:none;margin:16px 0 0}
  .kit.tr-theme .tr-hero__ph{order:4;width:100%;max-width:none;margin:24px 0 0;aspect-ratio:1/1;min-height:0}
  .kit.tr-theme .tr-hero__ph img{object-position:50% 18%}
  .kit.tr-theme .tr-hero .tagline{order:5;margin:22px 0 0;align-items:flex-start}
  .kit.tr-theme .tr-hero .bm-cta-row{order:6;margin-top:20px;justify-content:flex-start}
  .kit.tr-theme .tr-hero .micro{order:7;margin:16px 0 0}
  .kit.tr-theme .hero{padding-top:26px}
}
.kit.tr-theme .hero h1{font-size:clamp(34px,5vw,64px)}
.kit.tr-theme .tagline{display:flex;flex-direction:column;gap:6px;background:none;-webkit-text-fill-color:currentColor}
.kit.tr-theme .tr-name{font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.02em;color:#fff}
.kit.tr-theme .tr-place{font-family:var(--font-body);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}

/* крупная статистика */
.kit.tr-theme .tr-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media(min-width:660px){.kit.tr-theme .tr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kit.tr-theme .tr-stat{padding:30px 26px 32px;background:linear-gradient(158deg,rgba(13,27,43,.95),rgba(6,16,26,.95));min-width:0}
.kit.tr-theme .tr-stat__n{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,4.6vw,66px);line-height:.9;letter-spacing:-.03em;color:#5FDCD6;display:flex;align-items:baseline;gap:10px;min-width:0}
.kit.tr-theme .tr-stat__x{font-size:.42em;font-weight:700;letter-spacing:.02em}
.kit.tr-theme .tr-stat__c{margin-top:12px;font-size:16px;line-height:1.45;color:var(--muted)}

/* счётчик до роста цены */
@media(max-width:520px){.kit.tr-theme .tr-cd__u{min-width:58px}.kit.tr-theme .tr-cd__t{gap:8px}}
.kit.tr-theme .tr-cd__over{margin-top:26px;padding:18px 22px;border-left:2px solid var(--line);background:var(--panel);border-radius:14px;font-size:16px;color:var(--muted)}

/* форма заявки (.gform — контракт forum-form.js, класс не менять) */
.kit.tr-theme .gform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.kit.tr-theme .gform input,.kit.tr-theme .gform select{width:100%;min-height:50px;padding:12px 16px;border-radius:12px;border:1px solid rgba(95,220,214,.3);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px}
.kit.tr-theme .gform select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8FA3B4 50%),linear-gradient(135deg,#8FA3B4 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.kit.tr-theme .gform input::placeholder{color:#8FA3B4}
.kit.tr-theme .gform input:focus,.kit.tr-theme .gform select:focus{border-color:#5FDCD6;outline:none}
.kit.tr-theme .gform select,.kit.tr-theme .gform input[name="people"],.kit.tr-theme .gform button,.kit.tr-theme .gform label,.kit.tr-theme .gform .fp-consent,.kit.tr-theme .gform p{grid-column:1/-1}
.kit.tr-theme .gform button{justify-self:start;margin-top:6px}
.kit.tr-theme .gform label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--muted)}
.kit.tr-theme .gform input[type="checkbox"]{width:18px;height:18px;min-height:0;padding:0;margin-top:2px;accent-color:#5FDCD6;flex:none}
@media(max-width:560px){.kit.tr-theme .gform{grid-template-columns:minmax(0,1fr)}}

/* групповая цена — акцентная карточка */
.kit.tr-theme .tr-group{background:linear-gradient(160deg,rgba(18,147,143,.22),rgba(44,111,224,.08));border-top-color:#5FDCD6;padding:22px 22px 24px;border-radius:0 0 14px 14px;display:flex;flex-direction:column;gap:12px}
.kit.tr-theme .tr-group .bm-cat__k{color:#5FDCD6}
.kit.tr-theme .tr-group p{color:#fff;margin:0}
.kit.tr-theme .tr-group .fp-btn{align-self:flex-start;margin-top:auto}

/* место проведения: текст + карта одной высоты */
.kit.tr-theme .tr-venue{display:grid;gap:20px;margin-top:38px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}
.kit.tr-theme .tr-venue__txt{padding:28px 28px 30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.kit.tr-theme .tr-venue__txt h3,.kit.tr-theme .tr-venue__txt .para{margin:0}
.kit.tr-theme .tr-venue__facts{margin:6px 0 0;display:grid;gap:12px;width:100%}
.kit.tr-theme .tr-venue__facts div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.kit.tr-theme .tr-venue__facts dt{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);padding-top:3px}
.kit.tr-theme .tr-venue__facts dd{margin:0;font-size:16px;line-height:1.45;color:var(--muted)}
.kit.tr-theme .tr-venue .fp-btn{margin-top:auto}
.kit.tr-theme .tr-map-frame{width:100%;height:100%;min-height:320px;max-height:520px;border:0;display:block;background:#0A1B2B;filter:grayscale(.35) contrast(1.05) brightness(.9)}
@media(min-width:820px){.kit.tr-theme .tr-venue{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0}.kit.tr-theme .tr-map-frame{min-height:100%}}
@media(max-width:520px){.kit.tr-theme .tr-venue__facts div{grid-template-columns:minmax(0,1fr)}}

/* тарифы: горизонтальная листалка, карточки уходят за правый край */
.kit.tr-theme .tr-rail{margin-top:26px}
.kit.tr-theme .tr-rail__hint{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-family:var(--font-body);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.kit.tr-theme .tr-rail__ln{flex:1;height:1px;background:var(--line)}
.kit.tr-theme .tr-rail__nav{display:flex;gap:8px}
.kit.tr-theme .tr-rail__nav button{width:44px;height:44px;border:1px solid var(--line);background:var(--panel);color:#fff;font-size:20px;line-height:1;cursor:pointer;border-radius:10px;display:grid;place-items:center;transition:border-color .2s,color .2s}
.kit.tr-theme .tr-rail__nav button:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.kit.tr-theme .tr-packs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(292px,332px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:10px;margin-right:calc(-1 * min(160px, max((100vw - 1240px)/2, 6vw)));scrollbar-width:thin;scrollbar-color:rgba(95,220,214,.4) transparent}
.kit.tr-theme .tr-packs > *{scroll-snap-align:start;height:auto;display:flex;flex-direction:column;padding-top:14px}
.kit.tr-theme .tr-packs .bm2-opt__h{margin-top:0}
.kit.tr-theme .tr-packs .bm2-pm{flex:1 1 auto;margin:12px 0 16px;gap:8px;display:flex;flex-direction:column}
.kit.tr-theme .tr-packs .bm2-pm li{padding:0 0 0 22px;font-size:16px;line-height:1.4;border:0;margin:0}
.kit.tr-theme .tr-packs .bm2-price{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.kit.tr-theme .tr-packs .bm2-price__now{font-size:clamp(26px,2.2vw,32px)}
.kit.tr-theme .tr-packs .bm2-price__was{font-size:14px}
.kit.tr-theme .tr-packs .bm2-price__off{font-family:var(--font-body);font-weight:800;font-size:14px;letter-spacing:-.01em;padding:4px 9px}
.kit.tr-theme .tr-packs .fp-btn{margin-top:auto!important;padding-top:14px;padding-bottom:14px}
.kit.tr-theme .tr-packs::-webkit-scrollbar{height:6px}
.kit.tr-theme .tr-packs::-webkit-scrollbar-thumb{background:rgba(95,220,214,.4);border-radius:3px}
@media(max-width:620px){.kit.tr-theme .tr-packs{grid-auto-columns:84%;margin-right:calc(-1 * var(--fp-gutter, 20px))}}
.kit.tr-theme .tr-map{width:min(100%,260px);height:auto;margin:10px auto 2px;display:block;border-radius:12px}
.kit.tr-theme .tr-zone{font-family:var(--font-body);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);text-align:center;margin-bottom:6px}
.kit.tr-theme .tr-zone b{color:var(--gold-bright);font-weight:700;background:none}

/* ——— счётчик: строка + убывающая полоска ———
   Заменил карточку с цифрами по 72 px: она занимала 199 px и перетягивала
   внимание с цен, а цены здесь главное — у них скидка вдвое. */
.kit.tr-theme .tr-cd{margin-top:26px;max-width:520px}
.kit.tr-theme .tr-cd__r{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:8px;flex-wrap:wrap}
.kit.tr-theme .tr-cd__t{font-family:var(--font-display);font-weight:800;font-size:20px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Цифры набраны тегом b, а у него в теме есть подложка для выделений
   в тексте. В счётчике она лишняя: цифры и так самые крупные в блоке. */
.kit.tr-theme .tr-cd__t b{background:none;padding:0}
.kit.tr-theme .tr-cd__t i{font-style:normal;font-weight:600;font-size:14px;color:var(--muted-2)}
.kit.tr-theme .tr-cd__k{font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}
.kit.tr-theme .tr-cd__bar{height:4px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.kit.tr-theme .tr-cd__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .6s ease}
.kit.tr-theme .tr-cd__p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted-2)}
@media(prefers-reduced-motion:reduce){.kit.tr-theme .tr-cd__fill{transition:none}}

/* ——— золотое, что осталось от общего слоя ———
   Тема перекрасила цвета, но не тень: --shadow-gold живёт в tokens/effects.css.
   Наведение на бирюзовую кнопку давало жёлтую подсветку. */
.kit.tr-theme{--shadow-gold:0 14px 36px rgba(18,147,143,.38)}


/* ——— расписание на телефоне ———
   Общий слой держит две колонки до 560 px: 86 px под дату и остаток под текст.
   «Пт 25.06» в 86 px не помещается и ломается на две строки, а время уходит
   на третью — одна строка дня занимала 158 px, четыре дня 632 px почти пустоты.
   Ниже 560 px раскладываем в один столбец: дата, тема, время. */
@media(max-width:560px){
  .kit.tr-theme .bm-tl__r{grid-template-columns:minmax(0,1fr);gap:4px;padding:15px 16px 17px}
  .kit.tr-theme .bm-tl__t{font-size:16px;white-space:nowrap}
  .kit.tr-theme .bm-tl__w,
  .kit.tr-theme .bm-tl__who{grid-column:1}
  .kit.tr-theme .bm-tl__who{margin-top:2px}
}

/* ——— межстрочный в заголовках ———
   H3, заголовки тарифов и карточек наследовали интервал основного текста:
   1.60 при кегле 21 px. Для заголовка это воздух в полторы строки. */
.kit.tr-theme h3,
.kit.tr-theme .bm2-opt__h,
.kit.tr-theme .bm-cat__k,
.kit.tr-theme .bm-steps h3{line-height:1.18}
.kit.tr-theme .bm-cat__k{line-height:1.25}

/* ——— расписание на планшете ———
   Общий слой до 899 px даёт колонку 86 px под дату. «Пт 25.06» в неё не лезет,
   ломается на две строки, высота ряда становится 64 px — и время, стоящее
   вторым рядом, отрывается от темы дня на 40+ px. Даём колонке ширину
   по содержимому и запрещаем перенос: ряд становится в одну строку,
   провал исчезает. */
@media(min-width:561px) and (max-width:899px){
  .kit.tr-theme .bm-tl__r{grid-template-columns:max-content minmax(0,1fr);column-gap:22px;row-gap:4px}
  .kit.tr-theme .bm-tl__t{white-space:nowrap}
}