@font-face{font-family:Plex;src:url(fonts/plex-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/plex-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/plex-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#08080c;--bg2:#0b0b10;--card:#0f0f12;--line:#1c1c2a;--gold:#C8A84E;--gold2:#E8CF85;--t:#e5e5e5;--m:#9a9a9a;--ok:#3ecf8e;--danger:#f25555;--ease:cubic-bezier(.25,.8,.25,1);--r:12px;color-scheme:dark}
[data-theme=light]{--bg:#f6f5f1;--bg2:#efede6;--card:#fff;--line:#e4e1d8;--gold:#8f7020;--gold2:#a8862c;--t:#16161a;--m:#5c5c5c;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--t);font:400 16px/1.65 Plex,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang=en] body{font-family:Inter,Plex,system-ui,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--gold);color:#08080c;padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px Inter,Plex,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.mark{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:800 18px Inter,sans-serif}
.nav{display:flex;gap:4px;margin-inline-start:12px}
.nav a{text-decoration:none;color:var(--m);font-size:14.5px;padding:8px 10px;border-radius:8px;transition:color .3s var(--ease),background .3s var(--ease)}
.nav a:hover{color:var(--t);background:var(--card)}
.tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.ib{height:38px;min-width:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--t);font:600 13.5px Inter,Plex,sans-serif;cursor:pointer;display:inline-grid;place-items:center;transition:border-color .3s var(--ease)}
.ib:hover{border-color:var(--gold)}
.ib svg{width:18px;height:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);white-space:nowrap}
.btn.p{background:linear-gradient(180deg,#d9bc67,#C8A84E);color:#0b0b0e}
.btn.p:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px #C8A84E}
.btn.s{border:1px solid var(--line);background:var(--card);color:var(--t)}
.btn.s:hover{border-color:var(--gold)}
.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:10px}
/* hero */
.hero{padding:72px 0 56px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:640px;height:640px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 16%,transparent),transparent);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:5px 12px;font-size:13px;color:var(--m)}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
h1{font-size:clamp(34px,5.2vw,56px);line-height:1.15;margin:18px 0 16px;font-weight:800;letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:18.5px;color:var(--m);max-width:560px;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.note{font-size:13.5px;color:var(--m);margin-top:16px}
.vis{position:relative;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:22px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t) 6%,transparent)}
.vis .car{width:100%;max-width:340px;margin:0 auto 6px;aspect-ratio:2/1}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.row b{font-weight:700}
.row .k{color:var(--m)}
.tag{font-size:12.5px;font-weight:600;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:99px;padding:2px 10px;white-space:nowrap}
/* sections */
section{padding:72px 0;border-top:1px solid var(--line)}
section.alt{background:var(--bg2)}
.eyebrow{color:var(--gold);font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase}
h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;margin:8px 0 12px;font-weight:800;letter-spacing:-.015em}
.sub{color:var(--m);max-width:680px;margin:0 0 36px;font-size:17px}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:22px;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.card:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.card h3{margin:12px 0 6px;font-size:18px;font-weight:700}
.card p{margin:0;color:var(--m);font-size:15px}
.n{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:800 16px Inter,sans-serif;color:#0b0b0e;background:var(--gold)}
.ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}
.ic svg{width:22px;height:22px}
.cat{padding:14px 14px 16px;text-align:start}
.cat img{width:100%;aspect-ratio:2/1;object-fit:contain}
.cat h3{margin:6px 0 2px;font-size:16px}
.cat p{font-size:13.5px}
.cat .seats{font:600 12.5px Inter,Plex,sans-serif;color:var(--m);margin-top:6px}
.list{margin:0;padding:0;list-style:none}
.list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.list li svg{flex:none;width:20px;height:20px;color:var(--ok);margin-top:4px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.cities{display:flex;flex-wrap:wrap;gap:10px}
.city{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 14px;font-size:15px}
.city.on{border-color:var(--gold)}
.city small{display:block;color:var(--m);font-size:12.5px}
details{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:0 20px;margin-bottom:10px}
summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:16.5px;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--gold);font:600 22px/1 Inter,sans-serif;transition:transform .3s var(--ease)}
details[open] summary:after{transform:rotate(45deg)}
details p{margin:0 0 18px;color:var(--m)}
.final{text-align:center}
.final .cta{justify-content:center}
footer{border-top:1px solid var(--line);padding:44px 0 32px;font-size:14px;color:var(--m)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer h4{color:var(--t);font-size:14.5px;margin:0 0 10px}
footer a{color:var(--m);text-decoration:none;display:block;padding:3px 0}
footer a:hover{color:var(--gold)}
footer .legal{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:13px;line-height:1.7}
@media (max-width:980px){.nav{display:none}.hero .wrap,.split{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hero{padding:40px 0 40px}.g3,.g2{grid-template-columns:1fr}.hd .btn.sm{display:none}section{padding:56px 0}footer .cols{grid-template-columns:1fr}.lead{font-size:17px}.btn{flex:1}}
@media (max-width:370px){.g4{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* round 2 */
h1,h2,.card h3,summary{text-wrap:balance}
.lead,.sub,.card p{text-wrap:pretty}
h1{line-height:1.3}
.hero{min-height:calc(100vh - 64px);min-height:calc(100svh - 64px);display:flex;align-items:center;padding:56px 0}
.hero .wrap{width:100%}
.hero:before{width:900px;height:900px;inset:-35% auto auto -15%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 20%,transparent),transparent 70%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 40%,#000 0,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 0,transparent 65%);opacity:.45;pointer-events:none}
.vis{padding:26px 26px 10px}
.vis .car{max-width:420px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.vis .price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0 14px}
.vis .price b{font:800 34px/1 Inter,Plex,sans-serif;color:var(--gold);letter-spacing:-.02em}
.vis .price span{color:var(--m);font-size:14px}
.list li svg{color:var(--gold)}
.n{width:40px;height:40px;font-size:18px}
#how .card{position:relative}
.cat{display:flex;flex-direction:column}
.cat .imgw{border-radius:10px;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 70%);padding:6px 4px 0}
.cat h3{font-size:17px}
.cat .seats{margin-top:auto;padding-top:10px}
.cat .seats span{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:2px 10px}
@media (min-width:981px){#catGrid .cat:nth-child(-n+2){grid-column:span 2;flex-direction:row;align-items:center;gap:18px}#catGrid .cat:nth-child(-n+2) .imgw{flex:0 0 52%}#catGrid .cat:nth-child(-n+2) .txt{display:flex;flex-direction:column}}
.rcpt{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px 22px;margin-top:8px;max-width:420px}
.rcpt .l{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;color:var(--m);border-bottom:1px dashed var(--line)}
.rcpt .l b{color:var(--t);font:600 15px Inter,Plex,sans-serif}
.rcpt .tot{display:flex;justify-content:space-between;padding-top:12px;font-weight:700;font-size:17px}
.rcpt .tot b{color:var(--gold);font:800 20px Inter,Plex,sans-serif}
.rcpt small{display:block;color:var(--m);font-size:12.5px;margin-top:10px}
.card.sos{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 8%,var(--card)),var(--card))}
.card.sos .ic{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 18px;font-size:14px;color:var(--m)}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px;vertical-align:middle;background:var(--line)}
.legend .on i,.city.on b:before{background:var(--gold)}
.city.on b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:8px;vertical-align:middle;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 25%,transparent)}
.city{color:var(--m)}
.city.on{color:var(--t);background:color-mix(in srgb,var(--gold) 8%,var(--card))}
.btn.s{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
@media (max-width:600px){#how .g4{grid-template-columns:1fr}.hero{min-height:0}.vis .price b{font-size:28px}}
@media (max-width:980px){.hero .wrap,.split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cta{flex-direction:column}.btn{white-space:normal;text-align:center;width:100%}}
.vis .price{flex-wrap:wrap}.tag{white-space:normal}
/* round 3 */
.hero .wrap{z-index:1}
.hero:before{inset:auto auto -20% -10%;width:760px;height:760px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 13%,transparent),transparent 72%)}
.vis{background:var(--card);z-index:1}
.vis .car{max-width:380px}
.nav a{color:color-mix(in srgb,var(--t) 72%,var(--bg))}
:root{--m:#a3a3ab}[data-theme=light]{--m:#55555c}
.btn{min-height:48px}
.menu{display:none}
@media (max-width:980px){.menu{display:inline-grid}.nav{display:none;position:absolute;top:64px;inset-inline:0;flex-direction:column;gap:0;margin:0;padding:8px 12px 14px;background:var(--bg);border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:12px;font-size:16px}}
[data-theme=light] .th-moon,.th-sun{display:none}[data-theme=light] .th-sun{display:block}
/* round 4 */
.hero:after{opacity:.9;mask-image:radial-gradient(ellipse 60% 70% at 70% 45%,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 70% 45%,#000 0,transparent 70%)}
.hero:before{inset:10% -8% auto auto;width:620px;height:620px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 11%,transparent),transparent 75%)}
[dir=ltr] .hero:before{inset:10% auto auto -8%}
.btn.s,.pill{background:var(--card)}
.hd .btn.sm{min-height:38px;height:38px}
.ib{height:38px}
h1{font-size:clamp(34px,5.6vw,72px)}
.note{font-size:14px;text-wrap:balance}
.pill{font-size:13px}
.hero .wrap{align-items:start}
.vis{margin-top:22px}
@media (max-width:600px){.vis .car{max-width:260px}.vis{padding:16px 18px 6px}.ib{height:36px;min-width:36px}}
/* round 5: hero card = booking preview */
h1{line-height:1.25}html[lang=en] h1{line-height:1.08;letter-spacing:-.03em}
.hero{min-height:0;padding:96px 0 88px}
.hero .wrap{align-items:center}
.vis{margin-top:0;padding:18px 20px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--t) 3%,var(--card)),var(--card))}
.route{height:110px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 70%),repeating-linear-gradient(0deg,transparent 0 21px,color-mix(in srgb,var(--line) 70%,transparent) 21px 22px),repeating-linear-gradient(90deg,transparent 0 21px,color-mix(in srgb,var(--line) 70%,transparent) 21px 22px);overflow:hidden}
[dir=rtl] .route svg{transform:scaleX(-1)}
.route svg{width:100%;height:100%;display:block}
.stops{display:grid;gap:2px;padding:12px 0 6px}
.stops div{display:flex;align-items:center;gap:10px;font-size:15px}
.stops .k{color:var(--m);min-width:64px;font-size:13.5px}
.stops i{width:10px;height:10px;border-radius:50%;flex:none}
.stops i.o{border:2.5px solid var(--gold)}.stops i.d{background:var(--gold)}
.pick{display:flex;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 6%,var(--card));border-radius:12px;padding:8px 12px;margin:8px 0 4px}
.pick .car{width:104px;max-width:none;margin:0;aspect-ratio:2/1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)) brightness(1.25)}
.pick .pt{display:flex;flex-direction:column;flex:1;min-width:0}
.pick .pt b{font-size:17px}.pick .pt span{color:var(--m);font-size:13.5px}
.pin{display:inline-flex;gap:6px}.pin i{width:22px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--bg);position:relative}.pin i:after{content:"";position:absolute;inset:0;margin:auto;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.tag{font-weight:600}
.hd .ib{border-color:transparent;background:transparent}.hd .ib:hover{border-color:var(--line);background:var(--card)}
[data-theme=light] .hero:after{opacity:.35}
@media (max-width:600px){.hero{padding:36px 0 44px}.pick .car{width:84px}}
/* round 6 */
.fare{display:flex;flex-direction:column;align-items:flex-end;text-align:end}
.fare b{font:800 22px/1.1 Inter,Plex,sans-serif;color:var(--gold);white-space:nowrap}
.fare span{font-size:12.5px;color:var(--m)}
.pin i{display:grid;place-items:center;font:700 15px Inter,sans-serif;color:var(--t);width:26px;height:32px}.pin i:after{display:none}
.src{font-size:12.5px;color:var(--m);margin:4px 0 8px}
.pick .car{filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.note{font-size:14.5px;color:color-mix(in srgb,var(--t) 70%,var(--bg))}
html[lang=en] h1{letter-spacing:-.02em}
.hero:before{display:none}
.hero .wrap>div:first-child{align-self:center}
[data-theme=light] .btn.s{border-color:#b9a466;background:#fff}
.pill{font-size:13.5px}
@media (max-width:600px){.vis{margin-top:4px}.hero .wrap{gap:28px}}
/* round 7: atmosphere + line icon */
.cic{width:72px;height:48px;border-radius:10px;display:grid;place-items:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--bg));flex:none}
.cic svg{width:52px;height:26px}
.vis{box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 10%,transparent),0 40px 120px -40px color-mix(in srgb,var(--gold) 35%,transparent)}
.hero .wrap>.vis:before{content:"";position:absolute;inset:-60px;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%);pointer-events:none}
.route path:first-child{stroke-dasharray:6 10;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-32}}
.route{background-color:color-mix(in srgb,var(--bg) 60%,var(--card))}
.stops .k,.src,.fare span{font-size:13px}
.hd .btn.sm{height:40px;min-height:40px}
h1{line-height:1.3}
@media (max-width:600px){.lead{font-size:16.5px;margin-bottom:22px}html[lang=en] h1 br{display:none}}
@media (prefers-reduced-motion:reduce){.route path:first-child{animation:none}}
.th-moon{display:none}.th-sun{display:block}[data-theme=light] .th-moon{display:block}[data-theme=light] .th-sun{display:none}
/* round 8 */
:root{--m:#adadb5}
.note,.src{color:color-mix(in srgb,var(--t) 74%,var(--bg))}
.vis{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--gold) 8%,transparent),0 30px 80px -50px color-mix(in srgb,var(--gold) 40%,transparent)}
.hero .wrap>.vis:before{inset:-30px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 8%,transparent),transparent 70%)}
.route{height:140px}
.pick{padding:12px 14px;margin:10px 0 8px}
.hero{padding:72px 0 96px}
.lead{text-wrap:balance}
html[lang=en] h1{letter-spacing:-.012em}
@media (max-width:600px){.hero{padding:28px 0 40px}.hero .wrap{gap:22px}.lead{margin-bottom:18px}.note{margin-top:12px;text-align:center}}
/* round 9 */
.vis{border-color:transparent}
.hero .wrap>.vis:before{display:none}
.vis{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold) 28%,transparent),0 0 0 1px var(--line),0 24px 60px -30px rgba(0,0,0,.6)}
.hero:after{display:none}
.pill{font-size:13.5px;color:color-mix(in srgb,var(--t) 80%,var(--bg))}
.nav a{color:color-mix(in srgb,var(--t) 80%,var(--bg))}
html[lang=ar] .hd .btn.sm{font-size:14.5px}
.btn.s{border-color:color-mix(in srgb,var(--t) 22%,transparent)}
@media (max-width:600px){.note{text-align:start}.vis{padding:12px 12px 4px}.route{height:96px}.cta{gap:10px}html[lang=en] h1 br{display:inline}}
/* round 10: sections */
[data-theme=light]{--m:#56565e}
.card p,.list li div{color:color-mix(in srgb,var(--t) 72%,var(--bg))}
.list li div b{color:var(--t)}
.cic2{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--card))}
.cic2 svg{width:26px;height:26px}
.cat{padding:20px;gap:12px}
.cat h3{margin:0 0 4px}
@media (min-width:981px){#catGrid .cat:nth-child(-n+2){grid-column:auto;flex-direction:column;align-items:stretch;gap:12px}}
#catGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.rcpt{max-width:460px}.rcpt .rh{font-size:13.5px;color:var(--m);padding-bottom:6px}
.rcpt .l b,.rcpt .tot b{font-variant-numeric:tabular-nums;direction:ltr}
#fair .split{align-items:center}
.card.sos{background:var(--card);border-color:var(--line);grid-row:span 2;display:flex;flex-direction:column;justify-content:center}
.card.sos h3{font-size:22px}
.card.sos .ic{width:56px;height:56px;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}
.card.sos .ic svg{width:30px;height:30px}
.ic{width:46px;height:46px}.ic svg{width:24px;height:24px}
.offer{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:18px 20px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold) 25%,transparent)}
.offer .oh{display:flex;justify-content:space-between;align-items:center}
.offer .tm{font-size:13px;color:var(--m)}
.offer .bar{height:4px;border-radius:4px;background:var(--line);margin:12px 0 14px;overflow:hidden}.offer .bar i{display:block;height:100%;width:62%;background:var(--gold)}
.offer .net{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}
.offer .net b{color:var(--gold);font-size:18px}
.offer .ol{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.offer .ol span{color:var(--m)}
.offer .ob{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:14px}
.cities{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.city{text-align:center}
.legend span:not(.on) i{background:color-mix(in srgb,var(--t) 35%,var(--bg))}
#cities{padding-bottom:64px}
@media (max-width:980px){.cities{grid-template-columns:repeat(2,1fr)}.card.sos{grid-row:auto}}
/* round 11 */
@media (min-width:1100px){#catGrid{grid-template-columns:repeat(7,1fr);gap:12px}#catGrid .cat{padding:16px 14px}#catGrid .cat p{font-size:13.5px}}
@media (min-width:601px) and (max-width:1099px){#catGrid{grid-template-columns:repeat(2,1fr)}}
.cic2 svg{width:28px;height:28px}
.card.sos{grid-row:auto;justify-content:flex-start}
.card.sos h3{font-size:18px}.card.sos .ic{width:46px;height:46px}.card.sos .ic svg{width:24px;height:24px}
.n{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}
#how .g4{counter-reset:s;position:relative}
.rcpt .tot b{font-size:24px}
.rcpt small{font-size:13px}
.rcpt .tot{border-top:1px dashed color-mix(in srgb,var(--gold) 45%,var(--line));margin-top:6px}
.rcpt .l{border-bottom:0}
/* round 12 */
.cic2{border-color:var(--line)}
#catGrid .cat .txt{display:flex;flex-direction:column;flex:1}
#catGrid .cat .seats{margin-top:auto}
#captains .split{align-items:center}
.offer .src{margin:12px 0 0}
/* round 12 */
.cic2{border-color:var(--line)}
#catGrid .cat .txt{display:flex;flex-direction:column;flex:1}
#catGrid .cat .seats{margin-top:auto}
#captains .split{align-items:center}
.offer .src{margin:12px 0 0}
/* round 13 */
.eyebrow{display:block;margin-bottom:6px}
h2{margin-top:6px;line-height:1.35}html[lang=en] h2{line-height:1.2}
#catGrid .cat p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1100px){#catGrid .cat:nth-child(-n+4){border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}#catGrid .cat:nth-child(-n+4) .cic2{color:#0b0b0e;background:var(--gold);border-color:var(--gold)}}
.offer .ob .btn.p{background:color-mix(in srgb,var(--gold) 85%,var(--card));box-shadow:none;pointer-events:none}
.offer .ob .btn.s{pointer-events:none}
#captains .split>div:last-child{align-self:start;margin-top:40px}
.card p{font-size:15px}
@media (min-width:1100px){#catGrid{grid-template-columns:repeat(7,minmax(0,1fr))}}
#catGrid .cat{min-width:0}
/* round 14 */
#catGrid .cat p{white-space:normal;font-size:14px;line-height:1.5}
html[lang=ar] .card p{font-size:15.5px}
.offer .ob .btn.p{background:linear-gradient(180deg,#d9bc67,#C8A84E);opacity:.92}
#captains h2{margin-top:12px}
@media (min-width:1100px){#catGrid .cat:nth-child(-n+4){background:color-mix(in srgb,var(--gold) 6%,var(--card))}}
.rcpt{border-color:color-mix(in srgb,var(--gold) 35%,var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold) 30%,transparent),0 30px 80px -50px color-mix(in srgb,var(--gold) 50%,transparent);max-width:520px}
#fair .split{align-items:start}#fair .list{margin-top:44px}
/* round 15 */
#catGrid .cat:nth-child(-n+4){background:var(--card)!important}
#catGrid .cat:nth-child(-n+4) .cic2{color:var(--gold)!important;background:color-mix(in srgb,var(--gold) 7%,var(--card))!important;border-color:var(--line)!important}
.cat{position:relative}
.cat.top4{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.cat.top4 .cic2{color:#0b0b0e!important;background:var(--gold)!important;border-color:var(--gold)!important}
.cat .pop{position:absolute;top:12px;inset-inline-end:12px;font-size:11.5px;font-weight:700;color:var(--gold)}
.card{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t) 5%,transparent)}
.card:hover{transform:translateY(-2px)}
#captains .split{align-items:center}#captains .split>div:last-child{margin-top:0}
#captains{padding-bottom:72px}
@media (max-width:600px){#catGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#catGrid .cat{padding:14px 12px;gap:8px}#catGrid .cat p{font-size:13.5px}.cat .pop{position:static;order:-1}.cic2{width:40px;height:40px}#how .g4{border-inline-start:1.5px solid color-mix(in srgb,var(--gold) 40%,var(--line));padding-inline-start:14px}}
/* round 16 */
@media (max-width:600px){#how .g4{border:0;padding:0}#catGrid .cat p{display:none}.offer .src,.src{font-size:13px}}
.offer .src{color:color-mix(in srgb,var(--t) 70%,var(--bg))}
.list li{gap:10px}
.cat.top4{background:color-mix(in srgb,var(--gold) 5%,var(--card))!important}
#captains .split>div:last-child{position:sticky;top:96px;align-self:start}
/* round 17 */
.offer .net span small,.rcpt .l span small{display:block;font-size:12.5px;color:var(--m)}
.offer .net b,.offer .ol b,.fare b,.rcpt b{white-space:nowrap}
.offer .bar{background:color-mix(in srgb,var(--t) 14%,var(--card))}
.city:not(.on) b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-end:8px;vertical-align:middle;background:color-mix(in srgb,var(--t) 35%,var(--bg))}
.city{cursor:default}.city.on{background:var(--card)}
@media (max-width:600px){.card{padding:18px}.g3 .card{display:grid;grid-template-columns:46px 1fr;column-gap:14px}.g3 .card .ic{grid-row:span 2}.g3 .card h3{margin:2px 0 4px}#fair .list{margin-top:28px}}
.city{display:flex;align-items:center;justify-content:center;font-size:14.5px}
summary{align-items:flex-start}