/* Dodatni CSS za animacije */
.benefit-card, .service-card, .testimonial-card {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.benefit-card.animate, .service-card.animate, .testimonial-card.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Vremensko kašnjenje za kaskadne animacije */
.benefit-card:nth-child(1), .service-card:nth-child(1), .testimonial-card:nth-child(1) {
    transition-delay: 0.1s;
}

.benefit-card:nth-child(2), .service-card:nth-child(2), .testimonial-card:nth-child(2) {
    transition-delay: 0.2s;
}

.benefit-card:nth-child(3), .service-card:nth-child(3), .testimonial-card:nth-child(3) {
    transition-delay: 0.3s;
}

.benefit-card:nth-child(4), .service-card:nth-child(4), .testimonial-card:nth-child(4) {
    transition-delay: 0.4s;
}

/* Stilovi za aktivni hamburger meni */
.hamburger.active .bar:nth-child(2) {
    opacity: 0;
}

.hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* Dodatni responzivni stilovi */
@media (max-width: 480px) {
    .hero h1 {
        font-size: 1.8rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .cta-button-large {
        padding: 12px 24px;
        font-size: 1.1rem;
    }
    
    .benefit-card, .service-card {
        margin-bottom: 20px;
    }
}