/* KATMAN (23.07.2026): tum kabuk `@layer serka.legacy` icindedir.
   Neden: katmansiz CSS katmanliyi yener; kabuk bu yuzden `assets/css/*`
   bilesenlerini eziyordu. `serka.legacy` alt katmani, dogrudan `serka`
   katmanindaki bilesenlerden ONCE gelir -> bilesen kazanir.
   Elementor katmansiz kaldigi icin hibrit delegasyon semantigi korunur.
   Geri donus: bu sarmali kaldir. */
/* TOKEN TANIMI KALDIRILDI (23.07.2026): bu dosya kendi `:root` ve
   `html.light` bloklarinda base.css'in tokenlerini TEKRAR tanimliyordu
   (ayni deger iki yerde -> theme.json degisince burasi bayatliyordu).
   Tek kaynak: theme.json -> base.css alias'lari. Geri donus: bloklari
   `D:\Claude\.backups	ema-katman-2307\` yedeginden geri koy. */
@layer serka.legacy {
/* ===========================================================
   Serka Law — SITE-WIDE cinematic chrome  (inner / non-home pages)
   Loaded on EVERY non-homepage front-end page. Styles ONLY the
   injected chrome (cinematic field, fixed header, footer, CTA bar,
   mobile menu). NO universal reset, NO bare section, heading or
   paragraph content rules — inner Elementor content stays untouched.
   Source of truth = skin.css chrome blocks (verbatim; `header`
   rescoped to `#hdr`). Rollback: disable the serka-cinematic plugin.
   =========================================================== */



/* body skinned: clearance for fixed header + bottom CTA bar; reveal the field */
html.serka-skin-root{background:var(--bg)}
body.serka-skinned{background:transparent;padding-top:128px;padding-bottom:62px;overflow-x:hidden}
body.serka-skinned.menu-open{overflow:hidden}
.wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}
#hdr .wrap,#hdr .topbar .wrap,#hdr .mainbar .wrap{min-width:0}
#hdr .brand,#hdr .brand .bt,#hdr .langdd,#hdr .ddtrig{min-width:0}
#hdr .brand .bt{overflow:hidden}
#hdr .brand .bt b,#hdr .brand .bt span{overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ===== site-wide cinematic background — patterned · moving ===== */
.cbg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(125% 95% at 50% -12%,rgba(46,32,15,.55),transparent 58%),var(--bg)}
.cbg span{position:absolute;inset:-2%;display:block}
.cbg-mesh{background:radial-gradient(34% 40% at 18% 20%,rgba(194,154,86,.2),transparent 60%),radial-gradient(30% 34% at 84% 14%,rgba(232,202,123,.16),transparent 60%),radial-gradient(42% 46% at 72% 80%,rgba(150,110,50,.18),transparent 62%),radial-gradient(34% 38% at 24% 88%,rgba(194,154,86,.14),transparent 60%);filter:blur(10px)}
@keyframes cbgDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2.4%,-1.6%) scale(1.06)}100%{transform:translate(-1.8%,2.2%) scale(1.03)}}
.cbg-grid{background-image:radial-gradient(rgba(194,154,86,.55) .6px,transparent .7px),linear-gradient(rgba(194,154,86,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(194,154,86,.045) 1px,transparent 1px);background-size:48px 48px,48px 48px,48px 48px;opacity:.28;-webkit-mask-image:radial-gradient(150% 140% at 50% 38%,black 74%,transparent 100%);mask-image:radial-gradient(150% 140% at 50% 38%,black 74%,transparent 100%)}
@keyframes cbgGrid{to{background-position:48px 48px,48px 48px,48px 48px}}
.cbg-vig{background:radial-gradient(135% 125% at 50% 46%,transparent 50%,rgba(0,0,0,.55));mix-blend-mode:multiply}
html.light .cbg{background:radial-gradient(125% 95% at 50% -12%,rgba(196,170,120,.5),transparent 60%),var(--bg)}
html.light .cbg-mesh{background:radial-gradient(34% 40% at 18% 20%,rgba(150,110,46,.30),transparent 60%),radial-gradient(30% 34% at 84% 14%,rgba(178,140,74,.26),transparent 60%),radial-gradient(42% 46% at 72% 80%,rgba(132,98,40,.30),transparent 62%),radial-gradient(34% 38% at 24% 88%,rgba(150,110,46,.24),transparent 60%)}
html.light .cbg-grid{opacity:.42;background-image:radial-gradient(rgba(150,116,50,.62) .6px,transparent .7px),linear-gradient(rgba(150,116,50,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(150,116,50,.09) 1px,transparent 1px)}
html.light .cbg-vig{background:radial-gradient(135% 125% at 50% 46%,transparent 58%,rgba(120,90,40,.14))}
.cbg-ray{mix-blend-mode:screen;opacity:.42;background:conic-gradient(from 208deg at 80% -6%,transparent 0deg,rgba(232,202,123,.10) 15deg,transparent 32deg),conic-gradient(from 150deg at 16% -8%,transparent 0deg,rgba(194,154,86,.07) 13deg,transparent 28deg)}
@keyframes cbgRay{0%{opacity:.3;transform:translateX(-1.6%)}100%{opacity:.58;transform:translateX(1.6%)}}
.cbg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.72}
html.light .cbg-ray{opacity:.4;background:conic-gradient(from 208deg at 80% -6%,transparent 0deg,rgba(156,122,54,.1) 15deg,transparent 32deg),conic-gradient(from 150deg at 16% -8%,transparent 0deg,rgba(134,100,31,.07) 13deg,transparent 28deg)}
html.light .cbg-fx{opacity:.5}
.grain{display:none}
@keyframes grain{50%{transform:translate(-4px,3px)}}
.spot{display:none}
#prog{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--gold),var(--gold-2));z-index:130;transition:transform .1s linear}

/* ===== fixed header (rescoped header -> #hdr) ===== */
/* SERKA-HEADER-SITEWIDE-POSITION-20260613: fixed chrome uses reserved body padding; sticky must not push a blank rail above it. */
#hdr{position:fixed;top:0;left:0;right:0;z-index:190;transition:background .4s,backdrop-filter .4s;background:rgba(8,6,4,.86);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--line)}
body.admin-bar #hdr{top:32px}
@media(max-width:782px){body.admin-bar #wpadminbar{position:fixed;top:0}body.admin-bar #hdr{top:46px}}
#hdr.scrolled{background:rgba(8,6,4,.92)}
html.light #hdr,html.light #hdr.scrolled{background:rgba(232,223,205,.93)}
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:12px;min-height:36px;padding:5px 0}
.tlabel{font-size: var(--fs-small-lg);font-weight:600;letter-spacing:.04em;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}
.tlabel .dotg{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}
.langbar{margin-inline-start:auto;display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:flex-end;max-width:76%}
.lang{display:inline-flex;align-items:center;gap:5px;font-size: var(--fs-tiny-lg);font-weight:700;padding-block:3px;padding-inline:5px 8px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line);color:var(--text);white-space:nowrap;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}
.js .lang{opacity:0;transform:translateY(-6px);animation:chip .5s var(--ease) forwards}
.lang .fl{width:18px;height:13px;object-fit:cover;border-radius:2px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.lang:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-2px) scale(1.07);box-shadow:0 0 14px rgba(194,154,86,.4)}
.lang.active{background:rgba(194,154,86,.16);border-color:var(--gold);color:var(--gold-2)}
@keyframes chip{to{opacity:1;transform:none}}
.langdd{display:none;margin-inline-start:auto;position:relative}
.ddtrig{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line);color:var(--text);font:700 12px var(--sans);cursor:pointer}
.ddtrig .fl{width:20px;height:14px;object-fit:cover;border-radius:2px}.ddtrig svg{width:13px;height:13px;transition:.25s}
.langdd.open .ddtrig svg{transform:rotate(180deg)}
.ddpanel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(86vw,320px);max-height:60vh;overflow:auto;padding:8px;border-radius:14px;background:rgba(12,9,6,.94);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr 1fr;gap:5px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.25s var(--ease);z-index:95}
/* RTL ezmesi KALDIRILDI: .ddpanel artik inset-inline-end ile aynalanir (KOL BE 23.07.2026) */
@media(max-width:720px){.langdd{margin-inline-start:auto;margin-inline-end:0;flex:0 0 auto;z-index:104}.ddtrig{height:30px;min-width:66px;justify-content:center;padding:0 9px}.tlabel{min-width:0;max-width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis}.ddpanel{position:fixed;left:10px;right:10px;top:48px;width:auto;max-width:none;max-height:calc(100vh - 72px);grid-template-columns:1fr 1fr}.ddi{min-width:0}.ddi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:782px){body.admin-bar .ddpanel{top:94px;max-height:calc(100vh - 118px)}}
html.light .ddpanel{background:rgba(252,248,240,.96)}
.langdd.open .ddpanel{opacity:1;transform:none;pointer-events:auto}
.ddi{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size: var(--fs-note);color:var(--text);transition:.15s}
.ddi .fl{width:22px;height:15px;object-fit:cover;border-radius:2px;flex:0 0 auto}.ddi b{font-weight:700;font-size: var(--fs-small);color:var(--gold-2);width:22px}.ddi:hover,.ddi.active{background:rgba(194,154,86,.16)}
.mainbar .wrap{display:flex;align-items:center;gap:18px;min-height:64px;padding:9px 0}
.brand{display:flex;align-items:center;gap:11px}
.brand .logo{width:46px;height:46px;border-radius:13px;border:1px solid rgba(194,154,86,.45);background:rgba(10,7,4,.6);display:grid;place-items:center;overflow:hidden;transition:.3s var(--ease);flex:0 0 auto}
.brand:hover .logo{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 24px rgba(194,154,86,.4)}
.brand .logo img{width:100%;height:100%;object-fit:contain;padding:5px}.brand .logo .mk{font-family:var(--serif);color:var(--gold-2);font-size: var(--fs-prose)}
.brand .bt b{display:block;font-family:var(--serif);font-weight:400;font-size: var(--fs-brand);letter-spacing:.08em;line-height:1.05;white-space:nowrap}
.brand .bt span{display:block;font-size: var(--fs-micro-lg);letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-top:4px;white-space:nowrap}
.mainnav{margin-inline-start:auto;display:flex;align-items:center;gap:24px}
.mainnav a{font-size: var(--fs-compact-lg);font-weight:700;color:var(--muted);position:relative;padding:4px 0;transition:color .2s}
.mainnav a::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;height:1px;width:0;background:var(--gold);transition:width .25s var(--ease)}
.mainnav a:hover{color:var(--text)}.mainnav a:hover::after{width:100%}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:inline-flex;align-items:center;gap:5px}
.nav-item>a svg{width:10px;height:10px;opacity:.65;transition:transform .25s}
.nav-item:hover>a svg{transform:rotate(180deg)}
.nav-item:hover>a{color:var(--text)}.nav-item:hover>a::after{width:100%}
.nav-dd{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);min-width:250px;padding:9px;border-radius:14px;background:rgba(12,9,6,.97);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 26px 64px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:95}
html.light .nav-dd{background:rgba(244,238,226,.98)}
.nav-dd::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.nav-item:hover .nav-dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dd a{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:9px;font-size: var(--fs-compact-lg);font-weight:600;color:var(--muted);white-space:nowrap;transition:.15s}
.nav-dd a::after{display:none}
.nav-dd a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.5;flex:0 0 auto;transition:.15s}
.nav-dd a:hover{background:rgba(194,154,86,.13);color:var(--gold-2);transform:translateX(3px)}
.nav-dd a:hover::before{opacity:1;box-shadow:0 0 8px var(--gold)}
.toggle{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--glass-2);display:grid;place-items:center;cursor:pointer;color:var(--gold-2);transition:.25s;flex:0 0 auto}
.toggle:hover{transform:rotate(40deg);border-color:var(--gold)}.toggle svg{width:17px;height:17px}
.burger{display:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--glass-2);place-items:center;cursor:pointer;color:var(--gold-2);flex:0 0 auto}
.burger svg{transition:.3s}.burger.x svg{transform:rotate(90deg)}
/* SERKA-HEADER-ICON-FIX-20260613: beat legacy kit button padding/accent on inner pages */
body.serka-cine-chrome #hdr .toggle,
body.serka-cine-chrome #hdr .burger{
  width:38px;height:38px;min-width:38px;max-width:38px;
  padding:0;margin:0;box-sizing:border-box;
  display:grid;place-items:center;align-items:center;justify-items:center;
  line-height:1;border-radius:11px;border:1px solid var(--line);
  background:var(--glass-2);background-image:none;color:var(--gold-2);
  box-shadow:none;appearance:none;-webkit-appearance:none;
}
body.serka-cine-chrome #hdr .toggle svg,
body.serka-cine-chrome #hdr .burger svg{
  width:18px;height:18px;display:block;margin:0;position:static;
  color:currentColor;stroke:currentColor;fill:none;
}
body.serka-cine-chrome #hdr .burger,
body.serka-cine-chrome #hdr .burger:hover,
body.serka-cine-chrome #hdr .burger:focus,
body.serka-cine-chrome #hdr .burger.x{background:var(--glass-2);color:var(--gold-2)}
body.serka-cine-chrome #hdr .toggle:hover{border-color:var(--gold)}

/* mobile slide-in menu */
.mnav{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none;transition:visibility 0s .42s}
.mnav.open{visibility:visible;pointer-events:auto;transition:visibility 0s 0s}
.mnav-scrim{position:absolute;inset:0;background:rgba(4,3,2,.2);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);opacity:0;transition:opacity .42s var(--ease)}
html.light .mnav-scrim{background:rgba(120,90,40,.12)}
.mnav.open .mnav-scrim{opacity:1}
.mnav-panel{position:absolute;top:126px;inset-inline-end:8px;bottom:auto;width:min(300px,72vw);max-height:calc(100dvh - 142px);background:linear-gradient(160deg,rgba(20,14,8,.74),rgba(12,9,6,.62));backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);border:1px solid var(--line);border-radius:20px;box-shadow:-18px 24px 70px rgba(0,0,0,.5),inset 1px 0 0 rgba(232,202,123,.12);transform:translateX(calc(100% + 18px));transition:transform .42s var(--ease);overflow-y:auto}
body.admin-bar .mnav-panel{top:172px;max-height:calc(100dvh - 188px)}
html.light .mnav-panel{background:linear-gradient(160deg,rgba(244,236,220,.46),rgba(236,228,212,.38));box-shadow:-34px 0 90px rgba(120,90,40,.18),inset 1px 0 0 rgba(150,116,50,.18)}
.mnav.open .mnav-panel{transform:none}
.mnav-inner{display:flex;flex-direction:column;padding:24px 22px 22px}
.mnav-inner>*{opacity:0;transform:translateY(16px)}
.mnav.open .mnav-inner>*{animation:mnavin .5s var(--ease) forwards}
.mnav.open .mnav-inner>*:nth-child(1){animation-delay:.08s}.mnav.open .mnav-inner>*:nth-child(2){animation-delay:.14s}.mnav.open .mnav-inner>*:nth-child(3){animation-delay:.2s}.mnav.open .mnav-inner>*:nth-child(4){animation-delay:.26s}.mnav.open .mnav-inner>*:nth-child(5){animation-delay:.32s}.mnav.open .mnav-inner>*:nth-child(6){animation-delay:.38s}
.mnav-main{font-family:var(--serif);font-size: var(--fs-section);color:var(--text);padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.mnav-main::after{content:"\2192";color:var(--gold);font-size: var(--fs-text);opacity:.5}
.mnav-group{border-bottom:1px solid var(--line)}
.mnav-group .mnav-head{border-bottom:none;padding-bottom:4px}
.mnav-group .mnav-head::after{content:"\203A";font-size: var(--fs-prose)}
.mnav-sub{padding:2px 2px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.mnav-sub a{font-size: var(--fs-compact);color:var(--gold-2);font-weight:600;padding:4px 0;display:flex;align-items:center;gap:7px;line-height:1.2}
.mnav-sub a::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6;flex:0 0 auto}
@keyframes mnavin{to{opacity:1;transform:none}}

/* ===== footer ===== */
.ft{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(6,4,3,.46),rgba(6,4,3,.64));border-top:1px solid var(--line);padding:0 0 24px;margin-top:60px}
html.light .ft{background:linear-gradient(180deg,rgba(224,212,186,.5),rgba(224,212,186,.66))}
.ft-mark{position:absolute;left:50%;bottom:-3.2vw;transform:translateX(-50%);font-family:var(--serif);font-size: var(--fs-watermark);line-height:.8;letter-spacing:.04em;color:rgba(194,154,86,.05);white-space:nowrap;pointer-events:none;user-select:none;z-index:0}
.ft .wrap{position:relative;z-index:1}
.ft-rec{display:flex;flex-direction:column;align-items:center;gap:14px;padding:42px 0 30px;text-align:center}
.rec-label{font-size: var(--fs-small);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.badges{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:128px;min-height:128px;padding:16px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);text-align:center;transition:.3s var(--ease)}
.badge:hover{transform:translateY(-6px) scale(1.04);border-color:var(--gold);box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 22px rgba(194,154,86,.2)}
.badge img{max-width:96px;max-height:60px;object-fit:contain}
.badge .l500ic{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.badge .l500ic img{width:68px;height:68px}.badge .l500w{font-family:var(--serif);font-size: var(--fs-badge);letter-spacing:-.06em;color:var(--text)}.badge .cap{font-size: var(--fs-tiny-lg);letter-spacing:.04em;color:var(--muted)}
.ft-div{height:1px;margin:6px 0 36px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
@keyframes dline{to{background-position:200% 0}}
.ft-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.9fr);gap:34px;margin-bottom:34px}
.fcol h4{font-size: var(--fs-small);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.fcol a,.fcol p{display:block;color:var(--muted);font-size: var(--fs-note);padding:4px 0;transition:.2s;width:fit-content}
.fcol a:hover{color:var(--text);transform:translateX(5px)}
.fbrand .ftag{color:var(--muted);font-size: var(--fs-note-lg);margin:12px 0 0;max-width:34ch;padding:0}
.freach b{color:var(--text);font-weight:600}
.ft-bot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size: var(--fs-compact)}
/* ===== fixed bottom CTA bar ===== */
.ctabar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;gap:8px;padding:8px 10px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--line)}
.js .ctabar{transform:translateY(110%);animation:barUp .7s 1.2s var(--ease) forwards}
@keyframes barUp{to{transform:translateY(0)}}
.cbtn{position:relative;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:11px;font-weight:800;font-size: var(--fs-control);transition:transform .2s;color:var(--text);text-decoration:none;white-space:nowrap}
.cbtn svg{width:16px;height:16px;flex:0 0 auto}
.cbtn::after{content:none}
/* olu @keyframes sweepLoop kaldirildi: 0 referans, fiziksel yon tasiyordu (KOL BE 23.07.2026) */
.cbtn:hover{transform:translateY(-2px)}.cb-wa{background:linear-gradient(145deg,var(--wa-1),var(--wa-2));color:var(--wa-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.cb-sig{background:linear-gradient(145deg,var(--sig-1),var(--sig-2));color:var(--sig-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.cb-mail{background:linear-gradient(145deg,var(--gold-pale),var(--gold-mid));color:var(--gold-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}

/* chrome links inherit (defend against inner-theme <a> color bleed) */
#hdr a,.mnav a,.ft a,.ctabar a{text-decoration:none}

@media(max-width:980px){
  body.serka-skinned{padding-top:116px}
  .mainnav{display:none}.burger{display:grid}.langbar{display:none}.js .langdd{display:block}
 .ft-main{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:620px){
  #hdr{background:rgba(8,6,4,.62);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--line)}
  html.light #hdr{background:rgba(232,223,205,.7)}
  body.serka-skinned{padding-top:116px}
  .topbar .wrap{gap:8px}.tlabel{font-size: var(--fs-tiny)}
  .mainbar .wrap{min-height:52px;gap:10px}.brand{max-width:calc(100% - 98px)}.brand .logo{width:38px;height:38px}.brand .bt b{font-size: var(--fs-body-sm);letter-spacing:.05em;max-width:132px}.brand .bt span{font-size: var(--fs-micro);letter-spacing:.18em;max-width:132px}
  .toggle,.burger{width:36px;height:36px;min-width:36px;max-width:36px;padding:0}
  .mnav-panel{top:122px;inset-inline-end:8px;width:min(288px,74vw);max-height:calc(100dvh - 136px)}
  body.admin-bar .mnav-panel{top:168px;max-height:calc(100dvh - 182px)}
  .mnav-inner{padding:22px 20px}.mnav-main{font-size: var(--fs-section)}.mnav-sub{grid-template-columns:1fr 1fr}
  .ft-rec{padding:34px 0 24px}.ft-main{grid-template-columns:1fr;gap:30px;text-align:center}.fcol{padding-top:22px;border-top:1px solid var(--line)}.fcol.fbrand{border-top:none;padding-top:0}.fcol a,.fcol p,.fbrand .ftag{margin-inline-start:auto;margin-inline-end:auto}.fcol h4{margin-bottom:16px}.fbrand{display:flex;flex-direction:column;align-items:center}.ft-bot{justify-content:center;text-align:center}.ft-mark{font-size: var(--fs-foot-mark);bottom:-5vw}
  .ctabar{gap:6px;padding:8px 8px}.cbtn{font-size: var(--fs-mini);gap:4px;min-height:40px}.cbtn svg{width:15px;height:15px}.spot{display:none}
}
/* ===== hardening: the legacy 144KB Customizer CSS (post 21328) ships shared class names — notably
   .nav-dd{position:relative} — and lands after this file via WP Rocket used-CSS. Out-specify it for the
   STRUCTURAL chrome only (no display overrides, so responsive media queries still win). ===== */
body.serka-cine-chrome .nav-dd{position:absolute}
body.serka-cine-chrome .nav-item{position:relative}
body.serka-cine-chrome #hdr{background:rgba(8,6,4,.86);border-bottom:1px solid var(--line)}
html.light body.serka-cine-chrome #hdr{background:rgba(232,223,205,.93)}
body.serka-skinned{background:transparent}
html.serka-skin-root{background:var(--bg)}
html.light.serka-skin-root{background:var(--bg)}
/* lock chrome text colors vs legacy/plugin link-accent bleed */
body.serka-cine-chrome .brand,body.serka-cine-chrome .brand .bt b{color:var(--text)}
/* oncelik bildirimi: katmansiz ucuncu-taraf CSS ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */

body.serka-cine-chrome .brand .bt span,body.serka-cine-chrome .lang.active,body.serka-cine-chrome .rec-label,body.serka-cine-chrome .fcol h4,body.serka-cine-chrome .eyebrow{color:var(--gold)!important}
/* oncelik bildirimi: katmansiz ucuncu-taraf CSS ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */

body.serka-cine-chrome .mainnav a,body.serka-cine-chrome .nav-dd a,body.serka-cine-chrome .tlabel,body.serka-cine-chrome .ft a,body.serka-cine-chrome .fcol a,body.serka-cine-chrome .fcol p,body.serka-cine-chrome .ft-bot{color:var(--muted)!important}
/* oncelik bildirimi: katmansiz ucuncu-taraf CSS ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */

body.serka-cine-chrome .mainnav a:hover,body.serka-cine-chrome .ft a:hover,body.serka-cine-chrome .fcol a:hover{color:var(--text)!important}
/* oncelik bildirimi: katmansiz ucuncu-taraf CSS ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */

body.serka-cine-chrome .nav-dd a:hover{color:var(--gold-2)!important}
body.serka-cine-chrome .lang,body.serka-cine-chrome .ddi{color:var(--text)}
body.serka-cine-chrome .mnav-sub a{color:var(--gold-2)}
/* toggle + burger: defend bg/color/border vs legacy/kit button accent */
body.serka-cine-chrome .toggle,body.serka-cine-chrome .burger{background:var(--glass-2);color:var(--gold-2);border:1px solid var(--line)}
body.serka-cine-chrome .toggle:hover{border-color:var(--gold)}
body.serka-skinned.serka-cine-chrome:not(.wp-admin){background:transparent}

body.fx-idle .cbg-mesh,body.fx-idle .cbg-grid,body.fx-idle .cbg-ray,body.fx-idle .grain,body.fx-idle .htitle .g,body.fx-idle .border-glow,body.fx-idle .editorial-card .glow,body.fx-idle .marq .track,body.fx-idle .tlabel .dotg,body.fx-idle .kicker::before,body.fx-idle .scrollcue i,body.fx-idle .ft-div,body.fx-idle .cbtn::after{animation-play-state:paused}
body.fx-idle .grain{display:none}
/* SERKA-STATIC-FX-20260613: remove legacy language accent and stop long-running decorative effects */
body.serka-cine-chrome #hdr .langdd .ddtrig,
body.serka-cine-chrome #hdr .langdd .ddtrig:hover,
body.serka-cine-chrome #hdr .langdd .ddtrig:focus,
body.serka-cine-chrome #hdr .langdd .ddtrig:active,
body.serka-cine-chrome .langdd .serka-lang-trigger,
body.serka-cine-chrome .langdd .serka-lang-trigger:hover,
body.serka-cine-chrome .langdd .serka-lang-trigger:focus,
body.serka-cine-chrome .langdd .serka-lang-trigger:active{
  width:auto;min-width:78px;height:38px;padding:0 13px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:rgba(255,255,255,.045);background-color:rgba(255,255,255,.045);background-image:none;
  color:var(--text);border:1px solid var(--line);border-radius:999px;
  box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(232,202,123,.12);
  text-shadow:none;filter:none;transform:none;
}
body.serka-cine-chrome #hdr .langdd .ddtrig::before,
body.serka-cine-chrome #hdr .langdd .ddtrig::after,
body.serka-cine-chrome .langdd .serka-lang-trigger::before,
body.serka-cine-chrome .langdd .serka-lang-trigger::after{content:none;display:none}
body.serka-cine-chrome #hdr .langdd .ddtrig b,
body.serka-cine-chrome .langdd .serka-lang-trigger b{color:var(--text);line-height:1}
/* oncelik bildirimi: Elementor One eklentisinin buton/ikon CSS'i stroke/fill basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */

body.serka-cine-chrome #hdr .langdd .ddtrig svg,
body.serka-cine-chrome .langdd .serka-lang-trigger svg{width:14px!important;height:14px!important;color:var(--gold-2)!important;stroke:currentColor!important;flex:0 0 14px!important}
body.serka-cine-chrome #hdr .langdd .ddtrig .fl,
body.serka-cine-chrome .langdd .serka-lang-trigger .fl{width:22px;height:15px;flex:0 0 22px;object-fit:cover}
html.serka-static-fx .cbg-mesh,
html.serka-static-fx .cbg-grid,
html.serka-static-fx .cbg-ray,
html.serka-static-fx .grain,
html.serka-static-fx .htitle .g,
html.serka-static-fx .border-glow,
html.serka-static-fx .editorial-card .glow,
html.serka-static-fx .marq .track,
html.serka-static-fx .tlabel .dotg,
html.serka-static-fx .kicker::before,
html.serka-static-fx .scrollcue i,
html.serka-static-fx .ft-div,
html.serka-static-fx .cbtn::after{animation:none;transition-duration:.001ms;will-change:auto}
html.serka-static-fx #fx,
html.serka-static-fx #cfx,
html.serka-static-fx .spot,
html.serka-static-fx .grain{display:none}
@media(max-width:720px){
  body.serka-cine-chrome #hdr .langdd .ddtrig,
  body.serka-cine-chrome .langdd .serka-lang-trigger{min-width:78px;height:38px;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){*{animation:none;transition-duration:.001ms}.cbg-fx,.grain,.spot,.cbg-ray{display:none}}

/* SERKA-CONTACT-CANON-20260613: visible canonical contact layout, no removed-form hiding */
body.serka-cine-chrome .serka-contact-canon{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:stretch;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:32px 0 42px}
body.serka-cine-chrome .serka-contact-map iframe{display:block;width:100%;min-height:420px;border:1px solid rgba(194,154,86,.38);border-radius:18px;filter:saturate(.82) contrast(.92);background:var(--surface-map)}
body.serka-cine-chrome .serka-contact-address{border:1px solid rgba(194,154,86,.38);border-radius:18px;padding:28px;background:rgba(10,7,3,.72);box-shadow:0 18px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
body.serka-cine-chrome .serka-contact-eyebrow{display:inline-flex;border:1px solid rgba(194,154,86,.42);border-radius:999px;padding:8px 16px;color:var(--gold-warm);font-weight:800;letter-spacing:.12em;font-size: var(--fs-compact);line-height:1.2;text-transform:uppercase}
body.serka-cine-chrome .serka-contact-canon h1{font-size: var(--fs-canon);line-height:.98;margin:22px 0;color:var(--text-bright);letter-spacing:0}
body.serka-cine-chrome .serka-contact-canon h2{font-size: var(--fs-section);color:var(--text-bright);margin:0 0 10px;letter-spacing:0}
body.serka-cine-chrome .serka-contact-canon p{color:rgba(255,247,234,.72);font-size: var(--fs-prose);line-height:1.62}
body.serka-cine-chrome .serka-contact-lead{font-size: var(--fs-section)}
body.serka-cine-chrome .serka-contact-office{margin:24px 0;padding:20px;border-top:1px solid rgba(194,154,86,.3);border-bottom:1px solid rgba(194,154,86,.3)}
body.serka-cine-chrome .serka-contact-maplink,
body.serka-cine-chrome .serka-contact-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:12px;border:1px solid rgba(194,154,86,.46);border-radius:14px;padding:15px 18px;color:var(--gold-bright);background:rgba(194,154,86,.1);font-weight:800;text-decoration:none;box-sizing:border-box}
body.serka-cine-chrome .serka-contact-links a:after,
body.serka-cine-chrome .serka-contact-maplink:after{content:"\2192";font-size: var(--fs-prose)}
html.light body.serka-cine-chrome .serka-contact-address{background:rgba(245,238,224,.82)}
html.light body.serka-cine-chrome .serka-contact-canon h1,
html.light body.serka-cine-chrome .serka-contact-canon h2{color:var(--text-deep)}
html.light body.serka-cine-chrome .serka-contact-canon p{color:rgba(30,23,16,.74)}
@media(max-width:760px){
  body.serka-cine-chrome .serka-contact-canon{grid-template-columns:1fr;width:min(100% - 32px,680px);padding:18px 0 28px}
  body.serka-cine-chrome .serka-contact-map{order:-1}
  body.serka-cine-chrome .serka-contact-map iframe{min-height:330px}
  body.serka-cine-chrome .serka-contact-address{padding:22px}
  body.serka-cine-chrome .serka-contact-canon p{font-size: var(--fs-drawer)}
  body.serka-cine-chrome .serka-contact-lead{font-size: var(--fs-lead-lg)}
}

/* SERKA-MOBILE-UI-FIX-20260613: stable header flow + centered controls */
body.serka-cine-chrome .toggle,
body.serka-cine-chrome .burger,
body.serka-cine-chrome .drawer-close,
body.serka-cine-chrome .cbtn{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center}
body.serka-cine-chrome .toggle svg,
body.serka-cine-chrome .burger svg,
body.serka-cine-chrome .drawer-close svg,
body.serka-cine-chrome .cbtn svg{display:block;margin:0;flex:0 0 auto}
body.serka-cine-chrome .drawer-close{font-size: var(--fs-section);padding:0}
html.serka-static-fx body.serka-cine-chrome .hi,
html.serka-static-fx body.serka-cine-chrome .reveal,
html.serka-static-fx body.serka-cine-chrome .sec,
html.serka-static-fx body.serka-cine-chrome .htitle .w,
html.serka-static-fx body.serka-cine-chrome .lang{opacity:1;transform:none;filter:none;animation:none;transition:none}
@media(max-width:720px){
  body.serka-cine-chrome #hdr{position:fixed;top:0;z-index:190;background:rgba(8,6,4,.94)}
  body.admin-bar.serka-cine-chrome #hdr{top:46px}
  html.light body.serka-cine-chrome #hdr{background:rgba(238,231,216,.98)}
  body.serka-cine-chrome #hdr .topbar .wrap{min-height:42px;padding:6px 14px;box-sizing:border-box}
  body.serka-cine-chrome #hdr .mainbar .wrap{min-height:64px;padding:8px 14px;gap:10px;box-sizing:border-box}
  body.serka-cine-chrome #hdr .brand{flex:1 1 auto;max-width:none;min-width:0}
  body.serka-cine-chrome #hdr .brand .bt{min-width:0;max-width:calc(100vw - 180px)}
  body.serka-cine-chrome #hdr .brand .bt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body.serka-cine-chrome #hdr .brand .bt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body.serka-cine-chrome #hdr .langdd{margin-inline-start:auto;max-width:170px}
  body.serka-cine-chrome #hdr .tlabel{flex:1 1 auto;min-width:0;max-width:calc(100vw - 154px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.serka-cine-chrome #hdr .toggle,
  body.serka-cine-chrome #hdr .burger{width:42px;height:42px;min-width:42px;border-radius:13px}
}

/* ============================================================
   SERKA GLORY LAYER (chrome / inner pages) · 20260613 — append-only
   Brings the shared cinematic field + chrome back to life on every
   inner page, matching the homepage. GPU-cheap (transform/opacity),
   reduced-motion gated at the end. Rollback: restore prior chrome.css.
   ============================================================ */

/* 1 · living field on inner pages (vibrant warm + a faint sapphire bloom) */
.cbg-mesh{background:
  radial-gradient(34% 40% at 18% 20%,rgba(194,154,86,.20),transparent 60%),
  radial-gradient(30% 34% at 84% 14%,rgba(232,202,123,.16),transparent 60%),
  radial-gradient(48% 52% at 50% 46%,rgba(58,118,240,.06),transparent 66%),
  radial-gradient(42% 46% at 72% 80%,rgba(150,110,50,.18),transparent 62%),
  radial-gradient(34% 38% at 24% 88%,rgba(194,154,86,.14),transparent 60%);
  filter:blur(11px)}
html.serka-static-fx .cbg-mesh{animation:cbgDrift 34s ease-in-out infinite alternate;will-change:transform}
html.serka-static-fx .cbg-ray{animation:cbgRay 20s ease-in-out infinite alternate;will-change:transform,opacity}
/* 1b · LIGHT-MODE FIELD FIX: the inner-only legacy Customizer CSS poisons body{--bg} to dark
   (0x0c0a08); the cinematic field paints background-color:var(--bg) so light mode rendered dark.
   Home is immune (it strips that CSS). Re-assert the theme-correct field color on inner pages —
   token + literal, theme-split, !important to beat the late legacy used-CSS. */
body.serka-cine-chrome{--bg:var(--bg);--bg2:var(--wp--custom--dark--bg-deep)}
html.light body.serka-cine-chrome{--bg:var(--bg);--bg2:var(--wp--custom--light--bg-deep)}
body.serka-cine-chrome .cbg{background-color:var(--bg)}
html.light body.serka-cine-chrome .cbg{background-color:var(--bg)}

/* 2 · header chrome polish + live status dot */
#hdr.scrolled{box-shadow:0 12px 40px rgba(0,0,0,.34)}
html.light #hdr.scrolled{box-shadow:0 12px 40px rgba(120,90,40,.14)}
html.serka-static-fx .tlabel .dotg{animation:pulse 2.6s ease-in-out infinite}

/* 3 · footer divider sweep + luxury badge depth */
.ft-div{background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:200% 100%}
html.serka-static-fx .ft-div{animation:dline 6s linear infinite}
.badge{box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(232,202,123,.13)}
html.light .badge{box-shadow:0 14px 40px rgba(120,90,40,.12),inset 0 1px 0 rgba(255,255,255,.5)}

/* 4 · inner content — rim-light depth on cards + gold-dot eyebrows */
body.serka-cine-chrome .sg-card{box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(232,202,123,.12);transition:box-shadow .3s var(--ease),transform .25s var(--ease)}
html.light body.serka-cine-chrome .sg-card{box-shadow:0 14px 40px rgba(120,90,40,.11),inset 0 1px 0 rgba(255,255,255,.5)}
body.serka-cine-chrome .sg-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 28px rgba(194,154,86,.18),inset 0 1px 0 rgba(232,202,123,.28)}
body.serka-cine-chrome .sg-eyebrow,body.serka-cine-chrome .sg-kicker,body.serka-cine-chrome .eyebrow{display:inline-flex;align-items:center;gap:9px}
body.serka-cine-chrome .sg-eyebrow::before,body.serka-cine-chrome .sg-kicker::before,body.serka-cine-chrome .eyebrow::before{content:"";width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--gold-2),var(--gold) 58%,transparent 72%);box-shadow:0 0 9px rgba(194,154,86,.5);flex:0 0 auto}

/* 5 · final accessibility guard — reduced motion wins last */
@media(prefers-reduced-motion:reduce){
  .cbg-mesh,.cbg-ray,.ft-div,.tlabel .dotg{animation:none}
}

/* a11y 20260618: reduced-motion contact bar must stay visible (barUp killed by *{animation:none}) */
@media(prefers-reduced-motion:reduce){.js .ctabar{transform:none}}

/* a11y 20260618: focus + in-page anchors clear the fixed header (116px) and bottom CTA bar (57px) for keyboard users (WCAG 2.4.11/2.4.12 focus-not-obscured). scroll-padding mirrors body.serka-skinned padding (128/62). Inner pages only (chrome.css is not enqueued on the front page). Reversible: delete this block. */
html{scroll-padding-top:128px;scroll-padding-bottom:72px}

/* ===== breadcrumb strip (inner pages, directly under the fixed header) =====
   Cinematic gold/cream; token-driven so it adapts dark<->light automatically.
   Aligned to .wrap; flex-wrap + overflow-wrap keep long titles from causing
   horizontal overflow on mobile. Added 20260618 (breadcrumb UX + schema-match). */
.cine-crumb{position:relative;z-index:1;padding:16px 0 0}
.cine-crumb .wrap{min-width:0}
.cine-crumb p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;font-family:var(--sans);font-size: var(--fs-compact);line-height:1.5;letter-spacing:.015em}
.cine-crumb a{color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s var(--ease)}
.cine-crumb a:hover,.cine-crumb a:focus-visible{color:var(--gold-2)}
.cine-crumb .separator{display:inline-flex;align-items:center;color:var(--gold);opacity:.5}
.cine-crumb .crumb-sep{font-size: var(--fs-note);line-height:1}
.cine-crumb .last{color:var(--text);font-weight:600;min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.cine-crumb{padding:12px 0 0}.cine-crumb p{font-size: var(--fs-small-lg);gap:4px 7px}}

/* --- KOL R 22.07.2026: yeni kanallar -------------------------------------------
   Telegram = gercek baglanti (core.telegram.org/api/links, "Phone number links").
   imo / WeChat = numaradan turetilebilen resmi baglanti YOK -> olu tiklama yerine
   <details> + user-select:all ile KOPYALANABILIR numara. JS yok.
   Marka renkleri theme.json -> settings.custom.brand atomlari:
   telegram var(--tg) · wechat var(--wx); imo'nun dogrulanmis marka rengi YOK ->
   --gold-3 (var(--wp--custom--dark--gold-deep)) fallback'ine duser (serka-design bolum 0.2). */
.cb-tg{background:var(--tg);color:var(--bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.cb-det{position:relative;flex:1;display:flex;min-width:0}
.cb-det>summary{flex:1;list-style:none;cursor:pointer}
.cb-det>summary::-webkit-details-marker{display:none}
.cb-det>summary::marker{content:""}
.cb-wx>summary{background:var(--wx);color:var(--bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.cb-imo>summary{background:var(--wp--custom--dark--gold-deep);color:var(--gold-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.cb-pop{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:101;min-width:186px;max-width:calc(100vw - 20px);padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 18px 48px -26px rgba(0,0,0,.82);text-align:center}
.cb-num{display:block;font-size: var(--fs-dock);font-weight:800;letter-spacing:.02em;line-height:1.3;white-space:nowrap;color:var(--text);-webkit-user-select:all;user-select:all}
@media(max-width:359px){.ctabar .cb-opt{display:none}}

/* ORTAK (23.07.2026): blog nav dropdown iki sitede IKI AYRI surum halinde yazilmisti
   (serkalaw satir 106, serkahukuk satir 255). Tek surume indirildi: serkahukuk'un
   daha yeni govdesi + klavye a11y kurallari + serkalaw'in RTL ve nav-dd-all kurallari;
   site'ye ozel !important'lar kaldirildi. */
/* ===== blog nav dropdown (wide, right-aligned; long article titles, 2-line clamp) ===== */
.nav-dd-blog{min-width:300px;width:min(340px,calc(100vw - 48px));inset-inline-start:auto;inset-inline-end:0;transform:translateX(0) translateY(8px)}
.nav-item:hover .nav-dd-blog{transform:translateX(0) translateY(0)}
.nav-dd-blog a{align-items:flex-start}
.nav-dd-blog a::before{margin-top:6px}
.nav-dd-blog .nav-dd-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.32;font-size: var(--fs-compact)}
.nav-dd-all{margin-top:5px;border-top:1px solid var(--line);padding-top:11px;color:var(--gold-2);font-weight:700}
.nav-dd-blog .nav-dd-all::before{display:none}
/* keyboard a11y: reveal dropdowns on focus-within + visible focus ring (was hover-only) */
.nav-item:focus-within .nav-dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-item:focus-within .nav-dd-blog{transform:translateX(0) translateY(0)}
.nav-dd a:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-radius:9px}
/* mobile: blog submenu = single column (long article titles can't share .mnav-sub 2-col) */
.mnav-blog .mnav-sub{grid-template-columns:1fr;gap:2px 0}
.mnav-blog .mnav-sub a{line-height:1.32}
/* RTL: Blog ogesi cubugun soluna aynalanir — paneli sol kenara sabitle (serkalaw kurali) */
/* RTL ezmesi KALDIRILDI: .nav-dd-blog artik inset-inline-* ile aynalanir (KOL BE 23.07.2026) */
.nav-dd-blog .nav-dd-all{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:700}
}