:root{--c:#0b6e99;--a:#ff7a45;--d:#16232e;--l:#f4f8fb;--r:12px}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--d);background:#fff}
a{color:var(--c)}img{max-width:100%}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e5edf2;position:sticky;top:0;z-index:9}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.4rem;text-decoration:none;color:var(--c)}.logo span{color:var(--a)}
nav a{margin-left:20px;text-decoration:none;color:var(--d);font-weight:500}nav a:hover{color:var(--c)}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem}
.hero{background:linear-gradient(135deg,#0b6e99,#18a0c9 60%,#ffb36b);color:#fff;padding:70px 0 90px}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 10px;line-height:1.15}.hero p{font-size:1.2rem;opacity:.95;max-width:640px}
form#search{background:#fff;color:var(--d);border-radius:var(--r);padding:20px;margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
label{font-size:.8rem;font-weight:600;display:block;margin-bottom:4px;color:#567}
input,select{width:100%;padding:11px;border:1px solid #cdd9e1;border-radius:8px;font:inherit}
button.go{align-self:end;background:var(--a);color:#fff;border:0;border-radius:8px;padding:12px 22px;font-weight:700;font-size:1rem;cursor:pointer}
#results{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}#results .note{width:100%;margin:0}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--c);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.btn:hover{filter:brightness(1.1)}.btn-booking{background:#003580}.btn-agoda{background:#5b2c8f}.btn-trip{background:#287dfa}.btn-skyscanner{background:#0062e3}
.compare{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
section{padding:50px 0}section.alt{background:var(--l)}h2{font-size:1.8rem;margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.card{background:#fff;border-radius:var(--r);box-shadow:0 2px 12px rgba(0,0,0,.07);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s}
.card:hover{transform:translateY(-3px)}.card .img{height:120px;display:flex;align-items:center;justify-content:center;font-size:3rem}
.card .b{padding:14px}.card h3{margin:0 0 4px}.card p{margin:0;font-size:.9rem;color:#567}
.small{font-size:.85rem;color:#567}.disc{background:#fff8e6;border-left:4px solid var(--a);padding:10px 14px;font-size:.9rem;border-radius:6px}
.page-hero{background:var(--l);padding:40px 0}.page-hero h1{margin:0}
article{max-width:780px}article h2{margin-top:36px}
footer{background:var(--d);color:#cfd8de;padding:30px 0;font-size:.9rem}footer a{color:#fff;margin-right:16px}
@media(max-width:800px){form#search{grid-template-columns:1fr 1fr}button.go{grid-column:1/-1}
nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:10px 20px;border-bottom:1px solid #e5edf2}
nav a{display:block;margin:10px 0}.nav-open nav{display:block}.nav-toggle{display:block}}
@media(max-width:480px){form#search{grid-template-columns:1fr}}
.btn-vrbo{background:#1d4b8f}.feature-china{background:linear-gradient(180deg,#fff4f0,#fff);border-top:4px solid #d7261e}
.kicker{color:#d7261e;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0}
article ol li,article ul li{margin-bottom:6px}
.route{list-style:none;padding:0;margin:16px 0;border-left:4px solid #d7261e;margin-left:8px}
.route li{position:relative;padding:6px 0 12px 22px}.route .dot{position:absolute;left:-12px;top:10px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid #d7261e}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid #e5edf2;padding:8px;text-align:left;vertical-align:top}th{background:var(--l)}
td .btn{padding:6px 10px;font-size:.85rem;white-space:nowrap}
.founder{background:#fff8e6;border:2px solid var(--a);border-radius:var(--r);padding:16px 20px;margin:10px 0 20px}
.founder-cta{display:block;background:#fff;border:2px solid var(--a);border-radius:var(--r);padding:16px 20px;margin:16px 0;text-decoration:none;color:var(--d);box-shadow:0 4px 14px rgba(255,122,69,.18)}
.founder-cta .btn{margin-left:8px;padding:6px 12px;font-size:.85rem;background:var(--a)}
.card-feature{outline:3px solid var(--a)}
.combo{position:relative}.combo-list{position:absolute;z-index:20;left:0;right:0;min-width:300px;max-height:340px;overflow-y:auto;margin:4px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid #cdd9e1;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.combo-h{padding:8px 12px 4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#d7261e}
.combo-o{padding:7px 12px;cursor:pointer;font-size:.9rem;line-height:1.3}.combo-o:hover,.combo-o.on{background:#eaf5fb}
.combo-o .c{display:inline-block;min-width:38px;font-weight:700;color:var(--c)}
/* ---- 2026 refresh ---- */
:root{--c:#0b6e99;--a:#ff7a45;--a2:#e8612c;--shadow:0 6px 24px rgba(16,40,60,.10)}
body{background:#fbfdfe}
header{box-shadow:0 1px 0 #e5edf2}
header .wrap{gap:12px}
nav{display:flex;flex-wrap:wrap;justify-content:flex-end;flex:1}
nav a{margin-left:16px;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--a)}
.lang{order:3;display:flex;align-items:center;gap:6px;margin-left:12px}
.lang label{margin:0;font-size:.8rem;color:#456}
.lang select{width:auto;padding:6px 8px;font-size:.85rem;max-width:150px}
.lang-note{background:#fff3cd;margin:0;padding:8px 20px;font-size:.9rem;text-align:center}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b6e99 0%,#1b93bf 45%,#ffb36b 100%);padding:64px 0 150px}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:url(hero.svg) center bottom/cover no-repeat;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{text-shadow:0 2px 12px rgba(0,0,0,.18)}
form#search{border-radius:16px;padding:22px;box-shadow:0 18px 40px rgba(5,40,60,.25)}
button.go{background:var(--a2);box-shadow:0 4px 12px rgba(232,97,44,.35)}button.go:hover{filter:brightness(1.05)}
.hero-alt{margin:14px 0 0;font-size:1rem}.hero-alt a{color:#fff;font-weight:700}
#results .btn{box-shadow:var(--shadow)}
.btn{border-radius:10px;transition:transform .1s}.btn:active{transform:translateY(1px)}
.btn-ghost{background:#fff;color:var(--c);border:1px solid #cdd9e1}
.btn-cruise118{background:#0a3d62}.btn-msc{background:#00254a}.btn-trainline{background:#00664f}.btn-omio{background:#1d3557}.btn-eurostar{background:#1c2a6b}
.card{border:1px solid #e8eff4;box-shadow:var(--shadow);border-radius:14px}.card:hover{box-shadow:0 10px 30px rgba(16,40,60,.16)}
.card .img{height:130px}
.page-hero{background:linear-gradient(180deg,#eaf5fa,#f7fbfd);padding:44px 0 36px;border-bottom:1px solid #e5edf2}
table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #e5edf2;text-align:left;vertical-align:top}th{background:#f1f7fa}
.tablewrap{overflow-x:auto}
.tb{background:#fff;border:1px solid #e5edf2;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.tb-leg{display:grid;grid-template-columns:1fr 1fr 170px 40px;gap:10px;align-items:end;margin-bottom:10px}
.tb-del{background:#f1f5f8;border:0;border-radius:8px;height:44px;cursor:pointer}
.tb-card{background:#fff;border:1px solid #e5edf2;border-left:4px solid var(--c);border-radius:12px;padding:14px 18px;margin:14px 0}.tb-card h3{margin:0 0 6px}
.tb-stay{background:#f6fafc;border-radius:10px;padding:10px 16px;margin:0 0 0 24px}
.plan-card .b{padding:18px}.plans{margin:16px 0 30px}
[dir=rtl] .tb-stay{margin:0 24px 0 0}
@media(max-width:800px){.tb-leg{grid-template-columns:1fr 1fr}.tb-leg .tb-del{width:44px}.lang{margin-left:auto}.lang label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero{padding-bottom:130px}.hero:after{height:150px}}
.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle}
.badge-flight{background:#e3efff;color:#0b4fa8}.badge-train{background:#e2f6ec;color:#0b6b3a}
.tb-card.is-train{border-left-color:#1a9a5a}.tb-card.is-flight{border-left-color:#0062e3}
.price{margin:8px 0;padding:8px 12px;border-radius:8px}.price-live{background:#e2f6ec;border:1px solid #9bd8b6}.price-typical{background:#fff8e6;border:1px dashed #e0b44c}
header .wrap{height:auto;min-height:64px}
nav a{margin-left:14px;font-size:.88rem;white-space:nowrap}
@media(max-width:1100px){nav a{margin-left:10px;font-size:.82rem}}
@media(max-width:900px){nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:10px 20px;border-bottom:1px solid #e5edf2;box-shadow:var(--shadow)}
nav a{display:block;margin:10px 0;font-size:1rem}.nav-open nav{display:block}.nav-toggle{display:block;order:2}.lang{order:3}.logo{order:1;margin-right:auto}}
.plans{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.page-hero.has-img{position:relative;color:#fff;background:#0b6e99;overflow:hidden;min-height:280px}
.page-hero.has-img .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.page-hero.has-img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.6));z-index:1}
.page-hero.has-img .wrap{position:relative;z-index:2}.page-hero.has-img a,.page-hero.has-img .small{color:#fff}
.inimg{margin:20px 0}.inimg img{width:100%;border-radius:12px}
.btn-twelvego{background:#0d7a5f}
.hs{background:#fff;border:1px solid #e5edf2;border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.hs-row{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 1fr;gap:10px}.hs-f{border:0;padding:0;margin:12px 0}.hs-f legend{font-weight:700;font-size:.9rem}
.chk{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:.9rem;font-weight:500;color:var(--d)}.chk input{width:auto}
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:14px 0}
.hcard{background:#fff;border:1px solid #e8eff4;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.hcard .b{padding:14px}.hcard h3{margin:2px 0 6px}
.hpic img{width:100%;height:170px;object-fit:cover;display:block}.credit{font-size:.7rem;color:#567;margin:2px 10px}
.hph{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf5fa,#ffe9d6);text-align:center;padding:10px}.hph span{font-size:.8rem;color:#456}
.ntags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ntag{font-size:.75rem;background:#f1f7fa;border:1px solid #dbe8ef;border-radius:999px;padding:2px 8px}.ntag.muted{color:#678}
.tierbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tierbar select{width:auto}
@media(max-width:800px){.hs-row{grid-template-columns:1fr 1fr}}
.sp{max-width:1100px;margin:22px auto 8px;background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:14px 18px 18px;color:var(--d);text-align:left}
.sp-tabs{display:flex;gap:6px;margin-bottom:8px}.sp-tabs button{border:0;background:#f1f5f8;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.sp-tabs button.on{background:#ff7a3d;color:#fff}
.sp-trip{display:flex;gap:16px;margin:4px 0 10px;font-weight:600}.sp-trip input{width:auto}
.sp-row{display:grid;grid-template-columns:2.2fr 1.6fr 1.2fr auto;gap:10px;align-items:end}
.sp-od{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:end}.swap{border:1px solid #cfdbe3;background:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:1.1rem;margin-bottom:4px}
.sp-dates span{display:flex;gap:6px;flex-wrap:wrap}.sp-dates input,.sp-dates select{margin-top:4px}.pax{display:flex;gap:6px}
.sp-go{font-size:1.15rem;padding:14px 30px;min-height:52px}
#f-hotels .sp-row{grid-template-columns:2fr 1fr 1fr 1.4fr auto}
.signup{background:linear-gradient(135deg,#fff3e8,#e8f6fb);border-radius:16px;padding:20px;margin:30px 0}.signup-form{display:grid;gap:6px;max-width:460px}
.sr-rows{display:grid;gap:10px}.sr-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #e3ecf2;border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
.sr-name .small{display:block}.sr-price{font-weight:800;font-size:1.1rem}.sr-price .small{display:block;font-weight:400}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-h{font-weight:700;font-size:.8rem;text-align:center}
.pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.cell{background:#fff;border:1px solid #e3ecf2;border-radius:10px;padding:6px;font-size:.8rem;display:flex;flex-direction:column;gap:2px}.cell .d{font-weight:800}.cell.cheap{background:#e6f8ec;border-color:#3aa76d}
@media(max-width:900px){.sp-row,#f-hotels .sp-row{grid-template-columns:1fr}.sp-od{grid-template-columns:1fr}.swap{justify-self:center;transform:rotate(90deg)}.sr-row{grid-template-columns:1fr auto}.sr-row .btn{grid-column:1/-1}.cal{gap:2px}.cell a{font-size:.7rem}}
.sp [hidden]{display:none!important}.sp-dates span{flex-wrap:nowrap;align-items:center}.sp-dates input[type=date]{min-width:0;flex:1}.sp-dates .chk{white-space:nowrap;margin:0}
.sp-row{grid-template-columns:2fr 2fr 1.3fr auto}
@media(max-width:900px){.sp-dates span{flex-wrap:wrap}}
.sp-row{grid-template-columns:2.6fr 2.2fr 1.3fr auto}.pax select{min-width:0;flex:1}
@media(max-width:900px){.sp .sp-row,#f-hotels .sp-row{grid-template-columns:1fr}.sp .sp-od{grid-template-columns:1fr}.sp-dates span,.sp-dates span.dm-exact{flex-wrap:wrap}.sp-dates input[type=date]{flex:1 1 40%}}