/* Mobile nav overlay styles */
.nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 998;
}

/* Scroll reveal animations — progressive enhancement only */
@media (prefers-reduced-motion: no-preference) {
    .about-feature,
    .collection-card,
    .service-card,
    .testimonial-card,
    .visit-detail {
        opacity: 1;
        transform: none;
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    .about-feature.revealed,
    .collection-card.revealed,
    .service-card.revealed,
    .testimonial-card.revealed,
    .visit-detail.revealed {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Default state for scroll-reveal elements (below fold) */
    .about-feature,
    .collection-card,
    .service-card,
    .testimonial-card,
    .visit-detail {
        opacity: 0;
        transform: translateY(24px);
    }
    
    /* Only reveal when JS is active and element is in view */
    .js-enabled .about-feature,
    .js-enabled .collection-card,
    .js-enabled .service-card,
    .js-enabled .testimonial-card,
    .js-enabled .visit-detail {
        opacity: 0;
        transform: translateY(24px);
    }
    
    .js-enabled .about-feature.revealed,
    .js-enabled .collection-card.revealed,
    .js-enabled .service-card.revealed,
    .js-enabled .testimonial-card.revealed,
    .js-enabled .visit-detail.revealed {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile nav overlay */
.nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 998;
}

.nav-overlay.active {
    display: block;
}