:root{
  --mark:url("/assets/amblem.svg");

  /* siyah zemin ailesi */
  --ink:#06080B;          /* masthead, footer, en koyu */
  --ink-2:#0E1218;        /* form, yükseltilmiş yüzey */
  --ink-3:#161B23;
  --stone:#0A0D12;        /* ana bölüm zemini */
  --stone-2:#0E1217;      /* alternatif bölüm zemini */
  --card:#12171F;         /* kart yüzeyi */

  --gold:#B8912C;
  --gold-deep:#D4AE3E;    /* koyu zeminde okunur altın */
  --gold-bright:#E3C468;
  --green:#6FB47E;        /* Garden Office */

  --text:#ECE9E1;
  --muted:#949CA9;
  --soft:#B6BDC8;
  --rule:rgba(227,196,104,.15);
  --rule-2:rgba(255,255,255,.08);

  --f-display:"Bodoni Moda","Times New Roman",serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;

  --gutter:clamp(20px,5vw,72px);
  --maxw:1240px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--stone)}
body{margin:0;background:var(--stone);color:var(--text);font-family:var(--f-body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-bright);
  display:flex;align-items:center;gap:12px;margin:0 0 22px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold-bright);opacity:.7;flex:none}

h1,h2,h3{font-family:var(--f-display);font-weight:500;text-wrap:balance;margin:0;
  letter-spacing:-.005em;color:#F7F4EC}
h2{font-size:clamp(28px,4.2vw,46px);line-height:1.12}
h3{font-size:20px;line-height:1.3}
p{margin:0 0 1.05em}
.lede{font-size:clamp(16px,1.55vw,18.5px);line-height:1.72;color:var(--soft);max-width:62ch}

/* Garden Office imzası */
.garden{font-family:var(--f-display);font-style:italic;color:var(--green);letter-spacing:.06em}

.mast{background:var(--ink);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--rule-2)}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.brand{display:flex;align-items:center;gap:13px;flex:none}
.brand .bt{display:flex;flex-direction:column;min-width:0}
.brand .bn,.brand .bs,.brand .bg{display:block}
.brand .bn{font-family:var(--f-display);font-size:21px;letter-spacing:.07em;color:#F2EEE3;
  line-height:1;white-space:nowrap}
.brand .bs{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  color:#99A1AE;margin-top:5px;white-space:nowrap}
.brand .bg{font-size:12px;margin-top:3px;line-height:1;white-space:nowrap}

nav.main{display:flex;align-items:center;gap:clamp(14px,1.7vw,24px)}
.mobil-randevu{display:none}
nav.main a{font-size:14px;color:#C3C9D3;padding-block:6px;position:relative;white-space:nowrap}
nav.main a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--gold-bright);transition:right .3s ease}
nav.main a:hover::after{right:0}
nav.main a:hover{color:#fff}

.btn{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;white-space:nowrap;
  padding:11px 22px;border-radius:1px;transition:.25s ease;border:1px solid transparent;cursor:pointer;
  font-family:var(--f-body)}
.btn-gold{background:linear-gradient(135deg,#E3C468,#B8912C);color:#14100A}
.btn-gold:hover{filter:brightness(1.09);transform:translateY(-1px)}
.btn-gold:disabled{opacity:.42;cursor:not-allowed;transform:none;filter:none}
.btn-line{border-color:rgba(227,196,104,.45);color:var(--gold-bright)}
.btn-line:hover{background:rgba(227,196,104,.1);border-color:var(--gold-bright)}
.btn-dark{border-color:rgba(255,255,255,.22);color:var(--text)}
.btn-dark:hover{background:rgba(255,255,255,.07);border-color:var(--gold-bright);color:var(--gold-bright)}

.burger{display:none;background:none;border:1px solid rgba(255,255,255,.18);color:#E7E3D8;
  width:42px;height:38px;border-radius:1px;align-items:center;justify-content:center;cursor:pointer}

.hero{background:var(--ink);position:relative;overflow:hidden}
.hero-knot{position:absolute;right:-8%;top:-18%;width:min(56vw,640px);aspect-ratio:1620/1392;
  opacity:.06;pointer-events:none;filter:saturate(.4);max-width:100%}
.hero .wrap{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,5vw,72px);
  align-items:center;padding-block:clamp(56px,8vw,92px)}
.hero h1{font-size:clamp(40px,6.4vw,76px);line-height:1.04;letter-spacing:-.02em;color:#FBF8F1}
.hero h1 em{font-style:italic;color:var(--gold-bright);display:block}
.hero .lede{margin-top:26px;font-size:clamp(15.5px,1.5vw,18px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

.seal{position:relative;text-align:center;padding:clamp(34px,4.4vw,52px) clamp(22px,3vw,40px);
  border:1px solid rgba(227,196,104,.30);
  background:radial-gradient(120% 90% at 50% 0%,rgba(227,196,104,.10),transparent 62%),
    linear-gradient(160deg,#141A22,#080B0F 70%)}
.seal::before{content:"";position:absolute;inset:9px;border:1px solid rgba(227,196,104,.14);pointer-events:none}
.seal-mark{width:clamp(92px,11vw,126px);aspect-ratio:1620/1392;margin:0 auto 24px}
.seal-name{font-family:var(--f-display);font-size:clamp(30px,3.6vw,40px);letter-spacing:.13em;
  color:#F6F1E3;line-height:1}
.seal-sub{font-size:13.5px;color:#C6CCD6;margin-top:11px;letter-spacing:.02em}
.seal-en{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#99A1AE;margin-top:8px}
.seal-garden{font-size:clamp(21px,2.4vw,26px);margin-top:14px}
.seal-rule{display:flex;align-items:center;justify-content:center;margin:24px 0 22px}
.seal-rule span{display:block;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,196,104,.55),transparent)}
.seal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.seal-meta b{display:block;font-family:var(--f-display);font-size:17px;color:var(--gold-bright);
  font-weight:500;letter-spacing:.02em}
.seal-meta span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#767E8B;margin-top:6px}

.kunye{background:var(--card);border:1px solid var(--rule);padding:28px 24px;position:relative}
.kunye .k-mark{width:46px;aspect-ratio:1620/1392;margin-bottom:14px}
.kunye .k-garden{font-size:16px;margin-bottom:14px}
.kunye .k-t{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-deep)}
.kunye dl{margin:16px 0 0;border-top:1px solid var(--rule-2)}
.kunye .row{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:11px 0;
  border-bottom:1px solid var(--rule-2);align-items:baseline}
.kunye dt{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.kunye dd{margin:0;text-align:right;font-size:14.5px;font-weight:500;color:var(--text)}
.kunye .k-link{display:inline-block;margin-top:18px;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.06em;color:var(--gold-deep)}
.kunye .k-link:hover{color:var(--gold-bright)}

.loc{margin-top:26px;border:1px solid rgba(227,196,104,.22);background:var(--ink-2);overflow:hidden}
.loc-map{position:relative;height:190px;display:block;
  background:repeating-linear-gradient(90deg,rgba(227,196,104,.055) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(0deg,rgba(227,196,104,.055) 0 1px,transparent 1px 46px),
    linear-gradient(150deg,#131920,#06080B)}
.loc-map::before{content:"";position:absolute;left:0;right:0;top:52%;height:9px;
  background:rgba(111,180,126,.14);transform:rotate(-6deg)}
.loc-map::after{content:"";position:absolute;top:0;bottom:0;left:37%;width:7px;
  background:rgba(227,196,104,.09);transform:rotate(3deg)}
.loc-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.loc-pin i{display:block;width:15px;height:15px;margin:0 auto 10px;background:var(--gold-bright);
  transform:rotate(45deg);box-shadow:0 0 0 7px rgba(227,196,104,.16),0 0 0 15px rgba(227,196,104,.07)}
.loc-pin b{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-bright);font-weight:400}
.loc-body{padding:18px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  justify-content:space-between;border-top:1px solid rgba(227,196,104,.16)}
.loc-body .la{font-size:14px;color:#C6CCD6;line-height:1.5}
.loc-body .btn{padding:10px 18px;font-size:13.5px}
.loc-tag{position:absolute;right:12px;top:12px;font-family:var(--f-mono);font-size:9.5px;
  letter-spacing:.14em;text-transform:uppercase;color:#8E96A3;
  border:1px solid rgba(227,196,104,.28);padding:5px 9px}
.loc-map:hover .loc-tag{color:var(--gold-bright);border-color:var(--gold-bright)}

.creds{background:#04060A;border-top:1px solid var(--rule-2)}
.creds .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-inline:0}
.cred{padding:26px clamp(16px,2.4vw,30px);border-left:1px solid var(--rule-2)}
.cred:first-child{border-left:0}
.cred .cv{font-family:var(--f-display);font-size:clamp(26px,3.2vw,34px);color:var(--gold-bright);
  line-height:1;font-variant-numeric:tabular-nums}
.cred .cl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:#99A1AE;margin-top:11px;line-height:1.5}

section{scroll-margin-top:78px}
.sec{padding-block:clamp(58px,7vw,96px)}
.sec-stone{background:var(--stone)}
.sec-paper{background:var(--stone-2);border-block:1px solid var(--rule-2)}
.sec-dark{background:var(--ink)}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,80px);align-items:start}

.about-stamp{margin-top:18px;border-left:2px solid var(--green);padding:2px 0 2px 16px;
  font-family:var(--f-mono);font-size:11.5px;line-height:1.7;letter-spacing:.04em;color:var(--muted)}
.about-stamp b{color:var(--text);font-weight:500}

.pillars{display:grid;gap:0;margin-top:38px;border-top:1px solid var(--rule-2)}
.pillar{display:grid;grid-template-columns:.66fr 1.34fr;gap:22px;padding:18px 0;
  border-bottom:1px solid var(--rule-2)}
.pillar h3{font-size:17px;margin:0}
.pillar p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
@media (max-width:640px){.pillar{grid-template-columns:1fr;gap:6px}}

.idx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:40px}
.idx-head .lede{margin:0}
.idx{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,72px)}
.idx-group{border-top:2px solid rgba(227,196,104,.45);padding-top:14px;margin-bottom:34px}
.idx-group > .gl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:6px;display:block}
.item{display:block;border-bottom:1px solid var(--rule-2);padding:15px 0;position:relative;transition:.22s}
.item .it{font-family:var(--f-display);font-size:clamp(17px,1.6vw,19.5px);line-height:1.25;
  display:flex;align-items:baseline;gap:12px;color:#F2EFE7}
.item .it > span:first-of-type{flex:1}
.item .id{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.55;max-width:46ch;display:block}
.item .ia{font-family:var(--f-mono);font-size:15px;color:rgba(255,255,255,.22);transition:.22s;flex:none}
.item:hover{padding-left:12px;border-bottom-color:var(--gold)}
.item:hover .ia{color:var(--gold-bright)}
@media (prefers-reduced-motion:reduce){.item:hover{padding-left:0}}

.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:46px;border-top:1px solid var(--rule)}
.step{padding:30px 26px 30px 0;border-right:1px solid var(--rule)}
.step:last-child{border-right:0;padding-right:0}
.step:not(:first-child){padding-left:26px}
.step .sn{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--gold-bright);
  display:block;margin-bottom:14px}
.step h3{font-size:19px;margin-bottom:9px}
.step p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.62}

.quote{margin-top:56px;border-left:2px solid var(--gold);padding-left:26px;max-width:70ch}
.quote p{font-family:var(--f-display);font-size:clamp(19px,2.3vw,26px);line-height:1.42;color:#F4F1E8;
  font-style:italic;margin:0}

.att{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,64px);align-items:start}
.att-card{background:var(--card);border:1px solid var(--rule);padding:30px 26px}
.att-card .ac-mark{width:50px;aspect-ratio:1620/1392;margin-bottom:14px;background-position:left center}
.att-card .ac-garden{font-size:16px;margin-bottom:16px}
.att-card .ac-n{font-family:var(--f-display);font-size:25px;line-height:1.2;color:#F7F4EC}
.att-card .ac-r{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-deep);margin-top:9px}
.att-card dl{margin:22px 0 0;border-top:1px solid var(--rule-2);font-size:13.5px}
.att-card .row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;
  border-bottom:1px solid var(--rule-2)}
.att-card dt{color:var(--muted);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;padding-top:2px}
.att-card dd{margin:0;text-align:right;font-weight:500;color:var(--text)}

.tl{margin-top:34px;border-left:1px solid var(--rule-2);padding-left:24px}
.tl ul{margin:0;padding:0}
.tl li{list-style:none;position:relative;padding-bottom:20px}
.tl li::before{content:"";position:absolute;left:-28.5px;top:7px;width:8px;height:8px;
  background:var(--stone);border:1px solid var(--gold);transform:rotate(45deg)}
.tl .ty{font-family:var(--f-mono);font-size:12px;color:var(--gold-deep);letter-spacing:.08em;
  font-variant-numeric:tabular-nums}
.tl .td{font-size:14.5px;margin-top:2px;color:var(--soft)}

.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-2);
  border:1px solid var(--rule-2);margin-top:38px}
.post{background:var(--card);padding:28px 24px 26px;display:flex;flex-direction:column;gap:12px;transition:.25s}
.post:hover{background:#182029}
.post .pm{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-deep);display:flex;gap:10px;align-items:center}
.post .pm span{color:rgba(255,255,255,.2)}
.post h3{font-size:19.5px;line-height:1.3}
.post p{font-size:14px;color:var(--muted);margin:0;line-height:1.6;flex:1}
.post .pr{font-family:var(--f-mono);font-size:12px;color:var(--soft);letter-spacing:.06em;
  display:flex;align-items:center;gap:8px}
.post:hover .pr{color:var(--gold-bright)}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px);align-items:start}
.finfo{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--rule)}
.frow{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:19px 0;
  border-bottom:1px solid var(--rule);align-items:start}
.frow .fn{font-family:var(--f-mono);font-size:11px;color:var(--gold-bright);letter-spacing:.1em;padding-top:4px}
.frow .fl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#98A0AD}
.frow .fv{font-size:15.5px;color:#EDEAE1;margin-top:5px;line-height:1.55;display:block}
.frow a.fv:hover{color:var(--gold-bright)}

form{background:var(--ink-2);border:1px solid var(--rule-2);padding:clamp(24px,3.4vw,34px)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#8E96A3}
input,select,textarea{background:#06090D;border:1px solid rgba(255,255,255,.13);color:#EDEAE1;
  padding:12px 13px;font-family:var(--f-body);font-size:15px;border-radius:1px;width:100%;
  transition:border-color .2s}
input::placeholder,textarea::placeholder{color:#5E6673}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}
textarea{resize:vertical;min-height:104px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8E96A3 50%),
  linear-gradient(135deg,#8E96A3 50%,transparent 50%);
  background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:12.5px;
  color:#8E96A3;line-height:1.55}
.consent input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--gold)}
form .btn{margin-top:4px;width:100%;justify-content:center}
.formnote{font-family:var(--f-mono);font-size:11.5px;color:#98A0AD;letter-spacing:.05em;
  margin:14px 0 0;line-height:1.6}

footer{background:#04060A;color:#79808D;border-top:1px solid var(--rule-2);
  padding-block:48px 26px;font-size:14px}
.fgrid2{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}
.fgrid2 h4,.fgrid2 .fh{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:#C9CFD9;margin:0 0 16px;font-weight:400}
.fgrid2 ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fgrid2 a:hover{color:var(--gold-bright)}
.fbrand{display:flex;gap:13px;align-items:center;margin-bottom:16px}
.fbrand .bn,.fbrand .bs,.fbrand .bg{display:block}
.fbrand .bn{font-family:var(--f-display);font-size:20px;letter-spacing:.07em;color:#E7E3D8;line-height:1}
.fbrand .bs{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:#99A1AE;margin-top:5px}
.fbrand .bg{font-size:13px;margin-top:4px;line-height:1}
.fbot{margin-top:40px;padding-top:20px;border-top:1px solid var(--rule-2);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:#8D95A2}

.i-mark{background:var(--mark) center/contain no-repeat;display:block}

.slider{position:relative}
.slider-viewport{overflow:hidden}
.slider-yuva{display:flex;transition:transform .9s cubic-bezier(.4,0,.2,1)}
.slider .kare{flex:0 0 100%;width:100%}
@media (prefers-reduced-motion:reduce){.slider-yuva{transition:none}}
.slider .photo{position:relative;margin:0;border:1px solid rgba(227,196,104,.22);background:var(--ink-2)}
/* dikey/portre oranlı görseller de tam görünsün diye contain + koyu dolgu (letterbox) */
.slider .photo img{width:100%;aspect-ratio:4/3;object-fit:contain;object-position:center;
  background:var(--ink-2);display:block}
.slider .photo figcaption{position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(to top,rgba(4,6,10,.95),rgba(4,6,10,.72) 55%,transparent);
  padding:40px 22px 18px}
.slider .photo .pc-t{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-bright)}
.slider .photo .pc-s{font-size:13.5px;color:#C9CFD9;margin-top:5px}
.slider-kontrol{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}
.slider-kontrol > button{background:none;border:1px solid rgba(227,196,104,.28);color:var(--gold-bright);
  width:34px;height:30px;font-size:17px;line-height:1;cursor:pointer;border-radius:1px;
  display:flex;align-items:center;justify-content:center;transition:.2s;font-family:var(--f-body)}
.slider-kontrol > button:hover{background:rgba(227,196,104,.12);border-color:var(--gold-bright)}
.noktalar{display:flex;gap:9px}
.noktalar button{width:7px;height:7px;padding:0;border:0;cursor:pointer;transform:rotate(45deg);
  background:rgba(227,196,104,.28);transition:.22s}

/* Mühür artık slaytların içinde dönmüyor; sliderın sol-alt köşesine hafifçe taşan,
   sabit duran ayrı bir "damga" kartı. .slider overflow:visible olduğu için
   viewport kırpmasından etkilenmez, sadece foto/kontrol şeridinin köşesine biner. */
.seal-badge{position:absolute;left:clamp(-18px,-2.2vw,-14px);bottom:clamp(-18px,-2vw,-14px);
  z-index:3;width:min(232px,58%);padding:20px 18px;text-align:left;
  box-shadow:0 18px 38px rgba(2,3,6,.55)}
.seal-badge .seal-mark{width:52px;margin:0 0 14px}
.seal-badge .seal-name{font-size:clamp(19px,2.1vw,23px);letter-spacing:.1em}
.seal-badge .seal-sub{font-size:11.5px;margin-top:6px}
.seal-badge .seal-en{font-size:9px;margin-top:6px}
.seal-badge .seal-rule{margin:16px 0 14px}
.seal-badge .seal-meta{grid-template-columns:1fr;gap:6px;text-align:left}
.seal-badge .seal-meta > div{display:flex;align-items:baseline;gap:7px}
.seal-badge .seal-meta span{margin-top:0}
@media (max-width:1000px){
  .seal-badge{position:static;left:auto;bottom:auto;margin:16px auto 0;width:min(260px,100%);
    box-shadow:none}
}
.noktalar button.etkin{background:var(--gold-bright);transform:rotate(45deg) scale(1.35)}

.sayfa-bas{background:var(--ink);position:relative;overflow:hidden;border-bottom:1px solid var(--rule-2)}
.sayfa-bas .wrap{position:relative;padding-block:clamp(40px,5vw,64px)}
.sayfa-bas h1{font-size:clamp(32px,4.8vw,54px);line-height:1.08;color:#FBF8F1;max-width:18ch}
.sayfa-bas .lede{margin-top:18px}
.iz{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#99A1AE;margin-bottom:20px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.iz a:hover{color:var(--gold-bright)}
.iz span[aria-hidden]{opacity:.45}
.iz [aria-current]{color:#8D95A2}

/* ekran okuyucuya özel */
.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}

.rv-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:start}
.takvim{background:var(--card);border:1px solid var(--rule);padding:clamp(18px,2.4vw,26px)}
.tk-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.tk-ay{font-family:var(--f-display);font-size:21px;text-transform:capitalize;color:#F7F4EC}
.tk-ok{display:flex;gap:8px}
.tk-ok button{width:34px;height:32px;border:1px solid var(--rule-2);background:transparent;cursor:pointer;
  font-size:16px;line-height:1;color:var(--text);border-radius:1px;transition:.2s;font-family:var(--f-body)}
.tk-ok button:hover:not(:disabled){background:var(--gold-bright);color:#14100A;border-color:var(--gold-bright)}
.tk-ok button:disabled{opacity:.28;cursor:not-allowed}
.tk-hafta{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
.tk-hafta div{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);text-align:center;padding-bottom:6px}
.tk-gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.tk-gun{aspect-ratio:1;border:1px solid transparent;background:rgba(255,255,255,.04);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  font-family:var(--f-body);font-size:14.5px;color:var(--text);border-radius:1px;
  transition:.16s;position:relative;padding:0;font-variant-numeric:tabular-nums}
.tk-gun:hover:not(:disabled){border-color:var(--gold);background:rgba(227,196,104,.10)}
.tk-gun .iz-nokta{width:5px;height:5px;transform:rotate(45deg);background:var(--gold-bright)}
.tk-gun:disabled{color:#4B525E;background:transparent;cursor:not-allowed}
.tk-gun.secili{background:linear-gradient(135deg,#E3C468,#B8912C);color:#14100A;border-color:transparent;font-weight:500}
.tk-gun.secili .iz-nokta{background:#14100A}
.tk-gun.bos-gun{visibility:hidden}
.tk-not{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule-2);
  display:flex;gap:18px;flex-wrap:wrap;font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.06em;color:var(--muted)}
.tk-not i{width:6px;height:6px;transform:rotate(45deg);display:inline-block;margin-right:7px}

.saat-kutu{margin-top:26px}
.saat-bas{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:14px}
.saatler{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.saat{padding:11px 8px;border:1px solid var(--rule-2);background:rgba(255,255,255,.03);cursor:pointer;
  font-family:var(--f-mono);font-size:13.5px;color:var(--text);border-radius:1px;transition:.16s;
  font-variant-numeric:tabular-nums}
.saat:hover:not(:disabled){border-color:var(--gold);background:rgba(227,196,104,.10)}
.saat.secili{background:linear-gradient(135deg,#E3C468,#B8912C);border-color:transparent;
  color:#14100A;font-weight:500}
.saat:disabled{color:#4B525E;background:transparent;cursor:not-allowed;text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,.18)}
.saat-yok{font-size:14px;color:var(--muted);padding:18px 0;border-top:1px solid var(--rule-2)}

.rv-ozet{border:1px solid var(--rule);background:var(--card);padding:22px 20px;margin-bottom:20px}
.rv-ozet .oz-t{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-deep)}
.rv-ozet .oz-v{font-family:var(--f-display);font-size:20px;margin-top:9px;line-height:1.3;color:#F7F4EC}
.rv-ozet .oz-b{font-size:13.5px;color:var(--muted);margin-top:7px}

.form-acik{background:var(--card);border:1px solid var(--rule)}

.uyari{border-left:2px solid #C4553B;background:rgba(196,85,59,.14);padding:12px 16px;
  font-size:13.5px;color:#EEA894;margin:0 0 16px}
.basari{border:1px solid var(--rule);background:var(--card);padding:clamp(26px,4vw,40px);text-align:center}
.basari .bs-m{font-family:var(--f-display);font-size:26px;color:var(--gold-bright)}
.basari .bs-p{font-size:15px;color:var(--soft);margin-top:12px;max-width:46ch;margin-inline:auto;line-height:1.7}
.basari .bs-k{margin-top:20px;display:inline-block;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.08em;color:var(--gold-deep)}

.poz-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:28px}
.poz{border:1px solid var(--rule-2);background:rgba(255,255,255,.03);padding:18px 16px;cursor:pointer;
  text-align:left;transition:.18s;border-radius:1px;font-family:var(--f-body)}
.poz:hover{border-color:var(--gold)}
.poz.secili{background:linear-gradient(135deg,rgba(227,196,104,.18),rgba(184,145,44,.10));
  border-color:var(--gold-bright)}
.poz .pz-t{font-family:var(--f-display);font-size:18px;color:#F2EFE7}
.poz .pz-a{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.55}
.poz.secili .pz-t{color:var(--gold-bright)}

.dosya{border:1px dashed var(--rule);background:rgba(255,255,255,.02);padding:22px 18px;text-align:center;
  cursor:pointer;transition:.18s;display:block}
.dosya:hover,.dosya.uzerinde{border-color:var(--gold);background:rgba(227,196,104,.07)}
.dosya .dy-t{font-family:var(--f-display);font-size:17px;color:#F2EFE7}
.dosya .dy-a{font-size:12.5px;color:var(--muted);margin-top:6px}
.dosya input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dosya-secili{display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid var(--rule-2);background:rgba(255,255,255,.03);padding:14px 16px}
.dosya-secili .ds-n{font-size:14px;color:var(--text);word-break:break-all}
.dosya-secili .ds-b{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-top:3px}
.dosya-secili button{background:none;border:0;color:#EEA894;cursor:pointer;font-size:13px;
  font-family:var(--f-body);flex:none;text-decoration:underline}

.yazi-govde{max-width:68ch;font-size:17px;line-height:1.78;color:#C9CFD8}
.yazi-govde h2{font-size:26px;margin:36px 0 14px}
.yazi-govde h3{font-size:20px;margin:28px 0 10px}
.yazi-govde strong{color:var(--text)}
.yazi-govde ul,.yazi-govde ol{padding-left:22px;margin:0 0 1.05em}
.yazi-govde li{margin-bottom:8px}
.yazi-meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-deep);display:flex;gap:10px;align-items:center;margin-bottom:16px}
.yazi-meta span{color:rgba(255,255,255,.2)}


/* ══ Erişilebilirlik ══════════════════════════════════════════ */
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gold-bright);
  color:#14100A;padding:12px 20px;font-weight:600;font-size:14px}
.atla:focus{left:0}

/* ══ Sıkışan başlık ══════════════════════════════════════════ */
.mast{transition:padding .25s ease,box-shadow .25s ease}
.mast.kucuk{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.mast.kucuk .wrap{padding-block:9px}
nav.main a.etkin{color:#F2EEE3}
nav.main a.etkin::after{right:0}

/* ══ Görünüme girince beliriş ════════════════════════════════ */
[data-bel]{opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
[data-bel].belirdi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  [data-bel]{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ══ Hero etiketleri ═════════════════════════════════════════ */
.hero-etiket{list-style:none;display:flex;flex-wrap:wrap;gap:8px;
  margin:34px 0 0;padding:0}
.hero-etiket li{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;
  color:#9AA2AF;border:1px solid var(--rule-2);border-radius:999px;padding:6px 13px}

/* ══ Çalışma alanı kartları ══════════════════════════════════ */
.alan-grup{margin-bottom:54px}
.alan-grup:last-of-type{margin-bottom:0}
.ag-bas{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.ag-bas .gl{font-family:var(--f-mono);font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--gold-bright);white-space:nowrap}
.ag-cizgi{flex:1;height:1px;background:var(--rule)}
.ag-say{font-family:var(--f-mono);font-size:11px;color:var(--muted);white-space:nowrap}
.alan-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;
  background:var(--rule-2);border:1px solid var(--rule-2)}
.alan-kart{background:var(--card);padding:26px 24px 22px;display:flex;flex-direction:column;
  gap:9px;transition:background .25s ease,transform .25s ease}
.alan-kart:hover{background:var(--ink-3)}
.alan-kart h3{font-size:19px;color:#F5F2EA;line-height:1.28}
.alan-kart p{font-size:13.8px;line-height:1.62;color:var(--muted);margin:0;flex:1}
.ak-ok{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--gold-bright);
  opacity:.65;transition:opacity .25s ease,transform .25s ease}
.alan-kart:hover .ak-ok{opacity:1;transform:translateX(3px)}

/* ══ Alan detay düzeni ═══════════════════════════════════════ */
.alan-govde{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
.alan-yan{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
.yan-kart{background:var(--card);border:1px solid var(--rule-2);padding:26px 24px}
.yan-kart h3,.yan-kart .yk-h{font-family:var(--f-display);font-weight:500;font-size:20px;line-height:1.3;color:#F7F4EC;margin:0 0 10px}
.yan-kart p{font-size:14px;color:var(--muted);line-height:1.62;margin:0 0 18px}
.yan-kart .btn{width:100%;justify-content:center;margin-bottom:9px}
.yan-kart .btn:last-child{margin-bottom:0}
.yk-s{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--gold-bright);margin-bottom:14px}
.yk-b{display:block;font-family:var(--f-display);font-size:23px;color:#F5F2EA;margin-bottom:6px}
.yk-b:hover{color:var(--gold-bright)}
.yk-k{display:block;font-size:13.5px;color:var(--muted);line-height:1.7}
a.yk-k:hover{color:var(--gold-bright)}
.yan-liste{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:2px}
.yan-liste a{display:block;font-size:14px;color:var(--soft);padding:8px 0;
  border-bottom:1px solid var(--rule-2)}
.yan-liste a:hover{color:var(--gold-bright)}

/* ══ Uzun metin ══════════════════════════════════════════════ */
.metin{color:var(--soft);font-size:16.2px;line-height:1.78}
.metin.dar{max-width:74ch}
.metin p{margin:0 0 1.15em}
.metin h2{font-size:clamp(22px,2.4vw,28px);margin:44px 0 16px;color:#F5F2EA}
.metin h2:first-child{margin-top:0}
.metin h3{font-size:19px;margin:30px 0 12px}
.metin strong{color:#E6E2D8;font-weight:600}
.metin a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px}
.mliste{list-style:none;margin:0 0 1.3em;padding:0;display:grid;gap:1px;
  background:var(--rule-2);border:1px solid var(--rule-2)}
.mliste li{background:var(--card);padding:13px 18px 13px 40px;position:relative;
  font-size:14.8px;line-height:1.6;color:var(--soft)}
.mliste li::before{content:"";position:absolute;left:20px;top:22px;width:7px;height:1px;
  background:var(--gold-bright);opacity:.75}
.uyari{border-left:2px solid var(--gold);background:rgba(184,145,44,.07);
  padding:18px 22px;font-size:14px;line-height:1.68;color:var(--muted);margin-top:36px}
.uyari strong{color:var(--gold-bright)}
.not{font-size:13.5px;line-height:1.7;color:var(--muted);margin:48px 0 0;max-width:74ch;
  padding-top:22px;border-top:1px solid var(--rule-2)}
.guncel{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-top:40px;
  padding-top:18px;border-top:1px solid var(--rule-2)}
.tablo{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:14px}
.tablo th,.tablo td{border:1px solid var(--rule-2);padding:12px 14px;text-align:left;
  vertical-align:top;line-height:1.6}
.tablo th{background:var(--ink-2);color:var(--gold-bright);font-family:var(--f-mono);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.tablo td{color:var(--muted)}

/* ══ Numaralı adımlar ════════════════════════════════════════ */
.adimlar{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;
  background:var(--rule-2);border:1px solid var(--rule-2)}
.adimlar li{background:var(--card);padding:30px 26px}
.adimlar .an{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:1px solid var(--gold);color:var(--gold-bright);font-family:var(--f-mono);font-size:13px;
  border-radius:50%;margin-bottom:18px}
.adimlar h3{font-size:18.5px;margin-bottom:9px}
.adimlar p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}

/* ══ Sıkça sorulan sorular ═══════════════════════════════════ */
.sss-sarma{max-width:920px}
.sss-grup{margin-bottom:44px}
.sss-grup > .gl{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--gold-bright);margin-bottom:16px}
.sss-oge{border-bottom:1px solid var(--rule-2)}
.sss-oge h2,.sss-oge h3{margin:0;font-size:inherit;font-family:inherit;font-weight:inherit}
.sss-soru{width:100%;background:none;border:0;cursor:pointer;color:#EFEBE2;
  font-family:var(--f-display);font-size:clamp(17px,2vw,20px);line-height:1.4;text-align:left;
  padding:22px 44px 22px 0;position:relative;display:block;transition:color .2s ease}
.sss-soru:hover{color:var(--gold-bright)}
.sss-isaret{position:absolute;right:8px;top:50%;width:13px;height:13px;margin-top:-6px}
.sss-isaret::before,.sss-isaret::after{content:"";position:absolute;background:var(--gold-bright);
  transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.sss-isaret::before{left:0;top:6px;width:13px;height:1px}
.sss-isaret::after{left:6px;top:0;width:1px;height:13px}
.sss-soru[aria-expanded="true"] .sss-isaret::after{transform:rotate(90deg);opacity:0}
.sss-cevap{padding:0 44px 26px 0;color:var(--muted);font-size:15px;line-height:1.75}
.sss-cevap p{margin:0 0 .9em}
.sss-cevap p:last-child{margin:0}

/* ══ Alt çağrı bandı ═════════════════════════════════════════ */
.cagri-ic{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
.cagri-dug{display:flex;gap:12px;flex-wrap:wrap}
.sec.cagri{padding-block:clamp(54px,7vw,84px)}

/* ══ İletişim düzeni ve form ═════════════════════════════════ */
.ilt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.kart-form{background:var(--ink-2);border:1px solid var(--rule-2);padding:clamp(24px,3.4vw,38px)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.loc-gomme{aspect-ratio:16/10;background:var(--ink-3);overflow:hidden}
.loc-gomme iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35) contrast(1.05)}
.ac-foto{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:22px;
  border:1px solid var(--gold-deep);outline:1px solid var(--gold-deep);outline-offset:7px}

/* ══ Mobil aksiyon çubuğu ════════════════════════════════════ */
.mobil-cubuk{display:none}
@media (max-width:760px){
  .mobil-cubuk{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:80;
    grid-auto-flow:column;grid-auto-columns:1fr;background:rgba(6,8,11,.97);
    border-top:1px solid var(--rule);backdrop-filter:blur(8px)}
  .mobil-cubuk a{display:flex;align-items:center;justify-content:center;gap:7px;
    padding:14px 6px;font-size:13.5px;color:#D6DAE1;
    border-left:1px solid var(--rule-2)}
  .mobil-cubuk a:first-child{border-left:0}
  .mobil-cubuk a.ac{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#14100A;
    font-weight:600}
  .mobil-cubuk a span{font-size:15px;opacity:.8}
  body{padding-bottom:52px}
  footer{padding-bottom:8px}
}

/* ══ Çerez bildirimi ═════════════════════════════════════════ */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;
  background:var(--ink-2);border:1px solid var(--rule);padding:20px 22px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 20px 50px rgba(0,0,0,.55)}
.cerez[hidden]{display:none}
.cerez p{margin:0;font-size:13.2px;line-height:1.62;color:var(--muted);flex:1;min-width:220px}
.cerez a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:2px}
.cerez strong{color:var(--soft)}
.cerez .btn{flex:none}
@media (max-width:760px){ .cerez{bottom:66px} }

/* ══ Altbilgi ekleri ═════════════════════════════════════════ */
.fp{max-width:38ch;font-size:13.5px;line-height:1.65;margin:0 0 18px}
.fsos{display:flex;gap:14px;flex-wrap:wrap}
.fsos a{font-family:var(--f-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--rule-2);padding:7px 12px}
.fsos a:hover{color:var(--gold-bright);border-color:var(--rule)}

@media (max-width:1120px){nav.main{gap:18px}nav.main a{font-size:13px}}
@media (max-width:1000px){
  nav.main{display:none}
  .burger{display:flex}
  .mast.open nav.main{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--ink-2);
    flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 18px;
    border-bottom:1px solid rgba(255,255,255,.1)}
  .mast.open nav.main a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .mobil-randevu{display:block;color:var(--gold-bright)!important}
  .hero .wrap{grid-template-columns:1fr}
  .split,.att,.contact,.rv-grid{grid-template-columns:1fr}
  .idx{grid-template-columns:1fr}
  .proc{grid-template-columns:1fr;border-top:0}
  .step{border-right:0;border-top:1px solid var(--rule);padding:26px 0!important}
  .posts{grid-template-columns:1fr}
  .creds .wrap{grid-template-columns:1fr 1fr}
  .cred:nth-child(odd){border-left:0}
  .cred:nth-child(n+3){border-top:1px solid var(--rule-2)}
  .fgrid2{grid-template-columns:1fr 1fr}
  .fgrid2 > :first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .mast .btn-gold{display:none}
  .brand .bn{font-size:19px}
}
@media (max-width:560px){
  .fgrid{grid-template-columns:1fr}
  .creds .wrap{grid-template-columns:1fr}
  .cred{border-left:0;border-top:1px solid var(--rule-2)}
  .cred:first-child{border-top:0}
  .brand .bs{display:none}
  .brand .bg{font-size:11.5px}
  .fgrid2{grid-template-columns:1fr}
  .att-card .row{flex-direction:column;gap:2px}
  .att-card dd{text-align:left}
  .saatler{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
  .tk-gun{font-size:13px}
}
@media (max-width:480px){
  .saatler{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
  .saat{padding:9px 6px;font-size:12px;min-height:40px}
}

@media (max-width:1000px){
  .alan-govde{grid-template-columns:1fr;gap:40px}
  .alan-yan{position:static;flex-direction:row;flex-wrap:wrap}
  .alan-yan .yan-kart{flex:1 1 280px}
  .ilt{grid-template-columns:1fr;gap:44px}
}
@media (max-width:560px){
  .f2{grid-template-columns:1fr}
  .alan-izgara{grid-template-columns:1fr}
  .cagri-dug{width:100%}
  .cagri-dug .btn{flex:1;justify-content:center}
  .mliste li{padding-left:34px}
  .mliste li::before{left:16px}
  .tablo{font-size:13px}
  .tablo th,.tablo td{padding:9px 10px}
}

/* ══ Metin içi ikincil CTA ═══════════════════════════════════
   Kullanım notu: yazi.php içinde .yazi-govde metninin ortasına, örn.
   bir <p> yerine şu şekilde eklenebilir (bu görev kapsamında HTML'e
   dokunulmadı, sadece stil hazırlandı):
   <a class="cta-inline" href="/randevu">Bu konuda danışmak ister misiniz? →</a>
   Ana "Randevu Al" (.btn-gold, dolu altın buton) ile karışmasın diye
   burada sadece ince kenarlık + altın metin kullanılıyor; bağlamsal,
   daha hafif bir ikincil eylem hissi veriyor. */
.cta-inline{display:inline-flex;align-items:center;gap:9px;margin:28px 0;
  padding:14px 20px;border:1px solid rgba(227,196,104,.38);background:rgba(227,196,104,.05);
  color:var(--gold-bright);font-family:var(--f-body);font-size:14.5px;font-weight:500;
  border-radius:1px;transition:.2s ease}
.cta-inline:hover{background:rgba(227,196,104,.11);border-color:var(--gold-bright)}

/* çalışma alanı grup başlığı (h2 olarak) */
h2.gl{font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:.17em;
  text-transform:uppercase;color:var(--gold-bright);white-space:nowrap;margin:0}

/* avukat kartı — ek unvan / uzmanlık alanı rozetleri (avukatKarti) */
.unvan-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.unvan-rozet{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;
  padding:6px 12px;border:1px solid var(--gold);border-radius:2px;color:var(--gold-bright);
  background:rgba(184,145,44,.08);white-space:nowrap}
.alan-rozetler{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}
.alan-rozet{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;
  padding:5px 10px;border:1px solid var(--rule-2);border-radius:2px;color:var(--muted)}
.uzmanlik-ozet{display:flex;gap:14px;align-items:baseline;margin:22px 0;padding:14px 0;
  border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2)}
.uzmanlik-ozet dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold-deep);flex:none}
.uzmanlik-ozet dd{margin:0;color:var(--text);font-weight:500}
.ak-b{font-family:var(--f-display);font-size:19px;font-weight:500;color:#F5F2EA;line-height:1.28;margin:0}
