/* Local concept: persistent storefront navigation with a compact mobile menu. */
html[data-design="option-one"]{--o1-header-height:82px;--o1-category-height:48px;scroll-padding-top:calc(var(--o1-header-height) + var(--o1-category-height) + 16px)}
html[data-design="option-one"]:not([data-control-panel="true"]) body:not(.is-admin):not(.is-quick-checkout)>header{
 position:sticky;top:0;z-index:80;display:flex;align-items:center;width:100%;max-width:none;height:var(--o1-header-height);min-height:var(--o1-header-height);margin:0;padding:0 max(32px,calc((100% - 1344px)/2));gap:32px;background:#fff;border:0;
}
html[data-design="option-one"] body:not(.is-admin)>header .brand{margin:0;display:flex;align-items:center;min-height:44px}
html[data-design="option-one"] body:not(.is-admin)>header .brand img{width:78px;height:66px;object-fit:contain}
html[data-design="option-one"]:not([data-control-panel="true"]) body:not(.is-admin):not(.is-quick-checkout)>.category-nav{
 position:sticky;top:var(--o1-header-height);z-index:79;display:flex;justify-content:center;align-items:center;height:var(--o1-category-height);min-height:var(--o1-category-height);padding:0 24px;gap:40px;overflow:visible;background:#fff;border-top:1px solid #f0f2f6;border-bottom:1px solid var(--o1-line);box-shadow:0 4px 10px #14274308;
}
html[data-design="option-one"] body:not(.is-admin)>.category-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;line-height:1.4;border-radius:7px;font-size:15px;font-weight:600}
html[data-design="option-one"] body:not(.is-admin)>.category-nav>a:hover,html[data-design="option-one"] body:not(.is-admin)>.category-nav>a[aria-current="page"]{background:#edf1fd;color:var(--o1-blue)}
.o1-menu-toggle,.o1-search-toggle{display:none}
.o1-menu-toggle[hidden],.o1-search-toggle[hidden]{display:none!important}
body.o1-menu-open{overflow:hidden}
dialog.o1-category-menu{position:fixed;inset:0 auto 0 0;width:min(360px,calc(100vw - 32px));height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-right:1px solid var(--o1-line);border-radius:0;background:#fff;color:var(--o1-navy);overflow:auto;box-shadow:12px 0 40px #14274326;overscroll-behavior:contain}
dialog.o1-category-menu::backdrop{background:#10243b66}
.o1-category-menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.o1-category-menu-header h2{font-size:24px;margin:0;letter-spacing:-.5px}
.o1-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--o1-line);border-radius:9px;background:#fff}
.o1-menu-close img{width:22px;height:22px}
.o1-category-menu-links{display:flex;flex-direction:column;gap:8px}
.o1-category-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 14px;border:1px solid var(--o1-line);border-radius:9px;font-size:16px;font-weight:600;color:var(--o1-navy)}
.o1-category-menu-links img{width:20px;height:20px;flex:none}
.o1-category-menu-links a:hover,.o1-category-menu-links a[aria-current="page"]{background:#edf1fd;color:var(--o1-blue);border-color:#c7d2f2}
.o1-menu-account{display:block;min-height:48px;margin-top:24px;padding:14px 2px;border-top:1px solid var(--o1-line);font-size:15px;color:var(--o1-blue)}
@media(min-width:761px) and (max-width:1000px){
 html[data-design="option-one"]:not([data-control-panel="true"]) body:not(.is-admin):not(.is-quick-checkout)>header{gap:20px;padding-inline:24px}
 html[data-design="option-one"] body>header nav{gap:16px}
 html[data-design="option-one"] body>header nav small{font-size:12px}
 html[data-design="option-one"]:not([data-control-panel="true"]) body:not(.is-admin):not(.is-quick-checkout)>.category-nav{gap:20px}
}
@media(max-width:760px){
 html[data-design="option-one"]{--o1-header-height:72px;--o1-category-height:0px}
 html[data-design="option-one"]:not([data-control-panel="true"]) body.o1-navigation-ready:not(.is-admin):not(.is-quick-checkout)>header{
  display:grid;grid-template-columns:44px minmax(64px,1fr) 44px 44px;grid-template-rows:56px;align-items:center;gap:0 6px;height:auto;min-height:72px;padding:8px 12px;border-bottom:1px solid var(--o1-line);box-shadow:0 3px 10px #1427430a;
 }
 html[data-design="option-one"] body.o1-navigation-ready>header .brand{grid-column:2;grid-row:1;justify-self:start}
 html[data-design="option-one"] body.o1-navigation-ready>header .brand img{width:66px;height:56px}
 html[data-design="option-one"] body.o1-navigation-ready>header .o1-menu-toggle,html[data-design="option-one"] body.o1-navigation-ready>header .o1-search-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--o1-navy)}
 .o1-menu-toggle img,.o1-search-toggle img{display:block;width:24px;height:24px}
 html[data-design="option-one"] body.o1-navigation-ready>header .o1-menu-toggle{grid-column:1;grid-row:1}
 html[data-design="option-one"] body.o1-navigation-ready>header .o1-search-toggle{grid-column:3;grid-row:1}
 html[data-design="option-one"] body.o1-navigation-ready>header .o1-menu-toggle:hover,html[data-design="option-one"] body.o1-navigation-ready>header .o1-search-toggle:hover,html[data-design="option-one"] body.o1-navigation-ready>header .o1-search-toggle[aria-expanded="true"]{background:#edf1fd}
 html[data-design="option-one"] body.o1-navigation-ready>header nav{grid-column:4;grid-row:1;display:flex;align-items:center;gap:0;justify-self:stretch}
 html[data-design="option-one"] body.o1-navigation-ready>header nav>a:not(.bag){display:none}
 html[data-design="option-one"] body.o1-navigation-ready>header nav>a.bag{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;gap:0;border-radius:9px}
 html[data-design="option-one"] body.o1-navigation-ready>header nav>a.bag img{width:24px;height:24px}
 html[data-design="option-one"] body.o1-navigation-ready>header nav small{font-size:0}
 html[data-design="option-one"] body.o1-navigation-ready #count{position:absolute;top:0;right:-2px;display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 4px;margin:0;line-height:20px;font-size:11px}
 html[data-design="option-one"] body.o1-navigation-ready>header #search{display:none;grid-column:1/-1;grid-row:2;width:100%;min-width:0;height:48px;margin:8px 0 0;padding:0 14px;gap:8px}
 html[data-design="option-one"] body.o1-navigation-ready.o1-search-open>header{grid-template-rows:56px 56px}
 html[data-design="option-one"] body.o1-navigation-ready.o1-search-open>header #search{display:flex}
 html[data-design="option-one"] body.o1-navigation-ready #search input{font-size:16px;min-width:0;height:44px;min-height:44px}
 html[data-design="option-one"]:not([data-control-panel="true"]) body.o1-navigation-ready:not(.is-admin):not(.is-quick-checkout)>.category-nav{display:none}
 html[data-design="option-one"] body.o1-navigation-ready .o1-home .o1-categories{display:none}
 html[data-design="option-one"] body.o1-search-open #shop-search-suggestions{max-height:min(50dvh,380px);overflow:auto;overscroll-behavior:contain}
 html[data-design="option-one"]:has(body.o1-search-open){scroll-padding-top:144px}
}
html[data-design="option-one"] body.is-quick-checkout>header,html[data-design="option-one"] body.is-quick-checkout>.category-nav{display:none!important}
@media(prefers-reduced-motion:reduce){html[data-design="option-one"]{scroll-behavior:auto}}

/* Main categories stay direct links; their existing children are a separate disclosure. */
.o1-menu-category-group{min-width:0}
.o1-menu-category-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:6px}
.o1-menu-category-row>a{min-width:0}
.o1-subcategory-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:52px;padding:12px;border:1px solid var(--o1-line);border-radius:9px;background:#fff;color:var(--o1-navy)}
.o1-subcategory-toggle:hover,.o1-subcategory-toggle[aria-expanded="true"]{background:#edf1fd;border-color:#c7d2f2}
.o1-subcategory-toggle img{transition:transform .15s ease}
.o1-subcategory-toggle[aria-expanded="true"] img{transform:rotate(180deg)}
.o1-menu-subcategories{display:flex;flex-direction:column;gap:4px;padding:6px 0 4px 12px}
.o1-menu-subcategories[hidden]{display:none}
.o1-category-menu-links .o1-menu-subcategories>a{min-height:44px;padding:10px 12px;font-size:14px;font-weight:400;border-color:transparent;background:#f7f8fc;border-radius:7px;overflow-wrap:anywhere}
.o1-category-menu-links .o1-menu-subcategories>a:hover,.o1-category-menu-links .o1-menu-subcategories>a[aria-current="page"]{background:#edf1fd;color:var(--o1-blue);border-color:#c7d2f2}
.o1-category-menu-links a[aria-current="true"]{color:var(--o1-blue)}
.o1-subcategory-toggle:focus-visible,.o1-category-menu-links a:focus-visible{outline:3px solid var(--o1-blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.o1-subcategory-toggle img{transition:none}}