.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:1000}
.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{height:56px}
.logo img{height:100%;width:auto}
.nav{display:flex;align-items:center;flex:1;justify-content:center}
.nav a{padding:8px 16px;font-family:var(--font-ar);font-size:14px;font-weight:500;position:relative}
.nav a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold);transition:width .3s}
.nav a:hover::after,.nav a.active::after{width:100%}
.nav a:hover,.nav a.active{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:16px}
.header-actions a{font-size:18px;padding:4px}
.lang-btn{font-family:var(--font-en);font-size:13px;font-weight:600;padding:5px 14px;border:1.5px solid var(--gold);border-radius:20px;color:var(--gold);background:none;cursor:pointer;letter-spacing:1px}
.lang-btn:hover{background:var(--gold);color:var(--white)}
.cart-badge{position:relative}
.cart-badge span{position:absolute;top:-6px;right:-8px;background:var(--gold);color:var(--white);font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
@media(max-width:768px){
.nav{display:none}
.header-inner{padding:0 14px;gap:10px}
}
.fav-link{position:relative}
.menu-btn{display:none;background:none;border:none;font-size:26px;color:var(--ink);cursor:pointer;padding:4px 8px;line-height:1;order:9}
.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:all .3s;z-index:1000}
.m-overlay.open{opacity:1;visibility:visible}
.m-drawer{position:fixed;top:0;right:-320px;width:285px;max-width:85vw;height:100%;background:#fff;z-index:1001;transition:right .3s;box-shadow:-4px 0 20px rgba(0,0,0,.12);padding:20px;box-sizing:border-box;overflow-y:auto}
.m-drawer.open{right:0}
.m-close{background:none;border:none;font-size:32px;color:var(--ink);cursor:pointer;float:left;line-height:.7}
.m-nav{display:flex;flex-direction:column;gap:2px;margin-top:44px;clear:both}
.m-nav a{padding:14px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;text-decoration:none;transition:color .2s}
.m-nav a:active,.m-nav a.active{color:var(--gold)}
@media(max-width:768px){
.menu-btn{display:block}
}
@media(min-width:769px){#mDrawer,#mOverlay{display:none!important}}