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

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

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