.gn-subcategory-menu{display:block;padding-block:clamp(22px,3vw,40px);overflow:hidden}.gn-subcategory-menu__head{margin-bottom:16px}.gn-subcategory-menu__controls{display:inline-flex;align-items:center;gap:8px}.gn-subcategory-menu__arrow[disabled]{opacity:.28;pointer-events:none}.gn-subcategory-menu__viewport{overflow:hidden}.gn-subcategory-menu__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:2px}.gn-subcategory-menu__track::-webkit-scrollbar{display:none}.gn-subcategory-menu__item{min-width:0;scroll-snap-align:start}.gn-subcategory-menu .collection-card,.gn-subcategory-menu .collection-card__wrapper{height:100%}.gn-subcategory-menu .collection-card__wrapper{gap:14px}.gn-subcategory-menu .collection-card__image motion-element,.gn-subcategory-menu .collection-card__image img,.gn-subcategory-menu .collection-card__placeholder{aspect-ratio:1 / 1}.gn-subcategory-menu .collection-card__image img{width:100%;height:100%;object-fit:cover}.gn-subcategory-menu .collection-card__title{line-height:1.2}.gn-subcategory-menu__fallback{min-height:100%;aspect-ratio:1 / 1;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.12);text-decoration:none}.gn-subcategory-menu__fallback-title{margin:0}@media(max-width:1199px){.gn-subcategory-menu__track{grid-auto-columns:calc((100% - 48px)/4)}}@media(max-width:989px){.gn-subcategory-menu__track{grid-auto-columns:calc((100% - 32px) / 3)}}@media(max-width:767px){.gn-subcategory-menu{padding-block:18px 24px}.gn-subcategory-menu__head{margin-bottom:12px}.gn-subcategory-menu__controls{display:none}.gn-subcategory-menu__track{grid-auto-columns:minmax(154px,44vw);gap:12px;overflow-x:auto;padding-right:24px}.gn-subcategory-menu .collection-card__wrapper{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-collection-subcategory-menu-auto.css.map */