.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:2rem}.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;overflow:visible;transform:translateY(0) scale(1);position:relative}.category-card--clickable{cursor:pointer}.category-card:hover{transform:translateY(-4px) scale(1.02)}.category-card img{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:0;margin-bottom:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.category-card .image-wrapper{position:relative;display:inline-block;width:100%}.category-card .image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.2));pointer-events:none;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover .image-wrapper:after{transform:scale(1.02);transform-origin:bottom center}.category-card img:not([src]){opacity:0}.category-card img[src]{opacity:1}.category-card h3{margin:.75rem .5rem .75rem 0;font-size:var(--font-body-scale);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;text-align:left;padding:.5rem .5rem 1rem 0;background:#ffffffe6;border-radius:4px;display:inline-block}@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-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 80%;scroll-snap-align:start;min-width:280px}.category-card img{height:auto;max-height:525px;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 85%}.category-section__heading{font-size:calc(var(--font-heading-scale) * 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-category-carousel.css.map */