/* ==============================
   PRODUCT GRID WIDGET
   ============================== */
.sl-pgrid-wrapper {
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.sl-pgrid-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: 100%;
}

.sl-pgrid-item {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sl-pgrid-empty {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 15px;
}

/* ==============================
   RESPONSIVE
   ============================== */
@media (max-width: 1024px) {
    .sl-pgrid-products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .sl-pgrid-products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}