.products-section{padding-top:140px;padding-bottom:80px}.products-section .section-header{text-align:center;margin-bottom:60px}.products-section .section-header h1{font-family:"Overpass",sans-serif;font-size:3rem;font-weight:400;letter-spacing:2px;margin-bottom:15px;color:var(--text-dark);text-transform:uppercase}.products-section .section-header p{color:var(--secondary-color);font-size:1.1rem;max-width:600px;margin:0 auto}.products-section .filter-bar{display:flex;justify-content:center;gap:30px;margin-bottom:40px}.products-section .filter-bar .filter-btn{background:none;border:none;font-family:"Overpass",sans-serif;font-size:1rem;text-transform:uppercase;color:var(--secondary-color);padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .3s}.products-section .filter-bar .filter-btn:hover,.products-section .filter-bar .filter-btn.active{color:var(--text-dark);border-color:var(--text-dark)}.products-section .products-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px}@media(max-width: 1200px){.products-section .products-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.products-section .products-grid{grid-template-columns:repeat(2, 1fr);gap:15px}}@media(max-width: 576px){.products-section .products-grid{grid-template-columns:1fr}}.products-section .product-card{display:block;text-decoration:none}.products-section .product-card .image-wrapper{position:relative;width:100%;padding-bottom:133.33%;overflow:hidden;margin-bottom:20px;background-color:#f4f4f4}.products-section .product-card .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .6s ease}.products-section .product-card .image-wrapper img.hover-img{opacity:0;z-index:2}.products-section .product-card .card-content{text-align:center}.products-section .product-card .card-content h3{font-family:"Overpass",sans-serif;font-size:1.3rem;color:var(--text-dark);margin-bottom:5px;font-weight:500;transition:color .3s ease}.products-section .product-card .card-content .price{font-size:1rem;color:var(--secondary-color);font-weight:400}.products-section .product-card:hover .image-wrapper img{transform:scale(1.05)}.products-section .product-card:hover .image-wrapper img.hover-img{opacity:1;transform:scale(1.05)}.products-section .product-card:hover .card-content h3{color:#000}
