/* LONCA Gayrimenkul — tasarım sistemi
   Kaynak: _ajan-ciktilari/web-design.md ("ustanın çizim masası") · marka/MARKA.md */

/* ---------- 1. Token'lar ---------- */
:root{
  --yesil:#1E4636; --pirinc:#B08A4A; --kagit:#F4EFE5; --murekkep:#1A1C1A;
  --acik-yesil:#E3EBE4; --tas:#6E6A61;
  --belge:#FBF8F2; --kagit-koyu:#ECE5D7; --cizgi:#E2DBCD; --cizgi-guclu:#CFC6B4;
  --tas-koyu:#5E5A52; --yesil-ust:#B9CCC0; --kiremit:#A3412A; --yesil-hover:#173A2C;
  --bant-koyu:var(--yesil); --vurgu-ustu:var(--kagit); --odak:var(--yesil);
  --doku:rgb(244 239 229 / .13);

  --f-baslik:"Fraunces",Georgia,serif;
  --f-metin:"Source Sans 3",system-ui,sans-serif;
  --t-dev:clamp(2.5rem,1.6rem + 4.2vw,4.75rem);
  --t-h1:clamp(2rem,1.55rem + 2.1vw,3.25rem);
  --t-h2:clamp(1.5rem,1.25rem + 1.15vw,2.25rem);
  --t-h3:clamp(1.1875rem,1.1rem + .4vw,1.4375rem);
  --t-giris:clamp(1.125rem,1.06rem + .3vw,1.3125rem);
  --t-govde:1.0625rem; --t-kucuk:.9375rem; --t-dipnot:.8125rem; --t-etiket:.75rem;

  --b-1:4px; --b-2:8px; --b-3:12px; --b-4:16px; --b-5:24px; --b-6:32px; --b-7:48px; --b-8:64px; --b-9:96px;
  --bolum:clamp(64px,40px + 6vw,128px); --kenar:clamp(16px,4vw,40px); --genislik:1180px;

  --r-1:3px; --r-2:6px;
  --g-kagit:0 1px 0 rgb(26 28 26 / .06),0 1px 2px rgb(26 28 26 / .06);
  --g-belge:0 1px 0 rgb(26 28 26 / .08),0 18px 32px -22px rgb(26 28 26 / .45);

  --e-cikis:cubic-bezier(.23,1,.32,1); --e-cekmece:cubic-bezier(.32,.72,0,1);
  --s-bas:140ms; --s-kucuk:180ms; --s-orta:240ms; --s-cekmece:320ms;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --yesil:#7FB397; --pirinc:#D2AE6A; --kagit:#111814; --murekkep:#ECE7DC;
    --acik-yesil:#1C2A22; --tas:#A39E92; --belge:#18211C; --kagit-koyu:#151E19;
    --cizgi:#2A352E; --cizgi-guclu:#3B4A41; --tas-koyu:#A39E92; --yesil-ust:#A9BFB2;
    --kiremit:#D7836B; --vurgu-ustu:#111814; --yesil-hover:#93C3A8; --bant-koyu:#0B110E;
    --doku:rgb(17 24 20 / .22); --g-kagit:0 0 0 1px var(--cizgi); --g-belge:0 0 0 1px var(--cizgi);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --yesil:#7FB397; --pirinc:#D2AE6A; --kagit:#111814; --murekkep:#ECE7DC;
  --acik-yesil:#1C2A22; --tas:#A39E92; --belge:#18211C; --kagit-koyu:#151E19;
  --cizgi:#2A352E; --cizgi-guclu:#3B4A41; --tas-koyu:#A39E92; --yesil-ust:#A9BFB2;
  --kiremit:#D7836B; --vurgu-ustu:#111814; --yesil-hover:#93C3A8; --bant-koyu:#0B110E;
  --doku:rgb(17 24 20 / .22); --g-kagit:0 0 0 1px var(--cizgi); --g-belge:0 0 0 1px var(--cizgi);
  color-scheme:dark;
}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--kagit);color:var(--murekkep);font:400 var(--t-govde)/1.6 var(--f-metin);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--yesil);text-decoration-thickness:1px;text-underline-offset:.2em}
@media (hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2px}}
h1,h2,h3,h4{font-family:var(--f-baslik);font-weight:600;color:var(--yesil);text-wrap:balance}
h1{font-size:var(--t-h1);line-height:1.08;letter-spacing:-.015em}
h2{font-size:var(--t-h2);line-height:1.15;letter-spacing:-.01em}
h3{font-size:var(--t-h3);line-height:1.25}
p{text-wrap:pretty}
p+p{margin-top:.9em}
strong,b{font-weight:600}
.rakam,.fiyat,table{font-variant-numeric:tabular-nums lining-nums}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px;border-radius:var(--r-1)}
::selection{background:var(--acik-yesil);color:var(--murekkep)}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.atla{position:absolute;left:var(--b-4);top:-60px;z-index:100;background:var(--yesil);color:var(--vurgu-ustu);padding:12px 16px;border-radius:var(--r-1);font-weight:600}
.atla:focus{top:var(--b-4)}

.kap{width:min(100% - 2*var(--kenar),var(--genislik));margin-inline:auto}
.bolum{padding-block:var(--bolum)}
.bolum--sik{padding-block:calc(var(--bolum) * .6)}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b-5)}
@media (max-width:719px){.izgara{grid-template-columns:minmax(0,1fr)}.izgara>*{grid-column:1/-1!important}}

.etiket{font:600 var(--t-etiket)/1.2 var(--f-metin);letter-spacing:.1em;text-transform:uppercase;color:var(--tas);display:block}
.giris{font-size:var(--t-giris);line-height:1.5;max-width:56ch}
.not{font-family:var(--f-baslik);font-style:italic;font-weight:400;color:var(--yesil);line-height:1.35}
.dipnot{font-size:var(--t-dipnot);color:var(--tas)}
.okuma{max-width:64ch}
.ayrac{display:block;width:48px;height:2px;background:var(--pirinc);margin-bottom:var(--b-4)}
.bant-acik{background:var(--acik-yesil)}
.bant-acik .dipnot,.bant-acik .etiket{color:var(--tas-koyu)}
.bant-kagit{background:var(--kagit-koyu)}
.bant-koyu{background:var(--bant-koyu);color:var(--kagit);--odak:var(--kagit)}
.bant-koyu h2,.bant-koyu h3{color:var(--kagit)}
.bant-koyu a{color:var(--kagit)}

/* Kemer sembolü */
.bant-koyu .kemer{--logo-tas:var(--kagit)}
:root[data-theme="dark"] .bant-koyu .kemer{--logo-tas:var(--murekkep)}

/* ---------- 3. Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;
  border-radius:var(--r-1);font:600 var(--t-govde)/1.2 var(--f-metin);text-decoration:none;cursor:pointer;
  border:1.5px solid transparent;-webkit-tap-highlight-color:transparent;
  transition:transform var(--s-bas) var(--e-cikis),background-color var(--s-kucuk) ease,border-color var(--s-kucuk) ease,color var(--s-kucuk) ease}
.btn:active{transform:scale(.97)}
.btn svg{width:20px;height:20px;flex:none}
.btn--ana{background:var(--yesil);color:var(--vurgu-ustu)}
.btn--ikincil{background:transparent;color:var(--yesil);border-color:var(--yesil)}
.btn--tam{width:100%}
.bant-koyu .btn--ana{background:var(--kagit);color:var(--bant-koyu)}
.bant-koyu .btn--ikincil{color:var(--kagit);border-color:var(--kagit)}
:root[data-theme="dark"] .bant-koyu .btn--ana{background:var(--yesil);color:var(--kagit)}
@media (hover:hover) and (pointer:fine){
  .btn--ana:hover{background:var(--yesil-hover)}
  .btn--ikincil:hover{background:color-mix(in srgb,var(--yesil) 8%,transparent)}
}
.link-ok{font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.link-ok::after{content:"→";transition:transform var(--s-kucuk) var(--e-cikis)}
@media (hover:hover) and (pointer:fine){.link-ok:hover::after{transform:translateX(3px)}}

/* ---------- 4. Üst menü ---------- */
.ust{position:sticky;top:0;z-index:40;background:var(--kagit);border-bottom:1px solid var(--cizgi);transition:border-color var(--s-kucuk) ease}
.ust.kaydi{border-bottom-color:var(--cizgi-guclu)}
.ust__ic{display:flex;align-items:center;justify-content:space-between;gap:var(--b-5);height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo svg{width:34px;height:auto}
.logo__yazi{font:700 22px/1 var(--f-baslik);letter-spacing:.08em;color:var(--yesil)}
.menu{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);list-style:none;padding:0}
.menu a{display:inline-flex;align-items:center;min-height:44px;font:600 var(--t-kucuk)/1 var(--f-metin);color:var(--murekkep);text-decoration:none;position:relative}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--pirinc);transform:scaleX(0);transform-origin:left;transition:transform var(--s-kucuk) var(--e-cikis)}
.menu a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.menu a:hover::after{transform:scaleX(1)}}
.ust__eylem{display:flex;gap:var(--b-2);align-items:center}
.ikon-btn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--r-1);border:1.5px solid var(--cizgi-guclu);background:transparent;color:var(--yesil);cursor:pointer}
.ikon-btn svg{width:22px;height:22px}
.menu-ac{display:none}
@media (max-width:1100px){
  .ust__ic{height:60px}
  .logo svg{width:28px}.logo__yazi{font-size:18px}
  .ust .menu,.ust .btn--ana{display:none}
  .menu-ac{display:inline-grid}
}
@media (min-width:1101px){.ust .wa-ikon{display:none}}

/* Mobil menü paneli */
.panel-menu{position:fixed;inset:0;z-index:60;background:var(--kagit);display:flex;flex-direction:column;
  padding:0 var(--kenar) calc(var(--b-5) + env(safe-area-inset-bottom));overflow-y:auto;
  transform:translateX(100%);visibility:hidden;transition:transform 220ms var(--e-cekmece),visibility 0s linear 220ms}
.panel-menu.acik{transform:none;visibility:visible;transition:transform var(--s-cekmece) var(--e-cekmece),visibility 0s}
.panel-menu__ust{display:flex;align-items:center;justify-content:space-between;height:60px;flex:none}
.panel-menu ul{list-style:none;padding:0;margin-top:var(--b-4)}
.panel-menu li a{display:flex;align-items:center;min-height:56px;font:600 26px/1.1 var(--f-baslik);color:var(--yesil);text-decoration:none;border-bottom:1px solid var(--cizgi)}
.panel-menu__alt{margin-top:auto;padding-top:var(--b-6);display:grid;gap:var(--b-2)}
body.kilitli{overflow:hidden}

/* ---------- 5. Hero: kemerin görünüşü ---------- */
.hero{padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,88px)}
.hero .izgara{align-items:start}
.hero__metin{grid-column:1/6;padding-top:clamp(0px,4vw,56px)}
.hero__cizim{grid-column:6/13;position:relative}
.hero h1{font-size:var(--t-dev);line-height:1.02;letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin-top:var(--b-4)}
.hero .giris{margin-top:var(--b-4);max-width:30ch}
.hero__eylem{margin-top:var(--b-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-3) var(--b-5)}
.hero .dipnot{margin-top:var(--b-5)}
.h-cizim{width:100%;height:auto;overflow:visible}
.h-cizim .tas{fill:var(--yesil)}
.h-cizim .kilit{fill:var(--pirinc)}
.h-cizim .doku{fill:url(#traverten)}
.h-cizim pattern ellipse{fill:var(--doku)}
.h-zemin{stroke:var(--murekkep);stroke-width:1.5}
.h-olcu{font:400 13px var(--f-metin);fill:var(--tas)}
.h-kilavuz{fill:none;stroke:var(--cizgi-guclu);stroke-width:1}
.h-not{font:italic 400 17px var(--f-baslik);fill:var(--yesil)}
.h-not--kilit{font-weight:600;fill:var(--murekkep)}
.h-no{display:none;font:600 15px var(--f-metin);fill:var(--kagit)}
.h-kilit-no{fill:var(--murekkep)}
.hero__rapor{position:absolute;left:37.5%;width:25%;top:46%;bottom:16%;overflow:hidden;display:block;text-decoration:none;color:inherit}
.hero__rapor .rapor-parca{transform:rotate(-2deg);transform-origin:top left;margin-top:6px}
.hero__liste{display:none}
@media (max-width:719px){
  .hero__metin,.hero__cizim{grid-column:1/-1}
  .hero__cizim{margin-top:var(--b-5);max-width:460px}
  .hero__eylem .btn--ana{width:100%}
  .h-notlar{display:none}.h-no{display:block}
  .hero__liste{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:var(--b-4);padding:0;list-style:none;counter-reset:t}
  .hero__liste li{counter-increment:t;font-size:var(--t-kucuk);display:flex;gap:8px}
  .hero__liste li::before{content:counter(t);font-weight:600;color:var(--yesil);min-width:1ch}
  .hero__liste li.kilit-madde{border-left:3px solid var(--pirinc);padding-left:6px;margin-left:-9px;font-weight:600}
}
/* Taşların oturması: oturum başına bir kez (html.hero-oynat, head'deki betik ekler) */
@media (prefers-reduced-motion:no-preference){
  .hero-oynat .h-tas{animation:tas-otur 360ms var(--e-cikis) both;animation-delay:calc(var(--i) * 55ms)}
  .hero-oynat .h-tas:has(.kilit){animation:kilit-otur 420ms cubic-bezier(.34,1.25,.64,1) both;animation-delay:470ms}
  .hero-oynat .h-kilavuz{stroke-dasharray:400;animation:cizgi-ciz 400ms var(--e-cikis) both 760ms}
  .hero-oynat .h-not{animation:belir 200ms ease both 960ms}
}
@media (prefers-reduced-motion:reduce){.hero-oynat .h-not{animation:belir 150ms ease both}}
@keyframes tas-otur{from{opacity:0;transform:translateY(-8px)}}
@keyframes kilit-otur{from{opacity:0;transform:translateY(-14px)}}
@keyframes cizgi-ciz{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes belir{from{opacity:0}}

/* ---------- 6. Üç söz şeridi ---------- */
.uc-soz{display:grid;grid-template-columns:5fr 4fr 3fr;gap:0;border-block:1px solid var(--cizgi-guclu)}
.uc-soz__madde{padding:var(--b-6) var(--b-5) var(--b-6) 0;display:grid;grid-template-columns:auto 1fr;gap:4px var(--b-4)}
.uc-soz__madde+.uc-soz__madde{padding-left:var(--b-5);border-left:1px solid var(--cizgi-guclu)}
.uc-soz__no{font:600 var(--t-h2)/1 var(--f-baslik);color:var(--yesil);grid-row:span 2}
.uc-soz h3{font-size:var(--t-h3)}
.uc-soz p{font-size:var(--t-kucuk);color:var(--tas-koyu)}
@media (max-width:899px){
  .uc-soz{grid-template-columns:1fr}
  .uc-soz__madde,.uc-soz__madde+.uc-soz__madde{padding:var(--b-5) 0;border-left:0}
  .uc-soz__madde+.uc-soz__madde{border-top:1px solid var(--cizgi-guclu)}
}

/* ---------- 7. Değer raporu (şablon kâğıdı) ---------- */
.rapor{position:relative;background:var(--belge);box-shadow:var(--g-belge);padding:clamp(20px,3.5vw,40px);color:var(--murekkep);
  font-size:var(--t-kucuk);max-width:640px;isolation:isolate}
.rapor::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.035;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .rapor::before{display:none}
.rapor--egik{transform:rotate(-1deg)}
.rapor__ust{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--b-4);padding-bottom:var(--b-3);border-bottom:2px solid var(--pirinc)}
.rapor__ust .logo svg{width:28px}.rapor__ust .logo__yazi{font-size:17px}
.rapor__no{text-align:right}
.rapor__bolum{padding-block:var(--b-4);border-bottom:1px solid var(--cizgi)}
.rapor__bolum:last-of-type{border-bottom:0}
.rapor__baslik{display:flex;align-items:baseline;gap:10px;font:600 var(--t-etiket)/1.2 var(--f-metin);letter-spacing:.1em;text-transform:uppercase;color:var(--tas);margin-bottom:var(--b-2)}
.rapor__baslik b{font-family:var(--f-baslik);font-size:15px;letter-spacing:0;color:var(--yesil)}
.rapor dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-3) var(--b-4)}
.rapor dt{font:600 11px/1.2 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;color:var(--tas)}
.rapor dd{font-weight:600;margin-top:2px}
.bos-deger{display:inline-block;min-width:4.5ch;border-bottom:1.5px dashed var(--cizgi-guclu);color:var(--tas);font-weight:400;letter-spacing:.1em}
.kilit-kutu{background:var(--acik-yesil);padding:var(--b-4);margin-inline:calc(-1 * var(--b-2))}
.kilit-kutu .rapor__baslik{color:var(--tas-koyu)}
.cubuk{position:relative;height:10px;background:var(--cizgi-guclu);margin:var(--b-5) 0 var(--b-3)}
.cubuk__aralik{position:absolute;left:22%;right:24%;top:0;bottom:0;background:var(--yesil);opacity:.35}
.cubuk__kilit{position:absolute;left:52%;top:-14px;width:14px;height:12px;background:var(--pirinc);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);transform:translateX(-50%)}
.uc-sayi{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--b-2)}
.uc-sayi span{display:block;font-size:12px;color:var(--tas-koyu)}
.uc-sayi b{font:600 20px/1.2 var(--f-baslik)}
.rapor table{width:100%;border-collapse:collapse;font-size:14px}
.rapor th{font:600 11px/1.2 var(--f-metin);letter-spacing:.06em;text-transform:uppercase;color:var(--tas);text-align:left;padding:6px 6px 6px 0;border-bottom:1px solid var(--cizgi-guclu)}
.rapor td{padding:7px 6px 7px 0;border-bottom:1px solid var(--cizgi)}
.rapor td.sag,.rapor th.sag{text-align:right}
.rapor__not{font:italic 400 16px/1.45 var(--f-baslik);color:var(--yesil);border-left:3px solid var(--yesil);padding-left:var(--b-3)}
.rapor__kaynak{font-size:var(--t-dipnot);color:var(--tas);padding-left:1.2em}
.rapor__imza{display:flex;justify-content:space-between;gap:var(--b-4);padding-top:var(--b-4);border-top:1px dashed var(--cizgi-guclu);margin-top:var(--b-2);font-size:13px;color:var(--tas)}
.rapor__imza b{display:block;color:var(--murekkep);font-size:var(--t-kucuk)}
.muhur{position:absolute;top:18px;right:18px;width:96px;height:96px;transform:rotate(-8deg);opacity:.9;mix-blend-mode:multiply;color:var(--yesil);pointer-events:none}
:root[data-theme="dark"] .muhur{mix-blend-mode:normal}
.muhur text{font:600 9.5px var(--f-metin);letter-spacing:.14em;fill:currentColor}
.muhur .m-ornek{font:700 12px var(--f-metin);letter-spacing:.16em}
.muhur.bas{animation:muhur-bas 260ms var(--e-cikis) both}
@keyframes muhur-bas{from{opacity:0;transform:scale(1.12) rotate(-14deg)}to{opacity:.9;transform:rotate(-8deg)}}
@media (prefers-reduced-motion:reduce){.muhur.bas{animation:belir 150ms ease both}}
.rapor__dip{font-size:var(--t-dipnot);color:var(--tas);margin-top:var(--b-3);max-width:640px}
.rapor-parca{background:var(--belge);box-shadow:var(--g-belge);padding:12px 12px 40px;font-size:11px}
.rapor-parca .rapor__ust{padding-bottom:6px}
.rapor-parca .logo svg{width:16px}.rapor-parca .logo__yazi{font-size:11px}
.rapor-parca .cubuk{height:6px;margin:16px 0 6px}.rapor-parca .cubuk__kilit{top:-9px;width:9px;height:8px}
@media (max-width:719px){
  .rapor dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rapor thead{display:none}
  .rapor tr{display:grid;grid-template-columns:1fr auto;padding:8px 0;border-bottom:1px solid var(--cizgi)}
  .rapor td{border:0;padding:1px 0}
  .rapor td:nth-child(n+3){grid-column:1/-1;font-size:13px;color:var(--tas)}
  .muhur{width:72px;height:72px;top:10px;right:10px}
}
/* Açıklamalı mod */
.acik-rapor{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--b-6);align-items:start}
.kenar-notlar{list-style:none;padding:0;display:grid;gap:var(--b-5);counter-reset:n}
.kenar-notlar li{counter-increment:n;display:grid;grid-template-columns:32px 1fr;gap:4px var(--b-3)}
.kenar-notlar li::before{content:counter(n);font:600 22px/1 var(--f-baslik);color:var(--yesil);grid-row:span 2}
.kenar-notlar h3{font-size:var(--t-h3)}
.kenar-notlar p{font-size:var(--t-kucuk)}
.kenar-notlar li.kilit-madde::before{color:var(--murekkep);background:var(--pirinc);width:24px;height:22px;display:grid;place-items:center;font-size:15px;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}
@media (max-width:899px){.acik-rapor{grid-template-columns:1fr}}

/* ---------- 8. Rozet, merdiven ---------- */
.rozet{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;font:600 var(--t-etiket)/1 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;
  clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);white-space:nowrap}
.rozet--usta{background:var(--pirinc);color:#1A1C1A}
.rozet--usta::before{content:"";width:10px;height:9px;background:#1A1C1A;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}
.rozet--kalfa{background:var(--yesil);color:var(--vurgu-ustu)}
.rozet--cirak{background:transparent;color:var(--yesil);box-shadow:inset 0 0 0 1.5px var(--yesil);clip-path:none;border-radius:2px}
.merdiven{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--b-2);list-style:none;padding:0}
.merdiven li{padding:var(--b-5) var(--b-4) var(--b-4);border:1.5px solid var(--yesil);background:var(--acik-yesil);color:var(--murekkep)}
.merdiven li:nth-child(1){min-height:200px}
.merdiven li:nth-child(2){min-height:250px;background:color-mix(in srgb,var(--yesil) 14%,var(--kagit))}
.merdiven li:nth-child(3){min-height:300px;background:var(--yesil);color:var(--vurgu-ustu);border-top:4px solid var(--pirinc)}
.merdiven h3{margin:var(--b-3) 0 var(--b-2)}
.merdiven li:nth-child(3) h3{color:var(--vurgu-ustu)}
.merdiven p{font-size:var(--t-kucuk)}
.merdiven li:nth-child(1) p,.merdiven li:nth-child(2) p{color:var(--tas-koyu)}
@media (max-width:719px){
  .merdiven{grid-template-columns:1fr}
  .merdiven li{min-height:0!important}
  .merdiven li:nth-child(3){order:-1}.merdiven li:nth-child(2){order:0}.merdiven li:nth-child(1){order:1}
}

/* ---------- 9. Kapılar (satıcı / alıcı) ---------- */
.kapilar{display:grid;grid-template-columns:7fr 5fr;gap:var(--b-5)}
.kapi{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:var(--b-4);border-radius:var(--r-2)}
.kapi p{max-width:44ch}
.kapi .btn{align-self:flex-start;margin-top:auto}
.kapi--satici{background:var(--bant-koyu);color:var(--kagit);--odak:var(--kagit)}
.kapi--satici h2{color:var(--kagit)}
.kapi--satici .etiket{color:var(--yesil-ust)}
.kapi--alici{border:1.5px solid var(--yesil)}
@media (max-width:899px){.kapilar{grid-template-columns:1fr}}

/* ---------- 10. İlan kartı + boş durum ---------- */
.ilan-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-5)}
@media (max-width:1023px){.ilan-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.ilan-izgara{grid-template-columns:1fr}}
.ilan-kart{position:relative;background:var(--belge);border:1px solid var(--cizgi);border-radius:var(--r-2);box-shadow:var(--g-kagit);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--s-kucuk) ease}
@media (hover:hover) and (pointer:fine){.ilan-kart:hover{border-color:var(--cizgi-guclu)}.ilan-kart:hover .ilan-kart__baslik a{text-decoration:underline}}
.ilan-kart__foto{position:relative;aspect-ratio:4/3;background:var(--acik-yesil);display:block}
.ilan-kart__foto img{width:100%;height:100%;object-fit:cover}
.ilan-kart__fotoyok{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:var(--tas-koyu)}
.ilan-kart__tur,.ilan-kart__rapor{position:absolute;top:12px;font:600 11px/1 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:2px}
.ilan-kart__tur{left:12px;background:var(--kagit);color:var(--yesil)}
.ilan-kart__rapor{right:12px;background:var(--yesil);color:var(--vurgu-ustu)}
.ilan-kart__ic{padding:var(--b-4) var(--b-4) var(--b-5);display:grid;gap:6px}
.ilan-kart__fiyat{font:600 26px/1.1 var(--f-baslik);color:var(--yesil);font-variant-numeric:tabular-nums}
.ilan-kart__fiyat small{font-size:15px;color:var(--tas)}
.ilan-kart__baslik{font:600 var(--t-govde)/1.35 var(--f-metin);color:var(--murekkep)}
.ilan-kart__baslik a{color:inherit;text-decoration:none}
.ilan-kart__baslik a::after{content:"";position:absolute;inset:0}
.ilan-kart__ozet{font-size:var(--t-kucuk);color:var(--tas)}
.ilan-kart__emsal{font-size:14px;background:var(--acik-yesil);color:var(--tas-koyu);padding:8px 10px;margin-top:4px}
.ilan-kart__emsal b{color:var(--murekkep)}
.ilan-kart__danisman{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tas);padding-top:8px;border-top:1px dashed var(--cizgi-guclu);margin-top:4px}
.ilan-kart[hidden]{display:none}

.bos-durum{text-align:center;max-width:560px;margin-inline:auto;padding-block:var(--b-6)}
.bos-durum__kemer{width:160px;margin:0 auto var(--b-5)}
.bos-durum__kemer{--logo-tas:none;--logo-cizgi:var(--cizgi-guclu);--logo-cizgi-k:1.2px}
.bos-durum h3{font-size:var(--t-h2);margin-bottom:var(--b-3)}
.bos-durum p{max-width:46ch;margin-inline:auto}
.bos-durum__eylem{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--b-3);margin-top:var(--b-5)}

.filtre{display:flex;flex-wrap:wrap;gap:var(--b-3);align-items:end;padding:var(--b-4) 0;border-block:1px solid var(--cizgi);margin-bottom:var(--b-6)}
.filtre label{display:grid;gap:4px;font:600 13px/1.2 var(--f-metin);color:var(--tas)}
.filtre select{min-height:44px;min-width:150px;font:400 16px var(--f-metin);color:var(--murekkep);background:var(--belge);border:1.5px solid var(--cizgi-guclu);border-radius:var(--r-1);padding:0 10px}

/* ---------- 11. Form ---------- */
.form{display:grid;gap:var(--b-5)}
.form--kagit{background:var(--belge);border:1px solid var(--cizgi);border-radius:var(--r-2);box-shadow:var(--g-kagit);padding:clamp(20px,3vw,32px)}
.alan{display:grid;gap:8px;border:0;padding:0;min-width:0}
.alan>label,.alan>legend{font:600 var(--t-kucuk)/1.3 var(--f-metin);color:var(--murekkep);padding:0}
.alan .yardim{font-size:13px;color:var(--tas)}
.alan input[type=text],.alan input[type=number],.alan input[type=email],.alan input[type=tel],.alan select,.alan textarea{
  width:100%;min-height:52px;font:400 16px/1.4 var(--f-metin);color:var(--murekkep);background:var(--belge);
  border:1.5px solid var(--cizgi-guclu);border-radius:var(--r-1);padding:12px 14px;transition:border-color var(--s-kucuk) ease}
.alan textarea{min-height:96px;resize:vertical}
.alan input:focus-visible,.alan select:focus-visible,.alan textarea:focus-visible{border-color:var(--yesil);outline-offset:1px}
.alan [aria-invalid="true"]{border-color:var(--kiremit)}
.hata{font-size:var(--t-kucuk);color:var(--kiremit);display:none}
.alan.hatali .hata{display:block}
.secim{display:flex;flex-wrap:wrap;gap:8px}
.secim label{position:relative;cursor:pointer}
.secim input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.secim span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--cizgi-guclu);border-radius:var(--r-1);background:var(--belge);
  font:600 15px/1 var(--f-metin);color:var(--murekkep);transition:background-color var(--s-kucuk) ease,border-color var(--s-kucuk) ease,color var(--s-kucuk) ease}
.secim input:checked+span{background:var(--yesil);border-color:var(--yesil);color:var(--vurgu-ustu)}
.secim input:focus-visible+span{outline:2px solid var(--odak);outline-offset:2px}
.iki-alan{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-4)}
@media (max-width:479px){.iki-alan{grid-template-columns:1fr}}
.katlanir{border-top:1px dashed var(--cizgi-guclu);padding-top:var(--b-3)}
.katlanir summary{cursor:pointer;font-weight:600;color:var(--yesil);min-height:44px;display:flex;align-items:center}
.katlanir[open] summary{margin-bottom:var(--b-4)}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-kucuk);line-height:1.45;cursor:pointer;min-height:44px}
.onay input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--yesil)}
.form__dip{font-size:13px;color:var(--tas)}
.hata-ozet{display:none;border-left:3px solid var(--kiremit);padding:8px 12px;background:color-mix(in srgb,var(--kiremit) 8%,transparent);font-size:var(--t-kucuk)}
.hata-ozet.gorunur{display:block}

/* Cümle formu (masaüstü) */
.cumle{font:400 clamp(1.25rem,1.1rem + .7vw,1.625rem)/2.1 var(--f-baslik);color:var(--murekkep)}
.cumle select,.cumle input{font:600 1em/1.2 var(--f-baslik);color:var(--yesil);background:transparent;border:0;border-bottom:1.5px solid var(--cizgi-guclu);
  border-radius:0;padding:0 4px;min-height:44px;-webkit-appearance:none;appearance:none}
.cumle select{padding-right:22px;background:linear-gradient(45deg,transparent 50%,var(--yesil) 50%) right 8px center/6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--yesil) 50%) right 3px center/6px 6px no-repeat}
.cumle input{width:5ch}.cumle input.genis{width:9ch}
.cumle select:focus-visible,.cumle input:focus-visible{border-bottom:2px solid var(--yesil)}

/* Gönderim sonrası kâğıt notu */
.gonderildi{display:none;background:var(--belge);border:1px solid var(--cizgi);border-left:3px solid var(--yesil);padding:var(--b-5);position:relative}
.gonderildi.gorunur{display:block}
.gonderildi h3{margin-bottom:var(--b-2)}
.gonderildi__eylem{display:flex;flex-wrap:wrap;gap:var(--b-2);margin-top:var(--b-4)}
.gonderildi .ref{font:600 var(--t-dipnot) var(--f-metin);letter-spacing:.08em;color:var(--tas)}

/* ---------- 12. SSS ---------- */
.sss{border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi);transition:background-color var(--s-orta) ease}
.sss details[open]{background:var(--kagit-koyu)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--b-4);
  min-height:56px;padding:18px var(--b-4);font:600 19px/1.3 var(--f-baslik);color:var(--yesil)}
.sss summary::-webkit-details-marker{display:none}
.sss summary .arti{flex:none;width:18px;height:18px;position:relative}
.sss summary .arti::before,.sss summary .arti::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.75px;background:currentColor;margin-top:-1px}
.sss summary .arti::after{transform:rotate(90deg);transition:transform var(--s-kucuk) var(--e-cikis)}
.sss details[open] .arti::after{transform:rotate(90deg) scaleX(0)}
.sss .cevap{padding:0 var(--b-4) var(--b-5);max-width:68ch}
.sss .cevap p,.sss .cevap ul{font-size:var(--t-govde)}
.sss .cevap ul{padding-left:1.2em;margin-top:.6em}
@supports (interpolate-size:allow-keywords){
  @media (prefers-reduced-motion:no-preference){
    .sss details{interpolate-size:allow-keywords}
    .sss details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size var(--s-orta) var(--e-cikis),opacity var(--s-orta) ease,content-visibility var(--s-orta) allow-discrete}
    .sss details[open]::details-content{block-size:auto;opacity:1}
  }
}
.sss-grup{scroll-margin-top:96px}
.sss-grup+.sss-grup{margin-top:var(--b-8)}
.sss-grup>h2{font-size:var(--t-h3);margin-bottom:var(--b-4)}
.sss-grup>h2::before{content:"";display:block;width:24px;height:2px;background:var(--pirinc);margin-bottom:10px}
.icindekiler{position:sticky;top:96px;list-style:none;padding:0;display:grid;gap:2px}
.icindekiler a{display:flex;align-items:center;min-height:40px;font-weight:600;text-decoration:none}

/* ---------- 13. Sayfa başı, zaman çizgisi, belge ---------- */
.sayfa-basi{padding-block:clamp(40px,6vw,88px) clamp(32px,4vw,56px)}
.sayfa-basi .izgara{align-items:end}
.sayfa-basi__metin{grid-column:1/8}
.sayfa-basi__yan{grid-column:8/13}
.sayfa-basi h1{margin-top:var(--b-3)}
.sayfa-basi .giris{margin-top:var(--b-4)}
.zaman{list-style:none;padding:0 0 0 28px;position:relative;display:grid;gap:var(--b-6)}
.zaman::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--yesil)}
.zaman li{position:relative}
.zaman li::before{content:"";position:absolute;left:-28px;top:7px;width:12px;height:10px;background:var(--yesil);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}
.zaman li:last-child::before{background:var(--pirinc)}
.zaman h3{margin-bottom:6px}
.zaman .kim{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:var(--t-kucuk)}
.zaman .kim dt{font-weight:600;color:var(--tas)}
.belge{background:var(--belge);border:1px solid var(--cizgi);padding:clamp(24px,4vw,40px);box-shadow:var(--g-belge);position:relative}
.belge ol,.belge ul{padding-left:1.2em;display:grid;gap:8px;margin-top:var(--b-3)}
.belge__imza{margin-top:var(--b-6);padding-top:var(--b-3);border-top:1px dashed var(--cizgi-guclu);display:flex;justify-content:space-between;gap:var(--b-4);font-size:var(--t-dipnot);color:var(--tas)}
.belge__imza b{font:italic 400 18px var(--f-baslik);color:var(--yesil)}
.bedel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--b-4)}
.bedel__kalem{padding:var(--b-5);background:var(--belge);border:1px solid var(--cizgi)}
.bedel__kalem b{display:block;font:600 clamp(1.75rem,1.4rem + 1.4vw,2.5rem)/1.1 var(--f-baslik);color:var(--yesil);margin:6px 0}
.bedel__kalem p{font-size:var(--t-kucuk);color:var(--tas)}
.hesap{margin-top:var(--b-5);padding:var(--b-5);border:1.5px dashed var(--cizgi-guclu);display:grid;gap:var(--b-3)}
.hesap output{font:600 var(--t-h3)/1.3 var(--f-baslik);color:var(--yesil);font-variant-numeric:tabular-nums}
.liste-cizgi{list-style:none;padding:0;border-top:1px solid var(--cizgi)}
.liste-cizgi li{padding:var(--b-4) 0;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--b-4)}
.liste-cizgi li b{font-family:var(--f-baslik);color:var(--yesil);font-size:var(--t-h3);font-weight:600}
@media (max-width:719px){.liste-cizgi li{grid-template-columns:1fr;gap:4px}.sayfa-basi__metin,.sayfa-basi__yan{grid-column:1/-1}}

/* Kurucu mektubu */
.mektup{grid-column:3/11}
.mektup .not{font-size:var(--t-h3);margin-bottom:var(--b-4)}
.mektup__imza{margin-top:var(--b-5);font:italic 400 20px var(--f-baslik);color:var(--yesil)}
.mektup__imza span{display:block;font:400 var(--t-dipnot) var(--f-metin);font-style:normal;color:var(--tas)}
.olgular{grid-column:1/3;display:grid;gap:var(--b-5);align-content:start;list-style:none;padding:0}
.olgular b{display:block;font:600 32px/1 var(--f-baslik);color:var(--yesil);font-variant-numeric:tabular-nums}
.olgular span{font-size:13px;color:var(--tas)}
.alinti{font:italic 400 clamp(1.25rem,1.1rem + .6vw,1.5rem)/1.4 var(--f-baslik);color:var(--yesil);border-left:3px solid var(--pirinc);padding-left:var(--b-4);margin-block:var(--b-6)}
.bas-harf{width:min(100%,280px);aspect-ratio:1/1.08;background:var(--acik-yesil);display:grid;place-items:center;
  border-radius:50% 50% 0 0 / 42% 42% 0 0;font:600 clamp(56px,8vw,96px)/1 var(--f-baslik);color:var(--yesil);margin-left:auto}
@media (max-width:899px){.mektup,.olgular{grid-column:1/-1}.olgular{grid-template-columns:repeat(3,1fr)}.bas-harf{margin-inline:0;width:180px}}

/* Uyarı kutusu (ne değildir) */
.degil{background:var(--kagit-koyu);border-left:3px solid var(--tas);padding:var(--b-5)}
.degil ul{padding-left:1.2em;margin-top:var(--b-2);display:grid;gap:6px}

/* ---------- 14. İletişim şeridi + alt bilgi ---------- */
.seritt{background:var(--kagit-koyu);padding-block:var(--b-7)}
.seritt .kap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--b-4)}
.seritt p{font:600 var(--t-h3)/1.3 var(--f-baslik);color:var(--yesil)}
.seritt__eylem{display:flex;flex-wrap:wrap;gap:var(--b-2)}
@media (max-width:719px){.seritt__eylem{width:100%;flex-direction:column}.seritt__eylem .btn{width:100%}}
.alt{background:var(--bant-koyu);color:var(--kagit);padding-block:var(--b-8) var(--b-6);--odak:var(--kagit)}
:root[data-theme="dark"] .alt{border-top:1px solid var(--cizgi)}
.alt a{color:var(--kagit)}
.alt__ust{display:grid;grid-template-columns:4fr 3fr 3fr 3fr;gap:var(--b-6)}
.alt .logo{flex-direction:column;align-items:flex-start;gap:8px}
.alt .logo svg{width:52px}.alt .logo__yazi{color:var(--kagit);font-size:24px}
:root[data-theme="dark"] .alt .logo__yazi{color:var(--murekkep)}
.alt .kemer{--logo-tas:var(--kagit)}
:root[data-theme="dark"] .alt .kemer{--logo-tas:var(--murekkep)}
.alt__slogan{font:italic 400 20px var(--f-baslik);margin-top:var(--b-3);color:var(--kagit)}
.alt h2{font:600 var(--t-etiket)/1.2 var(--f-metin);letter-spacing:.1em;text-transform:uppercase;color:var(--yesil-ust);margin-bottom:var(--b-3)}
.alt ul{list-style:none;padding:0;display:grid;gap:2px}
.alt ul a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
@media (hover:hover) and (pointer:fine){.alt ul a:hover{text-decoration:underline}}
.alt address{font-style:normal;display:grid;gap:6px;font-size:var(--t-kucuk)}
.alt__yasal{margin-top:var(--b-7);padding-top:var(--b-5);border-top:1px solid color-mix(in srgb,var(--pirinc) 70%,transparent);display:grid;gap:var(--b-3);font-size:var(--t-dipnot);color:var(--yesil-ust)}
.alt__yetki{font:600 var(--t-kucuk)/1.4 var(--f-metin);color:var(--kagit);letter-spacing:.02em}
.alt__satir{display:flex;flex-wrap:wrap;gap:var(--b-2) var(--b-5);align-items:center}
.alt__satir a{color:var(--yesil-ust)}
.tema{display:inline-flex;border:1px solid color-mix(in srgb,var(--kagit) 30%,transparent);border-radius:var(--r-1);overflow:hidden}
.tema button{background:transparent;border:0;color:var(--yesil-ust);font:600 12px var(--f-metin);padding:0 10px;min-height:32px;cursor:pointer}
.tema button[aria-pressed="true"]{background:color-mix(in srgb,var(--kagit) 16%,transparent);color:var(--kagit)}
.piyasa{margin-top:var(--b-4);font-size:var(--t-kucuk);color:var(--yesil-ust)}
@media (max-width:899px){.alt__ust{grid-template-columns:1fr 1fr}.alt__ust>:first-child{grid-column:1/-1}}
@media (max-width:479px){.alt__ust{grid-template-columns:1fr}}

/* Mobil alt eylem çubuğu (ilan detayı) */
.alt-cubuk{display:none}
@media (max-width:719px){
  .alt-cubuk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:var(--b-2);align-items:center;justify-content:space-between;
    padding:10px var(--kenar) calc(10px + env(safe-area-inset-bottom));background:var(--kagit);border-top:1px solid var(--cizgi-guclu)}
  .alt-cubuk .fiyat{font:600 20px var(--f-baslik);color:var(--yesil)}
  body.cubuklu{padding-bottom:76px}
}

/* İlan detayı */
.ilan-detay{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--b-6);align-items:start}
.ilan-detay__kutu{position:sticky;top:96px}
.ozellik{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--b-3);margin-block:var(--b-4)}
.ozellik dt{font:600 11px/1.2 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;color:var(--tas)}
.ozellik dd{font-weight:600}
@media (max-width:899px){.ilan-detay{grid-template-columns:1fr}.ilan-detay__kutu{position:static}}

/* 404 */
.yok{text-align:center;padding-block:var(--b-9)}
.yok .kemer{width:120px;margin:0 auto var(--b-5)}
.yok .giris{margin-inline:auto}

/* ---------- 15. Yazı (piyasa notu) ---------- */
.yazi{max-width:820px;padding-bottom:var(--bolum)}
.yazi .sayfa-basi{padding-bottom:var(--b-5)}
.yazi__govde{font-size:var(--t-govde)}
.yazi__govde>p:first-child{font:italic 400 var(--t-giris)/1.5 var(--f-baslik);color:var(--tas)}
.yazi__govde h2{font-size:var(--t-h2);margin:var(--b-8) 0 var(--b-4)}
.yazi__govde h2::before{content:"";display:block;width:48px;height:2px;background:var(--pirinc);margin-bottom:var(--b-3)}
.yazi__govde h3{margin:var(--b-6) 0 var(--b-3)}
.yazi__govde p,.yazi__govde ul{max-width:68ch}
.yazi__govde ul{padding-left:1.2em;display:grid;gap:8px;margin-block:var(--b-3)}
.yazi__govde p+p{margin-top:.9em}
.yazi__govde * + p{margin-top:.9em}
.tablo-kap{overflow-x:auto;margin-block:var(--b-4);-webkit-overflow-scrolling:touch}
.yazi table{border-collapse:collapse;width:100%;font-size:var(--t-kucuk);min-width:520px;background:var(--belge)}
.yazi th{text-align:left;font:600 12px/1.2 var(--f-metin);letter-spacing:.06em;text-transform:uppercase;color:var(--tas);padding:10px 12px;border-bottom:1.5px solid var(--cizgi-guclu)}
.yazi td{padding:10px 12px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.yazi .degil{margin-block:var(--b-7)}
.yazi .degil>p:first-child{font:600 var(--t-h3) var(--f-baslik);color:var(--yesil);font-style:normal}
.dn{text-decoration:none;font-weight:600;padding:0 2px}
.dipnotlar{font-size:var(--t-dipnot);color:var(--tas);padding-left:1.6em;display:grid;gap:6px;margin-top:var(--b-4)}
.dipnotlar a{color:var(--tas);word-break:break-word}
.yazi__son{margin-top:var(--b-7)}
.not-listesi li{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:baseline}
.not-listesi a{text-decoration:none}

/* ---------- 16. Sayfa bileşenleri ---------- */
mark.eksik{background:#F6E7A8;color:#3B3000;padding:1px 6px;border-radius:2px;font:600 .85em/1.4 var(--f-metin);border:1px dashed #C9A227;white-space:normal}
mark.eksik::before{content:"Eksik: ";font-weight:400}
.mini{display:grid;gap:var(--b-4);width:100%;max-width:520px}
.mini__satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--b-4);align-items:end}
.mini__alan{display:grid;gap:6px;border:0;padding:0;margin:0;min-width:0}
.mini__alan>span,.mini__alan legend{font:600 var(--t-kucuk)/1.2 var(--f-metin);padding:0;margin-bottom:6px}
.mini select{min-height:48px;font:400 16px var(--f-metin);color:var(--murekkep);background:var(--belge);border:1.5px solid var(--cizgi-guclu);border-radius:var(--r-1);padding:0 10px;width:100%}
.mini .btn{justify-self:start}
@media (max-width:539px){.mini__satir{grid-template-columns:1fr}.mini .btn{width:100%}}
.bant-koyu .mini__alan>span,.bant-koyu .mini__alan legend{color:var(--kagit)}
.bant-koyu .secim span{background:transparent;color:var(--kagit);border-color:color-mix(in srgb,var(--kagit) 45%,transparent)}
.bant-koyu .secim input:checked+span{background:var(--kagit);color:var(--bant-koyu);border-color:var(--kagit)}
.hero__rapor-satir{height:5px;background:var(--cizgi);margin-top:7px}
.hero__rapor-satir.kisa{width:60%}
.hero__kilit-notu{position:absolute;right:0;top:-6px;max-width:23ch;font-size:15px;text-align:right;display:none}
.tikli{list-style:none;padding:0;margin-top:var(--b-4);display:grid;gap:8px}
.tikli li{padding-left:22px;position:relative}
.tikli li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:8px;background:var(--yesil);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}
.adimlar{list-style:none;padding:0;margin-top:var(--b-6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--cizgi-guclu)}
.adimlar li{padding:var(--b-5) var(--b-5) var(--b-5) 0}
.adimlar li+li{padding-left:var(--b-5);border-left:1px solid var(--cizgi-guclu)}
.adimlar__no{display:block;font:600 var(--t-h1)/1 var(--f-baslik);color:var(--yesil);margin-bottom:var(--b-3)}
.adimlar h3{margin-bottom:6px}
@media (max-width:799px){.adimlar{grid-template-columns:1fr}.adimlar li,.adimlar li+li{padding:var(--b-5) 0;border-left:0;border-bottom:1px solid var(--cizgi-guclu)}}
.belge-no{margin-top:var(--b-5);padding:var(--b-4);border:1.5px solid var(--yesil);font-size:var(--t-kucuk);display:inline-block}
.belge-no b{font:600 var(--t-h3) var(--f-baslik);color:var(--yesil)}
.kurallar{list-style:none;padding:0;counter-reset:k;margin-top:var(--b-3);border-top:1px solid var(--cizgi)}
.kurallar li{counter-increment:k;display:grid;grid-template-columns:40px 1fr;align-items:baseline;padding:var(--b-3) 0;border-bottom:1px solid var(--cizgi);font:600 var(--t-h3)/1.3 var(--f-baslik);color:var(--murekkep)}
.kurallar li::before{content:counter(k,decimal-leading-zero);font:600 13px var(--f-metin);color:var(--tas)}
.bedel-tablo{width:100%;border-collapse:collapse;background:var(--belge);font-variant-numeric:tabular-nums}
.bedel-tablo th,.bedel-tablo td{text-align:left;padding:var(--b-4);border-bottom:1px solid var(--cizgi);vertical-align:top}
.bedel-tablo thead th{font:600 12px/1.2 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;color:var(--tas);border-bottom:1.5px solid var(--cizgi-guclu)}
.bedel-tablo tbody th{font:600 var(--t-h3) var(--f-baslik);color:var(--yesil);width:22%}
.bedel-tablo b{color:var(--yesil)}
@media (max-width:639px){.bedel-tablo thead{display:none}.bedel-tablo tr{display:grid;padding:var(--b-3) 0;border-bottom:1px solid var(--cizgi)}.bedel-tablo th,.bedel-tablo td{border:0;padding:4px var(--b-4)}.bedel-tablo tbody th{width:auto}}
@media (min-width:1101px){.hero__kilit-notu{display:none}}
.kapi--satici .btn--ana{background:var(--kagit);color:var(--bant-koyu)}
:root[data-theme="dark"] .kapi--satici .btn--ana{background:var(--yesil);color:var(--kagit)}
.rapor__ust{padding-right:110px}
@media (max-width:719px){.rapor__ust{padding-right:80px}}
.mini__alan legend{float:left;width:100%}
.mini__alan legend+*{clear:both}
.yedek{margin-top:var(--b-6);padding:var(--b-5);border:1px dashed var(--cizgi-guclu);display:grid;gap:var(--b-3);justify-items:start}
.yedek h3{font-size:var(--t-govde)}
.bant-acik .yedek{border-color:color-mix(in srgb,var(--yesil) 35%,transparent)}
.belgeler{display:grid;gap:var(--b-4);margin-top:var(--b-4)}
.belgeler dt{font:600 12px/1.2 var(--f-metin);letter-spacing:.08em;text-transform:uppercase;color:var(--tas)}
.belgeler dd{margin-top:4px;font-weight:600}
.iletisim-buyuk{font:600 clamp(1.25rem,1.1rem + .8vw,1.75rem)/1.3 var(--f-baslik);text-decoration:none;word-break:break-word}
.neden-kemer{display:grid;grid-template-columns:96px 1fr;gap:var(--b-4);align-items:center;margin-top:var(--b-5);padding:var(--b-4);border:1px dashed var(--cizgi-guclu)}
.neden-kemer p{font-size:var(--t-kucuk)}
.sss-yan .icindekiler a{color:var(--murekkep)}
@media (max-width:719px){.sss-yan .icindekiler{position:static;display:flex;flex-wrap:wrap;gap:4px 16px}}
.yazi table{min-width:0}
@media (max-width:719px){.hero__rapor{display:none}.hero__liste{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---------- 17. Kalıcı WhatsApp butonu (kurucu isteği) ---------- */
.wa-sabit{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:35;
  display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:var(--r-1);
  background:var(--yesil);color:var(--vurgu-ustu);font:600 var(--t-govde)/1 var(--f-metin);text-decoration:none;
  box-shadow:0 1px 0 rgb(26 28 26 / .1),0 10px 24px -10px rgb(26 28 26 / .55);
  border-top:3px solid var(--pirinc);transition:transform var(--s-bas) var(--e-cikis),background-color var(--s-kucuk) ease}
.wa-sabit svg{width:22px;height:22px;flex:none}
.wa-sabit:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.wa-sabit:hover{background:var(--yesil-hover)}}
.wa-sabit__kisa{display:none}
@media (max-width:719px){
  .wa-sabit{padding:0 16px 0 14px;min-height:48px}
  .wa-sabit__uzun{display:none}.wa-sabit__kisa{display:inline}
  body.cubuklu .wa-sabit{display:none}
}
body.kilitli .wa-sabit{display:none}
.alt{padding-bottom:calc(var(--b-6) + 64px)}