/* Ortak üst çubuk — sitenin BÜTÜN sayfalarında aynı işaretleme ve aynı stil.
   Kendi renklerini taşır: sayfalar farklı değişken adları kullandığı için
   (--text / --ink) sayfanın stiline bağlanmaz, hiçbiriyle çakışmaz. */
.ykh{--h-bg:#FCFDFC;--h-line:#DCE8E1;--h-text:#0F1A15;--h-text2:#4E5F57;--h-brand:#21744E;
position:sticky;top:0;z-index:50;border-bottom:1px solid var(--h-line);
background:color-mix(in srgb,var(--h-bg) 88%,transparent);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ykh-ic{max-width:1080px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:20px}
.ykh-marka{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;
color:var(--h-text);font-weight:700;font-size:17px;letter-spacing:-.015em}
.ykh-marka img{display:block;width:36px;height:36px;border-radius:9px}
.ykh nav{margin-left:auto;display:flex;gap:22px}
.ykh nav a{color:var(--h-text2);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.ykh nav a:hover{color:var(--h-brand)}
.ykh nav a[aria-current]{color:var(--h-brand);font-weight:650}
/* Telefonda menü GİZLENMEZ: markanın altına ikinci satır olarak iner;
   sığmazsa yatay kayar. */
@media(max-width:640px){
.ykh-ic{flex-wrap:wrap;gap:4px 0;padding:8px 16px}
.ykh nav{margin-left:0;width:100%;overflow-x:auto;gap:14px;padding:4px 0 2px;scrollbar-width:none;justify-content:space-between}
.ykh nav a{font-size:13.5px}
.ykh nav::-webkit-scrollbar{display:none}}