/* v48.9: رأس الرئيسية كبسولة عائمة مثل رأس صفحات المنتجات تمامًا (نفس المقاسات والألوان والحالة الفاتحة عند التمرير وقائمة الجوال) */
.hd{top:calc(env(safe-area-inset-top,0px) + 14px)!important;inset-inline:0;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (max-width:1300px){.hd{inset-inline:16px}}
.hd .w,.hd.s .w{width:auto;max-width:1220px;height:66px!important;margin:0 auto;padding-inline:14px 18px;gap:30px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,0,85,.42);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);transition:background .3s,border-color .3s,box-shadow .3s}
.hd.s .w{background:rgba(251,250,254,.88);border-color:#E6E1F2;box-shadow:0 18px 40px -26px rgba(37,16,94,.55)}
.hd .lg,.hd.s .lg{height:36px!important;width:auto}
.hd.s .lg-w{content:url(/assets/img/dit-logo.webp)}
.hd nav a{font-family:Alexandria,"IBM Plex Sans Arabic",sans-serif!important;font-weight:400!important;font-size:14.5px!important;padding:0!important;border-radius:0!important;background:none!important;color:#A79ECB!important;position:relative;white-space:nowrap;transition:color .2s}
.hd nav a.on,.hd nav a:hover{color:#F4F1FA!important;background:none!important}
.hd nav a.on::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;border-radius:2px;background:#66C4C9}
.hd.s nav a{color:#6B6489!important}
.hd.s nav a.on,.hd.s nav a:hover{color:#15112B!important}
.hd nav{gap:26px!important}
.hd .b-sm{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7C4DFF,#52269C)!important;color:#fff!important;font-family:Alexandria,"IBM Plex Sans Arabic",sans-serif!important;font-weight:500!important;font-size:14px!important;line-height:25px!important;padding:9px 16px!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:0 10px 30px -10px rgba(165,101,255,.7),inset 0 1px 0 rgba(255,255,255,.25)!important;position:relative;top:-1px}
@media (min-width:981px) and (max-width:1320px){.hd nav{gap:16px!important}.hd nav a{font-size:13.5px!important}.hd .b-sm{padding:9px 14px!important}}
.hd .burger{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:#F4F1FA}
.hd.s .burger{color:#615483;border-color:#E7DEF5}
@media (max-width:980px){
.hd .w,.hd.s .w{border-radius:20px}
.hd .b-sm,.hd nav{display:none}
.hd nav.open{display:flex}
.burger{display:grid;place-items:center;margin-inline-start:auto}
.hd nav{position:absolute;left:0!important;right:0!important;top:76px;flex-direction:column;align-items:stretch;gap:0!important;transform:none!important;background:#FBFAFE;padding:8px clamp(16px,4vw,48px) 18px;border:1px solid #E7DEF5;border-radius:20px;box-shadow:0 20px 40px -30px rgba(37,16,94,.5)}
.hd nav a,.hd.s nav a{color:#615483!important;padding:13px 0!important;font-size:16px!important;border-bottom:1px solid #E7DEF5}
.hd nav a.on,.hd.s nav a.on{color:#15112B!important}
.hd nav a.on::after{display:none}
.hd:has(nav.open) .w{background:rgba(251,250,254,.88);border-color:#E6E1F2}
.hd:has(nav.open) .lg-w{content:url(/assets/img/dit-logo.webp)}
.hd:has(nav.open) .burger{color:#615483;border-color:#E7DEF5}
}