/* ملهمون — الشريط العلوي والقائمة */
/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:20px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand .logo{height:36px}
.brand .pill{font-size:13.5px}
.nav{display:flex;gap:2px;margin-inline-start:auto;align-items:center}
.nav a{text-decoration:none;padding:7px 12px;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap}
.nav a:hover{background:var(--surface)}
.menu-btn{display:none;margin-inline-start:auto;background:none;border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:500;cursor:pointer}
@media (max-width:1280px){.brand .pill{display:none}}
@media (max-width:560px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;inset:100% 0 auto;background:var(--bg);flex-direction:column;align-items:stretch;padding:10px 20px 20px;border-bottom:1px solid var(--line);max-height:calc(100vh - 80px);overflow:auto}
  .site-head.open .nav{display:flex}
  .nav a{padding:12px 14px;font-size:16px}
}