.category-section{padding:0}.category-section.section{margin-top:var(--spacing-sections-mobile);margin-bottom:var(--spacing-sections-desktop);padding:0}@media screen and (min-width:750px){.category-section.section{margin-top:var(--spacing-sections-desktop);margin-bottom:var(--spacing-sections-desktop)}.tab-btn{font-size:calc(var(--font-heading-scale) * 2rem)}}.category-section__heading{text-align:center;margin-bottom:2rem!important;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.category-section__heading:hover{transform:translateY(-2px)}.category-section__tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-btn{padding:1rem 2rem;border:2px solid transparent;background:transparent;cursor:pointer;font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.8rem);font-family:var(--font-heading-family);font-style:var(--font-heading-style);color:rgb(var(--color-foreground));transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px;transform:translateY(0)}.tab-btn:hover{border-color:rgb(var(--color-foreground));transform:translateY(-2px)}.tab-btn--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tab-content{transition:opacity .3s ease}.category-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.category-card{text-align:left;padding:0;border-radius:0;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;background:rgb(var(--color-background));overflow:hidden;transform:translateY(0) scale(1);position:relative}.category-card--clickable{cursor:pointer}.category-card:hover{transform:translateY(-.3rem)}.category-card img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;margin-bottom:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block}.category-card .image-wrapper{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden}.category-card .image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:52%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.62));pointer-events:none;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover .image-wrapper:after{transform:none;transform-origin:bottom center}.category-card:hover img{transform:scale(1.035)}.category-card img:not([src]){opacity:0}.category-card img[src]{opacity:1}.category-card h3{bottom:1.2rem;color:#fff;font-size:1.3rem;font-weight:var(--font-body-weight-bold);font-family:var(--font-body-family);font-style:var(--font-body-style);text-transform:uppercase;letter-spacing:.5px;left:1.2rem;margin:0;max-width:calc(100% - 2.4rem);position:absolute;right:1.2rem;text-align:left;padding:0;text-shadow:0 .2rem .8rem rgba(0,0,0,.45);display:inline-block;z-index:2}@media(max-width:768px){.category-section__tabs{gap:.25rem;justify-content:space-between;padding:0 .5rem}.tab-btn{padding:.75rem 1rem;font-size:calc(var(--font-heading-scale) * 1.4rem);flex:1;min-width:0;text-align:center}.category-card:hover{transform:none}.category-card:hover .image-wrapper:after{transform:none}.category-card:hover img{transform:none}.category-carousel{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-carousel::-webkit-scrollbar{display:none}.category-card{flex:0 0 74%;scroll-snap-align:start;min-width:280px}.category-card img{height:100%;max-height:none;object-fit:cover}}@media(min-width:430px)and (max-width:768px){.category-section__tabs{gap:.5rem;padding:0 1rem}.category-section .tab-btn{padding:.9rem 1.4rem!important;font-size:calc(var(--font-heading-scale) * 1.5rem)!important}}@media(max-width:480px){.category-section__tabs{gap:.15rem;padding:0 .25rem}.tab-btn{padding:.6rem .5rem;font-size:calc(var(--font-heading-scale) * 1.2rem)}.category-card{flex:0 0 78%}.category-section__heading{font-size:calc(var(--font-heading-scale) * 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-category-carousel.css.map */