.cats{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:clamp(12px,1.6vw,24px);align-items:start;list-style:none;margin:0;padding:0}.cats.is-staggered>li:nth-child(2n){margin-top:56px}.cat{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4 / 5;color:var(--on-image);background:var(--surface)}.cat img,.cat .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}.cat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(41,37,31,.6))}.cat:hover img{transform:scale(1.06)}.cat-label{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.cat-label strong{display:block;font-family:var(--f-display);font-weight:300;font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1}.cat-label .mono{opacity:.8}.cat-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--on-image);color:#29251f;transform:scale(.6) rotate(-45deg);opacity:0;transition:transform .45s var(--ease),opacity .35s;flex:none}.cat:hover .cat-arrow,.cat:focus-visible .cat-arrow{transform:none;opacity:1}@media(max-width:989px){.cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:calc(-1 * var(--gutter-r));padding-right:var(--gutter-r);scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats>li{flex:0 0 68%;scroll-snap-align:start}.cats.is-staggered>li:nth-child(2n){margin-top:0}.cat-arrow{opacity:1;transform:none}}@media(max-width:989px){.cats.cats--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;margin-right:0;padding-right:0}.cats--grid .cat-label{left:14px;right:14px;bottom:14px}.cats--grid .cat-label strong{font-size:clamp(1.15rem,3.2vw,1.6rem);line-height:1.1}.cats--grid .cat-label .mono{display:block;margin-top:6px}.cats--grid .cat-arrow{display:none}.cats--grid .cat:after{background:linear-gradient(180deg,transparent 40%,rgba(41,37,31,.75))}}@media(max-width:749px){.cats.cats--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cats--grid .cat-label{left:12px;right:12px;bottom:12px}.cats--grid .cat-label strong{font-size:clamp(1.05rem,4.4vw,1.3rem)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-collection-list.css.map */