.wpcc-carousel {
    width: 100%;
    padding: 80px 0;
}

.wpcc-carousel .swiper-wrapper {
    align-items: center;
}

.wpcc-carousel .swiper-slide {
    width: 220px;        /* bắt buộc khi slidesPerView: 'auto' */
    transform: rotateZ(-10deg) scale(0.85);
    transform-origin: bottom center;
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.6;
}

.wpcc-carousel .swiper-slide-active {
    transform: rotateZ(0deg) translateY(0px);
    opacity: 1;
}

.wpcc-carousel .swiper-slide-prev {
    transform: rotateZ(-10deg) translateY(20px);
    opacity: 0.8;
}

.wpcc-carousel .swiper-slide-next {
    transform: rotateZ(10deg) translateY(20px);
    opacity: 0.8;
}

.wpcc-carousel .wpcc-far-left {
    transform: rotateZ(-16deg) translateY(75px);
    opacity: 0.5;
}

.wpcc-carousel .wpcc-far-right {
    transform: rotateZ(16deg) translateY(75px);
    opacity: 0.5;
}

/* Nút điều hướng */
.wpcc-carousel .swiper-button-prev,
.wpcc-carousel .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: unset;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
}

.wpcc-carousel .swiper-button-prev::after,
.wpcc-carousel .swiper-button-next::after {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}