/*
 * Heikaya v6.18.7
 * Consistent homepage section rhythm.
 *
 * Every titled homepage transition uses one identical blank title band.
 * Desktop: 132px
 * Phone: 100px
 *
 * This makes the title sit in the visual middle of the separation,
 * matching the clean Hero -> Featured Selection handoff.
 */

:root {
    --heikaya-home-title-band: 132px;
}

/* Remove historical uneven top spacing. The heading band owns the separation. */
body.home .lumiere-collections {
    padding-top: 0 !important;
}

body.home .lumiere-categories-heading {
    margin: 0 !important;
    padding: 0 !important;
}

body.home .lumiere-categories-heading + .lumiere-stacked-collections {
    padding-top: 0 !important;
}

body.home .heikaya-clear-crystal,
body.home .lumiere-home-new-arrivals,
body.home .heikaya-silver-showcase,
body.home .heikaya-candle-holder-showcase {
    padding-top: 0 !important;
}

/* Main H2 heading bands: Featured, Our Categories, Bohemia Crystal,
   New Arrivals, Silver, Candle Holder. */
body.home .lumiere-featured-products__heading,
body.home .lumiere-categories-heading {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: var(--heikaya-home-title-band) !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
}

/* Prevent old per-section margins from moving a title out of the middle. */
body.home .heikaya-clear-crystal__products .lumiere-featured-products__heading,
body.home .lumiere-home-new-arrivals .lumiere-featured-products__heading,
body.home .heikaya-silver-showcase__products .lumiere-featured-products__heading,
body.home .heikaya-candle-holder-showcase__inner .lumiere-featured-products__heading,
body.home .lumiere-collections > .lumiere-featured-products .lumiere-featured-products__heading {
    min-height: var(--heikaya-home-title-band) !important;
    margin: 0 !important;
    padding: 0 16px !important;
}

/* Our Categories had a decorative after-line that visually pulled the title
   away from the center of its blank band. */
body.home .lumiere-categories-heading::after {
    display: none !important;
    content: none !important;
}

/* Desktop collection names (Crystal / Egermann / Plexi / Silver) use the
   same centered title band before their subcategory cards. */
body.home .lumiere-collection-section.heikaya-subcategories-only {
    padding-top: 0 !important;
}

body.home .heikaya-subcategories-only .lumiere-collection-section__heading {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: var(--heikaya-home-title-band) !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
}

/* Keep title-to-content transitions clean; no old extra top gap. */
body.home .heikaya-subcategories-only .lumiere-category-slider {
    margin-top: 0 !important;
}

body.home .heikaya-clear-crystal__products,
body.home .heikaya-silver-showcase__products,
body.home .heikaya-candle-holder-showcase__inner {
    padding-top: 0 !important;
}

/* Mobile dedicated category sections: same idea, smaller reference band. */
@media (max-width: 767px) {
    :root {
        --heikaya-home-title-band: 100px;
    }

    body.home .lumiere-collections {
        padding-top: 0 !important;
    }

    body.home .heikaya-phone-collection {
        padding-top: 0 !important;
    }

    body.home .heikaya-phone-collection:first-child {
        padding-top: 0 !important;
    }

    body.home .heikaya-phone-collection__header {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: var(--heikaya-home-title-band) !important;
        margin: 0 !important;
        padding: 0 12px !important;
        text-align: center !important;
    }

    body.home .lumiere-featured-products__heading,
    body.home .lumiere-categories-heading,
    body.home .heikaya-clear-crystal__products .lumiere-featured-products__heading,
    body.home .lumiere-home-new-arrivals .lumiere-featured-products__heading,
    body.home .heikaya-silver-showcase__products .lumiere-featured-products__heading,
    body.home .heikaya-candle-holder-showcase__inner .lumiere-featured-products__heading {
        min-height: var(--heikaya-home-title-band) !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }
}