/* Professional scroll-reveal animations for homepage sections below the slider */
.home-reveal__item {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--reveal-delay, 0s);
    will-change: opacity, transform;
}

.home-reveal.is-inview .home-reveal__item,
.home-reveal__item.is-inview {
    opacity: 1;
    transform: translateY(0);
}

/* Spotlight section */
.export-spotlight.home-reveal .export-spotlight__copy {
    opacity: 0;
    transform: translateX(-28px);
    transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.export-spotlight.home-reveal .export-spotlight__media {
    opacity: 0;
    transform: translateX(28px) scale(0.98);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.export-spotlight.home-reveal.is-inview .export-spotlight__copy,
.export-spotlight.home-reveal.is-inview .export-spotlight__media {
    opacity: 1;
    transform: none;
}

/* Brands section */
.brands-section.home-reveal .brands-section-header {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.brands-section.home-reveal .brands-slider {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.12s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}

.brands-section.home-reveal.is-inview .brands-section-header,
.brands-section.home-reveal.is-inview .brands-slider {
    opacity: 1;
    transform: none;
}

/* Soft entrance for product cards */
#product-categories .product-card-modern {
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease,
        border-color 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
    .home-reveal__item,
    .export-spotlight.home-reveal .export-spotlight__copy,
    .export-spotlight.home-reveal .export-spotlight__media,
    .brands-section.home-reveal .brands-section-header,
    .brands-section.home-reveal .brands-slider {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}