.zk-cats__grid{display:grid;gap:clamp(1.6rem,1.8vw,2.8rem);grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.zk-cats__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense}.zk-cats__grid--editorial>.zk-cat--feature{grid-column:span 2}}.zk-cat{position:relative;display:block;text-decoration:none;color:inherit;transition-delay:var(--zk-cat-delay, 0ms)}.zk-cat{display:flex;flex-direction:column}.zk-cat__frame{display:block;overflow:hidden;background:transparent;aspect-ratio:1 / 1}@media screen and (min-width:750px){.zk-cats__grid--editorial .zk-cat--feature .zk-cat__frame{aspect-ratio:2 / 1}}.zk-cat__img{width:100%;height:100%;object-fit:contain;padding:7%;display:block;transition:transform 1s var(--zk-ease);will-change:transform}.zk-cat:hover .zk-cat__img,.zk-cat:focus-visible .zk-cat__img{transform:scale(1.05)}.zk-cat__placeholder{display:block;height:100%}.zk-cat__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.18)}.zk-cat__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;padding-top:1.52rem;margin-top:1.52rem;border-top:1px solid var(--zk-rule);position:relative}.zk-cat__meta:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:100%;background:var(--zk-brass);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--zk-ease)}.zk-cat:hover .zk-cat__meta:before,.zk-cat:focus-visible .zk-cat__meta:before{transform:scaleX(1)}.zk-cat__name{font-family:var(--font-heading-family);text-wrap:balance;font-weight:700;font-size:clamp(1.5rem,1.15vw,1.9rem);line-height:1.16;letter-spacing:-.015em}.zk-cats__grid--editorial .zk-cat--feature .zk-cat__name{font-size:clamp(1.8rem,1.5vw,2.4rem)}.zk-cat__count{font-family:var(--font-body-family);font-size:1rem;font-weight:700;letter-spacing:var(--zk-track-label);text-transform:uppercase;color:var(--zk-brass);font-variant-numeric:tabular-nums;white-space:nowrap}.zk-cat__caption{display:block;margin-top:.64rem;font-size:1.3rem;line-height:1.5;opacity:.62}@media screen and (max-width:749px){.zk-cat__frame{aspect-ratio:3 / 4}.zk-cats__grid--editorial .zk-cat--feature{grid-column:span 2}.zk-cats__grid--editorial .zk-cat--feature .zk-cat__frame{aspect-ratio:3 / 2}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/zk-category-grid.css.map */