/* Scroll reveals are JS-prepared; the first hero has a self-contained CSS intro. */
@media (prefers-reduced-motion: no-preference) {
    html[data-store-motion="on"] { --store-motion-ease: cubic-bezier(.22,1,.36,1); --store-motion-ready: 1; }
    /* First visible hero starts on its first paint, independently of deferred JS. */
    html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > * {
        --store-intro-distance: 38px;
        animation: innjez-hero-intro 1100ms cubic-bezier(.25,.46,.45,.94) backwards;
    }
    html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(2) { animation-delay: 110ms; }
    html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(3) { animation-delay: 220ms; }
    html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(4) { animation-delay: 330ms; }
    html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text:focus-within > * { animation: none; }
    @media (max-width: 767.98px) {
        html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > * { --store-intro-distance: 26px; animation-duration: 950ms; }
        html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(2) { animation-delay: 80ms; }
        html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(3) { animation-delay: 160ms; }
        html[data-store-motion="on"] .storefront-split[data-store-motion-intro] .storefront-split__text > :nth-child(4) { animation-delay: 240ms; }
    }
    @keyframes innjez-hero-intro {
        from { opacity: 0; translate: 0 var(--store-intro-distance); }
        to { opacity: 1; translate: 0 0; }
    }
    html[data-store-motion="on"] [data-store-reveal="pending"] { opacity: 0; }
    html[data-store-motion="on"] [data-store-reveal="running"] { will-change: opacity, translate; }
    html[data-store-motion="on"] :is(.store-catalog-card,.featured-products__card,.category-showcase__card,.store-brand-card,.store-info-card) {
        transition: translate .28s var(--store-motion-ease), box-shadow .28s ease, border-color .22s ease;
    }
    html[data-store-motion="on"] :is(.featured-products__image,.category-showcase__image,.store-brand-logo) { overflow: hidden; }
    html[data-store-motion="on"] :is(.featured-products__image,.category-showcase__image,.store-brand-logo) img {
        transition: scale .65s var(--store-motion-ease);
    }
    html[data-store-motion="on"] :is(main,.store-footer,header) :is(.btn,.storefront-split__cta,.featured-products__cart,.swipe-product__cart,.category-showcase__arrow,.store-product-option) {
        transition: translate .22s var(--store-motion-ease), scale .18s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
    }
    html[data-store-motion="on"] :is(main,.store-footer,header) :is(.btn,.featured-products__cart,.swipe-product__cart):not(:disabled):active { scale: .98; }
    @media (hover:hover) and (pointer:fine) {
        html[data-store-motion="on"] :is(.store-catalog-card,.featured-products__card,.category-showcase__card,.store-brand-card,.store-info-card):not([data-store-reveal]):hover { translate: 0 -4px; }
        html[data-store-motion="on"] :is(.store-catalog-card,.featured-products__card,.category-showcase__card,.store-brand-card):hover :is(.featured-products__image,.category-showcase__image,.store-brand-logo) img { scale: 1.035; }
        html[data-store-motion="on"] :is(main,.store-footer,header) :is(.btn,.featured-products__cart,.swipe-product__cart):not(:disabled):hover { translate: 0 -2px; }
    }
}