.category-grid-section{padding-top:var(--section-spacing-top);padding-bottom:var(--section-spacing-bottom)}.category-grid__header{margin-bottom:28px}.category-grid__label{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0 0 6px}.category-grid__heading{font-size:2.6rem;font-weight:600;letter-spacing:-.01em;margin:0}.category-grid__grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.category-grid__count-1{grid-template-columns:1fr}.category-grid__count-2{grid-template-columns:repeat(2,1fr)}.category-grid__count-3{grid-template-columns:repeat(3,1fr)}.category-grid__card{border-radius:10px;overflow:hidden;background:rgba(var(--color-foreground),.07)}.category-grid__ratio{position:relative;overflow:hidden}.category-grid__ratio:before{content:"";display:block;padding-top:var(--ratio, 133%)}.category-grid__link,.category-grid__image-wrap,.category-grid__placeholder,.category-grid__overlay,.category-grid__content{position:absolute;top:0;right:0;bottom:0;left:0}.category-grid__link{z-index:4}.category-grid__image-wrap{overflow:hidden;pointer-events:none}.category-grid__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}.category-grid__card:hover .category-grid__img{transform:scale(1.04)}.category-grid__placeholder{display:flex;align-items:center;justify-content:center}.category-grid__placeholder-svg{width:60%;height:60%;opacity:.18}.category-grid__overlay{background:linear-gradient(to top,rgba(0,0,0,.58) 0%,rgba(0,0,0,.18) 42%,transparent 66%);pointer-events:none;z-index:1}.category-grid__content{top:auto;bottom:0;height:auto;padding:20px 18px 22px;display:flex;flex-direction:column;gap:12px;z-index:2;pointer-events:none}.category-grid__title{font-size:2.2rem;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.22);letter-spacing:.01em;line-height:1.2}@media screen and (max-width:989px){.category-grid__grid,.category-grid__count-3,.category-grid__count-4{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width:549px){.category-grid__grid,.category-grid__count-2,.category-grid__count-3,.category-grid__count-4{grid-template-columns:1fr;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-category-grid.css.map */