/* 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{
  /* Koordinatör 23 Eki 14:14 (3): ONLY the 5 brand colours + white + two greys. Every other colour in this file is one of these
     8 at a lower opacity (lines, tints, photo overlays). */
  --c-navy-900:#0D1B33;--c-navy-800:#16294F;--c-gold-500:#C9A227;--c-gold-300:#E3C766;--c-paper:#F7F6F3;--c-white:#FFFFFF;
  --c-ink-2:#3A465E;--c-ink-3:#5A6478;
  /* aliases kept so the rules below stay readable */
  --c-navy-950:var(--c-navy-900);--c-navy-700:var(--c-navy-800);--c-ivory:var(--c-paper);--c-cream:var(--c-paper);--c-sand:rgb(13 27 51 / .10);
  --c-edge:rgb(13 27 51 / .10);--c-ink-m:var(--c-ink-3);--c-ctl:var(--c-ink-3);--c-gold-700:var(--c-navy-900);--c-red:var(--c-navy-900);
  /* light content surfaces (default) */
  --bg:var(--c-paper);--bg-deep:var(--c-navy-950);--surface:var(--c-white);--surface-2:var(--c-cream);--track:rgb(13 27 51 / .30);
  --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(13 27 51 / .78);--ov-2:rgb(13 27 51 / .86);--ov-3:rgb(13 27 51 / .94);--ov-0:rgb(13 27 51 / 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"]{--gold-text:var(--c-gold-300);--text-1:var(--c-ivory);--text-2:rgb(247 246 243 / .88);--text-3:rgb(247 246 243 / .74);--surface:var(--c-navy-800);--surface-2:var(--c-navy-700);
  --line:rgb(227 199 102 / .22);--line-2:rgb(227 199 102 / .4);--ctl:rgb(247 246 243 / .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:rgb(13 27 51 / .12)}
.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(13 27 51 / .25) 30%,rgb(13 27 51 / .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(13 27 51 / .45) 100%)}
[dir="ltr"] .drv .sh{background:linear-gradient(to right,var(--ov-3) 0%,var(--ov-2) 65%,rgb(13 27 51 / .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(247 246 243 / 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(13 27 51 / .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,rgb(13 27 51 / .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,rgb(13 27 51 / .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:rgb(13 27 51 / .06)}
.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:rgb(247 246 243 / .85)}
.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:rgb(13 27 51 / .25);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:var(--c-paper);color:var(--c-navy-900)}.tile.t2{background:var(--c-navy-800);color:var(--c-gold-300)}.tile.t3{background:var(--c-white);color:var(--c-navy-800)}.tile.t4{background:var(--c-navy-900);color:var(--c-gold-300)}
.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:var(--c-white);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:var(--c-navy-900);border-width:2px}
/* n202610242235 «طلب مبكر»: the family's note */
.fld textarea{width:100%;min-height:120px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font:inherit;font-weight:400;line-height:1.6;resize:vertical}
.fld textarea[aria-invalid="true"]{border-color:var(--c-navy-900);border-width:2px}
.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)}
.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)}
.it .pkgref .unit{display:block;width:100%}

/* contract step */
.fld .tel{display:flex;gap:8px}.fld .tel select{flex:none;min-height:var(--tap);border:1.5px solid var(--ctl);border-radius:var(--r-md);background:var(--surface);color:var(--text-1);padding:0 8px;font:600 var(--fs-body)/1 var(--f-num)}
.fld .tel input{flex:1;min-width:0}
.cons{border:0;margin:14px 0 6px;padding:0;display:grid;gap:10px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-small);line-height:1.6}.chk input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--c-navy-900)}
#sgForm,#sgForm2{padding:18px 16px;display:grid;gap:12px}
/* AI guide */
.ail{display:grid;gap:10px;margin-bottom:12px}.aim{padding:10px 14px;border-radius:var(--r-md);max-width:92%;line-height:1.7}
.aim.u{background:var(--c-navy-900);color:var(--c-ivory);justify-self:end}.aim.a{background:var(--surface);border:1px solid var(--line);justify-self:start}
.aim.a small{display:block;color:var(--gold-text);font-weight:700;font-size:var(--fs-cap)}.aim p{margin:4px 0;white-space:pre-wrap}
.aic{margin:8px 0;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2)}
.aif{display:flex;gap:8px;position:sticky;bottom:calc(var(--sab) + 8px)}.aif input{flex:1;min-width:0;min-height:var(--tap);border:1.5px solid var(--ctl);border-radius:var(--r-pill);padding:0 16px;background:var(--surface);color:var(--text-1);font:inherit}

/* ---------- home v3 (Koordinatör 23 Eki 14:14, Denetim 5 tasarım kılavuzu) ---------- */
.hero .slog,.sfoot .slog{margin:0;font-family:var(--f-head);font-weight:600;font-size:var(--fs-h3);color:var(--c-gold-300);line-height:1.5}
.pcol{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.pcol .pc{width:auto;min-height:360px;scroll-snap-align:none}
.pc .mtag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--c-gold-500);background:rgb(201 162 39 / .16);color:var(--c-paper);font-size:var(--fs-cap);font-weight:700}
.pc .pick{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;min-height:var(--tap);border-radius:var(--r-pill);background:var(--c-paper);color:var(--c-navy-900);font-weight:700;font-size:var(--fs-small)}
.pc .pick svg{width:18px;height:18px}
.hinc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hinc li{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--hi);font-size:var(--fs-cap);font-weight:600;line-height:1.4}
.hinc svg{width:24px;height:24px;flex:none;color:var(--c-navy-900)}
.tband{margin:40px 0 0;padding:28px var(--gut);background:var(--c-navy-800)}
.tband ul{list-style:none;margin:0 auto;padding:0;display:grid;gap:18px;max-width:1080px}
.tband li{display:flex;gap:12px;align-items:flex-start}
.tband svg{width:24px;height:24px;flex:none;margin-top:2px;color:var(--c-gold-300)}
.tband b{display:block;font-size:var(--fs-small);color:var(--c-paper)}
.tband small{display:block;margin-top:2px;font-size:var(--fs-cap);color:var(--text-2);line-height:1.55}
.sfoot{margin-top:32px;padding:32px var(--gut) calc(var(--bar-h) + 40px + var(--sab));background:var(--c-navy-900);display:grid;gap:10px;justify-items:center;text-align:center}
.sfoot .brandl{margin:0;font:600 14px/1 var(--f-body);letter-spacing:.32em;color:var(--c-paper)}
.sfoot .co{margin:0;font-size:var(--fs-cap);color:var(--text-3);line-height:1.6}
.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
.flinks a{color:var(--text-2);font-size:var(--fs-cap);min-height:var(--tap);display:inline-flex;align-items:center}
.fwa{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);color:var(--c-paper);text-decoration:none;font-weight:600}
.fwa svg{width:22px;height:22px;color:var(--c-gold-300)}
/* category chips: always fit the screen (wrap into rows, no hidden chips off-screen) */
.catrow{flex-wrap:wrap;justify-content:center;overflow:visible;gap:12px 6px;padding:28px var(--gut) 4px}
.catb{width:calc((100% - 12px) / 3);max-width:112px}
.xchips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
.xchips .xchip{min-height:38px;padding:0 4px;justify-content:center;text-align:center;font-size:var(--fs-cap);white-space:normal;line-height:1.2}
@media (min-width:900px){.xchips{display:flex;flex-wrap:wrap;justify-content:center}.xchips .xchip{padding:0 16px}}

/* ---------- desktop (Koordinatör 23 Eki 14:14 (8)) ---------- */
@media (min-width:900px){
  :root{--gut:24px}
  .app{max-width:1120px}
  .hero{min-height:440px;border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}
  .hero .in{max-width:640px}
  .tripbox{max-width:720px;margin-inline:auto;grid-template-columns:1fr auto;align-items:center}
  .pcol{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hinc{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tband{border-radius:var(--r-lg);margin-inline:var(--gut)}
  .tband ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sfoot{border-radius:var(--r-lg) var(--r-lg) 0 0}
  .catb{width:112px}
  .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .list>.morebox,.list>.empty{grid-column:1/-1}
  .rcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
  .abar .in,.sheet{max-width:720px}
}
/* (6) prices: Inter digits, tabular, '$X · Y TL' */
.n,.pl,.pl .usd,.pl .tl,.mp{font-family:var(--f-num);font-variant-numeric:tabular-nums lining-nums}
.pcol .pc .pl{flex-wrap:wrap;row-gap:2px}
.menus .mp{white-space:nowrap}
body:has(#view .abar) .tabbar{display:none}
/* (4) hotel card: gallery area 4:3 (6–10 photos, scroll-snap, n/N), star field, true-only family facts */
.hcard{overflow:hidden}
.hgal{position:relative;aspect-ratio:4/3;background:var(--c-paper)}
.hgal.empty{aspect-ratio:16/5;display:flex;align-items:center;justify-content:center;color:var(--c-ink-3)}
.hgal.empty svg{width:56px;height:56px;opacity:.55}
.hgr{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hgr::-webkit-scrollbar{display:none}
.hgr img{flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.hgc{position:absolute;bottom:10px;inset-inline-end:10px;padding:2px 10px;border-radius:var(--r-pill);background:rgb(13 27 51 / .72);color:var(--c-paper);font-size:13px}
.hst{margin-inline-start:8px;color:var(--c-gold-500);font-size:15px;letter-spacing:1px}
.hfam{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.hfam li{display:flex;align-items:center;gap:6px;font-size:var(--fs-cap);font-weight:600}
.hfam svg{width:18px;height:18px;color:var(--c-navy-900)}
.rm.armed{width:auto;min-width:var(--tap);padding:0 12px;border-radius:var(--r-pill);background:var(--c-navy-900);color:var(--c-paper);font-weight:700;font-size:var(--fs-cap)}
.sfoot .co{display:grid;gap:6px;font-size:var(--fs-cap);color:var(--text-3);line-height:1.6}
.sfoot .co p{margin:0}.sfoot .co small{color:var(--text-2);font-weight:600}
/* 72 h reconfirmation box in «رحلتي» */
.rcbox{display:grid;gap:8px;margin:12px 0;padding:14px;border-radius:var(--r-md);border:1.5px solid var(--c-gold-500);background:rgb(201 162 39 / .10)}
.rcbox p{margin:0;font-size:var(--fs-cap);color:var(--text-2)}
.rcok{display:flex;align-items:center;gap:6px}.rcok svg{width:18px;height:18px}

/* ================= Vitrin (Koordinatör 23 Eki 20:35, n202610232040 tasarım yönü; örnek: Exipr1Ffv7WkErmTmu2cXz) =================
   Same 8 colours and the same fonts; photo-led home, white photo package cards, gallery with 1/N + thumbnails, dark contract card,
   car screen with spec cards, flat 5-tab bar. Reference apps were inspiration only – nothing copied. */
.tabbar{inset:auto 0 0 0}
.tabbar .in{width:100%;max-width:none;border-radius:20px 20px 0 0;border:0;border-top:1px solid var(--line);background:var(--glass-2);box-shadow:0 -6px 22px rgb(13 27 51 / .08);height:calc(var(--bar-h) + var(--sab));padding-bottom:var(--sab)}
.tabbar a[aria-current="page"]::after{top:0;bottom:auto;height:3px;width:28px}
.view{padding-bottom:calc(var(--bar-h) + 40px + var(--sab))}
.tripbox{border-radius:20px}
.cats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px var(--gut) 0}
.sec .cats4{padding:0}
.cats4 a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text-2);font-size:var(--fs-cap);font-weight:600;text-align:center;line-height:1.3}
.cats4 .ci{width:60px;height:60px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--hi);display:flex;align-items:center;justify-content:center}
.cats4 .ci svg{width:26px;height:26px;color:var(--text-1)}
.cats4 a:active .ci{border-color:var(--gold)}
/* home package card: white, photo on top with the level label */
.pcol .pc.pk2,.pc.pk2{width:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;background:var(--surface);border:1px solid var(--line);box-shadow:var(--hi);color:var(--text-1)}
.pk2 .im{position:relative;display:block;height:168px;overflow:hidden}
.pk2 .im>.ph{position:absolute;inset:0}
.pk2 .im .lvn{position:absolute;top:12px;inset-inline-start:12px;background:var(--c-navy-900);color:var(--c-gold-300);font:700 12px var(--f-num);letter-spacing:.16em;padding:5px 10px;border-radius:8px;text-transform:uppercase}
.pk2 .im .mtag{position:absolute;top:auto;bottom:12px;inset-inline-end:12px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgb(255 255 255 / .94);color:var(--c-navy-900);font-size:var(--fs-cap);font-weight:700;padding:3px 10px;border-radius:var(--r-pill)}
.pk2 .bd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 12px;padding:14px 16px 4px}
.pk2 .bd .x{flex:1 1 11em;display:flex;flex-direction:column;gap:3px;min-width:0}
.pk2 .t{overflow-wrap:normal;word-break:normal;hyphens:none;font-family:var(--f-head);font-weight:600;font-size:var(--fs-h3);line-height:1.35}
.pk2 .ml{font-size:var(--fs-cap);color:var(--text-2)}
.pk2 .m{font-size:var(--fs-cap);color:var(--text-3)}
.pk2 .pr{flex:0 1 auto;max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-end;text-align:end}
.pk2 .pr .pl{flex-direction:column;align-items:flex-end;gap:0}
.pk2 .fam{font-size:12px;color:var(--text-3)}
.pk2 .pick{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 16px 14px;font-weight:700;font-size:var(--fs-small);color:var(--text-1)}
.pk2 .pick svg{width:18px;height:18px;color:var(--gold)}
.pcol{display:grid;gap:14px}
/* gallery with 1/N counter + thumbnails */
.galx{position:relative;border-radius:22px;overflow:hidden;background:var(--surface-2)}
.galx .hgr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3}
.galx .hgr::-webkit-scrollbar{display:none}
.galx .hgr img{flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.galx .hgc{position:absolute;bottom:12px;inset-inline-end:12px;background:rgb(13 27 51 / .78);color:var(--c-white);font:600 13px var(--f-num);padding:4px 11px;border-radius:var(--r-pill)}
.thumbs{display:flex;gap:6px;margin-top:8px}
.thumbs button{flex:1;min-width:0;height:52px;border-radius:10px;overflow:hidden;opacity:.72}
.thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs button[aria-current="true"]{opacity:1;outline:2px solid var(--gold);outline-offset:1px}
.pkcap{display:grid;gap:6px;margin-top:14px}
.pkcap .lvn{font:700 12px var(--f-num);letter-spacing:.18em;color:var(--text-3);text-transform:uppercase}
.pkcap h2{font-size:var(--fs-h2)}
.pkcap>span{font-size:var(--fs-small);color:var(--text-2)}
.pkcap small{font-size:var(--fs-cap);color:var(--text-3)}
.vchips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.vchip{font-size:var(--fs-cap);border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:3px 10px;color:var(--text-2)}
.vchip.g{background:rgb(201 162 39 / .12);border-color:var(--line-2);color:var(--text-1);font-weight:700}
/* «رحلتي»: dark contract card with the request QR */
.ctrc{margin:14px var(--gut) 0;padding:14px;border-radius:20px;background:var(--c-navy-900);display:flex;gap:14px;align-items:center}
.ctrc .qr{flex:none;width:84px;height:84px;border-radius:12px;background:var(--c-white);padding:6px;display:block}
.ctrc .qr svg{width:100%;height:100%;display:block}
.ctrc .x{display:flex;flex-direction:column;gap:4px;min-width:0}
.ctrc b{font-family:var(--f-head);font-size:var(--fs-h3);font-weight:600}
.ctrc small{font-size:var(--fs-cap);color:var(--text-2)}
.ctrc .okt{align-self:flex-start;font-size:13px;background:rgb(227 199 102 / .18);color:var(--c-gold-300);border-radius:8px;padding:2px 8px}
.ctrc .btn2{align-self:flex-start;margin-top:4px}
.tmr{display:flex;gap:12px;padding:14px;border-color:var(--line-2)}
.tmr .ic svg{width:24px;height:24px;color:var(--gold-text)}
.tmr .x{display:flex;flex-direction:column;gap:2px}
.tmr ul{margin:6px 0 0;padding-inline-start:18px;font-size:var(--fs-small)}
.prog .pth{width:64px;height:64px;border-radius:12px}
/* car screen */
.dhero{height:320px;overflow:hidden}
.dhero .cap{position:absolute;bottom:22px;inset-inline:var(--gut);z-index:2;display:grid;gap:4px}
.dhero .cap small{font:700 12px var(--f-num);letter-spacing:.16em;color:var(--c-gold-300)}
.dhero .cap h2{font-size:var(--fs-h2);color:var(--c-ivory)}
.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px var(--gut) 0}
.specs>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.specs b{font:700 22px var(--f-num);color:var(--text-1);min-height:28px;display:flex;align-items:center}
.specs b svg{width:22px;height:22px;color:var(--gold-text)}
.specs small{font-size:var(--fs-cap);color:var(--text-3)}
.drvi{margin:10px var(--gut) 0;padding:12px;display:flex;gap:12px;align-items:center}
.sec .drvi{margin:0}
.drvi .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--c-navy-800);display:flex;align-items:center;justify-content:center}
.drvi .ic svg{width:20px;height:20px;color:var(--c-gold-300)}
.drvi .x{display:flex;flex-direction:column;gap:2px;min-width:0}
.drvi .dn{font-weight:800;font-size:var(--fs-h3)}
.drvi small{font-size:var(--fs-cap);color:var(--text-2)}
.dhero+.specs+.drvi~.drvx,.drvx{margin-top:14px}
/* item hero (yacht …) */
.ihero{position:relative;height:340px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.ihero>.ph{position:absolute;inset:0}
.ihero>.ph img{width:100%;height:100%;object-fit:cover}
.ihero .cap{position:relative;z-index:2;padding:0 var(--gut) 22px;display:grid;gap:4px}
.ihero .cap small{font:700 12px var(--f-num);letter-spacing:.16em;color:var(--c-gold-300);text-transform:uppercase}
.ihero .ih{color:var(--c-ivory);margin:0}
/* account + help tab + currency question */
.acc{display:flex;gap:12px;align-items:center;padding:14px;margin-bottom:12px}
.acc .ic svg{width:26px;height:26px;color:var(--gold-text)}
.acc .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.acc small{font-size:var(--fs-cap);color:var(--text-3)}
.hlpin{padding:16px;display:grid;gap:12px}
.hlpin .hlpq{display:flex;flex-wrap:wrap;gap:8px}
.curq{border:0;margin:6px 0 10px;padding:0;display:grid;gap:8px}
.curq legend{font-weight:700;margin-bottom:8px}
.curq .opt{min-height:64px}
.curq .opt input{width:22px;height:22px;accent-color:var(--c-navy-900);flex:none}
@media (min-width:900px){ .pcol{grid-template-columns:repeat(3,minmax(0,1fr))} .cats4{max-width:720px;margin-inline:auto} .tabbar .in{max-width:720px;margin-inline:auto;border-radius:20px 20px 0 0} }
.acc{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
.acc .btn2{grid-column:1/-1;justify-self:start;margin:4px 0 0}
.refc{padding:16px;display:grid;gap:8px;border-color:var(--line-2)}
.refc b{font-family:var(--f-head);font-size:var(--fs-h3);font-weight:600}
.refc p{margin:0;color:var(--text-2);font-size:var(--fs-small)}
.refc .rlink{background:var(--surface-2);border-radius:12px;padding:8px 12px;word-break:break-all;color:var(--text-1)}
.fcode .frow{grid-column:1/-1;display:flex;gap:8px}
.fcode input{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1.5px solid var(--ctl);padding:0 12px;background:var(--surface)}
.tband .howl{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--c-gold-300);font-weight:700;text-decoration:underline;text-underline-offset:4px;min-height:var(--tap)}
.tband .howl svg{width:18px;height:18px}
.foodc{padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:start;border-color:var(--line-2)}
.foodc .ic svg{width:26px;height:26px;color:var(--gold-text)}
.foodc .x{display:flex;flex-direction:column;gap:4px}
.foodc small{font-size:var(--fs-cap);color:var(--text-2);line-height:1.7}
.foodc .cta{grid-column:1/-1}
.hinc2{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.hinc2 li{display:flex;gap:8px;align-items:flex-start}
.hinc2 svg{width:18px;height:18px;flex:none;color:var(--gold-text);margin-top:4px}
.sgmore{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sgmore .btn2{flex:1 1 180px}#sgSpam{margin-top:12px;font-weight:600}
.hpw{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none}
.pk2 .im .lvn{z-index:1}
.co1{font-size:12px;line-height:1.6;opacity:.85;margin:10px 0;text-align:center}.co1 a{color:inherit;text-decoration:underline}.acc1{color:var(--text-3);padding:0 16px}
.pk2 .pr .pl>*{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.pk2 .pr .usd,.pk2 .pr .tl{white-space:nowrap}
.phours,.pitems,.phalal,.pcontact{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;margin:12px 0}
.phours .prow,.pitems .prow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0}
.phours .pday{min-width:5.5em;font-weight:600}.phours input[type=time]{min-height:40px}
.pitems .prow input:not([type=checkbox]){flex:1 1 9em;min-height:44px}.pitems .prow input[type=number]{flex:0 1 7em}
.pfile input[type=file]{min-height:44px}.ptxt2 p{margin:4px 0 10px}
.pfields,.pfleet,.pfeat,.pdocs{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;margin:12px 0;min-width:0}
.pitems .prow{align-items:flex-end}
.pitems .prow .pcell{display:flex;flex-direction:column;gap:4px;flex:1 1 8em;min-width:0;max-width:100%}
.pitems .prow .pcell.pname{flex:1 1 100%}
.pitems .prow .pcap{font-size:13px;line-height:1.35;font-weight:600;color:var(--text-2,inherit);overflow-wrap:anywhere;white-space:normal}
.pitems .prow .pcell input{width:100%;min-width:0;min-height:44px;flex:none}
.pdoc{border-top:1px solid var(--line);padding:8px 0}.pdoc:first-of-type{border-top:0}
.pveh,.pvform{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;margin:10px 0;min-width:0;overflow-wrap:anywhere}
.pvform{background:var(--bg2,transparent)}
.pvh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}.pvh small{color:var(--mut,inherit)}
.pvp{margin:4px 0}.row2{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pfeat .chk{display:flex;margin:4px 0}
.preq.late{border-color:var(--danger)}
.pcal{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.pcal .pday{display:flex;flex-direction:column;align-items:center;min-height:48px;padding:6px 4px;border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;color:inherit;font:inherit;cursor:pointer}
.pcal .pday small{font-size:.8em;opacity:.75}.pcal .pday.off{background:var(--line);text-decoration:line-through}
.pdocr.expiring,.pdocr.expired{border-color:var(--danger)}
.plist{margin:6px 0;padding-inline-start:1.2em}.plist li{margin:4px 0;overflow-wrap:anywhere}
.selc p{font-size:13px;line-height:1.7;margin:6px 0}.selc b{display:block}.lic{white-space:normal}
.ferr{color:var(--danger);font-size:13px;margin:8px 2px 0;line-height:1.5}.dc.bad{box-shadow:inset 0 0 0 1.5px var(--danger)}.sum.bad{color:var(--danger)}

/* Denetim 10 (17): touch targets ≥ 44 px; Keşfet tabs on ONE scrollable row (no 2-row grid); the help bubble never covers the last row */
.xchips{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:8px}
.xchips .xchip{min-height:44px;padding:0 16px;white-space:nowrap;font-size:var(--fs-small);scroll-snap-align:center}
@media (min-width:900px){.xchips{flex-wrap:wrap;justify-content:center;overflow:visible}}
.co1 a{display:inline-flex;align-items:center;min-height:44px}
body:has(.hlp) .view:not(.nobar):not(.tall):not(.bare){padding-bottom:calc(var(--bar-h) + 96px + var(--sab))}

/* Denetim 10 (25): family account card – palette variables only, touch targets ≥ 44 px */
.acbox{flex-wrap:wrap}
.acf{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.acf label{font-size:var(--fs-cap);color:var(--text-2);font-weight:600}
.acf input{min-height:48px;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font-size:16px}
.acf input[aria-invalid="true"]{border-color:var(--danger)}
.acf .cta{min-height:48px}
.acf .frow,.acsec .frow,.acend{display:flex;flex-wrap:wrap;gap:8px}
.acsec{margin-top:10px}
.acsec h2{margin:0 0 8px;font-size:var(--fs-h3)}
.aclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.aclist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.aclist li:first-child{border-top:0}
.aclist .x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.aclist small{color:var(--text-2)}
.acend{margin-top:12px}
.btn2.danger{border-color:var(--danger);color:var(--danger)}
/* Koordinatör n202610241945: language pill + currency pill side by side; TL only in the pre-information card */
.pills{display:inline-flex;gap:6px;align-items:center}
.pill.curp{padding:0 12px;min-width:56px;justify-content:center;font-weight:700}
.vatn{font-size:var(--fs-cap);color:var(--text-2);font-weight:500}
.tlterm{margin-top:12px;display:flex;flex-direction:column;gap:6px;background:var(--surface-2);border:1px solid var(--line)}
.tlterm .kv1{margin:0;font-weight:700}


.acpriv{display:block;color:var(--text-2);font-size:var(--fs-cap);line-height:1.5}
.acpriv .lnk2{display:inline-flex;align-items:center;min-height:44px}

/* Pazarlama seri 1: story band + coming-soon strip */
.srail{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}
.srail::-webkit-scrollbar{display:none}
.sc{position:relative;flex:none;width:62%;max-width:260px;aspect-ratio:4/5;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:var(--c-navy-900);color:var(--c-paper);text-decoration:none}
.sc img{width:100%;height:100%;object-fit:cover;display:block}
.sco{position:absolute;inset:0;background:linear-gradient(180deg,rgb(13 27 51 / .9) 0%,rgb(13 27 51 / .45) 32%,rgb(13 27 51 / 0) 55%)}
.sct{position:absolute;top:16px;inset-inline:16px;display:grid;gap:2px}
.sct b{font:600 22px/1.2 var(--f-head, 'El Messiri', serif)}
.sct em{font:600 22px/1.2 var(--f-head, 'El Messiri', serif);font-style:normal;color:var(--c-gold-300)}
.sct small{margin-top:6px;font-size:13px;line-height:1.45;opacity:.92}
.soon{display:flex;gap:14px;align-items:center;padding:16px;background:var(--c-navy-900);color:var(--c-paper)}
.soon .ar{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--c-navy-800);color:var(--c-gold-300)}
.soon .ar svg{width:24px;height:24px}
.soon .x{display:grid;gap:3px}.soon b{color:var(--c-gold-300)}.soon small{opacity:.85;font-size:var(--fs-cap)}
/* Koordinatör 24 Eki 21:10: local currency large, TL on its own small grey line underneath (Hukuk n202610242015). Arayüz Mühendisi refines the design. */
.pl:has(.tl2){flex-direction:column;align-items:flex-start}
.pl .tlv.tl2{display:block;width:100%;font:500 13px/1.35 var(--f-body);color:var(--text-3);white-space:nowrap}
.pl .tlv.tl2 .tl{font:inherit;color:inherit}
.pl .tlv.tl2 .vatn{font:inherit;color:inherit}
[dir="rtl"] .pl .tlv.tl2{font-size:14px}
.dark .pl .tlv.tl2{color:var(--text-2)}


/* Koordinatör n202610250155 (5): partner form selects ≥ 44 px (they were 24 px) */
.fld select{min-height:48px;padding:8px 12px;border-radius:14px;border:1.5px solid var(--ctl);background:var(--surface);color:var(--text-1);font:inherit;font-weight:400;width:100%}
#ptForm label.chk{min-height:44px;display:flex;align-items:center;gap:8px}
/* ---------- İş Ortağı v7 görünümü (Arayüz; Koordinatör n202610260115 – prototip v7 WK1rg6kvz9BVX3bdZ1PuS8) ----------
   Yalnız html[data-mode="partner"]. Lacivert giriş, neden kartları, sözümüz bandı, 12 tür kutucuğu, nasıl işler + SSS, adım çubuğu,
   4 adımlı kart, filo kurucu, belge kartları; açık / koyu / otomatik tema. Renkler yalnız 8 marka rengi ve saydamlıkları.
   Açık temada altın metin, ikon, kenarlık, seçili durum ya da odak değildir (P0-2): altın yalnız logo, dolgu düğme ve lacivert zemin üstünde. */
html[data-mode="partner"]{
  --po-bg:var(--c-paper);--po-bg2:rgb(13 27 51 / .04);--po-surface:var(--c-white);--po-ink:var(--c-navy-900);--po-ink2:var(--c-ink-2);--po-ink3:var(--c-ink-3);
  --po-line:rgb(13 27 51 / .12);--po-line2:rgb(13 27 51 / .24);--po-sel:var(--c-navy-900);--po-on-sel:var(--c-white);--po-orn:rgb(13 27 51 / .32);--po-tint:rgb(13 27 51 / .05);
  --po-shadow:0 1px 2px rgb(13 27 51 / .05),0 12px 32px rgb(13 27 51 / .08);--po-pri:var(--c-navy-900);--po-on-pri:var(--c-white);--po-r:18px}
html[data-mode="partner"][data-theme="dark"]{
  --po-bg:var(--c-navy-900);--po-bg2:rgb(247 246 243 / .03);--po-surface:var(--c-navy-800);--po-ink:rgb(255 255 255 / .87);--po-ink2:rgb(255 255 255 / .72);--po-ink3:rgb(255 255 255 / .6);
  --po-line:rgb(247 246 243 / .11);--po-line2:rgb(247 246 243 / .26);--po-sel:var(--c-gold-300);--po-on-sel:var(--c-navy-900);--po-orn:rgb(227 199 102 / .7);--po-tint:rgb(247 246 243 / .06);
  --po-shadow:none;--po-pri:var(--c-gold-300);--po-on-pri:var(--c-navy-900);color-scheme:dark}
html[data-mode="partner"] body,html[data-mode="partner"] .app{background:var(--po-bg);color:var(--po-ink)}
html[data-mode="partner"] .app{max-width:none}
html[data-mode="partner"] .view{padding-bottom:0}
html[data-mode="partner"] :focus-visible{outline:2px solid var(--po-sel);outline-offset:2px}
html[data-mode="partner"] .po-bar :focus-visible,html[data-mode="partner"] .po-hero :focus-visible,html[data-mode="partner"] .po-std :focus-visible{outline-color:var(--c-gold-300)}
html[data-mode="partner"] #poForm,html[data-mode="partner"] #poTypes,html[data-mode="partner"] #poWhy,html[data-mode="partner"] #ptForm{scroll-margin-top:calc(76px + var(--sat))}
.po-w{width:100%;max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:768px){.po-w{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}}

/* top bar: brand · language · theme */
.po-bar{position:sticky;top:0;z-index:30;background:var(--c-navy-900);color:var(--c-paper);border-bottom:1px solid rgb(247 246 243 / .08);padding-top:var(--sat)}
.pv~.app .po-bar{padding-top:0}
.po-bar>.po-w{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;min-height:62px}
.po-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--c-paper);min-width:0}
.po-brand .mk{width:13px;height:18px;fill:var(--c-gold-300);flex:none}
.po-brand .wm{font:600 13px/1 var(--f-num);letter-spacing:.3em;padding:0;min-height:0;color:var(--c-paper)}
.po-tag{font-size:12.5px;font-weight:600;color:rgb(247 246 243 / .7);padding-inline-start:10px;border-inline-start:1px solid rgb(247 246 243 / .22);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-end{display:flex;align-items:center;gap:8px;flex:none}
.po-bar .pills{display:flex}
.po-bar .pill{background:transparent;border:1px solid rgb(247 246 243 / .26);color:var(--c-paper);font-weight:600}
.po-bar .pill svg{color:var(--c-gold-300)}
.po-th{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 13px;border-radius:999px;border:1px solid rgb(247 246 243 / .26);background:transparent;color:var(--c-paper);font-size:13px;font-weight:600}
.po-th svg{width:17px;height:17px;color:var(--c-gold-300);flex:none}
@media (max-width:479px){.po-th span,.po-tag{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.po-th{padding:0}}

/* the head face's own figures for big numbers (the shared @font-face leaves digits to Inter); same file, no extra request */
@font-face{font-family:"PoHeadNum";src:url(fonts/cormorant-garamond.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0030-0039}
/* shared section type */
.po-h2,.po-proc i,.po-card .psth{font-variant-numeric:lining-nums proportional-nums}
.po-sec{padding-block:52px}
.po-sec.po-np{padding-top:0}
.po-alt{background:var(--po-surface);border-block:1px solid var(--po-line)}
.po-eye{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--po-ink2)}
.po-eye::before{content:"";width:22px;height:1px;background:var(--po-orn);flex:none}
.po-h2{margin:10px 0 0;font-family:"PoHeadNum",var(--f-head);font-weight:600;font-size:clamp(30px,4.2vw,44px);line-height:1.08;color:var(--po-ink);max-width:24ch;text-wrap:balance}
[dir="rtl"] .po-h2{font-size:clamp(26px,3.6vw,38px);line-height:1.4}
.po-lead2{margin:12px 0 0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--po-ink2)}
@media (min-width:920px){.po-sec{padding-block:72px}}

/* hero */
.po-hero{position:relative;overflow:hidden;color:var(--c-paper);background:radial-gradient(900px 420px at 85% -10%,rgb(247 246 243 / .09),rgb(247 246 243 / 0) 62%),linear-gradient(180deg,var(--c-navy-800),var(--c-navy-900))}
[dir="rtl"] .po-hero{background:radial-gradient(900px 420px at 15% -10%,rgb(247 246 243 / .09),rgb(247 246 243 / 0) 62%),linear-gradient(180deg,var(--c-navy-800),var(--c-navy-900))}
html[data-mode="partner"][data-theme="dark"] .po-hero{border-bottom:1px solid rgb(247 246 243 / .08)}
.po-hbg{position:absolute;inset-inline-end:-70px;bottom:-110px;width:min(440px,90vw);fill:var(--c-gold-300);opacity:.07;pointer-events:none}
.po-hg{position:relative;display:grid;gap:34px;padding-block:44px 52px;align-items:center}
.po-hero .po-eye{color:var(--c-gold-300)}
.po-hero .po-eye::before{background:var(--c-gold-300)}
.po-hero h1{margin:14px 0 0;font-family:var(--f-head);font-weight:600;font-size:clamp(40px,7.4vw,68px);line-height:1.02;letter-spacing:-.01em;color:var(--c-paper);max-width:13ch;text-wrap:balance}
[dir="rtl"] .po-hero h1{font-size:clamp(32px,5.6vw,54px);line-height:1.32;letter-spacing:0;max-width:16ch}
.po-lead{margin:18px 0 0;max-width:52ch;font-size:17px;line-height:1.65;color:rgb(247 246 243 / .84)}
.po-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.po-ctas .cta{min-height:54px;padding:0 26px;box-shadow:none}
.po-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;border:1px solid rgb(247 246 243 / .36);background:transparent;color:var(--c-paper);font-weight:600;font-size:15.5px}
.po-sample{background:rgb(247 246 243 / .05);border:1px solid rgb(247 246 243 / .14);border-radius:22px;padding:20px;min-width:0}
.po-sample .t{margin:0;font-size:13px;font-weight:600;color:var(--c-gold-300)}
.po-sample .bk{margin-top:12px;background:var(--c-paper);color:var(--c-navy-900);border-radius:16px;padding:4px 16px 16px}
.po-sample .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgb(13 27 51 / .12);font-size:14px}
.po-sample .r span{color:var(--c-ink-3);flex:none}
.po-sample .r b{font-weight:600;text-align:end;min-width:0;overflow-wrap:anywhere}
.po-sample .r b.code{font-family:var(--f-num);letter-spacing:.06em}
.po-sample .st{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:5px 11px;border-radius:999px;background:rgb(13 27 51 / .07);font-size:12.5px;font-weight:600}
.po-sample .st svg{width:15px;height:15px}
.po-sample small{display:block;margin-top:10px;font-size:12.5px;line-height:1.5;color:rgb(247 246 243 / .66)}
@media (min-width:920px){.po-hg{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;padding-block:80px 88px}.po-sample{padding:24px}}

/* why */
.po-why{display:grid;gap:14px;margin-top:28px;grid-template-columns:1fr}
.po-wc{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--po-surface);border:1px solid var(--po-line);border-radius:var(--po-r)}
.po-wc .ic{width:26px;height:26px;color:var(--po-sel)}
.po-wc h3{margin:4px 0 0;font:700 17px/1.35 var(--f-body);color:var(--po-ink)}
.po-wc p{margin:0;font-size:14.5px;line-height:1.6;color:var(--po-ink2)}
@media (min-width:600px){.po-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:920px){.po-why{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* our commitment (navy band) */
.po-std{display:grid;gap:26px;padding:26px;border-radius:24px;background:linear-gradient(135deg,var(--c-navy-800),var(--c-navy-900));color:var(--c-paper)}
html[data-mode="partner"][data-theme="dark"] .po-std{border:1px solid rgb(247 246 243 / .1)}
.po-std .po-eye{color:var(--c-gold-300)}
.po-std .po-eye::before{background:var(--c-gold-300)}
.po-std .po-h2{color:var(--c-paper)}
.po-std .po-lead2{color:rgb(247 246 243 / .8)}
.po-stl{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.po-stl li{display:grid;gap:3px;padding-block:3px;padding-inline-start:14px;border-inline-start:2px solid var(--c-gold-500)}
.po-stl b{color:var(--c-gold-300);font-weight:700;font-size:15px}
.po-stl span,.po-stp{font-size:14.5px;line-height:1.6;color:rgb(247 246 243 / .84)}
@media (min-width:920px){.po-std{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:44px;align-items:start}}

/* the 12 types */
.po-cats{display:grid;gap:10px;margin-top:26px;grid-template-columns:repeat(2,minmax(0,1fr))}
.po-cat{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:16px;border:1px solid var(--po-line);border-radius:16px;background:var(--po-bg);color:var(--po-ink);text-align:start;font:inherit;cursor:pointer}
.po-cat .ic{width:24px;height:24px;color:var(--po-ink)}
.po-cat b{font-size:15px;line-height:1.35}
.po-cat>span{font-size:12.5px;line-height:1.45;color:var(--po-ink3)}
.po-doc{margin-top:auto;align-self:flex-start;padding:3px 8px;border-radius:8px;background:var(--po-tint);color:var(--po-ink2);font-size:11.5px;font-weight:600}
.po-cat:hover{border-color:var(--po-line2)}
.po-cat:active{background:var(--po-tint)}
.po-reg{margin-top:16px}
@media (min-width:768px){.po-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.po-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}

/* how it works + questions */
.po-proc{display:grid;gap:22px;margin:28px 0 0;padding:0;list-style:none;grid-template-columns:1fr}
.po-proc li{display:grid;align-content:start;gap:4px;padding-top:14px;border-top:2px solid var(--po-sel)}
.po-proc i{font:600 38px/1 "PoHeadNum",var(--f-head);font-style:normal;color:var(--po-sel)}
.po-proc b{margin-top:6px;font-size:16px;color:var(--po-ink)}
.po-proc span{font-size:14.5px;line-height:1.6;color:var(--po-ink2)}
@media (min-width:600px){.po-proc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:920px){.po-proc{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.po-h3{margin:48px 0 0;font:700 20px/1.3 var(--f-body);color:var(--po-ink)}
.po-faq{display:grid;gap:10px;margin-top:16px}
.po-faq details{border:1px solid var(--po-line);border-radius:14px;background:var(--po-surface)}
.po-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:600;color:var(--po-ink)}
.po-faq summary::-webkit-details-marker{display:none}
.po-faq summary .chev{width:18px;height:18px;flex:none;color:var(--po-ink3);transform:rotate(90deg)}
[dir="rtl"] .po-faq summary .chev{transform:rotate(90deg) scaleY(-1)}
.po-faq details[open] summary .chev{transform:rotate(-90deg)}
.po-a{padding:0 18px 16px}
.po-a p{margin:0 0 8px;max-width:72ch;font-size:15px;line-height:1.65;color:var(--po-ink2)}
.po-a p:last-child{margin-bottom:0}
.po-a b{color:var(--po-ink)}
.po-ask{margin-top:14px}

/* the form: step rail + card */
.po-formsec{background:linear-gradient(180deg,var(--po-bg2),var(--po-bg))}
.po-fshell{display:grid;gap:16px;align-items:start}
.po-side{min-width:0}
.po-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.po-rail li{min-width:0}
.po-rs{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:44px;padding:6px 4px;border:0;border-radius:12px;background:transparent;color:var(--po-ink3);font:inherit;font-size:13px;text-align:center}
.po-rs i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--po-line2);font-style:normal;font-weight:700;font-size:13px;flex:none}
.po-rs i svg{width:16px;height:16px}
.po-rs span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.po-rs.on{color:var(--po-ink);font-weight:600}
.po-rs.on i{background:var(--po-sel);border-color:var(--po-sel);color:var(--po-on-sel)}
.po-rs.done{color:var(--po-ink)}
.po-rs.done i{border-color:var(--po-sel);color:var(--po-sel)}
.po-rs[disabled]{cursor:default;opacity:.7}
.po-save{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--po-ink3);text-align:center}
.po-card{min-width:0;padding:20px;border:1px solid var(--po-line);border-radius:20px;background:var(--po-surface);box-shadow:var(--po-shadow)}
@media (min-width:560px){.po-card{padding:28px}}
@media (min-width:920px){
  .po-fshell{grid-template-columns:250px minmax(0,1fr);gap:28px}
  .po-side{position:sticky;top:calc(84px + var(--sat))}
  .po-rail{grid-template-columns:1fr;gap:6px}
  .po-rs{flex-direction:row;gap:10px;padding:10px 12px;font-size:14px;text-align:start}
  .po-rs span{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}
  .po-rs.on{background:var(--po-surface);box-shadow:0 1px 3px rgb(13 27 51 / .08)}
  html[data-mode="partner"][data-theme="dark"] .po-rs.on{box-shadow:inset 0 0 0 1px var(--po-line)}
  .po-save{text-align:start;padding:0 12px}
}
.po-card .psth{margin:0;font-family:var(--f-head);font-weight:600;font-size:30px;line-height:1.15;color:var(--po-ink);outline:none}
[dir="rtl"] .po-card .psth{font-size:26px;line-height:1.45}
.po-sub{margin:6px 0 20px;font-size:14.5px;line-height:1.55;color:var(--po-ink3)}
.po-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--po-tint);color:var(--po-ink2)}
/* type tiles (step 1) */
.po-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.po-kind{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border:1.5px solid var(--po-line2);border-radius:12px;background:var(--po-surface);color:var(--po-ink);font:inherit;font-weight:600;font-size:13.5px;line-height:1.3;text-align:start;overflow-wrap:anywhere}
.po-kind svg{width:19px;height:19px;flex:none;color:var(--po-ink2)}
.po-kind[aria-pressed="true"]{border-color:var(--po-sel);box-shadow:inset 0 0 0 1px var(--po-sel);background:var(--po-tint)}
.po-kind[aria-pressed="true"] svg{color:var(--po-sel)}
.po-kind[disabled]{opacity:.55;cursor:default}
@media (min-width:768px){.po-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.po-kinds{grid-template-columns:repeat(4,minmax(0,1fr))}}
.po-pubn{margin:0 0 18px;padding:10px 14px;border-inline-start:2px solid var(--po-sel);background:var(--po-tint);border-radius:0 10px 10px 0;color:var(--po-ink2)}
[dir="rtl"] .po-pubn{border-radius:10px 0 0 10px}
/* fields */
.po-g2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 16px}
.po-g2>.po-full,.po-g2>.note{grid-column:1/-1}
.po-g2>.note{margin:-6px 0 0}
@media (min-width:640px){.po-g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.po-card .fld{gap:6px;min-width:0;font-size:13.5px;font-weight:600;color:var(--po-ink)}
.po-card .fld input,.po-card .fld select,.po-card .fld textarea{min-height:48px;border-radius:12px;padding:10px 14px;font-size:16px;letter-spacing:0;text-align:start;background:var(--po-surface);color:var(--po-ink);border:1.5px solid var(--ctl)}
.po-card .fld textarea{min-height:110px}
.po-card .fld input[aria-invalid="true"],.po-card .fld select[aria-invalid="true"],.po-card .fld textarea[aria-invalid="true"]{border:2px solid var(--po-sel);box-shadow:0 0 0 3px var(--po-tint)}
.po-card .po-desc{margin-top:18px}
.po-card fieldset{min-width:0;margin:22px 0 0;padding:0;border:0}
.po-card legend{padding:0;margin:0 0 12px;font:700 15px/1.35 var(--f-body);color:var(--po-ink)}
.po-card .pfields,.po-card .pcontact,.po-card .pitems,.po-card .pfleet,.po-card .pfeat,.po-card .phalal,.po-card .pdocs{border:0;padding:0;border-radius:0}
.po-card .pdocs{margin:0}
.po-card legend+.note,.po-card legend+p.note{margin-top:0}
.po-card [data-step="2"]>.fld{margin-top:20px}
.po-card .pvp{font-size:13.5px;color:var(--po-ink2)}
.po-card .note{max-width:68ch}
/* price rows */
.po-card .pitems .prow{margin:8px 0;padding:12px;gap:10px 12px;border:1px solid var(--po-line);border-radius:14px;background:var(--po-bg)}
.po-card .pitems .prow .pcap{color:var(--po-ink2)}
.po-card .pitems .prow input:not([type=checkbox]){min-height:46px;border-radius:12px;border:1.5px solid var(--ctl);background:var(--po-surface);color:var(--po-ink);padding:8px 12px;font-size:16px}
.po-card .po-add{width:100%;margin-top:4px;border:1.5px dashed var(--po-line2);background:transparent;color:var(--po-ink2);border-radius:12px}
.po-card .po-add svg{width:16px;height:16px}
/* fleet builder */
.po-card .pveh{display:grid;gap:10px;margin:10px 0;padding:14px;border:1px solid var(--po-line);border-radius:16px;background:var(--po-bg)}
.po-card .pvh{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center}
.po-card .pvh::before{content:"";grid-column:1;grid-row:1/3;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--c-navy-800),var(--c-navy-900))}
.po-card .pvh::after{content:"";grid-column:1;grid-row:1/3;justify-self:center;width:22px;height:22px;background:var(--c-gold-300);-webkit-mask:var(--po-car) center/22px 22px no-repeat;mask:var(--po-car) center/22px 22px no-repeat}
.po-card .pvh>b{grid-column:2;grid-row:1;align-self:end}
.po-card .pvh>small{grid-column:2;grid-row:2;align-self:start}
html[data-mode="partner"]{--po-car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 15v-4l2-5h14l2 5v4H3zM6 15v3M18 15v3M3 11h18'/%3E%3C/svg%3E")}
.po-card .pvh b{font-size:15px;overflow-wrap:anywhere}
.po-card .pvh small{font-size:12.5px;color:var(--po-ink3)}
.po-card .pvp{margin:0}
.po-card .pvform{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0;padding:18px;border:1.5px solid var(--po-sel);border-radius:18px;background:var(--po-bg)}
.po-card .pvform>b,.po-card .pvform>.note,.po-card .pvform>.warn,.po-card .pvform>.row2{grid-column:1/-1}
.po-card .pvform>b{font-size:16px}
@media (min-width:560px){.po-card .pvform{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.po-card .pvform{grid-template-columns:repeat(3,minmax(0,1fr))}}
.po-card .pfeat{display:flex;flex-wrap:wrap;gap:8px}
.po-card .pfeat>.note{flex:1 1 100%;margin:0 0 4px}
.po-card .pfeat .chk{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:44px;padding:8px 14px;border:1px solid var(--po-line2);border-radius:999px;background:var(--po-surface);font-size:14px}
.po-card .pfeat .chk:has(input:checked){border-color:var(--po-sel);background:var(--po-tint)}
/* documents */
.po-docs{display:grid;gap:10px}
.po-dc{display:grid;gap:10px;padding:14px;border:1px solid var(--po-line);border-radius:14px;background:var(--po-bg)}
.po-dc .nm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.po-dc .nm svg{width:20px;height:20px;flex:none;color:var(--po-ink2)}
.po-dc .nm b{font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.po-tg{padding:1px 8px;border-radius:999px;border:1px solid var(--po-line2);font-size:11.5px;font-weight:700;color:var(--po-ink3)}
.po-tg.rq{border-color:var(--po-sel);color:var(--po-ink)}
.po-dg{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
@media (min-width:768px){.po-dc{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);align-items:start}}
.po-card .pfile input[type=file]{width:100%;min-height:46px;padding:7px;border:1.5px dashed var(--po-line2);border-radius:12px;background:var(--po-surface);color:var(--po-ink2);font-size:14px}
.po-card .pfile input[type=file]::file-selector-button{margin-inline-end:10px;padding:8px 14px;border:0;border-radius:999px;background:var(--po-pri);color:var(--po-on-pri);font:inherit;font-weight:600;cursor:pointer}
.po-badge,.po-photos{margin-top:16px}
.po-badge .chk{margin-bottom:8px}
.po-card .cons{display:grid;gap:8px;margin-top:18px}
.po-card .cons .chk{align-items:flex-start;padding:12px 14px;border:1px solid var(--po-line);border-radius:12px;background:var(--po-surface);font-size:14.5px;line-height:1.55}
.po-card .cons .chk input{margin-top:2px;accent-color:var(--po-sel)}
.po-card .chk input{accent-color:var(--po-sel)}
.po-card .cons>.note{margin:4px 0 0}
.po-card a{color:var(--po-ink);text-underline-offset:3px}
/* review */
.po-card dl.prev{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 16px;border-top:1px solid var(--po-line)}
.po-card .prev dt{padding:10px 0 0;font-size:13px;color:var(--po-ink3)}
.po-card .prev dd{margin:0;padding:2px 0 10px;border-bottom:1px solid var(--po-line);font-size:14.5px;overflow-wrap:anywhere}
@media (min-width:640px){.po-card dl.prev{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.po-card .prev dt{padding:10px 12px 10px 0;border-bottom:1px solid var(--po-line)}[dir="rtl"] .po-card .prev dt{padding:10px 0 10px 12px}.po-card .prev dd{padding:10px 0}}
.po-pub{margin:0 0 4px;padding:14px;border:1px solid var(--po-line);border-radius:14px;background:var(--po-bg)}
.po-pub b{font-size:14px}
.po-pub p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--po-ink2)}
/* errors, progress, navigation */
.po-card .po-err{margin:20px 0 0;padding:12px 14px;border:2px solid var(--po-ink);border-radius:12px;background:var(--po-surface);color:var(--po-ink);font-weight:600;font-size:14.5px}
.po-card #ptProg{margin:12px 0 0}
.po-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--po-line)}
.po-nav .cta{min-height:52px;padding:0 26px;background:var(--po-pri);color:var(--po-on-pri);box-shadow:none}
.po-nav .po-next{margin-inline-start:auto}
.po-nav .btn2{min-height:52px;padding:0 22px;background:transparent;border:1.5px solid var(--po-line2);color:var(--po-ink)}
@media (max-width:420px){.po-nav .cta{flex:1 1 auto}}
/* sent */
.po-done{display:grid;justify-items:center;gap:10px;padding:36px 8px;text-align:center}
.po-done .mk{width:40px;height:56px;fill:var(--c-gold-500)}
.po-done h1{margin:6px 0 0;font-family:var(--f-head);font-weight:600;font-size:34px;color:var(--po-ink)}
.po-code{margin:6px 0;padding:8px 16px;border-radius:10px;background:var(--po-tint);font:700 22px/1.3 var(--f-num);letter-spacing:.08em;color:var(--po-ink)}
.po-done>p:last-child{margin:0;max-width:52ch;color:var(--po-ink2)}
/* edit link: a short title instead of the landing */
.po-etop{padding-block:28px 4px}
.po-etop h1{margin:0;font-family:var(--f-head);font-weight:600;font-size:32px;color:var(--po-ink)}
.po-etop p{margin:8px 0 0;max-width:64ch;color:var(--po-ink2)}
/* footer */
.po-foot{border-top:1px solid var(--po-line);font-size:12.5px;color:var(--po-ink3)}
.po-foot>.po-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;padding-block:14px}
.po-fl{display:flex;flex-wrap:wrap;gap:0 16px}
.po-fl a{display:inline-flex;align-items:center;min-height:44px;color:var(--po-ink2);text-underline-offset:3px}
/* the other partner pages (missing documents, business panel): the same navy top bar and a calm column – style only */
html[data-mode="partner"] .hdr.st{background:var(--c-navy-900);border-bottom:1px solid rgb(247 246 243 / .08);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-mode="partner"] .hdr.st .wm{color:var(--c-paper)}
html[data-mode="partner"] .hdr .pill{background:transparent;border-color:rgb(247 246 243 / .26);color:var(--c-paper)}
html[data-mode="partner"] .hdr .pill svg{color:var(--c-gold-300)}
html[data-mode="partner"] .view>.ptitle,html[data-mode="partner"] .view>.sec{max-width:880px;margin-inline:auto}
html[data-mode="partner"][data-theme="dark"] .cta:not(.gold){background:var(--c-gold-300);color:var(--c-navy-900)}
html[data-mode="partner"][data-theme="dark"] .btn2{background:transparent;color:var(--po-ink);border-color:var(--po-line2)}
html[data-mode="partner"][data-theme="dark"] .fld input[aria-invalid="true"],html[data-mode="partner"][data-theme="dark"] .fld textarea[aria-invalid="true"]{border-color:var(--c-gold-300)}
@media (prefers-reduced-motion:no-preference){
  .po-cat,.po-kind,.po-faq summary .chev{transition:border-color .15s,background-color .15s,transform .2s}
}
/* Mahmud 26 Eki: Wikimedia (CC BY / BY-SA) fotoğrafının yazarı ve lisansı fotoğrafın altında */
.pcred{margin:4px 2px 0;font-size:11px;line-height:1.35;color:var(--text-2,inherit);opacity:.8;overflow-wrap:anywhere}.pcred a{color:inherit}