/* Keep decorative content inside the page without disabling gallery swipes. */
html{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}.cs-menu-toggle{display:none}.single-product .summary>.price:has(.cs-from):before{content:none}
@supports not (overflow:clip){html{overflow-x:hidden}}
@media(max-width:760px){
html{width:100%}body{width:100%;min-width:0}header{box-sizing:border-box;max-width:calc(100% - 24px);margin:10px 12px 0;padding:9px 12px;height:auto;min-height:64px;gap:8px;align-items:center;align-content:center;flex-wrap:wrap;top:max(8px,env(safe-area-inset-top));border-radius:18px}body.admin-bar header{top:54px}
header .logo{order:1;flex:1;min-width:0;gap:6px}header .logo-mascot{width:32px;height:32px;flex:0 0 32px}header .logo .wordmark{font-size:clamp(17px,5.1vw,21px)!important;letter-spacing:-1px;line-height:1.05;padding-bottom:12px}header .logo .wordmark em{font-size:6px;letter-spacing:.15px}header .logo .wordmark small{font-size:8px}
header .cart-toggle{order:2;position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 42px;width:42px;height:42px;min-width:0;padding:9px;border-radius:50%;gap:0}header .cart-toggle>span{display:none}header .cart-toggle svg{width:19px;height:22px;flex-shrink:0}header .cart-toggle .count{position:absolute;right:-2px;top:-2px;min-width:16px;width:16px;height:16px;font-size:9px;border:2px solid var(--cream);box-sizing:content-box}
.cs-mobile-ready header .cs-menu-toggle{order:3;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;background:#edf0e4;border:1px solid #dce1d5;border-radius:50%;padding:10px;color:var(--green)}.cs-menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}.cs-menu-toggle .cs-menu-close{display:none}.cs-menu-toggle[aria-expanded=true] .cs-menu-open{display:none}.cs-menu-toggle[aria-expanded=true] .cs-menu-close{display:block}
header nav{order:4;flex:0 0 100%;width:100%;max-width:100%;margin:0;height:auto;min-height:0;justify-content:flex-start;gap:0;background:transparent}.cs-mobile-ready header nav{display:none}.cs-mobile-ready header nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;padding:10px 0 4px;margin-top:4px;border-top:1px solid #dce1d5}header nav a{display:flex;align-items:center;min-height:46px;padding:10px 8px;font-size:14px;font-weight:500;line-height:1.4;white-space:normal;border-radius:10px}header nav a:hover,header nav a:focus-visible{background:#edf0e4}header nav ul{display:flex;flex-direction:column;gap:0;width:100%;padding:0;margin:0}header nav li{width:100%;list-style:none}
.announcement{height:28px;padding:0 10px;text-align:center;font-size:9px}.joy-ribbon{margin-left:0!important;margin-right:0!important;width:100%;max-width:100%;transform:none;box-sizing:border-box}.single-product .cs-purchase-layout,.single-product .cs-commerce div.product,.single-product .woocommerce-product-gallery{min-width:0;max-width:100%}.single-product .woocommerce-product-gallery .flex-viewport{overflow:hidden!important;max-width:100%}.single-product .flex-control-nav{flex-wrap:wrap;max-width:100%}.hero,.hero-copy,.section{min-width:0;max-width:100%}.hero h1{max-width:100%;overflow-wrap:normal}.hero-actions{max-width:100%;flex-wrap:wrap}.cs-content{min-width:0}.cs-content input,.cs-content select,.cs-content textarea{max-width:100%}
}
@media(max-width:350px){header{padding:8px 10px;gap:6px}header .logo-mascot{width:28px;height:28px;flex-basis:28px}header .cart-toggle,.cs-mobile-ready header .cs-menu-toggle{width:38px;height:38px;flex-basis:38px}header .logo .wordmark em{font-size:5.5px}.usage-hero h1{font-size:54px!important;letter-spacing:-3px!important}}