/* Beyaz zemin: açık tema sabit. Kartlar surface-2 (beyaz üstünde ayrışır). Bileşenler bundle.css'ten. */
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:19px;line-height:28px;font-weight:500}
a{color:inherit}
h1,h2,h3,p{margin:0}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:100;background:var(--ink);color:var(--on-ink);padding:8px 12px;border-radius:var(--radius-sm)}
.wrap{max-width:1080px;margin:0 auto;padding:0 var(--space-4)}
main{padding-bottom:96px}
.hb-list,.hb-card:not(.hb-card--ink){background:var(--surface-2)}
button.hb-row:active,a.hb-row:active{background:#e5e5ea}
.hb-filters .hb-chip{background:var(--surface-2)}
.hb-search--on-grouped{background:var(--surface-2)}
.hb-sheet{background:var(--bg)}
.hb-row__icon.num{font:800 16px/1 var(--font-display)}
.hb-row__title{font-size:18px}
.t-subhead{color:var(--ink-2)}
.lead{margin-top:var(--space-2);max-width:34em}
.hb-large-title{margin-top:56px}
.hb-list-label{margin-left:var(--space-4)}

/* gezinme */
a.hb-tab{text-decoration:none}
@media(min-width:760px){.hb-tabbar{display:none}main{padding-bottom:var(--space-10)}}

/* ana sayfa */
.herosec{padding-top:56px}
.herogrid{display:grid;gap:var(--space-6)}
.hero{font-size:56px;margin-top:var(--space-4)}
.herogrid .lead{margin-top:var(--space-6)}
.cta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.idcard{align-self:end}
.idcard .mark{width:auto;display:block;margin-bottom:var(--space-4)}
.hours{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:var(--space-2) 0 0;font:500 15px/21px var(--font-sans);color:var(--ink-2)}
.hours dd{margin:0;font-weight:700;color:var(--ink)}
.sec{margin-top:var(--space-10)}
.cols2{display:grid;gap:var(--space-4)}
.cols2.top{align-items:start}
.cols3{display:grid;gap:var(--space-10)}
.more{margin:var(--space-2) 0 0 var(--space-2)}
.cta-card{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-card .hb-card__title{font-size:32px}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:16px;min-height:60px;font:600 18px/24px var(--font-sans);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.faq summary .hb-row__chev{transition:transform var(--duration-base) var(--easing-spring)}
.faq details[open] summary .hb-row__chev{transform:rotate(90deg)}
.faq details p{padding:0 16px 16px;font:500 16px/24px var(--font-sans);color:var(--ink-2)}
.faq li+li details{border-top:.5px solid var(--separator)}
.cards{display:grid;gap:var(--space-4);margin-top:var(--space-6)}
.hb-card{align-items:flex-start}
.hb-card .hb-card__more{display:inline-flex}
.hb-card .hb-icon{width:18px;height:18px}
.prose{gap:var(--space-4);margin-top:var(--space-6)}
.prose p{font:500 17px/26px var(--font-sans)}

/* hesaplamalar */
.result{margin-top:var(--space-4);gap:var(--space-2)}
.result .big{font:800 36px/1.05 var(--font-display);letter-spacing:-.03em;word-break:break-word}
.result dl{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:8px 0 0;width:100%;font:500 15px/21px var(--font-sans);color:var(--ink-2)}
.result dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.hb-field select{-webkit-appearance:none;appearance:none}
.hb-field input,.hb-field select,.hb-field textarea{color-scheme:light}

/* iletişim */
.mapbox{position:relative;margin-top:var(--space-4);height:280px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapbox .hb-serit{background:var(--bg)}

/* sheet */
.hb-sheet[hidden],.hb-scrim[hidden]{display:none}
.sheet-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:var(--space-4)}
.hb-sheet pre{white-space:pre-wrap;word-break:break-word;font:500 14px/22px ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:var(--surface-2);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0}
.hb-sheet__body p{font:500 17px/26px var(--font-sans);margin-bottom:var(--space-4)}
.hb-sheet__body h3{font:800 20px/1.2 var(--font-display);letter-spacing:-.015em;margin:var(--space-6) 0 var(--space-2)}
.note{font:500 14px/20px var(--font-sans);color:var(--ink-2);background:var(--surface-2);padding:12px 16px;border-radius:var(--radius-sm)}
.bul{list-style:none;margin:0 0 var(--space-4);padding:0}
.bul li{padding:12px 0;border-bottom:.5px solid var(--separator);font:600 17px/24px var(--font-sans)}
.bul li:last-child{border:0}

/* açılış: monogram loader */
.splash{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;transition:opacity var(--duration-slow) var(--easing-standard)}
.splash[hidden]{display:none}
.splash.out{opacity:0;pointer-events:none}
.splash .hb-terazi{width:170px}

/* alt bilgi */
.site-foot{border-top:.5px solid var(--separator);padding:var(--space-10) 0 120px;margin-top:var(--space-10);color:var(--ink-2)}
.fgrid{display:grid;gap:var(--space-6)}
.foot-t{font:500 15px/21px var(--font-sans);color:var(--ink-2);margin-top:var(--space-2)}
.foot-t a{text-decoration:none}
.fnav{display:flex;flex-direction:column;gap:8px;font:600 15px/21px var(--font-sans)}
.fnav a{text-decoration:none;color:var(--ink-2)}
.fnav a:hover,.foot-t a:hover{color:var(--ink)}

@media(min-width:760px){
  .hero{font-size:clamp(56px,7vw,88px)}
  .herosec{padding-top:80px}
  .herogrid{grid-template-columns:1.6fr 1fr;gap:var(--space-10);align-items:end}
  .cols2{grid-template-columns:1fr 1fr}
  .cols3{grid-template-columns:repeat(3,1fr);gap:var(--space-4);align-items:start}
  .cards{grid-template-columns:repeat(3,1fr)}
  .cards .hb-card--ink{grid-column:1/-1}
  .fgrid{grid-template-columns:1.6fr 1fr 1.2fr}
  .site-foot{padding-bottom:var(--space-10)}
  .hb-large-title{margin-top:72px}
}
.cols3{margin-top:var(--space-6)}

/* canlı içerik gelene kadar yerleşik liste görünmez (yanıp sönmesin) */
.live-loading [data-live]{opacity:0}

[hidden]{display:none!important}

/* ======================= v4: premium ana sayfa ======================= */
:root{--sec:clamp(96px,12vw,176px)}
.sec-head{margin-bottom:clamp(32px,5vw,64px)}
.sec-head .t-subhead{margin-top:12px}
.sec-head.row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sec-head .t-large-title,.docs .t-large-title,.faqsec .t-large-title{font-size:clamp(38px,5.4vw,68px);line-height:1;margin:0}
main{padding-bottom:0}

/* beliren öğeler */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--easing-spring) var(--d,0s),transform .9s var(--easing-spring) var(--d,0s)}
[data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* şeffaf menü (ana sayfa) */

/* hero */
.hero-full{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#000;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;animation:kb 26s ease-out both}
@keyframes kb{from{transform:scale(1.1)}to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 55%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}
.hero-in,.hero-meta{position:relative;max-width:1320px;width:100%}
.hero-in{padding-top:140px;padding-bottom:56px}
.hero-h{font-size:clamp(50px,9.2vw,132px);margin-top:22px;max-width:9.5em;color:#fff}
.hero-sub{font:500 clamp(17px,1.6vw,21px)/1.5 var(--font-sans);color:rgba(255,255,255,.78);max-width:34em;margin-top:28px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.hero-btn{background:#fff;color:#0a0a0a}
.hero-btn-o{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.hero-meta{display:flex;gap:10px 36px;flex-wrap:wrap;padding-top:22px;padding-bottom:30px;margin:0 auto;border-top:.5px solid rgba(255,255,255,.28);font:600 14px/20px var(--font-sans);color:rgba(255,255,255,.78)}

/* vurgulu metin */
.statement{padding:var(--sec) 0}
.st-text{font:800 clamp(30px,5vw,68px)/1.08 var(--font-display);letter-spacing:-.03em;max-width:20em;margin-top:24px}
.st-text.split .w{color:#d1d1d6;transition:color .25s}
.st-text.split .w.on{color:var(--ink)}

/* çalışma alanları */
.areas{padding:0 0 var(--sec)}
.alist{list-style:none;margin:0;padding:0;border-top:.5px solid var(--separator)}
.arow{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(0,1fr) 40px;align-items:center;gap:16px;width:100%;padding:38px 8px;border:0;border-bottom:.5px solid var(--separator);background:none;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:padding var(--duration-slow) var(--easing-spring),background var(--duration-base)}
.arow:hover{background:var(--surface-2);padding-left:28px;padding-right:28px}
.arow:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.anum{font:700 15px/1 var(--font-sans);color:var(--ink-3);font-variant-numeric:tabular-nums}
.atit{font:800 clamp(28px,3.8vw,50px)/1.05 var(--font-display);letter-spacing:-.03em}
.adesc{font:500 17px/24px var(--font-sans);color:var(--ink-2)}
.aarr .hb-icon{width:28px;height:28px;transition:transform var(--duration-base) var(--easing-spring)}
.arow:hover .aarr .hb-icon{transform:translateX(6px)}
@media(max-width:759px){
  .arow{grid-template-columns:36px 1fr 28px;grid-template-areas:"n t a" ". d .";row-gap:8px;padding:28px 0}
  .anum{grid-area:n}.atit{grid-area:t}.aarr{grid-area:a}.adesc{grid-area:d}
  .arow:hover{padding-left:0;padding-right:0;background:none}
}

/* görsel bant (parallax) */
.band{position:relative;height:clamp(440px,72vh,760px);overflow:hidden;background:#000}
.band-img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;will-change:transform}
.band-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12))}
.band-in{position:relative;height:100%;display:flex;align-items:center}
.band-q{font:800 clamp(28px,4.6vw,62px)/1.08 var(--font-display);letter-spacing:-.03em;color:#fff;max-width:13em}

/* hakkında */
.about{padding:var(--sec) 0}
.about-grid{display:grid;gap:40px;align-items:center}
.about-img{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;background:#111}
.about-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-h{margin-top:16px;font-size:clamp(40px,5.4vw,72px)}
.about-p{font:500 clamp(18px,1.6vw,21px)/1.6 var(--font-sans);color:var(--ink-2);margin-top:24px;max-width:32em}
.facts2{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.facts2 li{padding:16px 0;border-top:.5px solid var(--separator)}
.facts2 span{display:block;font:700 12px/16px var(--font-sans);color:var(--ink-2)}
.facts2 b{font:700 18px/26px var(--font-sans)}

/* koyu bölümler */
.dark-sec{position:relative;background:#000;color:#fff;padding:var(--sec) 0;overflow:hidden}
.proc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.proc-shade{position:absolute;inset:0;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 42%,#000 100%)}
.dark-sec .wrap{position:relative}
.dark-sec .t-subhead{color:rgba(255,255,255,.66)}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:44px}
.steps3 li{border-top:.5px solid rgba(255,255,255,.32);padding-top:26px}
.bignum{display:block;font:900 clamp(72px,9vw,128px)/.9 var(--font-display);letter-spacing:-.05em;color:rgba(255,255,255,.2)}
.steps3 h3{font:800 clamp(24px,2.4vw,32px)/1.1 var(--font-display);margin:28px 0 12px;letter-spacing:-.02em}
.steps3 p{font:500 17px/26px var(--font-sans);color:rgba(255,255,255,.72);max-width:22em}

/* makaleler, dilekçeler, sss */
.articles{padding:var(--sec) 0}
.cards3{display:grid;gap:16px}
.cards3 .hb-card{min-height:340px}
.cards3 .hb-card--ink .hb-card__title{font-size:clamp(30px,3vw,38px)}
.docs{padding:0 0 var(--sec)}
.faqsec{padding:0 0 var(--sec)}
.docs-grid{display:grid;gap:40px;align-items:start}

/* kapanış */
.final-in{max-width:1320px}
.final-h{font-size:clamp(44px,8vw,116px);margin-top:20px;max-width:10em;color:#fff}
.phone{display:inline-block;margin-top:44px;font:800 clamp(28px,4.2vw,58px)/1.1 var(--font-display);letter-spacing:-.03em;text-decoration:none;color:#fff;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:4px}
.final-addr{margin-top:44px;color:rgba(255,255,255,.66);font:500 16px/24px var(--font-sans)}
.final .cta{margin-top:40px}

/* alt bilgi: siyah */
.site-foot{background:#000;border:0;margin-top:0;color:rgba(255,255,255,.66);padding:72px 0 120px}
.site-foot .foot-t,.site-foot .fnav a,.site-foot .foot-t a{color:rgba(255,255,255,.66)}
.site-foot .fnav a:hover,.site-foot .foot-t a:hover{color:#fff}

@media(min-width:760px){
  .about-grid{grid-template-columns:5fr 6fr;gap:clamp(48px,8vw,112px)}
  .steps3{grid-template-columns:repeat(3,1fr);gap:40px}
  .cards3{grid-template-columns:repeat(3,1fr)}
  .docs-grid{grid-template-columns:1fr 1.15fr;gap:clamp(40px,7vw,96px)}
  .site-foot{padding-bottom:56px}
}
/* iç sayfalar: daha ferah */
.hb-large-title{font-size:clamp(40px,5vw,60px)}
.cards{gap:20px}
.site-foot{border-top:.5px solid rgba(255,255,255,.16)}

/* ===== iç sayfa başlığı (görselli) ===== */
.phero{position:relative;min-height:clamp(380px,58vh,580px);display:flex;align-items:flex-end;color:#fff;background:#000;overflow:hidden}
.phero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 26s ease-out both}
.phero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}
.phero-in{position:relative;max-width:1320px;width:100%;padding-top:130px;padding-bottom:clamp(40px,6vw,72px)}
.phero-h{font-size:clamp(44px,7.4vw,104px);margin-top:18px;color:#fff;max-width:11em}
.phero-sub{font:500 clamp(17px,1.5vw,20px)/1.5 var(--font-sans);color:rgba(255,255,255,.78);max-width:34em;margin-top:22px}
.pagebody{padding-top:clamp(40px,6vw,80px)}

/* ===== büyük alt bilgi ===== */
.site-foot{padding:clamp(72px,9vw,128px) 0 clamp(120px,10vw,72px)}
.site-foot .wrap{max-width:1320px}
.foot-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px;padding-bottom:clamp(40px,5vw,72px);border-bottom:.5px solid rgba(255,255,255,.2)}
.foot-logo{height:clamp(44px,5vw,64px);width:auto;display:block}
.foot-mail{font:800 clamp(24px,3.6vw,52px)/1.1 var(--font-display);letter-spacing:-.03em;color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:4px;word-break:break-all}
.fgrid{display:grid;gap:40px;padding:clamp(40px,5vw,72px) 0}
.foot-h{font:700 13px/16px var(--font-sans);color:rgba(255,255,255,.5);margin:0 0 16px}
.site-foot .foot-t{font:500 17px/26px var(--font-sans);margin-top:0;margin-bottom:10px;color:rgba(255,255,255,.72)}
.site-foot .fnav{gap:12px;font:600 18px/26px var(--font-sans)}
.site-foot .fnav a{color:rgba(255,255,255,.82)}
.foot-tel{font:800 24px/1.2 var(--font-display);letter-spacing:-.02em;color:#fff!important}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 48px;padding-top:28px;border-top:.5px solid rgba(255,255,255,.2)}
.foot-bot .foot-t{font-size:14px;line-height:21px;color:rgba(255,255,255,.55);max-width:46em;margin:0}
@media(min-width:760px){.fgrid{grid-template-columns:1.3fr 1fr 1.1fr;gap:64px}}

/* ===== iletişim sayfası ===== */
.ccards{display:grid;gap:16px}
.ccard{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);min-height:260px;background:var(--surface-2);border-radius:var(--radius-lg);color:var(--ink);text-decoration:none;transition:background var(--duration-base),color var(--duration-base),transform var(--duration-base) var(--easing-spring)}
.ccard:hover{background:var(--ink);color:var(--on-ink)}
.ccard:active{transform:scale(.98)}
.ccard:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.cico{width:56px;height:56px;border-radius:16px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;transition:background var(--duration-base),color var(--duration-base)}
.cico .hb-icon{width:26px;height:26px}
.ccard:hover .cico{background:var(--on-ink);color:var(--ink)}
.clab{font:700 13px/16px var(--font-sans);opacity:.6;margin-top:8px}
.cval{font:800 clamp(26px,2.8vw,36px)/1.1 var(--font-display);letter-spacing:-.03em}
.cval-s{font-size:clamp(19px,1.8vw,24px);line-height:1.25;letter-spacing:-.02em;word-break:break-word}
.cact{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:700 16px/1 var(--font-sans)}
.cact .hb-icon{width:18px;height:18px;transition:transform var(--duration-base) var(--easing-spring)}
.ccard:hover .cact .hb-icon{transform:translateX(5px)}
.cform{display:grid;gap:48px;padding-top:clamp(64px,9vw,128px)}
.cform .t-large-title{font-size:clamp(34px,4.4vw,56px);line-height:1;margin:0}
.hrs{margin:0;border-top:.5px solid var(--separator)}
.hrs div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:.5px solid var(--separator)}
.hrs dt{font:500 17px/24px var(--font-sans);color:var(--ink-2)}
.hrs dd{margin:0;font:700 17px/24px var(--font-sans)}
.mapwide{position:relative;height:clamp(320px,44vw,520px);margin-top:clamp(64px,9vw,128px);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.mapwide iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapwide .hb-serit{background:var(--bg)}
.maplink{position:absolute;left:20px;bottom:20px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
@media(min-width:760px){
  .ccards{grid-template-columns:1fr 1fr 1.25fr}
  .cform{grid-template-columns:5fr 6fr;gap:clamp(48px,8vw,112px);align-items:start}
}

/* ===== detay sayfaları (makale / dilekçe / çalışma alanı) ===== */
.arow{text-decoration:none}
.dwrap{max-width:820px;padding-bottom:var(--sec)}
.back{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--font-sans);text-decoration:none;color:var(--ink-2);margin-bottom:32px}
.back .hb-icon{width:18px;height:18px;transform:rotate(180deg)}
.back:hover{color:var(--ink)}
.dmeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:600 15px/20px var(--font-sans);color:var(--ink-2)}
.dh{font-size:clamp(34px,5.4vw,64px);margin-top:20px;line-height:1.02}
.dbody{margin-top:40px}
.dbody p{font:500 clamp(18px,1.5vw,20px)/1.7 var(--font-sans);margin:0 0 24px;color:#1d1d1f}
.dbody h2{font:800 clamp(24px,2.6vw,32px)/1.15 var(--font-display);letter-spacing:-.02em;margin:48px 0 16px}
.dact{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.dpre{white-space:pre-wrap;word-break:break-word;font:500 15px/24px ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:var(--surface-2);padding:clamp(20px,3vw,32px);border-radius:var(--radius-lg);margin:28px 0}
.dcta{flex-direction:row!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:56px}
.dcta .hb-card__title{font-size:clamp(24px,2.6vw,32px)}
.dcta>div{max-width:30em}
.dload{display:grid;place-items:center;padding:96px 0}
.dwrap .bul{margin:32px 0}
.dwrap .note{margin-top:32px}


/* ===== dilekçe kartları (belge önizlemeli) ===== */
.dgrid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:1fr}
.dcard{display:flex;flex-direction:column;gap:22px;height:100%;padding:20px;background:var(--surface-2);border-radius:var(--radius-lg);color:var(--ink);text-decoration:none;transition:transform var(--duration-base) var(--easing-spring)}
.dcard:active{transform:scale(.985)}
.dcard:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.dpaper{position:relative;height:240px;overflow:hidden;background:#fff;border-radius:12px;padding:22px 24px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 28px rgba(0,0,0,.08);transition:transform var(--duration-slow) var(--easing-spring),box-shadow var(--duration-slow)}
.dpaper pre{margin:0;white-space:pre-wrap;word-break:break-word;font:500 10.5px/16px ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#2c2c2e}
.dpaper::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(0deg,#fff 20%,rgba(255,255,255,0))}
.dcard:hover .dpaper{transform:translateY(-6px);box-shadow:0 2px 4px rgba(0,0,0,.06),0 18px 40px rgba(0,0,0,.14)}
.dinfo{display:flex;flex-direction:column;gap:10px;flex:1;padding:0 4px 4px}
.dtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dsub{font:600 13px/18px var(--font-sans);color:var(--ink-2)}
.dinfo h3{font:800 clamp(21px,1.9vw,25px)/1.12 var(--font-display);letter-spacing:-.02em;margin:0;text-wrap:balance}
.dinfo p{font:500 15px/22px var(--font-sans);color:var(--ink-2);margin:0}
.dmore{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--font-sans)}
.dmore .hb-icon{width:18px;height:18px;transition:transform var(--duration-base) var(--easing-spring)}
.dcard:hover .dmore .hb-icon{transform:translateX(5px)}
@media(min-width:640px){.dgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.dgrid{grid-template-columns:repeat(3,1fr)}}

/* ===== v5: altın vurgu + çalışma alanı fotoğrafları ===== */
:root{--gold:#c9a45c;--gold-d:#8a6a2c}
.bignum{color:rgba(201,164,92,.38)}
.phone,.foot-mail{border-bottom-color:rgba(201,164,92,.7)}
.foot-h{color:var(--gold)}
.arow:hover .anum{color:var(--gold-d)}
.hb-card--ink .hb-chip{background:var(--gold);color:#1a1405}
.cact,.dmore{color:inherit}

.areas-grid{display:grid;gap:0}
.apanel{display:none}
.athumb{display:block;border-radius:14px;overflow:hidden;background:var(--surface-2)}
.athumb img{width:100%;height:100%;object-fit:cover;display:block}
/* telefon: küçük resim solda */
.arow{grid-template-columns:76px 1fr 28px;grid-template-areas:"th t a" "th d a";column-gap:16px;row-gap:6px;padding:20px 0;align-items:center}
.arow .athumb{grid-area:th;width:76px;height:96px}
.arow .anum{display:none}
.arow .atit{grid-area:t;align-self:end}
.arow .adesc{grid-area:d;align-self:start}
.arow .aarr{grid-area:a}
.arow:hover{padding-left:0;padding-right:0;background:none}
@media(min-width:900px){
  .areas-grid{grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(40px,6vw,88px);align-items:start}
  .arow{grid-template-columns:56px 1fr 32px;grid-template-areas:"n t a" ". d a";padding:34px 8px;column-gap:16px}
  .arow .athumb{display:none}
  .arow .anum{display:block;grid-area:n}
  .arow:hover{padding-left:24px;padding-right:24px;background:var(--surface-2)}
  .apanel{display:block;position:sticky;top:112px;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background:#1a1a1a;box-shadow:0 24px 60px rgba(0,0,0,.18)}
  .aimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s var(--easing-standard),transform 1.1s var(--easing-spring)}
  .aimg.on{opacity:1;transform:none}
  .apanel::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
  .apanel-cap{position:absolute;left:24px;bottom:22px;z-index:1;color:#fff;font:800 22px/1.1 var(--font-display);letter-spacing:-.02em}
}

/* ===== yüklenen fotoğraflar (dilekçe / makale içeriği) ===== */
.dimgs{display:grid;gap:20px;margin:36px 0}
.dimgs a{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);box-shadow:0 1px 3px rgba(0,0,0,.08),0 14px 36px rgba(0,0,0,.1)}
.dimgs img{width:100%;height:auto;display:block}
.dpaper-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}

/* ===== header: yüzen kapsül (tasarım sistemi NavBar) ===== */
.hb-segment a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:var(--radius-pill);color:var(--ink);text-decoration:none;white-space:nowrap;font:600 15px/1 var(--font-sans);transition:background var(--duration-fast),color var(--duration-fast)}
.hb-segment a:hover{background:rgba(127,127,127,.14)}
.hb-segment a[aria-current="page"]{background:var(--ink);color:var(--on-ink);font-weight:800}
.hb-segment a:focus-visible,.hb-navbar__brand:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* görselli sayfalarda kapsül fotoğrafın üstünde süzülür */
.nav-over .hb-navbar{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 12px)}
@media(max-width:760px){.nav-over .hb-navbar{top:calc(env(safe-area-inset-top,0px) + 10px)}}


/* ===== sade etiketler: büyük harf ve geniş harf aralığı yok ===== */
.hb-list-label{font:700 15px/20px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink-2)}
.hb-field__label{font:600 14px/18px var(--font-sans);letter-spacing:0;text-transform:none}
.hb-chip,.hb-filters .hb-chip{letter-spacing:0}
.facts2 span{font:600 14px/20px var(--font-sans)}
.foot-h{font:700 15px/20px var(--font-sans);color:rgba(255,255,255,.55)}
.clab{font:600 15px/20px var(--font-sans);opacity:.65}
.hero-h,.phero-h{margin-top:0}
.hero-meta{gap:10px 40px}

/* ===== header: kenarlara ve üste değmeyen yüzen kapsül ===== */
.hb-navbar,.nav-over .hb-navbar{top:calc(env(safe-area-inset-top,0px) + 18px);padding:0 24px}
.hb-navbar__in{border-radius:40px;box-shadow:0 0 0 .5px var(--separator),0 14px 40px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.08)}
.hb-navbar[data-scrolled="true"] .hb-navbar__in{box-shadow:0 0 0 .5px var(--separator),0 18px 48px rgba(0,0,0,.2),0 4px 10px rgba(0,0,0,.1)}
@media(max-width:760px){.hb-navbar,.nav-over .hb-navbar{top:calc(env(safe-area-inset-top,0px) + 12px);padding:0 16px}.hb-navbar__in{border-radius:32px}}

/* sekme kutusu barla aynı renk (şeffaf cam) */
.hb-segment{background:transparent}
.hb-segment a:hover{background:rgba(127,127,127,.16)}

/* ===== loader: 400 ms'den kısa sürede görünmez ===== */
@keyframes liveshow{to{opacity:1}}
.liveload,.embload{opacity:0;animation:liveshow 0s .4s forwards}
.liveload{display:grid;place-items:center;padding:72px 0}
.live-loading #dlist,.live-loading #mak-cards{display:none}
.embedwrap{position:relative;max-width:1100px;min-height:480px}
.embedwrap .embload{position:absolute;left:50%;top:140px;transform:translateX(-50%);z-index:0}
.embedwrap iframe{position:relative;z-index:1;display:block}
@media(prefers-reduced-motion:reduce){.liveload,.embload{animation-duration:0s}}


/* header: yeni logo (terazi + MSA), "Avukat" okunur boyutta */
.hb-navbar__name small{margin-top:4px;font:600 13px/1 var(--font-sans);letter-spacing:0;text-transform:none}

/* mobil menü: üç çizgi + tam ekran */
.hb-menubtn,.hb-menu{display:none}
@media(max-width:759px){
  .hb-tabbar{display:none}main{padding-bottom:var(--space-10)}
  .hb-navbar__in{justify-content:space-between;padding:0 8px 0 18px}
  .hb-menubtn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-2);cursor:pointer;flex:none}
  .hb-menubtn span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
  .hb-menubtn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hb-menubtn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hb-menubtn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menu-open .hb-navbar{position:fixed;left:0;right:0;z-index:70}
  .menu-open .hb-navbar__in{box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hb-menu{position:fixed;inset:0;z-index:60;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 96px) 24px calc(env(safe-area-inset-bottom,0px) + 32px);overflow-y:auto}
  .hb-menu:not([hidden]){display:block}
  .hb-menu nav{display:flex;flex-direction:column}
  .hb-menu a{display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:.5px solid var(--separator);text-decoration:none;color:var(--ink);font:800 28px/1.1 var(--font-display);letter-spacing:-.02em}
  .hb-menu a .hb-icon{width:28px;height:28px;color:var(--ink-2)}
  .hb-menu a[aria-current="page"]{color:var(--ink)}
  .hb-menu a[aria-current="page"]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink);margin-left:auto}
  body.menu-open{overflow:hidden}
}

/* terazi görseli mobilde: tüm terazi görünsün */
@media(max-width:759px){
  .band{height:clamp(300px,46vh,380px)}
  .band-img{object-position:68% 50%}
}