/* Customer mobile menu approved 23 October 2026. */
.stw-customer-sheet{display:none}
@media(max-width:720px){
 html:root:root:root:root:root:has(.stw-customer-nav-v2) body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
 html:root:root:root:root:root:has(.stw-customer-nav-v2) body .store-footer{padding-bottom:0!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2{display:grid!important;gap:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;inset:auto 0 0!important;z-index:95!important;box-sizing:border-box!important;height:calc(70px + env(safe-area-inset-bottom,0px))!important;padding:3px 3px calc(5px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid #edf1f6!important;border-radius:16px 16px 0 0!important;background:#fff!important;box-shadow:0 -3px 14px #092d5a0d!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2>*{height:61px!important;margin:0!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:44px!important;padding:9px 0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#64748b!important;text-decoration:none!important;cursor:pointer!important;font:500 12px/18px Inter,Arial,sans-serif!important;-webkit-tap-highlight-color:transparent!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2>*[data-stw-menu-active=true]{color:#0054b9!important;font-weight:700!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2>*[data-stw-menu-active=true]::before{display:block!important;content:''!important;position:absolute!important;top:-3px!important;left:50%!important;width:26px!important;height:3px!important;transform:translateX(-50%)!important;border-radius:0 0 3px 3px!important;background:#0054b9!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2 svg{display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2 span{white-space:nowrap!important}
 .stw-customer-sheet[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;box-sizing:border-box;margin:0;width:100%;max-width:100%;height:80dvh;max-height:80dvh;padding:0;border:0;border-radius:16px 16px 0 0;background:#fff;color:#123552;font-family:Inter,Arial,sans-serif;box-shadow:0 -4px 28px #092d5a15;overflow:hidden;animation:stw-menu-rise .2s ease-out}
 .stw-customer-sheet::backdrop{background:rgba(7,27,54,.42)}
 .stw-customer-sheet *{box-sizing:border-box}
 .stw-menu-handle{flex:none;width:38px;height:5px;margin:10px auto 12px;border-radius:9px;background:#e5eaf0}
 .stw-menu-account{display:flex;align-items:center;gap:10px;margin:0 10px 10px;padding:9px 10px;min-height:48px;border:1px solid #b6d6f7;border-radius:8px;color:#0054b9;text-decoration:none;font-size:14px;font-weight:500}
 .stw-menu-account svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .stw-menu-account>span:last-child{margin-left:auto}
 .stw-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 14px;border-bottom:1px solid #e5eaf0}
 .stw-menu-head h2{margin:0;color:#123552;font:600 16px/24px Inter,Arial,sans-serif}
 .stw-menu-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
 .stw-menu-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:100%;padding:24px;text-align:center}
 .stw-menu-empty svg{width:76px;height:76px;margin-bottom:4px;fill:none;stroke:#8bb1d7;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
 .stw-menu-empty strong{font-size:16px;line-height:24px;font-weight:600}
 .stw-menu-empty p{max-width:280px;margin:0;color:#64748b;font-size:14px;line-height:22px}
 .stw-menu-close{flex:none;min-height:calc(50px + env(safe-area-inset-bottom,0px));padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #e5eaf0;background:#fff;color:#0054b9;font:600 15px/24px Inter,Arial,sans-serif;cursor:pointer}
 .stw-menu-store{padding:16px}
 .stw-menu-store h3{font:600 16px/24px Inter,Arial,sans-serif;margin:0 0 8px}
 .stw-menu-store p{margin:0 0 18px;color:#526b83;font-size:14px;line-height:23px}
 .stw-menu-store a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;border:1px solid #c9dff4;border-radius:8px;color:#0054b9;text-decoration:none;font-size:14px;font-weight:600}
 html:root:root:root:root:root body .store-mobile-nav.stw-customer-nav-standard.stw-customer-nav-v2>*:focus-visible,.stw-customer-sheet :is(a,button):focus-visible{outline:2px solid #0054b9!important;outline-offset:-3px!important}
 @keyframes stw-menu-rise{from{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}
 @media(prefers-reduced-motion:reduce){.stw-customer-sheet[open]{animation:none}}
}