.cr-reviews-wrapper {
    width: 100%;
    padding: 3rem 0 4rem;
    font-family: 'Inter', system-ui, sans-serif;
}

/* Desktop layouts */
.cr-desktop-layout {
    display: none; /* Hidden by default, shown via JS or media query */
}

.cr-review-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.cr-review-card {
    border-radius: 16px;
    border: 3px solid #2a1a12;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    box-shadow: 8px 8px 0 #1e110a;
}


.cr-grid-4 .cr-desktop-layout-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cr-grid-3 .cr-desktop-layout-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cr-list .cr-desktop-layout-inner    { display: flex; flex-direction: column; gap: 20px; }

/* Swiper */
.cr-responsive-slider {
    display: none;
}

.cr-responsive-slider .swiper-slide {
    padding: 10px;
}

/* Default: Show slider on small screens */
@media (max-width: 1023px) {
    .cr-desktop-layout { display: none !important; }
    .cr-responsive-slider { display: block !important; }
}

/* Desktop: Show grid/list */
@media (min-width: 1024px) {
    .cr-desktop-layout { display: block !important; }
    .cr-responsive-slider { display: none !important; }
}

/* 4-box special case on very large screens */
@media (min-width: 1440px) {
    .layout-4-box .cr-grid-4 { grid-template-columns: repeat(4, 1fr); }
}