/* Native scrolling with a narrow, quiet thumb; no replacement scroll engine. */
html,*{scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent!important}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#c7c7c7;border:2px solid transparent;border-radius:8px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:#a6a6a6}
::-webkit-scrollbar-corner{background:transparent}
.sp-menu-backdrop{position:fixed;inset:0;z-index:39;background:#0003}
.sp-menu-backdrop[hidden]{display:none}
@media(max-width:1000px){
 body.menu-open{overflow:hidden}
 #site-navigation.navigation-shell{position:fixed;inset:var(--sp-menu-top,78px) 0 auto;max-height:calc(100dvh - var(--sp-menu-top,78px) - 20px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;border-bottom:1px solid #e5e5e5;box-shadow:0 12px 24px #00000008}
 html:not(.js) #site-navigation.navigation-shell{position:static;display:block;max-height:none}
 #site-navigation .navigation{display:block;width:100%;padding:8px 24px 22px}
 #site-navigation .navigation ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:100%}
 #site-navigation .navigation li{width:100%;margin:0}
 #site-navigation .navigation a{display:flex;align-items:center;min-height:48px;padding:12px 0;font-size:16px;line-height:1.5;white-space:normal}
 #site-navigation .navigation a:after{display:none}
 #site-navigation .navigation a:hover,#site-navigation .navigation a:focus-visible{color:#292929;background:#f8f8f8}
 #site-navigation .navigation a:focus-visible{outline:2px solid #767676;outline-offset:2px}
 #site-navigation .navigation .info-menu{margin-top:8px;padding-top:8px;border-top:1px solid #e5e5e5}
 #site-navigation .navigation .info-menu a{min-height:46px;font-size:14px;color:#666}
 .menu-toggle[aria-expanded=true] svg{display:none}
 .menu-toggle[aria-expanded=true]:before,.menu-toggle[aria-expanded=true]:after{content:'';position:absolute;width:19px;height:1.5px;background:currentColor;transform:rotate(45deg)}
 .menu-toggle[aria-expanded=true]:after{transform:rotate(-45deg)}
 .menu-toggle{position:relative}
}
@media(max-width:360px){.header-main.wrap{width:calc(100% - 28px);gap:8px}.header-main .brand{font-size:16px;gap:6px}.header-main .brand-mark{width:20px}.header-main .header-actions{gap:4px}}
.sp-quick-scrollbar{display:none}
/* Quick view is a bottom sheet on phones, with the page visible above it. */
@media(max-width:700px){
 html:has(#quick-view[open]){scrollbar-gutter:auto}
 #quick-view.sp-modal{position:fixed;inset:auto 0 0;width:100vw;height:calc(100dvh - max(56px,env(safe-area-inset-top)));max-height:calc(100dvh - max(56px,env(safe-area-inset-top)));margin:0;max-width:100vw;border-radius:18px 18px 0 0;padding:0;overflow:hidden;animation:none;transform:translateY(0)}
 #quick-view:before{content:'';position:absolute;top:12px;left:calc(50% - 18px);width:36px;height:4px;border-radius:3px;background:#d7d7d7;z-index:3;pointer-events:none}
 #quick-view:after{content:'';position:absolute;inset:0 0 auto;height:48px;background:#fff;z-index:2;pointer-events:none}
 #quick-view #quick-content{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:54px 20px calc(110px + env(safe-area-inset-bottom));scrollbar-width:thin;position:static;transform:none;animation:none}
 #quick-view.sp-custom-scroll #quick-content{scrollbar-width:none}
 #quick-view.sp-custom-scroll #quick-content::-webkit-scrollbar{display:none}
 #quick-view .sp-quick-scrollbar{display:block;position:absolute;top:54px;right:2px;bottom:calc(96px + env(safe-area-inset-bottom));width:12px;z-index:5;touch-action:none;cursor:default;border-radius:8px}
 #quick-view .sp-quick-scrollbar[hidden]{display:none}
 #quick-view .sp-quick-scrollbar:before{content:'';position:absolute;inset:0 4px;background:#eee;border-radius:4px}
 #quick-view .sp-quick-scrollbar>span{position:absolute;top:0;left:4px;width:4px;min-height:32px;background:#b3b3b3;border-radius:4px}
 #quick-view .sp-quick-scrollbar:focus-visible{outline:1px solid #666;outline-offset:1px}
 #quick-view .sp-quick-layout,#quick-view .sp-product-summary,#quick-view form.cart,#quick-view .single_variation_wrap{position:static}
 /* Anchor to the transformed sheet, including while WooCommerce positions its AJAX form overlay. */
 #quick-view .woocommerce-variation-add-to-cart{position:fixed;inset:auto 0 0;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid #e8e8e8;padding:14px 20px calc(14px + env(safe-area-inset-bottom));margin:0;min-height:80px}
 #quick-view .woocommerce-variation-add-to-cart .quantity{margin:0;flex:0 0 108px}
 #quick-view .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1;min-width:0;margin:0;min-height:48px}
 #quick-view .sp-modal-close{position:absolute;top:9px;right:12px;background:#fff;z-index:3}
 #quick-view .sp-modal-loading{min-height:calc(80dvh - 100px)}
 #quick-view::backdrop{background:#0006;width:100vw;height:100dvh}
}
@media(prefers-reduced-motion:reduce){#quick-view,#quick-view::backdrop{animation:none!important;transition:none!important}}
@media(forced-colors:active){*{scrollbar-color:auto!important}}