.category-grid__items{display:grid;grid-template-columns:repeat(var(--cg-columns-mobile, 2),minmax(0,1fr));gap:10px}@media(min-width:768px){.category-grid__items{grid-template-columns:repeat(var(--cg-columns, 3),minmax(0,1fr));gap:20px}.category-grid__items--stagger>.category-card:nth-child(2n){margin-top:56px}}.category-grid__items .category-card{position:relative;display:block;aspect-ratio:4 / 5;padding:clamp(14px,1.8vw,26px);background-color:var(--cg-bg, #13181f);color:var(--cg-fg, #ffffff);border-radius:3px;overflow:hidden;text-decoration:none;will-change:transform;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease}.category-card:focus-visible{outline:2px solid var(--cg-fg, #ffffff);outline-offset:-6px}.category-card__media{position:absolute;left:0;right:0;top:0;height:66%;display:flex;align-items:center;justify-content:center;padding:clamp(14px,1.8vw,26px);padding-bottom:0}.category-card__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.category-grid__items--cutout .category-card__media{top:auto;bottom:0;height:68%;padding:0;align-items:flex-end}.category-grid__items--cutout .category-card__image{object-fit:contain;border-radius:0;filter:drop-shadow(0 16px 26px rgba(0,0,0,.3))}.category-card__content{position:absolute;z-index:1;left:clamp(14px,1.8vw,26px);right:clamp(52px,5vw,68px);bottom:clamp(14px,1.8vw,26px);display:flex;flex-direction:column}.category-grid__items--cutout .category-card__content{bottom:auto;top:clamp(14px,1.8vw,26px)}.category-card__title{font-size:clamp(.95rem,1.5vw,1.6rem);line-height:1.05;letter-spacing:.07em;text-transform:uppercase;font-weight:500}.category-card__count{margin-top:6px;font-size:clamp(.6rem,.7vw,.72rem);letter-spacing:.14em;text-transform:uppercase;opacity:.72}.category-card__arrow{position:absolute;right:clamp(14px,1.8vw,26px);bottom:clamp(14px,1.8vw,26px);z-index:1;display:flex;color:var(--cg-fg, #ffffff);opacity:.8;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease}.category-grid__items--cutout .category-card__arrow{bottom:auto;top:clamp(14px,1.8vw,26px)}@media(prefers-reduced-motion:no-preference){.js .category-card{opacity:0;transform:translateY(20px)}.js .category-card.is-visible{opacity:1;transform:none}}@media(hover:hover){.category-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #13181f2e}.category-card:hover .category-card__image{transform:scale(1.06)}.category-card:hover .category-card__arrow{transform:translate(4px,-4px);opacity:1}}.category-grid__items--row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.category-grid__items--row::-webkit-scrollbar{display:none}.category-grid__items--row>.category-card{flex:0 0 46%;scroll-snap-align:start}@media(min-width:768px){.category-grid__items--row{gap:14px;overflow-x:visible}.category-grid__items--row>.category-card{flex:0 0 calc((100% - (var(--cg-per-view, 6) - 1) * 14px) / var(--cg-per-view, 6))}}.category-grid__items--row .category-card__title{font-size:clamp(.78rem,.95vw,1rem);letter-spacing:.06em}.category-grid__items--row .category-card__count{font-size:clamp(.55rem,.6vw,.64rem);letter-spacing:.1em;margin-top:4px}.category-grid__items--row .category-card__content{right:clamp(34px,3vw,42px)}.category-grid__items--row .category-card__arrow svg{width:12px;height:12px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/category-grid.css.map */