/* ===== واجهة موقع حديثة: قائمة علوية بدل الشريط السفلي ===== */
nav:not(.sitemenu){display:none!important}
.page{padding-bottom:48px}
.menu-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;flex:none}
.topbar .tools{display:flex;align-items:center;gap:8px}
.topbar{padding-block:12px}
.topbar .brand img{height:42px;width:auto}
.sitemenu{position:sticky;top:68px;z-index:29;display:none;flex-direction:column;gap:2px;margin:0 12px;padding:8px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.sitemenu.open{display:flex;animation:smIn .18s ease-out}
@keyframes smIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sitemenu a{padding:13px 16px;border-radius:14px;font-weight:600;font-size:16px;color:var(--text);text-decoration:none;display:block}
.sitemenu a:active,.sitemenu a.on{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}
/* سطح المكتب: روابط ظاهرة داخل الشريط العلوي */
@media (min-width:900px){
 .menu-btn{display:none}
 header{position:relative}
 .sitemenu{display:flex!important;flex-direction:row;position:absolute;top:12px;inset-inline:0;margin:0 auto;width:max-content;z-index:31;padding:4px;border-radius:999px;animation:none}
 .sitemenu a{padding:9px 16px;font-size:14px;border-radius:999px;white-space:nowrap}
 .page{max-width:1200px;margin-inline:auto;padding-inline:max(32px,calc((100% - 1200px)/2))}
 .pgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:22px!important}
 .sitefoot{padding:40px 44px 28px}
 .sitefoot .ft-cols{max-width:520px}
}