.products{background:var(--bg-clr);background:#333;flex-direction:column;gap:20px;padding:20px;display:flex}.section__title{border-left:2px solid #fff;margin-bottom:20px;padding-left:5px;font-size:2rem;font-weight:500;position:relative}.btn-container{flex-wrap:wrap;gap:10px;display:flex}.btn{background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.btn:hover,.btn--active{color:#000;background:#fff}.icon-container{background:#000;border-radius:10px;padding:10px;display:block}.products-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.product-container{aspect-ratio:1;cursor:pointer;color:#333;background:#f3f3f3;border-radius:10px;flex-direction:column;justify-content:space-between;gap:20px;min-height:0;padding:20px;transition:transform .25s;display:flex}.product-container:hover{transform:scale(1.025)}.product-container:hover .product-icon-wrapper{transform:rotate(45deg)}.product-container img{object-fit:contain;min-height:0}.product__title{font-size:18px;font-weight:500}.product-icon-wrapper{justify-content:center;align-items:center;transition:transform .25s;display:flex}@media screen and not (min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and not (min-width:900px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:600px){.products-grid{grid-template-columns:repeat(1,1fr)}}