.product-list {display:flex; justify-content:flex-start; gap: 40px 2%; margin: auto; flex-wrap:wrap;}
    .product-list.start { width: 95%; }
.product-list .product-item {width: 23.5%;}
.product-list .product-item .inner-product-item:hover {text-decoration:none;}
    .product-list .product-item .image { overflow: hidden; padding: 130% 0 0 0; margin: 0 0 18px 0; position: relative; }
        .product-list .product-item .image img { position: absolute; top: 0; left: 0; width: 100%; object-fit: contain; display: block; transition: transform 0.8s ease; }
    .product-list .product-item .image:hover img {transform: scale(1.1); }
        .product-list .product-item .image .banners { position: absolute; bottom: 2%; left: 0%; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
    .product-list .product-item .image .banners span {padding: 5px 10px; display:block; margin: 0 0 5px 0; font-size:0.825rem; font-weight:100;}
    .product-list .product-item .product-supplier,
    .product-list .product-item .members-price { font-size: 0.75rem; color: #000; font-weight: 400; margin: 0; text-align: left; font-family: "Montserrat", sans-serif; }
    .product-list .product-item .product-title { margin: 0 0 5px 0; color: #000; text-align: left; font-size: 1rem; font-weight:300; text-transform:uppercase; }
    .product-list .product-item .product-price { margin:0; color:#000; display:flex; justify-content:flex-start; gap: 5px; font-size: 1.125rem; font-weight: 400; text-transform:uppercase;}
    .product-list .product-item .original-price {display:none;}
    .product-list .product-item.campaign .product-price {}
    .product-list .product-item.campaign .original-price { display: block; text-decoration: line-through; color:#000;}
    .product-list .product-item .members-price span { color:#000; font-size: 12px; }
    .product-list .product-item .colors {margin: 15px 0 0 0;}
    .product-list .product-item .colors span { width: 12px; height:12px; display:inline-block; border-radius: 100%; margin: 0 5px 0 0; }

    .product-list.mini .product-item .image {margin:0;}

    .product-list .add-to-cart-button { display: block; padding: 10px 15px; background-color: var(--gray); color: #fff; border-radius: 100px; font-size: 16px; text-align: center; flex-grow: 1; white-space: nowrap; }
    .product-list .add-to-cart-button:hover { text-decoration:none; opacity:0.9;}
   

@media screen and (max-width: 860px) {
    .product-list { gap: 30px 2%; }
    .product-list .product-item { width: 49%; }
}