/* ── Tokens ── */
:root{
  --disp:'Bricolage Grotesque','DM Sans',sans-serif;
  --sky:#0ea5e9;--sky-d:#0284c7;--sky-dd:#075985;--sky-l:#e0f2fe;--sky-xl:#f0f9ff;
  --blue:#2563eb;--ink:#0f172a;--mint:#10b981;--mint-l:#ecfdf5;
  --v4-grad:linear-gradient(135deg,#0ea5e9,#2563eb);
  --v4-grad-h:linear-gradient(135deg,#0284c7,#1d4ed8);
  --pri:#0284c7;--pri-h:#0369a1;--pri-l:#e0f2fe;--pri-xl:#f0f9ff;
  --bg:#fbfdff;
  --r:18px;--r-sm:12px;
  --shadow-md:0 6px 20px rgba(7,89,133,.07),0 2px 6px rgba(7,89,133,.04);
  --shadow-lg:0 20px 55px rgba(7,89,133,.10),0 6px 18px rgba(7,89,133,.05);
}
body{background:#fbfdff}
::selection{background:#0ea5e9;color:#fff}
:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}

/* ── Nav ── */
.g-nav::before{background:rgba(255,255,255,.82)}
.g-nav{border-bottom-color:rgba(186,222,251,.45)}
.g-nav-links a:hover{background:var(--sky-xl);color:var(--sky-d)}
.g-nav-links a.active{background:var(--sky-l);color:var(--sky-d)}
.g-nav-cta{background:var(--v4-grad)!important;border-radius:999px!important;padding:9px 20px!important;box-shadow:0 4px 14px rgba(14,165,233,.35)!important}
.g-nav-cta:hover{background:var(--v4-grad-h)!important;box-shadow:0 6px 20px rgba(14,165,233,.45)!important}
.g-nav-cta-alt{background:#fff!important;color:var(--sky-d)!important;border:1.5px solid #bae6fd!important;border-radius:999px!important;box-shadow:none!important}
.g-nav-cta-alt:hover{background:var(--sky-xl)!important;border-color:#7dd3fc!important}

/* ── HERO: soft daylight sky ── */
.hero{background:linear-gradient(180deg,#e8f4fe 0%,#f2f9ff 52%,#ffffff 100%)!important;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 340px at 12% -8%, rgba(125,211,252,.4), transparent 65%),
  radial-gradient(720px 380px at 88% 2%, rgba(147,197,253,.35), transparent 65%),
  radial-gradient(520px 300px at 55% 108%, rgba(186,230,253,.45), transparent 70%)}
.hero::after{content:'';position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(880px,92%);height:150px;z-index:0;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 880 150' fill='none'%3E%3Cpath d='M10 130 C 240 20, 640 20, 870 110' stroke='%237dd3fc' stroke-width='2' stroke-dasharray='1 10' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='130' r='4' fill='%2338bdf8'/%3E%3Ccircle cx='870' cy='110' r='4' fill='%2338bdf8'/%3E%3C/svg%3E") no-repeat center/contain}
.hero-inner{padding:30px 32px 34px;z-index:3}
.hero-top{flex-direction:column;align-items:center;text-align:center;gap:4px;margin:34px 0 6px}
.hero-text{max-width:780px;margin:0 auto}
.hero-text h1{font-family:var(--disp);font-size:clamp(30px,4.8vw,56px);font-weight:800;letter-spacing:-1.8px;line-height:1.06;color:#0b2540}
.hero-text h1 em{font-style:normal;color:var(--sky-d);position:relative;display:inline-block;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M4 10 C 60 2, 160 2, 216 8' stroke='%2338bdf8' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat bottom/100% 10px;padding-bottom:12px}
.hero-text .hero-sub{color:#41576e;font-size:clamp(15px,1.7vw,18px);margin:14px auto 0;line-height:1.6}
.hero-text .hero-sub b{color:#0b2540}
.hero-countries{justify-content:center;margin-top:18px}
.hero-country-label{color:#7b93a8}
.hc-chip{background:#fff;border:1px solid #dcecfa;color:#31485e;border-radius:999px;padding:7px 15px;box-shadow:0 2px 8px rgba(7,89,133,.06)}
.hc-chip:hover{background:var(--sky-xl);border-color:#7dd3fc;color:var(--sky-d);transform:translateY(-1px)}
.hero-text .hero-price-msg{background:var(--mint-l);border:1px solid #a7f3d0;border-radius:999px;color:#3d5a52;padding:8px 18px;margin-top:16px}
.hero-text .hero-price-msg b{color:#059669!important;font-weight:800}
.hero-trust{justify-content:center;gap:38px;margin-top:20px}
.hero-trust .ht-item{align-items:center;color:#7b93a8}
.hero-trust .ht-item b{color:#0b2540;font-size:20px}

/* ── SEARCH: floating horizontal bar ── */
.search-card{margin-top:8px}
.search-box{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0}
.search-tabs{background:transparent;padding:0;gap:10px;margin-bottom:16px;justify-content:center}
.stab{flex:0 0 auto;background:rgba(255,255,255,.75);border:1px solid #dcecfa;border-radius:999px;padding:11px 26px;color:#51677c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.stab:hover:not(.active){background:#fff;color:var(--sky-d);border-color:#bae6fd}
.stab.active{background:var(--v4-grad);color:#fff;box-shadow:0 8px 22px rgba(14,165,233,.38);border-color:transparent}
.mode-toggle{background:rgba(255,255,255,.75);border:1px solid #dcecfa;border-radius:999px}
.mode-toggle-btn{border-radius:999px;color:#51677c}
.mode-toggle-btn.active{background:#0b2540;box-shadow:0 2px 10px rgba(11,37,64,.25)}
.mode-toggle-btn.ai-btn.active{background:var(--v4-grad);box-shadow:0 2px 12px rgba(14,165,233,.4)}
.mode-toggle-tip{background:var(--v4-grad)}
.trip-toggle{background:rgba(255,255,255,.75);border:1px solid #dcecfa;border-radius:999px;padding:4px}
.trip-toggle label{border-radius:999px;color:#51677c}
.trip-toggle input:checked+label{background:#0b2540;box-shadow:0 2px 10px rgba(11,37,64,.25);color:#fff}

/* The bar itself */
.v4-bar{display:flex;align-items:stretch;gap:0;background:#fff;border:1px solid #dcecfa;border-radius:22px;padding:7px;box-shadow:0 24px 60px rgba(7,89,133,.12),0 6px 18px rgba(7,89,133,.06)}
.v4-bar .search-row-wrap{flex:1;border:none;border-radius:16px;background:transparent;overflow:visible}
.v4-bar .search-row-wrap:focus-within{border:none;box-shadow:none}
.v4-bar .search-row{background:transparent;border-radius:16px}
.search-field{padding:12px 18px;border-radius:14px;transition:background .15s}
.search-field:hover{background:#f4faff}
.search-field:focus-within{background:var(--sky-xl)}
.search-field+.search-field{border-left:1px solid #e8f1f9}
.search-field label{color:#8aa1b5;letter-spacing:1.4px}
.search-field input,.search-field select{color:#0b2540;font-weight:700}
.search-field input::placeholder{color:#b6c8d8;font-weight:500}
.date-trigger .date-display{color:#0b2540;font-weight:700}
.date-trigger .date-display.empty{color:#b6c8d8;font-weight:500}
.swap-btn{border-color:#dcecfa;color:#51677c;box-shadow:0 2px 8px rgba(7,89,133,.08)}
.swap-btn:hover{border-color:#38bdf8;color:var(--sky-d);background:var(--sky-xl)}
.v4-bar .go-btn{align-self:stretch;margin-left:7px;padding:0 38px;border-radius:16px;background:var(--v4-grad);box-shadow:0 10px 26px rgba(14,165,233,.4);font-size:15.5px;display:flex;align-items:center;justify-content:center}
.v4-bar .go-btn:hover{background:var(--v4-grad-h);transform:none;box-shadow:0 14px 34px rgba(14,165,233,.5)}
/* multi-city inside the bar */
.v4-bar .mc-container{padding:4px 6px 8px}
.mc-legs{border-color:#e8f1f9;border-radius:14px;margin-bottom:12px}
.mc-legs:focus-within{border-color:#7dd3fc;box-shadow:0 0 0 4px rgba(14,165,233,.1)}
.mc-row + .mc-row{border-top-color:#e8f1f9}
.mc-swap{border-color:#dcecfa;color:#51677c}
.mc-row.mc-filled .mc-swap{border-color:#38bdf8;color:var(--sky-d)}
.mc-add{background:var(--sky-xl);color:var(--sky-d);border-radius:999px}
.mc-add:hover{background:var(--sky-l);border-color:#7dd3fc}

/* Below the bar */
.search-bottom{margin-top:14px;justify-content:center}
.search-extras select{border:1px solid #dcecfa;border-radius:999px;padding:10px 18px;color:#31485e;background:#fff;box-shadow:0 2px 8px rgba(7,89,133,.05)}
.search-extras select:hover{border-color:#7dd3fc;color:var(--sky-d)}
.search-bottom .go-btn{border-radius:999px;background:var(--v4-grad);box-shadow:0 10px 26px rgba(14,165,233,.4)}
.search-trust{justify-content:center;border-top:none;margin-top:14px;padding-top:0}
.search-trust .st-item{color:#51677c}
.search-trust .st-divider{display:none;flex:0}
.sErr{border-radius:12px;margin-top:12px}

/* AI search — reskinned to sky */
.ai-bar{background:#fff;border:1px solid #dcecfa;border-radius:22px;box-shadow:0 24px 60px rgba(7,89,133,.12),0 6px 18px rgba(7,89,133,.06)}
.ai-bar-icon{background:var(--v4-grad);box-shadow:0 4px 12px rgba(14,165,233,.35)}
.ai-bar-sub{color:var(--sky-d)}
.ai-bar-title{color:#0b2540}
.ai-bar-input-wrap{border-color:#e8f1f9;border-radius:16px}
.ai-bar-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(14,165,233,.12)}
.ai-bar-submit{background:var(--v4-grad);border-radius:12px;box-shadow:0 4px 12px rgba(14,165,233,.3)}
.ai-bar-submit:hover{box-shadow:0 6px 18px rgba(14,165,233,.45)}
.ai-bar-chip{border-color:#dcecfa;color:#0369a1;border-radius:999px}
.ai-bar-chip:hover{background:var(--sky-xl);border-color:#7dd3fc}
.ai-bar-status{color:var(--sky-d)}
.ai-bar-status .ai-spin{border-color:#bae6fd;border-top-color:var(--sky-d)}
.ai-bar-result{border-color:#7dd3fc;border-radius:14px}
.ai-bar-result-text b{color:var(--sky-dd)}
.ai-bar-result-btn{background:var(--v4-grad);border-radius:999px}
.ai-bar-result-btn:hover{box-shadow:0 4px 12px rgba(14,165,233,.35)}

/* Autocomplete + calendar */
.ac-drop{border:1px solid #dcecfa;border-radius:16px;box-shadow:0 18px 50px rgba(7,89,133,.15)}
.ac-item{border-bottom-color:#f2f8fd}
.ac-item:hover,.ac-item.hi{background:var(--sky-xl)}
.ac-item .iata{color:var(--sky-d)}
.cal-popup{border-radius:20px;box-shadow:0 25px 70px rgba(7,42,72,.22),0 0 0 1px rgba(7,89,133,.06)}
.cal-header button:hover{background:var(--sky-xl);color:var(--sky-d);border-color:#7dd3fc}
.cal-day:hover:not(.disabled):not(.empty){background:var(--sky-xl);border-color:#7dd3fc}
.cal-day.today{background:#fefce8;border-color:#fde68a}
.cal-day.selected{background:var(--sky-d)!important;border-color:var(--sky-d)!important}
.cal-day.in-range{background:var(--sky-l);border-color:#7dd3fc;color:var(--sky-dd)}
.cal-legend .lg-sel::before{background:var(--sky-d)}
.cal-legend .lg-today::before{background:#fefce8;border-color:#fde68a}

/* In-hero strips */
.instant-banner-inner{background:rgba(255,255,255,.75);border:1px solid #dcecfa;border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ib-item{color:#41576e}
.ib-check{color:#10b981}
.ib-sep{background:#e2eef8}
.steps-inner .step-item{color:#7b93a8}
.steps-inner .step-num{background:var(--sky-l);color:var(--sky-d);border-color:#bae6fd}
.steps-inner .step-arrow{color:#c4d8e8}
.airline-bar::before{background:linear-gradient(90deg,#fff,transparent)}
.airline-bar::after{background:linear-gradient(270deg,#fff,transparent)}
.al-logo img{filter:grayscale(1);opacity:.5}
.al-logo img:hover{filter:none;opacity:1}
.mob-trust-bar{background:rgba(255,255,255,.85)!important;color:#7b93a8!important;border:1px solid #dcecfa}
.mob-trust-bar b{color:#0b2540!important}

/* ── Live ticker ── */
.live-ticker{border-color:#e8f1f9}
.ticker-item b{color:#0b2540}

/* ── Trust proof ── */
.pnrx-proof-inner{border-radius:20px;border-color:#e2eef8;box-shadow:0 14px 40px rgba(7,89,133,.07)}
.pnrx-ours-price{color:var(--sky-d)}
.pnrx-sample-btn{border-radius:999px;background:#0b2540}
.pnrx-sample-btn:hover{background:#123a5f}
.pnrx-modal-cta{background:var(--v4-grad);border-radius:999px}
.pnrx-tk-head{background:linear-gradient(120deg,#075985,#2563eb)}
.pnrx-tk-line span{color:var(--sky-d)}

/* ── Schengen AI card → sky ── */
.sch-inner{background:linear-gradient(135deg,#075985 0%,#0284c7 55%,#2563eb 100%);border-radius:24px;box-shadow:0 24px 60px rgba(2,132,199,.28)}
.sch-inner::before{background:radial-gradient(circle,rgba(186,230,253,.25),transparent 70%)}
.sch-title .em{background:linear-gradient(135deg,#bae6fd 0%,#fff 100%);-webkit-background-clip:text;background-clip:text}
.sch-tag .em,.sch-tag span{background:linear-gradient(135deg,#bae6fd,#fff)!important;-webkit-background-clip:text!important;background-clip:text!important}
.sch-cta{background:#fff;color:#075985;box-shadow:0 8px 22px rgba(2,20,40,.25)}
.sch-cta:hover{box-shadow:0 12px 30px rgba(2,20,40,.35)}
.sch-feat svg{color:#7dd3fc}
.sch-doc svg{color:#7dd3fc}
.sch-doc span{background:rgba(186,230,253,.18);color:#bae6fd}
.sch-tag::before{background:#7dd3fc;box-shadow:0 0 12px #7dd3fc}
.sch-price-tag b{color:#fff}

/* ── Section rhythm + headings ── */
.two-ways{padding:92px 0 80px;background:#fff}
.why-section{padding:92px 0;background:#f4faff}
.how-works{padding:92px 0}
.embassy-wall{background:linear-gradient(180deg,#fff,#f4faff)}
.home-faq{padding:92px 20px;background:#f4faff;border-top:1px solid #e8f1f9}
.section-title h2,.two-ways .section-title h2,.how-works h2,.embassy-wall h2,.hf-head h2,.cta-section h2{font-family:var(--disp);font-weight:800;letter-spacing:-1.2px;color:#0b2540}
.section-title h2 em,.how-works h2 em,.embassy-wall h2 em,.hf-head h2 em{font-style:normal;color:var(--sky-d)}
.how-works h2 em::after{background:rgba(56,189,248,.25)}
.hw-eyebrow,.hf-eyebrow,.ew-eyebrow{display:inline-block;background:var(--sky-l);color:var(--sky-dd);border-radius:999px}
.cta-eyebrow{background:rgba(255,255,255,.16);color:#e0f2fe;border:1px solid rgba(255,255,255,.28);border-radius:999px}

/* ── Three ways cards ── */
.way-card{border-radius:20px;border-color:#e2eef8;box-shadow:0 2px 8px rgba(7,89,133,.04)}
.way-card:hover{box-shadow:0 22px 50px rgba(7,89,133,.10);border-color:#bae6fd}
.way-accent{background:var(--v4-grad);border-radius:20px 20px 0 0}
.way-ico-box{background:var(--sky-l);color:var(--sky-d);border-radius:14px}
.way-badge-blue{background:var(--sky-l);color:var(--sky-dd)}
.way-cta{background:var(--v4-grad);border-radius:999px;box-shadow:0 3px 12px rgba(14,165,233,.3)}
.way-card:hover .way-cta:not(.way-cta-green):not(.way-cta-amber){background:var(--v4-grad-h)}
.way-cta-green{background:#059669}
.way-cta-amber{background:#d97706}
.way-features li::before{background:var(--sky-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat}
.way-helper{border-radius:16px;background:#f4faff;border-color:#e2eef8}
.way-helper .live-price{color:var(--sky-d)}

/* ── How it works ── */
.hw-step{background:#fff;border:1px solid #e2eef8;border-radius:20px;text-align:center;padding:32px 24px 26px;box-shadow:0 2px 8px rgba(7,89,133,.04)}
.hw-step::before{display:none}
.hw-step:hover{border-color:#bae6fd;box-shadow:0 18px 44px rgba(14,165,233,.13);transform:translateY(-4px)}
.hw-step-num{left:50%;right:auto;transform:translateX(-50%);width:38px;height:38px;padding:0;border-radius:50%;background:var(--v4-grad);border:none;color:#fff;font-family:var(--font);font-size:15px;font-weight:900;letter-spacing:0;box-shadow:0 6px 16px rgba(14,165,233,.4);display:grid;place-items:center}
.hw-step-num::before{content:none}
.hw-step-icon{background:var(--sky-l);color:var(--sky-d);border-radius:18px}
.hw-step:hover .hw-step-icon{background:var(--v4-grad);color:#fff}
.hw-connector{color:#bae6fd}
.hw-cta-btn{background:var(--v4-grad);border-radius:999px;box-shadow:0 8px 24px rgba(14,165,233,.35)}
.hw-cta-btn:hover{box-shadow:0 12px 34px rgba(14,165,233,.45)}

/* ── Embassy wall ── */
.embassy-wall h2 em{color:var(--sky-d)}
.ew-centre{border-radius:16px;border-color:#e2eef8}
.ew-centre:hover{border-color:#bae6fd;box-shadow:0 8px 24px rgba(14,165,233,.10)}
.ew-flag-strip{border-radius:18px;border-color:#e2eef8}
.ew-flag{border-radius:999px;background:#f4faff;border-color:#e2eef8}
.ew-flag:hover{background:var(--sky-xl);border-color:#7dd3fc;color:var(--sky-d)}

/* ── Why cards ── */
.why-card{border-radius:18px;border-color:#e2eef8}
.why-card:hover{border-color:#bae6fd;box-shadow:0 16px 40px rgba(14,165,233,.10)}
.why-icon{background:var(--sky-l);color:var(--sky-d);border-radius:16px}
.why-card:hover .why-icon{background:var(--v4-grad);color:#fff}

/* ── FAQ ── */
.hf-item{border-radius:16px;border-color:#e2eef8}
.hf-item:hover{border-color:#bae6fd}
.hf-item[open]{border-color:#7dd3fc;box-shadow:0 8px 24px rgba(14,165,233,.08)}
.hf-item[open] .hf-chev{color:var(--sky-d)}
.hf-head h2 em{color:var(--sky-d)}
.hf-eyebrow{background:var(--sky-l);color:var(--sky-dd)}
.hf-head-link,.hf-a a{color:var(--sky-d)}
.hf-head-link:hover,.hf-a a:hover{color:var(--sky-dd)}
.hf-all-link{background:var(--v4-grad);border-radius:999px;box-shadow:0 4px 14px rgba(14,165,233,.35)}
.hf-mail-link{border-radius:999px;border-color:#dcecfa}

/* ── Final CTA: bright sky panel ── */
.cta-section{background:linear-gradient(135deg,#0284c7 0%,#2563eb 70%,#4f46e5 100%)!important}
.cta-section::before{background:radial-gradient(ellipse at top,rgba(186,230,253,.28),transparent 60%)}
.cta-section h2{color:#fff}
.cta-section h2 span{background:linear-gradient(92deg,#e0f2fe,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cta-section p{color:rgba(240,249,255,.85)}
.cta-primary{background:#fff!important;color:#075985!important;border:none!important;border-radius:999px;box-shadow:0 12px 34px rgba(2,20,40,.3)!important}
.cta-primary:hover{filter:none;transform:translateY(-2px);box-shadow:0 16px 44px rgba(2,20,40,.4)!important}
.cta-secondary{border-radius:999px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#f0f9ff}
.cta-secondary:hover{background:rgba(255,255,255,.22);color:#fff}
.cta-reassure{border-top-color:rgba(255,255,255,.2)}
.cta-reassure-item{color:rgba(240,249,255,.85)}
.cta-reassure-item svg{color:#a7f3d0}

/* ── Reseller strip ── */
section[style*="0c1929"]{background:linear-gradient(120deg,#075985,#2563eb)!important}

/* ── Footer ── */
.g-footer{background:linear-gradient(180deg,#0b2540,#071a2f)}

/* ═══ RESULTS: header, filters, flight cards ═══ */
.rh{background:linear-gradient(135deg,#075985,#2563eb);border-radius:18px;box-shadow:0 10px 32px rgba(2,132,199,.25)}
.rh-count{background:rgba(255,255,255,.18);box-shadow:none}
.rh-info b{color:#7dd3fc}
.filters-panel{border-radius:16px;border-color:#e2eef8}
.fp-head{border-radius:16px 16px 0 0;background:#f4faff;border-bottom-color:#e8f1f9}
.fp-clear{color:var(--sky-d)}
.fp-clear:hover{color:var(--sky-dd)}
.fp-check-row input{accent-color:var(--sky-d)}
.fp-time-tile:hover{border-color:var(--sky-d);color:var(--sky-d)}
.fp-time-tile.active{border-color:var(--sky-d);background:var(--sky-xl);color:var(--sky-d)}
.fp-price-input::-webkit-slider-thumb{background:var(--sky-d)}
.fp-price-input::-moz-range-thumb{background:var(--sky-d)}
.fp-price-track-fill{background:var(--sky-d)}
.fp-show-more{color:var(--sky-d)}
.fp-toggle input:checked + .fp-toggle-switch{background:var(--sky-d)}
.fp-mobile-toggle{background:var(--v4-grad);box-shadow:0 8px 24px rgba(14,165,233,.4)}
.fp-active-count{background:#0b2540}
.fp-result-count{background:#f4faff;border-bottom-color:#e8f1f9}

/* Flight cards */
.fc{border-radius:18px;border-color:#e2eef8;box-shadow:0 2px 8px rgba(7,89,133,.04)}
.fc::before{background:var(--v4-grad)}
.fc:hover{box-shadow:0 20px 50px rgba(7,89,133,.12),0 8px 16px rgba(7,89,133,.06);border-color:#bae6fd}
.fc-body:hover{background:linear-gradient(135deg,#fbfdff,#f0f8ff)}
.fc-al-logo{border-radius:12px;background:#f4faff;border-color:#e8f1f9}
.cd{color:var(--sky-d)}
.fc-ln{background:#dcecfa}
.fc-ln::before{background:linear-gradient(90deg,#0ea5e9,#2563eb,#0ea5e9)}
.fc-ln .dot-s{border-color:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.1)}
.fc-ln .dot-e{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.fc-plane{color:var(--sky-d)}
.our{color:var(--sky-d)}
.fc-leg-label .fc-leg-ico{background:var(--sky-l);color:var(--sky-d)}
.fc-select{background:linear-gradient(135deg,#f4faff,#e8f4fe);color:var(--sky-d);border-top-color:#e8f1f9}
.fc-select:hover{background:linear-gradient(135deg,#e0f2fe,#d3ebfd);color:var(--sky-dd)}
.fc-select.active{background:var(--v4-grad);color:#fff}
.fc-details{background:linear-gradient(180deg,#eef7ff,#fafcff 40%,#fff);border-top:3px solid var(--sky)}
.fcd-head{color:var(--sky-d)}
.fcd-head::before{background:var(--sky)}
.fcd-seg{border-radius:16px;border-color:#e2eef8}
.fcd-code{color:var(--sky-d)}
.fcd-line{background:linear-gradient(90deg,#0ea5e9,#7dd3fc,#0ea5e9)}
.fcd-line::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230284c7'%3E%3Cpath d='M21 16v-2l-8-5V3.5A1.5 1.5 0 0 0 11.5 2 1.5 1.5 0 0 0 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'/%3E%3C/svg%3E")}
.fcd-fare{border-radius:16px;border-color:#e2eef8}
.fcd-price{color:var(--sky-d)}
.fcd-leg-heading .fcd-leg-ico{background:var(--sky-l);color:var(--sky-d)}
.fc-bk{background:var(--v4-grad);border-radius:999px;box-shadow:0 8px 24px rgba(14,165,233,.35)}
.fc-bk:hover{background:var(--v4-grad-h);box-shadow:0 12px 32px rgba(14,165,233,.45)}
.nr{border-radius:20px;border-color:#e2eef8}

/* ═══ LOADING: sky version ═══ */
.sl-from,.sl-to{color:#0b2540}
.sl-from::after,.sl-to::after{background:var(--sky)}
.sl-plane{color:var(--sky-d)}
.sl-sub{color:#51677c}
.sl-badge{background:var(--sky-l);color:var(--sky-dd);border-radius:999px}
.sl-badge-dot{background:var(--sky-d)}
.sl-progress{background:#e2eef8}
.sl-bar{background:linear-gradient(90deg,#075985,#0ea5e9,#38bdf8,#0ea5e9,#075985);background-size:300% 100%}
.sl-step{color:var(--sky-d);background:var(--sky-l);border-radius:999px}
.sl-step::before{border-color:var(--sky-d);border-top-color:transparent}
.sl-fly-track{background:repeating-linear-gradient(90deg,#bcd9ee 0 8px,transparent 8px 16px)}
.sl-fly-fill{background:linear-gradient(90deg,#0ea5e9,#2563eb);box-shadow:0 0 10px rgba(14,165,233,.5)}
.sl-fly-dot{border-color:var(--sky)}
.sl-fly-dot.end{border-color:var(--blue);background:var(--blue)}
.sl-fly-plane{color:var(--sky-d);filter:drop-shadow(0 3px 6px rgba(14,165,233,.4))}
.sl-fly-cities{color:#51677c}
.sl-chip{border-color:#e2eef8;border-radius:999px;color:#31485e;box-shadow:0 2px 8px rgba(7,89,133,.05)}
.sl-ck.active{color:var(--sky-d)}
.sl-ck.active .sl-ck-box{border-color:var(--sky-d);border-top-color:transparent}
.sl-ck.done{color:#059669}
.sl-ck.done .sl-ck-box{border-color:#059669;background:#059669}
.sk-card{border-radius:18px;border-color:#e2eef8}
.sk-line,.sk-line-thick{background:linear-gradient(90deg,#e4eff8 25%,#f2f9ff 50%,#e4eff8 75%);background-size:200% 100%}
.sk-line-big{background:linear-gradient(90deg,#d3ebfd 25%,#eaf5fe 50%,#d3ebfd 75%);background-size:200% 100%}

/* ═══ HOTELS ═══ */
.h-header{border-bottom-color:var(--sky-d)}
.h-header h2{color:#0b2540}
.h-count{background:var(--v4-grad)}
.hc{border-radius:18px;border-color:#e2eef8}
.hc:hover{box-shadow:0 14px 36px rgba(14,165,233,.14);border-color:#bae6fd}
.hc-img{background:linear-gradient(135deg,#075985,#0ea5e9)}
.hc-rating{background:var(--v4-grad)}
.hc-rating-label{color:var(--sky-d)}
.hc-tag{background:var(--sky-l);color:var(--sky-dd);border-radius:999px}
.hc-tag.green{background:var(--mint-l);color:#059669}
.hc-btn{background:var(--v4-grad);border-radius:999px;box-shadow:0 4px 14px rgba(14,165,233,.3)}
.hc-btn:hover{box-shadow:0 6px 20px rgba(14,165,233,.4)}
.hc-room-opt{border-radius:12px}
.hc-room-opt:hover{border-color:var(--sky-d);background:var(--sky-xl)}
.hc-room-opt.selected{border-color:var(--sky-d);background:var(--sky-xl);box-shadow:0 0 0 1px var(--sky-d)}
.hc-room-name,.hc-rooms-title{color:#0b2540}
.hc-rooms-title{border-bottom-color:var(--sky-d)}
.hc-room-check{color:var(--sky-d)}
.hc-show-more{border-radius:14px;color:var(--sky-d)}
.hc-show-more:hover{background:var(--sky-xl);border-color:var(--sky-d)}
.mob-filter-btn{border-radius:999px;color:var(--sky-d);border-color:#dcecfa}
.mob-filter-btn:hover{border-color:#7dd3fc;background:var(--sky-xl)}
.hfp-head{background:#f4faff;border-bottom-color:#e8f1f9}
.hfp-clear{color:var(--sky-d)}
.hfp-select:focus{border-color:var(--sky-d)}
.hfp-range-vals{color:var(--sky-d)}
.hfp-range input[type=range]::-webkit-slider-thumb{background:var(--sky-d)}
.hfp-range input[type=range]::-moz-range-thumb{background:var(--sky-d)}
.hfp-check input{accent-color:var(--sky-d)}
.hfp-apply-mob button{background:var(--v4-grad);border-radius:999px}

/* ── Mobile adjustments for the bar ── */
@media(max-width:900px){
  .v4-bar{flex-direction:column;padding:10px;border-radius:20px}
  .v4-bar .go-btn{margin-left:0;margin-top:8px;width:100%;padding:16px;min-height:52px}
  .search-field+.search-field{border-left:none}
}
@media(max-width:768px){
  .hero-inner{padding:18px 16px 22px}
  .hero-text h1{font-size:29px;letter-spacing:-1px}
  .hero-trust{display:flex;gap:22px;margin-top:14px}
  .hero-trust .ht-item b{font-size:16px}
  .search-field{border-bottom:1px solid #eef5fb;border-radius:0}
  .search-field:last-child,.search-field.ret-wrap{border-bottom:none}
  .search-tabs{margin-bottom:12px}
  .stab{padding:10px 20px}
  .search-extras{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
  .search-extras select{border-radius:12px}
  .hero::after{display:none}
}

/* ── Entrance motion ── */
@media (prefers-reduced-motion:no-preference){
  @keyframes v4up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .search-card{animation:v4up .6s cubic-bezier(.2,.7,.2,1) both}
  .hero-text h1{animation:v4up .6s .1s cubic-bezier(.2,.7,.2,1) both}
  .hero-text .hero-sub{animation:v4up .6s .16s cubic-bezier(.2,.7,.2,1) both}
  .hero-countries,.hero-text .hero-price-msg{animation:v4up .6s .22s cubic-bezier(.2,.7,.2,1) both}
}

/* ── Hotels tab: NEW option, flashing to attract attention ── */
.stab-new{margin-left:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.8px;padding:3px 8px;border-radius:999px;line-height:1;display:inline-block;box-shadow:0 2px 8px rgba(239,68,68,.35);animation:stabNewFlash 1.3s ease-in-out infinite}
.stab.active .stab-new{background:#fff;color:#e11d48}
#tabHotels:not(.active){border-color:#fcd34d;animation:hotelTabGlow 2.2s ease-in-out infinite}
@keyframes stabNewFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.12)}}
@keyframes hotelTabGlow{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}50%{box-shadow:0 0 0 7px rgba(245,158,11,.22)}}
@media (prefers-reduced-motion:reduce){.stab-new,#tabHotels:not(.active){animation:none}}

/* ── Expanded details: flat lines instead of boxes ── */
.fc-details{padding:22px 26px}
.fc-details .fcd-seg{background:transparent;border:none;box-shadow:none;border-radius:0;padding:16px 4px;margin:0;display:flex;align-items:center;gap:24px}
.fc-details .fcd-seg + .fcd-seg{border-top:1px dashed #d9e8f5}
.fcd-seg-head{border-bottom:none;padding-bottom:0;margin-bottom:0;flex:0 0 215px;display:flex;align-items:center;gap:9px;font-size:12.5px}
.fcd-seg-head b{font-family:var(--mono);letter-spacing:.5px}
.fc-details .fcd-route{flex:1;padding:0}
.fcd-leg-heading{background:transparent;border-top:1px solid #e2eef8;border-radius:0;padding:16px 4px 4px;margin-top:6px}
.fcd-leg-heading:first-of-type{border-top:none;margin-top:0;padding-top:4px}
.fc-details .fcd-fare{background:transparent;border:none;box-shadow:none;border-radius:0;border-top:1px solid #e2eef8;padding:14px 4px 4px;margin:14px 0 10px}
.fc-details .fcd-layover{margin:4px 0;border-radius:12px}
@media(max-width:780px){
  .fc-details{padding:16px 16px}
  .fc-details .fcd-seg{flex-direction:column;align-items:stretch;gap:10px;padding:14px 2px}
  .fcd-seg-head{flex:none}
}

/* ── Layover note: expands inline on tap (was a clipped hover tooltip) ── */
.lo-warn,.lo-soft{cursor:pointer}
.fc-details .lo-tip{position:static;transform:none;width:auto;max-width:none;margin-top:10px;background:#0b2540;border-radius:12px;box-shadow:0 8px 24px rgba(7,37,64,.25);text-align:left;font-weight:500}
.fc-details .lo-tip::after{display:none}
.lo-warn:hover .lo-tip,.lo-soft:hover .lo-tip{display:none}
.lo-warn.show .lo-tip,.lo-soft.show .lo-tip{display:block;animation:detailSlide .2s ease}
.lo-tip a{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;box-shadow:0 4px 12px rgba(245,158,11,.35)}

/* ── GDS terminal view + calendar context ── */
.fcd-chain{cursor:pointer;transition:.2s}
.fcd-chain:hover{border-color:#7dd3fc;box-shadow:0 4px 14px rgba(14,165,233,.12)}
.fcd-chain-hint{align-self:flex-end;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:1px;color:#94b3c8;border:1px solid #e2eef8;border-radius:6px;padding:3px 8px;background:#f8fcff;transition:.2s;margin-top:-2px}
.fcd-chain:hover .fcd-chain-hint{color:var(--sky-d);border-color:#bae6fd;background:var(--sky-xl)}
.fcd-term{background:#07131f;border:1px solid #10344f;border-radius:14px;padding:16px 18px;margin:0 0 12px;overflow-x:auto;box-shadow:inset 0 0 40px rgba(56,189,248,.06);animation:detailSlide .25s ease}
.fcd-term pre{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.8;color:#7ee2a8;white-space:pre;text-shadow:0 0 6px rgba(126,226,168,.25)}
.fcd-term .t-dim{color:#3d6d8f;text-shadow:none}
.fcd-term .t-amber{color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.25)}
.fcd-term .t-cur{display:inline-block;width:8px;height:13px;background:#7ee2a8;vertical-align:-2px;margin-left:3px;animation:termBlink 1s steps(1) infinite}
@keyframes termBlink{50%{opacity:0}}
@media(max-width:560px){.fcd-term{padding:12px}.fcd-term pre{font-size:10px;line-height:1.7}}
@media (prefers-reduced-motion:reduce){.fcd-term .t-cur{animation:none}}
.cal-ctx{font-size:11.5px;font-weight:700;color:var(--sky-dd);background:var(--sky-xl);border:1px solid #cfe9fb;border-radius:8px;padding:6px 10px;margin:-4px 0 12px;text-align:center}

/* ── Expanded details: full route chain + scroll anchor ── */
.fc-details{scroll-margin-top:84px}
.fcd-chain{background:#fff;border:1px solid #e2eef8;border-radius:14px;padding:12px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 4px rgba(7,89,133,.05)}
.fcd-chain-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#0b2540;row-gap:8px}
.fcd-chain-lbl{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--sky-dd);background:var(--sky-xl);border:1px solid #cfe9fb;border-radius:999px;padding:3px 10px;margin-right:4px;flex-shrink:0}
.fcd-chain-lbl.fcd-chain-ret{color:#b45309;background:#fef3c7;border-color:#fde68a}
.fcd-chain-row b{font-family:var(--mono);font-weight:800;color:#0b2540;letter-spacing:.5px}
.fcd-chain-row>span{color:#51677c;font-weight:600;font-size:12px;margin-left:1px}
.fcd-chain-row i{font-style:normal;color:#d97706;font-weight:800;font-size:10px;vertical-align:super}
.fcd-chain-row em{font-style:normal;color:#94b3c8;font-weight:700;margin:0 3px}
[dir="rtl"] .fcd-chain-row{direction:ltr;justify-content:flex-end}
@media(max-width:560px){.fcd-chain{padding:10px 12px}.fcd-chain-row{font-size:12px}}

/* ── Flight cards: flight numbers, dates, overnight badge ── */
.fc-fns{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px}
.fc-fn{font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--sky-dd);background:var(--sky-xl);border:1px solid #cfe9fb;border-radius:999px;padding:3px 9px;line-height:1;letter-spacing:.5px}
.cd-date{font-size:10.5px;color:#8aa1b5;font-weight:600;margin-top:2px}
.tm-plus{font-size:11px;font-weight:800;color:#d97706;margin-left:2px;vertical-align:super}
.fc-ow{flex:1;min-width:0}
@media(max-width:780px){.fc-fns{margin-bottom:5px}.fc-fn{font-size:10px;padding:3px 8px}}
[dir="rtl"] .fc-fns{direction:ltr;justify-content:flex-end}

/* ═══ V4L — redesigned search loading (flights + hotels) ═══ */
.v4l{max-width:780px;margin:0 auto;padding:14px 0 6px}
.v4l-scene{position:relative;background:linear-gradient(180deg,#d8eefd 0%,#eef8ff 62%,#fdfeff 100%);border:1px solid #d3e9fa;border-radius:24px;padding:30px 30px 0;overflow:hidden;margin-bottom:16px}
.v4l-cloud,.v4l-cloud::before,.v4l-cloud::after{background:#fff;border-radius:999px;position:absolute}
.v4l-cloud{height:18px;opacity:.9;filter:blur(1px)}
.v4l-cloud::before{content:'';width:26px;height:26px;top:-12px;left:14px}
.v4l-cloud::after{content:'';width:18px;height:18px;top:-8px;right:12px}
.v4l-cloud.c1{width:74px;top:26px;left:-110px;animation:v4lDrift 16s linear infinite}
.v4l-cloud.c2{width:54px;top:66px;left:-90px;animation:v4lDrift 23s linear 4s infinite;opacity:.65}
.v4l-cloud.c3{width:92px;top:12px;left:-130px;animation:v4lDrift 30s linear 9s infinite;opacity:.5}
@keyframes v4lDrift{to{transform:translateX(960px)}}
.v4l-codes{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;z-index:2}
.v4l-apt{text-align:center;min-width:80px}
.v4l-apt b{display:block;font-family:var(--mono);font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-1px;color:#0b2540;line-height:1}
.v4l-apt span{display:block;font-size:12px;color:#51677c;font-weight:600;margin-top:5px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4l-arc{position:relative;flex:1;height:92px;min-width:140px}
.v4l-arc svg{position:absolute;inset:0;width:100%;height:100%}
.v4l-plane{position:absolute;left:0;bottom:0;width:34px;height:34px;color:#0284c7;filter:drop-shadow(0 4px 10px rgba(2,132,199,.4));animation:v4lFly 7s cubic-bezier(.45,.05,.55,.95) infinite}
.v4l-plane svg{width:100%;height:100%;display:block}
@keyframes v4lFly{0%{left:0%;bottom:2px;transform:translateX(-30%) rotate(52deg);opacity:0}8%{opacity:1}25%{bottom:34px;transform:translateX(-40%) rotate(70deg)}50%{left:50%;bottom:46px;transform:translateX(-50%) rotate(90deg)}75%{bottom:34px;transform:translateX(-60%) rotate(110deg)}92%{opacity:1}100%{left:100%;bottom:2px;transform:translateX(-70%) rotate(128deg);opacity:0}}
.v4l-progress{position:relative;height:4px;background:rgba(2,132,199,.10);margin:24px -30px 0;overflow:hidden}
.v4l-progress i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#0ea5e9,#2563eb);animation:v4lProg 10s ease-out forwards}
@keyframes v4lProg{10%{width:22%}30%{width:46%}55%{width:66%}80%{width:84%}100%{width:96%}}
.v4l-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:700;color:#0b2540;flex-wrap:wrap;text-align:center}
.v4l-spin{width:17px;height:17px;border:2.5px solid #bae6fd;border-top-color:#0284c7;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
.v4l-status .sl-step{background:none;padding:0;border-radius:0;animation:none;color:#0b2540;font-size:14px;font-weight:700;display:inline-flex}
.v4l-status .sl-step::before{display:none}
.v4l-live{display:inline-flex;align-items:center;gap:6px;background:var(--mint-l);border:1px solid #a7f3d0;color:#047857;font-size:10px;font-weight:900;letter-spacing:1.2px;border-radius:999px;padding:4px 10px}
.v4l-live i{width:7px;height:7px;border-radius:50%;background:#10b981;animation:htpulse 1.6s infinite}
.v4l-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:660px;margin:0 auto 20px}
.v4l-ticks .sl-ck{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2eef8;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;color:#8aa1b5;opacity:1;transition:.3s}
.v4l-ticks .sl-ck-box{width:16px;height:16px;border:2px solid #cfe3f2;font-size:10px}
.v4l-ticks .sl-ck.active{color:#0284c7;border-color:#7dd3fc;background:var(--sky-xl);box-shadow:0 3px 10px rgba(14,165,233,.15)}
.v4l-ticks .sl-ck.active .sl-ck-box{border-color:#0284c7;border-top-color:transparent}
.v4l-ticks .sl-ck.done{color:#047857;border-color:#a7f3d0;background:var(--mint-l)}
.v4l-ticks .sl-ck.done .sl-ck-box{background:#10b981;border-color:#10b981;color:#fff}
.v4l .sl-marquee{margin-bottom:20px}
.v4l-scene-h{padding:34px 30px 0;text-align:center}
.v4l-sonar{position:relative;width:100px;height:100px;margin:2px auto 12px;z-index:2}
.v4l-sonar>span{position:absolute;inset:0;border:2px solid rgba(14,165,233,.5);border-radius:50%;animation:v4lPing 2.4s ease-out infinite}
.v4l-sonar>span:nth-child(2){animation-delay:.8s}
.v4l-sonar>span:nth-child(3){animation-delay:1.6s}
@keyframes v4lPing{0%{transform:scale(.45);opacity:1}100%{transform:scale(1.45);opacity:0}}
.v4l-sonar i{position:absolute;inset:24px;background:var(--v4-grad);border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 26px rgba(14,165,233,.45)}
.v4l-sonar i svg{width:24px;height:24px}
.v4l-city{position:relative;z-index:2;font-family:var(--disp);font-size:clamp(22px,3.4vw,32px);font-weight:800;color:#0b2540;letter-spacing:-.8px}
.v4l-sub2{position:relative;z-index:2;font-size:13.5px;color:#51677c;margin-top:4px}
.v4sk{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e2eef8;border-radius:18px;padding:20px 24px;margin-bottom:12px;opacity:0;animation:skSlideIn .5s ease forwards}
.v4sk-logo{width:46px;height:46px;border-radius:14px;flex-shrink:0}
.v4sk-photo{width:88px;height:62px;border-radius:12px;flex-shrink:0}
.v4sk-logo,.v4sk-photo,.v4sk-bar{background:linear-gradient(90deg,#e4eff8 25%,#f2f9ff 50%,#e4eff8 75%);background-size:200% 100%;animation:skShimmer 1.4s linear infinite}
.v4sk-mid{flex:1;display:flex;flex-direction:column;gap:9px}
.v4sk-right{width:132px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.v4sk-bar{height:11px;border-radius:99px;display:block}
.v4sk-pill{width:100px;height:34px;border-radius:999px;background:linear-gradient(90deg,#d3ebfd 25%,#eaf5fe 50%,#d3ebfd 75%);background-size:200% 100%;animation:skShimmer 1.4s linear infinite}
@media(max-width:560px){
  .v4l-scene{padding:22px 18px 0;border-radius:20px}
  .v4l-progress{margin:18px -18px 0}
  .v4l-arc{height:64px;min-width:90px}
  @keyframes v4lFly{0%{left:0%;bottom:2px;transform:translateX(-30%) rotate(52deg);opacity:0}8%{opacity:1}50%{left:50%;bottom:30px;transform:translateX(-50%) rotate(90deg)}92%{opacity:1}100%{left:100%;bottom:2px;transform:translateX(-70%) rotate(128deg);opacity:0}}
  .v4l-plane{width:26px;height:26px}
  .v4sk{padding:14px 16px;gap:12px}
  .v4sk-right{width:86px}
}
@media (prefers-reduced-motion:reduce){.v4l-plane,.v4l-cloud,.v4l-sonar>span{animation:none}.v4l-plane{left:50%;bottom:46px;transform:translateX(-50%) rotate(90deg)}}

/* ── Geo suggestion bar ── */
.geo-bar{background:var(--v4-grad)}

/* ── Staging badge (remove at go-live) ── */