.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:190px;gap:var(--space-4);padding:0 var(--page-margin);max-width:var(--page-width);margin:0 auto;list-style:none;padding-left:var(--page-margin)}.category-grid__item{grid-row:span 2;min-height:0}.category-grid__item--large{grid-row:span 3}.category-card{position:relative;display:block;width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;cursor:pointer}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);border:1px solid transparent;transition:border-color var(--duration-slow) var(--ease);pointer-events:none;z-index:3}.category-card:hover:after{border-color:#d4af3759}.category-card__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background-alt)}.category-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.category-card:hover .category-card__media img{transform:scale(1.04)}.category-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-accent-subtle),var(--color-background-alt))}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#1a1a2ea6,#1a1a2e0d 55%);transition:background var(--duration-slow) var(--ease);z-index:1}.category-card:hover .category-card__overlay{background:linear-gradient(to top,#4a1b6db8,#4a1b6d1f 55%)}.category-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-5);color:#fff;z-index:2}.category-card__content h3{font-family:var(--font-primary--family);font-size:var(--text-2xl);font-weight:400;color:#fff;margin:0 0 var(--space-1);transition:transform var(--duration-base) var(--ease)}.category-card:hover .category-card__content h3{transform:translateY(-3px)}.category-card__explore{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-secondary--family);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);opacity:0;transform:translateY(6px);transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.category-card:hover .category-card__explore{opacity:1;transform:translateY(0)}@media(max-width:768px){.category-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.category-grid__item{grid-row:span 1}.category-grid__item--large{grid-column:span 2;grid-row:span 1}}@media(max-width:480px){.category-grid{grid-template-columns:1fr;grid-auto-rows:280px;padding:0}.category-grid__item--large{grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css/elysen-category-showcase.css.map */