.category-menu-wrap{top:var(--header-h);z-index:900;background:var(--page);border-bottom:1px solid var(--line);position:sticky}.category-menu{gap:var(--s-2);padding-block:var(--s-2);scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.category-menu::-webkit-scrollbar{display:none}.category-menu a{min-height:36px;padding:0 var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm);white-space:nowrap;scroll-snap-align:center;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);flex:none;align-items:center;font-weight:500;display:inline-flex}.category-menu a:hover{border-color:var(--forest);color:var(--forest)}.category-menu a.active{border-color:var(--forest);background:var(--forest);color:var(--on-forest)}.sub-category-container{position:relative;overflow:hidden}.sub-category-container .content{transition:transform .35s var(--ease)}.sub-category-container .content>h2{margin-bottom:var(--s-5);font-size:var(--text-xl)}.sub-category-container .page-head h2{font-size:var(--text-xl)}.sub-category-container .initial-left{transform:translate(-100%)}.sub-category-container .initial-right{transform:translate(100%)}.sub-category-container .slide-in-left,.sub-category-container .slide-in-right{transform:translate(0)}.sub-category-container .slide-out-left{transform:translate(-100%)}.sub-category-container .slide-out-right{transform:translate(100%)}.no-products{grid-column:1/-1}@media (width>=768px){.category-menu{padding-block:var(--s-3)}}