/* Homepage motion — Karayadak */
:root {
    --kara-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --kara-dur: 0.75s;
}

body.home-page .kara-reveal {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    transition:
        opacity var(--kara-dur) var(--kara-ease),
        transform var(--kara-dur) var(--kara-ease);
    will-change: opacity, transform;
}

body.home-page .kara-reveal.is-inview {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

body.home-page .kara-reveal[data-delay="1"] { transition-delay: 0.08s; }
body.home-page .kara-reveal[data-delay="2"] { transition-delay: 0.16s; }
body.home-page .kara-reveal[data-delay="3"] { transition-delay: 0.24s; }
body.home-page .kara-reveal[data-delay="4"] { transition-delay: 0.32s; }

/* Hero — load entrance */
body.home-page .heroSection {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.985);
    transition:
        opacity 0.9s var(--kara-ease),
        transform 0.9s var(--kara-ease);
}

body.home-page.kara-home-ready .heroSection {
    opacity: 1;
    transform: none;
}

/* Features stagger on first paint */
body.home-page .mainFeatures .featuresList > .listThumb {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition:
        opacity 0.55s var(--kara-ease),
        transform 0.55s var(--kara-ease);
}

body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(1) { transition-delay: 0.12s; opacity: 1; transform: none; }
body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(2) { transition-delay: 0.2s; opacity: 1; transform: none; }
body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(3) { transition-delay: 0.28s; opacity: 1; transform: none; }
body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(4) { transition-delay: 0.36s; opacity: 1; transform: none; }
body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(5) { transition-delay: 0.44s; opacity: 1; transform: none; }
body.home-page.kara-home-ready .mainFeatures .featuresList > .listThumb:nth-child(n+6) { transition-delay: 0.5s; opacity: 1; transform: none; }

/* Soft lift on cards when section revealed */
body.home-page .kara-reveal.is-inview .productThumb,
body.home-page .kara-reveal.is-inview .brandThumb {
    transition: transform 0.35s var(--kara-ease), box-shadow 0.35s ease;
}

body.home-page .kara-reveal.is-inview .productThumb:hover,
body.home-page .kara-reveal.is-inview .brandThumb:hover {
    transform: translateY(-4px);
}

/* Section title accent line */
body.home-page .kara-reveal.is-inview .headerTitle span {
    position: relative;
}

body.home-page .kara-reveal.is-inview .sectionHeader .headerTitle::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin-top: 10px;
    margin-inline-start: auto;
    border-radius: 999px;
    background: #c23e96;
    transform-origin: right center;
    animation: karaLineIn 0.55s var(--kara-ease) both;
}

@keyframes karaLineIn {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* Amazing discount — soft brightness once in view */
body.home-page .mainDiscount.kara-reveal.is-inview {
    animation: karaGlowOnce 1.1s var(--kara-ease) both;
}

@keyframes karaGlowOnce {
    0% { filter: brightness(1); }
    40% { filter: brightness(1.05); }
    100% { filter: brightness(1); }
}

@media (prefers-reduced-motion: reduce) {
    body.home-page .kara-reveal,
    body.home-page .heroSection,
    body.home-page .mainFeatures .featuresList > .listThumb {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
    body.home-page .kara-reveal.is-inview .sectionHeader .headerTitle::after {
        animation: none !important;
    }
}