/* Loading placeholders only — product markup comes from the active theme. */
.wwr-recommendations--loading .wwr-recommendations__placeholder {
    min-height: 12rem;
    background: currentColor;
    opacity: 0.06;
    border-radius: 0.25rem;
    list-style: none;
}

.wwr-recommendations--loading ul.products {
    display: grid;
    grid-template-columns: repeat(var(--wwr-columns, 4), minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 768px) {
    .wwr-recommendations--loading ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}