html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.mwd-rev-slider-outer {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    box-sizing: border-box;
}

.mwd-rev-slider-wrapper { 
    position: relative; 
    width: 100%;
    cursor: grab;
    box-sizing: border-box;
}

.mwd-rev-slider-track { 
    display: flex; 
    overflow-x: auto; 
    scroll-snap-type: x mandatory; 
    gap: 20px; 
    padding: 10px 20px 40px 20px; 
    scroll-behavior: smooth; 
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
    box-sizing: border-box;
}

.mwd-rev-slider-track::-webkit-scrollbar { display: none; }

.mwd-rev-card { 
    flex: 0 0 320px; 
    scroll-snap-align: center; 
    background: #fff; 
    padding: 30px; 
    border-radius: 12px; 
    border: 1px solid #eee; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08); 
    display: flex; 
    flex-direction: column; 
    user-select: none;
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .mwd-rev-card { flex: 0 0 280px; }
}

.mwd-rev-stars { color: #ffb400; font-size: 28px; text-align: center; margin-bottom: 15px; }
.mwd-rev-text { font-size: 15px; line-height: 1.6; color: #444; margin-bottom: 15px; flex-grow: 1; }
.mwd-rev-collapsed { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.mwd-rev-more { color: #2271b1; cursor: pointer; font-size: 13px; font-weight: bold; margin-bottom: 15px; display: block; text-align: center; }
.mwd-rev-footer { text-align: center; font-weight: bold; color: #333; padding-top: 15px; border-top: 1px solid #f9f9f9; }
.mwd-rev-legal { font-size: 12px; color: #777; text-align: center; margin-top: 20px; line-height: 1.6; font-style: italic; }