.mgh-header,.mgh-header *{box-sizing:border-box}
.mgh-header{position:relative;width:100%;max-width:100%;margin:0;background:var(--mgh-header-bg);color:var(--mgh-header-text);font:400 var(--mgh-font-size)/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate;z-index:9990;overflow-wrap:anywhere}
.mgh-header.mgh-sticky{position:sticky;top:var(--mgh-toolbar,0px)}
.mgh-header.mgh-shadow{box-shadow:0 4px 20px #17233f16}
.mgh-header [hidden]{display:none!important}
.mgh-header .mgh-container{max-width:var(--mgh-max-width);width:100%;margin-inline:auto;padding-inline:24px}
.mgh-header.mgh-width-full .mgh-container{max-width:none}
.mgh-header a{color:inherit;text-decoration:none}
.mgh-header button,.mgh-header input,.mgh-header select{font:inherit;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;max-width:100%}
.mgh-header button{cursor:pointer;border:var(--mgh-border-width) solid transparent;border-radius:var(--mgh-radius);background:transparent;color:inherit;min-height:44px;padding:8px 12px;line-height:1.3}
.mgh-header a:focus-visible,.mgh-header button:focus-visible,.mgh-header input:focus-visible,.mgh-header select:focus-visible{outline:3px solid var(--mgh-focus);outline-offset:3px;box-shadow:0 0 0 3px var(--mohammad-secondary)}
.mgh-header .mgh-icon{width:21px;height:21px;flex:none;display:block}
.mgh-header .mgh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mgh-header .mgh-utility{background:var(--mgh-nav-bg);color:var(--mgh-nav-text);font-size:12px}
.mgh-header .mgh-utility .mgh-container{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;min-height:36px}
.mgh-header .mgh-utility a{display:inline-flex;align-items:center;min-height:36px}
.mgh-header .mgh-utility a:hover{text-decoration:underline}
.mgh-header .mgh-main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mgh-gap);min-height:var(--mgh-main-height);padding-block:16px}
.mgh-header .mgh-brand{display:flex;flex-direction:column;gap:4px;flex:0 1 var(--mgh-logo-desktop);min-width:0;font-weight:700;letter-spacing:.035em;line-height:1.2}
.mgh-header .mgh-brand-name{font-size:20px;max-width:100%}
.mgh-header .mgh-tagline{font-size:11px;font-weight:400;letter-spacing:.02em}
.mgh-header .mgh-logo{display:block;width:var(--mgh-logo-desktop);max-width:100%;height:auto;object-fit:contain}
.mgh-header .mgh-search{display:flex;flex:1 1 290px;min-width:0;align-items:stretch;background:var(--mgh-search-bg);color:var(--mgh-search-text);border:var(--mgh-border-width) solid var(--mohammad-border);border-radius:var(--mgh-radius);margin:0}
.mgh-header .mgh-search input{width:100%;min-width:0;flex:1 1 100px;border:0;border-radius:var(--mgh-radius);padding:10px 12px;min-height:46px;background:var(--mgh-search-bg);color:var(--mgh-search-text)}
.mgh-header .mgh-search input::placeholder{color:var(--mgh-search-text);opacity:.8}
.mgh-header .mgh-search select{flex:0 1 145px;min-width:75px;width:auto;border:0;border-inline-end:var(--mgh-border-width) solid var(--mohammad-border);border-radius:var(--mgh-radius) 0 0 var(--mgh-radius);padding:8px;min-height:46px;background:var(--mohammad-background-alt);color:var(--mohammad-heading)}
.mgh-header .mgh-search button{display:grid;place-items:center;flex:none;min-width:46px;background:var(--mgh-button-bg);color:var(--mgh-button-text);border-radius:0 var(--mgh-radius) var(--mgh-radius) 0}
.mgh-header .mgh-search button:hover,.mgh-header .mgh-action:hover,.mgh-header .mgh-menu a:hover,.mgh-header .mgh-sub-toggle:hover{background:var(--mgh-hover-bg);color:var(--mgh-hover-text)}
.mgh-header .mgh-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;min-width:0;max-width:100%;margin-inline-start:auto}
.mgh-header .mgh-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px;border-radius:var(--mgh-radius);font-size:13px;line-height:1.3;max-width:100%;border:1px solid transparent}
.mgh-header .mgh-cart-state{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.mgh-header .mgh-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:2px 5px;border-radius:20px;background:var(--mgh-button-bg);color:var(--mgh-button-text);font-size:12px;font-weight:700}
.mgh-header .mgh-total{font-size:12px}
.mgh-header .mgh-nav-shell{background:var(--mgh-nav-bg);color:var(--mgh-nav-text);border-top:var(--mgh-border-width) solid var(--mohammad-border)}
.mgh-header .mgh-menu{display:flex;align-items:center;justify-content:var(--mgh-align);flex-wrap:wrap;list-style:none;margin:0;padding:0;min-height:var(--mgh-nav-height);gap:2px}
.mgh-header .mgh-menu li{position:relative;list-style:none;margin:0;padding:0;min-width:0;max-width:100%}
.mgh-header .mgh-menu a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:var(--mgh-radius);max-width:100%}
.mgh-header .mgh-menu .sub-menu{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:220px;max-width:min(320px,calc(100vw - 40px));margin:0;padding:8px;list-style:none;background:var(--mgh-nav-bg);border:var(--mgh-border-width) solid var(--mohammad-border);border-radius:var(--mgh-radius);box-shadow:0 8px 20px #17233f20;z-index:10}
.mgh-header .mgh-menu .sub-menu .sub-menu{position:static;min-width:0;max-width:100%;box-shadow:none;border:0;padding-inline-start:10px}
.mgh-header:not(.mgh-js) .mgh-menu li:focus-within>.sub-menu,.mgh-header:not(.mgh-js) .mgh-menu li:hover>.sub-menu{display:block}
.mgh-header .mgh-sub-toggle{display:inline-grid;place-items:center;vertical-align:middle;min-width:44px;padding:8px}
.mgh-header .mgh-nav-toggle,.mgh-header .mgh-search-toggle{display:none}
.mgh-header .mgh-panel{background:var(--mohammad-surface);color:var(--mohammad-heading);border:var(--mgh-border-width) solid var(--mohammad-border);border-radius:var(--mgh-radius);padding:20px;max-width:min(680px,100%);max-height:70vh;overflow:auto;margin:12px auto}
.mgh-header .mgh-panel-close{background:var(--mgh-button-bg);color:var(--mgh-button-text);margin-bottom:12px}
.mgh-header .mgh-panel-content{min-width:0}
@media(min-width:1024px){.mgh-header .mgh-device-mobile,.mgh-header .mgh-device-tablet{display:none!important}}
@media(min-width:1024px) and (max-width:1439px){.mgh-header .mgh-container{padding-inline:20px}.mgh-header .mgh-main{gap:12px}.mgh-header .mgh-actions{flex-basis:auto}.mgh-header .mgh-brand-name{font-size:18px}}
@media(min-width:768px) and (max-width:1023px){.mgh-header .mgh-device-mobile,.mgh-header .mgh-device-desktop{display:none!important}.mgh-header .mgh-brand{flex-basis:var(--mgh-logo-tablet)}.mgh-header .mgh-logo{width:var(--mgh-logo-tablet)}.mgh-header .mgh-search{order:3;flex-basis:100%}.mgh-header .mgh-main{padding-block:12px}}
@media(max-width:767px){
 .mgh-header .mgh-device-desktop,.mgh-header .mgh-device-tablet,.mgh-header .mgh-device-no-mobile{display:none!important}
 .mgh-header .mgh-container{padding-inline:12px}.mgh-header .mgh-main{gap:8px;min-height:0;padding-block:12px}
 .mgh-header .mgh-brand{flex:1 1 var(--mgh-logo-mobile);max-width:100%}.mgh-header .mgh-logo{width:var(--mgh-logo-mobile)}.mgh-header .mgh-brand-name{font-size:17px;max-width:200px}
 .mgh-header .mgh-actions{gap:0;flex:0 1 auto}.mgh-header .mgh-search{order:3;flex:1 1 100%;width:100%}
 .mgh-header:not(.mgh-mobile-labels) .mgh-action:not(.mgh-no-icon) .mgh-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .mgh-header:not(.mgh-mobile-categories) .mgh-search select{display:none}.mgh-header .mgh-total{display:none}
 .mgh-header.mgh-mobile-search-hidden .mgh-search{display:none}
 .mgh-header.mgh-js.mgh-mobile-search-toggle .mgh-search:not(.mgh-open){display:none}
 .mgh-header.mgh-js .mgh-search-toggle{display:inline-grid;place-items:center}
 .mgh-header.mgh-js.mgh-mobile-nav-toggle .mgh-nav-toggle{display:inline-flex;align-items:center;gap:8px}
 .mgh-header.mgh-js.mgh-mobile-nav-toggle .mgh-nav:not(.mgh-open){display:none}
 .mgh-header .mgh-menu{display:block;padding-block:8px}.mgh-header .mgh-menu .sub-menu{position:static;min-width:0;max-width:100%;box-shadow:none;border:0;padding-inline-start:12px}
 .mgh-header .mgh-nav{max-height:65vh;overflow-y:auto}.mgh-header .mgh-utility .mgh-container{gap:0 14px}.mgh-header .mgh-utility a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.mgh-header *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}