/* Aytunç Güney — Hukuk ve Danışmanlık · public site v2 · direction A "Lake Yeşili".
   Green bands + ivory paper; gold only as hairlines, numbers and small labels. Native scrolling, no viewport-height JS,
   small-viewport units (svh) with fixed fallbacks. Layering budget: sticky header (z 50), phone bottom bar (z 40), dialog (top layer). */
:root{
  --lake:#05110b; --g900:#0a2219; --g700:#1d4a36;
  --ivory:#f6f2e9; --paper:#fbf8f1;
  --gold-l:#dcbb7a; --gold:#c9a15a; --gold-d:#7d5f30;
  --ink:#0f2a1f; --ink-2:#3d5348; --iv-2:rgba(246,242,233,.76);
  --hair-d:rgba(201,161,90,.30); --hair-l:rgba(125,95,48,.26);
  --f-d:"Bodoni Moda",Didot,"Times New Roman",serif;
  --f-t:"Newsreader",Georgia,serif;
  --f-u:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-m:"Geist Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --hd:64px; --bar:64px; --pad:16px;
}
@media (min-width:600px){:root{--pad:32px}}
@media (min-width:960px){:root{--hd:76px; --bar:0px; --pad:48px}}
@media (min-width:1280px){:root{--pad:64px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--lake);color:var(--ink);font-family:var(--f-t);font-size:18px;line-height:1.6;
  font-optical-sizing:auto;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom,0px))}
@media (min-width:960px){body{font-size:19px;padding-bottom:0}}
img{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{overflow-wrap:break-word}
[id]{scroll-margin-top:calc(var(--hd) + 16px)}
:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}
.light :focus-visible,.card :focus-visible,.form :focus-visible,.wa-dlg :focus-visible{outline-color:var(--g700)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ivory);color:var(--ink);padding:10px 14px;font:500 14px var(--f-u)}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.dark{background:var(--g900);color:var(--ivory)}
.deep{background:var(--lake);color:var(--ivory)}
.light{background:var(--ivory);color:var(--ink)}
.sec{padding-block:clamp(72px,9vw,152px)}
.sec-s{padding-block:clamp(56px,6vw,104px)}
.gap-t{margin-top:28px}

/* 12-column grid */
.g12{display:grid;grid-template-columns:minmax(0,1fr);row-gap:28px}
@media (min-width:960px){
  .g12{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
  .c-eb{grid-column:1/4;padding-top:.7em}
  .c-main{grid-column:4/13}
  .c-full{grid-column:1/-1}
}

/* type */
.h1,.h2{font-family:var(--f-d);font-weight:400;margin:0;letter-spacing:-.012em;line-height:1.03}
.h1 em,.h2 em{font-style:italic;display:block}
.h1{font-size:clamp(2.75rem,1rem + 4vw,5.75rem)}
.h1-s{font-size:clamp(2.25rem,1.2rem + 2.8vw,4.25rem);line-height:1.06;max-width:16em}
.h2{font-size:clamp(2.5rem,1.2rem + 3vw,4.5rem)}
.h3{margin:0;font:400 clamp(1.5rem,1.3rem + .6vw,2rem)/1.2 var(--f-t);letter-spacing:-.005em}
.h3 .mono{font-size:13px;color:var(--gold-d);margin-left:6px;vertical-align:middle}
.lede{font-size:clamp(1.1875rem,1rem + .45vw,1.375rem);line-height:1.55;max-width:34em}
.body{max-width:36em}
.mute-d{color:var(--iv-2)}
.mute-l{color:var(--ink-2)}
.mono{font-family:var(--f-m);font-feature-settings:"tnum" 1}

/* eyebrow: gold small caps + hairline */
.eb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:500 12px/1.3 var(--f-u);letter-spacing:.18em;text-transform:uppercase;margin:0}
.eb .n{font-family:var(--f-m);letter-spacing:.04em;font-size:12px}
.eb i{display:block;width:40px;height:1px;background:currentColor;opacity:.55;flex:none}
.dark .eb,.deep .eb{color:var(--gold-l)}
.light .eb,.card .eb,.wa-dlg .eb{color:var(--gold-d)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;
  font:500 15px/1 var(--f-u);letter-spacing:.02em;text-decoration:none;border:1px solid transparent;border-radius:1px;cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s}
.btn .ar{font-family:var(--f-m);font-size:14px;transition:transform .2s}
.btn:hover .ar{transform:translateX(3px)}
.btn[disabled]{opacity:.55;cursor:default}
.btn-solid-d{background:var(--ivory);color:var(--ink)}
.btn-solid-d:hover{background:#fff}
.btn-line-d{border-color:rgba(220,187,122,.55);color:var(--ivory)}
.btn-line-d:hover{border-color:var(--gold-l)}
.btn-solid-l{background:var(--g900);color:var(--ivory)}
.btn-solid-l:hover{background:var(--g700)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
@media (max-width:959.98px){.ctas .btn{flex:1 1 auto}}

/* ───────── header (sticky, opaque; never over text at rest: [id] scroll-margin) ───────── */
.hd{position:sticky;top:0;z-index:50;background:var(--lake);color:var(--ivory);border-bottom:1px solid var(--hair-d)}
.hd-in{height:var(--hd);display:flex;align-items:center;justify-content:space-between;gap:24px}
.wm{display:flex;flex-direction:column;gap:5px;text-decoration:none;line-height:1;min-width:0}
.wm b{font:500 24px/1 var(--f-d);letter-spacing:.08em;white-space:nowrap}
.wm small{font:500 10px/1 var(--f-u);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l);white-space:nowrap}
@media (max-width:359.98px){.hd-in{gap:12px}.wm b{font-size:19px;letter-spacing:.05em}.wm small{font-size:9px;letter-spacing:.14em}}
.nav{display:none}
.nav a{font:450 14px/1 var(--f-u);letter-spacing:.02em;text-decoration:none;color:var(--iv-2);padding:10px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.nav a:hover{color:var(--ivory);border-bottom-color:var(--gold)}
.hd-r{display:flex;align-items:center;gap:12px;flex:none}
.hd-wa{display:none;min-height:42px;padding:0 18px;font-size:14px}
.menu-b{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 12px;background:none;border:0;color:var(--ivory);font:500 14px/1 var(--f-u);letter-spacing:.04em;cursor:pointer}
.menu-b .bars{display:grid;gap:5px;width:22px}
.menu-b .bars i{display:block;height:1px;background:var(--gold-l);transition:transform .2s}
.menu-b[aria-expanded="true"] .bars i:first-child{transform:translateY(3px) rotate(45deg)}
.menu-b[aria-expanded="true"] .bars i:last-child{transform:translateY(-3px) rotate(-45deg)}
@media (min-width:960px){.hd-wa{display:inline-flex}}
@media (min-width:1120px){
  .nav{display:flex;gap:28px}
  .menu-b{display:none}
}
.menu{position:absolute;left:0;right:0;top:100%;background:var(--lake);border-bottom:1px solid var(--hair-d);
  max-height:calc(100svh - var(--hd));max-height:calc(100dvh - var(--hd));overflow:auto;overscroll-behavior:contain}
.menu ol{list-style:none;margin:0;padding:8px 0 0}
.menu li a{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-top:1px solid var(--hair-d);text-decoration:none;font:400 24px/1.2 var(--f-t)}
.menu li:first-child a{border-top:0}
.menu li .mono{font-size:12px;color:var(--gold)}
.menu-foot{display:grid;gap:12px;padding:20px 0 28px;border-top:1px solid var(--hair-d);font:400 15px/1.5 var(--f-u);color:var(--iv-2)}
.menu-foot a{text-decoration:none;color:var(--ivory);padding-block:4px}
.menu-foot .tel{font-family:var(--f-m);font-size:16px}

/* ───────── hero ───────── */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair-d);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 55% at 50% 38%,rgba(201,161,90,.10),rgba(201,161,90,0) 70%)}
.hero-fig{margin:0;position:relative;height:380px;height:clamp(280px,48svh,460px);border-bottom:1px solid var(--hair-d)}
.hero-fig img{position:absolute;inset:16px 0 0 0;width:100%;height:calc(100% - 16px);object-fit:contain;object-position:center bottom}
.hero-txt{padding-block:32px 56px;min-width:0}
.hero-txt .eb{margin-bottom:28px}
.hero-txt .lede{margin-top:28px;color:var(--iv-2)}
.anno{list-style:none;margin:44px 0 0;padding:20px 0 0;border-top:1px solid var(--hair-d);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:560px}
.anno li{display:grid;gap:4px;align-content:start}
.anno b{font:500 12px/1 var(--f-m);color:var(--gold)}
.anno span{font:500 14px/1.3 var(--f-u)}
.anno em{font:italic 400 15px/1.35 var(--f-t);color:var(--iv-2)}
@media (min-width:960px){
  .hero::before{background:radial-gradient(42% 60% at 74% 42%,rgba(201,161,90,.11),rgba(201,161,90,0) 70%)}
  .hero-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-areas:"txt fig";column-gap:48px;
    min-height:760px;min-height:clamp(640px,calc(100svh - var(--hd)),980px)}
  .hero-txt{grid-area:txt;align-self:center;padding-block:56px}
  .hero-fig{grid-area:fig;height:auto;border-bottom:0}
  .hero-fig img{inset:28px 0 0 0;height:calc(100% - 28px)}
  .anno span{font-size:15px}
}

/* ───────── büro ───────── */
.buro-cols{display:grid;gap:22px;margin-top:40px}
@media (min-width:760px){.buro-cols{grid-template-columns:1fr 1fr;column-gap:40px}}
.quote{margin:56px 0 0;padding-left:24px;border-left:1px solid var(--gold-d);max-width:40em}
.quote blockquote{margin:0;font:italic 400 clamp(1.25rem,1.05rem + .6vw,1.625rem)/1.45 var(--f-t)}
.quote .la{display:block;margin-top:10px;font:italic 400 16px/1.5 var(--f-t);color:var(--ink-2)}
.quote figcaption{margin-top:14px;font:400 12px/1.4 var(--f-m);letter-spacing:.02em;color:var(--gold-d)}

/* ───────── home: alanlar index ───────── */
.al-head .body{margin-top:28px;color:var(--iv-2)}
.al-all{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:32px;text-decoration:none;font:500 15px/1.3 var(--f-u);padding:14px 0;border-bottom:1px solid var(--gold)}
.al-all .mono{font-size:12px;color:var(--gold-l);letter-spacing:.04em}
.idx{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.idx{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:64px}}
.idx>li{border-top:1px solid var(--hair-d)}
.idx>li:last-child{border-bottom:1px solid var(--hair-d)}
@media (min-width:960px){.idx>li:nth-child(5){border-bottom:1px solid var(--hair-d)}}
.area summary,.grp summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:baseline;column-gap:12px;padding:22px 0;cursor:pointer}
.area summary::-webkit-details-marker,.grp summary::-webkit-details-marker{display:none}
.area .num,.grp .num{font:400 13px/1 var(--f-m);color:var(--gold)}
.area .t,.grp .t{margin:0;font:400 clamp(1.3125rem,1.1rem + .5vw,1.625rem)/1.2 var(--f-t);letter-spacing:-.005em}
.cnt{font:400 12px/1 var(--f-m);white-space:nowrap;display:flex;align-items:center;gap:10px}
.dark .cnt{color:var(--gold-l)}
.light .cnt{color:var(--gold-d)}
.pm{position:relative;width:11px;height:11px;flex:none}
.pm::before,.pm::after{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:currentColor;transition:transform .2s}
.pm::after{transform:rotate(90deg)}
details[open] .pm::after{transform:rotate(0)}
.area .d{padding:0 0 24px 56px;color:var(--iv-2);font-size:17px;line-height:1.55;max-width:34em}
.more{display:inline-block;margin-top:12px;padding-block:6px;font:500 14px/1.3 var(--f-u);text-decoration:none;border-bottom:1px solid var(--hair-d)}
.dark .more{color:var(--ivory)}
.more:hover{border-bottom-color:var(--gold)}
@media (min-width:960px){
  .area summary,.grp summary{cursor:default;padding:26px 0 8px;grid-template-columns:48px minmax(0,1fr) auto}
  .area .d{padding:0 0 26px 60px}
  .pm{display:none}
}

/* ───────── çalışma biçimi ───────── */
.bc-sub{margin-top:28px}
.ilke{list-style:none;margin:0;padding:0;display:grid;gap:0}
@media (min-width:760px){.ilke{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}}
.ilke li{padding:24px 0 8px;border-top:1px solid var(--hair-l)}
.ilke .r{font:500 13px/1 var(--f-m);color:var(--gold-d)}
.ilke strong{display:block;margin:16px 0 10px;font:400 clamp(1.5rem,1.3rem + .5vw,1.875rem)/1.15 var(--f-t)}
.ilke p{color:var(--ink-2);font-size:17px}
.bc-plan{margin-top:clamp(36px,5vw,80px)}
.bc-intro{font:400 clamp(1.5rem,1.15rem + 1vw,2.125rem)/1.3 var(--f-t);max-width:26em;letter-spacing:-.005em}
.bc-intro em{color:var(--ink-2)}
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:0}
@media (min-width:640px){.steps{grid-template-columns:1fr 1fr;column-gap:32px}}
@media (min-width:1080px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{padding:22px 0 28px;border-top:1px solid var(--g900)}
.steps .mono{font-size:13px;color:var(--gold-d)}
.steps strong{display:block;margin:14px 0 8px;font:500 18px/1.3 var(--f-u);letter-spacing:.005em}
.steps p{font-size:17px;color:var(--ink-2)}
.bc-note{margin-top:clamp(24px,4vw,64px);padding-top:24px;border-top:1px solid var(--hair-l);row-gap:12px}
.lbl{margin:0;font:500 12px/1.3 var(--f-u);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
@media (min-width:960px){.bc-note .lbl{padding-top:.35em}}
.bc-note p+p{margin-top:10px}

/* ───────── söz bandı ───────── */
.soz-in{display:grid;gap:8px}
.soz-fig{margin:0;position:relative;height:360px;height:clamp(300px,44svh,420px)}
.soz-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.soz-fig::after{content:"";position:absolute;left:50%;bottom:0;width:min(260px,70%);height:1px;background:var(--hair-d);transform:translateX(-50%)}
.soz-txt{margin:0;padding-top:32px;min-width:0}
.soz blockquote{margin:0}
.soz .q{font:italic 400 clamp(2.25rem,1.2rem + 3.2vw,4.5rem)/1.08 var(--f-d);letter-spacing:-.01em;margin:0}
.soz .la{margin-top:24px;font:italic 400 clamp(1.125rem,1rem + .3vw,1.3125rem)/1.5 var(--f-t);color:var(--iv-2)}
.soz figcaption{margin-top:28px;padding-top:18px;border-top:1px solid var(--hair-d);font:400 12px/1.4 var(--f-m);letter-spacing:.03em;color:var(--gold-l);max-width:420px}
@media (min-width:960px){
  .soz-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:48px}
  .soz-txt{padding-top:0;grid-column:1;grid-row:1}
  .soz-fig{grid-column:2;grid-row:1;height:560px;height:clamp(460px,64svh,680px)}
}

/* ───────── avukat ───────── */
.card{background:var(--paper);color:var(--ink);border:1px solid var(--hair-l);padding:clamp(24px,4.5vw,72px);margin-top:clamp(20px,3vw,52px)}
.pr{display:grid;gap:40px}
@media (min-width:960px){.pr{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px}}
.pr-name{font:400 clamp(2rem,1.4rem + 1.6vw,3rem)/1.08 var(--f-d);margin:0;letter-spacing:-.01em}
.pr .eb{margin-top:18px}
.pr-bio{margin-top:32px;max-width:36em}
.pr-side{display:grid;gap:36px;align-content:start}
@media (min-width:960px){.pr-side{border-left:1px solid var(--hair-l);padding-left:40px}}
.pr-h{margin:0 0 12px;font:500 12px/1.2 var(--f-u);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
.pr-list{list-style:none;margin:0;padding:0}
.pr-list li{padding:9px 0;border-top:1px solid var(--hair-l);font:400 16px/1.4 var(--f-u)}
.pr-list li:last-child{border-bottom:1px solid var(--hair-l)}
@media (min-width:600px) and (max-width:959.98px){.pr-list.two{columns:2;column-gap:32px}.pr-list.two li{break-inside:avoid}}

/* ───────── iletişim ───────── */
.il-grid{display:grid;gap:56px;margin-top:clamp(20px,3vw,52px)}
@media (min-width:960px){.il-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}}
.ct{margin:0;display:grid;min-width:0}
.ct>div{padding:18px 0;border-top:1px solid var(--hair-d);display:grid;gap:6px}
.ct>div:last-child{border-bottom:1px solid var(--hair-d)}
.ct dt{font:500 11px/1.2 var(--f-u);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l)}
.ct dd{margin:0;font-size:18px;line-height:1.5}
.ct dd a{text-decoration:none;border-bottom:1px solid var(--hair-d)}
.ct dd a:hover{border-bottom-color:var(--gold-l)}
.ct .tel{font-family:var(--f-m);font-size:20px;letter-spacing:.01em}
.ct .brk{overflow-wrap:anywhere}
.ct .sm{font:500 14px/1 var(--f-u);display:inline-block;margin-top:10px;padding-block:6px}
.wa-l{display:grid;gap:10px;margin-top:4px}
.ct .wa-l a{display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 15px/1.35 var(--f-u);padding:12px 14px;min-height:48px;border:1px solid var(--hair-d);text-decoration:none}
.ct .wa-l a:hover{border-color:var(--gold-l)}
.wa-l .mono{font-size:12px;color:var(--gold-l)}
.band-ct{margin-top:clamp(12px,2vw,28px)}
.form{background:var(--paper);color:var(--ink);padding:clamp(24px,3.5vw,48px);border-top:2px solid var(--gold);min-width:0}
.form-h{font:400 clamp(1.5rem,1.2rem + .8vw,2rem)/1.2 var(--f-t);margin:0 0 28px}
.fl{display:grid;gap:8px;margin-bottom:20px;min-width:0}
.fl>span{font:500 13px/1.2 var(--f-u);letter-spacing:.02em;color:var(--ink)}
.fl input,.fl select,.fl textarea{width:100%;min-width:0;font:400 16px/1.4 var(--f-u);color:var(--ink);background:#fff;border:1px solid rgba(15,42,31,.42);border-radius:1px;padding:13px 14px;min-height:50px;-webkit-appearance:none;appearance:none}
.fl select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px;text-overflow:ellipsis}
.fl textarea{min-height:128px;resize:vertical}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:2px solid var(--g700);outline-offset:0;border-color:var(--g700)}
.two{display:grid;gap:0}
@media (min-width:600px){.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%;margin-top:8px}
@media (min-width:600px){.form .btn{width:auto}}
.form-msg{min-height:1.4em;margin-top:12px;font:400 13px/1.4 var(--f-m);color:var(--g700)}
.form-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--hair-l);font:400 14px/1.55 var(--f-u);color:var(--ink-2)}
.form-note a{color:var(--g700)}

/* ───────── sub-page head band ───────── */
.ph{padding-block:clamp(40px,6vw,104px) clamp(48px,6vw,96px);border-bottom:1px solid var(--hair-d)}
.ph .eb{margin-top:32px;margin-bottom:24px}
.ph .lede{margin-top:28px}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font:400 12px/1.5 var(--f-m);letter-spacing:.02em}
.crumb li{display:flex;align-items:center;min-width:0}
.crumb li:not(:last-child)::after{content:"/";margin:0 10px;color:var(--gold)}
.crumb a{text-decoration:none;color:var(--iv-2);padding-block:6px}
.crumb a:hover{color:var(--ivory)}
.crumb [aria-current]{color:var(--gold-l)}
.lg-date{margin-top:20px;font-size:12px;color:var(--gold-l)}

/* ───────── practice-area index ───────── */
.ai{display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px}
.ai-count{font-size:12px;letter-spacing:.04em;color:var(--gold-d)}
.ai-nav{display:none}
@media (min-width:960px){
  .ai{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start}
  .ai-count{grid-column:1/-1}
  .ai-nav{display:block;position:sticky;top:calc(var(--hd) + 24px);max-height:calc(100svh - var(--hd) - 48px);overflow:auto}
  .ai-main{grid-column:2}
}
.ai-nav ol{list-style:none;margin:0;padding:0}
.ai-nav a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:11px 0;border-top:1px solid var(--hair-l);text-decoration:none;font:400 15px/1.35 var(--f-u)}
.ai-nav li:last-child a{border-bottom:1px solid var(--hair-l)}
.ai-nav .mono{font-size:12px;color:var(--gold-d)}
.ai-nav a:hover span:nth-child(2){text-decoration:underline;text-underline-offset:3px}
.search{display:grid;gap:8px;margin-bottom:28px}
.search span{font:500 12px/1.2 var(--f-u);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
.search input{width:100%;min-width:0;font:400 16px/1.4 var(--f-u);color:var(--ink);background:#fff;border:1px solid rgba(15,42,31,.42);border-radius:1px;padding:13px 14px;min-height:50px;-webkit-appearance:none;appearance:none}
.search input:focus{outline:2px solid var(--g700);outline-offset:0;border-color:var(--g700)}
.ai-empty{margin:0 0 24px;font-size:14px;color:var(--ink-2)}
.grps{list-style:none;margin:0;padding:0}
.grp{border-top:1px solid var(--hair-l)}
.grp:last-child{border-bottom:1px solid var(--hair-l)}
.grp .num{color:var(--gold-d)}
.grp-b{padding:0 0 28px 56px}
@media (min-width:960px){.grp-b{padding-left:60px}}
.grp-d{color:var(--ink-2);font-size:17px;line-height:1.55;max-width:36em}
.light .more{color:var(--ink);border-bottom-color:var(--hair-l)}
.light .more:hover{border-bottom-color:var(--g700)}
.brl{list-style:none;margin:16px 0 0;padding:0}
.brl a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:14px 0;border-top:1px solid var(--hair-l);text-decoration:none}
.brl .mono{grid-row:1/3;font-size:12px;color:var(--gold-d);padding-top:.35em}
.brl .bt{font:500 17px/1.35 var(--f-u)}
.brl .bd{font-size:16px;line-height:1.5;color:var(--ink-2)}
.brl a:hover .bt{text-decoration:underline;text-underline-offset:3px}
@media (max-width:599.98px){.grp-b{padding-left:0}}
.note{margin-top:32px;font:400 14px/1.55 var(--f-u);color:var(--ink-2);max-width:48em}

/* ───────── category + branch pages ───────── */
.prose p{max-width:36em}
.prose p+p{margin-top:1.1em}
.sub-h{margin-top:clamp(28px,4vw,56px);padding-top:20px;border-top:1px solid var(--hair-l)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (min-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card-a{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;height:100%;padding:22px 22px 18px;background:var(--paper);border:1px solid var(--hair-l);text-decoration:none;transition:border-color .2s}
.card-a:hover{border-color:var(--g700)}
.card-a .mono{font-size:12px;color:var(--gold-d)}
.card-a strong{font:400 22px/1.25 var(--f-t)}
.card-a .cd{font-size:16px;line-height:1.5;color:var(--ink-2)}
.card-a .ar{font-family:var(--f-m);font-size:14px;color:var(--g700);justify-self:end}
.mods{margin:0;display:grid}
.mods>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:20px 0;border-top:1px solid var(--hair-l)}
.mods>div:last-child{border-bottom:1px solid var(--hair-l)}
@media (min-width:960px){.mods>div{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}.mods dt{grid-column:1/4}.mods dd{grid-column:4/13}}
.mods dt{font:500 12px/1.4 var(--f-u);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.mods dt .mono{letter-spacing:.04em}
.mods dd{margin:0;max-width:40em}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font:400 15px/1.35 var(--f-u);padding:7px 12px;border:1px solid var(--hair-l);background:var(--paper)}
.dl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px}
@media (min-width:760px){.dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dl li{padding:12px 0 12px 22px;border-top:1px solid var(--hair-l);position:relative;font-size:17px;line-height:1.45}
.dl li::before{content:"";position:absolute;left:0;top:1.15em;width:10px;height:1px;background:var(--gold-d)}
.rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:700px){.rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.rel{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rel a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;height:100%;padding:12px 16px;border:1px solid var(--hair-l);text-decoration:none;font:500 15px/1.35 var(--f-u)}
.rel a:hover{border-color:var(--g700)}
.rel .ar{font-family:var(--f-m);color:var(--g700)}
.pn{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:clamp(32px,4vw,56px)}
@media (min-width:760px){.pn{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.pn a{display:grid;gap:8px;align-content:start;padding:18px 20px;border:1px solid var(--hair-l);text-decoration:none;background:var(--paper)}
.pn a:hover{border-color:var(--g700)}
.pn .mono{font-size:12px;color:var(--gold-d)}
.pn b{font:400 19px/1.3 var(--f-t)}
@media (min-width:760px){.pn .r{text-align:right}.pn .mid{text-align:center}}

/* ───────── legal ───────── */
.lg{display:grid;grid-template-columns:minmax(0,1fr);row-gap:32px}
@media (min-width:960px){
  .lg{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:56px;align-items:start}
  .lg-toc{position:sticky;top:calc(var(--hd) + 24px);max-height:calc(100svh - var(--hd) - 48px);overflow:auto}
}
.lg-toc>p{margin-bottom:10px;font-size:12px;letter-spacing:.04em;color:var(--gold-d)}
.lg-toc ol{margin:0;padding:0 0 0 1.4em;font:400 15px/1.45 var(--f-u)}
.lg-toc li{padding:5px 0}
.lg-toc a{text-decoration:none}
.lg-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.lg-body{min-width:0;max-width:44em}
.lg-body section+section{margin-top:clamp(36px,4vw,56px);padding-top:28px;border-top:1px solid var(--hair-l)}
.lg-body h2{margin:0 0 18px;font:400 clamp(1.5rem,1.3rem + .6vw,2rem)/1.2 var(--f-t)}
.lg-body h2 small{display:block;margin-bottom:10px;font:400 12px/1 var(--f-m);letter-spacing:.04em;color:var(--gold-d)}
.lg-body h3{margin:24px 0 8px;font:500 17px/1.35 var(--f-u)}
.lg-body p+p,.lg-body ul+p,.lg-body p+ul,.lg-body table+p,.lg-body p+table,.lg-body p+dl{margin-top:14px}
.lg-body ul{margin:14px 0 0;padding-left:1.3em}
.lg-body li{margin:6px 0}
.lg-body a{color:var(--g700);overflow-wrap:anywhere}
.lg-dl{margin:18px 0 0;display:grid}
.lg-dl>div{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--hair-l)}
.lg-dl>div:last-child{border-bottom:1px solid var(--hair-l)}
@media (min-width:700px){.lg-dl>div{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:24px}}
.lg-dl dt{font-size:12px;letter-spacing:.04em;color:var(--gold-d);padding-top:.3em}
.lg-dl dd{margin:0;overflow-wrap:anywhere}
.lg-table{width:100%;border-collapse:collapse;font:400 15px/1.45 var(--f-u)}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--hair-l)}
.lg-table th{font:500 12px/1.3 var(--f-u);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d)}
.lg-table td{overflow-wrap:anywhere}
@media (max-width:699.98px){
  .lg-table thead{display:none}
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table td{display:block;width:100%}
  .lg-table tr{padding:10px 0;border-top:1px solid var(--hair-l)}
  .lg-table td{border:0;padding:4px 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px}
  .lg-table td::before{content:attr(data-h);font:500 11px/1.4 var(--f-u);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d)}
}

/* ───────── forwarder + 404 ───────── */
.fw{list-style:none;margin:0;padding:0;columns:1;column-gap:48px}
@media (min-width:760px){.fw{columns:2}}
.fw>li{break-inside:avoid;padding:14px 0 18px;border-top:1px solid var(--hair-l)}
.fw ul{list-style:none;margin:8px 0 0;padding:0;font:400 15px/1.5 var(--f-u)}
.fw ul a{display:inline-block;padding-block:3px}
.nf{padding-bottom:clamp(72px,9vw,152px)}

/* ───────── footer ───────── */
.ft{padding-block:clamp(64px,7vw,112px) 40px;border-top:1px solid var(--hair-d)}
.ft-q{margin:0;max-width:44em}
.ft-q blockquote{margin:0;font:italic 400 clamp(1.25rem,1.05rem + .6vw,1.625rem)/1.45 var(--f-t)}
.ft-q .la{display:block;margin-top:8px;font:italic 400 16px/1.5 var(--f-t);color:var(--iv-2)}
.ft-q figcaption{margin-top:14px;font:400 12px/1.4 var(--f-m);color:var(--gold-l)}
.ft-grid{display:grid;gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid var(--hair-d)}
@media (min-width:700px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
@media (min-width:1200px){.ft-grid{grid-template-columns:auto minmax(0,4fr) minmax(0,2fr) minmax(0,3fr);column-gap:48px}}
.ft .wm b{font-size:28px}
@media (max-width:359.98px){.ft .wm b{font-size:24px}}
.ft-adr{font:400 15px/1.6 var(--f-u);color:var(--iv-2);overflow-wrap:anywhere}
.ft-adr a{text-decoration:none;color:var(--ivory)}
.ft-adr .mono{font-size:14px}
.ft-links{list-style:none;margin:0;padding:0;display:grid;gap:4px;align-content:start;font:400 15px/1.4 var(--f-u)}
.ft-links a{display:inline-block;padding-block:6px;text-decoration:none;color:var(--iv-2)}
.ft-links a:hover{color:var(--ivory)}
.ft-legal{margin-top:48px;padding-top:20px;border-top:1px solid var(--hair-d);font:400 13px/1.55 var(--f-u);color:var(--iv-2)}

/* ───────── phone bottom bar (Ara · WhatsApp · Randevu); body reserves the same height ───────── */
.bbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--lake);border-top:1px solid var(--hair-d);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom,0px)}
.bbar a{height:var(--bar);display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:var(--ivory);font:500 15px/1 var(--f-u);letter-spacing:.02em;min-width:0}
.bbar a+a{border-left:1px solid var(--hair-d)}
.bbar svg{width:18px;height:18px;flex:none;stroke:var(--gold-l);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:359.98px){.bbar a{font-size:14px;gap:6px}}
.typing .bbar{display:none}
@media (min-width:960px){.bbar{display:none}}

/* ───────── WhatsApp chooser (<dialog>; bottom sheet on phones) ───────── */
.wa-dlg{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto}
.wa-dlg::backdrop{background:rgba(5,17,11,.62)}
.wa-in{padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--gold)}
.wa-t{margin:14px 0 8px;font:400 26px/1.2 var(--f-t)}
.wa-sub{margin:0 0 18px;font:400 15px/1.5 var(--f-u);color:var(--ink-2)}
.wa-opt{display:block;padding:16px 16px 18px;border:1px solid var(--hair-l);text-decoration:none;margin-bottom:10px;transition:border-color .2s,background-color .2s}
.wa-opt:hover{border-color:var(--g700);background:#fff}
.wa-opt strong{display:flex;justify-content:space-between;gap:12px;font:500 16px/1.3 var(--f-u)}
.wa-opt strong .mono{font-size:13px;color:var(--gold-d)}
.wa-opt span{display:block;margin-top:8px;font:italic 400 16px/1.45 var(--f-t);color:var(--ink-2)}
.wa-f{margin:6px 0 14px;font:400 12px/1.5 var(--f-m);color:var(--ink-2)}
.wa-f a{color:var(--g700)}
.wa-dlg form{margin:0}
.wa-x{width:100%;min-height:48px;background:none;border:1px solid rgba(15,42,31,.42);font:500 15px/1 var(--f-u);color:var(--ink);cursor:pointer}
@media (max-width:959.98px){
  .wa-dlg{width:100%;max-width:100%;margin:auto 0 0;border-radius:0}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* owner 06.10.2026: header section links in capitals; WhatsApp glyph in the header button */
.nav a{text-transform:uppercase;letter-spacing:.1em;font-size:12.5px}
.hd-wa{gap:9px}
.hd-wa .wa-g{width:19px;height:19px;flex:none;color:#25D366}

/* owner 06.10.2026: WhatsApp glyph on the contact WhatsApp lines */
.wa-l a .wa-g{width:20px;height:20px;flex:none;color:#25D366}
.wa-l a>span:not(.mono){flex:1;min-width:0}
/* owner 06.10.2026: running text justified ("sağdan soldan eşit"), Turkish hyphenation keeps word gaps even */
main p:not(.eb):not(.mono):not(.q):not(.la):not(.form-msg):not(.ai-count):not(.ai-empty):not(.lg-date),
main .prose li,main .lg-body li{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;overflow-wrap:normal;text-wrap:wrap}

/* owner 06.10.2026: home opening sentence fits without hyphens */
.hero-txt .lede{-webkit-hyphens:manual;hyphens:manual}

/* owner 07.10.2026: the two prefilled WhatsApp links also on the home hero, under the main buttons (same look as the contact rows) */
.hero-wa{margin-top:16px;max-width:560px}
.hero-wa a{display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 15px/1.35 var(--f-u);padding:12px 14px;min-height:48px;border:1px solid var(--hair-d);text-decoration:none;color:var(--ivory)}
.hero-wa a:hover{border-color:var(--gold-l)}

/* owner 07.10.2026 mobile review: below the desktop grid the hero WhatsApp rows take the same full width as the
   two main buttons above them (on tablets they stopped at 560px while the buttons ran edge to edge) */
@media (max-width:959.98px){.hero-wa{max-width:none}}
/* very narrow phones (<320px, e.g. folded screens): the "N alt dal" count moves under the area title so a long
   word ("Gayrimenkul") can never run into it */
@media (max-width:319.98px){
  .area summary,.grp summary{grid-template-columns:44px minmax(0,1fr)}
  .area summary .cnt,.grp summary .cnt{grid-column:2;margin-top:8px}
}