/* Custom swiper container styling */
.swiper {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 3/4; /* Maintain 3:4 aspect ratio */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    max-height: 80vh; /* Prevent it from being taller than 80% of viewport height */
    border-radius: 20px;
    border: solid 2px rgba(255, 255, 255, 0.5);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .swiper {
        aspect-ratio: 3/4;
        max-width: 90vw; /* Don't exceed 90% of viewport width */
        margin: 0 auto !important; /* Center it */
    }
}

.swiper-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

.swiper-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}