.product-list { display:flex; flex-wrap:wrap; gap:30px; margin:20px 0; }
.product-item { flex:0 1 calc(33.333% - 20px); margin-bottom:30px; background:#fff; padding:20px; box-shadow:0 2px 5px rgba(0,0,0,0.1); border-radius:5px; }
.product-item img{ width:100%; height:auto; margin-bottom:15px; }
.product-item h2{ font-size:1.5em; margin-bottom:15px; color:#333; }
@media (max-width:980px){ .product-item{ flex:0 1 calc(50% - 15px); } }
@media (max-width:767px){ .product-item{ flex:0 1 100%; } }