.category-cards{width:100%}.category-cards__container{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.category-cards__heading{text-align:center;margin-bottom:2rem}.category-cards__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.category-cards__grid--1-items{grid-template-columns:1fr;max-width:300px;margin:0 auto}.category-cards__grid--2-items{grid-template-columns:repeat(2,1fr)}.category-cards__grid--3-items{grid-template-columns:repeat(3,1fr)}.category-card{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden;aspect-ratio:3 / 4;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.category-card__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.category-card__image{width:100%;height:100%;object-fit:cover}.category-card__placeholder{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.category-card__placeholder .placeholder-svg{width:60%;height:60%;fill:#ccc}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#00000080);transition:background .3s ease}.category-card:hover .category-card__overlay{background:linear-gradient(to bottom,#00000026,#0009)}.category-card__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;z-index:1}.category-card__title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-card__link{font-size:.9rem;font-weight:500;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.category-card:hover .category-card__link{gap:.75rem}.category-card__link:after{content:"\2192";transition:transform .3s ease}.category-card:hover .category-card__link:after{transform:translate(4px)}@media screen and (max-width: 989px){.category-cards__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.category-cards__grid--1-items{grid-template-columns:1fr}.category-card__title{font-size:1.25rem}}@media screen and (max-width: 749px){.category-cards__container{padding:0 1rem}.category-cards__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-card{aspect-ratio:1 / 1.2}.category-card__content{padding:1rem}.category-card__title{font-size:1rem}.category-card__link{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-category-cards.css.map */