.souq-header{ position:sticky; top:0; z-index:50; background:var(--souq-surface); box-shadow:var(--souq-shadow-sm); }

.souq-header__topbar{ background:var(--souq-primary-deep); color:#fff; font-size:12px; padding-block:8px; }
.souq-header__topbar-inner{ display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; text-align:center; }
.souq-header__topbar-sep{ opacity:.5; }

.souq-header__main{ background:var(--souq-surface); border-block-end:1px solid var(--souq-border); }
.souq-header__main-inner{ display:flex; align-items:center; gap:12px; padding-block:12px; }

.souq-header__logo{ display:flex; align-items:center; gap:8px; flex-shrink:0; }
.souq-header__logo-mark{
	background:var(--souq-primary); color:#fff; width:40px; height:40px; border-radius:var(--souq-radius-md);
	display:flex; align-items:center; justify-content:center; font-weight:900; font-size:16px;
}
.souq-header__logo-text{ display:none; }
.souq-header__logo-text strong{ display:block; font-size:18px; color:var(--souq-text); line-height:1.2; }
.souq-header__logo-text small{ display:block; font-size:11px; color:var(--souq-text-muted); }
@media (min-width:640px){ .souq-header__logo-text{ display:block; } }

.souq-header__search{ flex:1; display:flex; border:1px solid var(--souq-border); border-radius:var(--souq-radius-md); overflow:hidden; }
.souq-header__search input{ flex:1; border:0; padding:10px 14px; font-size:14px; outline:none; }
.souq-header__search input:focus{ box-shadow:inset 0 0 0 2px var(--souq-primary); }
.souq-header__search button{
	background:var(--souq-primary); color:#fff; border:0; padding-inline:18px; display:flex; align-items:center;
}
.souq-header__search button:hover{ background:var(--souq-primary-dark); }
.souq-header__search svg{ width:18px; height:18px; }

.souq-header__actions{ display:flex; align-items:center; gap:4px; flex-shrink:0; }
.souq-header__action{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px; border-radius:var(--souq-radius-sm); color:var(--souq-text); font-size:11px; }
.souq-header__action:hover{ background:var(--souq-primary-light); color:var(--souq-primary-dark); }
.souq-header__action svg{ width:20px; height:20px; }
.souq-header__action--desktop-only{ display:none; }
@media (min-width:768px){ .souq-header__action--desktop-only{ display:flex; } }
.souq-header__cart{ position:relative; }
.souq-header__cart-count{
	position:absolute; top:2px; inset-inline-end:2px; background:var(--souq-danger); color:#fff;
	width:18px; height:18px; border-radius:999px; font-size:10px; font-weight:800;
	display:flex; align-items:center; justify-content:center;
}
.souq-header__menu-toggle{ background:none; border:0; padding:8px; color:var(--souq-text); }
@media (min-width:768px){ .souq-header__menu-toggle{ display:none; } }
.souq-header__menu-toggle svg{ width:24px; height:24px; }

.souq-nav--desktop{ display:none; border-block-end:1px solid var(--souq-border); background:var(--souq-surface); }
@media (min-width:768px){ .souq-nav--desktop{ display:block; } }
.souq-nav__inner{ display:flex; align-items:center; gap:4px; overflow-x:auto; padding-block:4px; }
.souq-nav__list{ list-style:none; display:flex; gap:2px; margin:0; padding:0; }
.souq-nav__list a{ display:block; padding:8px 14px; border-radius:var(--souq-radius-sm); font-size:14px; font-weight:600; color:var(--souq-text-secondary); white-space:nowrap; }
.souq-nav__list a:hover{ color:var(--souq-primary); background:var(--souq-primary-light); }
.souq-nav__deals{ margin-inline-start:auto; color:var(--souq-danger); font-weight:800; font-size:14px; white-space:nowrap; }

.souq-mobile-menu{ background:var(--souq-surface); border-block-start:1px solid var(--souq-border); box-shadow:var(--souq-shadow-md); }
.souq-mobile-menu[hidden]{ display:none; }
.souq-mobile-menu__list{ list-style:none; margin:0; padding:12px 16px; display:flex; flex-direction:column; gap:4px; }
.souq-mobile-menu__list a{ display:block; padding:10px 14px; border-radius:var(--souq-radius-sm); font-size:14px; color:var(--souq-text); }
.souq-mobile-menu__list a:hover{ background:var(--souq-primary-light); color:var(--souq-primary-dark); }