/* PARELO customer app – Yön A identity (navy + gold, kemer/arch mask) on light, high-contrast content surfaces
   (Mahmud 20 Eki 22:40: readability first). Photo areas keep the night look through the scoped .dark token set
   (darkening overlay >= 76 % under text). Gold only for thin lines, the primary button and the selected state.
   Only var(--…) colours in rules. Fonts are self-hosted (fonts/, OFL) – no third-party requests.
   Contrast (WCAG AA): text-1 16:1, text-2 11:1, text-3 7:1 on surface; controls (ctl) 4.6:1; gold button 7.9:1. */

/* ---------- fonts: one family per role, script picked by unicode-range ---------- */
/* Brand fonts, set A (KARAR n202610222145, Mahmud 22 Eki 21:28): Arabic headings El Messiri, Arabic text and buttons Almarai;
   Latin headings Cormorant Garamond, Latin text and digits Inter. Self-hosted (fonts/, OFL), no third-party requests.
   One family per script (fallback order in --f-body / --f-head): Chrome does not fall through unicode-range faces of ONE family
   whose weight ranges overlap (that is why Arabic rendered in the system fallback font before 22 Eki 22:00). */
@font-face{font-family:"PareloLatin";src:url(fonts/inter.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"PareloLatinHead";src:url(fonts/cormorant-garamond.woff2) format("woff2");font-weight:300 900;font-display:swap;
  unicode-range:U+0041-005A,U+0061-007A,U+00C0-00FF,U+0100-017F,U+0218-021B,U+2018-201E}
@font-face{font-family:"PareloAr";src:url(fonts/almarai-400.woff2) format("woff2");font-weight:300 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069}
@font-face{font-family:"PareloAr";src:url(fonts/almarai-700.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069}
@font-face{font-family:"PareloAr";src:url(fonts/almarai-800.woff2) format("woff2");font-weight:800 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069}
@font-face{font-family:"PareloArHead";src:url(fonts/el-messiri.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069}

:root{
  --c-navy-950:#081226;--c-navy-900:#0D1B33;--c-navy-800:#15284B;--c-navy-700:#1C3463;
  --c-ivory:#F4EFE4;--c-paper:#F7F6F3;--c-edge:#E6E2D9;--c-ink-m:#5B6475;--c-white:#FFFFFF;--c-cream:#FFF6DC;--c-gold-500:#C9A227;--c-gold-300:#D8B860;--c-gold-700:#7A5E00;
  --c-ink-2:#2E3A55;--c-ink-3:#4A5468;--c-ctl:#6B7385;--c-sand:#E7E0D0;--c-red:#A3271B;
  /* light content surfaces (default) */
  --bg:var(--c-paper);--bg-deep:var(--c-navy-950);--surface:var(--c-white);--surface-2:var(--c-cream);--track:#9AA1AE;
  --text-1:var(--c-navy-900);--text-2:var(--c-ink-2);--text-3:var(--c-ink-3);
  --gold:var(--c-gold-500);--gold-text:var(--c-gold-700);--on-gold:var(--c-navy-900);--knob:var(--c-white);--danger:var(--c-red);
  --line:var(--c-edge);--line-2:rgb(201 162 39 / .55);--line-3:var(--c-gold-500);--ctl:var(--c-ctl);
  --glass:rgb(255 255 255 / .94);--glass-2:rgb(255 255 255 / .97);--hi:0 1px 2px rgb(13 27 51 / .06),0 4px 14px rgb(13 27 51 / .07);--shadow:0 10px 30px rgb(13 27 51 / .16);
  /* photo darkening under text: never lighter than 76 % */
  --ov:rgb(8 18 38 / .78);--ov-2:rgb(8 18 38 / .86);--ov-3:rgb(8 18 38 / .94);--ov-0:rgb(8 18 38 / 0);
  --scrim:rgb(13 27 51 / .6);--focus:var(--c-navy-900);
  --f-body:"PareloLatin","PareloAr",system-ui,-apple-system,"Segoe UI","Noto Sans Arabic",Tahoma,sans-serif;
  --f-head:"PareloLatinHead","PareloLatin","PareloArHead","PareloAr",system-ui,"Segoe UI","Noto Kufi Arabic","Noto Sans Arabic",sans-serif;
  --f-num:"PareloLatin","PareloAr",system-ui,"Segoe UI",sans-serif;
  /* Latin sizes; Arabic gets ~2 pt more below */
  --fs-hero:32px;--fs-h1:28px;--fs-h2:20px;--fs-h3:17px;--fs-body:16px;--fs-small:15px;--fs-cap:14px;--fs-tab:12px;--fs-tl:14px;
  --r-sm:12px;--r-md:16px;--r-lg:22px;--r-pill:999px;--tap:44px;--gut:16px;--bar-h:64px;
  --sat:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--sab:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));
  color-scheme:light}
[dir="rtl"]{--fs-hero:34px;--fs-h1:30px;--fs-h2:22px;--fs-h3:19px;--fs-body:18px;--fs-small:17px;--fs-cap:16px;--fs-tab:13px;--fs-tl:16px}
/* night set: photo areas (and an optional whole-app dark theme) */
.dark,:root[data-theme="dark"]{--text-1:var(--c-ivory);--text-2:#E3E7EE;--text-3:#C9D0DB;--surface:var(--c-navy-800);--surface-2:var(--c-navy-700);
  --line:rgb(216 184 96 / .22);--line-2:rgb(216 184 96 / .4);--ctl:rgb(244 239 228 / .6);--glass:rgb(13 27 51 / .72);--glass-2:rgb(13 27 51 / .92);--focus:var(--c-gold-300);--hi:inset 0 1px 0 rgb(255 255 255 / .06);color:var(--text-1)}
:root[data-theme="dark"]{--bg:var(--c-navy-900);color-scheme:dark}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text-1);overflow-x:clip;-webkit-tap-highlight-color:transparent}
body{font:400 var(--fs-body)/1.55 var(--f-body);font-variant-numeric:tabular-nums}
[dir="rtl"] body{line-height:1.7}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.n{font-family:var(--f-num);font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pv{position:relative;z-index:40;margin-top:var(--sat);background:var(--gold);color:var(--on-gold);text-align:center;font:600 13px/1.6 var(--f-body);padding:2px 8px}
.pv~.app .hdr,.pv~.app .thead,.pv~.app .xchips{padding-top:12px}
.pv~.app .splash{padding-top:44px}
/* status-bar area stays paper while content scrolls under it (edge-to-edge; dark status icons, docs/android.md) */
body::before{content:"";position:fixed;inset:0 0 auto 0;height:var(--sat);background:var(--bg);z-index:65}
.app{max-width:560px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg)}
.view{display:block;padding-bottom:calc(var(--bar-h) + 96px + var(--sab))}
.view.nobar{padding-bottom:calc(190px + var(--sab))}
.view.tall{padding-bottom:calc(240px + var(--sab))}
.view.bare{padding-bottom:0}
h1,h2,h3{margin:0;font-family:var(--f-head);font-weight:700;line-height:1.35;text-wrap:balance;color:var(--text-1)}
/* Brand: headings Cormorant Garamond (Latin) / El Messiri (Arabic) via --f-head; small card labels stay in the text face */
h2,h3{font-family:var(--f-head);font-weight:700}
.drv b,.pc .t{font-family:var(--f-body);font-weight:700}
.kick{display:block;width:48px;height:2px;background:var(--gold)}
.lvn{font:700 13px/1.4 var(--f-num);letter-spacing:.18em;text-transform:uppercase;color:var(--text-1)}
.muted{color:var(--text-3)}
.stack{display:grid;gap:12px}.stack.s8{gap:8px}
.row2{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

/* ---------- header ---------- */
.hdr{position:relative;z-index:5;display:grid;gap:12px;padding:calc(10px + var(--sat)) var(--gut) 0}
.hdr .hrow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}
.hdr.over{position:absolute;inset:0 0 auto 0}
.hdr.st{position:sticky;top:0;z-index:20;background:rgb(247 246 243 / .94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:10px;border-bottom:1px solid var(--line)}
.steps ol{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.steps li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:16px;color:var(--c-ink-m);font-weight:500}
[dir="rtl"] .steps li{font-size:13px}
.steps .bar{height:3px;border-radius:2px;background:#DEDAD1}
.steps li.done .bar{background:var(--c-navy-900)}.steps li.done{color:var(--text-1)}
.steps li.now .bar{background:var(--gold)}.steps li.now{color:var(--text-1);font-weight:700}
.wm{font:600 15px/1 var(--f-num);letter-spacing:.28em;padding-inline-start:.28em;color:var(--text-1);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.ib{flex:none;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--line);color:var(--text-1)}
.dark .ib{border-color:var(--line-2)}
.ib svg{width:22px;height:22px}
[dir="rtl"] .flip{transform:scaleX(-1)}
[dir="ltr"] .flip2{transform:scaleX(-1)}
.sp44{width:48px;flex:none}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--line-2);color:var(--text-1);font-size:var(--fs-cap)}
.pill .bar{width:1px;height:14px;background:var(--line-3)}
.pill svg{width:18px;height:18px;color:var(--gold)}

/* ---------- photos, overlays, arch ---------- */
.ph{position:relative;overflow:hidden;background:var(--c-navy-800)}
.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ov-b{position:absolute;inset:0;background:linear-gradient(180deg,var(--ov) 0%,var(--ov) 12%,rgb(8 18 38 / .25) 30%,rgb(8 18 38 / .25) 38%,var(--ov) 58%,var(--ov-3) 100%)}
.ov-f{position:absolute;inset:0;background:var(--ov-2)}
.arch{-webkit-mask:url(arch.svg) center/100% 100% no-repeat;mask:url(arch.svg) center/100% 100% no-repeat}
.archline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.archline path{fill:none;stroke:var(--gold);stroke-opacity:.85;stroke-width:1;vector-effect:non-scaling-stroke}

/* ---------- prices: USD first, TL on the same line ---------- */
/* USD and TL on the SAME line in the SAME size (Mahmud 22 Eki); "VAT incl." small after them */
.pl{--pf:22px;display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;font-size:var(--pf)}
.pl.l{--pf:27px}.pl.m{--pf:21px}.pl.s{--pf:18px}.pl.xs{--pf:16px}
.pl .pre{font-size:var(--fs-cap);color:var(--text-3);font-weight:600}
.usd,.pl .tl{font:700 var(--pf)/1.3 var(--f-num);color:var(--text-1);letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate}
.tlv{display:inline-flex;flex-wrap:nowrap;align-items:baseline;gap:6px;font-size:var(--pf);line-height:1.3;white-space:nowrap;color:var(--text-1)}
.tlv small{font:500 13px/1.3 var(--f-body);color:var(--text-3)}
[dir="rtl"] .tlv small{font-size:14px}
.dark .tlv small{color:var(--text-2)}
.ref{display:block;font-size:var(--fs-cap);color:var(--text-3)}
.fx bdi{white-space:nowrap}
.fx{margin:8px 0 0;font-size:var(--fs-cap);color:var(--text-3)}
.pp{font-size:var(--fs-cap);color:var(--text-3)}

/* ---------- splash ---------- */
.splash{position:relative;min-height:100vh;min-height:100dvh;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;padding:calc(40px + var(--sat)) var(--gut) calc(24px + var(--sab));overflow:hidden}
.splash .glow{position:absolute;top:20%;left:50%;width:140%;height:55%;transform:translateX(-50%);background:radial-gradient(closest-side,rgb(201 162 39 / .16),rgb(201 162 39 / 0) 70%);pointer-events:none}
.splash .wm{font-size:22px}
.splash .gate{position:relative;width:min(280px,66vw);aspect-ratio:3/4;margin-top:20px}
.splash .gate .ph{position:absolute;inset:10px 10px 0}
.splash .gate .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ov-0) 55%,var(--ov) 85%,var(--bg-deep) 100%)}
.splash .txt{position:relative;text-align:center;margin-top:18px;display:grid;gap:10px}
.splash h1{font-size:var(--fs-hero);line-height:1.35}
.splash p{margin:0;color:var(--text-2);font-size:var(--fs-small)}
.splash .acts{position:relative;margin-top:auto;padding-top:22px;width:100%;max-width:440px;display:grid;justify-items:center;gap:14px}
@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.15s}.d2{animation-delay:.3s}
  .drift>img{animation:drift 22s ease-in-out infinite alternate}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.12)}}}

/* ---------- buttons ---------- */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:var(--r-pill);background:var(--c-navy-900);color:var(--c-white);font-weight:700;font-size:calc(var(--fs-body) + 1px);text-decoration:none;border:0;box-shadow:0 6px 18px rgb(13 27 51 / .22)}
.cta.gold,.dark .cta{background:var(--gold);color:var(--on-gold);box-shadow:0 4px 14px rgb(201 162 39 / .35)}
.cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cta.w{display:flex;width:100%}
.cta svg{width:20px;height:20px}
.cta:disabled{opacity:.6;cursor:default;box-shadow:none}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--r-pill);border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font-weight:600;font-size:var(--fs-small);text-decoration:none}
.btn2.w{display:flex;width:100%;min-height:52px}
.btn2.sm{min-height:44px;padding:0 14px;gap:6px;font-size:var(--fs-cap)}
.btn2.sm svg{width:16px;height:16px}
.btn2 svg{width:18px;height:18px}
.btn2[aria-pressed="true"]{background:var(--surface-2);border-color:var(--gold)}
.lnk2{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--text-1);font-size:var(--fs-small);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold);text-decoration-thickness:2px}

/* ---------- home ---------- */
.hero{position:relative;min-height:min(460px,64vh);display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--gut) 56px}
.hero>.ph{position:absolute;inset:0}
.hero .in{position:relative;display:grid;gap:12px}
.hero h1{font-size:var(--fs-hero);line-height:1.35}
.trust{margin:0;display:flex;align-items:center;gap:10px;font-size:var(--fs-small);color:var(--text-2)}
.trust svg{width:22px;height:22px;flex:none;color:var(--gold)}
.tripbox{position:relative;z-index:3;margin:-36px var(--gut) 0;padding:14px;display:grid;gap:10px;box-shadow:var(--shadow)}
.tpl{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;padding:2px 6px;text-decoration:none;color:var(--text-1)}
.tpl small{flex-basis:100%;font-size:var(--fs-cap);color:var(--text-3)}
.tpl b{flex:1;min-width:0;font-weight:600;font-size:var(--fs-body)}
.sec{padding:28px var(--gut) 0}
.sech{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-bottom:12px;flex-wrap:wrap}
.sech h2{font-size:var(--fs-h2)}
.sech span{font-size:var(--fs-cap);color:var(--text-3)}
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.pc{flex:none;position:relative;width:min(300px,82vw);min-height:400px;border-radius:var(--r-lg);overflow:hidden;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--text-1);box-shadow:var(--shadow)}
.pc>.ph{position:absolute;inset:0}
.pc .frame{position:absolute;inset:8px;border-radius:var(--r-md);border:1px solid var(--line-2);pointer-events:none}
.pc .top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:22px 22px 0}
.pc .bot{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 22px 22px}
.pc .t{font-family:var(--f-head);font-weight:600;font-size:var(--fs-h2);line-height:1.35}
.pc .m{font-size:var(--fs-cap);color:var(--text-2)}
.pc .hr{height:1px;margin:6px 0 4px;background:var(--line-2)}
.pc .fam{font-size:var(--fs-cap);color:var(--text-2)}
.note{margin:10px 0 0;font-size:var(--fs-cap);color:var(--text-3)}
.steps4{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.steps4::before{content:"";position:absolute;top:10px;inset-inline:12%;height:2px;background:var(--line-2)}
.steps4 li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:var(--fs-cap);line-height:1.45;font-weight:600}
.steps4 li::before{content:"";width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--bg)}
.steps4 small{display:block;color:var(--text-3);font-size:var(--fs-cap);font-weight:400}
.drv{position:relative;display:flex;min-height:132px;border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--text-1);box-shadow:var(--shadow)}
.drv>.ph{position:absolute;inset:0}
.drv>.ph>img{object-position:30% 55%}
.drv .sh{position:absolute;inset:0;background:linear-gradient(to left,var(--ov-3) 0%,var(--ov-2) 65%,rgb(8 18 38 / .45) 100%)}
[dir="ltr"] .drv .sh{background:linear-gradient(to right,var(--ov-3) 0%,var(--ov-2) 65%,rgb(8 18 38 / .45) 100%)}
.drv .x{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 20px;max-width:76%}
.drv b{font-family:var(--f-head);font-weight:600;font-size:var(--fs-h2)}
.drv span{font-size:var(--fs-cap);color:var(--text-2)}
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 4px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--hi);text-decoration:none;font-size:var(--fs-small);font-weight:600;text-align:center}
.cat svg{width:28px;height:28px;color:var(--gold-text)}
.help{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--hi);text-decoration:none;color:var(--text-1)}
.help svg{width:26px;height:26px;flex:none;color:var(--gold-text)}
.help b{display:block;font-weight:600}
.help span{font-size:var(--fs-cap);color:var(--text-3)}

/* ---------- page heads ---------- */
.ptitle{display:grid;gap:6px;padding:14px var(--gut) 0}
.ptitle h1{font-size:var(--fs-h1)}
.ptitle p{margin:0;color:var(--text-2);font-size:var(--fs-small)}

/* ---------- builder ---------- */
.card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:none}
.ctrs{padding:4px 18px 14px}
.ctr{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;border-bottom:1px solid var(--line)}
.ctr:last-child{border-bottom:0}
.ctrs.one{margin-top:12px}
.ctr .x{display:flex;flex-direction:column;min-width:0}
.ctr b{font-weight:600;font-size:var(--fs-h3)}
.ctr small{font-size:var(--fs-cap);color:var(--text-3)}
.stp{display:flex;align-items:center;gap:12px;flex:none}
.stp button{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1)}
.stp button.up{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--c-white)}
.dark .stp button.up{background:var(--c-gold-500);border-color:var(--c-gold-500);color:var(--c-navy-900)}
.stp button:disabled{opacity:.35;cursor:default}
.stp button svg{width:16px;height:16px}
.stp output{min-width:24px;text-align:center;font:700 20px var(--f-num)}
.cnote{margin:10px 0 0;display:flex;align-items:center;gap:8px;font-size:var(--fs-cap);color:var(--text-3)}
.cnote svg{width:18px;height:18px;flex:none}
.warn{margin:12px 0 0;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface-2);font-size:var(--fs-small);color:var(--text-1)}
.date{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 18px}
.date svg{width:24px;height:24px;flex:none;color:var(--gold-text)}
.date label{flex:1;display:flex;flex-direction:column;min-width:0}
.date small{font-size:var(--fs-cap);color:var(--text-3)}
.date label{position:relative;min-height:52px;justify-content:center}
.date .dv{font-weight:700;font-size:var(--fs-body)}
/* native picker stays (accessibility, locale calendars) but its mm/dd/yyyy text is hidden under the localized label */
.date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0}
.date:focus-within{box-shadow:0 0 0 3px var(--focus)}
.rowh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:18px 0 10px}
.rowh b{font-weight:600}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{min-width:56px;height:52px;padding:0 16px;border-radius:26px;border:1.5px solid var(--ctl);background:var(--surface);font:600 18px var(--f-num);color:var(--text-1)}
.chip[aria-checked="true"]{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:800}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg button{min-height:48px;padding:0 16px;border-radius:24px;border:1.5px solid var(--ctl);background:var(--surface);font-size:var(--fs-small);color:var(--text-1)}
.seg button[aria-checked="true"]{border-color:var(--gold);background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--gold);font-weight:700}
.lvls{display:grid;gap:10px}
.lvc{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;padding:8px;border-radius:26px;background:var(--surface);border:2px solid var(--line);color:var(--text-1);text-align:start}
.lvc[aria-checked="true"]{border-color:var(--c-navy-900);box-shadow:0 10px 30px rgb(13 27 51 / .10)}
.lvc .th{position:relative;display:block;height:160px;border-radius:18px;overflow:hidden}
.lvc .th .ph{position:absolute;inset:0}
.lvc .r1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lvc .mt{font-size:var(--fs-cap);color:var(--text-3)}
.lvc .lvn{font-size:15px}
.lvc .lvn,.xt .pl,.lvc .pl{align-self:flex-start}
.lvc .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:2px 8px 8px}
.lvc .st{font-weight:600;font-size:var(--fs-small)}
.lvc .ds{font-size:var(--fs-cap);color:var(--text-3)}
.lvc .ck{position:absolute;top:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--gold);color:var(--c-navy-900)}
.lvc .ck svg{width:16px;height:16px}
.lvc[aria-checked="true"] .ck{display:flex}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 16px;border-radius:20px;border:2px solid var(--line);background:var(--surface);color:var(--text-1);text-align:start}
.opt[aria-checked="true"]{background:var(--surface-2);border-color:var(--gold)}
.opt .dot{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--ctl);display:flex;align-items:center;justify-content:center}
.opt[aria-checked="true"] .dot{border-color:var(--c-navy-900)}
.opt[aria-checked="true"] .dot::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--c-navy-900)}
.opt .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.opt b{font-weight:700}
.opt small{font-size:var(--fs-cap);color:var(--text-3)}

/* ---------- bottom action bar ---------- */
.abar{position:fixed;inset:auto 0 0 0;z-index:30;padding:0 10px calc(10px + var(--sab));pointer-events:none}
.abar::before{content:"";position:absolute;inset:-28px 0 0 0;background:linear-gradient(180deg,rgb(246 242 233 / 0),var(--bg) 40%);pointer-events:none}
.abar .in{position:relative;max-width:540px;margin:0 auto;padding:12px 14px;border-radius:24px;background:var(--glass-2);border:1px solid var(--line-2);box-shadow:var(--shadow);display:grid;gap:10px;pointer-events:auto}
.abar .lbl{font-size:var(--fs-cap);color:var(--text-3)}
.abar .sum{margin:0;text-align:center;font-weight:600;font-size:var(--fs-small)}
.brow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brow .bl{min-width:0;flex:1}
.brow .cta{flex:none;padding:0 20px}
.btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.btns .btn2{min-height:56px}
@media (max-width:370px){.brow{flex-wrap:wrap}.brow .cta{flex:1 1 100%}}
.abar .msg{margin:0;font-size:var(--fs-cap);color:var(--text-2)}

/* ---------- package detail ---------- */
.phero{position:relative;min-height:min(440px,62vh);display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--gut) 22px}
.phero>.ph{position:absolute;inset:0}
.phero .in{position:relative;display:grid;gap:8px;justify-items:start}
.phero h1{font-size:var(--fs-h1);line-height:1.4}
.phero p{margin:0;color:var(--text-2);font-size:var(--fs-small)}
.lvrow{display:flex;align-items:center;gap:12px}
.incg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;column-gap:14px;row-gap:2px}
@media (min-width:460px){.incg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.incg li{display:flex;align-items:center;gap:10px;min-height:48px;font-size:var(--fs-small);line-height:1.4}
.incg svg{width:22px;height:22px;flex:none;color:var(--gold-text)}
.incl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.incl li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-small)}
.incl svg{width:20px;height:20px;flex:none;margin-top:4px;color:var(--text-3)}
.stay{padding:4px 18px}
.stay .r{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.stay .r:last-child{border-bottom:0}
.stay .ic{flex:none;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);overflow:hidden}
.stay .ic svg{width:24px;height:24px;color:var(--gold-text)}
.stay .ic img{width:100%;height:100%;object-fit:cover}
.stay .x{flex:1;min-width:0;display:flex;flex-direction:column}
.stay small{font-size:var(--fs-cap);color:var(--text-3)}
.stay b{font-weight:700;font-size:var(--fs-h3)}
.xts{display:grid;gap:10px}
.xt{border-radius:20px;background:var(--surface);border:2px solid transparent;box-shadow:var(--hi)}
.xt.on{background:var(--surface-2);border-color:var(--gold)}
.xt>button{display:flex;align-items:center;gap:14px;width:100%;padding:12px;color:var(--text-1);text-align:start;border-radius:20px}
.xt .im{flex:none;width:64px;height:64px;border-radius:14px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.xt .im img{width:100%;height:100%;object-fit:cover}
.xt .im svg{width:28px;height:28px;color:var(--gold-text)}
.xt .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.xt b{font-weight:700}
.xt small{font-size:var(--fs-cap);color:var(--text-3)}
.sw{flex:none;width:54px;height:32px;border-radius:var(--r-pill);padding:3px;display:flex;background:var(--track);transition:background-color .25s}
.sw i{width:26px;height:26px;border-radius:50%;background:var(--knob);box-shadow:0 2px 6px rgb(0 0 0 / .3);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.xt.on .sw{background:var(--c-navy-900)}
.xt.on .sw i{transform:translateX(22px)}
[dir="rtl"] .xt.on .sw i{transform:translateX(-22px)}
.xt .q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 12px;padding-inline-start:90px;font-size:var(--fs-cap);color:var(--text-2)}
.facts{padding:24px var(--gut) 0}
.fact{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.fact:first-child{border-top:1px solid var(--line)}
.fact svg{width:22px;height:22px;flex:none;margin-top:2px;color:var(--gold-text)}
.fact .x{display:flex;flex-direction:column}
.fact small{font-size:var(--fs-cap);color:var(--text-3)}
/* day-by-day program */
.dtabs{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gut)) 6px;padding:2px var(--gut) 6px;scrollbar-width:none}
.dtabs::-webkit-scrollbar{display:none}
.dtab{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;min-height:56px;padding:6px 12px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--text-1)}
.dtab b{font-weight:700;font-size:var(--fs-small)}
.dtab small{font-size:12px;color:var(--text-3)}
.dtab[aria-selected="true"]{border-color:var(--gold);background:var(--surface-2);box-shadow:inset 0 -3px 0 var(--gold)}
.dtitle{margin:8px 0 4px;font-weight:600}
.prog{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0}
.prog li{display:flex;gap:12px}
.prog .tm{flex:none;width:52px;padding-top:12px;font-weight:700;font-size:var(--fs-small);color:var(--text-1);text-align:center;position:relative}
.prog .tm::after{content:"";position:absolute;top:40px;bottom:-6px;left:50%;width:2px;background:var(--line-2)}
.prog li:last-child .tm::after{display:none}
.prog .pi{flex:1;min-width:0;display:flex;gap:12px;align-items:center;margin-bottom:10px;padding:10px;border-radius:18px;background:var(--surface);box-shadow:var(--hi)}
.prog .pth{flex:none;width:56px;height:70px;display:block;overflow:hidden}
.prog .pth img{width:100%;height:100%;object-fit:cover}
.prog .pic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.prog .pic svg{width:22px;height:22px;color:var(--gold-text)}
.prog .x{display:flex;flex-direction:column;min-width:0}
.prog b{font-weight:600}
.pnotes{margin:6px 0 0;padding-inline-start:20px;font-size:var(--fs-cap);color:var(--text-3)}
.prog small{font-size:var(--fs-cap);color:var(--text-3)}

/* ---------- summary ---------- */
.shead{position:relative;padding-bottom:22px;background:var(--c-navy-900)}
.shead>.ph{position:absolute;inset:0}
.shead .in{position:relative;display:grid;gap:6px;padding:28px var(--gut) 0}
.shead h1{font-size:var(--fs-h1)}
.shead p{margin:0;font-size:var(--fs-small);color:var(--text-2)}
.sumc{margin:16px var(--gut) 0;padding:4px 18px 18px}
.sr2{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 0;border-bottom:1px solid var(--line)}
.sr2>svg{width:22px;height:22px;flex:none;color:var(--gold-text)}
.sr2 .x{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.sr2 .v:empty{display:none}
.sr2 b{font-weight:600;font-size:var(--fs-small)}
.sr2 small{font-size:var(--fs-cap);color:var(--text-3)}
.sr2 .v{flex:none;font-size:var(--fs-cap);color:var(--text-2);text-align:end;font-weight:600}
.tot{display:flex;flex-direction:column;gap:6px;padding-top:16px}
.tot .hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.tot b{font-weight:700}
.trustline{margin:14px 0 0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);font-size:var(--fs-small)}
.trustline svg{width:22px;height:22px;flex:none;color:var(--gold-text)}
ol.plan{position:relative;margin:0;padding:0;display:grid;gap:14px}
.plan::before{content:"";position:absolute;top:12px;bottom:24px;inset-inline-start:5px;width:2px;background:var(--line-2)}
.plan li{position:relative;display:flex;align-items:flex-start;gap:16px;list-style:none}
.plan li::before{content:"";flex:none;width:12px;height:12px;margin-top:9px;border-radius:50%;background:var(--gold)}
.plan .x{flex:1;display:flex;flex-direction:column}
.plan b{font-weight:600;font-size:var(--fs-small)}
.plan small{font-size:var(--fs-cap);color:var(--text-3)}
.after{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.after li{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:2px solid var(--line-2);font-size:var(--fs-cap);line-height:1.5;font-weight:600}
.after li:first-child{border-top-color:var(--gold)}
.after b{font:700 16px var(--f-num);color:var(--gold-text)}
.ptxt{margin:0;font-size:var(--fs-small);color:var(--text-2)}
.offer{display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;font-size:var(--fs-cap);color:var(--text-2)}

/* ---------- trip / request status ---------- */
.req{margin:16px var(--gut) 0;padding:18px}
.req .code{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.req .code small{font-size:var(--fs-cap);color:var(--text-3)}
.req .code b{font:700 26px/1.2 var(--f-num);letter-spacing:.06em;color:var(--text-1)}
.sentc .code{flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--r-sm);background:var(--surface-2,rgba(0,0,0,.04));text-align:center}
.sentc .code b{font-size:clamp(24px,7.5vw,36px);letter-spacing:.06em;white-space:nowrap;user-select:all}
.sentc .ptxt{margin:14px 0 0}
.tl3{list-style:none;margin:16px 0 0;padding:0;display:grid}
.tl3 li{position:relative;display:flex;gap:14px;min-height:52px;padding-bottom:12px}
.tl3 li::after{content:"";position:absolute;top:26px;bottom:0;inset-inline-start:12px;width:2px;background:var(--line)}
.tl3 li:last-child::after{display:none}
.tl3 .d{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--ctl);display:flex;align-items:center;justify-content:center;background:var(--surface)}
.tl3 .d svg{width:14px;height:14px}
.tl3 li.done .d{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--c-white)}
.tl3 li.done::after{background:var(--gold)}
.tl3 li.now .d{border-color:var(--gold);box-shadow:0 0 0 4px rgb(201 162 39 / .25)}
.tl3 .x{display:flex;flex-direction:column;padding-top:1px}
.tl3 b{font-weight:700}
.tl3 li:not(.done) b{color:var(--text-3);font-weight:500}
.thead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(18px + var(--sat)) var(--gut) 0}
.thead h1{font-size:var(--fs-h1)}
.thead p{margin:2px 0 0;font-size:var(--fs-cap);color:var(--text-3)}
.cl{display:grid;gap:10px}
.ci{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}
.ci .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.ci b{font-weight:700}
.ci small{font-size:var(--fs-cap);color:var(--text-3)}
.ci .stp{margin-top:6px}
.totc{margin-top:10px}
.rm{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--danger)}
.rm svg{width:18px;height:18px}
.sh3{margin:4px 0 10px;font-size:var(--fs-h3)}
.empty{margin:24px 0;text-align:center;color:var(--text-2)}
.stack{margin-top:14px}

/* ---------- explore ---------- */
.xchips{position:sticky;top:0;z-index:10;display:flex;gap:8px;overflow-x:auto;padding:calc(12px + var(--sat)) var(--gut) 10px;background:var(--bg);scrollbar-width:none;box-shadow:0 1px 0 var(--line)}
.xchips::-webkit-scrollbar{display:none}
.xchip{flex:none;display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:23px;border:1.5px solid var(--ctl);background:var(--surface);text-decoration:none;font-weight:600;font-size:var(--fs-small)}
.xchip[aria-current="page"]{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--c-white)}
.tools{display:grid;gap:10px;padding:12px var(--gut) 4px}
.tools input{width:100%;min-height:52px;padding:10px 18px;border-radius:26px;border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1)}
.tools input::placeholder{color:var(--text-3)}
.fchips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 4px;scrollbar-width:none}
.fchips::-webkit-scrollbar{display:none}
.fchip{flex:none;min-height:44px;padding:0 14px;border-radius:22px;border:1.5px solid var(--line);background:var(--surface);font-size:var(--fs-cap);font-weight:600;color:var(--text-1)}
.fchip[aria-pressed="true"]{border-color:var(--gold);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--gold)}
.list{display:grid;gap:14px;padding:10px var(--gut) 0}
.it{overflow:hidden}
.it .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--line)}
.it .gal::-webkit-scrollbar{display:none}
.it .gal img{flex:none;width:100%;aspect-ratio:16/10;object-fit:cover;scroll-snap-align:start}
.it .bd{display:flex;gap:12px;align-items:flex-start;padding:14px 16px}
.it .ico{flex:none;width:46px;height:46px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.it .ico svg{width:24px;height:24px;color:var(--gold-text)}
.it .x{flex:1;min-width:0}
.it h3{font-family:var(--f-body);font-weight:700;font-size:var(--fs-h3);line-height:1.4}
.it p{margin:4px 0 0;font-size:var(--fs-small);color:var(--text-2)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tag{font-size:var(--fs-cap);padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text-2)}
.tag.ok{border-color:var(--gold);background:var(--surface-2);color:var(--text-1);font-weight:700}
.it .ft{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 16px 14px}
.it .ft .acts{display:flex;align-items:center;gap:8px}
.it .carx{border-top:1px solid var(--line,rgba(0,0,0,.08));padding-top:10px}
.it .carx .ptag a{color:inherit;font-weight:700;text-decoration:none}
.it .unit{font-size:var(--fs-cap);color:var(--text-3)}
.morebox{display:grid;gap:6px;text-align:center}

/* ---------- settings ---------- */
.grp{margin:14px var(--gut) 0;padding:4px 16px}
.grp.flush{margin:0}
.lrow{display:flex;align-items:center;gap:12px;min-height:58px;padding:6px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text-1);width:100%;text-align:start}
.lrow:last-child{border-bottom:0}
.lrow>svg{width:22px;height:22px;flex:none;color:var(--gold-text)}
.lrow .x{flex:1;min-width:0;display:flex;flex-direction:column}
.lrow .x bdi.n{white-space:nowrap}
.lrow small{font-size:var(--fs-cap);color:var(--text-3)}
.lrow .chev{width:18px;height:18px;color:var(--text-3)}
.txtc{margin:14px var(--gut) 0;padding:16px 18px}
.txtc h3{font-size:var(--fs-h3);margin-bottom:6px}
.txtc p{margin:0;font-size:var(--fs-small);color:var(--text-2)}
.ver{margin:22px var(--gut);font-size:var(--fs-cap);color:var(--text-3);text-align:center}

/* ---------- tab bar (floating pill) ---------- */
.tabbar{position:fixed;inset:auto 0 calc(10px + var(--sab)) 0;z-index:25;display:flex;justify-content:center;pointer-events:none}
.tabbar .in{pointer-events:auto;width:min(400px,calc(100% - 20px));height:var(--bar-h);border-radius:32px;background:var(--glass-2);border:1px solid var(--line-2);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);font-size:var(--fs-tab);color:var(--text-3);text-decoration:none;line-height:1.3;font-weight:600}
.tabbar a svg{width:24px;height:24px}
.tabbar a[aria-current="page"]{color:var(--text-1);font-weight:800}
.tabbar a[aria-current="page"] svg{color:var(--gold-text)}
.tabbar a[aria-current="page"]::after{content:"";position:absolute;bottom:6px;width:20px;height:3px;border-radius:2px;background:var(--gold)}
.badge{position:absolute;top:4px;inset-inline-start:calc(50% + 6px);min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--c-navy-900);color:var(--c-white);font:700 12px/20px var(--f-num);text-align:center}

/* ---------- language & currency sheet ---------- */
.scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:560px;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px var(--gut) calc(18px + var(--sab));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:var(--shadow)}
.grab{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--line)}
.shd{display:flex;align-items:center;justify-content:space-between}
.shd h2{font-size:var(--fs-h2)}
.xb{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-2);border:1.5px solid var(--line)}
.xb svg{width:18px;height:18px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.g3 .so{justify-content:center;padding:0 8px}.g3 .so svg{display:none}
.so{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--text-1);text-align:start;font-size:var(--fs-body)}
.so[aria-checked="true"]{background:var(--surface-2);border:2px solid var(--gold);font-weight:700}
.so svg{width:18px;height:18px;color:var(--text-1);visibility:hidden;flex:none}
.so[aria-checked="true"] svg{visibility:visible}
.so .k{flex:none;width:42px;font:700 14px var(--f-num);color:var(--text-2)}
.so .nm{flex:1;min-width:0;display:flex;flex-direction:column;font-size:var(--fs-small)}
.so .nm small{font-size:13px;color:var(--text-3);font-weight:400}
.so.big{min-height:62px}
.slbl{font-size:var(--fs-cap);font-weight:700;color:var(--text-2)}
.shr{height:1px;background:var(--line)}
.more{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--line);color:var(--text-1);font-size:var(--fs-small);width:100%}
.more svg{width:18px;height:18px;color:var(--text-3)}
.toast{position:fixed;inset-inline:16px;bottom:calc(var(--bar-h) + 24px + var(--sab));z-index:60;max-width:488px;margin:0 auto;padding:12px 16px;border-radius:var(--r-md);background:var(--c-navy-900);color:var(--c-white);text-align:center;font-weight:700;box-shadow:var(--shadow)}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sw,.sw i{transition:none}.spin{animation-duration:2s}}

/* ---------- Kolay · son (22 Eki): segmented meals, package photo, rows, totals, reassurance ---------- */
.seg2{display:flex;padding:4px;gap:4px;border-radius:30px;background:#ECE9E2}
.seg2 button{flex:1;min-height:48px;border-radius:26px;font-size:var(--fs-small);font-weight:500;color:var(--c-ink-3)}
.seg2 button[aria-checked="true"]{background:var(--surface);color:var(--text-1);font-weight:700;box-shadow:0 1px 3px rgb(13 27 51 / .12)}
.pkph{position:relative;height:200px;border-radius:24px;overflow:hidden}
.pkph>.ph{position:absolute;inset:0}
.ov-f2{position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,var(--ov-0),var(--ov-3))}
.pkph .cap{position:absolute;inset:auto 18px 16px 18px;display:flex;flex-direction:column;gap:2px;color:var(--text-1);font-size:var(--fs-small)}
.rows{padding:4px 18px 8px}
.rows .r{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.rows .ic{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--gold-text)}
.rows .ic svg{width:22px;height:22px}
.rows .x{flex:1;min-width:0;display:flex;flex-direction:column}
.rows small{font-size:var(--fs-cap);color:var(--text-3)}
.rows b{font-weight:700;font-size:var(--fs-small);line-height:1.5}
.totc{display:flex;flex-direction:column;gap:6px;padding:18px}
.totc .lbl,.tot .lbl{font-size:var(--fs-cap);color:var(--text-3);font-weight:600}
.assure{list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.assure li{display:flex;align-items:center;gap:10px;font-size:var(--fs-small);font-weight:600}
.assure svg{width:20px;height:20px;flex:none;color:var(--gold-text)}
.kvs{display:grid}
.kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line)}
.kv span{flex:none;font-size:var(--fs-cap);color:var(--text-3)}
.kv b{font-weight:700;font-size:var(--fs-small);text-align:end}
.ilines{list-style:none;margin:0;padding:0;display:grid}
.ilines li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.ilines .x{flex:1;min-width:0;display:flex;flex-direction:column}
.ilines b{font-weight:700;font-size:var(--fs-small)}
.ilines small{font-size:var(--fs-cap);color:var(--text-3)}
.ilines .v{flex:none;text-align:end}
.payc{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:16px}
.payc svg{width:24px;height:24px;flex:none;color:var(--gold-text)}
.payc .x{display:flex;flex-direction:column}.payc small{font-size:var(--fs-cap);color:var(--text-3)}
/* sent */
.sentc{display:grid;gap:12px;text-align:center}
.okc{display:grid;justify-items:center;gap:12px;padding:22px 12px;border-radius:24px;background:var(--c-navy-900);color:var(--c-white)}
.okic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--c-navy-900)}
.okic svg{width:28px;height:28px}
.okc .code{display:grid;gap:4px}
.okc .code small{font-size:var(--fs-cap);color:#D4D9E3}
.okc .code b{font:700 clamp(26px,8vw,36px)/1.2 var(--f-num);letter-spacing:.06em;white-space:nowrap;user-select:all;color:var(--c-white)}
.sentc h1{font-size:var(--fs-h1)}
.mini{display:grid;gap:6px;justify-items:center;padding:16px;text-align:center;font-size:var(--fs-small)}
.mini .assure{justify-self:stretch;text-align:start}
.mini2{display:grid;gap:4px;margin-top:8px;font-size:var(--fs-cap);color:var(--text-2)}
.ctr2{text-align:center}
.tsub{margin:4px var(--gut) 0;color:var(--text-3);font-size:var(--fs-small)}
/* driver */
.drvc{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:8px 0 12px}
.drvc .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--c-navy-900);color:var(--c-white);display:flex;align-items:center;justify-content:center}
.drvc .ic svg{width:22px;height:22px}
.drvc .x{flex:1;min-width:0;display:flex;flex-direction:column}
.drvc small{font-size:var(--fs-cap);color:var(--text-3)}.drvc b{font-weight:700}
.drvc .tm{font:700 24px var(--f-num)}
.dhero{position:relative;height:300px}
.dhero>.ph{position:absolute;inset:0}
.drvx{position:relative;z-index:3;margin:-48px var(--gut) 0;padding:20px;display:grid;gap:12px;box-shadow:var(--shadow)}
.drvx h1{font-size:var(--fs-h1)}
.drvx .lbl{font-size:var(--fs-cap);color:var(--text-3)}
.place{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--fs-small);color:var(--text-2)}
.place svg{width:20px;height:20px;flex:none;color:var(--gold-text)}
.tl3.h{display:flex;gap:6px;margin:4px 0 0}
.tl3.h li{flex:1;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:0;text-align:center;font-size:var(--fs-cap)}
.tl3.h li::after{display:none}

/* ---------- home: category icons + promo carousel ---------- */
.catrow{display:flex;gap:6px;overflow-x:auto;padding:22px var(--gut) 4px;scrollbar-width:none;scroll-snap-type:x proximity}
.catrow::-webkit-scrollbar{display:none}
.catb{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;text-decoration:none;color:var(--text-1);font-size:var(--fs-cap);font-weight:600;text-align:center;line-height:1.3;scroll-snap-align:start}
.catb .ci{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--c-navy-900)}
.catb:first-child .ci{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--gold)}
.catb .ci svg{width:28px;height:28px}
.promo .sech{margin-bottom:10px}
.crail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.crail::-webkit-scrollbar{display:none}
.slide{position:relative;flex:none;width:min(300px,80vw);scroll-snap-align:center;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.slide .smed{display:block;height:150px;background:var(--surface-2);overflow:hidden}
.slide .smed img{width:100%;height:100%;object-fit:cover;display:block}
.slide .sb{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.slide h3{font-size:var(--fs-h3);font-weight:700;line-height:1.35}
.slide h3 a{text-decoration:none;color:inherit}
.stretch::after{content:"";position:absolute;inset:0;z-index:1}
.stretch:focus-visible{outline:none}.stretch:focus-visible::after{outline:3px solid var(--focus);outline-offset:-3px;border-radius:inherit}
.one{margin:0;font-size:var(--fs-cap);color:var(--text-3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.slide .sf{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.slide .sp{min-width:0;display:flex;flex-direction:column}
.add{position:relative;z-index:2}
.unit{font-size:var(--fs-cap);color:var(--text-3)}
.dots{display:flex;justify-content:center;align-items:center;gap:0;margin-top:2px}
.dot{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-2)}
.dot i{width:8px;height:8px;border-radius:4px;background:#C9C4B8;transition:width .25s,background-color .25s}
.dot[aria-current="true"] i{width:22px;background:var(--c-navy-900)}
.dot.pz svg{width:18px;height:18px}
/* illustrated tiles for items without a photo (photo_kind null) */
.tile{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--gold-text)}
.tile svg{width:46%;height:46%;max-width:34px;max-height:34px}
.tile.t1{background:#F3ECDC;color:#7A5E00}.tile.t2{background:#FBEFE6;color:#8A4B22}.tile.t3{background:#E9F1EA;color:#2F5D3A}.tile.t4{background:#E6EDF6;color:#1C3463}
.tile.big{height:100%}.tile.big svg,.tile.huge svg{max-width:64px;max-height:64px}
.tile.huge{height:100%}
.thimg{display:block;overflow:hidden;background:var(--surface-2)}
.thimg img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- explore: picture rows ---------- */
.irow{position:relative;display:flex;gap:12px;padding:10px;align-items:stretch}
.irow>.th{flex:none;width:96px;height:96px;border-radius:16px}
.irow .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.irow h3{font-size:var(--fs-small);font-weight:700;line-height:1.4}
.irow h3 a{text-decoration:none;color:inherit}
.irow .ft{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ptag{min-width:0;display:flex;flex-direction:column}
.menus{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:var(--fs-cap)}
.menus li{display:flex;justify-content:space-between;gap:10px}

/* ---------- item detail ---------- */
.imed{height:220px;border-radius:24px;overflow:hidden;background:var(--surface-2)}
.imed img{width:100%;height:100%;object-fit:cover;display:block}
.ih{margin-top:16px;font-size:var(--fs-h1)}
.iprice{margin-top:10px;display:flex;flex-direction:column;gap:2px}
.sec .tags{margin-top:10px}
.sec>.ptxt{margin-top:10px}

/* cart rows */
.ci>.thimg,.ci>.tile,.ilines .thimg,.ilines .tile{flex:none;width:56px;height:56px;border-radius:14px}
.ci.off{opacity:.75}
.xt>button>.thimg,.xt>button>.tile{flex:none;width:64px;height:64px;border-radius:14px}
.xt .q{display:block;padding:0 12px 6px}
.xt .q .ctr{min-height:60px;border-bottom:0}
.ptag{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px}
.tabbar .in{width:min(440px,calc(100% - 16px))}
.tabbar a span:not(.badge){font-size:12px;white-space:nowrap}
.okc .code{padding:0;background:none;flex-direction:column;align-items:center}
.view.nobar~.toast,.toast{bottom:auto;top:calc(var(--sat) + 76px)}
/* bottom bar: the price keeps one line; the button drops below it when both do not fit */
.brow{flex-wrap:wrap;row-gap:10px}
.brow .bl{flex:1 1 280px}
.brow .cta{flex:1 0 auto}
.abar .pl{flex-wrap:nowrap}
.slide .sf{flex-direction:column;align-items:stretch;gap:6px}
.slide .sf .add,.slide .sf .btn2{align-self:flex-end}
/* the VAT note may wrap under; USD and TL stay together on one line */
.tlv{flex-wrap:wrap;row-gap:0}
.abar .tlv{flex-wrap:nowrap}
/* inline flow: USD + TL never separate; only the VAT note may wrap to the next line */
.pl{display:inline-block;line-height:1.3}
.pl>*{vertical-align:baseline}
.pl .pre,.pl .usd{margin-inline-end:6px}
.tlv{display:inline;white-space:normal}
.tlv .tl{white-space:nowrap;margin-inline-end:6px}
.pl .usd{white-space:nowrap}
.abar .pl,.abar .tlv{white-space:nowrap}
.tlw{white-space:nowrap}
.pl .sep{margin:0 6px;font:700 var(--pf)/1.3 var(--f-num);color:var(--text-3)}
.pl .usd{margin-inline-end:0}
/* UI review 22 Eki */
.lnk2{min-width:44px;padding:0 4px}
.xt.off>button{opacity:.6}
.xt .blk{color:var(--c-red);font-weight:600}
.okc .cta{margin-top:4px}
.okic.wait{background:var(--c-white)}
/* round 3 (22 Eki): cancellation line, Pazarlama 'Gezi boyunca' card spec */
.cxl{margin:10px 0 0;display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-cap);color:var(--text-2)}
.cxl svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--gold-text)}
.ci small.cx,.ilines small.cx{color:var(--text-2)}
.crail{gap:14px}
.slide{width:min(264px,78vw);border-radius:24px}
.slide .smed{height:auto;aspect-ratio:4/3}
.slide .pl{--pf:18px}
.slide .unit.sub{display:block}
.slide .add,.slide .sf .btn2{min-height:48px;padding:0 18px}
.add[aria-pressed="true"]{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--c-white)}
.txtc p+p{margin-top:8px}
.irow h3 a.stretch{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* acceptance list 24 Eki */
.ctab{width:100%;margin:12px 0 0;border-collapse:collapse;font-size:var(--fs-cap)}
.ctab th,.ctab td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.ctab th{font-weight:700;color:var(--text-1);width:44%}
.ctab td{color:var(--text-2)}
.offline{position:fixed;inset:calc(var(--sat) + 8px) 12px auto 12px;z-index:70;max-width:536px;margin:0 auto;padding:12px 16px;border-radius:var(--r-md);background:var(--c-navy-900);color:var(--c-white);font-weight:700;text-align:center;box-shadow:var(--shadow)}
.offl{text-align:center;padding-top:80px}
/* KARAR n202610221110 (22 Eki): hotel-style search, results with both totals, shared offer */
.dates2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.date.dc{padding:8px 14px;min-height:76px}
.date.dc .dv{font-size:var(--fs-small);line-height:1.4}
.date.dc small{font-size:13px}
.kids{display:grid;gap:0;border-top:1px solid var(--line)}
.kid{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.kid:last-child{border-bottom:0}
.kid label{font-weight:600;font-size:var(--fs-small)}
.kid .kv2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.kid select{min-height:44px;min-width:132px;max-width:100%;padding:0 12px;border-radius:var(--r-sm);border:1.5px solid var(--ctl);background:var(--surface);font-size:var(--fs-small)}
.kid select[aria-invalid="true"]{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}
.kid .tag{white-space:nowrap}
.errs{margin:16px 0 0;padding:12px 16px;border-radius:var(--r-md);border:1.5px solid var(--danger);background:var(--surface);color:var(--text-1);font-size:var(--fs-small)}
.errs b{display:block;color:var(--danger)}
.errs ul{margin:6px 0 0;padding-inline-start:20px}
.errs p{margin:0}.errs p+p{margin-top:8px}
.okbox{margin:0;padding:12px 16px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface-2);font-size:var(--fs-small)}
.okbox p{margin:0}
.rcs{display:grid;gap:16px;margin-top:14px}
.rc{overflow:hidden}
.rch{position:relative;height:104px}
.rch>.ph{position:absolute;inset:0}
.rch .cap{position:absolute;inset:auto 16px 12px 16px;display:flex;flex-direction:column;gap:2px}
.rch .lvn{font-size:16px;color:var(--text-1)}
.rch .t{font-size:var(--fs-cap);color:var(--text-2)}
.rcb{padding:14px 16px 16px;display:grid;gap:10px}
.hgrp{display:flex;align-items:flex-start;gap:12px}
.hgrp>svg{width:24px;height:24px;flex:none;margin-top:4px;color:var(--gold-text)}
.hgrp .x{display:flex;flex-direction:column;min-width:0}
.hgrp small{font-size:var(--fs-cap);color:var(--text-3)}
.hgrp b{font-weight:700;font-size:var(--fs-small)}
.hgrp .hgrpn{list-style:none;margin:4px 0 2px;padding:0;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-small);color:var(--text-2)}
.hgrp .hgrpn li{overflow-wrap:anywhere}
.fam{margin:0;font-size:var(--fs-cap);color:var(--text-3)}
.ros{display:grid;gap:8px}
.ro{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;width:100%;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);text-align:start;color:var(--text-1);min-height:44px}
button.ro{border-color:var(--ctl)}
.ro[aria-pressed="true"],.ro[aria-current="true"]{border-color:var(--gold);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--gold)}
.ro .rl{display:flex;flex-direction:column;min-width:0;grid-column:1/-1}
.ro .rl b{font-weight:700;font-size:var(--fs-small)}
.ro .rl small{font-size:13px;color:var(--text-3);line-height:1.5}
.ro .rp{min-width:0}
.ro .rk{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-cap);font-weight:700;color:var(--text-1);white-space:nowrap}
.ro .rk svg{width:16px;height:16px}
.ro.off{opacity:.85}
.diff{margin:0;font-size:var(--fs-cap);color:var(--text-2)}
.mall{border:1.5px solid var(--gold);border-radius:var(--r-md);background:linear-gradient(180deg,rgb(201 162 39 / .09),rgb(201 162 39 / .02) 60%),var(--surface);box-shadow:var(--hi);overflow:hidden}
.mall>.ro{border-color:transparent;background:transparent;border-radius:var(--r-md) var(--r-md) 0 0}
.mall>.ro[aria-pressed="true"],.mall>.ro[aria-current="true"]{border-color:transparent;background:rgb(201 162 39 / .1);box-shadow:inset 0 -1px 0 var(--line-2)}
.mall:has(>.ro[aria-pressed="true"]),.mall:has(>.ro[aria-current="true"]){box-shadow:inset 0 0 0 1px var(--gold),var(--hi)}
.mall>.ro .rl b{color:var(--gold-text)}
.dark .mall>.ro .rl b,:root[data-theme="dark"] .mall>.ro .rl b,.dark .ppd bdi,:root[data-theme="dark"] .ppd bdi{color:var(--c-gold-300)}
.ppd{margin:0 14px;padding:2px 0 10px;font-size:var(--fs-small);font-weight:700;line-height:1.5;color:var(--text-1)}
.ppd bdi{color:var(--gold-text);white-space:nowrap}
.minc{margin:0 14px 12px;padding-top:10px;border-top:1px solid var(--line)}
.minc>small{display:block;font-size:var(--fs-tab);font-weight:700;letter-spacing:.02em;color:var(--text-3);margin-bottom:6px}
.minc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.minc li{display:flex;align-items:center;gap:8px;min-width:0;font-size:var(--fs-tl);line-height:1.4;color:var(--text-2)}
.minc li span{min-width:0;overflow-wrap:anywhere}
.minc svg{width:18px;height:18px;flex:none;color:var(--gold-text)}
.rdet{border-top:1px solid var(--line)}
.rdet summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-weight:700;font-size:var(--fs-small);cursor:pointer;list-style:none}
.rdet summary::-webkit-details-marker{display:none}
.rdet summary svg{width:18px;height:18px;transform:rotate(90deg);transition:transform .15s}
.rdet[open] summary svg{transform:rotate(-90deg)}
.rdb h3{font-size:var(--fs-small);margin:12px 0 4px}
.rdb .ptxt{font-size:var(--fs-cap)}
.shc{padding:16px 18px 18px}
.shc .sech{margin-bottom:4px}
.lnkbox{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--bg);border:1px dashed var(--line-2);font-size:13px;overflow-wrap:anywhere;user-select:all;text-align:left}
.kv small.kvn{display:block;font-weight:400;font-size:13px;color:var(--text-3)}
.pkph .cap small{font-size:13px;color:var(--text-2)}
@media (prefers-reduced-motion: reduce){.rdet summary svg{transition:none}}
.ro .rl{grid-column:1;grid-row:1}
.ro .rk{grid-column:2;grid-row:1;align-self:start}
.ro .rp{grid-column:1/-1;grid-row:2}
.ro .tlv small{white-space:nowrap}
.xlh{font-size:var(--fs-small);margin:14px 0 4px}
.xl2{list-style:none;margin:0;padding:0;display:grid}
.xl2 li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.xl2 li:last-child{border-bottom:0}
.xl2 b{font-weight:700;font-size:var(--fs-small)}
.xl2 small{font-size:var(--fs-cap);color:var(--text-3)}
/* review 22 Eki: K4/offer item lines wrap (price under the title), nowrap money/VAT, K2 car + cancellation line */
.ilines li{flex-wrap:wrap}
.ilines .x{flex:1 1 calc(100% - 72px)}
.ilines .v{flex:1 1 100%;text-align:end;min-width:0}
.tlv small,.diff bdi{white-space:nowrap}
.cc{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-cap);color:var(--text-2)}
.cc svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--gold-text)}

/* live-support bubble (stage 1) – bottom right, above the tab bar */
.hlp{direction:ltr;position:fixed;right:12px;bottom:calc(var(--bar-h) + 22px + var(--sab));z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:calc(100% - 24px)}
.hlpb{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--c-navy-900);color:var(--c-ivory);font:700 15px/1 var(--f-body);box-shadow:var(--shadow);cursor:pointer}
.hlpb svg{width:20px;height:20px;color:var(--c-gold-300)}
/* closed bubble = round icon button (Koordinatör 23 Eki: the labelled pill covered category text); the label stays for screen readers */
.hlpb{width:52px;height:52px;padding:0;justify-content:center}
.hlpb>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hlpb svg{width:24px;height:24px}
.hlpx{display:flex;gap:8px}.hlpx .btn2{flex:1;justify-content:center;gap:6px}.hlpx svg{width:18px;height:18px}
.hlpp{width:min(340px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;background:var(--surface);color:var(--text-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:10px}
.hlph{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hlph b{font:800 var(--fs-h3)/1.3 var(--f-head)}
.hlpm{background:var(--surface-2);border-radius:var(--r-md);padding:10px 12px}
.hlpm small{display:block;color:var(--gold-text);font-weight:700;font-size:var(--fs-cap)}
.hlpm p{margin:4px 0 0;font-size:var(--fs-small);line-height:1.6}
.hlpm .btn2{margin-top:8px}
.hlpq{display:flex;flex-wrap:wrap;gap:8px}
.hlpc{min-height:var(--tap);padding:6px 14px;border-radius:var(--r-pill);border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font:600 var(--fs-small)/1.3 var(--f-body);cursor:pointer}
.hlpc[aria-pressed="true"]{border-color:var(--gold);background:var(--surface-2);font-weight:800}
.hlpt{margin:0;color:var(--text-3);font-size:var(--fs-cap);line-height:1.5}
[dir="rtl"] .hlpp,[dir="rtl"] .hlpb{direction:rtl}
@media print{.hlp{display:none}}
/* automatic guest QR on «رحلتي» (app/qr.js) */
.prog li.hasqr .pi{align-items:flex-start}
.qrd{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.qrd summary{cursor:pointer;font-weight:700;font-size:var(--fs-small);color:var(--gold-text);min-height:32px;display:flex;align-items:center}
.qrb{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px}
.qrb .qrsvg{width:min(220px,100%);height:auto;background:#fff;border-radius:8px;box-shadow:var(--hi)}
.qrc{margin:0;display:flex;flex-direction:column;align-items:center}.qrc bdi{font-weight:700;font-size:13.5px;letter-spacing:.02em;white-space:nowrap}
.qri{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:var(--fs-small)}
.qrb .note{margin:4px 0 0;text-align:center}
.qrw{margin:6px 0 0;font-size:var(--fs-cap);color:var(--text-3)}
.qrsend{margin-top:12px}
/* optional flight number (test raporu R1) + emergency card (R3) */
.fld{display:flex;flex-direction:column;gap:6px;font-weight:700}
.fld input{width:100%;min-height:52px;padding:10px 18px;border-radius:14px;border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font:inherit;font-weight:400;text-align:left;letter-spacing:.04em}
.fld input[aria-invalid="true"]{border-color:#b3261e}
.emg .emga{font-weight:700;color:var(--text-1);unicode-bidi:isolate}
/* onboarding 3 pages + skip */
.splash .obskip{position:absolute;top:calc(14px + var(--sat));inset-inline-end:var(--gut);z-index:2;background:none;border:0;color:var(--text-2);font:inherit;font-weight:700;padding:10px 12px;min-height:44px;cursor:pointer}
.splash .obp{position:relative;width:100%;max-width:440px;margin-top:48px;display:grid;gap:22px}
.splash .obp h1{text-align:center}
.splash .obl{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.splash .obl li{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgb(255 255 255 / .04);color:var(--text-1)}
.splash .obl .ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--c-gold-300,#d8b860)}
.splash .obl .ic svg{width:22px;height:22px}
.splash .obd{display:flex;gap:8px;justify-content:center}
.splash .obd i{width:8px;height:8px;border-radius:4px;background:var(--line-2);transition:width .2s}
.splash .obd i.on{width:22px;background:var(--c-gold-500,#c9a227)}
.it .pkgref .unit{display:block;width:100%}