.category-showcase{background:var(--color-background);position:relative;overflow:hidden}.category-showcase__header{text-align:center;margin-bottom:4rem;position:relative}.category-showcase__subtitle{display:inline-block;font-size:1.2rem;font-weight:400;text-transform:uppercase;letter-spacing:.25em;color:#c9a962;margin-bottom:1rem;position:relative;padding:0}.category-showcase__subtitle:before,.category-showcase__subtitle:after{display:none}.category-showcase__title{font-size:clamp(2.4rem,5vw,4rem);font-weight:300;margin:0 0 1.5rem;color:var(--color-foreground);position:relative;display:inline-block;letter-spacing:.25em}.category-showcase__title .title-decoration{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:4rem;height:1px;background:#c9a962;border-radius:0}.category-showcase__description{font-size:1.5rem;color:#0009;max-width:50rem;margin:0 auto;line-height:1.6}.category-showcase__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(var(--columns-mobile, 2),1fr)}@media screen and (min-width:750px){.category-showcase__grid{gap:2rem;grid-template-columns:repeat(var(--columns, 4),1fr)}}.category-showcase__grid--featured{grid-template-columns:1fr}@media screen and (min-width:750px){.category-showcase__grid--featured{grid-template-columns:repeat(var(--columns, 4),1fr)}.category-showcase__grid--featured .category-card:first-child{grid-column:span 2;grid-row:span 2}}.category-showcase__grid--masonry .category-card:nth-child(3n+1){grid-row:span 1}@media screen and (min-width:750px){.category-showcase__grid--masonry .category-card:nth-child(3n+1){grid-row:span 2}}.category-showcase__grid--alternating .category-card:nth-child(odd){transform:translateY(0)}@media screen and (min-width:750px){.category-showcase__grid--alternating .category-card:nth-child(2n){transform:translateY(2rem)}}.category-card{position:relative;border-radius:0;overflow:hidden;background:#000;opacity:1}@keyframes cardFadeIn{0%{opacity:1}to{opacity:1}}.category-card--featured{border-radius:0}.category-card__link{display:block;text-decoration:none;color:inherit;height:100%}.category-card__media{position:relative;aspect-ratio:4/5;overflow:hidden}@media screen and (min-width:750px){.category-card__media{aspect-ratio:3/4}.category-showcase__grid--featured .category-card:first-child .category-card__media{aspect-ratio:auto;height:100%;min-height:500px}}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .2s ease}.category-card:hover .category-card__image{transform:scale(1.01);opacity:.9}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(0,0,0,.7) 100%)}.category-card__glow{display:none}.category-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.category-card__placeholder svg{width:60px;height:60px;color:#ffffff4d}.category-card__content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;transform:translateY(4px);transition:transform .15s ease;z-index:2}.category-card:hover .category-card__content{transform:translateY(0)}@media screen and (min-width:750px){.category-card__content{padding:2.5rem}.category-showcase__grid--featured .category-card:first-child .category-card__content{padding:3rem}}.category-card__icon{display:inline-block;font-size:2.4rem;margin-bottom:.8rem}.category-card__title{font-size:1.8rem;font-weight:600;margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media screen and (min-width:750px){.category-card__title{font-size:2rem}.category-showcase__grid--featured .category-card:first-child .category-card__title{font-size:2.8rem}}.category-card__desc{font-size:1.3rem;opacity:0;transition:opacity .15s ease;margin:0 0 .8rem;line-height:1.4;color:#ffffffd9}.category-card:hover .category-card__desc{opacity:1}.category-card__count{display:inline-flex;align-items:center;gap:.3rem;font-size:1.2rem;color:#ffffffb3;margin-bottom:1rem}.category-card__count .count-number{font-weight:600;color:#c9a962}.category-card__cta{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:500;color:#fff;padding:.8rem 0;position:relative;opacity:0;transition:opacity .15s ease}.category-card:hover .category-card__cta{opacity:1}.category-card__cta:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#c9a962;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.category-card:hover .category-card__cta:after{transform:scaleX(1)}.category-card__cta svg{width:18px;height:18px}.category-card__badge{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem 1.2rem;background:#c9a962;color:#000;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-radius:0;z-index:3}.category-showcase__footer{text-align:center;margin-top:4rem}.category-showcase__view-all{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 3rem;font-size:1.4rem;font-weight:400;text-decoration:none;color:#000;background:transparent;border:1px solid #000;border-radius:0;letter-spacing:.15em;transition:opacity .2s ease}.category-showcase__view-all:hover{opacity:.6}.category-showcase__view-all svg{width:20px;height:20px}@media(prefers-color-scheme:dark){.category-showcase__description{color:#fff9}}@media(prefers-reduced-motion:reduce){.category-card,.category-card__image,.category-card__content,.category-card__icon,.category-card__desc,.category-card__cta,.category-card__glow{animation:none;transition:none}.category-card{opacity:1;transform:none}}@media screen and (max-width:749px){.category-showcase__header{margin-bottom:2.5rem}.category-showcase__subtitle{font-size:1.1rem;padding:0 1.5rem}.category-showcase__subtitle:before,.category-showcase__subtitle:after{width:2rem}.category-showcase__description{font-size:1.4rem}.category-card__content{padding:1.5rem}.category-card__icon{font-size:2rem}.category-card__title{font-size:1.5rem}.category-card__desc,.category-card__cta{display:none}.category-card__badge{top:1rem;right:1rem;padding:.4rem 1rem;font-size:1rem}.category-showcase__footer{margin-top:2.5rem}.category-showcase__view-all{padding:1.2rem 2.5rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-category-showcase.css.map */