/* === Wrapper za cijeli grid === */
.product-highlights-wrapper {
    width: 100%;
    background-color: white;
    padding: 2% 0;
}

/* === Glavni sadržaj sekcije (npr. Popust, Novo, itd.) === */
.product-highlights {
    width: 100%;
}

/* === Grid wrapper za sve proizvode === */
.product-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 🔒 Uvijek 4 po redu */
    gap: 10% 1.5%;
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* === Na mobilnim uređajima: 2 po redu === */
@media screen and (max-width: 768px) {
    .product-list {
        grid-template-columns: repeat(2, 1fr);
    }
}