/* GeekHub Kitchen 3.4.1 — true full-bleed Hero background banner. */

html,
body.geekhub-custom-surface {
    max-width: 100%;
    overflow-x: clip;
}

/* Break out of any WordPress, ChefGear, page-builder or content container. */
body.geekhub-custom-surface .gh-home > .gh-hero-slider,
body.geekhub-custom-surface .gh-hero-slider {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: clamp(700px, calc(100svh - 118px), 980px) !important;
    isolation: isolate;
}

body.geekhub-custom-surface .gh-hero-slider__viewport,
body.geekhub-custom-surface .gh-hero-slider__track,
body.geekhub-custom-surface .gh-hero-slide,
body.geekhub-custom-surface .gh-hero-slide__media,
body.geekhub-custom-surface .gh-hero-slide__overlay {
    width: 100% !important;
    max-width: none !important;
    min-height: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.geekhub-custom-surface .gh-hero-slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
}

/* The uploaded image is the entire Hero background, not an image in a frame. */
body.geekhub-custom-surface .gh-hero-slide__media {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background-color: #07111d;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    transform: scale(1.01);
    transition: transform 8s cubic-bezier(.2,.65,.3,1);
    will-change: transform;
}

body.geekhub-custom-surface .gh-hero-slide.is-active .gh-hero-slide__media {
    transform: scale(1.075);
}

/* Hide legacy image nodes if a cache mixes old and new markup. */
body.geekhub-custom-surface .gh-hero-slide__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.geekhub-custom-surface .gh-hero-slide__content {
    width: min(calc(100% - 48px), var(--gh-container)) !important;
    max-width: var(--gh-container) !important;
    margin-inline: auto !important;
}

@media (max-width: 767px) {
    body.geekhub-custom-surface .gh-home > .gh-hero-slider,
    body.geekhub-custom-surface .gh-hero-slider {
        min-height: clamp(650px, calc(100svh - 82px), 820px) !important;
    }

    body.geekhub-custom-surface .gh-hero-slide__media {
        background-position: center center !important;
    }

    body.geekhub-custom-surface .gh-hero-slide__content {
        width: min(calc(100% - 36px), var(--gh-container)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.geekhub-custom-surface .gh-hero-slide__media,
    body.geekhub-custom-surface .gh-hero-slide.is-active .gh-hero-slide__media {
        transform: none !important;
        transition: none !important;
    }
}