.lsp-swiper-container {
    width: 100%;
    padding: 20px 0;
}

.lsp-swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lsp-swiper-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: filter 0.3s ease;
}

/* Grayscale Hover Effect */
.grayscale-hover .swiper-slide img {
    filter: grayscale(100%);
}

.grayscale-hover .swiper-slide:hover img {
    filter: grayscale(0%);
}

/* RTL Support */
[dir="rtl"] .lsp-swiper-container {
    direction: rtl;
}