.reviews-carousel-wrapper {
position: relative;
width: 100%;
max-width: 1000px;
margin: 30px auto;
padding: 0 50px;
box-sizing: border-box;
}
.reviews-container {
width: 100%;
overflow: hidden;
}
.reviews-track {
display: flex;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.review-box {
flex: 0 0 calc(33.333% - 20px);
margin: 10px;
padding: 20px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
box-sizing: border-box;
}
.review-box img {
height: 20px;
width: auto;
margin: 10px 0;
} .review-carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #2271b1;
color: #fff;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
z-index: 5;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.review-prev { left: 0; }
.review-next { right: 0; }
.review-carousel-nav:disabled {
background: #ccc;
cursor: not-allowed;
}
@media (max-width: 768px) {
.review-box { flex: 0 0 calc(100% - 20px); }
.reviews-carousel-wrapper { padding: 0 40px; }
}