.product-banner{height:300px;background:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(https://spark-heating.com/wp-content/themes/GlobalZT/assets/images/banner/product-banner.webp) center/cover;display:flex;align-items:center;color:var(--white)}.product-banner h1{font-size:3rem;color:var(--white)}.product-main-area{display:flex;gap:40px}.sidebar-container{flex:0 0 300px}.product-list-container{flex:1}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.product-filters{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:15px 20px;background:var(--white);border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.filter-label{font-weight:600;color:var(--secondary-color);font-size:.95rem;white-space:nowrap}.filter-group{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:8px 18px;border:1px solid #eee;background:var(--white);color:#666;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all 0.3s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgb(0 102 204 / .05)}.filter-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 4px 10px rgb(0 102 204 / .2)}@media (max-width:768px){.product-filters{flex-direction:column;align-items:flex-start;order:2;margin:0}}@media (max-width:1024px){.product-main-area{flex-direction:column}.sidebar-container{flex:1;order:2}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.product-list-container{display:flex;flex-direction:column}.product-banner{height:auto;padding:60px 0}.product-grid{grid-template-columns:1fr}.product-banner h1{font-size:2rem}}