/* Shared storefront navigation, including category, product and checkout pages. */
.os-mobile-category-bar{display:none}
.os-mobile-categories{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(92vw,390px);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0 16px 16px 0;background:#fff;color:#252c36;box-shadow:12px 0 45px #10182430;font-family:Manrope,Arial,sans-serif;overflow:hidden}
.os-mobile-categories[open]{display:flex;flex-direction:column}
.os-mobile-categories::backdrop{background:#10182480}
html.os-mobile-menu-open,html.os-mobile-menu-open body{overflow:hidden!important}
.os-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px 18px;border-bottom:1px solid #e9ebef;background:#f8f9fb;flex-shrink:0}
.os-mobile-menu-heading small{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--os-primary)}
.os-mobile-menu-heading h2{margin:5px 0 0;font-size:23px;font-weight:700;line-height:1.3}
.os-mobile-menu-heading button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e2e6eb;border-radius:50%;background:#fff;font-size:18px;cursor:pointer}
.os-mobile-category-list{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 16px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}
.os-mobile-category-list a{color:inherit;text-decoration:none}
.os-mobile-all-products{display:flex;align-items:center;gap:10px;padding:15px 12px;background:#f4f0f3;color:var(--os-accent)!important;border-radius:8px;font-size:13px;font-weight:700;margin-bottom:10px}
.os-mobile-all-products>.fa:last-child{margin-left:auto}
.os-mobile-category-group{border-bottom:1px solid #edf0f3}
.os-mobile-category-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:49px;padding:12px 8px;font-size:13px;font-weight:650}
.os-mobile-category-group>summary::-webkit-details-marker{display:none}
.os-mobile-category-group>summary>.fa{font-size:11px;color:#7d8793;transition:transform .15s}
.os-mobile-category-group[open]>summary{color:var(--os-primary)}
.os-mobile-category-group[open]>summary>.fa{transform:rotate(180deg)}
.os-mobile-category-children{padding:0 6px 12px 12px;border-left:2px solid #e8edf2;margin:0 0 8px 8px}
.os-mobile-category-all{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 8px;font-size:12px;font-weight:700;color:var(--os-primary)!important;background:#f5f8fb;border-radius:6px;margin-bottom:4px}
.os-mobile-category-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 8px;border-bottom:1px solid #f0f1f4;font-size:12px;font-weight:500}
.os-mobile-category-link>img{width:76px;height:48px;object-fit:contain;flex-shrink:0;background:#fff;border:1px solid #eef0f3;border-radius:5px}
.os-mobile-category-link>span{flex:1;overflow-wrap:anywhere}
.os-mobile-category-link>.fa{font-size:10px;color:#8b949f}
.os-mobile-categories :is(a,button,summary):focus-visible{outline:2px solid var(--os-primary);outline-offset:2px}
@media(max-width:1023px){
 .os-header>.os-nav-wrap{display:none!important}
 .os-mobile-category-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;min-height:48px;border-top:1px solid #edf0f3;background:#f8f9fb}
 .os-mobile-menu-trigger{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 0;border:0;background:transparent;font-size:13px;font-weight:700;color:#263346;cursor:pointer}
 .os-mobile-menu-trigger>.fa{font-size:20px;color:var(--os-primary)}
 .os-mobile-category-bar>a{display:flex;align-items:center;gap:7px;font-size:11px;color:#596575}
}