/* BAZAR Page Height Control — scoped to BAZAR Experience OS v18 */

/* Global navigation: keep all existing colors, spacing and controls. */
.bzh .bh > .container {
    height: var(--bazar-phc-header-desktop, 70px) !important;
    min-height: var(--bazar-phc-header-desktop, 70px);
}

/* Interior page mastheads only; homepage full-screen slider is intentionally untouched. */
.bzh .bzi .bzi-masthead.b9-inner-hero {
    box-sizing: border-box !important;
    height: var(--bazar-phc-hero-desktop, 380px) !important;
    min-height: var(--bazar-phc-hero-desktop, 380px) !important;
    max-height: var(--bazar-phc-hero-desktop, 380px) !important;
    padding-block: 24px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.bzh .bzi .bzi-masthead.b9-inner-hero .b9-inner-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bzh .bzi .bzi-masthead.b9-inner-hero .b9-inner-shade {
    position: absolute;
    inset: 0;
}

.bzh .bzi .bzi-masthead.b9-inner-hero .b9-inner-hero-grid,
.bzh .bzi .bzi-masthead.b9-inner-hero .bzi-mast-copy {
    position: relative;
    z-index: 2;
}

@media (max-width: 760px) {
    .bzh .bh > .container {
        height: var(--bazar-phc-header-mobile, 62px) !important;
        min-height: var(--bazar-phc-header-mobile, 62px);
    }

    .bzh .bzi .bzi-masthead.b9-inner-hero {
        height: var(--bazar-phc-hero-mobile, 270px) !important;
        min-height: var(--bazar-phc-hero-mobile, 270px) !important;
        max-height: var(--bazar-phc-hero-mobile, 270px) !important;
        padding-block: 18px !important;
    }

    .bzh .bzi .bzi-masthead.b9-inner-hero .bzi-mast-copy h1 {
        font-size: clamp(30px, 7vw, 42px);
        line-height: 1.5;
    }
}