/* V10 mobile storefront readability/navbar/catalog fix */
html,body,#root{max-width:100%;overflow-x:hidden!important}body{background:#0d1f16!important}.mobile-hamburger{display:inline-grid!important;place-items:center!important;min-width:42px!important;min-height:42px!important;z-index:80!important}.mobile-hamburger svg{display:block!important}
h1,h2,h3,h4,p,span,a,button,blockquote{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-wrap:pretty}.break-all,.break-words{word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:1024px){
  header,nav{max-width:100vw!important} header [style*="height"], header [style*="minHeight"]{min-height:auto!important}
  .hidden.lg\:flex{display:none!important}.lg\:hidden{display:block!important}
  [style*="writing-mode"]{writing-mode:horizontal-tb!important;text-orientation:mixed!important}.vertical,.vertical-text{writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important}
  main,section{max-width:100vw!important;overflow-x:hidden!important}.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{max-width:100%!important;width:100%!important;padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:700px){
  body{font-size:15px!important}.mobile-text-xs{font-size:12px!important;line-height:1.45!important}.mobile-text-sm{font-size:14px!important;line-height:1.45!important}.mobile-p-3{padding:.85rem!important}.mobile-padding{padding-left:14px!important;padding-right:14px!important}
  h1{font-size:clamp(2rem,10vw,3.4rem)!important;line-height:1.02!important;letter-spacing:-.04em!important} h2{font-size:clamp(1.55rem,7vw,2.35rem)!important;line-height:1.1!important} h3{font-size:clamp(1.05rem,5vw,1.55rem)!important;line-height:1.16!important}
  .grid{gap:14px!important}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4,.sm\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-4,.xl\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [class*="product"],[class*="card"],.rounded-xl,.rounded-2xl{min-width:0!important;max-width:100%!important;overflow:hidden!important}img{max-width:100%!important;height:auto;object-fit:cover!important}
  a,button{white-space:normal!important;max-width:100%}.px-4{padding-left:.85rem!important;padding-right:.85rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}
  [class*="text-5xl"],[class*="text-6xl"],[class*="text-7xl"]{font-size:clamp(2.1rem,10vw,3.8rem)!important;line-height:1.02!important}
  [class*="h-\["],[style*="height:"]{max-height:none!important}.max-sm\:h-\[320px\]{height:auto!important;min-height:260px!important}
  blockquote,p{line-height:1.6!important}.fixed{max-width:calc(100vw - 18px)!important}.overflow-y-auto{-webkit-overflow-scrolling:touch!important}
}
@media(max-width:430px){
  .grid,.sm\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-4,.xl\:grid-cols-4{grid-template-columns:1fr 1fr!important;gap:12px!important}.grid>*{min-width:0!important}
  .rounded-xl,.rounded-2xl{border-radius:18px!important}.text-center{text-wrap:balance!important}
}
@media(max-width:360px){.grid,.sm\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-4,.xl\:grid-cols-4{grid-template-columns:1fr!important}}