.category-cards-section{padding:4rem 0}.category-cards__heading{text-align:center;font-size:3rem;margin-bottom:3rem}.category-cards__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-content:center}@media screen and (max-width:989px){.category-cards__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:589px){.category-cards__grid{grid-template-columns:1fr}}.category-card{position:relative;display:block;border-radius:1.6rem;overflow:hidden;aspect-ratio:3 / 4;text-decoration:none;color:#fff;box-shadow:0 4px 14px #0000001f;transition:transform .25s ease}@media screen and (min-width:750px){.category-card{aspect-ratio:1 / 1;max-width:500px;width:100%;margin-inline:auto}}.category-card:hover{transform:translateY(-4px)}.category-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.category-card__image-wrap img,.category-card__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.category-card__placeholder{width:100%;height:100%;background:#dfe3e8}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#03070ad9,#03070a1a 55%,#03070a00)}.category-card__label{position:absolute;left:0;right:0;bottom:0;padding:1.6rem;display:flex;align-items:center;gap:.8rem;z-index:1}.category-card__icon{font-size:2rem;line-height:1}.category-card__title{font-size:1.8rem;font-weight:600}@media screen and (max-width:749px){.category-cards__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;scrollbar-width:none;align-items:flex-start}.category-cards__grid::-webkit-scrollbar{display:none}.category-card{flex:0 0 auto;width:78%;scroll-snap-align:start;height:auto;aspect-ratio:auto;position:relative}.category-card__image-wrap{position:relative;inset:auto;height:auto;aspect-ratio:4 / 3}.category-card__title{font-size:1.1rem;line-height:1.2;text-align:center;color:#1a1a1a}.category-card__label{padding:6px 10px;text-align:center;background-color:#fff;min-height:0;height:auto}.category-card__icon{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-category-cards.css.map */