:root{--c-brand:#1a6b4a;--c-brand-dark:#124d35;--c-brand-light:#3ea87a;--c-brand-ink:#08110c;--c-brand-tint:#eaf3ee;--c-mint:#9be3c1;--c-on-brand:#d6ebe0;--c-ink:#16150f;--c-ink-2:#2a271f;--c-text:#4a463d;--c-text-2:#6b675c;--c-text-3:#716d62;--c-on-dark:#cfcbc0;--c-on-dark-dim:#a8a49a;--c-white:#fff;--c-paper:#fbfaf8;--c-sand:#f5f0e4;--c-line:#e4e0d6;--c-line-strong:#d9d4c8;--c-map-container:#f1efe9;--c-map-bg:#eceadf;--c-district:#f7f6f1;--c-error:#c0392b;--c-wa-bg:#efeae2;--c-wa-link:#027eb5;--c-scrim:rgba(22,21,15,0.45);--c-bar-bg:rgba(251,250,248,0.94);--c-on-brand-line:rgba(255,255,255,0.35);--c-ink-strip:rgba(8,17,12,0.35);--sh-card:0 18px 44px -24px rgba(22,21,15,0.55);--sh-sheet:0 -10px 40px rgba(22,21,15,.18);--sh-hero:0 24px 60px rgba(8,17,12,0.3);--ff-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ff-serif:"Instrument Serif",Georgia,serif;--ff-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--fs-17:17px;--fs-19:19px;--fs-22:22px;--fs-26:26px;--fs-30:30px;--fs-40:40px;--fs-44:44px;--fs-46:46px;--fs-76:76px;--fs-2xs:12px;--fs-xs:13px;--fs-sm:14px;--fs-md:15px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:34px;--fw-400:400;--fw-600:600;--fw-650:650;--fw-700:700;--r-pill:999px;--r-circle:50%;--r-3:3px;--r-4:4px;--r-6:6px;--r-10:10px;--r-12:12px;--r-14:14px;--r-16:16px;--r-18:18px;--r-20:20px;--r-22:22px;--r-24:24px;--r-28:28px;--t-fast:140ms;--t-quick:150ms;--t-base:180ms;--t-sheet:220ms;--e-out:ease-out;--e-sheet:cubic-bezier(.2,.8,.3,1);--w-wide:1120px;--w-sheet:620px;--w-form:560px;--w-shots:300px;--focus:3px;--z-bar:40;--z-panel:50;--z-sheet:60}
.lrows{display:grid;gap:8px;margin:0 0 12px}
.lrow{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-12);padding:12px 12px}
.lrow-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.lrow-price{font-size:var(--fs-lg);font-weight:var(--fw-650);letter-spacing:-0.01em;white-space:nowrap}
.lrow-per{font-size:var(--fs-2xs);font-weight:var(--fw-400);color:var(--c-text-3);margin-left:1px}
.lrow-lock{font-size:var(--fs-xs);line-height:1;opacity:.55;flex:none}
.lrow-bits{font-size:var(--fs-sm);color:var(--c-text);margin-top:4px;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px}
.lrow-tag{font-size:var(--fs-2xs);background:var(--c-brand-tint);color:var(--c-brand);border-radius:var(--r-pill);
  padding:2px 8px;white-space:nowrap}
.lrow-sub{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:4px;line-height:1.35}
@media(min-width:700px){
  .lrow{padding:12px 16px}
  .lrow-price{font-size:var(--fs-xl)}
  .lrow-bits{font-size:var(--fs-md)}
  .lrow-sub{font-size:var(--fs-xs)}
}
*{box-sizing:border-box;margin:0}
body{margin:0;background:var(--c-paper);color:var(--c-ink);
  font-family:var(--ff-sans);
  -webkit-font-smoothing:antialiased;font-size:var(--fs-base);line-height:1.6}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
a{color:var(--c-brand);text-decoration:none;cursor:pointer;
  transition:background-color var(--t-base) var(--e-out),color var(--t-base) var(--e-out),transform var(--t-base) var(--e-out)}
a:hover{color:var(--c-brand-dark)}
a:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:3px;border-radius:var(--r-4)}
code{font-family:var(--ff-mono);font-size:0.92em}
.serif{font-family:var(--ff-serif);font-weight:var(--fw-400)}
.wrap{max-width:var(--w-wide);margin:0 auto;padding:0 20px}
.sec{border-top:1px solid var(--c-line);margin-top:56px;padding-top:44px}
/* Yesil bandin hemen altindaki ilk bolum: cizgi ve buyuk bosluk yok. */
.sec.sec--first{border-top:0;margin-top:0;padding-top:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--c-brand);color:var(--c-white);border-radius:var(--r-pill);font-weight:var(--fw-600);text-align:center}
.btn:hover{background:var(--c-brand-dark);color:var(--c-white)}
.btn--nav{padding:8px 20px;font-size:var(--fs-md)}
.btn--hero{padding:16px 32px;font-size:var(--fs-base)}
.btn--hero:hover{transform:translateY(-2px)}
.btn--price{padding:16px 32px;font-size:var(--fs-base)}
.btn--price:hover{background:var(--c-brand-light);color:var(--c-brand-ink)}
.btn--cta{padding:12px 20px;font-size:var(--fs-base)}
.card{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);padding:24px}
form{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);padding:24px}
.field{margin-bottom:16px}
label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-600);margin-bottom:8px}
.hint{font-size:var(--fs-xs);color:var(--c-text-2);font-weight:var(--fw-400);margin-top:4px}
input[type=text],input[type=email],input[type=number]{width:100%;padding:12px 12px;
  border:1px solid var(--c-line);border-radius:var(--r-10);background:var(--c-paper);color:var(--c-ink);
  font:inherit;min-height:48px}
input:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:1px}
.row{display:flex;gap:8px}.row>*{flex:1}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.tog{border:1px solid var(--c-line);background:var(--c-paper);color:var(--c-text-2);border-radius:var(--r-pill);
  padding:8px 12px;font:inherit;font-size:var(--fs-sm);cursor:pointer;min-height:40px;
  transition:background-color var(--t-quick) var(--e-out),color var(--t-quick) var(--e-out)}
.tog[aria-pressed=true]{background:var(--c-brand);color:var(--c-white);border-color:var(--c-brand);font-weight:var(--fw-600)}
.tog:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:2px}
button.btn{border:0;font:inherit;cursor:pointer}
button.btn:disabled{opacity:.55;cursor:default}
.err{color:var(--c-error);font-size:var(--fs-xs);margin-top:8px}
.chip{flex:none;display:inline-flex;align-items:center;gap:4px;background:var(--c-brand-tint);
  color:var(--c-brand);border-radius:var(--r-pill);padding:4px 12px;font-size:var(--fs-2xs);font-weight:var(--fw-600)}
.chip--pending{background:var(--c-sand);color:var(--c-text-2)}
.nav{display:flex;justify-content:space-between;align-items:center;
  padding-top:24px;padding-bottom:24px;gap:16px;flex-wrap:wrap}
.nav-brand{display:flex;align-items:center;gap:8px;color:var(--c-ink)}
.nav-word{font-size:var(--fs-2xl);letter-spacing:-0.01em}
.nav-right{display:flex;align-items:center;gap:20px}
.navlinks{display:flex;gap:24px}
.navlink{font-size:var(--fs-md);color:var(--c-text-2)}
.nav-lang{display:flex;gap:8px;font-size:var(--fs-xs)}
.nav-lang a{color:var(--c-text-2);font-weight:var(--fw-400)}
.nav-lang a.on{color:var(--c-ink);font-weight:var(--fw-600)}
.banner{background:var(--c-sand);border:1px solid var(--c-line);border-radius:var(--r-12);
  padding:12px 16px;margin-bottom:16px;font-size:var(--fs-sm);display:flex;gap:8px;
  align-items:center;justify-content:space-between;flex-wrap:wrap}
.banner a{font-weight:var(--fw-600);text-decoration:underline;white-space:nowrap}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:var(--c-sand);
  border:1px solid var(--c-line);border-radius:var(--r-pill);padding:4px 16px 4px 8px;
  margin-bottom:16px}
.hbadge-dot{display:inline-block;width:7px;height:7px;border-radius:var(--r-circle);
  background:var(--c-brand)}
.hbadge-txt{font-size:var(--fs-xs);color:var(--c-text)}
.h-hero{font-size:clamp(32px,5.6vw,48px);line-height:1.04;letter-spacing:-0.025em;
  margin:0 0 12px;text-wrap:balance}
.hero-lead{font-size:var(--fs-lg);line-height:1.5;color:var(--c-text);margin:0 0 20px;
  max-width:47ch}
.h-sec{font-size:clamp(28px,4.2vw,40px);letter-spacing:-0.025em;
  margin:0 0 12px;text-wrap:balance}
.h-sub{font-size:clamp(26px,3.6vw,34px);letter-spacing:-0.02em;margin:0 0 12px;
  line-height:1.12;text-wrap:balance}
.sec-lead{font-size:var(--fs-base);color:var(--c-text);max-width:62ch;margin:0 0 24px}
.sec-lead--tight{margin:0}
.wrap--pt{padding-top:32px}
.h-card{font-size:var(--fs-2xl);margin:0}
.card-body{margin:0;font-size:var(--fs-md);color:var(--c-text)}
.card-note{margin:0;font-size:var(--fs-xs);color:var(--c-text-3)}
.stack{display:flex;flex-direction:column;gap:8px}
.stack--lg{gap:12px}
.vs-them,.vs-us{border-radius:var(--r-16);padding:24px}
.vs-them{background:var(--c-sand);border:1px solid var(--c-line)}
.vs-us{background:var(--c-white);border:1px solid var(--c-brand)}
.vs-head{font-size:var(--fs-xs);letter-spacing:0.06em;text-transform:uppercase;
  color:var(--c-text-3);margin-bottom:12px}
.vs-us .vs-head{color:var(--c-brand);font-weight:var(--fw-600)}
.vs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.vs-list li{display:flex;gap:8px;font-size:var(--fs-md);color:var(--c-text);line-height:1.5}
.vs-us .vs-list li{color:var(--c-ink-2)}
.vs-ico{flex:none;margin-top:4px}
.vs-foot{font-size:var(--fs-base);font-weight:var(--fw-600);color:var(--c-brand);margin:20px 0 0}
.agrow{background:var(--c-white);border:1px solid var(--c-line);
  border-radius:var(--r-14);padding:16px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:16px}
.agrow-name{font-size:var(--fs-base);font-weight:var(--fw-600);letter-spacing:-0.01em}
.agrow-note{font-size:var(--fs-xs);color:var(--c-text-2);margin-top:4px}
.agrow-new{color:var(--c-brand);font-weight:var(--fw-600)}
.agrow-seen{font-size:var(--fs-2xs);color:var(--c-text-3);margin-top:2px}
.t-note{font-size:var(--fs-xs);color:var(--c-text-2)}
.t-note--dim{color:var(--c-text-3)}
.t-note--nowrap{white-space:nowrap}
.t-note--mt{margin-top:16px}
.t-note--gap{margin:8px 0 0}
.t-sm{font-size:var(--fs-sm);color:var(--c-text-2)}
.t-sm--mb{margin:0 0 16px}
.t-lede{font-size:var(--fs-base);color:var(--c-text);max-width:62ch;margin:0 0 32px}
.t-label{font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-text-2);
  margin:24px 0 12px}
.t-strong{font-size:var(--fs-base);font-weight:var(--fw-650)}
.t-strong--muted{color:var(--c-text-2)}
.t-brand{color:var(--c-brand)}
.t-brand--bold{font-weight:var(--fw-600)}
.t-sep-top{border-top:1px solid var(--c-line)}
.t-sep-bottom{border-bottom:1px solid var(--c-line);padding:16px 0}
.t-narrow{max-width:760px;margin:0 auto;padding:0 20px 24px}
.t-col{display:flex;flex-direction:column}
.t-full{width:100%}
.t-top{align-items:start}
.t-mb{margin-bottom:12px}
.t-mb--sm{margin-bottom:8px;color:var(--c-text)}
.h-lg{font-size:clamp(28px,4vw,36px);letter-spacing:-0.02em;margin:0}
.h-md{font-size:clamp(26px,3.6vw,32px);letter-spacing:-0.02em;margin:0 0 16px}
.h-sm{font-size:clamp(22px,3vw,28px);letter-spacing:-0.02em;margin:0 0 8px}
.headrow{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  flex-wrap:wrap;margin-bottom:8px}
.shrow{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-14);
  padding:16px 20px;display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap}
.shrow--on{background:var(--c-white);border-color:var(--c-brand)}
.foot{margin-top:56px;border-top:1px solid var(--c-line);padding-top:32px;
  padding-bottom:48px;text-align:center;color:var(--c-text-2);font-size:var(--fs-xs)}
.foot-line{margin:0;line-height:1.6;max-width:62ch;margin-left:auto;margin-right:auto}
.foot-line--last{margin-top:4px}
.hero{display:grid;gap:24px;align-items:start;padding-top:20px}
.g3,.g2,.crit,.portal{display:grid;gap:16px}
.buy{background:var(--c-ink);color:var(--c-paper);border:0;border-radius:var(--r-20);padding:20px;
  box-shadow:var(--sh-card)}
.buy .buy-price{color:var(--c-paper)}
.buy .buy-per{color:var(--c-on-dark-dim)}
.buy .buy-urgency{color:var(--c-mint)}
.buy form{background:var(--c-paper);border:0;border-radius:var(--r-14);padding:16px}
.buy label{color:var(--c-text)}
.buy .buy-note{color:var(--c-on-dark-dim)}
.buy .buy-more{border-top:1px solid var(--c-ink-2)}
.buy .buy-more summary{color:var(--c-mint)}
.buy .buy-list li{color:var(--c-line)}
.buy .demo-link{color:var(--c-mint)}
.buy-price{font-family:var(--ff-serif);font-size:var(--fs-4xl);
  letter-spacing:-0.02em;line-height:1}
.buy-per{font-size:var(--fs-sm);color:var(--c-text-2);margin-left:8px}
.buy-list{list-style:none;margin:16px 0 20px;padding:16px 0 0;display:grid;gap:8px;
  border-top:1px solid var(--c-line)}
.buy-list li{font-size:var(--fs-md);color:var(--c-ink-2);display:flex;gap:8px;align-items:baseline}
.buy-list span{color:var(--c-brand);font-weight:var(--fw-700)}
.buy-note{font-size:var(--fs-xs);line-height:1.5;color:var(--c-text-2);margin:12px 0 0;text-align:center}
.demo{max-width:var(--w-shots);margin:0 auto}
.demo-video{width:100%;height:auto;display:block;border-radius:var(--r-22);
  border:1px solid var(--c-line-strong);background:var(--c-ink);cursor:pointer}
.demo-video--paused{opacity:.72}
.demo-cap{font-size:var(--fs-sm);line-height:1.5;color:var(--c-text);margin:16px 0 0;
  text-align:center}
.demo-link{display:block;text-align:center;font-size:var(--fs-xs);color:var(--c-brand);
  font-weight:var(--fw-600);margin-top:12px}
.demo-note{font-size:var(--fs-2xs);line-height:1.45;color:var(--c-text-3);text-align:center;
  margin:8px 0 0}
.stats{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;padding-top:24px;
  border-top:1px solid var(--c-line)}
@media(min-width:900px){
  .wrap{padding:0 40px}
  .sec{margin-top:72px;padding-top:56px}
  .sec.sec--first{margin-top:0;padding-top:56px}
  .hero{grid-template-columns:1.15fr 0.85fr;gap:48px;padding-top:32px}
  .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .crit{grid-template-columns:0.9fr 1.1fr;gap:40px;align-items:center}
  .portal{grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start}
  .stats{gap:32px;margin-top:40px;padding-top:24px}
}
.stickybar{display:none}
@media(max-width:760px){
  .stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);
    background:var(--c-bar-bg);backdrop-filter:blur(10px);
    border-top:1px solid var(--c-line);
    padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:12px;align-items:center}
  .stickybar .btn{flex:1;padding:12px 16px;font-size:var(--fs-md);min-height:48px}
  body{padding-bottom:84px}
  .navlinks{display:none}
  /* YATAY TASMA TELEFONU UZAKLASTIRIYORDU (olculdu 2026-09-29, 390 px'te
     sayfa 420 px): tarayici sayfayi sigdirmak icin kucultunce yerlesim
     gorunen alandan uzun oluyor ve bottom:0'daki bu cubuk EKRANIN ALTINA
     dusuyordu -- odemeye giden tek dugme gorunmuyordu. Tasan iki oge
     duzeltildi; clip, bir sonraki tasmanin ayni hataya donmesini engelliyor. */
  html,body{overflow-x:clip}
  .srch-strip .srch-live{flex-shrink:1;min-width:0}
  .srch-strip .srch-live-ago{display:none}
  .stickybar .t-note{flex-shrink:1;min-width:0;white-space:normal;text-align:right}
}
.hk{margin:0 0 8px;font-size:var(--fs-xs);font-weight:var(--fw-700);letter-spacing:.08em;
  text-transform:uppercase;color:var(--c-brand)}
.hsteps{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}
.hsteps li{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-md);line-height:1.45;color:var(--c-text)}
.hsteps b{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:var(--r-circle);background:var(--c-brand-tint);color:var(--c-brand);font-size:var(--fs-sm)}
.hcta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px}
@media(max-width:760px){.demo{max-width:240px}.demo-note{display:none}}
.hiw{padding-top:32px}
.hiw-src{margin-top:40px}
.hiw-steps{position:relative;list-style:none;margin:24px 0 12px;padding:0 0 8px;display:grid;gap:16px;
  grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory}
.hiw-step{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0}
.hiw-shot{margin:0;border-radius:var(--r-20);overflow:hidden;border:1px solid var(--c-line);background:var(--c-paper)}
.hiw-shot img{width:100%;height:auto;display:block}
.hiw-h{display:flex;align-items:center;gap:12px;margin:4px 0 0;font-size:var(--fs-md);font-weight:var(--fw-600);color:var(--c-ink)}
.hiw-h b{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:var(--r-circle);background:var(--c-brand-tint);color:var(--c-brand);font-size:var(--fs-sm)}
.hiw-step p{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--c-text-2)}
.hiw-note{margin:0 0 16px;font-size:var(--fs-2xs);color:var(--c-text-3)}
@media(min-width:700px){.hiw-steps{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;
  grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.hiw-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fresh{padding:32px 0 8px}
.fresh .h-sec{max-width:var(--w-wide);margin:0 auto;padding:0 20px}
.fr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 20px 24px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fr-track::-webkit-scrollbar{display:none}
.fr-card{flex:0 0 240px;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;padding:0;
  background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-18);overflow:hidden;
  font-family:inherit;color:var(--c-ink);cursor:pointer;text-decoration:none}
.fr-img{position:relative;display:block;aspect-ratio:4/3;background:var(--c-sand)}
.fr-img img{width:100%;height:100%;object-fit:cover;display:block}
.fr-ago{position:absolute;left:8px;top:8px;background:rgba(22,21,15,.72);color:#fff;font-size:var(--fs-2xs);
  font-weight:var(--fw-600);padding:2px 8px;border-radius:var(--r-pill)}
.fr-body{display:flex;flex-direction:column;gap:2px;padding:12px 16px 16px;font-size:var(--fs-sm);color:var(--c-text)}
.fr-body b{font-size:var(--fs-xl);color:var(--c-ink);font-weight:var(--fw-650)}
.fr-body b small{font-size:var(--fs-2xs);font-weight:var(--fw-400);color:var(--c-text-3);margin-left:2px}
.fr-bits{color:var(--c-text-3);font-size:var(--fs-xs)}
.fr-lock{margin-top:8px;font-size:var(--fs-xs);color:var(--c-brand);font-weight:var(--fw-600)}
.fr-card--all{justify-content:center;align-items:flex-start;gap:8px;padding:24px;background:var(--c-ink);
  border-color:var(--c-ink);color:var(--c-paper)}
.fr-card--all b{font-size:var(--fs-4xl);line-height:1}
.fr-card--all span{font-size:var(--fs-md);color:var(--c-on-dark)}
.fr-go{font-size:var(--fs-2xl);color:var(--c-mint)}
@media(min-width:900px){.fr-track{padding:16px max(20px,calc((100vw - var(--w-wide)) / 2 + 20px)) 24px}}
@media (prefers-reduced-motion: reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
.fgrp{display:flex;flex-direction:column;gap:12px}
/* display:flex, hidden nitelgini EZER (UA sayfasindaki display:none'i
   yener). Bu yuzden daire modunda "kacla paylasacagin", oda modunda
   metrekare gorunuyordu -- ikisi de o turde anlamsiz. */
[hidden]{display:none !important}
input[type=range]{width:100%;accent-color:var(--c-brand);height:24px;margin:0}
.srch-chk{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--c-text);
  margin:0}
.srch-chk input{width:17px;height:17px;accent-color:var(--c-brand)}
.srch-note{font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.45;margin:0}
/* Kanit satiri: haritanin baslik satirinda, serif -- kanit seridiyle ayni ses. */
.srch-live{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0;
  transition:opacity var(--t-quick) var(--e-out)}
.srch-live b{font-size:var(--fs-3xl);font-weight:var(--fw-400);line-height:1;
  color:var(--c-ink);font-variant-numeric:tabular-nums}
.srch-live span{font-size:var(--fs-sm);color:var(--c-text-2)}
.srch-live-ago{color:var(--c-text-3)}
/* Sayim suruyor: SAYI soluyor, buton etiketi yerinde kaliyor. */
.srch-live--busy{opacity:.45}
/* Katlanmis semtleri acan cip: bir secim degil, o yuzden kesik kenarli. */
.tog--exp{border-style:dashed;color:var(--c-brand)}
.herocol{display:flex;flex-direction:column;gap:16px}
@media(min-width:900px){.herocol{position:sticky;top:20px}}
.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--c-line);border:1px solid var(--c-line);border-radius:var(--r-16);overflow:hidden}
.proof>div{background:var(--c-paper);padding:16px 20px;display:flex;flex-direction:column;gap:2px}
.proof b{font-size:var(--fs-3xl);font-weight:var(--fw-400);line-height:1.15}
.proof span{font-size:var(--fs-xs);color:var(--c-text-2)}
.citystrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.city{border:1px solid var(--c-line);color:var(--c-text-3);border-radius:var(--r-pill);padding:8px 16px;
  font-size:var(--fs-sm);white-space:nowrap}
.city--on{background:var(--c-brand);border-color:var(--c-brand);color:var(--c-white);font-weight:var(--fw-600);
  display:inline-flex;align-items:center;gap:8px}
.city-dot{width:7px;height:7px;border-radius:var(--r-circle);background:var(--c-mint);display:inline-block}
.city-note{font-size:var(--fs-xs);color:var(--c-text-3)}
@media(max-width:560px){.city-note{display:none}}
.sheet{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;
  justify-content:center}
.sheet[hidden]{display:none}
.sheet-bd{position:absolute;inset:0;background:var(--c-scrim);
  backdrop-filter:blur(2px)}
.sheet-panel{position:relative;width:100%;max-width:var(--w-sheet);max-height:88vh;
  display:flex;flex-direction:column;background:var(--c-paper);
  border-radius:var(--r-20) var(--r-20) 0 0;box-shadow:var(--sh-sheet);
  animation:sheetUp var(--t-sheet) var(--e-sheet)}
@keyframes sheetUp{from{transform:translateY(22px);opacity:.6}to{transform:none;opacity:1}}
.sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 16px 8px;border-bottom:1px solid var(--c-line)}
.sheet-top h3{margin:0;font-size:var(--fs-lg);line-height:1.25;letter-spacing:-0.01em}
.sheet-x{border:0;background:var(--c-sand);color:var(--c-text);width:34px;height:34px;flex:none;
  border-radius:var(--r-circle);font-size:var(--fs-lg);line-height:1;cursor:pointer}
.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 4px;
  flex:1;min-height:min(280px,40vh)}
/* Kisa ekranda (dizustu ~770 px) odeme formu panelin cogunu yiyor, liste
   180 px'e sikisip ilk kartin hemen altinda kesiliyordu -- kart alttaki
   metinle ust uste biniyor gibi duruyordu (2026-10-04, canlida). Listeye
   en az ~2 kartlik yer birakiliyor; sigmazsa PANEL kayiyor (baslik
   yapisik), form listenin altinda. Ayirici golge listenin devam ettigini
   gosteriyor. */
.sheet-panel{overflow-y:auto;overscroll-behavior:contain}
.sheet-top{position:sticky;top:0;z-index:1;background:var(--c-paper)}
.sheet-foot{box-shadow:0 -12px 16px -12px rgba(22,21,15,0.18)}
.sheet-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid var(--c-line);background:var(--c-paper);border-radius:0 0 var(--r-20) var(--r-20)}
.sheet-foot p{margin:0 0 8px;font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.45}
.sheet-foot form{background:transparent;border:0;padding:0}
.sheet-fine{margin:8px 0 0!important}
/* Abonelik onayi (2026-10-04): kutu ve kosul cumlesi dugmenin hemen yaninda. */
.consent{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;font-size:var(--fs-sm);
  line-height:1.4;color:var(--c-text);cursor:pointer}
.consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--c-brand)}
.sheet-terms{margin:8px 0 0;font-size:var(--fs-xs);color:var(--c-text-2);text-align:center}
.sheet-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-size:var(--fs-xs)!important;color:var(--c-text)!important;margin-bottom:12px!important}
.sheet-price b{font-family:var(--ff-serif);font-size:var(--fs-2xl);font-weight:var(--fw-400)}
.sheet-urgency{color:var(--c-brand);font-weight:var(--fw-600)}
.sheet-val{background:var(--c-brand-tint);border-radius:12px;padding:8px 12px;margin:0 0 8px;font-size:14px;line-height:1.4;color:var(--c-ink)}
.sheet-val b{color:var(--c-brand)}
/* Plan secimi (30 gun / suresiz). Yalnizca suresiz Payment Link kuruluyken
   cizilir. Gercek radio: klavye ve ekran okuyucu tarayicidan geliyor. */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;border:0;padding:0}
.plan{position:relative;display:flex;flex-direction:column;gap:4px;min-height:44px;
  padding:12px;border:1px solid var(--c-line);border-radius:var(--r-12);
  background:var(--c-white);cursor:pointer}
.plan:has(input:checked){border-color:var(--c-brand);box-shadow:0 0 0 1px var(--c-brand) inset;
  background:var(--c-brand-tint)}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plans legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.plan:has(input:focus-visible){outline:2px solid var(--c-brand);outline-offset:2px}
.plan-name{font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-text)}
.plan-price{font-family:var(--ff-serif);font-size:var(--fs-2xl);font-weight:var(--fw-400);
  color:var(--c-text);line-height:1.1}
.plan-note{font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.4}
.sheet-none{font-size:var(--fs-md);color:var(--c-text);margin:8px 0 16px}
/* Filtrenin altindaki harita. Pinler [lat,lng,adet] -- ilan bilgisi
   GITMIYOR (bkz. search.ts SearchResult.pins). Yukseklik sabit: Leaflet
   kabin yuksekligini olcuyor, auto birakilirsa 0 olcer ve harita hic
   cizilmez. */
/* FILTRE + HARITA BANDI: sayfanin ILK ekrani, kenardan kenara.
   Tasarimda filtre bir KART degil, alt kenarlikli beyaz bir CUBUK ve
   harita onun altinda tam genislik. Bu yuzden .wrap yok ve yatay
   dolguyu cubugun kendisi degil ICINDEKI satirlar veriyor: serit ile
   harita boylece kenara dayanabiliyor, filtre satirlari hizada kaliyor. */
/* SONUC SERIDI: sayi solda, kapsama ortada, eylem sagda. Tek satir.
   Eskiden sayi ve buton alt alta iki bloktu ve buton tam genislikti;
   serit karari tek bakista veriyor. */
.srch-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin:0;padding:16px 20px;background:var(--c-sand);
  border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.srch-strip .srch-live{margin:0;flex-shrink:0}
.srch-strip .lmap-cap{margin:0;flex-grow:1;text-align:right;min-width:180px}
/* Ilce etiketi: tasarimdaki beyaz kutu. */
.lmap-dlab.leaflet-tooltip{background:var(--c-surface);color:var(--c-ink);
  border:1px solid var(--c-line);border-radius:var(--r-10);
  font-size:var(--fs-xs);font-weight:var(--fw-600);padding:8px 12px;
  box-shadow:0 2px 10px rgba(22,21,15,.10)}
.lmap-dlab.leaflet-tooltip:before{display:none}
.lmap-wrap{margin:0}
/* Harita ILK EKRANIN kalanini dolduruyor. Sabit yukseklik ya ekrani
   doldurmuyor ya kucuk ekranda tasiyordu; min-height sart cunku kap
   0 yuksekliginde SVG hic gorunmez. */
.lmap{position:relative;overflow:hidden;background:var(--c-map-container);
  height:calc(100vh - 400px);min-height:360px;max-height:640px;width:100%}
#dmap-svg{position:absolute;inset:0;width:100%;height:100%;display:block;
  touch-action:none;cursor:grab}
#dmap-svg:active{cursor:grabbing}
/* YUMUSAK GECIS. transform gecisli olabiliyor, viewBox OZNITELIK oldugu
   icin olamiyordu -- yakinlastirma eskiden kare kare sicriyordu.
   Surukleme SIRASINDA kapali: acik kalsa parmak hareketi 220 ms geriden
   gelir ve harita yapis yapis hissettirir. */
#dmap-view{transition:transform 220ms var(--e-out);transform-origin:0 0}
#dmap-svg.dragging #dmap-view{transition:none}
@media (prefers-reduced-motion: reduce){#dmap-view{transition:none}}
/* Pin ve etiket kalinligi olcekle buyumesin. */
#dmap-svg{--dk:1}
.dmap-bg{fill:var(--c-map-bg)}
/* Ilce zemini. Eslesmesi olan ilce KOYULUYOR: filtre haritayi suzuyorsa
   bunun gorunmesi gerekiyor, yoksa filtre calismiyormus gibi durur. */
.dmap-d{fill:var(--c-district);stroke:var(--c-line-strong);
  stroke-width:var(--dsw,2.5);vector-effect:non-scaling-stroke}
.dmap-d.has{fill:var(--c-white)}
/* ILCE ADI. Pinlerin ALTINDA ve tiklamayi geciriyor: pin bir etiketi
   kapatabilir ama etiket pini kapatamaz. Beyaz kontur (paint-order)
   etiketi yesil pinin uzerinde de okunur tutuyor. Eslesmesi olmayan
   ilcede soluk: harita hem sehri hem filtreyi ayni anda anlatiyor. */
.dmap-lab{fill:var(--c-text-2);font-family:var(--ff-sans);font-size:13px;
  font-weight:var(--fw-600);text-anchor:middle;pointer-events:none;
  letter-spacing:.04em;paint-order:stroke;stroke:var(--c-white);
  stroke-width:4px;stroke-linejoin:round;opacity:.55}
.dmap-lab.on{fill:var(--c-ink);opacity:1}
/* Ilce ADI haritada. Tasarimda poligonun uzerinde yaziyor; yalnizca
   uzerine gelince cikan kutu, "hangi semt" sorusunu surekli acik
   tutmuyordu. Etiket TIKLAMAYI GECIRIYOR: altindaki pin yakalanabilsin. */
.dmap-lab{fill:var(--c-text-3);font-family:var(--ff-sans);font-size:22px;
  font-weight:var(--fw-600);text-anchor:middle;pointer-events:none;
  paint-order:stroke;stroke:var(--c-white);stroke-width:4px;opacity:.55}
.dmap-lab.on{fill:var(--c-ink);opacity:1}
.dmap-pin{fill:var(--c-brand);fill-opacity:.68;stroke:var(--c-white);
  stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke}
.dmap-pin:hover{fill-opacity:.85}
.dmap-pin.on{fill:var(--c-brand-dark);fill-opacity:1;stroke-width:3}
.dmap-pin:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:2px}

/* Yakinlastirma: tasarimda sol ustte 20/20, iki adet 36x36 dugme. */
.dmap-zoom{position:absolute;left:20px;top:20px;display:flex;
  flex-direction:column;border-radius:var(--r-10);overflow:hidden;
  border:1px solid var(--c-line-strong);background:var(--c-white)}
.dmap-zoom button{width:36px;height:36px;border:0;background:var(--c-white);
  font-family:inherit;font-size:var(--fs-lg);color:var(--c-ink);cursor:pointer}
.dmap-zoom button:first-child{border-bottom:1px solid var(--c-line)}
.dmap-zoom button:hover{background:var(--c-paper)}

/* Harita altyazisi: "N tanesi haritada". Serit icinde duruyor ama kendi
   kurali var -- Leaflet kaldirilinca blokla birlikte dusmustu. */
.lmap-cap{font-size:var(--fs-xs);color:var(--c-text-3);margin:0}
/* Sag ust arac yigini: tam ekran + konum. Zoom'dan AYRI, cunku ikisi
   de olcegi degil BAGLAMI degistiriyor. */
.dmap-tools{position:absolute;right:12px;top:20px;display:flex;
  flex-direction:column;gap:8px}
.dmap-tool{width:36px;height:36px;display:flex;align-items:center;
  justify-content:center;border:1px solid var(--c-line-strong);
  border-radius:var(--r-10);background:var(--c-white);color:var(--c-ink);
  cursor:pointer;padding:0}
.dmap-tool svg{width:18px;height:18px}
.dmap-tool:hover{background:var(--c-paper)}
.dmap-tool[aria-pressed=true],.dmap-tool.on{background:var(--c-brand);
  border-color:var(--c-brand);color:var(--c-white)}
.dmap-tool:focus-visible{outline:var(--focus) solid var(--c-brand);
  outline-offset:2px}
/* Konum noktasi. Pinlerden AYRI renk: bu bir ilan degil, sensin. */
.dmap-me{fill:var(--c-brand-dark);stroke:var(--c-white);stroke-width:3;
  vector-effect:non-scaling-stroke}
.dmap-msg{position:absolute;left:50%;top:20px;transform:translateX(-50%);
  margin:0;max-width:min(92%,420px);padding:8px 12px;
  border-radius:var(--r-10);background:var(--c-ink);color:var(--c-white);
  font-size:var(--fs-xs);text-align:center;z-index:4}
/* Kisayol ipucu yalnizca KLAVYELI ekranlarda; dokunmatikte yalan olurdu. */
.dmap-keys{display:none}
@media(min-width:768px) and (pointer:fine){
  .dmap-keys{display:block;position:absolute;left:12px;bottom:8px;margin:0;
    padding:4px 8px;border-radius:var(--r-6);background:rgba(255,255,255,.88);
    font-size:11px;color:var(--c-text-3)}
}
/* TELEGRAM MINI APP MODU (?tg=1). Sohbetin icinde acilan sayfada
   pazarlama bolumleri yer kaplamaktan baska bir sey yapmiyor: geriye
   filtre ve harita kaliyor. Odeme paneli (#sheet) DURUYOR -- kilidi
   acmak mini app icinde de calismali.
   Gizleme "sunlari gizle" degil "sunlar DISINDA hepsini gizle" seklinde:
   sayfaya yeni bir bolum eklendiginde mini app'te kendiliginden
   gorunmuyor, yani liste bakimsiz kalinca sizinti olmuyor. */
body.tg > *:not(.srchband):not(#sheet){display:none}
body.tg .srchband{border-bottom:0}
body.tg .lmap{height:calc(100vh - 210px);max-height:none}
body.tg .dmap-keys{display:none}
@media(max-width:767px){body.tg .lmap{height:calc(100vh - 190px)}}

/* TAM EKRAN: Fullscreen API DEGIL. API tarayici uyarisi getiriyor, iOS
   Safari'de div icin calismiyor ve cikista odagi kaybediyor. */
body.map-full{overflow:hidden}
body.map-full .lmap{position:fixed;inset:0;z-index:60;height:100vh;
  max-height:none;min-height:100vh;width:100vw}
.dmap-attr{position:absolute;right:12px;bottom:8px;margin:0;
  padding:4px 8px;border-radius:var(--r-6);background:rgba(255,255,255,.88);
  font-size:11px;color:var(--c-text-3)}

/* Ilce kutusu: imleci takip ediyor. */
.dmap-tip{position:absolute;transform:translate(12px,-50%);pointer-events:none;
  padding:8px 12px;border-radius:var(--r-10);background:var(--c-white);
  border:1px solid var(--c-line);box-shadow:0 2px 10px rgba(22,21,15,.10);
  font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-ink);
  white-space:nowrap;z-index:2}
.dmap-tip span{font-weight:var(--fw-400);color:var(--c-text-3)}

/* Pin karti. Masaustunde pinin yaninda yuzen kutu, telefonda alttan
   acilan panel -- ikisi de tasarimda boyle. */
/* PIN KARTI -- MOBILE FIRST. Taban hal telefonunki: alttan acilan,
   tam genislik panel. Masaustu bunun UZERINE ek katman olarak geliyor.
   Tersi yazilmisti ve telefon "masaustunun daraltilmisi" gibi
   davraniyordu; 344 px'lik yuzen bir kutu 390 px ekranda haritanin
   yarisini ortuyor ve parmakla kapatilacak bir yeri olmuyordu. */
/* Telefonda panel EKRANA yapisik (fixed), haritanin icine DEGIL.
   Harita telefonda 360 px; panelin icine sigmasi icin ya galeriyi
   atmak ya da paneli okunamayacak kadar kisaltmak gerekirdi. Alttan
   acilan panelin dogal davranisi da zaten ekrani ortmek. Olculdu:
   harita icine hapsedilince 402 px'lik panel 360 px'lik haritadan
   42 px tasiyordu. */
.dmap-card{position:fixed;left:0;right:0;bottom:0;width:auto;
  border-radius:18px 18px 0 0;background:var(--c-white);border:0;
  box-shadow:var(--sh-sheet);overflow:hidden;z-index:70;
  padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0)}
/* Kavrama cubugu: panelin surukleyip kapatilabilecegini SOYLUYOR. */
.dmap-card:before{content:"";display:block;width:40px;height:4px;
  border-radius:var(--r-pill);background:var(--c-line-strong);
  margin:0 auto 12px}
/* TELEFONDA KART KISA. Tasarimin mobil panelinde (Mobile.dc.html)
   ETIKET ve KILIT SATIRI YOK -- sebebi tam olarak bu: hepsi girince
   panel ekranin dortte ucunu yiyor ve altindaki harita gorunmez oluyor,
   yani kullanici karti kapatmadan baska pin secemiyor.
   Kalanlar karari vermeye yetiyor: fiyat, olculer, semt/ajans, fotograf
   adedi ve odeme cagrisi. "Neden kilitli" sorusunu da CTA'nin kendisi
   cevapliyor ("adresi ve ajans linkini ac"). */
.dmap-card{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
.dmap-card .pcard{padding:12px 16px}
.dmap-card .pcard-price{font-size:30px}
.dmap-card .pcard-bits{margin-top:8px}
.dmap-card .pcard-tags{display:none}
.dmap-card .pcard-sub{margin-top:8px}
.dmap-card .pcard-photos{margin-top:8px}
.dmap-card .dmap-lock{padding:12px 16px 16px;border-top:1px solid var(--c-line)}
.dmap-card .dmap-lock-r{display:none}
.dmap-card .dmap-cta{padding:12px;border-radius:var(--r-12);
  font-size:var(--fs-md)}
@media(min-width:768px){
  /* Masaustunde pinin yaninda yuzen kutu; konumu JS koyuyor. */
  /* Kart HARITADAN TASAMAZ. Galeri girince kart haritadan uzun oldu ve
     alt kenardan disari sarkti (olculdu). Yukseklik kabin yuksekligine
     baglandi; tasan icerik kartin ICINDE kayiyor. overflow:visible
     birakmak kartin altini gorunmez yapardi -- odeme cagrisi orada. */
  /* Masaustunde tekrar HARITANIN ICINDE: orada yer var ve kart pinin
     yaninda durmali, ekranin altinda degil. */
  .dmap-card{position:absolute;left:auto;right:auto;bottom:auto;width:344px;
    padding-top:0;z-index:3;
    max-height:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain;
    border:1px solid var(--c-line);border-radius:var(--r-16);
    box-shadow:0 18px 44px -20px rgba(22,21,15,.45)}
  .dmap-card:before{display:none}
  .dmap-card .pcard{padding:16px}
  .dmap-card .pcard-price{font-size:var(--fs-4xl)}
  .dmap-card .pcard-tags{display:flex}
  .dmap-card .dmap-lock-r{display:flex}
}
.dmap-card-b{padding:0}
.dmap-lock{padding:12px 16px 16px;border-top:1px solid var(--c-line);
  background:var(--c-paper)}
.dmap-lock-r{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;
  font-size:var(--fs-xs);color:var(--c-text-2);line-height:1.45}
.dmap-lock-r svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;
  color:var(--c-text-3)}
.dmap-cta{display:block;width:100%;text-align:center;padding:12px;
  border:0;border-radius:var(--r-10);background:var(--c-brand);
  color:var(--c-white);font-family:inherit;font-size:var(--fs-sm);
  font-weight:var(--fw-600);cursor:pointer}
.dmap-cta:hover{background:var(--c-brand-dark)}

/* KONUM BAZLI TELEGRAM CAGRISI: haritanin hemen altinda. Harita "nerede
   var" sorusunu cevapladi, siradaki soru "bana haber ver" ve odeme tam
   burada -- huni degismiyor: filtre -> harita -> odeme. */
.lmap-cta{display:block;width:100%;text-align:left;cursor:pointer;
  border:0;border-top:1px solid var(--c-line);background:var(--c-paper);
  padding:16px 20px;font-family:inherit}
.lmap-cta b{display:block;font-size:var(--fs-md);color:var(--c-ink);
  margin-bottom:4px}
.lmap-cta span{display:block;font-size:var(--fs-xs);color:var(--c-text-2)}
.lmap-cta:hover{background:var(--c-sand)}
.lmap-cta:focus-visible{outline:var(--focus) solid var(--c-brand);
  outline-offset:-3px}
@media(min-width:900px){.lmap-cta{padding:16px 40px}}

/* ------------------------------------------------------------- TELEFON
   Tasarim (Mobile.dc.html) masaustunun kucultulmusu DEGIL: etiketler
   yok, gruplar yan yana kayan tek serit, kaydirici yok. Olculdu: eski
   halde filtre 390x844 ekranin TAMAMINI yiyordu ve harita fold'un
   altinda kaliyordu -- sayfanin butun vaadi haritayi gostermek. */
@media(max-width:767px){
  /* Telefonda viewBox ayni ama kap dar: etiket buyumezse okunmuyor. */
  .dmap-lab{font-size:17px;stroke-width:5px}
  .srch-strip{padding:12px 20px;gap:8px}
  .srch-strip .srch-live b{font-size:var(--fs-xl)}
  .srch-strip .lmap-cap{display:none}
  .lmap{height:calc(100vh - 260px);min-height:320px;max-height:none}
  .lmap-cta{padding:12px 20px}
}

@media(max-width:767px){
  /* Kart taban hali zaten panel (mobile-first); burada yalnizca JS'in
     masaustu icin yazdigi konumu iptal ediyoruz. */
  .dmap-card{top:auto!important;left:0!important}
  .dmap-zoom{display:none}
}

.pcard{padding:16px}
.pcard--many{padding:0}
.pcard-head{padding:16px 16px 12px;border-bottom:1px solid var(--c-line)}
.pcard-count{display:flex;align-items:baseline;gap:8px}
.pcard-count b{font-family:var(--ff-serif);font-size:var(--fs-3xl);
  font-weight:var(--fw-400);line-height:1}
.pcard-count span{font-size:var(--fs-sm);color:var(--c-text)}
/* FOTOGRAF SERIDI. Kaydirma CSS scroll-snap ile: telefonda parmakla
   kaydirma bedava geliyor ve JS yalnizca ok dugmeleriyle sayaci
   isletiyor. Gorseller Worker uzerinden (/img/<id>/<n>) geliyor, yani
   CSP img-src 'self' kalabiliyor ve ajans adresi istemciye HIC gitmiyor. */
.pcard-gal{position:relative;margin:0 0 12px;background:var(--c-sand);
  border-radius:var(--r-12);overflow:hidden}
.pcard-gal-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  scroll-behavior:smooth}
.pcard-gal-t::-webkit-scrollbar{display:none}
.pcard-gal-t img{flex:0 0 100%;width:100%;height:180px;object-fit:cover;
  scroll-snap-align:center;display:block;background:var(--c-sand)}
.pcard-gal-b{position:absolute;top:50%;transform:translateY(-50%);
  width:32px;height:32px;display:flex;align-items:center;
  justify-content:center;border:0;border-radius:var(--r-circle);
  background:rgba(255,255,255,.92);color:var(--c-ink);font-family:inherit;
  font-size:var(--fs-lg);line-height:1;cursor:pointer;padding:0}
.pcard-gal-p{left:8px}
.pcard-gal-n{right:8px}
.pcard-gal-b:hover{background:var(--c-white)}
.pcard-gal-b:focus-visible{outline:var(--focus) solid var(--c-brand);
  outline-offset:2px}
.pcard-gal-c{position:absolute;right:8px;bottom:8px;padding:4px 8px;
  border-radius:var(--r-6);background:rgba(22,21,15,.72);
  color:var(--c-white);font-size:11px;font-variant-numeric:tabular-nums}
/* Serit kartin kenarina dayaniyor: ic dolgu gorselin altinda kaliyor. */
.pcard-gal:first-child{margin:-16px -16px 12px;border-radius:0}
@media(max-width:767px){
  .pcard-gal:first-child{margin:-12px -16px 12px}
  .pcard-gal-t img{height:150px}
}
/* FOTOGRAF ROZETI. Fotografin KENDISI burada YOK ve olmayacak: onu
   gostermek satilan seyi vermek olurdu, ustelik gorsel ajans
   sunucusundan gelir ve her ziyaretcinin IP'si oraya gider. Adet ise
   redaksiyonu bozmuyor -- hangi ilan oldugunu degil, kilidin arkasinda
   ne oldugunu soyluyor. */
.pcard-photos{display:flex;align-items:center;gap:8px;margin-top:12px;
  font-size:var(--fs-xs);color:var(--c-text-3)}
.pcard-photos svg{width:16px;height:16px;flex-shrink:0}
.pcard-range{margin-top:8px;font-size:var(--fs-xs);color:var(--c-text-3)}
.pcard-row{display:flex;align-items:baseline;gap:8px;padding:12px 16px;
  border-bottom:1px solid var(--c-line)}
.pcard-row-p{font-size:var(--fs-base);font-weight:var(--fw-600);min-width:74px}
.pcard-row-m{flex-grow:1;font-size:var(--fs-xs);color:var(--c-text-2)}
.pcard--many .pcard-more{padding:12px 16px 0}
.pcard-price{display:flex;align-items:baseline;gap:8px;
  font-family:var(--ff-serif);font-size:var(--fs-4xl);
  font-weight:var(--fw-400);line-height:1;color:var(--c-ink)}
.pcard-price span{font-family:var(--ff-sans);font-size:var(--fs-xs);
  font-weight:var(--fw-400);color:var(--c-text-3)}
.pcard-bits{margin-top:12px;font-size:var(--fs-sm);color:var(--c-text)}
.pcard-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pcard-tags span{padding:4px 12px;border-radius:var(--r-pill);
  background:var(--c-brand-tint);color:var(--c-brand-dark);
  font-size:var(--fs-2xs);font-weight:var(--fw-600)}
.pcard-sub{margin-top:12px;font-size:var(--fs-xs);color:var(--c-text-2)}
.pcard-more{margin-top:8px;font-size:var(--fs-xs);color:var(--c-text-3)}
.lmap-pop-more{margin:8px 0 0;color:var(--c-text-3)}
/* KILIT SATIRI: gorulen ile gorulmeyen arasindaki cizgi. Kart eksik
   degil, bir kismi duvarin arkasinda -- bunu soylemek satisin kendisi. */
.lmap-pop-lock{display:flex;align-items:flex-start;gap:8px;
  margin:12px 0 0;padding-top:12px;border-top:1px solid var(--c-line);
  font-size:var(--fs-xs);color:var(--c-text-2);line-height:1.45}
.lmap-pop-lock svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;
  color:var(--c-text-3)}
.lmap-pop-cta{display:block;width:100%;margin:12px 0 0;padding:12px;
  border:0;border-radius:var(--r-10);background:var(--c-brand);
  color:#fff;font-family:inherit;font-size:var(--fs-xs);
  font-weight:var(--fw-600);cursor:pointer;text-align:center}
@media(max-width:699px){.lmap{height:360px}}
@media(min-width:700px){
  .sheet{align-items:center}
  .sheet-panel{border-radius:var(--r-20);max-height:80vh}
  .sheet-foot{border-radius:0 0 var(--r-20) var(--r-20)}
}
@media(prefers-reduced-motion:reduce){.sheet-panel{animation:none}}
.s-count{font-size:var(--fs-lg);font-weight:var(--fw-650);margin:16px 0 8px}
.s-box{max-height:min(52vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--c-line);border-radius:var(--r-14);padding:8px;background:var(--c-paper);
  /* Alt kenarda solma: listenin devami oldugu gorunsun. */
  -webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);
  mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
.s-box .lrows{margin:0}
.s-box::-webkit-scrollbar{width:6px}
.s-box::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:var(--r-3)}
.s-more,.s-lock{font-size:var(--fs-xs);color:var(--c-text-3);margin:8px 0 0}
.s-none{font-size:var(--fs-md);color:var(--c-text);margin:16px 0 0}
@media(min-width:900px){
  .mapsec,.fresh{--gut:max(40px,calc(50% - (var(--w-wide) - 80px) / 2))}
  .srch-strip,.lmap-cta{padding-left:var(--gut);padding-right:var(--gut)}
  .lmap{width:calc(100% - 2 * var(--gut));margin:0 auto;border-radius:var(--r-18)}
  body.map-full .lmap{width:auto;border-radius:0}
  .fresh .h-sec{max-width:none;padding:0 var(--gut)}
  .fr-track{padding:16px var(--gut) 24px;scroll-padding-inline:var(--gut)}
  /* Sutun daralinca "See the N matches" ikinci satira dusuyordu: harita
     notu kuculuyor (gerekirse iki satir), dugme hep sayacin hizasinda. */
  .srch-strip{flex-wrap:nowrap}
  .srch-strip .lmap-cap{min-width:0;flex:1 1 auto}
}
/* Telefonda da ayni kural: bant satirlari 16, bolumler 20 px'ten basliyordu. */
@media(max-width:899px){
  .srch-strip,.lmap-cta{padding-left:20px;padding-right:20px}
  .fr-track{scroll-padding-inline:20px}
}
.fband{position:relative;background:var(--c-brand);color:var(--c-white);
  --gut:20px}
.fnav{height:56px;box-sizing:border-box;padding:0 var(--gut);display:flex;align-items:center;
  justify-content:space-between;gap:12px}
.fnav-brand{display:flex;align-items:center;gap:8px;color:var(--c-white);text-decoration:none}
.fnav-brand:hover{color:var(--c-white)}
.fnav-brand svg{width:22px;height:22px}
.fnav-brand span{font-size:var(--fs-2xl);line-height:1}
.fnav-r{display:flex;align-items:center;gap:12px}
.fnav-link{display:none;color:var(--c-on-brand);font-size:var(--fs-md);text-decoration:none}
.fnav-link:hover{color:var(--c-white)}
.fnav-soc{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border:1px solid var(--c-on-brand-line);
  border-radius:var(--r-pill);color:var(--c-white);font-size:var(--fs-sm);font-weight:var(--fw-600);text-decoration:none;white-space:nowrap}
.fnav-soc:hover{color:var(--c-white);border-color:var(--c-white)}
.fnav-soc-l{display:none}
.fnav-ig{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:1px solid var(--c-on-brand-line);
  border-radius:var(--r-pill);color:var(--c-white);text-decoration:none}
.fnav-ig:hover{color:var(--c-white);border-color:var(--c-white)}
.fnav-ig svg{width:18px;height:18px}
.fnav-lang{display:flex;gap:4px;font-size:var(--fs-sm);font-weight:var(--fw-600)}
.fnav-lang a{color:var(--c-mint);text-decoration:none}
.fnav-lang a:not(.on){display:none}
.fnav-bot{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--r-pill);
  background:var(--c-white);color:var(--c-brand);font-size:var(--fs-sm);font-weight:var(--fw-700);
  text-decoration:none;white-space:nowrap}
.fnav-bot:hover{color:var(--c-brand-dark)}
.fnav-bot-l{display:none}
/* Instagram ikonu eklenince 390 px'te "Get alerts" sagdan tasiyordu (olculdu 2026-10-15).
   Girisli kullanicida avatar da var: orada Social hapi telefonda gizli. */
@media(max-width:420px){.fnav-r{gap:8px}.fnav-ig{width:32px;height:32px}.fnav-soc{padding:0 8px}.fnav-bot{padding:0 12px}.fnav-r:has(.um) .fnav-soc{display:none}.fnav-chk{display:none}}
.fhero{padding:20px var(--gut) 28px;display:flex;flex-direction:column;gap:20px}

.acard-go:focus-visible,.presets-own:focus-visible,.srch-adv button:focus-visible{
  outline:var(--focus) solid var(--c-brand);outline-offset:2px}

/* PANEL: taban hal telefonunki -- alttan acilan, ekranin ustunden 64 px. */
.fp-bd{position:fixed;inset:0;z-index:var(--z-panel);background:var(--c-scrim)}
.srch-adv{display:none}
.srch-adv.on{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:64px;
  z-index:var(--z-panel);background:var(--c-paper);color:var(--c-ink);
  border-radius:var(--r-24) var(--r-24) 0 0;box-shadow:var(--sh-sheet);
  animation:sheetUp var(--t-sheet) var(--e-sheet)}
.fp-handle{display:block;flex:none;width:40px;height:4px;margin:8px auto 0;border-radius:var(--r-pill);
  background:var(--c-line-strong)}
.srch-adv-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:12px 20px 8px}
.srch-adv-head b{font-size:var(--fs-17);font-weight:var(--fw-700)}
.srch-adv-x{justify-self:start;display:flex;align-items:center;justify-content:center;width:44px;
  height:44px;padding:0;border:0;border-radius:var(--r-circle);background:var(--c-sand);
  color:var(--c-ink);cursor:pointer}
.srch-adv-x svg{width:18px;height:18px}
.srch-reset{justify-self:end;height:44px;padding:0 8px;border:0;background:none;font:inherit;
  font-size:var(--fs-md);font-weight:var(--fw-600);color:var(--c-brand);cursor:pointer}
.fp-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:8px 20px 24px;display:flex;flex-direction:column;gap:24px}
.fp-lab{margin:0;font-size:var(--fs-xs);font-weight:var(--fw-700);letter-spacing:.06em;
  text-transform:uppercase;color:var(--c-text-2)}
.fp-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fgrp--budget .fp-row{align-items:baseline}
.fp-val{font-size:var(--fs-xl);font-weight:var(--fw-700);color:var(--c-ink);
  font-variant-numeric:tabular-nums}
.fp-ends{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-3)}
.srch-adv .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.srch-adv .tog{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 16px;border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-white);
  color:var(--c-ink);font:inherit;font-size:var(--fs-md);font-weight:500;cursor:pointer}
.srch-adv .tog[aria-pressed=true]{border-color:var(--c-brand);box-shadow:inset 0 0 0 1px var(--c-brand);
  background:var(--c-brand-tint);color:var(--c-brand);font-weight:var(--fw-700)}
.srch-adv .tog span{margin-left:4px;font-weight:var(--fw-400);color:var(--c-text-3);
  font-variant-numeric:tabular-nums}
.srch-adv .tog[aria-pressed=true] span{color:var(--c-brand)}
.srch-adv .tog--exp{border-style:dashed;color:var(--c-brand)}
.fgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.srch-adv .fgrid .tog{border-radius:var(--r-12)}
/* Kaydirici: iz 6 px, dolu kismi --p (JS paintBudget yaziyor). */
.srch-adv input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:transparent;
  cursor:pointer}
.srch-adv input[type=range]::-webkit-slider-runnable-track{height:28px;
  background:linear-gradient(var(--c-brand),var(--c-brand)) 0 50%/var(--p,100%) 6px no-repeat,
    linear-gradient(var(--c-line),var(--c-line)) 0 50%/100% 6px no-repeat}
.srch-adv input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;
  border-radius:var(--r-circle);background:var(--c-white);border:2px solid var(--c-brand);box-sizing:border-box}
.srch-adv input[type=range]::-moz-range-track{height:6px;border-radius:var(--r-pill);background:var(--c-line)}
.srch-adv input[type=range]::-moz-range-progress{height:6px;border-radius:var(--r-pill);background:var(--c-brand)}
.srch-adv input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:var(--r-circle);
  background:var(--c-white);border:2px solid var(--c-brand)}
.fp-col{display:flex;flex-direction:column;min-width:0}
.fp-col b{font-size:var(--fs-base);font-weight:var(--fw-700)}
.fp-col span{font-size:var(--fs-sm);color:var(--c-text-2)}
.fstep{display:flex;align-items:center;gap:12px;flex:none}
.fstep button{width:44px;height:44px;padding:0;border:1px solid var(--c-line-strong);
  border-radius:var(--r-circle);background:var(--c-white);font:inherit;font-size:var(--fs-xl);
  color:var(--c-ink);cursor:pointer}
.fstep output{min-width:64px;text-align:center;font-size:var(--fs-17);font-weight:var(--fw-700)}
.fswitch{position:relative;cursor:pointer;margin:0}
.fswitch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fsw{position:relative;flex:none;width:52px;height:32px;border-radius:var(--r-pill);
  background:var(--c-line-strong);transition:background-color var(--t-fast) ease}
.fsw::after{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;
  border-radius:var(--r-circle);background:var(--c-white);transition:transform var(--t-fast) ease}
.fswitch input:checked + .fsw{background:var(--c-brand)}
.fswitch input:checked + .fsw::after{transform:translateX(20px)}
.fswitch input:focus-visible + .fsw{outline:var(--focus) solid var(--c-brand);outline-offset:2px}
.fp-foot{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 20px calc(28px + env(safe-area-inset-bottom));
  border-top:1px solid var(--c-line);background:var(--c-paper)}
.srch-adv-go{height:56px;padding:0 32px;border:0;border-radius:var(--r-pill);background:var(--c-brand);
  color:var(--c-white);font:inherit;font-size:var(--fs-17);font-weight:var(--fw-700);cursor:pointer}
.srch-adv-go:hover{background:var(--c-brand-dark)}
.fp-foot span{text-align:center;font-size:var(--fs-xs);color:var(--c-text-3)}
body.adv-open{overflow:hidden}

/* HAZIR ALARMLAR */
.presets{--gut:20px;padding:28px var(--gut) 20px}
.presets-head{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.presets-t{display:flex;flex-direction:column;gap:4px}
.presets-h{margin:0;font-weight:var(--fw-400);font-size:var(--fs-30);line-height:1.05;color:var(--c-ink)}
.presets-t p{margin:0;font-size:var(--fs-md);color:var(--c-text)}
.presets-own{display:none}
.presets-g{display:flex;flex-direction:column;gap:12px}
.acard{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--c-white);
  border:1px solid var(--c-line);border-radius:var(--r-18)}
.acard-top{display:flex;align-items:flex-start;gap:12px}
.acard-n{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--r-12);background:var(--c-brand-tint);color:var(--c-brand);font-size:var(--fs-2xl)}
.acard-t{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0}
.acard-t b{font-size:var(--fs-17);font-weight:var(--fw-700);line-height:1.25;color:var(--c-ink)}
.acard-t span{font-size:var(--fs-sm);color:var(--c-text-2)}
.acard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.acard-live{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:var(--fs-sm);color:var(--c-ink)}
.acard-live i{width:8px;height:8px;border-radius:var(--r-circle);background:var(--c-brand-light)}
.acard-go{flex:none;height:44px;padding:0 20px;border:0;border-radius:var(--r-pill);background:var(--c-ink);
  color:var(--c-paper);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-700);cursor:pointer;
  white-space:nowrap;transition:background-color var(--t-fast) ease}
.acard-go:hover{background:var(--c-brand)}
.acard-go-s{display:none}

/* FIYAT SERIDI */
.paystrip{display:flex;flex-direction:column;gap:4px;margin:4px 20px 0;padding:16px 20px;
  border-radius:var(--r-18);background:var(--c-ink);color:var(--c-paper)}
.paystrip-h{font-size:var(--fs-26);line-height:1.1}
.paystrip-h em{color:var(--c-mint)}
.paystrip-l{font-size:var(--fs-sm);color:var(--c-on-dark)}

/* HARITA BOLUMU: kartin sayimiyla boyanan harita, alarmlarin altinda. */
.mapsec{margin-top:28px}
.mapsec .srch-strip{background:transparent;border:0}
.mapsec .lmap-cta{margin-top:16px;border-bottom:1px solid var(--c-line)}

/* HARITA + LISTE: telefonda baslik / harita / kayan kartlar; masaustunde
   liste solda (iki sutun, kendi icinde kayar), harita sagda. */
.mx{--gut:20px;display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"head" "map" "list";row-gap:16px}
.mx-head{grid-area:head;display:flex;flex-direction:column;gap:8px;padding:0 var(--gut)}
.mx-h{margin:0;font-weight:var(--fw-400);font-size:var(--fs-30);line-height:1.05;color:var(--c-ink)}
.mx-head .srch-live b{font-size:var(--fs-xl)}
.mx-head .lmap-cap{display:none}
.mx-pin{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--fs-sm);
  font-weight:var(--fw-600);color:var(--c-brand-dark)}
.mx-all{min-height:40px;padding:0 16px;border:1px solid var(--c-brand);border-radius:var(--r-pill);
  background:var(--c-brand-tint);color:var(--c-brand);font:inherit;font-size:var(--fs-sm);
  font-weight:var(--fw-700);cursor:pointer}
.mx-map{grid-area:map;margin:0}
.mx .lmap{height:360px;min-height:320px;max-height:none;width:auto;margin:0;border-radius:0}
.mx-track{grid-area:list;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:0 var(--gut) 8px;scroll-padding-inline:var(--gut);scrollbar-width:none;
  -webkit-overflow-scrolling:touch;align-items:stretch;transition:opacity var(--t-quick) var(--e-out)}
.mx-track::-webkit-scrollbar{display:none}
.mx-track--busy{opacity:.45}
.mx-track .fr-card{flex:0 0 208px}
.mx .fr-img{aspect-ratio:3/2}
.mx-none{margin:0;padding:16px;font-size:var(--fs-sm);color:var(--c-text-2);max-width:420px}
.fr-noph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--c-line-strong)}
.fr-noph svg{width:48px;height:48px}
.dmap-pin.on{stroke:var(--c-ink)}
/* iOS'un dokunus vurgusu pinin etrafinda mavi kare ciziyordu. */
#dmap-svg,.mx-track{-webkit-tap-highlight-color:transparent}
.dmap-pin:focus:not(:focus-visible){outline:none}
/* Aktif kartin pini: buyur, koyulasir, en uste cikar. */
.dmap-pin{transform-box:fill-box;transform-origin:center;transition:transform var(--t-fast) ease}
.dmap-pin.hl{fill:var(--c-brand-dark);fill-opacity:1;stroke:var(--c-white);stroke-width:3;
  transform:scale(2.6);filter:drop-shadow(0 2px 4px rgba(22,21,15,.35))}
.mx-track .fr-card.is-on{border-color:var(--c-brand);box-shadow:inset 0 0 0 1px var(--c-brand)}
/* Pine dokununca ilk ilan HARITANIN USTUNDE acilir (telefon). */
.mx-peek{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:flex;flex-direction:column;
  background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);overflow:hidden;
  box-shadow:0 18px 44px -20px rgba(22,21,15,.45);animation:sheetUp var(--t-sheet) var(--e-sheet)}
.mx-peek .fr-card{flex:none;flex-direction:row;border:0;border-radius:0;width:100%}
.mx-peek .fr-img{flex:0 0 120px;aspect-ratio:auto;min-height:112px}
.mx-peek .fr-img img{position:absolute;inset:0}
.mx-peek .fr-body{padding:12px 16px}
.mx-peek-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 16px;
  border-top:1px solid var(--c-line);font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-brand-dark)}
.mx-peek-x{width:44px;height:44px;border:0;background:none;font:inherit;font-size:var(--fs-2xl);
  line-height:1;color:var(--c-text-2);cursor:pointer}
@media(min-width:1024px){.mx-peek{display:none}}
.mapsec{margin-top:40px}

/* AJANS SERIDI: yatay kayan kompakt kartlar. */
.agtrack{--gut:20px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px var(--gut) 8px;scroll-padding-inline:var(--gut);scrollbar-width:none;
  -webkit-overflow-scrolling:touch}
.agtrack::-webkit-scrollbar{display:none}
.agc{position:relative;flex:0 0 220px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:16px;
  background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);box-sizing:border-box}
.agc--wait{background:var(--c-paper);border-style:dashed}
.agc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agc-name{font-size:var(--fs-md);font-weight:var(--fw-700);color:var(--c-ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.agc-ok{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:var(--r-circle);background:var(--c-brand-tint);color:var(--c-brand)}
.agc-ok svg{width:12px;height:12px}
.agc-ok span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.agc-wait{flex:none;font-size:var(--fs-2xs);color:var(--c-text-3)}
.agc-n{display:flex;align-items:baseline;gap:4px}
.agc-n b{font-size:var(--fs-3xl);font-weight:var(--fw-400);line-height:1;color:var(--c-ink);
  font-variant-numeric:tabular-nums}
.agc-n span{font-size:var(--fs-xs);color:var(--c-text-2)}
.agc-foot{display:flex;gap:8px;flex-wrap:wrap;font-size:var(--fs-2xs);color:var(--c-text-3)}
.agc-new{color:var(--c-brand);font-weight:var(--fw-600)}
.agc-newtag{display:inline-block;vertical-align:2px;margin-left:8px;padding:2px 8px;border-radius:var(--r-pill);
  background:var(--c-brand);color:var(--c-white);font-size:var(--fs-2xs);font-weight:var(--fw-700);letter-spacing:.02em}
.agnew{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;border-radius:var(--r-pill);
  background:var(--c-brand-tint);color:var(--c-ink);font-size:var(--fs-sm);width:fit-content;max-width:100%;margin-bottom:12px}
.agnew b{color:var(--c-brand)}
.agpick{margin:0 0 12px;color:var(--c-text-2)}
.agnew-dot{flex:none;width:8px;height:8px;border-radius:var(--r-circle);background:var(--c-brand)}
/* Telefonda kayan serit; 600 px ustunde IZGARA. Masaustunde gizli kaydirma
   cubuklu serit hem sutunun sagindan tasiyordu hem farenin kaydirma yolu
   yoktu -- son kartlar hic gorulmuyordu. */
@media(min-width:600px){
  .agtrack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;
    scroll-snap-type:none;padding-bottom:0}
  .agc{min-width:0}
}
@media(min-width:900px){.agtrack{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){.agtrack{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* SSS: akordeon. */
.faq{display:grid;gap:24px}
.faq-l{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.faq-l .h-lg,.faq-l .t-lede{margin:0}
.faq-ask{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:var(--r-pill);
  background:var(--c-ink);color:var(--c-paper);font-size:var(--fs-md);font-weight:var(--fw-700);
  text-decoration:none}
.faq-ask:hover{background:var(--c-brand);color:var(--c-white)}
.faq-r{display:flex;flex-direction:column;gap:8px}
.faq-i{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);
  transition:border-color var(--t-fast) ease}
.faq-i[open]{border-color:var(--c-line-strong)}
.faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;
  padding:0 20px;cursor:pointer;list-style:none;font-size:var(--fs-base);font-weight:var(--fw-700);
  color:var(--c-ink)}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:2px;
  border-radius:var(--r-16)}
.faq-i summary i{position:relative;flex:none;width:28px;height:28px;border-radius:var(--r-circle);
  background:var(--c-sand)}
.faq-i summary i::before,.faq-i summary i::after{content:"";position:absolute;left:50%;top:50%;
  width:12px;height:2px;transform:translate(-50%,-50%);background:var(--c-ink);border-radius:var(--r-pill);
  transition:transform var(--t-fast) ease}
.faq-i summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-i[open] summary i{background:var(--c-brand-tint)}
.faq-i[open] summary i::after{transform:translate(-50%,-50%)}
.faq-i p{margin:0;padding:0 20px 20px;font-size:var(--fs-md);line-height:1.55;color:var(--c-text)}


/* ILAN DETAY MODALI: telefonda alttan tam boy, masaustunde ortada. */
.ldm{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center}
.ldm-bd{position:absolute;inset:0;background:var(--c-scrim)}
.ldm-p{position:relative;width:100%;max-width:var(--w-sheet);max-height:94vh;display:flex;flex-direction:column;
  background:var(--c-paper);border-radius:var(--r-24) var(--r-24) 0 0;overflow:hidden;
  box-shadow:var(--sh-sheet);animation:sheetUp var(--t-sheet) var(--e-sheet)}
.ldm-x{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;border:0;border-radius:var(--r-circle);
  background:rgba(255,255,255,.92);color:var(--c-ink);font-size:var(--fs-2xl);line-height:1;cursor:pointer}
.ldm-body{display:flex;flex-direction:column;overflow:hidden;flex:1}
.ld-wait{height:420px;background:var(--c-sand)}
.ld{display:flex;flex-direction:column;flex:1}
.ld > .ld-gal,.ld > .ld-b{flex:none}
.ld{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ld-gal{position:relative;background:var(--c-sand)}
.ld-gal-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ld-gal-t::-webkit-scrollbar{display:none}
.ld-gal-t img{flex:0 0 100%;width:100%;height:280px;object-fit:cover;scroll-snap-align:center;display:block}
.ld-gal--none{height:160px;display:flex;align-items:center;justify-content:center;color:var(--c-line-strong)}
.ld-gal--none svg{width:56px;height:56px}
.ld-gal-b{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;
  border-radius:var(--r-circle);background:rgba(255,255,255,.92);color:var(--c-ink);font-size:var(--fs-2xl);
  line-height:1;cursor:pointer;padding:0}
.ld-gal-p{left:12px}.ld-gal-n{right:12px}
.ld-gal-c{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:var(--r-6);
  background:rgba(22,21,15,.72);color:var(--c-white);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums}
.ld-b{display:flex;flex-direction:column;gap:12px;padding:20px 20px 24px}
.ld-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ld-kind{padding:4px 12px;border-radius:var(--r-pill);background:var(--c-brand-tint);color:var(--c-brand-dark);
  font-size:var(--fs-xs);font-weight:var(--fw-700)}
.ld-age{font-size:var(--fs-xs);color:var(--c-text-3)}
.ld-price{font-family:var(--ff-serif);font-size:var(--fs-40);line-height:1;color:var(--c-ink)}
.ld-price small{margin-left:4px;font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--c-text-3)}
.ld-where{font-size:var(--fs-17);font-weight:var(--fw-600);color:var(--c-ink)}
.ld-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 0}
.ld-facts div{padding:12px;border:1px solid var(--c-line);border-radius:var(--r-12);background:var(--c-white)}
.ld-facts dt{font-size:var(--fs-2xs);color:var(--c-text-2)}
.ld-facts dd{margin:4px 0 0;font-size:var(--fs-base);font-weight:var(--fw-700);color:var(--c-ink)}
.ld-sec{display:flex;flex-direction:column;gap:8px}
.ld-sec b{font-size:var(--fs-sm);color:var(--c-ink)}
.ld-feats{display:flex;flex-wrap:wrap;gap:8px}
.ld-feats span{padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-white);
  font-size:var(--fs-sm);color:var(--c-text)}
.ld-src{font-size:var(--fs-sm);color:var(--c-text-2)}
.ld-src b{color:var(--c-ink)}
.ld-lock{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r-16);
  background:var(--c-ink);color:var(--c-paper)}
.ld-lock b{font-size:var(--fs-sm);color:var(--c-mint);letter-spacing:.02em}
.ld-lock ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ld-lock li{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);color:var(--c-on-dark)}
.ld-lock svg{flex:none;width:16px;height:16px;color:var(--c-mint)}
.ld-foot{position:sticky;bottom:0;display:flex;flex-direction:column;gap:8px;margin-top:auto;
  padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);background:var(--c-paper)}
.ld-go{height:56px;border:0;border-radius:var(--r-pill);background:var(--c-brand);color:var(--c-white);
  font:inherit;font-size:var(--fs-17);font-weight:var(--fw-700);cursor:pointer}
.ld-go:hover{background:var(--c-brand-dark)}
.ld-foot span{text-align:center;font-size:var(--fs-xs);color:var(--c-text-3)}
/* Benzer ilan alarmi (2026-10-03): modalda ve ilan sayfasinda ayni kutu. */
.sim{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-16);
  background:var(--c-brand-tint);border:1px solid var(--c-line)}
.sim h2{margin:0;font-size:var(--fs-xl);line-height:1.2;color:var(--c-ink)}
.sim-chips{display:flex;flex-wrap:wrap;gap:8px}
.sim-chips span{padding:4px 12px;border-radius:var(--r-pill);background:var(--c-white);
  border:1px solid var(--c-line);font-size:var(--fs-sm);color:var(--c-text)}
.sim-n{margin:0;font-size:var(--fs-sm);color:var(--c-text-2)}
.sim-go{align-self:flex-start;min-height:44px;padding:0 20px;border:0;border-radius:var(--r-pill);
  background:var(--c-brand);color:var(--c-white);font:inherit;font-weight:var(--fw-700);
  display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.sim-go:hover{background:var(--c-brand-dark)}
.ld-full{font-size:var(--fs-sm);font-weight:var(--fw-600)}
@media(min-width:700px){
  .ldm{align-items:center}
  .ldm-p{border-radius:var(--r-24);max-height:90vh}
  .ld-gal-t img{height:360px}
  .ld-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Telegram mini app: bantta yalnizca kart kaliyor. */
body.tg .fnav,body.tg .hs-head,body.tg .hs-or,body.tg .hs-own,body.tg .hs-quick,
body.tg .hs-agency{display:none}
body.tg .mapsec{margin-top:0}

@media(min-width:600px) and (max-width:1023px){
  .fhero{align-items:center}
  .hs-head,.hs-card,.hs-quick,.hs-agency{width:100%;max-width:var(--w-form)}
  .presets-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
  .fband,.presets,.paystrip,.mx,.agtrack{--gut:max(40px,calc(50% - (var(--w-wide) - 80px) / 2))}
}
@media(min-width:1024px){
  .fnav{height:80px}
  .fnav-brand{gap:12px}
  .fnav-brand svg{width:26px;height:26px}
  .fnav-brand span{font-size:var(--fs-3xl)}
  .fnav-r{gap:24px}
  .fnav-link{display:inline}
  .fnav-soc-l{display:inline}
  .fnav-lang{gap:4px;font-size:var(--fs-md)}
  .fnav-lang a:not(.on){display:inline}
  .fnav-lang a + a::before{content:"· ";color:var(--c-mint)}
  .fnav-bot{height:44px;padding:0 20px;font-size:var(--fs-md)}
  .fnav-bot-l{display:inline}
  .fnav-bot-s{display:none}
  /* Panel masaustunde kartin ALTINDA asili (bandin disina tasiyor). */
  .srch-adv.on{position:absolute;top:calc(100% - 48px);left:var(--gut);right:var(--gut);bottom:auto;
    max-height:min(640px,calc(100vh - 120px));border-radius:var(--r-20);
    box-shadow:0 24px 56px -24px rgba(22,21,15,.45)}
  .fp-handle{display:none}
  .srch-adv-head{padding:16px 24px 8px}
  .fp-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;
    gap:24px 40px;padding:8px 24px 24px}
  #fp-where{grid-column:1 / -1}
  .fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fp-foot{flex-direction:row-reverse;align-items:center;justify-content:space-between;
    padding:16px 24px;border-radius:0 0 var(--r-20) var(--r-20)}
  .fp-foot span{text-align:left}
  body.adv-open{overflow:auto}
  .presets{padding:56px var(--gut) 0}
  .presets-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}
  .presets-t{gap:8px}
  .presets-h{font-size:var(--fs-44);line-height:1}
  .presets-t p{font-size:var(--fs-17)}
  .presets-own{display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:none;
    font:inherit;font-size:var(--fs-md);font-weight:var(--fw-600);color:var(--c-brand);cursor:pointer;
    white-space:nowrap}
  .presets-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .acard{gap:16px;padding:20px;border-radius:var(--r-20);min-height:250px;box-sizing:border-box}
  .acard-top{flex-direction:column;gap:16px;flex-grow:1}
  .acard-n{width:48px;height:48px;border-radius:var(--r-14);font-size:var(--fs-26)}
  .acard-t b{font-size:var(--fs-19)}
  .acard-t span{font-size:var(--fs-md)}
  .acard-live{font-size:var(--fs-md)}
  .acard-go{padding:0 16px}
  .acard-go-l{display:none}
  .acard-go-s{display:inline}
  .paystrip{flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;
    margin:40px var(--gut) 0;padding:24px 32px}
  .paystrip-h{font-size:var(--fs-30)}
  .paystrip-l{font-size:var(--fs-md)}
  .mapsec{margin-top:72px}
  .mx{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head map" "list map";
    grid-template-rows:auto 1fr;column-gap:24px;row-gap:16px;padding:0 var(--gut)}
  .mx-head,.mx-track{padding-left:0;padding-right:0}
  .mx-h{font-size:var(--fs-44);line-height:1}
  .mx-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;
    overflow-x:hidden;overflow-y:auto;max-height:560px;scroll-snap-type:none;padding-bottom:0;
    scrollbar-width:thin}
  .mx-track .fr-card{flex:none}
  .mx-track .fr-card--all{min-height:240px}
  .mx .lmap{height:640px;border-radius:var(--r-18)}
  .mx .fr-img{aspect-ratio:4/3}
  .agtrack{padding-left:var(--gut);padding-right:var(--gut)}
  .faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px;align-items:start}
  .faq-l{position:sticky;top:24px}
}
@media(min-width:1200px){
  .presets-g{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.si{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:28px 32px 32px;
  border:0;border-radius:var(--r-24);background:var(--c-white);color:var(--c-ink);box-shadow:var(--sh-card);
  box-sizing:border-box;font-family:var(--ff-sans)}
.si::backdrop{background:var(--c-scrim)}
/* Satis sayfasinin RESET'i dialog'un margin:auto ortalamasini, FORM bileseni
   de her form'a kart cercevesi veriyor -- popup sol ustte, kapat dugmesi
   kutu icinde cikiyordu (2026-10-04, canlida). */
.si[open]{position:fixed;inset:0;margin:auto;height:fit-content;overflow-y:auto;overscroll-behavior:contain}
/* Popup acikken arka sayfa kaymasin; kaydirma cubugu kaybolup sayfa yana
   ziplamasin diye bosluk korunuyor (2026-10-04, kullanici geri bildirimi). */
html:has(.si[open]){overflow:hidden;scrollbar-gutter:stable}
.si-xf{margin:0;padding:0;border:0;background:none}
.si-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 20px;padding:0;border:0}
.si-type legend{margin:0 0 8px;padding:0;font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-text-2)}
.si-type label{position:relative}
.si-type input{position:absolute;opacity:0}
.si-type span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 8px;text-align:center;
  border:1px solid var(--c-line-strong);border-radius:var(--r-12);font-size:var(--fs-sm);font-weight:var(--fw-600);cursor:pointer}
.si-type input:checked+span{border-color:var(--c-brand);background:var(--c-brand-tint);color:var(--c-brand)}
.si-type input:focus-visible+span{outline:2px solid var(--c-brand);outline-offset:2px}
.um{position:relative}
.um summary{list-style:none;display:flex;align-items:center;min-height:44px;padding:0 4px;border-radius:var(--r-pill);cursor:pointer}
.um summary::-webkit-details-marker{display:none}
.um-av{width:36px;height:36px;border-radius:var(--r-circle);background:var(--c-white);color:var(--c-brand);
  border:2px solid var(--c-brand);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-700)}
.um-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-sheet);width:260px;padding:8px 0;text-align:left;
  background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-16);box-shadow:var(--sh-card);color:var(--c-ink)}
.um-who{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid var(--c-line);font-size:var(--fs-sm);overflow-wrap:anywhere}
.um-who small{color:var(--c-text-2)}
.um .um-pop a,.um-out button{display:flex;width:100%;min-height:40px;align-items:center;padding:0 16px;border:0;background:none;
  font:inherit;font-size:var(--fs-sm);color:var(--c-ink);text-decoration:none;cursor:pointer;text-align:left}
.um .um-pop a:hover,.um-out button:hover{background:var(--c-sand)}
.um-out{margin:8px 0 0;padding:8px 0 0;border:0;border-top:1px solid var(--c-line);border-radius:0;background:none}
.um-out button{color:var(--c-error)}
.si-tt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;font-size:var(--fs-sm);color:var(--c-text)}
.si-tt select{min-height:40px;padding:0 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-12);
  background:var(--c-white);font:inherit;color:var(--c-ink)}
.si-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.si-brand{display:flex;align-items:center;gap:8px;color:var(--c-brand);font-family:var(--ff-serif);font-size:var(--fs-2xl)}
.si-x{width:44px;height:44px;border:0;border-radius:var(--r-pill);background:var(--c-sand);color:var(--c-ink);
  cursor:pointer;display:flex;align-items:center;justify-content:center}
.si-steps{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px}
.si-step{display:flex;flex-direction:column;align-items:center;gap:4px;width:104px;font-size:var(--fs-2xs);color:var(--c-text)}
.si-step b{width:28px;height:28px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;
  border:2px solid var(--c-brand);color:var(--c-brand);font-size:var(--fs-xs)}
.si-step--next b{border-color:var(--c-line-strong);color:var(--c-text-3)}
.si-line{flex:1;height:2px;margin:12px 0 0;background:var(--c-line)}
.si h2{margin:0 0 8px;text-align:center;font-family:var(--ff-serif);font-weight:var(--fw-400);font-size:var(--fs-30);line-height:1.1}
.si-lead{margin:0 0 20px;text-align:center;font-size:var(--fs-md);line-height:1.45;color:var(--c-text-2)}
.si-stat{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:16px 20px;border-radius:var(--r-16);
  background:var(--c-ink);color:var(--c-white)}
.si-stat b{font-family:var(--ff-serif);font-weight:var(--fw-400);font-size:var(--fs-40);line-height:1}
.si-stat span{font-size:var(--fs-sm);line-height:1.35;color:var(--c-on-dark)}
.si-pts{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.si-pts li{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-sm);line-height:1.4;color:var(--c-text-2)}
.si-pts b{display:block;font-size:var(--fs-md);color:var(--c-ink)}
.si-pts small{display:block;font-size:var(--fs-sm)}
.si-ic{flex:none;width:32px;height:32px;border-radius:var(--r-10);background:var(--c-brand-tint);color:var(--c-brand);
  display:flex;align-items:center;justify-content:center}
.si-g{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid var(--c-line-strong);
  border-radius:var(--r-pill);background:var(--c-white);color:var(--c-ink);font-size:var(--fs-base);
  font-weight:var(--fw-600);text-decoration:none}
.si-g:hover{border-color:var(--c-brand)}
.si-terms{margin:12px 0 0;text-align:center;font-size:var(--fs-2xs);line-height:1.5;color:var(--c-text-3)}
@media(max-width:480px){.si{padding:20px 20px 24px}.si h2{font-size:var(--fs-2xl)}}
/* Dizustu ekranlarda (yukseklik ~800) popup tek ekrana sigsin: sayi kutusu
   ve madde aciklamalari kisa ekranda gizli. */
@media(max-height:900px){.si-stat{display:none}.si-pts small{display:none}.si-steps{margin:0 0 12px}
  .si h2{font-size:var(--fs-2xl)}.si-lead,.si-type,.si-tt,.si-top{margin-bottom:12px}.si{padding:20px 28px 24px}}
.tp{border:0;padding:0;margin:0 0 12px;min-width:0}
.tp-h{padding:0;font-size:var(--fs-sm);font-weight:var(--fw-700);color:var(--c-ink)}
.tp-sub{margin:4px 0 8px!important;font-size:var(--fs-xs);color:var(--c-text-2)}
.tp-q{margin:0 0 12px}
.tp-l{margin:0 0 4px!important;font-size:var(--fs-xs)!important;font-weight:var(--fw-600);color:var(--c-text)!important}
.tp-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-cs{display:flex;flex-wrap:wrap;gap:8px}
.tp-c{position:relative;display:inline-flex;cursor:pointer}
.tp-c input{position:absolute;opacity:0;pointer-events:none}
.tp-c span{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--c-line);
  border-radius:var(--r-pill);background:var(--c-white);font-size:var(--fs-sm);color:var(--c-ink)}
.tp-c input:checked+span{border-color:var(--c-brand);background:var(--c-brand-tint);color:var(--c-brand);font-weight:var(--fw-600)}
.tp-c input:focus-visible+span{outline:2px solid var(--c-brand);outline-offset:2px}
.tp-q--miss .tp-l{color:var(--c-brand)!important}
.tp-q--miss .tp-c span{border-color:var(--c-brand)}
.tp-share{display:flex;gap:8px;align-items:flex-start;margin:4px 0 8px;font-size:var(--fs-xs);line-height:1.4;color:var(--c-text);cursor:pointer}
.tp-share input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--c-brand)}
.tp-contact{display:none;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
.tp:has(input[name="tp_share"]:checked) .tp-contact{display:grid}
.tp-f{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--c-text-2)}
.wa-f{margin:0 0 4px;font-size:var(--fs-sm);font-weight:var(--fw-600);color:var(--c-ink)}
.wa-row{display:flex;gap:8px;margin:0 0 4px}
.wa-row input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-12);font-size:var(--fs-base);background:var(--c-white);color:var(--c-ink)}
.wa-cc{position:relative;flex:none;min-height:44px;padding:0 12px;display:flex;align-items:center;border:1px solid var(--c-line-strong);border-radius:var(--r-12);background:var(--c-white);font-size:var(--fs-sm);font-weight:var(--fw-600);white-space:nowrap}
.wa-cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.wa-cc:focus-within{outline:2px solid var(--c-brand);outline-offset:1px}
.wa-note{margin:0 0 12px;font-size:var(--fs-xs);color:var(--c-text-2)}
.tp-f input{min-height:44px;padding:0 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-12);
  background:var(--c-white);font:inherit;font-size:var(--fs-sm);color:var(--c-ink)}
.tp-err{margin:4px 0 0!important;font-size:var(--fs-xs)!important;color:var(--c-brand)!important;font-weight:var(--fw-600)}
.sheet-chan{margin:0 0 8px!important;font-size:var(--fs-xs)!important;color:var(--c-text)!important}
.tn-bars{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.tn-bar{display:grid;grid-template-columns:160px 1fr 48px;gap:8px;align-items:center;font-size:var(--fs-sm)}
.tn-bar i{display:block;height:8px;border-radius:var(--r-pill);background:var(--c-brand)}
.tn-bar small{text-align:right;color:var(--c-text-2)}
.tn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tn-big{font-family:var(--ff-serif);font-size:var(--fs-2xl);margin:0}
.prt-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);margin-bottom:24px;
  grid-template-areas:"head" "ctas" "panel" "feats" "note"}
.prt-head{grid-area:head;display:flex;flex-direction:column;gap:12px}
.prt-kick{align-self:flex-start;font-size:var(--fs-xs);font-weight:var(--fw-600);letter-spacing:.06em;
  text-transform:uppercase;color:var(--c-brand);background:var(--c-brand-tint);padding:4px 12px;border-radius:var(--r-pill)}
.prt-h{margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.05;letter-spacing:-0.01em;color:var(--c-ink);text-wrap:balance}
.prt-body{margin:0;font-size:var(--fs-base);line-height:1.55;color:var(--c-text);max-width:500px}
.prt-feats{grid-area:feats;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.prt-feat{display:flex;gap:12px;align-items:flex-start}
.prt-ico{flex:0 0 36px;width:36px;height:36px;border-radius:var(--r-10);background:var(--c-brand-tint);
  color:var(--c-brand);display:flex;align-items:center;justify-content:center}
.prt-ico svg{width:18px;height:18px}
.prt-ft{display:block;font-size:var(--fs-base);font-weight:var(--fw-600);color:var(--c-ink)}
.prt-fb{display:block;font-size:var(--fs-md);line-height:1.5;color:var(--c-text)}
.prt-ctas{grid-area:ctas;display:flex;flex-direction:column;gap:12px}
.prt-join,.prt-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
  padding:0 24px;border-radius:var(--r-12);font-size:var(--fs-base);font-weight:var(--fw-600);text-decoration:none}
.prt-join{background:var(--c-brand);color:var(--c-white)}
.prt-join:hover{background:var(--c-brand-dark);color:var(--c-white)}
.prt-join svg{width:16px;height:16px}
.prt-login{background:var(--c-white);border:1px solid var(--c-line-strong);color:var(--c-ink)}
.prt-login:hover{border-color:var(--c-ink);color:var(--c-ink)}
.prt-note{grid-area:note;margin:0;font-size:var(--fs-sm);color:var(--c-text-2);text-align:center}
.prt-panel{grid-area:panel;margin:0;background:var(--c-white);border:1px solid var(--c-line);
  border-radius:var(--r-18);box-shadow:var(--sh-card);overflow:hidden}
.prt-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
  border-bottom:1px solid var(--c-line)}
.prt-pt{display:flex;align-items:center;gap:8px;font-weight:var(--fw-600);color:var(--c-ink)}
.prt-logo{width:28px;height:28px;border-radius:var(--r-10);background:var(--c-brand);color:var(--c-white);
  display:flex;align-items:center;justify-content:center}
.prt-logo svg{width:15px;height:15px}
.prt-pill{font-size:var(--fs-2xs);font-weight:var(--fw-600);color:var(--c-text-2);background:var(--c-sand);
  padding:4px 12px;border-radius:var(--r-pill);white-space:nowrap}
.prt-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--c-line)}
.prt-kpi{background:var(--c-white);padding:12px 16px}
.prt-kpi:nth-child(3){display:none}
.prt-kl{display:block;font-size:var(--fs-xs);color:var(--c-text-2)}
.prt-kn{display:block;font-family:var(--ff-serif);font-weight:var(--fw-400);font-size:var(--fs-3xl);
  line-height:1.1;color:var(--c-ink)}
.prt-row{display:grid;grid-template-columns:minmax(0,1fr) 52px 72px;gap:8px;align-items:center;
  padding:12px 16px;border-top:1px solid var(--c-line);font-size:var(--fs-xs);color:var(--c-text)}
.prt-row--head{border-top:0;background:var(--c-paper);font-size:var(--fs-2xs);font-weight:var(--fw-600);
  color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em}
.prt-c{display:none}
.prt-lt{display:block;font-weight:var(--fw-600);color:var(--c-ink)}
.prt-ls{display:block;color:var(--c-text-2)}
.prt-a{font-weight:var(--fw-600);color:var(--c-ink)}
.prt-st{justify-self:start;font-size:var(--fs-2xs);font-weight:var(--fw-600);color:var(--c-brand);
  background:var(--c-brand-tint);padding:4px 8px;border-radius:var(--r-pill)}
.prt-st--off{color:var(--c-text-2);background:var(--c-sand)}
.prt-dem{display:none}
@media(min-width:900px){
  .prt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:56px;row-gap:28px;align-items:center;
    grid-template-areas:"head panel" "feats panel" "ctas panel" "note panel"}
  .prt-panel{align-self:center}
  .prt-body{font-size:var(--fs-lg)}
  .prt-ctas{flex-direction:row;flex-wrap:wrap;align-items:center}
  .prt-note{text-align:left}
  .prt-feats{gap:16px}
  .prt-ph{padding:16px 20px}
  .prt-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prt-kpi{padding:16px 20px}
  .prt-kpi:nth-child(3){display:block}
  .prt-kn{font-size:var(--fs-4xl)}
  .prt-row{grid-template-columns:minmax(0,1fr) 84px 72px 72px;gap:12px;padding:12px 20px;font-size:var(--fs-sm)}
  .prt-row--head{font-size:var(--fs-2xs)}
  .prt-c{display:block}
  .prt-dem{display:flex;flex-direction:column;gap:8px;padding:16px 20px 20px;border-top:1px solid var(--c-line)}
}
.prt-dt{font-size:var(--fs-xs);font-weight:var(--fw-600);color:var(--c-ink)}
.prt-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;gap:8px;align-items:center;
  font-size:var(--fs-xs);color:var(--c-text)}
.prt-track{height:8px;border-radius:var(--r-4);background:var(--c-brand-tint);overflow:hidden}
.prt-fill{display:block;height:8px;border-radius:var(--r-4);background:var(--c-brand)}
.prt-p{text-align:right}
.msgp{display:grid;gap:8px;margin:16px 0 0;padding:16px;border:1px solid var(--c-line);
  border-radius:var(--r-16);background:var(--c-white)}
.msgp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  font-size:var(--fs-md);color:var(--c-ink)}
.msgp-l{display:flex;gap:4px}
.msgp-l button{min-height:40px;padding:0 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);
  background:var(--c-white);color:var(--c-text);font:inherit;font-size:var(--fs-xs);cursor:pointer}
.msgp-l button[aria-pressed="true"]{border-color:var(--c-brand);color:var(--c-brand);font-weight:var(--fw-600)}
.msgp-to{margin:0;font-size:var(--fs-xs);color:var(--c-text-2)}
.msgp-body{margin:0;padding:12px 16px;border-radius:var(--r-12) var(--r-12) var(--r-12) var(--r-4);
  background:var(--c-brand-tint);color:var(--c-ink);font-size:var(--fs-md);line-height:1.55}
.msgp-chips{display:flex;flex-wrap:wrap;gap:4px}
.msgp-chips span{padding:2px 8px;border-radius:var(--r-pill);background:var(--c-sand);color:var(--c-ink);
  font-size:var(--fs-2xs);font-weight:var(--fw-600)}
.msgp-note{margin:0;font-size:var(--fs-xs);color:var(--c-text-2)}
.sheet-top{align-items:center}
.ust-back{flex:none;width:40px;height:40px;border:1px solid var(--c-line);border-radius:var(--r-circle);
  background:var(--c-white);color:var(--c-ink);font-size:var(--fs-lg);line-height:1;cursor:pointer}
.ust-steps{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;
  font-size:var(--fs-2xs);font-weight:var(--fw-600);color:var(--c-text-2);white-space:nowrap}
.ust-steps li{padding:4px 8px;border-radius:var(--r-pill)}
.ust-steps li.on{background:var(--c-brand-tint);color:var(--c-brand)}
.ust-steps li.done{color:var(--c-brand-dark)}
.ust{padding:16px 16px 8px}
.ust[hidden]{display:none}
.ust .sheet-body{padding:12px 0 4px;overflow:visible;min-height:auto}
.ust-h1{margin:0;font-size:var(--fs-xl);line-height:1.25;letter-spacing:-0.01em;color:var(--c-ink)}
.ust-h2{margin:0 0 8px;font-family:var(--ff-serif);font-weight:var(--fw-400);font-size:var(--fs-30);
  line-height:1.08;color:var(--c-ink)}
.ust-sub{margin:0 0 12px;font-size:var(--fs-md);line-height:1.5;color:var(--c-text)}
.ust-lbl{margin:12px 0 8px;font-size:var(--fs-2xs);font-weight:var(--fw-600);letter-spacing:.04em;
  text-transform:uppercase;color:var(--c-brand)}
.ust-und{margin:0}
.ust .tp-h,.ust .tp-sub{display:none}
.ust-chips{display:flex;flex-wrap:wrap;gap:8px}
.ust-chip{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 8px 0 12px;
  border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-white);
  font-size:var(--fs-sm);color:var(--c-ink)}
.ust-chip button{width:28px;height:28px;border:0;border-radius:var(--r-circle);background:var(--c-sand);
  color:var(--c-text-2);font:inherit;font-size:var(--fs-md);line-height:1;cursor:pointer}
.ust-chips--ro .ust-chip{padding:0 12px;background:var(--c-sand);border-color:var(--c-sand)}
.ust-ai{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:4px 4px 4px 12px;
  background:var(--c-white);border:1.5px solid var(--c-brand);border-radius:var(--r-14)}
.ust-ai input{flex:1;min-width:0;min-height:40px;border:0;outline:none;background:transparent;font:inherit;
  font-size:var(--fs-md);color:var(--c-ink)}
.ust-ai button{flex:none;min-height:40px;padding:0 16px;border:0;border-radius:var(--r-10);
  background:var(--c-brand);color:var(--c-white);font:inherit;font-weight:var(--fw-600);cursor:pointer}
.ust-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ust-note{margin:8px 0 0;font-size:var(--fs-xs);color:var(--c-text-2)}
.lrow-fit{margin-top:8px;padding:8px 12px;border-radius:var(--r-10);background:var(--c-brand-tint);
  font-size:var(--fs-xs);line-height:1.45;color:var(--c-brand-dark)}
.ust-prog{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:var(--fs-xs);color:var(--c-ink)}
.ust-bar{flex:1;height:6px;border-radius:var(--r-3);background:var(--c-line);overflow:hidden}
.ust-bar i{display:block;width:0;height:6px;border-radius:var(--r-3);background:var(--c-brand);
  transition:width var(--t-base) var(--e-out)}
.ust-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}
.ust-list li{position:relative;padding-left:32px;font-size:var(--fs-md);line-height:1.45;color:var(--c-ink)}
.ust-list li::before{content:"\2713";position:absolute;left:0;top:0;width:24px;height:24px;
  border-radius:var(--r-circle);background:var(--c-brand-tint);color:var(--c-brand);font-size:var(--fs-xs);
  font-weight:var(--fw-700);display:flex;align-items:center;justify-content:center}
.ust-tl{display:grid;gap:12px;padding:16px;border:1px solid var(--c-line);border-radius:var(--r-16);background:var(--c-white)}
.ust-tl .ust-lbl{margin:0;color:var(--c-text-2)}
.ust-tli{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.ust-tli b{display:block;color:var(--c-ink);font-size:var(--fs-md)}
.ust-tli span{font-size:var(--fs-sm);color:var(--c-text)}
.ust-dot{width:28px;height:28px;border-radius:var(--r-circle);background:var(--c-brand-tint);color:var(--c-brand);
  display:flex!important;align-items:center;justify-content:center;font-size:var(--fs-2xs)!important;font-weight:var(--fw-700)}
.ust-dot--on{background:var(--c-brand);color:var(--c-white)!important}
.ust-dot--off{background:var(--c-sand);color:var(--c-ink)!important}
.ust-refund{margin:16px 0;padding:12px 16px;border-radius:var(--r-12);background:var(--c-sand);
  font-size:var(--fs-sm);line-height:1.5;color:var(--c-text)}
.ust-who{margin:0 0 12px;font-size:var(--fs-sm);color:var(--c-ink);font-weight:var(--fw-600)}
.ust-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin:0 0 8px;
  border:1px solid var(--c-line-strong);border-radius:var(--r-14);background:var(--c-white);color:var(--c-ink);
  font-size:var(--fs-base);font-weight:var(--fw-600);text-decoration:none}
.ust-google:hover{border-color:var(--c-ink);color:var(--c-ink)}
.ust-google[hidden],.ust-who[hidden],#f[hidden]{display:none}
.sheet-foot{position:sticky;bottom:0;z-index:1}
.sheet-foot[hidden]{display:none}
.ust-nsub{margin:8px 0 0!important;text-align:center}
.ust-nsub:empty{display:none}
@media(min-width:700px){.ust{padding:20px 24px 12px}.ust-steps{font-size:var(--fs-xs)}}
.fband{--gut:16px}
.fhero{gap:24px;padding:16px var(--gut) 24px}
.hs-head{display:flex;flex-direction:column;gap:8px}
.hs-h1{margin:0;font-weight:var(--fw-400);font-size:var(--fs-46);line-height:.98;color:var(--c-white)}
.hs-h1 em{color:var(--c-mint)}
.hs-sub{margin:0;font-size:var(--fs-base);line-height:1.45;color:var(--c-on-brand)}
.hs-sub-l{display:none}
.hs-new{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:4px 12px 4px 4px;
  border-radius:var(--r-pill);background:rgba(255,255,255,.12);color:var(--c-on-brand);font-size:var(--fs-sm);
  line-height:1.3;text-decoration:none}
.hs-new b{color:var(--c-white);font-weight:var(--fw-600)}
.hs-new:hover{background:rgba(255,255,255,.2)}
.hs-new-tag{flex:none;padding:2px 8px;border-radius:var(--r-pill);background:var(--c-mint);color:var(--c-ink);
  font-size:var(--fs-2xs);font-weight:var(--fw-700);letter-spacing:.02em}
.hs-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-22);
  background:var(--c-white);color:var(--c-ink)}
.hs-find{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;border:0;background:none}
.hs-t{display:none;align-items:center;gap:12px}
.hs-ic{flex:none;width:26px;height:26px;color:var(--c-brand)}
.hs-tt{display:flex;flex-direction:column;text-align:left;min-width:0}
.hs-tt b{font-size:var(--fs-22);line-height:1.25}
.hs-tt span{font-size:var(--fs-md);line-height:1.4;color:var(--c-text)}
.hs-box{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border:2px solid var(--c-line-strong);
  border-radius:var(--r-14);background:var(--c-white)}
.hs-box.on{border-color:var(--c-brand)}
.hs-box:focus-within{border-color:var(--c-brand);outline:var(--focus) solid var(--c-brand-tint);outline-offset:0}
.hs-spark{flex:none;width:18px;height:18px;color:var(--c-brand)}
.hs-box input{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 0;border:0;background:transparent;
  font:inherit;font-size:var(--fs-base);color:var(--c-ink);outline:none}
.hs-box input::placeholder{color:var(--c-text-3)}
.hs-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;
  border:0;border-radius:var(--r-12);background:var(--c-sand);color:var(--c-text);font:inherit;font-size:var(--fs-lg);
  cursor:pointer}
.hs-go{flex:none;display:none;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;
  border:0;border-radius:var(--r-12);background:var(--c-brand);color:var(--c-white);font:inherit;
  font-size:var(--fs-17);font-weight:var(--fw-600);white-space:nowrap;cursor:pointer;
  transition:background-color var(--t-fast) ease}
.hs-go:hover{background:var(--c-brand-dark)}
.hs-go:disabled{opacity:.7;cursor:progress}
.hs-go--m{display:flex;width:100%;padding:16px;border-radius:var(--r-14)}
.hs-und{display:flex;flex-direction:column;gap:8px;text-align:left}
.hs-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hs-lab{font-size:var(--fs-xs);font-weight:var(--fw-600);letter-spacing:.08em;text-transform:uppercase;
  color:var(--c-text-2)}
.hs-und .hs-lab,.hs-try .hs-lab,.hs-ref{display:none}
.hs-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hs-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:0;
  border-radius:var(--r-pill);background:var(--c-brand-tint);color:var(--c-brand-dark);font:inherit;
  font-size:var(--fs-sm);font-weight:var(--fw-600);cursor:pointer}
.hs-chip span{color:var(--c-brand-light)}
.hs-chip:hover{background:var(--c-mint)}
.hs-miss{margin:0;font-size:var(--fs-xs);line-height:1.4;color:var(--c-text-2)}
.hs-miss b{color:var(--c-ink)}
.hs-ref-p,.hs-ex{min-height:44px;padding:8px 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);
  background:var(--c-white);color:var(--c-ink);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.hs-ref-p:hover,.hs-ex:hover{border-color:var(--c-ink)}
.hs-exs{display:flex;flex-direction:column;gap:8px;width:100%}
.hs-ex{text-align:left;padding:8px 12px;border-color:var(--c-line);border-radius:var(--r-12);background:var(--c-paper)}
.hs-or,.hs-own{display:none}
.hs-or i{display:block;width:2px;flex-grow:1;background:var(--c-line)}
.hs-or span{font-size:var(--fs-sm);font-weight:var(--fw-600);color:var(--c-text-2)}
.hs-own{flex-direction:column;gap:16px;text-align:left}
.hs-list{display:flex;align-items:center;justify-content:center;min-height:56px;padding:16px;
  border-radius:var(--r-14);background:var(--c-brand-ink);color:var(--c-white);font-size:var(--fs-17);
  font-weight:var(--fw-600);text-decoration:none}
.hs-list:hover{color:var(--c-white);background:var(--c-ink)}
.hs-quick{display:flex;gap:8px;margin:0 calc(var(--gut) * -1);padding:0 var(--gut);overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hs-quick::-webkit-scrollbar{display:none}
.hs-qk{flex:none;min-height:44px;padding:8px 16px;border:1px solid var(--c-on-brand-line);border-radius:var(--r-pill);
  background:transparent;color:var(--c-white);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer}
.hs-qk:hover{border-color:var(--c-white)}
.hs-agency{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
  border-radius:var(--r-16);background:var(--c-ink-strip);color:var(--c-white);text-decoration:none}
.hs-agency:hover{color:var(--c-white)}
.hs-agency .hs-tt b{font-size:var(--fs-base)}
.hs-agency .hs-tt span{font-size:var(--fs-sm);color:var(--c-on-brand)}
.hs-agency-go{flex:none;font-weight:var(--fw-600)}
.hs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;border:0}
.hs-chip:focus-visible,.hs-ref-p:focus-visible,.hs-ex:focus-visible,.hs-x:focus-visible,.hs-go:focus-visible,
.hs-list:focus-visible,.mx-filt:focus-visible{outline:var(--focus) solid var(--c-brand);outline-offset:2px}
.hs-qk:focus-visible,.hs-agency:focus-visible{outline:var(--focus) solid var(--c-white);outline-offset:2px}
/* Haritanin filtre dugmesi: hero'da panel acan bir yer kalmadi. */
.mx-filt{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--c-brand);
  border-radius:var(--r-pill);background:var(--c-white);color:var(--c-brand);font:inherit;font-size:var(--fs-sm);
  font-weight:var(--fw-600);cursor:pointer}
/* Bandin altindaki uc adim (landing.ts:heroSteps). */
.hfs{--gut:20px;display:grid;gap:16px;padding:24px var(--gut)}
.hfs-i{display:flex;gap:12px;align-items:flex-start}
.hfs-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:var(--r-circle);background:var(--c-brand);color:var(--c-white);font-size:var(--fs-sm);
  font-weight:var(--fw-700)}
.hfs-t{display:flex;flex-direction:column;gap:2px}
.hfs-t b{font-size:var(--fs-md);color:var(--c-ink)}
.hfs-t span{font-size:var(--fs-sm);line-height:1.5;color:var(--c-text)}
@media (prefers-reduced-motion:reduce){.hs-go{transition:none}}
@media(min-width:900px){
  .hfs{--gut:max(40px,calc(50% - 380px));grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px var(--gut)}
}
@media(min-width:1024px){
  .fband{--gut:max(40px,calc(50% - 560px))}
  .fhero{align-items:center;gap:56px;padding:40px var(--gut) 56px}
  .hs-head{align-items:center;gap:16px;text-align:center}
  .hs-h1{font-size:var(--fs-76)}
  .hs-sub{font-size:var(--fs-19)}
  .hs-sub-l{display:inline}
  .hs-sub-s{display:none}
  .hs-card{display:grid;grid-template-columns:minmax(0,1fr) 56px 300px;gap:0;width:100%;max-width:1120px;
    padding:28px 32px;border-radius:var(--r-28);box-shadow:var(--sh-hero)}
  .hs-find{gap:16px}
  .hs-t{display:flex}
  .hs-box{gap:12px;padding:4px 4px 4px 16px;border-radius:var(--r-16)}
  .hs-spark{width:20px;height:20px}
  .hs-box input{font-size:var(--fs-lg);padding:12px 0}
  .hs-x{width:44px;height:44px;border-radius:var(--r-circle)}
  .hs-go{display:inline-flex}
  .hs-go--m{display:none}
  .hs-und{gap:12px}
  .hs-und .hs-lab,.hs-try .hs-lab{display:inline}
  .hs-ref{display:flex}
  .hs-chip{font-size:var(--fs-md)}
  .hs-miss{font-size:var(--fs-sm)}
  .hs-exs{flex-direction:row;flex-wrap:wrap;width:auto}
  .hs-ex{padding:8px 16px;border-color:var(--c-line-strong);border-radius:var(--r-pill);font-size:var(--fs-md)}
  .hs-or{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
  .hs-own{display:flex}
  .hs-quick{justify-content:center;flex-wrap:wrap;gap:12px;margin:0;padding:0;overflow:visible}
  .hs-qk{font-size:var(--fs-md)}
  .hs-agency{display:none}
  /* Panel: kartin altinda asili hali ekranin disina dusuyordu. Masaustunde
     ekranin ortasinda, ustten 48 px. */
  .srch-adv.on{position:fixed;top:48px;bottom:auto;left:0;right:0;margin:0 auto;
    width:min(880px,calc(100vw - 80px));max-height:calc(100vh - 96px)}
}
.pc-code{margin:12px 0}
.pc-code summary{cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-600);color:var(--c-brand);min-height:44px;display:flex;align-items:center}
.pc-f{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);font-weight:var(--fw-600);color:var(--c-ink)}
.pc-f input{min-height:44px;padding:8px 12px;border:1px solid var(--c-line-strong);border-radius:var(--r-12);
  background:var(--c-white);font:inherit;font-weight:var(--fw-400);color:var(--c-ink);text-transform:uppercase}
.pc-err{margin:8px 0 0;color:var(--c-error);font-size:var(--fs-sm)}.as-lede{margin:12px 0 0;max-width:720px;font-size:var(--fs-lg);line-height:1.5;color:var(--c-text)}
.ax{margin:28px 0 8px;display:flex;flex-direction:column;gap:28px}
.ax-stage{display:flex;flex-direction:column;align-items:center;gap:16px}
.ax-phone{position:relative;flex:none;width:100%;max-width:320px;aspect-ratio:320/656;color:#111b21;
  font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.ax-btn{position:absolute;width:4px;background:#8d8a84}
.ax-btn--a{left:-2px;top:112px;height:26px;border-radius:2px 0 0 2px}
.ax-btn--u{left:-2px;top:160px;height:50px;border-radius:2px 0 0 2px}
.ax-btn--d{left:-2px;top:220px;height:50px;border-radius:2px 0 0 2px}
.ax-btn--p{right:-2px;top:176px;height:78px;border-radius:0 2px 2px 0}
.ax-frame{position:absolute;inset:0;box-sizing:border-box;padding:4px;border-radius:56px;box-shadow:var(--sh-hero);
  background:linear-gradient(140deg,#b9b6b0 0%,#7c7973 38%,#a6a39d 62%,#6e6b66 100%)}
.ax-bezel{height:100%;box-sizing:border-box;padding:8px;border-radius:52px;background:#0b0b0c}
.ax-screen{position:relative;height:100%;border-radius:44px;overflow:hidden;background:var(--c-wa-bg)}
.ax-island{position:absolute;left:50%;top:12px;width:96px;height:28px;margin-left:-48px;border-radius:16px;background:#0b0b0c}
.ax-home{position:absolute;left:50%;bottom:8px;width:112px;height:4px;margin-left:-56px;border-radius:2px;background:var(--c-ink)}
.ax-head{position:absolute;left:0;right:0;top:0;height:96px;box-sizing:border-box;display:flex;align-items:flex-end;gap:8px;
  padding:0 12px 8px;background:var(--c-paper);border-bottom:1px solid var(--c-line)}
.ax-head>svg{flex:none;width:12px;height:20px;color:#0a7cff}
.ax-av{flex:none;width:34px;height:34px;border-radius:var(--r-circle);background:var(--c-brand);color:var(--c-white);
  display:flex;align-items:center;justify-content:center}
.ax-av svg{width:18px;height:18px}
.ax-who b{display:block;font-size:15px;font-weight:var(--fw-600);line-height:1.15}
.ax-who small{display:block;font-size:11.5px;line-height:1.15;color:#667781}
.ax-segs{position:absolute;left:12px;right:12px;top:104px;display:flex;gap:4px}
.ax-segs i{flex:1;height:3px;border-radius:2px;background:rgba(22,21,15,.15)}
.ax-segs i.is-on{background:var(--c-brand)}
.ax-sc{position:absolute;left:0;right:0;top:116px;bottom:78px;box-sizing:border-box;padding:8px 12px;
  display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.35;overflow:hidden}
.ax-sc[hidden]{display:none}
.ax-sc.is-on .ax-m{animation:ax-in .35s ease both}
.ax-sc.is-on .ax-m:nth-child(2){animation-delay:.35s}
.ax-sc.is-on .ax-m:nth-child(3){animation-delay:.7s}
.ax-sc.is-on .ax-m:nth-child(4){animation-delay:1.05s}
@keyframes ax-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ax-m{display:flex;flex-direction:column;gap:4px;max-width:236px}
.ax-m--in{align-self:flex-start}
.ax-m--out{align-self:flex-end;align-items:flex-end}
.ax-m--w{width:236px}
.ax-b{display:block;padding:8px;border-radius:10px;background:var(--c-white)}
.ax-m--in .ax-b{border-top-left-radius:3px}
.ax-m--out .ax-b{background:#d9fdd3;border-top-right-radius:3px}
.ax-b--media{padding:4px}
.ax-cap{display:block;padding:4px 4px 2px}
.ax-cap b{font-weight:var(--fw-600)}
.ax-map{position:relative;display:block;width:202px;height:104px;border-radius:7px;overflow:hidden;background:#e8e2d2}
.ax-map i{position:absolute;background:var(--c-white)}
.ax-map i:nth-child(1){left:0;right:0;top:46px;height:10px}
.ax-map i:nth-child(2){top:0;bottom:0;left:98px;width:10px}
.ax-map i:nth-child(3){left:-20px;top:82px;width:260px;height:7px;background:#f6e7b5;transform:rotate(-18deg)}
.ax-pin{position:absolute;left:89px;top:18px;width:28px;height:34px}
.ax-pin path{fill:#e5484d}
.ax-pin circle{fill:var(--c-white)}
.ax-vn{display:flex;align-items:center;gap:8px;width:214px;box-sizing:border-box}
.ax-play{flex:none;width:14px;height:16px;fill:#54656f}
.ax-wave{flex:1;display:flex;align-items:center;gap:2px;height:26px}
.ax-wave i{width:3px;border-radius:2px;background:#6fb98f}
.ax-vn small{font-size:11px;color:#667781}
.ax-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.ax-chips span{padding:2px 8px;border-radius:var(--r-pill);background:#e3f4ea;color:#155c40;font-size:11.5px;font-weight:var(--fw-600)}
.ax-btns{display:flex;gap:4px}
.ax-btns span{flex:1;padding:8px 0;border-radius:8px;background:var(--c-white);color:var(--c-wa-link);text-align:center;font-weight:var(--fw-600)}
.ax-shot{display:flex;flex-direction:column;gap:4px;width:142px;height:130px;box-sizing:border-box;padding:8px;border-radius:7px;background:#f4f4f4}
.ax-shot i{display:block;height:8px;border-radius:4px;background:#d6d6d6}
.ax-shot i:nth-child(1){height:58px;background:linear-gradient(135deg,#c9b79c,#8e7a5e)}
.ax-shot i:nth-child(3){width:60%}
.ax-shot i:nth-child(4){width:40%;background:var(--c-brand)}
.ax-doc{display:flex;align-items:center;gap:8px;width:210px;box-sizing:border-box}
.ax-pdf{flex:none;width:30px;height:38px;box-sizing:border-box;padding:0 0 4px;border-radius:5px;background:#e5484d;color:var(--c-white);
  font-size:9px;font-weight:var(--fw-700);display:flex;align-items:flex-end;justify-content:center}
.ax-doc b{display:block;font-size:12.5px;font-weight:var(--fw-600)}
.ax-doc small{display:block;font-size:11px;color:#667781}
.ax-card{display:block;width:236px;border-radius:3px 10px 10px 10px;overflow:hidden;background:var(--c-white)}
.ax-photo{position:relative;display:block;height:128px;background:linear-gradient(160deg,#e7d3b5 0%,#c49a6c 60%,#8a6744 100%)}
.ax-photo::after{content:"";position:absolute;left:26px;bottom:0;width:76px;height:70px;border-radius:4px 4px 0 0;background:rgba(255,255,255,.35)}
.ax-card-b{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px}
.ax-new{padding:2px 8px;border-radius:var(--r-pill);background:var(--c-mint);color:var(--c-brand-ink);font-size:10px;font-weight:var(--fw-700);
  letter-spacing:.08em;text-transform:uppercase}
.ax-card-b b{font-size:15px;font-weight:var(--fw-600)}
.ax-input{position:absolute;left:0;right:0;bottom:0;height:78px;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;
  padding:8px 12px 0;background:var(--c-paper);border-top:1px solid var(--c-line)}
.ax-input>svg{flex:none;width:22px;height:22px;margin-top:4px;color:#0a7cff}
.ax-field{flex:1;height:34px;border-radius:17px;border:1px solid var(--c-line-strong);background:var(--c-white)}
.ax-mic{flex:none;width:34px;height:34px;border-radius:var(--r-circle);background:#1daa61;color:var(--c-white);
  display:flex;align-items:center;justify-content:center}
.ax-mic svg{width:16px;height:16px}
.ax-mob{display:flex;flex-direction:column;gap:8px;width:100%}
.ax-row{display:flex;align-items:center;gap:8px;min-width:0}
.ax-pp{display:none;flex:none;width:44px;height:44px;border:0;border-radius:var(--r-circle);background:var(--c-ink);color:var(--c-white);
  align-items:center;justify-content:center;cursor:pointer}
.ax--js .ax-pp{display:flex}
.ax-pp svg{width:18px;height:18px;fill:currentColor}
.ax-i-pause,.ax--run .ax-i-play{display:none}
.ax--run .ax-i-pause{display:block}
.ax-rail{position:relative;flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px}
.ax-rail::-webkit-scrollbar{display:none}
.ax-chip{flex:none;scroll-snap-align:center;display:flex;align-items:center;gap:4px;height:44px;padding:0 16px;border-radius:var(--r-pill);
  border:1.5px solid var(--c-line);background:var(--c-white);color:var(--c-ink);font:inherit;font-size:14px;font-weight:var(--fw-600);
  white-space:nowrap;cursor:pointer}
.ax-chip span{opacity:.6}
.ax-chip.is-on{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-white)}
.ax-chip:focus-visible,.ax-it:focus-visible,.ax-pp:focus-visible{outline:3px solid var(--c-mint);outline-offset:2px}
.ax-card2{height:132px;box-sizing:border-box;padding:12px 16px;border-radius:16px;background:var(--c-white);border:1.5px solid var(--c-line);
  display:flex;flex-direction:column;gap:4px;overflow:hidden}
.ax-card2-h{display:flex;align-items:baseline;gap:8px}
.ax-card2-h b{flex:1;font-size:15.5px;font-weight:var(--fw-600)}
.ax-card2-h span{font-size:12.5px;color:var(--c-text-2)}
.ax-card2 p{margin:0;font-size:14px;line-height:1.45;color:var(--c-text)}
.ax-prog{display:block;height:3px;margin-top:auto;border-radius:2px;background:#d7e9df;overflow:hidden}
.ax-prog i{display:block;width:0;height:3px;background:var(--c-brand);transition:width .25s linear}
.ax-meta{display:none}
.ax-side{display:flex;flex-direction:column;gap:12px}
.ax-h,.ax-list{display:none}
.ax-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ax-more-h{margin:0 4px 0 0;font-size:12px;font-weight:var(--fw-600);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-2)}
.ax-tag{padding:4px 12px;border-radius:var(--r-pill);border:1.5px solid var(--c-line);font-size:13px}
@media(prefers-reduced-motion:reduce){.ax-sc.is-on .ax-m{animation:none}.ax-prog i{transition:none}}
@media(min-width:900px){
  .ax-top{text-align:center}
  .ax-top .as-lede{margin-left:auto;margin-right:auto}
  .ax{display:grid;grid-template-columns:340px minmax(0,560px);justify-content:center;align-items:center;gap:56px}
  .ax-mob{display:none}
  .ax-meta{display:flex;align-items:center;gap:12px;width:320px}
  .ax-meta b{display:block;font-size:14px;font-weight:var(--fw-600)}
  .ax-meta small{display:block;font-size:12.5px;color:var(--c-text-2)}
  .ax-h{display:block;margin:0;font-size:12px;font-weight:var(--fw-600);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-2)}
  .ax-list{display:flex;flex-direction:column;gap:8px}
  .ax-it{display:flex;flex-direction:column;gap:4px;width:100%;min-height:52px;box-sizing:border-box;padding:12px 16px;border-radius:14px;
    border:1.5px solid var(--c-line);background:var(--c-white);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}
  .ax-it.is-on{border-color:var(--c-brand);background:var(--c-brand-tint)}
  .ax-it-h{display:flex;align-items:center;gap:12px}
  .ax-num{flex:none;width:28px;font-size:22px;color:var(--c-brand)}
  .ax-it-h b{font-size:15.5px;font-weight:var(--fw-600);line-height:1.25}
  .ax-it-d,.ax-it .ax-prog{display:none}
  .ax-it.is-on .ax-it-d{display:block;padding:0 0 0 40px;font-size:14px;line-height:1.45;color:var(--c-text)}
  .ax-it.is-on .ax-prog{display:block;margin:4px 0 0 40px}
}
@media(min-width:1040px){.hiw .hiw-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}