.category-grid{padding:60px 0;background-color:var(--category-bg-color, #FFF8F0)}.category-grid__container{max-width:1200px;margin:0 auto;padding:0 20px}.category-grid__header{text-align:center;margin-bottom:40px}.category-grid__title{font-size:32px;font-weight:700;color:var(--category-text-color, #2D2D2D);margin:0 0 12px}.category-grid__subtitle{font-size:16px;color:var(--category-text-light, #6B7280);max-width:600px;margin:0 auto}.category-grid__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.category-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;background-color:#f9fafb}.category-card__link{display:block;width:100%;height:100%;text-decoration:none}.category-card__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover .category-card__image{transform:scale(1.08)}.category-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 40%,#0009);transition:background .3s ease}.category-card:hover .category-card__overlay{background:linear-gradient(180deg,#0000 20%,#000000b3)}.category-card__content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;transform:translateY(8px);transition:transform .3s ease}.category-card:hover .category-card__content{transform:translateY(0)}.category-card__title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-card__count{font-size:13px;color:#ffffffd9;margin:0 0 12px;opacity:0;transform:translateY(10px);transition:all .3s ease}.category-card:hover .category-card__count{opacity:1;transform:translateY(0)}.category-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;opacity:0;transform:translateY(10px);transition:all .3s ease .1s}.category-card:hover .category-card__cta{opacity:1;transform:translateY(0)}.category-card__cta svg{width:16px;height:16px;transition:transform .3s ease}.category-card:hover .category-card__cta svg{transform:translate(4px)}.category-card--featured{grid-column:span 2;grid-row:span 2}.category-card--featured .category-card__title{font-size:28px}.category-card--featured .category-card__content{padding:32px}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;border:3px solid transparent;z-index:3;pointer-events:none;transition:border-color .3s ease}.category-card:hover:before{border-color:var(--category-accent-color, #F8BBD9)}.category-card__badge{position:absolute;top:16px;right:16px;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:var(--category-accent-color, #F8BBD9);color:#2d2d2d;border-radius:20px;z-index:2}@media(max-width:767px){.category-grid{padding:40px 0}.category-grid__container{padding:0 16px}.category-grid__header{margin-bottom:24px;text-align:left}.category-grid__title{font-size:24px}.category-grid__subtitle{font-size:14px;margin-left:0}.category-grid__grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-card{border-radius:16px}.category-card--featured{grid-column:span 2;grid-row:span 1;aspect-ratio:2 / 1}.category-card__content{padding:16px;transform:translateY(0)}.category-card__title{font-size:16px;margin-bottom:4px}.category-card--featured .category-card__title{font-size:20px}.category-card--featured .category-card__content{padding:20px}.category-card__count,.category-card__cta{display:none}.category-card:before{border-width:2px}}@media(min-width:768px)and (max-width:1023px){.category-grid__grid{grid-template-columns:repeat(3,1fr);gap:20px}.category-card--featured{grid-column:span 2}.category-card__title{font-size:18px}.category-card--featured .category-card__title{font-size:24px}.category-card__content{padding:20px}}.category-grid__grid--three-col{grid-template-columns:repeat(3,1fr)}@media(max-width:767px){.category-grid__grid--three-col{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-category-grid.css.map */