/* Reserve independent space for navigation and actions in compact windows. */
@media(min-width:750px) and (max-width:1199px){
 #header-component .header__columns{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;min-height:64px;align-items:center}
 #header-component .header__columns .header__column--left{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;min-width:0;gap:12px}
 #header-component .header__columns .header__column--right{grid-column:2!important;grid-row:1!important;justify-self:end!important;position:static!important;flex-shrink:0;gap:10px}
 #header-component header-menu{display:none!important}
 #header-component .header__drawer{display:flex!important;align-items:center}
 #header-component header-drawer{display:block!important}
 #header-component .header__icon--menu{display:flex!important;gap:10px;width:auto;min-width:88px;align-items:center;justify-content:center;border:1px solid #e5e8ee;border-radius:10px;padding:10px 14px}
 #header-component .header__icon--menu:after{content:'Menu';font-size:15px;font-weight:600}
 #header-component .header__column--left>.search-action{display:none!important}
 #header-component .header__column--right>.search-action{display:block!important}
 #header-component .header-actions__action{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
 #header-component header-actions{display:flex!important;flex-wrap:nowrap;gap:4px;align-items:center}
 #header-component .header__drawer .menu-drawer{display:flex;max-width:min(400px,90vw)}
}
@media(max-width:1199px){
 #header-component .menu-drawer{background:linear-gradient(160deg,#fff 45%,#f4f1ff)!important;border-radius:0 26px 26px 0;box-shadow:18px 0 65px #17103324;padding:0!important;width:390px;max-width:90vw!important;gap:0!important;overflow-y:auto}
 #header-component .gs-menu-heading{padding:32px 65px 28px 26px;border-bottom:1px solid #e7e3f1;background:linear-gradient(120deg,#f3edff,#f2faff);flex-shrink:0}
 #header-component .gs-menu-brand{font:800 25px/1.3 Arial,sans-serif;color:#3f236a;letter-spacing:-.6px}
 #header-component .gs-menu-brand>span{display:block;font:13px/1.5 Arial,sans-serif;color:#74677e;margin-top:5px;letter-spacing:0}
 #header-component .menu-drawer__close-button{position:absolute!important;top:29px!important;right:20px!important;left:auto!important;margin:0!important;width:38px;height:38px;min-height:38px;border:1px solid #ddd7ea!important;background:#fff!important;border-radius:12px!important;color:#493368!important;padding:10px!important;z-index:2}
 #header-component .menu-drawer__navigation{padding:18px 16px!important;flex:1;overflow:visible}
 #header-component .menu-drawer__menu{display:flex;flex-direction:column;gap:5px;padding:0!important}
 #header-component .menu-drawer__menu-item--mainlist{font:600 16px/1.35 Arial,sans-serif!important;color:#302b40!important;min-height:58px;padding:10px 13px!important;border:1px solid transparent;border-radius:14px;display:flex!important;align-items:center;gap:13px;transition:background .18s,border-color .18s}
 #header-component .menu-drawer__menu-item--mainlist:hover,#header-component .menu-drawer__menu-item--mainlist[aria-current=page]{background:#eee7fb!important;border-color:#e0d4f7;color:#60259b!important}
 #header-component .menu-drawer__menu-item--mainlist:after{content:'›';margin-left:auto;font-size:24px;color:#a596b8;font-weight:400}
 #header-component .gs-menu-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#efedf5;color:#75638f;flex-shrink:0}
 #header-component .gs-menu-icon svg{width:21px;height:21px}
 #header-component a[href='/collections/software'] .gs-menu-icon{color:#6038b8;background:#e9defd}
 #header-component a[href='/collections/windows'] .gs-menu-icon{color:#187bb9;background:#ddf2ff}
 #header-component .menu-drawer__backdrop{background:#17112955!important;backdrop-filter:blur(5px)}
}
@media(max-width:749px){#header-component .header__icon--menu{display:flex;gap:8px;width:auto;min-width:80px;align-items:center}#header-component .header__icon--menu:after{content:'Menu';font:600 14px Arial,sans-serif}}
@media(prefers-reduced-motion:reduce){#header-component .menu-drawer__menu-item--mainlist{transition:none}}
@media(min-width:750px){
 #header-component .header__columns .header__column--right{gap:0!important}
 #header-component header-actions{gap:0!important;margin-inline:0!important;align-items:center}
 #header-component .header__column--right .header-actions__action{width:40px!important;min-width:40px!important;height:44px!important;padding:0!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:1199px){
 #header-component .header__drawer .menu-drawer{position:fixed!important;top:12px!important;bottom:12px!important;left:12px!important;right:auto!important;height:calc(100dvh - 24px)!important;width:370px;max-width:calc(100vw - 24px)!important;border-radius:26px!important;border:1px solid #ffffffbd;background:linear-gradient(145deg,rgba(245,239,255,.88),rgba(255,255,255,.84) 46%,rgba(224,244,255,.87))!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 24px 80px #1b133c45,inset 0 1px 0 #fff;overflow:hidden}
 #header-component .gs-menu-heading{padding-top:28px;background:linear-gradient(115deg,#efe3ff88,#e2f4ff88);border-color:#ffffff9c}
 #header-component .gs-menu-brand{background:linear-gradient(100deg,#5c268e,#1d81b7);background-clip:text;-webkit-background-clip:text;color:transparent}
 #header-component .gs-menu-brand>span{color:#74677e;-webkit-text-fill-color:#74677e}
 #header-component .menu-drawer__navigation{overflow-y:auto!important;min-height:0}
 #header-component .menu-drawer__menu-item--mainlist{background:#ffffff48;border-color:#ffffff65;border-radius:15px;box-shadow:0 2px 8px #47315f04}
 #header-component .menu-drawer__menu-item--mainlist:hover,#header-component .menu-drawer__menu-item--mainlist[aria-current=page]{background:linear-gradient(115deg,#e6d8ffb0,#d9eeffb0)!important;border-color:#fff;box-shadow:0 5px 16px #61479712}
 #header-component .gs-menu-icon{background:#ffffffa0;box-shadow:inset 0 1px 0 #fff}
 #header-component .menu-drawer__backdrop{background:linear-gradient(120deg,#1d10413b,#17437526)!important;backdrop-filter:blur(5px)}
}
