body{min-height:max(884px,100dvh)}.hero-bg{background-image:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.4)),url('https://images.unsplash.com/photo-1528164344705-47542687000d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1969&q=80');transition:background-image .5s ease-in-out}.filter-btn.active{background-color:var(--primary);color:var(--background)}.variant-overlay{transition:opacity .3s ease-in-out}#products-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}#products-container.hidden{display:none!important}@media (min-width:768px){#products-container{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:1024px){#products-container{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (max-width:767px){#products-container{gap:.5rem}}@media (max-width:768px){.hero-bg{min-height:30vh!important;padding:2rem 1rem}.hero-bg h1{font-size:2rem!important;margin-bottom:1rem!important}.hero-bg p{font-size:1rem!important}.filter-btn{padding:.5rem 1rem!important;font-size:.875rem!important}.card-image{border-radius:.75rem!important}}@media (max-width:480px){.hero-bg h1{font-size:1.75rem!important}.filter-btn{padding:.4rem .75rem!important;font-size:.8rem!important}}