/* ============================================================
   AnyTrain Premium Theme · v1
   Поверхнева тема поверх style-desktop.css / style-mob.css:
   кольори, типографіка, радіуси, тіні, стани фокуса.
   Жодних змін розмітки чи JS. Вантажиться ОСТАННЬОЮ.
   Токени: ink #0B1226 · bg #F6F8FC · blue #3B6FD9 · amber #FFB800
   Шрифти: Lexend (заголовки) + Source Sans 3 (текст)
   ============================================================ */

@font-face{font-family:'Lexend';src:url('/assets_2022/fonts/premium/Lexend-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Lexend';src:url('/assets_2022/fonts/premium/Lexend-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('/assets_2022/fonts/premium/SourceSans3-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('/assets_2022/fonts/premium/SourceSans3-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --at-ink:#0B1226;
  --at-txt2:#45526E;
  --at-txt3:#8B96AF;
  --at-bg:#F6F8FC;
  --at-card:#FFFFFF;
  --at-line:#E4E9F4;
  --at-line2:#C9D4EC;
  --at-blue:#3B6FD9;
  --at-blue-dk:#2F5CB8;
  --at-blue-bg:#EEF3FE;
  --at-amber:#FFB800;
  --at-amber-hi:#FFC933;
  --at-amber-ink:#231A00;
  --at-ok:#0E8A5F;
  --at-ok-bg:#E7F6EF;
  --at-warn:#8A6100;
  --at-warn-bg:#FFF4D6;
  --at-bad:#C22F2F;
  --at-bad-bg:#FBEAEA;
  --at-navy1:#12234A;
  --at-navy2:#0B1226;
  --at-fh:'Lexend',-apple-system,'Segoe UI',sans-serif;
  --at-fb:'Source Sans 3',-apple-system,'Segoe UI',sans-serif;
  --at-shadow:0 8px 26px rgba(11,18,38,.07);
  --at-shadow-hover:0 12px 32px rgba(11,18,38,.12);
}

/* ── База ─────────────────────────────────────────────────── */
body{font-family:var(--at-fb);color:var(--at-ink);background:var(--at-bg)}
h1,h2,h3,h4,h5,h6,.block-title,.block-subtitle,.search-title,.train-title,.item-train-title,.route-title-block,.regularity-title{font-family:var(--at-fh);color:var(--at-ink)}
a{color:var(--at-blue)}
a:hover{color:var(--at-blue-dk)}
:focus-visible{outline:3px solid rgba(59,111,217,.55);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ── Картки-блоки ─────────────────────────────────────────── */
.block{background:var(--at-card);border:1px solid var(--at-line);border-radius:16px;box-shadow:var(--at-shadow)}
.block .block-content{border-radius:16px}
.block-title{font-weight:600}

/* Пошукова форма — головний CTA-блок */
.block-form{border:1px solid var(--at-line);border-radius:20px;box-shadow:0 18px 44px rgba(11,18,38,.14)}
.form-label{color:var(--at-txt2);font-weight:600;font-size:13px;font-family:var(--at-fb)}
.form-control{border:1.5px solid var(--at-line);border-radius:12px;min-height:48px;font-family:var(--at-fb);font-size:16px;color:var(--at-ink);transition:border-color .15s,box-shadow .15s}
.form-control:hover{border-color:var(--at-line2)}
.form-control:focus{border-color:var(--at-blue);box-shadow:0 0 0 4px rgba(59,111,217,.14);outline:none}
.form-control::placeholder{color:var(--at-txt3)}

/* ── Кнопки ───────────────────────────────────────────────── */
.btn{border-radius:12px;font-family:var(--at-fh);font-weight:600;transition:transform .12s,box-shadow .15s,background .15s}
.btn:active{transform:translateY(1px)}
.btn-blue,.btn-blue:focus{background:var(--at-amber) !important;border-color:var(--at-amber) !important;color:var(--at-amber-ink) !important;box-shadow:0 8px 22px rgba(255,184,0,.35)}
.btn-blue:hover{background:var(--at-amber-hi) !important;border-color:var(--at-amber-hi) !important;color:var(--at-amber-ink) !important;box-shadow:0 10px 26px rgba(255,184,0,.45)}
.btn-yellow{background:var(--at-amber) !important;border-color:var(--at-amber) !important;color:var(--at-amber-ink) !important}
.btn-yellow:hover{background:var(--at-amber-hi) !important}
.btn-green{background:var(--at-ok) !important;border-color:var(--at-ok) !important}
.btn-white{background:#fff;border:1.5px solid var(--at-line);color:var(--at-ink)}
.btn-white:hover{border-color:var(--at-blue);color:var(--at-blue)}
.btn-grey{border-radius:12px}

/* ── Хлібні крихти / етапи ────────────────────────────────── */
.bc-stages{font-family:var(--at-fb)}
.bc-stages a{color:var(--at-txt3)}
.bc-stages a:hover{color:var(--at-blue)}

/* ── Список поїздів (результати пошуку) ───────────────────── */
.search-item{background:#fff;border:1.5px solid var(--at-line);border-radius:14px;box-shadow:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.search-item:hover{border-color:var(--at-line2);transform:translateY(-2px);box-shadow:var(--at-shadow-hover)}
.search-item-train,.item-train-title{font-family:var(--at-fh);font-weight:600}
.search-item-price-item,.price,.price-data{font-family:var(--at-fh);font-weight:700;font-variant-numeric:tabular-nums;color:var(--at-ink)}
.search-item-info-schedule{font-variant-numeric:tabular-nums}
.bg-sticker-green{background:var(--at-ok-bg) !important;color:var(--at-ok) !important;border-radius:999px}
.bg-sticker-blue{background:var(--at-blue-bg) !important;color:var(--at-blue) !important;border-radius:999px}
.bg-sticker-purple{border-radius:999px}

/* ── Схема вагона ─────────────────────────────────────────── */
.choice-seat-item{border-radius:14px}
.place-occupied{opacity:.45}

/* ── Сайдбар / кошик / підтримка ──────────────────────────── */
.sidebar .block{border-radius:16px}
.basket-item-desktop{border-radius:16px}
.basket-item-count{background:var(--at-amber);color:var(--at-amber-ink);font-family:var(--at-fh);font-weight:700}
.widget-support-top{font-family:var(--at-fh)}

/* віджет «Підтримка» — преміум navy-картка замість сірого блоку */
.widget-support-top{background:linear-gradient(135deg,var(--at-navy1),var(--at-navy2)) !important;border-radius:16px}
.widget-support-top .widget-subtitle{color:#fff}

/* ── Акордеони (FAQ) ──────────────────────────────────────── */
.accordion-item{border:1px solid var(--at-line);border-radius:14px !important;overflow:hidden;margin-bottom:10px;background:#fff}
.accordion-button{font-family:var(--at-fh);font-weight:600;color:var(--at-ink);background:#fff}
.accordion-button:not(.collapsed){background:var(--at-blue-bg);color:var(--at-blue-dk);box-shadow:none}
.accordion-button:focus{border-color:var(--at-blue);box-shadow:0 0 0 4px rgba(59,111,217,.14)}
.accordion-body{color:var(--at-txt2);font-family:var(--at-fb)}

/* ── Модалки / автокомпліт ────────────────────────────────── */
.modal-dialog .modal-content{border-radius:18px;border:1px solid var(--at-line);box-shadow:0 24px 64px rgba(11,18,38,.25)}
.ui-autocomplete{border-radius:14px !important;border:1px solid var(--at-line) !important;box-shadow:var(--at-shadow-hover) !important;font-family:var(--at-fb) !important}
.ui-menu-item a.ui-state-focus,.ui-menu-item .ui-state-active{background:var(--at-blue-bg) !important;border-color:var(--at-blue-bg) !important;color:var(--at-ink) !important;border-radius:8px}

/* ── Повідомлення ─────────────────────────────────────────── */
.block-message{border-radius:14px}
.block-message-warning{background:var(--at-warn-bg);color:var(--at-warn)}
.block-message-success{background:var(--at-ok-bg);color:var(--at-ok)}

/* ── Табло затримок (/tablo-zatrymok) ─────────────────────── */
.at-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
.at-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--at-line);border-radius:999px;padding:8px 15px;font-size:14px;color:var(--at-txt2);font-family:var(--at-fb)}
.at-chip b{font-family:var(--at-fh);color:var(--at-ink);font-weight:600}
.at-chip--live::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--at-ok);box-shadow:0 0 0 3px rgba(14,138,95,.18);animation:atPulse 1.6s infinite}
@keyframes atPulse{50%{box-shadow:0 0 0 6px rgba(14,138,95,.06)}}
.at-bsearch{position:relative;max-width:520px;margin-bottom:16px}
.at-bsearch input{width:100%;box-sizing:border-box;height:50px;border:1.5px solid var(--at-line);border-radius:14px;padding:0 46px 0 16px;font-size:16px;font-family:var(--at-fb);color:var(--at-ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.at-bsearch input:focus{border-color:var(--at-blue);box-shadow:0 0 0 4px rgba(59,111,217,.12)}
.at-bsearch svg{position:absolute;right:15px;top:15px;opacity:.45}
.at-btable{background:#fff;border:1px solid var(--at-line);border-radius:16px;overflow:hidden;box-shadow:var(--at-shadow)}
.at-brow{display:grid;grid-template-columns:100px 1fr 118px 150px 1.1fr;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--at-line);text-decoration:none;color:inherit;transition:background .12s}
.at-brow:first-child{border-top:0}
.at-brow--hd{background:var(--at-navy2);color:#AEC0E4;font-size:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:600;font-family:var(--at-fh)}
a.at-brow:hover{background:#F4F7FD}
.at-brow .tno{font-family:var(--at-fh);font-weight:700;font-size:16px;color:var(--at-ink);font-variant-numeric:tabular-nums}
.at-brow .rt{font-size:15px;color:var(--at-ink)}
.at-brow .rt small{display:block;color:var(--at-txt3);font-size:12.5px;margin-top:2px}
.at-dly{display:inline-block;white-space:nowrap;font-family:var(--at-fh);font-weight:700;font-size:14px;border-radius:999px;padding:4px 12px;font-variant-numeric:tabular-nums}
.at-dly--w{background:var(--at-warn-bg);color:var(--at-warn)}
.at-dly--b{background:var(--at-bad-bg);color:var(--at-bad)}
.at-brow .fc{font-family:var(--at-fh);font-weight:600;color:var(--at-ink);font-variant-numeric:tabular-nums}
.at-brow .fc s{color:var(--at-txt3);font-weight:400;margin-right:7px}
.at-brow .cz{font-size:13.5px;color:var(--at-txt2)}
.at-bempty{padding:34px;text-align:center;color:var(--at-txt3)}
.at-note{font-size:13px;color:var(--at-txt3);margin-top:12px}
.at-seotxt{max-width:760px;color:var(--at-txt2);font-size:15.5px;line-height:1.65}
.at-seotxt h2{font-size:20px;color:var(--at-ink);margin:22px 0 10px;font-family:var(--at-fh)}
.at-faq{background:#fff;border:1px solid var(--at-line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.at-faq summary{cursor:pointer;padding:16px 20px;font-family:var(--at-fh);font-weight:600;font-size:15.5px;color:var(--at-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.at-faq summary::-webkit-details-marker{display:none}
.at-faq summary::after{content:"+";font-size:20px;color:var(--at-txt3);flex:0 0 auto;transition:transform .18s}
.at-faq[open] summary::after{transform:rotate(45deg)}
.at-faq > div{padding:0 20px 17px;color:var(--at-txt2);font-size:15px;line-height:1.6}
.at-appcta{background:linear-gradient(135deg,var(--at-navy1),var(--at-navy2));border-radius:18px;padding:24px 26px;color:#fff;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;margin:26px 0}
.at-appcta b{font-family:var(--at-fh);font-size:18px;display:block}
.at-appcta p{color:#AEC0E4;font-size:14px;margin:5px 0 0}
.at-appcta .icons{display:flex;gap:10px;align-items:center}
.at-appcta .icons img{height:40px;width:auto;display:block}
@media(max-width:900px){
  .at-brow{grid-template-columns:84px 1fr 100px;row-gap:6px;padding:13px 14px}
  .at-brow--hd{display:none}
  .at-brow .fc{grid-column:1/3}
  .at-brow .cz{grid-column:1/4}
}

/* ── Мобільні дрібниці ────────────────────────────────────── */
.body-mob .form-control{min-height:50px}
.body-mob .btn{min-height:48px}

/* ═══ PHX: 1:1 розмітка з redesign-мока (scoped) ═══ */
:root{
  --ink:#0B1226; --deep:#0B1226; --hero1:#12234A; --hero2:#0B1226;
  --txt:#1A2233; --txt2:#4A5875; --txt3:#6B7A99;
  --bg:#F6F8FC; --card:#FFFFFF; --line:#E4E9F4; --line2:#D5DDEC;
  --blue:#3B6FD9; --blue-d:#2C5AC0; --amber:#FFB800; --amber-2:#FFC933; --amber-ink:#231A00;
  --ok:#0E8A5F; --okbg:#E7F6EF; --warn:#8A6100; --warnbg:#FFF4D6; --bad:#C22F2F; --badbg:#FBEAEA;
  --fh:'Lexend',system-ui,sans-serif; --fb:'Source Sans 3',system-ui,sans-serif;
  --r-sm:10px; --r-md:14px; --r-lg:20px; --shadow:0 10px 34px rgba(11,18,38,.08);
}
.phx{scroll-behavior:smooth}
.phx{background:var(--bg);color:var(--txt);font-family:var(--fb);font-size:17px;line-height:1.6}
.phx img{max-width:100%}
.phx a{color:var(--blue);text-decoration:none}
.phx a:hover{text-decoration:underline}
.phx .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.phx /* ── HEADER ── */
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.phx .hd{display:flex;align-items:center;gap:26px;height:64px}
.phx .logo{font-family:var(--fh);font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.3px;display:flex;align-items:center;gap:8px;flex:none}
.phx .logo .any{color:var(--ink)}
.phx .logo .train{color:var(--amber)}
.phx .logo svg{flex:none}
.phx nav.main{display:flex;gap:22px;flex:1}
.phx nav.main a{color:var(--txt2);font-weight:600;font-size:15px;font-family:var(--fh)}
.phx nav.main a:hover{color:var(--ink);text-decoration:none}
.phx .hd-right{display:flex;align-items:center;gap:12px}
.phx .lang{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px}
.phx .lang a{padding:5px 12px;border-radius:999px;font-family:var(--fh);font-weight:700;font-size:12.5px;color:var(--txt3)}
.phx .lang a.on{background:var(--ink);color:#fff}
.phx .lang a:hover{text-decoration:none}
.phx .cab{font-family:var(--fh);font-weight:600;font-size:14.5px;color:var(--ink);border:1.5px solid var(--line2);border-radius:12px;padding:9px 18px}
.phx .cab:hover{border-color:var(--ink);text-decoration:none}
.phx .burger{display:none;width:44px;height:44px;border:none;background:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}
.phx .burger i{width:22px;height:2.5px;background:var(--ink);border-radius:2px;display:block}
.phx /* ── HERO ── */
.hero{position:relative;background:
 radial-gradient(110% 70% at 85% -10%, #1E3A75 0%, transparent 55%),
 radial-gradient(80% 50% at -5% 110%, #16294E 0%, transparent 60%),
 linear-gradient(165deg, var(--hero1), var(--hero2) 75%);
 color:#fff;padding:52px 0 92px;overflow:hidden}
.phx .hero:before{content:'';position:absolute;inset:0;background:radial-gradient(50% 24% at 50% -6%, rgba(255,184,0,.14), transparent 70%);pointer-events:none}
.phx .hero h1{font-family:var(--fh);font-weight:700;font-size:clamp(28px,4vw,42px);letter-spacing:-.6px;line-height:1.15;text-align:center;position:relative}
.phx .hero .sub{color:#AEC0E4;text-align:center;margin-top:12px;font-size:clamp(15px,1.6vw,18px);position:relative}
.phx .hero .sub b{color:#FFD466;font-weight:600}
.phx /* пошукова картка */
.search{position:relative;background:#fff;border-radius:var(--r-lg);box-shadow:0 26px 70px rgba(4,8,20,.35);margin-top:34px;padding:14px;display:grid;grid-template-columns:1fr 1fr 220px 220px;gap:10px}
.phx .f{position:relative;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-md);padding:10px 14px 10px 46px;min-height:64px;display:flex;flex-direction:column;justify-content:center;cursor:text}
.phx .f:focus-within{border-color:var(--blue)}
.phx .f .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--blue)}
.phx .f.to .ic{color:var(--amber)}
.phx .f label{font-family:var(--fh);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--txt3)}
.phx .f input{border:none;background:none;outline:none;font-family:var(--fh);font-weight:600;font-size:17.5px;color:var(--ink);width:100%;padding:0}
.phx .f input::placeholder{color:#9AA7C2;font-weight:500}
.phx .swap{position:absolute;left:calc(25% - 2px);top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:99px;background:#fff;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--blue);cursor:pointer;z-index:2;box-shadow:0 4px 12px rgba(11,18,38,.10)}
.phx .btn-find{background:linear-gradient(165deg,var(--amber-2),var(--amber));color:var(--amber-ink);border:none;border-radius:var(--r-md);font-family:var(--fh);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:64px;box-shadow:0 10px 28px rgba(255,184,0,.35)}
.phx .btn-find:hover{filter:brightness(1.04)}
.phx .quick{display:flex;gap:10px;justify-content:center;margin-top:16px;position:relative;flex-wrap:wrap}
.phx .qchip{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#E5ECFA;border-radius:999px;padding:8px 18px;font-family:var(--fh);font-weight:600;font-size:14px;cursor:pointer}
.phx .qchip.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.phx .trust{display:flex;gap:26px;justify-content:center;margin-top:26px;position:relative;flex-wrap:wrap}
.phx .trust span{display:flex;align-items:center;gap:8px;color:#AEC0E4;font-size:14.5px}
.phx .trust svg{color:#FFD466}
.phx /* ── SECTIONS ── */
section{padding:56px 0}
.phx h2{font-family:var(--fh);font-weight:700;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.4px;color:var(--ink)}
.phx .sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.phx .sec-h .m{color:var(--txt3);font-size:14.5px}
.phx .sec-h .m b{color:var(--ok)}
.phx /* табло */
.board{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.phx .b-head{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.phx .live-dot{width:9px;height:9px;border-radius:99px;background:var(--ok);box-shadow:0 0 0 4px rgba(14,138,95,.15)}
.phx .b-head b{font-family:var(--fh);font-size:16px}
.phx .b-head .st{margin-left:auto;color:var(--txt3);font-size:13.5px;font-variant-numeric:tabular-nums}
.phx .b-row{display:flex;align-items:center;gap:16px;padding:15px 22px;border-bottom:1px solid var(--line)}
.phx .b-row:last-child{border-bottom:none}
.phx .b-num{font-family:var(--fh);font-weight:700;font-size:15.5px;width:74px;color:var(--ink);font-variant-numeric:tabular-nums}
.phx .b-route{flex:1;min-width:0}
.phx .b-route b{font-family:var(--fh);font-weight:600;font-size:15.5px;color:var(--ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phx .b-route span{color:var(--txt3);font-size:13.5px;font-variant-numeric:tabular-nums}
.phx .sev{font-family:var(--fh);font-weight:700;font-size:14px;border-radius:10px;padding:6px 12px;font-variant-numeric:tabular-nums;flex:none;display:flex;align-items:center;gap:6px}
.phx .sev.hi{color:var(--bad);background:var(--badbg)}
.phx .sev.mid{color:var(--warn);background:var(--warnbg)}
.phx .sev.low{color:var(--ok);background:var(--okbg)}
.phx .b-foot{padding:14px 22px;background:#FBFCFE;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.phx .b-foot span{color:var(--txt3);font-size:14px}
.phx .b-foot a{font-family:var(--fh);font-weight:600;font-size:14.5px}
.phx /* напрямки */
.routes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.phx .rc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;transition:.15s;display:block;color:inherit}
.phx .rc:hover{border-color:var(--blue);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}
.phx .rc b{font-family:var(--fh);font-weight:600;font-size:16px;color:var(--ink);display:flex;align-items:center;gap:7px}
.phx .rc b i{color:var(--amber);font-style:normal}
.phx .rc span{display:block;color:var(--txt3);font-size:13.5px;margin-top:6px;font-variant-numeric:tabular-nums}
.phx /* app-промо */
.app{background:
 radial-gradient(90% 60% at 90% -10%, #1E3A75 0%, transparent 55%),
 linear-gradient(160deg,var(--hero1),var(--hero2) 80%);
 border-radius:26px;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:46px 50px;overflow:hidden;position:relative}
.phx .app:before{content:'';position:absolute;inset:0;background:radial-gradient(45% 30% at 55% 0%, rgba(255,184,0,.13), transparent 70%);pointer-events:none}
.phx .app h2{color:#fff}
.phx .app ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:14px}
.phx .app li{display:flex;gap:12px;align-items:flex-start;color:#D7E1F6;font-size:16.5px}
.phx .app li svg{flex:none;margin-top:3px;color:#FFD466}
.phx .badges{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.phx .badge{display:flex;align-items:center;gap:10px;background:#000;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:9px 18px;color:#fff}
.phx .badge small{display:block;font-size:10px;color:#bbb;line-height:1.1}
.phx .badge b{font-family:var(--fh);font-size:15.5px;font-weight:600;line-height:1.15}
.phx .phone-col{display:flex;align-items:center;justify-content:center;position:relative}
.phx .phone{width:250px;border-radius:34px;border:1px solid rgba(174,196,239,.25);outline:7px solid #05070d;overflow:hidden;background:linear-gradient(168deg,#12234A,#070C18 75%);padding:18px 14px 22px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.phx .ph-brand{text-align:center;font-family:var(--fh);font-weight:700;font-size:15px;letter-spacing:.5px}
.phx .ph-brand .train{color:var(--amber)}
.phx .ph-card{background:rgba(174,196,239,.09);border:1px solid rgba(174,196,239,.16);border-radius:14px;padding:12px;margin-top:12px}
.phx .ph-lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#8B9DC7;font-family:var(--fh)}
.phx .ph-val{font-family:var(--fh);font-weight:600;font-size:13.5px;color:#F2F5FC;margin-top:2px}
.phx .ph-btn{background:linear-gradient(160deg,#FFD466,#FFB800);border-radius:11px;color:#231A00;text-align:center;font-family:var(--fh);font-weight:700;font-size:12.5px;padding:10px;margin-top:12px}
.phx .ph-row{display:flex;justify-content:space-between;align-items:center;background:rgba(174,196,239,.09);border:1px solid rgba(255,184,0,.35);border-radius:12px;padding:10px 12px;margin-top:10px}
.phx .ph-row .t{font-family:var(--fh);font-weight:600;font-size:11px;color:#F2F5FC}
.phx .ph-row .s{font-size:9.5px;color:#8B9DC7}
.phx .ph-sev{font-family:var(--fh);font-weight:700;font-size:11px;color:#FFD466;background:rgba(255,184,0,.14);border-radius:8px;padding:4px 8px}
.phx /* SEO-контент */
.seo{display:grid;grid-template-columns:1fr 1fr;gap:30px 46px}
.phx .seo h2{font-size:21px;margin-bottom:10px}
.phx .seo h3{font-family:var(--fh);font-size:17px;color:var(--ink);margin:14px 0 6px}
.phx .seo p{color:var(--txt2);font-size:16px;margin-bottom:10px}
.phx .seo section{padding:0}
.phx /* FAQ */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px;overflow:hidden}
.phx .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-family:var(--fh);font-weight:600;font-size:16.5px;color:var(--ink)}
.phx .faq summary::-webkit-details-marker{display:none}
.phx .faq summary:after{content:'+';font-size:22px;color:var(--blue);flex:none}
.phx .faq details[open] summary:after{content:'–'}
.phx .faq .a{padding:0 22px 18px;color:var(--txt2);font-size:15.5px}
.phx /* вокзали */
.st-links{display:flex;flex-wrap:wrap;gap:10px}
.phx .st-links a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 18px;color:var(--txt2);font-size:14.5px;font-weight:600;font-family:var(--fh)}
.phx .st-links a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.phx /* ── FOOTER ── */
footer{background:var(--ink);color:#AEC0E4;margin-top:30px;padding:50px 0 26px;font-size:14.5px}
.phx .ft{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.phx .ft h4{font-family:var(--fh);color:#fff;font-size:14px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:14px}
.phx .ft a{color:#AEC0E4;display:block;margin-bottom:9px}
.phx .ft a:hover{color:#fff}
.phx .ft .logo{color:#fff;margin-bottom:12px}
.phx .ft p{font-size:13.5px;line-height:1.55;color:#8B9DC7}
.phx .ft-bot{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#8B9DC7}
.phx .pay{display:flex;gap:8px}
.phx .pay span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:4px 12px;font-family:var(--fh);font-weight:600;font-size:12px;color:#D7E1F6}
@media (max-width: 900px){.phx nav.main{display:none}
.phx .burger{display:flex}
.phx .hero{padding:36px 0 66px}
.phx .search{grid-template-columns:1fr;gap:9px;padding:12px}
.phx .swap{left:auto;right:26px;top:96px;transform:none}
.phx .routes{grid-template-columns:1fr 1fr}
.phx .app{grid-template-columns:1fr;padding:32px 24px}
.phx .phone-col{order:-1}
.phx .phone{width:210px}
.phx .seo{grid-template-columns:1fr}
.phx .ft{grid-template-columns:1fr 1fr}
.phx{font-size:16.5px}}
@media (max-width: 480px){.phx .routes{grid-template-columns:1fr}}
.phx /* ===== PREMIUM V2 ===== */
.eyebrow{font-family:var(--fh);font-weight:700;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:10px}
.phx .eyebrow:before{content:'';width:26px;height:2.5px;background:var(--amber);border-radius:2px}
.phx .sec-h{align-items:flex-end}
.phx button, .phx a{transition:all .18s ease}
.phx :focus-visible{outline:3px solid rgba(255,184,0,.6);outline-offset:2px;border-radius:6px}
.phx .hero{padding:64px 0 104px}
.phx .hero .rail{position:absolute;left:0;right:0;bottom:118px;height:2px;background:linear-gradient(90deg,transparent, rgba(174,196,239,.22) 18%, rgba(174,196,239,.22) 82%, transparent);pointer-events:none}
.phx .hero .rail i{position:absolute;left:26%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:99px;background:var(--amber);box-shadow:0 0 0 7px rgba(255,184,0,.18), 0 0 24px rgba(255,184,0,.55)}
.phx .hero .rail em{position:absolute;right:18%;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:99px;background:#7E9EE5;box-shadow:0 0 0 5px rgba(126,158,229,.16)}
.phx .hero .kicker{font-family:var(--fh);font-weight:700;font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:#FFD466;text-align:center;position:relative;margin-bottom:14px}
.phx .hero h1{font-size:clamp(30px,4.6vw,54px);letter-spacing:-1.4px;line-height:1.08}
.phx .hero .sub{margin-top:16px;font-size:clamp(15px,1.7vw,19px)}
.phx .search{box-shadow:0 40px 90px rgba(3,7,18,.5), 0 2px 0 rgba(255,255,255,.6) inset;border:1px solid rgba(255,255,255,.7)}
.phx .f{background:#F2F5FB}
.phx .btn-find{box-shadow:0 14px 34px rgba(255,184,0,.42), 0 1px 0 rgba(255,255,255,.5) inset;letter-spacing:.2px}
.phx .btn-find:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(255,184,0,.5)}
.phx .btn-find:active{transform:translateY(0)}
.phx .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-58px;position:relative;z-index:3}
.phx .stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:18px 20px;text-align:center}
.phx .stat b{font-family:var(--fh);font-weight:700;font-size:clamp(20px,2.2vw,27px);color:var(--ink);letter-spacing:-.5px;font-variant-numeric:tabular-nums;display:block}
.phx .stat span{color:var(--txt3);font-size:13.5px;display:block;margin-top:3px}
.phx .board{border-radius:22px}
.phx .b-head{background:linear-gradient(150deg,#12234A,#0B1226);color:#fff;border-bottom:none;padding:18px 24px}
.phx .b-head b{color:#fff;letter-spacing:.3px}
.phx .b-head .st{color:#8B9DC7}
.phx .b-num{font-size:16.5px;letter-spacing:.3px}
.phx .b-row{padding:16px 24px}
.phx .b-row:hover{background:#FBFCFF}
.phx .sev{border:1px solid transparent}
.phx .sev.hi{border-color:rgba(194,47,47,.18)}
.phx .sev.mid{border-color:rgba(138,97,0,.18)}
.phx .sev.low{border-color:rgba(14,138,95,.18)}
.phx .rc{padding:20px;border-radius:16px;position:relative;overflow:hidden}
.phx .rc:after{content:'→';position:absolute;right:16px;top:16px;color:var(--line2);font-family:var(--fh);font-weight:700;transition:all .18s}
.phx .rc:hover:after{color:var(--amber);transform:translateX(3px)}
.phx .rc:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(11,18,38,.12)}
.phx .rc b{font-size:16.5px}
.phx .rc .price{display:inline-block;margin-top:9px;font-family:var(--fh);font-weight:700;font-size:13px;color:var(--ink);background:var(--warnbg);border-radius:999px;padding:3px 11px}
.phx .app{grid-template-columns:1.05fr .95fr;padding:54px 56px;border-radius:30px;align-items:center}
.phx .app .eyebrow{color:#FFD466}
.phx .app .eyebrow:before{background:#FFD466}
.phx .shot{width:292px;border-radius:38px;box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(174,196,239,.28);transform:rotate(3.5deg);display:block;position:relative;z-index:1}
.phx .phone-col{position:relative}
.phx .phone-col:before{content:'';position:absolute;width:340px;height:340px;border-radius:99px;background:radial-gradient(circle, rgba(255,184,0,.22), transparent 65%);filter:blur(6px)}
.phx .faq details{border-radius:16px}
.phx .faq details[open]{border-color:var(--blue);box-shadow:var(--shadow)}
.phx .faq summary:hover{color:var(--blue)}
.phx footer{background:linear-gradient(165deg,#0E1B36,#070C18 80%)}
@media (max-width:900px){.phx .stats{grid-template-columns:1fr 1fr;margin-top:-46px}
.phx .app{padding:36px 26px}
.phx .shot{width:230px;transform:rotate(0)}
.phx .hero .rail{display:none}}
.phx .uamap{position:absolute;left:0;right:0;top:-8px;height:330px;width:100%;opacity:.38;pointer-events:none}
@media (max-width:900px){.phx .uamap{display:none}}
.phx /* соцдокази */
.reviews{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.phx .rev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.phx .rev .stars{color:var(--amber);font-size:15px;letter-spacing:2px}
.phx .rev p{color:var(--txt2);font-size:15.5px;margin-top:10px;line-height:1.55}
.phx .rev .who{font-family:var(--fh);font-weight:600;font-size:13.5px;color:var(--ink);margin-top:14px}
.phx .rev .who span{color:var(--txt3);font-weight:400}
@media (max-width:900px){.phx .reviews{grid-template-columns:1fr}}
/* reset лише всередині преміум-секцій */
.phx, .phx *{box-sizing:border-box}
.phx h1,.phx h2,.phx h3,.phx h4,.phx p,.phx ul,.phx li,.phx form{margin:0}
.phx ul{padding:0;list-style:none}
.phx{font-family:var(--fb);color:var(--txt)}
/* pagehero для внутрішніх сторінок (з мока inner v2) */
.phx .pagehero{background:linear-gradient(160deg,#12234A,#0B1226);padding:26px 0 30px;color:#fff}
.phx .pagehero h1{font-family:var(--fh);font-weight:700;font-size:clamp(24px,3vw,34px);letter-spacing:-.5px;color:#fff}
.phx .pagehero .sub2{color:#AEC0E4;margin-top:8px;font-size:16px}
/* реальні поля пошуку всередині мокової картки */
.phx .search input.form-control{background:#fff !important;border:0 !important;box-shadow:none !important;min-height:0 !important;height:auto !important;padding:0 !important;text-transform:none !important;color:var(--ink) !important;border-radius:0 !important}
.phx .search input.form-control:focus{box-shadow:none !important;outline:none}
.phx .search .swap-stations{position:absolute;z-index:3}
.phx .search .btn-find.btn{background:var(--amber) !important;border:0 !important;color:var(--amber-ink) !important}

/* грід: кнопка пошуку як елемент сітки */
.phx .search .form-btn{display:contents}
.phx .search .f label.form-label{margin:0}
/* topbar поверх усього */
.phx header{z-index:60}

/* точкові фікси поверх старого css */
.phx .hero h1{color:#FFFFFF}
.phx .search .btn-find{text-transform:none !important;font-size:16.5px !important;letter-spacing:0}
.phx .b-head b{color:#fff}

.phx nav.main a{white-space:nowrap}
/* вузький десктоп: меню не ховаємо, а скролимо */
@media (max-width: 900px){
  .phx nav.main{display:flex !important;overflow-x:auto;scrollbar-width:none;gap:18px}
}

/* ═══ v2.2: букінг-віджети (перевірено на живому флоу) ═══ */
/* картка поїзда в результатах */
.search-item{padding:16px 18px}
.search-item .train-number{font-family:var(--at-fh);font-weight:700;font-size:17px;color:var(--at-ink)}
.search-item .item-train-type{color:var(--at-txt3)}
.info-schedule-departure,.info-schedule-arrival{font-family:var(--at-fh) !important;font-weight:700 !important;font-size:24px !important;font-variant-numeric:tabular-nums;color:var(--at-ink) !important}
.info-schedule-duration{color:var(--at-txt3) !important}
.search-item-info-line{background:linear-gradient(90deg,var(--at-blue),#9DB8EE) !important;height:3px !important;border-radius:2px}
.search-item .price{font-family:var(--at-fh);font-weight:700;color:var(--at-ink)}
.search-item .btn-white.ctl-search-choice-btn{background:var(--at-amber) !important;border:0 !important;color:var(--at-amber-ink) !important;font-weight:700;border-radius:12px;padding:11px 26px;box-shadow:0 6px 18px rgba(255,184,0,.3);text-transform:none;font-size:15px}
.search-item .btn-white.ctl-search-choice-btn:hover{background:var(--at-amber-hi) !important}
/* лейбли форми пошуку — преміум, без КАПСУ */
.phx .search .form-label{text-transform:none !important;letter-spacing:.2px;font-size:12.5px}
.phx .hd-right .cab{white-space:nowrap}
/* автокомпліт станцій — світлий преміум замість темного */
.ui-autocomplete{background:#fff !important;border:1px solid var(--at-line) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(11,18,38,.16) !important;padding:6px !important}
.ui-autocomplete li,.ui-autocomplete a,.ui-autocomplete .ui-menu-item{background:transparent !important;color:var(--at-ink) !important;font-family:var(--at-fb) !important;font-size:15px !important;border:0 !important;border-radius:8px}
.ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-state-active,.ui-autocomplete li:hover{background:var(--at-blue-bg) !important;color:var(--at-ink) !important}
/* кнопки кроку вибору місця — без КАПСУ */
.ctl-search-choice-btn,.btn-yellow,.btn-blue{text-transform:none !important}