.site-header { position: sticky; z-index: var(--moweb-z-header); top: 0; border-bottom: 1px solid transparent; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
.main-header { border-bottom: 1px solid var(--moweb-color-border); background: rgba(255,255,255,.96); }
.main-header__inner { display: grid; min-height: 82px; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; }
.site-branding { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.site-branding,.site-branding__logo { color: var(--moweb-color-heading); font-size: 1.1rem; font-weight: 700; text-decoration: none; }
.site-branding .custom-logo { width: auto; max-width: 122px; max-height: 45px; }
.site-branding__tagline { padding-inline-start: 12px; border-inline-start: 1px solid var(--moweb-color-border); color: var(--moweb-color-muted); font-size: .7rem; font-weight: 700; white-space: nowrap; }
.main-navigation__menu { display: flex; align-items: center; justify-content: center; gap: clamp(17px,2.3vw,32px); padding: 0; margin: 0; list-style: none; }
.main-navigation a { position: relative; padding: 9px 0; color: var(--moweb-color-heading); font-size: .85rem; font-weight: 700; text-decoration: none; }
.main-navigation a::after { position: absolute; right: 0; bottom: 2px; width: 0; height: 2px; border-radius: 2px; background: var(--moweb-color-brand); content: ""; transition: width .2s ease; }
.main-navigation a:hover::after,.main-navigation .current-menu-item a::after { width: 100%; }
.store-actions { display: flex; align-items: center; gap: 8px; }.store-action { border-radius: 999px !important; }
.mobile-menu-toggle { display: none; position: relative; width: 42px; height: 42px; padding: 0; border: 1px solid var(--moweb-color-border); border-radius: 12px; background: #fff; cursor: pointer; }
.mobile-menu-toggle::before,.mobile-menu-toggle::after,.mobile-menu-toggle > span[aria-hidden="true"] { position: absolute; right: 10px; width: 20px; height: 2px; background: var(--moweb-color-heading); content: ""; }.mobile-menu-toggle::before { top: 12px; }.mobile-menu-toggle > span[aria-hidden="true"] { top: 19px; }.mobile-menu-toggle::after { top: 26px; }
@media (max-width: 991px) { .main-navigation { display: none; }.main-header__inner { grid-template-columns: auto auto 1fr; gap: 12px; }.mobile-menu-toggle { display: block; }.store-actions { justify-self: end; }.site-branding .custom-logo { max-width: 105px; }.site-branding__tagline { display: none; } }
@media (max-width: 575px) { .main-header__inner { min-height: 68px; }.store-actions .store-action__label { display: none; } }