/* Scrollable components own their overflow; they must never widen the page. */
html{inline-size:100%;max-inline-size:100%;overflow-x:hidden}
body{position:relative;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:hidden}
@supports(overflow:clip){body{overflow-x:clip}}
#categoryList,.related-slider{min-inline-size:0;max-inline-size:100%;inline-size:100%;contain:inline-size;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:auto}
.related-slider .related-page{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
@media(max-width:600px){
 body>main,body>.site-header,main>section{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
 .catalog{inline-size:100%;min-inline-size:0;max-inline-size:100%}
 .catalog>#categoryList{inline-size:100%;max-inline-size:100%;min-inline-size:0;border:2px solid #111;border-radius:14px;padding:8px;gap:6px;background:var(--surface,#fff)}
 .catalog>#categoryList .category-button{box-sizing:border-box}
 .product-grid,.search-toolbar,.filter-panel,.subcategory-panel{min-inline-size:0;max-inline-size:100%}
 .product-grid .product-card,.product-grid .product-content{min-inline-size:0;max-inline-size:100%}
 .site-header .header-actions{min-inline-size:0;max-inline-size:100%}
 .site-header .main-nav,.site-header #utilityMenu{min-inline-size:0;max-inline-size:100%}
}