@media screen and (max-width:749px){.hero{min-height:45vh!important;max-height:55vh!important}.hero h1,.hero h2,.hero [class*=header]{font-size:clamp(20px,5vw,28px)!important;line-height:1.2!important}.hero p,.hero [class*=paragraph]{font-size:clamp(13px,3.5vw,16px)!important}.hero [class*=block]>div{padding:16px!important}.hero a[class*=button],.hero button{min-height:48px;min-width:200px;font-size:16px!important}.section h1,.section h2,[class*=collection-list] h1{font-size:clamp(24px,6vw,32px)!important}[class*=collection-list] .grid{gap:12px!important}a,button,[role=button]{min-height:44px}.announcement-bar{font-size:12px!important;padding:8px 12px!important}footer .grid{gap:24px!important}}@media screen and (max-width:374px){.hero h1,.hero h2,.hero [class*=header]{font-size:18px!important}.hero p,.hero [class*=paragraph]{font-size:13px!important}}@media screen and (min-width:750px)and (max-width:989px){.hero{min-height:50vh!important}.hero h1,.hero h2,.hero [class*=header]{font-size:30px!important}}html,body{overflow-x:hidden}html{scroll-behavior:smooth}img{height:auto;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mobile-optimizations.css.map */
