/* =====================================================================
   Yavuzkemal Belediyesi — "yesil" teması · temel katman
   Jetonlar, yazı tipleri, ortak bileşenler, header, mobil çekmece,
   arama katmanı, iç sayfa başlık bandı, bildirimler.
   Tüm sınıflar yk- önekli (eski bileşen stilleriyle çakışmaz).
   ===================================================================== */

@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/pjs-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/pjs-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/ds-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/ds-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --g950:#0a2619; --g900:#0e3524; --g800:#134a31; --g700:#1a6640; --g600:#22804f; --g500:#2e9b62; --g400:#5bbd7f;
  --lime:#c3e66a; --mint:#e7f3e8; --mint2:#f1f8f0; --bg:#f5f9f3;
  --amber:#f5a623; --amber2:#ffc04a; --amberD:#c47d06;
  --ink:#14241a; --mut:#5c6c61; --line:#e2ebe1; --white:#fff;
  --sh:0 14px 34px rgba(var(--g900-rgb,14,53,36),.08),0 2px 6px rgba(var(--g900-rgb,14,53,36),.05);
  --sh2:0 22px 50px rgba(var(--g900-rgb,14,53,36),.14);
  --r:20px;
  --yk-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --yk-script:'Dancing Script','Segoe Script',cursive;
  --yk-head:132px;                     /* üst şerit + menü çubuğu */
}

/* ── Temel ──────────────────────────────────────────────────────────── */
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body.yk{margin:0;font-family:var(--yk-font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
:where(.yk) *,:where(.yk) *::before,:where(.yk) *::after{box-sizing:border-box}
/* Sıfırlamalar :where() ile SIFIR özgüllükte — bileşen sınıflarının (.yk-btn, .ck-btn …) rengini ezmesin */
:where(.yk) img{max-width:100%;display:block}
:where(.yk) a{color:inherit;text-decoration:none}
:where(.yk) :is(h1,h2,h3,h4,h5,p,figure,blockquote){margin:0}
:where(.yk) :is(ul,ol){margin:0;padding:0;list-style:none}
:where(.yk) :is(button,input,select,textarea){font:inherit;color:inherit}
:where(.yk) button{cursor:pointer}
.yk :focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:10px}
.yki{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}
i.yki-fa{width:auto;height:auto;line-height:1}
.yk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yk-skip{position:fixed;left:16px;top:-60px;z-index:300;background:var(--amber);color:var(--g950);padding:10px 16px;border-radius:12px;font-weight:800;transition:top .2s}
.yk-skip:focus{top:12px}

.yk-wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.yk-script{font-family:var(--yk-script);font-weight:700}
/* Başlık yazı tipi (Tema Stüdyosu › Yazı Tipleri) — tanımlı değilse gövde yazı tipi */
.yk-h2,.yk-hero h1,.yk-phero h1,.yk-logo b,.yk-feat h3,.yk-tc h3,.yk-mega__intro h4,.yk-panel__hd h2,.yk-404 h2,.yk-mayor__id b,
.yk-bt__in h4,.yk-spot h4,.yk-cta h4,.yk-mf__in b,.yk-prose h1,.yk-prose h2,.yk-prose h3{font-family:var(--yk-head,var(--yk-font))}

/* ── Ortak başlık / düğme / rozet ───────────────────────────────────── */
.yk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--amberD)}
.yk-eyebrow::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--amber)}
.yk-eyebrow .yki{font-size:15px;color:var(--g500)}
.yk-h2{font-size:40px;line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--g900);margin:12px 0}
.yk-h2 em{font-style:normal;color:var(--g500)}
.yk-lead{color:var(--mut);font-size:15px;max-width:320px}
.yk-head .yk-btn{margin-top:22px}
.yk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap;border:0;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.yk-btn .yki{font-size:18px}
.yk-btn:hover{transform:translateY(-2px)}
.yk-btn-amber{background:linear-gradient(135deg,var(--amber2),var(--amber));color:var(--g950);box-shadow:0 10px 24px rgba(245,166,35,.35)}
.yk-btn-amber:hover{box-shadow:0 14px 30px rgba(245,166,35,.45)}
.yk-btn-green{background:linear-gradient(135deg,var(--g600),var(--g800));color:#fff;box-shadow:0 10px 24px rgba(19,74,49,.28)}
.yk-btn-ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.yk-btn-ghost:hover{background:rgba(255,255,255,.18)}
.yk-btn-soft{background:#fff;color:var(--g800);box-shadow:var(--sh)}
.yk-btn-soft .yki{color:var(--amberD)}
.yk-btn-line{background:transparent;color:var(--g800);border:1.5px solid var(--line)}
.yk-btn-line:hover{border-color:var(--g500);color:var(--g700)}
.yk-btn-sm{height:38px;padding:0 16px;font-size:13px}
.yk-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.yk-rnd{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--mint);color:var(--g700);font-size:18px;transition:background .2s,color .2s,transform .2s}
.yk-glass{background:rgba(var(--g950-rgb,10,40,26),.42);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px}
.t-ihale{background:#fff1dc;color:#b86e00}
.t-meclis{background:#e6eefc;color:#3557b7}
.t-duyuru{background:var(--mint);color:var(--g700)}
.t-yeni{background:#e3f6d0;color:#4b8a0e}
.t-etkinlik{background:#fbe7f1;color:#b23c72}
.t-vefat{background:#eceff1;color:#4a5560}
.t-nikah{background:#fde8e4;color:#c4472c}
.c-dev{background:#fff1dc;color:#b86e00}
.c-ok{background:#e3f6d0;color:#3f7f0c}
.c-plan{background:#e6eefc;color:#3557b7}

/* ── Header (şeffaf; ilk bölümün üstüne biner) ──────────────────────── */
.yk-header{position:absolute;top:0;left:0;right:0;z-index:60;color:#fff}
.yk-topbar{height:44px}
.yk-topbar__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.88)}
.yk-topbar__l,.yk-topbar__r{display:flex;align-items:center;gap:20px;min-width:0;white-space:nowrap}
.yk-topbar .yki{font-size:15px;color:var(--lime);margin-right:6px;vertical-align:-3px}
.yk-topbar__nav{display:flex;gap:18px}
.yk-topbar a:hover{color:#fff}
.yk-topbar__nav a:hover{text-decoration:underline;text-underline-offset:4px}
.yk-topbar__sep{width:1px;height:14px;background:rgba(255,255,255,.25);flex:none}
.yk-topbar__soc{display:flex;gap:8px}
.yk-topbar__soc a{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);transition:background .2s}
.yk-topbar__soc a:hover{background:var(--amber)}
.yk-topbar__soc a .yki{margin:0;color:#fff;font-size:14px}
.yk-lang{padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.14);font-weight:800;border:0;color:#fff;font-size:12px}

.yk-nav{position:relative;margin-top:8px;height:80px;background:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(var(--g950-rgb,5,30,18),.25);display:flex;align-items:center;padding:0 14px 0 20px;color:var(--ink);transition:height .25s,margin .25s,box-shadow .25s}
.yk-logo{display:flex;align-items:center;gap:12px;margin-right:auto;padding-right:14px;flex:none}
.yk-logo img{width:56px;height:56px;border-radius:50%;box-shadow:0 4px 12px rgba(var(--g900-rgb,14,53,36),.18);background:#fff;object-fit:contain;transition:width .25s,height .25s}
.yk-logo b{display:block;font-size:20px;font-weight:800;letter-spacing:.01em;color:var(--g800);line-height:1.05}
.yk-logo small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.34em;color:var(--amberD);margin-top:3px}

.yk-menu{display:flex;align-items:stretch;align-self:stretch;gap:0;margin-right:10px;min-width:0}
.yk-menu > li{position:relative;display:flex;align-items:center}   /* öğe çubuğun TAM yüksekliğinde: panele inerken ölü bölge kalmaz */
.yk-menu > li > a{display:flex;align-items:center;gap:3px;height:44px;padding:0 10px;border-radius:12px;font-weight:700;font-size:14px;color:#253a2e;white-space:nowrap;transition:background .2s,color .2s}
.yk-menu > li > a .yki{font-size:14px;color:#9aaa9f;transition:transform .2s}
.yk-menu > li:hover > a,.yk-menu > li:focus-within > a{background:var(--mint2);color:var(--g700)}
.yk-menu > li:hover > a .yki{transform:rotate(180deg);color:var(--g600)}
.yk-menu > li.on > a{color:var(--g700);background:var(--mint2);box-shadow:inset 0 -3px 0 var(--amber)}
.yk-menu > li.is-home{display:none}

.yk-sub{position:absolute;top:calc(100% + 16px);left:-8px;min-width:250px;background:#fff;border-radius:18px;box-shadow:0 26px 60px rgba(var(--g950-rgb,5,30,18),.2),0 2px 8px rgba(var(--g950-rgb,5,30,18),.06);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility 0s .18s;pointer-events:none;z-index:5}
.yk-sub::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.yk-menu > li:hover > .yk-sub,.yk-menu > li:focus-within > .yk-sub,.yk-menu > li.open > .yk-sub{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .18s,transform .18s}
.yk-menu > li:nth-last-child(-n+2) > .yk-sub{left:auto;right:-8px}
.yk-sub:not(.yk-sub--mega) a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;color:#2a3d31;transition:background .15s,color .15s}
.yk-sub:not(.yk-sub--mega) a:hover,.yk-sub:not(.yk-sub--mega) a.on{background:var(--mint2);color:var(--g700)}
.yk-sub:not(.yk-sub--mega) a > .yki{color:var(--g500);font-size:16px}
.yk-sub:not(.yk-sub--mega) a > .yki.yk-sub__dot{font-size:12px;color:#b8c7bc}
/* ── Mega panel (alt menüsü olan her üst öğe) ─────────────────────────
   Menü çubuğunun tam genişliğinde, 3 bölge: tanıtım · bağlantılar · vitrin.
   Kaybolmaması için: öğe çubuğun tam yüksekliğinde (ölü bölge yok), panelin üstünde
   görünmez köprü, JS ile 250 ms kapanma toleransı (yk.js → hover niyeti). */
.yk-menu > li.has-mega{position:static}
.yk-sub--mega{top:calc(100% + 12px);left:12px;right:12px;min-width:0;display:grid;grid-template-columns:262px minmax(0,1fr) 286px;gap:16px;padding:14px;border-radius:26px;box-shadow:0 34px 80px rgba(var(--g950-rgb,5,30,18),.24),0 2px 10px rgba(var(--g950-rgb,5,30,18),.06);transform:translateY(12px)}
.yk-sub--mega::before{top:-26px;height:26px}
.yk-menu > li.has-mega:nth-last-child(-n+2) > .yk-sub--mega{left:12px;right:12px}

.yk-mega__intro{position:relative;overflow:hidden;border-radius:20px;padding:24px 22px 22px;color:#fff;background:linear-gradient(155deg,var(--g600),var(--g800) 55%,var(--g950));display:flex;flex-direction:column;min-height:280px}
.yk-mega__intro::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(195,230,106,.28),transparent 70%)}
.yk-mega__ic{position:relative;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:var(--lime);display:grid;place-items:center;font-size:27px}
.yk-mega__intro small{position:relative;display:block;margin-top:18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.yk-mega__intro h4{position:relative;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:4px}
.yk-mega__intro p{position:relative;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82);margin-top:10px}
.yk-mega__intro .yk-btn{position:relative;margin-top:auto;align-self:flex-start;z-index:1}
.yk-mega__intro p + .yk-btn{margin-top:22px}
.yk-mega__trees{position:absolute;right:12px;bottom:-4px;width:130px;height:66px;color:rgba(255,255,255,.08);pointer-events:none}

.yk-mega__links{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:4px 12px;align-content:start;padding:8px 2px}
.yk-mega__grp{display:grid;gap:2px;align-content:start}
.yk-mega__grp h5{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amberD);padding:4px 12px 8px;display:flex;align-items:center;gap:8px}
.yk-mega__grp h5::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--amber)}
.yk-ml{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:16px;color:#22382b;transition:background .18s,transform .18s}
.yk-ml__ic{width:42px;height:42px;border-radius:13px;background:var(--mint2);color:var(--g600);display:grid;place-items:center;font-size:20px;flex:none;transition:background .18s,color .18s,transform .18s}
.yk-ml:nth-child(4n+2) .yk-ml__ic{background:#fff6e6;color:var(--amberD)}
.yk-ml:nth-child(4n+3) .yk-ml__ic{background:#eaf4fb;color:#1f7fb8}
.yk-ml:nth-child(4n+4) .yk-ml__ic{background:#f6eefb;color:#8a4fc2}
.yk-ml__tx{min-width:0;flex:1}
.yk-ml__tx b{display:block;font-size:14px;font-weight:700;line-height:1.3;color:#1d3326}
.yk-ml__tx small{display:block;font-size:12px;font-weight:600;color:var(--mut);margin-top:1px}
.yk-ml__go{margin-left:auto;font-size:16px;color:var(--g600);opacity:0;transform:translateX(-6px);transition:opacity .18s,transform .18s}
.yk-ml:hover,.yk-ml:focus-visible{background:var(--mint2)}
.yk-ml:hover .yk-ml__ic,.yk-ml:focus-visible .yk-ml__ic{background:var(--g700);color:#fff;transform:scale(1.05)}
.yk-ml:hover .yk-ml__go,.yk-ml:focus-visible .yk-ml__go{opacity:1;transform:none}
.yk-ml.on .yk-ml__tx b{color:var(--g600)}
.yk-ml.on .yk-ml__ic{box-shadow:inset 0 0 0 2px var(--g500)}

.yk-mega__feat{display:flex}
.yk-sub--mega.yk-sub--nofeat{grid-template-columns:262px minmax(0,1fr)}   /* Menü Yöneticisi › Vitrin yok */
.yk-mf{flex:1;position:relative;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:280px}
.yk-mf--photo{color:#fff;background:var(--g800);justify-content:flex-end}
.yk-mf--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.yk-mf--photo:hover img{transform:scale(1.05)}
.yk-mf--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--g950-rgb,5,30,18),.05) 25%,rgba(var(--g950-rgb,5,30,18),.9))}
.yk-mf__in{position:relative;z-index:2;padding:20px;display:flex;flex-direction:column;gap:6px}
.yk-mf--photo .yk-chip{align-self:flex-start;background:var(--amber);color:var(--g950)}
.yk-mf--photo .yk-chip--lime{background:var(--lime)}
.yk-mf__in small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;opacity:.85}
.yk-mf__in b{font-size:16.5px;font-weight:800;line-height:1.3}
.yk-mf__in em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:13px;font-weight:800;color:var(--lime);margin-top:4px}
.yk-mf__in em .yki{transition:transform .2s}
.yk-mf:hover .yk-mf__in em .yki{transform:translateX(4px)}
.yk-mf--mayor{background:linear-gradient(180deg,var(--mint2),#fff)}
/* Portre kırpılmaz: tam boy, alta yaslı; arkada aynı fotoğrafın bulanık hâli (fon rengi kendiliğinden eşleşir) */
.yk-mf__ph{position:relative;height:210px;overflow:hidden;background:#6f7471}
.yk-mf__ph .yk-mf__bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(18px) saturate(.9);transform:scale(1.05)}
.yk-mf__ph .yk-mf__fg{position:relative;display:block;height:100%;width:auto;max-width:100%;margin:0 auto;object-fit:contain;object-position:50% 100%;transition:transform .4s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.yk-mf--mayor:hover .yk-mf__fg{transform:scale(1.03)}
.yk-mf--mayor .yk-mf__in{padding:16px 18px 18px}
.yk-mf--mayor small{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amberD);opacity:1}
.yk-mf--mayor b{font-size:20px;color:var(--g900)}
.yk-mf--mayor q{font-size:12.5px;font-style:italic;color:var(--mut);line-height:1.45;quotes:"“" "”"}
.yk-mf--mayor em{color:var(--g600)}
.yk-mf--amber,.yk-mf--contact{padding:22px;gap:10px}
.yk-mf--amber{background:linear-gradient(150deg,var(--amber2),var(--amber) 55%,#e08a0b);color:var(--g950)}
.yk-mf--contact{background:linear-gradient(150deg,var(--g700),var(--g900));color:#fff}
.yk-mf__ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:rgba(255,255,255,.35)}
.yk-mf--contact .yk-mf__ic{background:rgba(255,255,255,.12);color:var(--lime)}
.yk-mf--amber b,.yk-mf--contact b{font-size:19px;font-weight:800;line-height:1.2;margin-top:6px}
.yk-mf--amber p{font-size:13px;line-height:1.5;opacity:.85}
.yk-mf--amber .yk-btn{margin-top:auto;background:#fff;color:var(--g800);align-self:flex-start}
.yk-mf__link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--g900)}
.yk-mf--contact a:not(.yk-btn){display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#fff;word-break:break-all}
.yk-mf--contact a .yki{color:var(--lime);flex:none}
.yk-mf--contact .yk-btn{margin-top:auto;align-self:flex-start}
@media (max-width:1320px){
  .yk-sub--mega{grid-template-columns:232px minmax(0,1fr) 250px}
  .yk-sub--mega.yk-sub--nofeat{grid-template-columns:232px minmax(0,1fr)}
  .yk-mega__intro h4{font-size:23px}
}

.yk-nav__search{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint2);color:var(--g700);font-size:20px;margin-right:10px;border:0;flex:none;transition:background .2s}
.yk-nav__search:hover{background:var(--mint)}
.yk-nav__eb{height:48px;flex:none}
.yk-burger{display:none;width:46px;height:46px;border-radius:14px;place-items:center;background:var(--g700);color:#fff;font-size:22px;border:0;margin-left:10px;flex:none}

.yk-header.is-stuck{position:fixed;animation:ykDrop .35s ease}
.yk-header.is-stuck .yk-topbar{display:none}
.yk-header.is-stuck .yk-nav{margin-top:10px;height:68px;box-shadow:0 14px 34px rgba(var(--g950-rgb,5,30,18),.24)}
.yk-header.is-stuck .yk-logo img{width:46px;height:46px}
@keyframes ykDrop{from{transform:translateY(-100%)}to{transform:none}}

/* ── Mobil çekmece ──────────────────────────────────────────────────── */
.yk-drawer{position:fixed;inset:0;z-index:200;visibility:hidden;transition:visibility 0s .3s}
.yk-drawer.open{visibility:visible;transition:none}
.yk-drawer__bg{position:absolute;inset:0;background:rgba(var(--g950-rgb,5,25,15),.55);opacity:0;transition:opacity .3s;border:0;width:100%}
.yk-drawer.open .yk-drawer__bg{opacity:1}
.yk-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(390px,88vw);background:#fff;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2)}
.yk-drawer.open .yk-drawer__panel{transform:none}
.yk-drawer__hd{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.yk-drawer__hd .yk-logo img{width:46px;height:46px}
.yk-drawer__hd .yk-logo b{font-size:17px}
.yk-drawer__x{width:44px;height:44px;border-radius:12px;border:0;background:var(--mint2);color:var(--g700);display:grid;place-items:center;font-size:22px}
.yk-drawer__body{flex:1;overflow-y:auto;padding:10px 14px}
.yk-dnav > li{border-bottom:1px solid var(--line)}
.yk-dnav__row{display:flex;align-items:center}
.yk-dnav__row > a{flex:1;display:block;padding:14px 6px;font-weight:700;font-size:15.5px;color:#22382b}
.yk-dnav__row > a.on{color:var(--g600)}
.yk-dnav__tg{width:44px;height:44px;border:0;background:transparent;color:#8aa093;display:grid;place-items:center;font-size:18px;border-radius:12px}
.yk-dnav__tg .yki{transition:transform .2s}
.yk-dnav li.open > .yk-dnav__row .yk-dnav__tg .yki{transform:rotate(180deg)}
.yk-dnav__sub{display:none;padding:0 0 10px 10px}
.yk-dnav li.open > .yk-dnav__sub{display:block}
.yk-dnav__sub a{display:flex;align-items:center;gap:8px;padding:10px 8px;font-size:14.5px;font-weight:600;color:#3d5446;border-radius:10px}
.yk-dnav__sub a:hover{background:var(--mint2)}
.yk-dnav__sub a .yki{color:var(--g500);font-size:13px}
.yk-dnav__sub .yk-dnav__sub{display:block;padding-left:14px}
.yk-drawer__ft{padding:16px 18px 22px;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px;font-weight:600;color:#33493b}
.yk-drawer__ft a{display:flex;align-items:center;gap:10px}
.yk-drawer__ft .yki{color:var(--g600);font-size:18px}
.yk-drawer__ft .yk-btn{justify-content:center;color:var(--g950)}
.yk-drawer__soc{display:flex;gap:8px}
.yk-drawer__soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mint2)}
body.yk-lock{overflow:hidden}

/* ── Arama katmanı ──────────────────────────────────────────────────── */
.yk-search{position:fixed;inset:0;z-index:210;display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 0;background:rgba(var(--g950-rgb,6,30,18),.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
.yk-search.open{opacity:1;visibility:visible;transition:opacity .2s}
.yk-search__box{width:min(720px,100%)}
.yk-search form{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.yk-search form > .yki{font-size:22px;color:var(--g600)}
.yk-search input{flex:1;min-width:0;border:0;outline:0;height:48px;font-size:17px;font-weight:600;background:transparent}
.yk-search__hint{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:rgba(255,255,255,.8);font-size:13px;font-weight:600}
.yk-search__hint a{height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;color:#fff;transition:background .2s}
.yk-search__hint a:hover{background:var(--amber);color:var(--g950)}
.yk-search__x{position:absolute;top:22px;right:22px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;display:grid;place-items:center}

/* ── İç sayfa başlık bandı ──────────────────────────────────────────── */
.yk-phero{position:relative;color:#fff;padding:calc(var(--yk-head) + 58px) 0 170px;overflow:hidden;background:var(--g900)}
.yk-phero__bg{position:absolute;inset:0;background-position:center 58%;background-size:cover}
.yk-phero__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(var(--g950-rgb,7,32,20),.92) 0%,rgba(var(--g950-rgb,7,32,20),.74) 40%,rgba(var(--g950-rgb,7,32,20),.35) 75%,rgba(var(--g950-rgb,7,32,20),.2) 100%),
  linear-gradient(180deg,rgba(var(--g950-rgb,7,32,20),.6) 0%,rgba(var(--g950-rgb,7,32,20),.1) 40%,rgba(var(--g950-rgb,7,32,20),.25) 100%)}
.yk-phero__in{position:relative;z-index:3;max-width:860px}
.yk-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.78)}
.yk-crumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.yk-crumbs .yki{font-size:12px;opacity:.6}
.yk-crumbs span[aria-current]{color:var(--lime)}
.yk-phero .yk-eyebrow{color:#fff;margin-top:20px}
.yk-phero .yk-eyebrow::before{background:var(--lime)}
.yk-phero h1{font-size:clamp(30px,4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin-top:12px;text-wrap:balance}
.yk-phero h1 em{font-style:normal;color:var(--lime)}
.yk-phero__lead{margin-top:14px;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.88);max-width:640px}
.yk-phero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.yk-phero__meta span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.yk-phero__meta .yki{color:var(--lime);font-size:16px}
.yk-phero__script{position:absolute;right:0;bottom:-6px;z-index:3;font-family:var(--yk-script);font-size:46px;font-weight:700;color:rgba(255,255,255,.9);transform:rotate(-6deg);text-shadow:0 6px 20px rgba(0,0,0,.25);pointer-events:none}
.yk-hills{position:absolute;left:0;right:0;bottom:-1px;z-index:2;width:100%;height:190px;pointer-events:none}
.yk-phero .yk-hills{height:150px}

/* İçerik gövdesi */
.yk-main{position:relative;z-index:3}
.yk-pbody{position:relative;z-index:4;margin-top:-64px;padding-bottom:30px}
.yk-sec{padding:96px 0 0}

/* ── Bildirim (köşe toast) ──────────────────────────────────────────── */
.yk-toast{position:fixed;right:20px;top:20px;z-index:250;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}
.yk-toast__i{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:16px;padding:14px 14px 14px 16px;box-shadow:0 24px 60px rgba(var(--g950-rgb,5,30,18),.25);border-left:5px solid var(--g500);font-size:14px;font-weight:600;color:var(--ink);animation:ykToast .35s ease}
.yk-toast__i--err{border-left-color:#d4553a}
.yk-toast__i > .yki{font-size:22px;color:var(--g500);margin-top:1px}
.yk-toast__i--err > .yki{color:#d4553a}
.yk-toast__i span{flex:1}
.yk-toast__x{width:28px;height:28px;border:0;border-radius:8px;background:var(--mint2);color:var(--mut);display:grid;place-items:center;font-size:15px}
@keyframes ykToast{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* ── Çerez bandı (partials/cookie-banner.php) tema renkleriyle ─────── */
.yk .ck-banner{background:linear-gradient(150deg,var(--g800),var(--g950));border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -20px rgba(0,0,0,.55)}
.yk .ck-banner__txt a{color:var(--lime)}
.yk .ck-btn{border-radius:999px;padding:12px 20px}
.yk .ck-btn--light,.yk .ck-btn--dark{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}
.yk .ck-btn--light:hover,.yk .ck-btn--dark:hover{background:rgba(255,255,255,.2)}
.yk .ck-btn[data-action="accept-all"]{background:linear-gradient(135deg,var(--amber2),var(--amber));color:var(--g950);border-color:transparent}
.yk .ck-btn[data-action="accept-all"]:hover{background:var(--amber2)}

/* ── Belirme animasyonu ─────────────────────────────────────────────── */
.js .yk-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .yk-rv.in{opacity:1;transform:none}

/* ── Duyarlı ────────────────────────────────────────────────────────── */
@media (max-width:1400px){
  .yk-menu > li > a{padding:0 8px;font-size:13.5px}
  .yk-logo b{font-size:18px}
  .yk-logo img{width:50px;height:50px}
  .yk-nav__eb{padding:0 16px}
}
@media (max-width:1180px){
  .yk-menu{display:none}
  .yk-burger{display:grid}
  .yk-nav__eb{margin-left:auto}
  .yk-logo{margin-right:16px}
  .yk-topbar__nav,.yk-topbar__nav + .yk-topbar__sep{display:none}
}
@media (max-width:980px){
  .yk-h2{font-size:34px}
  .yk-topbar__mail,.yk-topbar__wx,.yk-topbar__wx + .yk-topbar__sep{display:none}
  .yk-phero{padding-bottom:150px}
  .yk-phero__script{display:none}
}
@media (max-width:760px){
  :root{--yk-head:112px}
  .yk-wrap{width:calc(100% - 32px)}
  .yk-topbar{height:36px}
  .yk-topbar__in{font-size:12px}
  .yk-topbar__date,.yk-topbar__date + .yk-topbar__sep,.yk-topbar__soc,.yk-lang{display:none}
  .yk-topbar__in{justify-content:center}
  .yk-nav{height:68px;border-radius:18px;padding:0 10px 0 12px;margin-top:6px}
  .yk-logo img{width:46px;height:46px}
  .yk-logo b{font-size:16px}
  .yk-logo small{font-size:9px;letter-spacing:.3em}
  .yk-nav__eb{display:none}
  .yk-nav__search{margin-left:auto;margin-right:0}
  .yk-h2{font-size:30px}
  .yk-lead{max-width:none}
  .yk-sec{padding-top:72px}
  .yk-phero{padding:calc(var(--yk-head) + 40px) 0 120px}
  .yk-phero__lead{font-size:15px}
  .yk-phero .yk-hills{height:100px}
  .yk-pbody{margin-top:-40px}
  .yk-toast{left:16px;right:16px;top:16px;max-width:none}
}
@media (max-width:420px){
  .yk-logo small{display:none}
  .yk-logo b{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .yk *,.yk *::before,.yk *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .yk-rv{opacity:1;transform:none}
}