/* Za fiksiranje visine naslova da bi kartice bile iste veličine */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Suptilan parallax ulazak za kartice (opciono) */
.group {
    animation: fadeInUp 0.8s ease backwards;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Container width per your request */
.swiper {
    width: 75%; 
    padding: 50px 0;
}

/* Force every image into a 16:9 box with smart cropping */
.swiper-slide {
    width: 700px;
    max-width: 90%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This performs the 16:9 crop automatically */
    object-position: center;
}

/* Hide navigation on small mobile screens */
@media (max-width: 640px) {
    .swiper { width: 95%; }
    .swiper-slide { aspect-ratio: 4 / 3; }
}