.shop-by-category{padding:40px 0 56px}.shop-by-category__heading{text-align:center;font-size:2.4rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 28px}.shop-by-category__tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.shop-by-category__tab{position:relative;padding:10px 32px;border:1.5px solid rgba(var(--color-foreground),.25);border-radius:40px;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.shop-by-category__tab:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.shop-by-category__tab.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.shop-by-category__panels{position:relative}.shop-by-category__panel{display:none;animation:sbcFadeIn .4s ease}.shop-by-category__panel.active{display:block}@keyframes sbcFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shop-by-category__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;padding:0;margin:0}.shop-by-category__grid-item{min-width:0}.shop-by-category__empty{text-align:center;padding:48px 20px;color:rgba(var(--color-foreground),.55);font-size:1.4rem;font-style:italic}.shop-by-category__view-all{display:flex;justify-content:center;margin-top:3.2rem}.shop-by-category__view-all-btn{display:inline-block;padding:1.2rem 4rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1.5px solid rgb(var(--color-button));transition:all .3s ease;cursor:pointer}.shop-by-category__view-all-btn:hover{background-color:transparent;color:rgb(var(--color-button))}@media screen and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(3,1fr);gap:16px}.shop-by-category__heading{font-size:2rem}}@media screen and (max-width:749px){.shop-by-category{padding:28px 0 40px}.shop-by-category__tabs{gap:6px;margin-bottom:24px;padding:0 4px}.shop-by-category__tab{padding:8px 20px;font-size:1.1rem}.shop-by-category__grid{grid-template-columns:repeat(2,1fr);gap:12px}.shop-by-category__heading{font-size:1.7rem;margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/shop-by-category.css.map */