/* Homepage categories use the existing card design and section dimensions. */
body:not(.inner-page) #products .product-grid{min-width:0;max-width:100%}
body:not(.inner-page) #products .product-grid>.product{grid-column:auto;min-width:0}
.home-category-stage{position:relative;min-width:0;max-width:100%}
body:not(.inner-page) #products .product-grid[data-category-overflow="true"]{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 8vw)/5);gap:2vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
body:not(.inner-page) #products .product-grid[data-category-overflow="true"]::-webkit-scrollbar{display:none}
body:not(.inner-page) #products .product-grid[data-category-overflow="true"]>.product{scroll-snap-align:start;scroll-snap-stop:normal}
body:not(.inner-page) #products .product-grid[data-category-overflow="true"]:focus-visible{outline:2px solid #32695d;outline-offset:5px}
.home-category-controls{position:absolute;inset-inline:0;top:var(--category-control-y,35%);height:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}
.home-category-controls[hidden]{display:none}
.home-category-controls button{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #bed3c8;border-radius:50%;padding:7px;background:#fff;color:#285e50;pointer-events:auto;cursor:pointer;transition:background-color .15s,border-color .15s}
.home-category-controls button:first-of-type{translate:-50% 0}.home-category-controls button:last-of-type{translate:50% 0}
.home-category-controls button:not(:disabled):hover{background:#e1efe7;border-color:#498e7c}
.home-category-controls button:disabled{opacity:.35;cursor:default}
.home-category-controls button:focus-visible{outline:2px solid #32695d;outline-offset:3px}
.home-category-controls svg{display:block;width:18px;height:18px}
.home-category-status,.home-category-instructions{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
@media(min-width:1051px){body:not(.inner-page) #products .product-grid:not([data-category-overflow="true"]){display:grid;grid-template-columns:repeat(var(--category-count,5),minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1050px){body:not(.inner-page) #products .product-grid[data-category-overflow="true"]{grid-auto-columns:calc((100% - 40px)/3);gap:20px}}
@media(max-width:700px){body:not(.inner-page) #products .product-grid[data-category-overflow="true"]{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.home-category-controls button{width:32px;height:32px;padding:6px}}
@media(prefers-reduced-motion:reduce){.home-category-controls button{transition:none}body:not(.inner-page) #products .product-grid[data-category-overflow="true"]{scroll-behavior:auto}}