.category-cards-header{text-align:center;margin-bottom:2.8rem}.category-cards-heading{margin:0 0 .8rem;font-weight:800;letter-spacing:-.02em}.category-cards-subheading{margin:0 auto;max-width:600px;font-size:1.5rem;color:rgba(var(--color-foreground),.7);line-height:1.5}.category-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}@media screen and (max-width:989px){.category-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media screen and (max-width:550px){.category-cards-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.category-card-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 5;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 1.6rem;text-decoration:none;background-color:#1a202c;box-shadow:0 4px 15px #0000000f;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.category-card-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.category-card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.category-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.category-card-item:hover .category-card-img{transform:scale(1.06)}.category-card-placeholder{width:100%;height:100%;object-fit:cover;opacity:.6}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000004d,#111827e0);transition:background .3s ease}.category-card-item:hover .category-card-overlay{background:linear-gradient(180deg,#0000000d,#00000040 40%,#111827f0)}.category-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.6rem}.category-card-badge{align-self:flex-start;padding:.3rem .9rem;background:#ffffffeb;color:#111827;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;box-shadow:0 2px 6px #0000001a}.category-card-title{margin:0;color:#fff;font-size:1.9rem;font-weight:700;line-height:1.25}.category-card-action{display:inline-flex;align-items:center;gap:.5rem;color:#f3f4f6;font-size:1.3rem;font-weight:600;transition:color .2s ease,gap .2s ease}.category-card-item:hover .category-card-action{color:#fff;gap:.8rem}@media screen and (max-width:550px){.category-card-item{padding:1.2rem 1rem;border-radius:12px}.category-card-title{font-size:1.45rem}.category-card-badge{font-size:.95rem;padding:.25rem .65rem}.category-card-action{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-category-cards.css.map */