/* kurye-sistemi PROTOTYPE: Rota B "Nereden → Nereye". Kaynak: prototype/spec.md, concept/routes.md. Statik CSS, derleme yok.
   <1200 px: mobil kompozisyon (içerik genişliği min(görünüm-40, 560)). >=1200 px: masaüstü, 1440 kanvas ortalı, 72 kenar. */
:root{
  --ink:#111213;--paper:#F3F4F5;--t:#F5F5F0;--t2:#8E9196;--box:#6B6B66;--hair:#33332F;--lime:#4DA3FF;--black:#0B0B0C;
  --lt2:#55554F;--lbox:#7A7A74;--lhair:#D6D5CE;
  /* adlı eğriler ve süre ölçeği (spec §3): 0 / 120 / 160 / 200 */
  --e-oturma:cubic-bezier(.2,.7,.1,1);--d-oturma:160ms;
  --e-panel:cubic-bezier(.32,0,.08,1);--d-panel:200ms;
  --e-isaret:linear;--d-isaret:120ms;
  --d-kesme:0ms;
  /* sığdırma basamakları (spec §4.2, §6a): yazı boyutu / satır yüksekliği / D2 açılımı. Tek kaynak; prototype/checks/ekler.html bunları okur. */
  --d-st:100%;--m-st:85%;
  --d0-fs:120px;--d0-lh:126px;--d0-ex:20px;
  --d1-fs:104px;--d1-lh:110px;--d1-ex:18px;
  --d2-fs:92px;--d2-lh:97px;--d2-ex:17px;
  --m0-fs:52px;--m0-lh:56px;--m0-ex:10px;
  --m1-fs:44px;--m1-lh:48px;--m1-ex:9px;
  --m2-fs:38px;--m2-lh:41px;--m2-ex:9px;
  /* satır arası ek boşluk --g (yalnız mobil: alt çizgi -> sonraki satır mürekkebi >=3 px); masaüstünde 0 */
  --d0-g:0px;--d1-g:0px;--d2-g:0px;--m0-g:2px;--m1-g:1px;--m2-g:3px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ink);scroll-padding-top:80px;scroll-padding-bottom:88px}
body{margin:0;background:var(--ink);color:var(--t);font:400 16px/24px Inter,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul,ol,li,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit;letter-spacing:inherit;color:inherit;margin:0}
button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* JS yok / var */
.no-js .js-gerek{display:none!important}
.js .nojs{display:none!important}

/* odak: koyu zeminde lime, açık zeminde siyah */
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.light :focus-visible{outline-color:var(--black)}
.skip{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--t);color:var(--black);font:500 15px/20px Inter,sans-serif;padding:12px 16px;border-radius:4px}
.skip:focus{left:20px}

.wrap{width:min(calc(100% - 40px),560px);margin:0 auto}
.sec{position:relative}
.dark{background:var(--ink);color:var(--t)}
.light{background:var(--paper);color:var(--black)}
.tap{display:inline-block;padding-block:12px;margin-block:-12px}

/* ---------- ortak: ilçe işareti (D1, a2) ---------- */
.dist,.on{--th:4px;--asc:.875;--dsc:.2083;--cap:.6917;--bt:calc((var(--asc) - var(--cap) - .06) * 1em);
  color:var(--lime);padding:0 0 calc(.24em + var(--th) - var(--dsc) * 1em);text-decoration:none;box-shadow:inset 0 calc(var(--th) * -1) 0 var(--lime);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.on{--th:3px;color:var(--black);padding:0 .06em calc(.24em + var(--th) - var(--dsc) * 1em);box-shadow:inset 0 calc(var(--th) * -1) 0 var(--black);
  background-image:linear-gradient(var(--lime),var(--lime));background-position:0 100%;background-repeat:no-repeat;background-size:100% calc(100% - var(--bt))}

/* ---------- üst çubuk (hero içi) ---------- */
.hero{min-height:772px;padding-bottom:48px}
/* hero arka planı (konsept-v2 B10): render yazısız, perde render'ın içinde; CSS perdesi yok */
.hero{isolation:isolate;overflow:hidden}
.herobg{position:absolute;left:0;top:0;width:100%;height:360px;z-index:-1;display:block}
.herobg img{display:block;width:100%;height:100%;object-fit:cover}
.hero .hgrid{margin-top:288px}
.hbar{display:flex;justify-content:space-between;align-items:flex-start;height:72px;padding-top:18px}
.brand{font:700 18px/20px Archivo,sans-serif;font-stretch:100%;white-space:nowrap}
.brand{display:block;height:52px;width:auto;margin-top:-2px}
.brand-wrap{display:flex;align-items:center;gap:20px;min-width:0}
.brand-badge{display:none}
.b-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(77,163,255,.18),0 0 10px rgba(77,163,255,.65)}
.hacts{display:none}
.ara{font:500 15px/20px Inter,sans-serif;text-decoration:underline 1px;text-underline-offset:4px;white-space:nowrap}
.btn-wa{display:inline-block;height:40px;padding:0 20px;border-radius:4px;font:600 15px/40px Inter,sans-serif;background:var(--lime);color:var(--black);white-space:nowrap;position:relative}
.btn-wa::after{content:"";position:absolute;inset:-2px 0}
.hacts .ara{display:inline-flex;align-items:center;height:40px;padding:0 16px;margin:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(17,18,19,.65);text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--d-isaret) var(--e-isaret)}
.hacts .ara:hover{border-color:var(--lime)}
.hacts .ara strong{margin-left:.35em;font-weight:600}
.top{font:500 14px/20px Inter,sans-serif;color:var(--t2)}
.nojs-note{margin-top:16px;font:500 16px/24px Inter,sans-serif;color:var(--t)}

/* ---------- başlık cümlesi (h1 / kapanış h2) ---------- */
.h1{--fs:var(--m0-fs);--lh:var(--m0-lh);--ex:var(--m0-ex);--g:var(--m0-g);--cw:2px;--bh:178px;display:block;margin-top:16px;font:800 var(--fs)/var(--lh) Archivo,sans-serif;font-stretch:var(--m-st);letter-spacing:-.02em;height:var(--bh);color:var(--t)}
.h1[data-step="1"]{--fs:var(--m1-fs);--lh:var(--m1-lh);--ex:var(--m1-ex);--g:var(--m1-g)}
.h1[data-step="2"]{--fs:var(--m2-fs);--lh:var(--m2-lh);--ex:var(--m2-ex);--g:var(--m2-g)}
.h1.closing{height:auto;min-height:var(--bh);margin-top:0}
.h1 .l{display:block;min-height:var(--lh);line-height:var(--lh);white-space:nowrap}
.h1 .l1,.h1 .l2{margin-bottom:var(--g);transition:margin-bottom var(--d-oturma) var(--e-oturma)}
.h1.nofx .l1,.h1.nofx .l2{transition:none}
.h1.uzun .l1{margin-bottom:var(--ex)}
.h1.uzun3 .l2{margin-bottom:var(--ex)}
.h1 .lw{display:inline-block}
.h1 .ek,.sbar .ek{display:inline-block}
.h1 .ek{margin-left:calc(var(--km,0) * -1em)}
.sbar .ek{margin-left:calc(var(--kb,0) * -1em)}
/* P1: ’ kerning, ilçenin son harfine göre (ekler-olcum.json: tek değer pencereye sığmıyor, harf farkı 5 px'e kadar). --kd masaüstü, --km mobil, --kb çubuk (em, margin-left = -X em) */
.ek[data-k="r"]{--kd:0;--km:-.032;--kb:-.075}
.ek[data-k="y"]{--kd:0;--km:-.025;--kb:-.075}
.ek[data-k="a"]{--kd:0;--km:-.032;--kb:0}
.ek[data-k="k"]{--kd:0;--km:-.025;--kb:-.075}
.ek[data-k="ş"]{--kd:.031;--km:0;--kb:-.075}
.ek[data-k="z"]{--kd:.023;--km:0;--kb:0}
.ek[data-k="ü"]{--kd:.057;--km:0;--kb:0}
.ek[data-k="u"]{--kd:.057;--km:0;--kb:0}
.ek[data-k="e"]{--kd:.018;--km:0;--kb:-.05}
.ek[data-k="t"]{--kd:.027;--km:0;--kb:-.075}
.ek[data-k="n"]{--kd:.057;--km:0;--kb:0}
.ek[data-k="h"]{--kd:.053;--km:0;--kb:0}
.ek[data-k="l"]{--kd:.059;--km:0;--kb:0}
.ek[data-k="i"]{--kd:.058;--km:0;--kb:0}
.slot{display:block;width:100%;min-height:var(--lh);line-height:var(--lh);white-space:nowrap;color:var(--t2);transition:color var(--d-isaret) var(--e-isaret)}
.slot:hover,.slot.dolu{color:var(--t)}
.slot{position:relative}
.slot .lw{position:relative}
.slot:focus-visible{outline:none;color:var(--t)}
/* odak: sabit lime imleç (yanıp sönmez); alt kenar taban çizgisinin .06em altında, ilk harfin .12em solunda, yükseklik .81em */
.slot:focus-visible .lw::before{content:"";position:absolute;left:calc(-.12em - var(--cw));top:calc((var(--lh) - 1.0833em) / 2 + .125em);width:var(--cw);height:.81em;background:var(--lime)}
.h1 .e{color:var(--t2)}
.slot:not(.dolu) .lw{background:repeating-linear-gradient(90deg,rgba(77,163,255,.5) 0 8px,transparent 8px 14px) left bottom/100% 2px no-repeat}
.slot:not(.dolu):hover .lw{background-image:linear-gradient(var(--lime),var(--lime))}
.slot:not(.dolu) .lw::after{content:"\25BE";display:inline-block;margin-left:.18em;font-size:.34em;line-height:1;color:var(--lime);vertical-align:middle;transform:translateY(-.08em)}
.h1 .l3{white-space:normal}
.h1.closing .l3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-bottom:12px;margin-bottom:-12px}
.h1.closing .bos{color:var(--t2)}

.hgrid{display:block}
.help{display:none}
.mrow{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kon plus" "durum durum" "mf1 mf1" "mf2 mf2";align-items:start;margin-top:20px}
.mrow>*{min-width:0}
.mf{display:none}
.mrow.open .mf{display:block;margin-top:16px}
.mrow.open .plus{display:none}
#mf-nereden{grid-area:mf1}
#mf-nereye{grid-area:mf2}
.mf label{display:block;font:500 13px/16px Inter,sans-serif;color:var(--t2);margin-bottom:8px}
.mf input{display:block;width:100%;height:44px;background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--box);font:400 17px/44px Inter,sans-serif;color:var(--t);padding:0;caret-color:var(--lime)}
.mf input::placeholder,.ask::placeholder{color:var(--t2);opacity:1}
.mf input:focus,.ask:focus{outline:none;border-bottom-color:var(--lime);box-shadow:0 1px 0 var(--lime)}
.loc{grid-area:kon;justify-self:start;font:500 15px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding-block:10px;margin-block:-10px;color:var(--t)}
.loc[disabled]{cursor:default;text-decoration:none;color:var(--t2)}
.plus{grid-area:plus;justify-self:end;font:500 15px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding-block:10px;margin-block:-10px}
.kdurum{grid-area:durum;display:none;margin-top:6px;font:400 13px/18px Inter,sans-serif;color:var(--t2)}
.kdurum.goster{display:block}
.askrow{margin-top:16px}
.ask{display:block;width:100%;height:56px;background:transparent;border:0;border-radius:0;border-bottom:2px solid var(--box);padding:0 0 0 12px;font:400 20px/56px Inter,sans-serif;color:var(--t);caret-color:var(--lime)}
.sendrow{display:flex;align-items:center;gap:24px;margin-top:24px}
.send{display:block;height:56px;border-radius:4px;background:var(--lime);color:var(--black);font:600 17px/56px Inter,sans-serif;text-align:center;width:100%}
.orcall{display:none;font:500 16px/20px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.note13{font:400 13px/18px Inter,sans-serif;color:var(--t2)}
.note-m{margin-top:12px}
.note-d{display:none}
.hero-specs{display:grid;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--hair)}
.hero-specs li{display:flex;gap:12px;align-items:flex-start}
.hero-specs .ic{flex:none;margin-top:1px;color:var(--lime)}
.hero-specs h2{font:600 15px/20px Inter,sans-serif;color:var(--t)}
.hero-specs p{margin-top:2px;font:400 13px/18px Inter,sans-serif;color:var(--t2)}
.side{margin-top:28px}
.lab12{font:500 12px/16px Inter,sans-serif;letter-spacing:.06em;color:var(--t2);white-space:nowrap}
.side .lab12{display:flex;align-items:center;gap:8px}
.side .lab12::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(77,163,255,.18),0 0 10px rgba(77,163,255,.65)}
.msgbox{margin-top:8px;padding:16px;border:1px solid var(--hair);border-radius:4px;font:400 15px/22px Inter,sans-serif;overflow-wrap:anywhere}
.msgbox .usr{color:var(--t)}
.msgbox .tpl{color:var(--t2)}
.msgnote{margin-top:16px}

/* ---------- sabit cümle çubuğu (Y1) ---------- */
.sbar{position:fixed;left:0;right:0;top:0;height:64px;z-index:40;background:var(--ink);border-bottom:1px solid var(--hair);visibility:hidden}
.sbar.goster{visibility:visible}
.sbar-in{display:flex;align-items:center;height:63px}
.sbar-btn{display:flex;align-items:center;height:63px;flex:1 1 auto;min-width:0;text-align:left;font:700 16px/20px Archivo,sans-serif;font-stretch:100%;color:var(--t)}
.sbar-btn:focus-visible{outline-offset:6px}
.sbar-btn .sb-text{flex:1 1 auto;min-width:0}
.sb-l1,.sb-l2{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbar-btn .lime{color:var(--lime)}
.sbar-btn .ph{color:var(--t2)}
.sbar-btn .w{display:inline-block;vertical-align:top}
.sbar-act{display:none}

/* ---------- S2 Mesela (açık) ---------- */
#mesela{padding:72px 0}
.h2{font:800 36px/40px Archivo,sans-serif;font-stretch:100%}
.sub{margin-top:48px;min-height:40px;font:400 14px/20px Inter,sans-serif;color:var(--lt2)}
.sub a{display:inline-block;padding:14px 0;margin:-14px 0;text-decoration:underline;text-underline-offset:4px;color:var(--black)}
.liste{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.item{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-height:48px;padding:8px 16px 8px 12px;max-width:100%;background:#fff;border:1.5px solid #D5D4CC;border-radius:10px;font:600 16px/22px Inter,sans-serif;color:var(--black);text-align:left;transition:border-color var(--d-isaret) var(--e-isaret),background var(--d-isaret) var(--e-isaret),color var(--d-isaret) var(--e-isaret)}
.item::before{content:"+";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--paper);font:700 16px/1 Inter,sans-serif;color:var(--black)}
.item:hover{border-color:var(--black)}
.item:focus-visible{outline:2px solid var(--black);outline-offset:3px}
.item.on-i{background:var(--ink);border-color:var(--ink);color:var(--lime)}
.item.on-i::before{content:"\2713";background:var(--lime);color:var(--ink);font-size:14px}
.item .lbl{display:none;padding:3px 8px;border-radius:5px;background:rgba(77,163,255,.16);font:600 11px/14px Inter,sans-serif;letter-spacing:.04em;color:var(--lime)}
.item.on-i .lbl{display:inline-block}
.item .kat{padding:2px 6px;border:1px solid var(--lhair);border-radius:4px;font:600 10px/14px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--lt2)}
.item.on-i .kat{border-color:#44443F;color:var(--t2)}
.arac-grid{display:grid;gap:16px;margin-top:40px}
.arac{padding:24px;background:#fff;border:1.5px solid var(--lhair);border-radius:12px}
.arac-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--ink);color:var(--lime)}
.arac h3{margin-top:16px;font:800 22px/28px Archivo,sans-serif;font-stretch:100%;color:var(--black)}
.arac p{margin-top:10px;font:400 15px/22px Inter,sans-serif;color:var(--lt2)}
.arac .kap{margin-top:16px;padding-top:14px;border-top:1px solid var(--lhair);font:600 13px/18px Inter,sans-serif;color:var(--black)}

/* ---------- S3 / S4 / S5 / S6 (koyu) ---------- */
.hair::before{content:"";position:absolute;left:max(20px,calc((100% - 560px) / 2));right:max(20px,calc((100% - 560px) / 2));top:0;height:1px;background:var(--hair)}
#nasil{padding:96px 0}
.steps{display:grid;gap:16px;margin-top:40px}
.steps li{margin:0;padding:28px 24px;background:rgba(255,255,255,.025);border:1px solid var(--hair);border-radius:12px}
.step-top{display:flex;justify-content:space-between;align-items:center}
.steps .no{font:800 40px/44px Archivo,sans-serif;font-stretch:100%;letter-spacing:0;color:var(--lime)}
.step-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--lime);border-radius:10px;color:var(--lime)}
.steps h3{margin-top:24px;font:700 22px/28px Archivo,sans-serif;font-stretch:100%;color:var(--t)}
.steps p{margin-top:12px;font:400 15px/22px Inter,sans-serif;color:var(--t2)}
.links{display:flex;flex-direction:column;gap:12px;margin-top:40px;font:500 16px/24px Inter,sans-serif}
.links a{text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
#ilceler{padding:72px 0}
.sub-d{margin-top:16px;font:400 15px/22px Inter,sans-serif;color:var(--t2)}
.grp{margin-top:32px}
.yaka-grid{display:grid;gap:16px;margin-top:40px}
.yaka-grid .grp{margin:0;padding:24px;border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.02)}
.grp .names{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.grp .names .n{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid var(--hair);border-radius:8px;font:600 15px/20px Inter,sans-serif;color:var(--t);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--d-isaret) var(--e-isaret),background var(--d-isaret) var(--e-isaret)}
.grp .names .n:hover{border-color:var(--lime)}
.grp .names .n.secili{border-color:var(--lime);background:rgba(77,163,255,.12);color:var(--lime)}
.grp .names .n.secili::after{content:attr(data-rol);padding:2px 6px;border-radius:4px;background:var(--lime);font:700 10px/12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.grp-disari{display:flex;flex-direction:column;gap:20px;margin-top:16px;padding:24px;border:1px solid rgba(77,163,255,.4);border-radius:12px;background:rgba(77,163,255,.06)}
.grp-disari .lab12{color:var(--lime);white-space:normal}
.grp-disari .dis{margin-top:8px;font:500 16px/24px Inter,sans-serif;color:var(--t)}
.dis-btn{align-self:flex-start;height:48px;padding:0 22px;border-radius:6px;background:var(--lime);color:var(--black);font:600 16px/48px Inter,sans-serif;white-space:nowrap}
#ilceler .lnk{display:inline-block;margin-top:40px;font:500 16px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px}
#gonder{padding:96px 0 72px;min-height:708px}
.cta{display:none}
.chg{display:inline-block;margin-top:32px;font:500 16px/20px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px}
.cnote{margin-top:24px}
#iletisim{padding:48px 0 calc(48px + 72px + var(--safe-b))}
.fgrid{display:block}
.fbrand{display:block;height:52px;width:auto}
.fbadge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:6px 12px;border:1px solid var(--hair);border-radius:999px;font:600 11px/16px Inter,sans-serif;letter-spacing:.06em;color:var(--t)}
.harita{display:inline-block;margin-top:16px;font:500 15px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;color:var(--lime)}
.ftext{margin-top:12px;font:400 15px/22px Inter,sans-serif;color:var(--t2)}
.flinks{display:flex;flex-direction:column;gap:4px;margin-top:32px;font:500 15px/24px Inter,sans-serif}
.flinks a{text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.fpriv{margin-top:32px;font:400 13px/20px Inter,sans-serif;color:var(--t2)}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:32px}
.fcopy{font:400 13px/20px Inter,sans-serif;color:var(--t2)}
.fkredi{font:400 12px/16px Inter,sans-serif;color:rgba(163,163,154,.55)}
.fkredi a{text-decoration:underline;text-underline-offset:3px}
.flinks .lab12{margin-bottom:8px}

/* ---------- mobil sabit alt çubuk ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(72px + var(--safe-b));padding:12px 20px 0;background:var(--ink);box-shadow:inset 0 1px 0 var(--hair);display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.mbar a{display:block;height:48px;border-radius:4px;font:600 16px/48px Inter,sans-serif;text-align:center}
.mbar .m-ara{background:var(--t);color:var(--black)}
.mbar .m-wa{background:var(--lime);color:var(--black)}
.mbar.gizli{display:none}

/* ---------- ilçe seçici ---------- */
.scrim{position:fixed;left:0;right:0;top:0;bottom:calc(72px + var(--safe-b));z-index:50;background:transparent}
#secici{position:fixed;z-index:60;left:0;right:0;top:0;bottom:calc(72px + var(--safe-b));background:var(--ink);color:var(--t);overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 0}
.sc-head{display:flex;justify-content:space-between;align-items:flex-start;height:28px}
.pick-title{font:800 24px/28px Archivo,sans-serif;font-stretch:100%}
.pick-close{font:500 15px/20px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;min-width:44px;min-height:44px;margin:-12px -10px 0 0;padding:12px 10px 0;text-align:right}
.search{display:block;width:100%;height:52px;margin-top:16px;border:0;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1px var(--box);padding:0 16px;font:400 18px/52px Inter,sans-serif;color:var(--t);caret-color:var(--lime)}
.search::placeholder{color:var(--t2);opacity:1}
.search:focus{outline:none;box-shadow:inset 0 0 0 1px var(--lime)}
.fixrow{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:12px;box-shadow:inset 0 1px 0 var(--hair),inset 0 -1px 0 var(--hair);font:500 16px/52px Inter,sans-serif;color:var(--t);text-align:left;white-space:nowrap}
.fixrow .hint{font:400 13px/52px Inter,sans-serif;color:var(--t2)}
.fixrow.sel .main{color:var(--lime)}
#secici .grp{margin-top:20px}
#secici .grp+.grp{margin-top:16px}
#secici .lab12{margin-bottom:4px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:52px}
.cell{height:52px;padding-left:12px;font:500 16px/52px Inter,sans-serif;color:var(--t);--r:inset -1px 0 0 transparent;--b:inset 0 -1px 0 transparent;box-shadow:inset 1px 1px 0 var(--hair),var(--r),var(--b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.cell.rc{--r:inset -1px 0 0 var(--hair)}
.cell.lr{--b:inset 0 -1px 0 var(--hair)}
.cell:hover{background:var(--hair)}
.cell.sel{color:var(--lime)}
.cell:focus-visible,.fixrow:focus-visible,.pick-close:focus-visible{outline-offset:-2px}
.bulunamadi{margin-top:20px;font:400 15px/22px Inter,sans-serif;color:var(--t2)}
.bossay{padding-bottom:24px}

/* ---------- 404 ---------- */
.p404{min-height:100vh;padding:96px 0}
.p404 h1{font:800 52px/56px Archivo,sans-serif;font-stretch:85%;letter-spacing:-.02em}
.p404 p{margin-top:16px;font:500 16px/24px Inter,sans-serif;color:var(--t2)}
.p404 .home{display:inline-block;margin-top:24px;font:500 16px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;color:var(--t)}
.p404 .home .arrow{font-family:Inter,sans-serif;font-weight:500}
.p404 .acts{display:flex;flex-wrap:wrap;gap:32px;margin-top:40px;font:500 15px/24px Inter,sans-serif}
.p404 .acts a{text-decoration:underline;text-underline-offset:4px}

/* ================= masaüstü (>=1200) ================= */
@media (min-width:1200px){
  html{scroll-padding-bottom:0}
  .wrap{width:100%;max-width:1440px;padding:0 72px}
  .hero{min-height:900px;padding-bottom:40px}
  .herobg img{object-position:left top}
  .hero .hgrid{margin-top:0}
  .herobg{height:900px;-webkit-mask-image:linear-gradient(#000 calc(100% - 90px),transparent);mask-image:linear-gradient(#000 calc(100% - 90px),transparent)}
  .hbar{align-items:center;padding-top:0}
  .brand{height:66px;margin-top:0}
  .brand-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(17,18,19,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 12px/16px Inter,sans-serif;letter-spacing:.08em;color:var(--t);white-space:nowrap}
  .hacts{display:flex;align-items:center;gap:32px;height:40px}
  .top{margin-top:56px;font-size:16px;line-height:24px;white-space:nowrap}
  .h1{--fs:var(--d0-fs);--lh:var(--d0-lh);--ex:var(--d0-ex);--g:var(--d0-g);--cw:3px;--bh:398px;margin-top:24px;font-stretch:var(--d-st)}
  .h1[data-step="1"]{--fs:var(--d1-fs);--lh:var(--d1-lh);--ex:var(--d1-ex);--g:var(--d1-g)}
  .h1[data-step="2"]{--fs:var(--d2-fs);--lh:var(--d2-lh);--ex:var(--d2-ex);--g:var(--d2-g)}
  .h1 .ek{margin-left:calc(var(--kd,0) * -1em)}
  .hero .wrap{position:relative}
  .hgrid{display:block}
  .hmain{min-width:0}
  .help{display:block;margin-top:12px;font:400 14px/20px Inter,sans-serif;color:var(--t2);white-space:nowrap}
  .mrow{grid-template-columns:304px 304px 624px;grid-template-areas:"mf1 mf2 kon" "mf1 mf2 durum";column-gap:32px;margin-top:16px;height:70px}
  .mf,.mrow.open .mf{display:block;margin-top:0}
  .mf label{margin-bottom:4px}
  .mf input{height:40px;font-size:17px;line-height:40px}
  .plus{display:none}
  .loc{margin-top:18px}
  .kdurum,.kdurum.goster{display:block;margin-top:2px;height:16px;font-size:13px;line-height:16px;white-space:nowrap}
  .askrow{margin-top:16px;max-width:880px}
  .ask{height:64px;font-size:26px;line-height:64px}
  .sendrow{margin-top:24px}
  .send{width:320px;height:64px;font-size:18px;line-height:64px}
  .orcall{display:inline-block;padding-block:12px;margin-block:-12px}
  .note-m{display:none}
  .note-d{display:block}
  /* mesaj önizlemesi render'ın üstüne binmesin: konsept B10 yerleşimi, sahnenin altında sağda, koyu yarı saydam zeminde */
  .hero-specs{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
  .side{position:absolute;right:72px;top:568px;width:416px;margin:0;z-index:2;box-sizing:border-box;padding:18px 20px;background:rgba(18,18,16,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(77,163,255,.28);box-shadow:0 24px 48px rgba(0,0,0,.55);border-radius:10px}
  .msgbox{margin-top:12px;padding:20px;font-size:16px;line-height:24px}
  .side .lab12{font-size:13px;color:#C9C9C0}
  /* sabit çubuk */
  .sbar-in{height:63px}
  .sbar-btn{font-size:20px;line-height:24px}
  .sb-l1,.sb-l2{display:inline}
  .sbar-btn .sb-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sbar-act{display:flex;align-items:center;gap:32px;margin-left:32px;flex:none}
  /* S2 */
  .mbr{display:none}
  #mesela{padding:120px 0}
  .h2{font-size:56px;line-height:60px}
  .sub{margin-top:12px;min-height:0;font-size:16px;line-height:24px}
  .liste{gap:14px;margin-top:40px}
  .item{min-height:52px;padding:10px 20px 10px 14px;font-size:17px}
  .arac-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
  .arac{padding:32px}
  /* S3 */
  #nasil{padding:160px 0}
  .steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
  .steps li{padding:36px 32px}
  .steps h3{margin-top:28px;min-height:64px;font-size:28px;line-height:32px}
  .steps p{font-size:17px;line-height:26px}
  .links{flex-direction:row;gap:32px;margin-top:64px}
  /* S4 */
  #ilceler{padding:120px 0}
  .sub-d{margin-top:16px;font-size:17px;line-height:26px}
  .yaka-grid{grid-template-columns:5fr 7fr;gap:24px;margin-top:48px}
  .yaka-grid .grp{padding:32px}
  .grp .names .n{font-size:16px}
  .grp-disari{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-top:24px;padding:32px}
  .grp-disari .dis{font-size:18px;line-height:28px}
  #ilceler .lnk{margin-top:48px}
  /* S5 */
  #gonder{padding:104px 0 96px;min-height:520px;background:radial-gradient(700px 320px at 20% 50%,rgba(77,163,255,.055),transparent 70%) var(--ink)}
  .h1.closing{margin-top:0}
  .cta{display:flex;align-items:flex-start;gap:24px;margin-top:48px;height:64px}
  .cta .send{width:320px;height:64px;font-size:18px;line-height:64px}
  .cta .send.alt{background:var(--t)}
  .cta .chg{margin-top:10px;padding-block:12px}
  .chg-m{display:none}
  .cnote{margin-top:24px}
  /* S6 */
  #iletisim{padding:64px 0 64px}
  .fgrid{display:grid;grid-template-columns:416px 306px 526px;column-gap:24px}
  .flinks{margin-top:0;gap:16px}
  .fpriv{margin-top:0}
  .fbot{margin-top:48px}
  .ftext{margin-top:24px}
  /* seçici */
  .mbar{display:none}
  .scrim{bottom:0}
  .hair::before{left:max(72px,calc((100% - 1296px) / 2));right:max(72px,calc((100% - 1296px) / 2))}
  #secici{left:min(calc(50% + 24px),calc(100% - 648px));right:auto;top:88px;bottom:auto;width:624px;height:min(788px,calc(100vh - 112px));box-shadow:inset 0 0 0 1px var(--box);border-radius:4px;padding:24px 24px 0}
  .sc-head{height:28px}
  .pick-close{margin:-8px -10px 0 0;padding:8px 10px 0}
  .search{margin-top:24px}
  #secici .grp{margin-top:20px}
  #secici .grp+.grp{margin-top:24px}
  .grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:44px}
  .cell{height:44px;line-height:44px}
  .p404{padding:160px 0}
  .p404 h1{font-size:52px;line-height:56px;font-stretch:100%}
}

@media (max-width:1199.98px){
  .chg-d{display:none}
}

/* hareket azaltma: dönüşüm animasyonu yok, her şey anında */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* ---------- S2-S6 yeniden tasarım: Fikir C karanlık sahne (hero'ya dokunmaz) ---------- */
#mesela{padding:96px 0}
#mesela .sub{color:var(--t2)}#mesela .sub a{color:var(--t)}
#mesela :focus-visible{outline-color:var(--lime)}
.liste{gap:10px}
.item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--t);font:500 16px/22px Inter,sans-serif;min-height:48px;padding:10px 18px 10px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.item::before{background:rgba(255,255,255,.1);color:var(--t);border-radius:8px}
.item:hover{border-color:rgba(77,163,255,.5)}
.item:focus-visible{outline-color:var(--lime)}
.item.on-i{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.item.on-i::before{background:var(--ink);color:var(--lime)}
.item .lbl{background:rgba(17,18,19,.14);color:var(--ink)}
.item .kat{border-color:rgba(77,163,255,.45);color:var(--lime)}
.item.on-i .kat{border-color:rgba(17,18,19,.4);color:var(--ink)}
.arac-grid{gap:14px;margin-top:40px}
.arac{padding:32px;border-radius:30px;background:#1A1B1D;border:1px solid rgba(255,255,255,.07)}
.arac.hl{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.arac-k{font:600 12px/16px Inter,sans-serif;letter-spacing:.1em;opacity:.6;margin:0}
.arac-n{margin:14px 0 0;font:800 84px/.9 Archivo,sans-serif;letter-spacing:-.04em}
.arac-n span{font-size:.3em;letter-spacing:0;opacity:.6}
.arac h3{margin-top:18px;font:700 24px/30px Archivo,sans-serif;color:inherit}
.arac p{color:inherit;opacity:.75}.arac .kap{border-top:1px solid rgba(255,255,255,.12);color:inherit;opacity:1;font-weight:600}
.arac.hl .kap{border-top-color:rgba(17,18,19,.2)}
.steps{gap:14px}
.steps li{display:grid;gap:8px;padding:36px 32px;border-radius:30px;background:linear-gradient(135deg,#202124,#111213);border:1px solid rgba(255,255,255,.07)}
.steps .no{font-size:88px;line-height:.9;letter-spacing:-.05em}
.steps h3{margin-top:12px;font:800 28px/1.1 Archivo,sans-serif;letter-spacing:-.02em}
.steps p{max-width:560px}
@media (min-width:1200px){
  #mesela{padding:140px 0}
  .item{min-height:52px;font-size:17px}
  .arac-grid{grid-template-columns:1fr 1fr;gap:18px}
  .arac{padding:44px}
  .arac-n{font-size:140px}
  .steps{grid-template-columns:1fr;gap:16px}
  .steps li{grid-template-columns:200px 1fr;grid-template-rows:auto auto;column-gap:32px;align-items:center;padding:48px 44px}
  .steps .step-top{grid-row:span 2}.steps .no{font-size:120px}
  .steps h3{margin:0;font-size:40px;min-height:0}
  .steps p{margin:0;font-size:18px;line-height:28px}
}

/* ---------- S4 cam kapsüller, S5 tipografik kapanış (X), S6 açık alt bilgi (Y) ---------- */
.yaka-grid{gap:14px}
.yaka-grid .grp{padding:32px;border-radius:30px;background:#1A1B1D;border:1px solid rgba(255,255,255,.07)}
.grp .names .n{min-height:44px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font:500 15px/22px Inter,sans-serif}
.grp .names .n.secili{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.grp .names .n.secili::after{background:var(--ink);color:var(--lime)}
.grp-disari{border-radius:30px}
#gonder{background:radial-gradient(700px 320px at 15% 40%,rgba(77,163,255,.08),transparent 70%) var(--ink)}
.tel{display:block;margin-top:56px;font:800 clamp(44px,13vw,112px)/1 Archivo,sans-serif;letter-spacing:-.04em;color:var(--lime);white-space:nowrap}
.tel small{display:block;margin-bottom:12px;font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;color:var(--t2)}
#iletisim{background:var(--paper);color:var(--black);padding:72px 0 calc(48px + 72px + var(--safe-b))}
#iletisim .ftext,#iletisim .fpriv,#iletisim .fcopy{color:#34342f}
#iletisim .fkredi{color:#55554f}
.fbrand{height:56px}
.fbadge{border-color:rgba(17,18,19,.25);color:var(--black)}
.fbadge .b-dot{background:var(--black);box-shadow:none}
.harita{color:var(--black);font-weight:600}
#iletisim .lab12{color:#55554f}
#iletisim .flinks a{font:800 30px/1.05 Archivo,sans-serif;letter-spacing:-.02em;text-decoration:none;color:var(--black)}
#iletisim .flinks a:last-child{font:500 15px/24px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px}
#iletisim :focus-visible{outline-color:var(--black)}
.fgrid{gap:36px}
#iletisim .fbot{border-top:1px solid rgba(17,18,19,.18);padding-top:28px}
@media (min-width:1200px){
  #gonder{padding:150px 0 120px;min-height:0}
  .tel{margin-top:70px}
  #iletisim{padding:96px 0 52px}
  .fgrid{grid-template-columns:1.3fr 1fr 1fr;column-gap:56px}
  .fbot{margin-top:56px}
}

/* ---------- Palet B (hafifletilmis mavi): mavi yalniz buton, secili durum, odak ---------- */
.arac.hl{background:#1A1B1D;color:#F2F3F5;border-color:#4DA3FF}
.arac.hl .arac-k{color:#4DA3FF;opacity:1}
.arac.hl .kap{border-top-color:rgba(255,255,255,.12)}
.tel{color:#F2F3F5}
.steps .no{color:#F2F3F5}
.item .kat{color:#8E9196;border-color:rgba(255,255,255,.2)}
.grp-disari{background:none;border-color:rgba(255,255,255,.14)}
.grp-disari .lab12{color:#8E9196}
/* S6 logosu: koyu logo, acik zeminde koyu plaka uzerinde (beyaz yelken ve yazi kaybolmasin) */
#iletisim .fbrand{box-sizing:content-box;padding:14px 22px;background:#111213;border-radius:16px;width:auto}
#iletisim .harita{color:#111213}

/* ---------- Belirgin acik cizgiler: kartlar ve kapsuller (owner istegi) ---------- */
.yaka-grid .grp,.arac,.steps li,.grp-disari{border:1px solid rgba(255,255,255,.32)}
.grp .names .n,.item{border:1px solid rgba(255,255,255,.38)}
.grp .names .n:hover,.item:hover{border-color:#fff}
.grp .names .n.secili,.item.on-i{border-color:#4DA3FF}
.arac.hl{border-color:#4DA3FF}

/* ---------- Mavi basliklar: Nereden/Nereye, S3 rakamlari ve basliklari (owner istegi) ---------- */
.slot:not(.dolu),.slot:not(.dolu):hover,.h1.closing .bos,.sbar-btn .ph{color:#4DA3FF}
.steps .no,.steps h3,#nasil .h2{color:#4DA3FF}

/* Mobil: logo parlak hero noktalarinin ustunde okunsun diye header arkasinda ince koyu gecis (hero gorseli degismez) */
@media (max-width:1199.98px){
  .herobg::after{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(rgba(17,18,19,.82),rgba(17,18,19,.45) 55%,rgba(17,18,19,0));pointer-events:none}
}

/* Tablet: dev telefon numarasi 600-1199 px arasinda yatay tasmasin */
.tel{font-size:clamp(34px,9.4vw,112px)}

/* 2026-11-05 owner: iletisim numaralari tek satir, yesil "aktif" nokta, S2 baslik rengi, mobil kart/blok kucultme+ortalama */
#iletisim .flinks a{white-space:nowrap}
#iletisim .fbadge .b-dot{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.22),0 0 10px rgba(34,197,94,.7)}
#mesela .h2 .mavi{color:#4DA3FF}
@media (max-width:767.98px){
  #iletisim .flinks{text-align:center}
  #iletisim .flinks a{font-size:clamp(20px,6vw,26px)}
  #iletisim .flinks a:last-child{font-size:15px}
  .steps li,.steps .step{text-align:center}
  .steps .step-top{justify-content:center}
  .steps .no{font-size:64px}
  .steps h3{font-size:24px;line-height:30px}
  .steps p{font-size:14px;line-height:21px}
  .arac{text-align:center;padding:26px 22px}
  .arac h3{font-size:21px;line-height:27px}
  .arac p{font-size:14px;line-height:21px}
}

/* 2026-11-05 owner: mesaj onizlemesi "Konumumu kullan" uzerine binip motoru kapatiyordu; akista, sol altta (motor sagda) */
@media (min-width:1200px){
  .side{position:static;right:auto;top:auto;width:416px;max-width:100%;margin:28px 0 0 0}
}