.product-grid-section{padding:var(--spacing-xxl) 0}.product-grid-section__title{font-family:var(--font-accent);font-size:var(--font-size-h1);margin-bottom:var(--spacing-sm)}.product-grid-section__subtitle{font-size:1.125rem;color:#666;margin-bottom:var(--spacing-xl);max-width:640px;margin-left:auto;margin-right:auto}.product-grid__tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.product-grid__tab{font-family:var(--font-heading);font-size:1rem;padding:.75rem 2rem;background-color:transparent;color:var(--color-dark);border:2px solid var(--color-dark);border-radius:6px;cursor:pointer;transition:all var(--transition-speed) ease;font-weight:400}.product-grid__tab:hover{background-color:var(--color-dark);color:var(--color-background)}.product-grid__tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}@media screen and (max-width:749px){.product-grid__tab{padding:.625rem 1.5rem;font-size:.9375rem}}.tab-content{display:none;animation:fadeIn .4s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-grid-section .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.product-grid__item{animation:slideUp .6s ease backwards}.product-grid__item:nth-child(1){animation-delay:.1s}.product-grid__item:nth-child(2){animation-delay:.2s}.product-grid__item:nth-child(3){animation-delay:.3s}.product-grid__item:nth-child(4){animation-delay:.4s}.product-grid__view-all{margin-top:var(--spacing-lg)}.section--dark .product-grid-section__title{color:#fff}.section--dark .product-grid-section__subtitle{color:#fffc}.section--dark .product-grid__tab{color:#fff;border-color:#fff6}.section--dark .product-grid__tab:hover{background-color:#fff;color:var(--color-dark)}.section--dark .product-grid__view-all .button--outline{color:#fff;border-color:#fff}.section--dark .product-grid__view-all .button--outline:hover{background-color:#fff;color:var(--color-dark)}.product-grid__empty{padding:var(--spacing-xxl) 0;color:#999}.product-grid__empty p{font-size:1.125rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-product-grid.css.map */