/* ==========================
   Header Styling
   ========================== */
.home .site-header {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: var(--wp--custom--header-z-index);
    transition: background var(--wp--custom--header-transition), transform var(--wp--custom--header-transition);
}

.home .ast-primary-header-bar {
    transition: background var(--wp--custom--header-transition);
}

.home .site-header.hide-header {
    transform: translateY(-100%);
}

.home .hide-header .ast-primary-header-bar{
    box-shadow: 0px 0px 0px rgb(0,0,0,0);
    background: transparent;
}

.home .site-header.transparent-at-top,
.home .site-header.transparent-at-top .ast-primary-header-bar {
    background: transparent;
    box-shadow: 0px 0px 0px rgb(0,0,0,0);
}

.home .content{
    margin: 0 !important;
}

.home .content .banner-container{
    max-width: 600px;
}

.home .content .banner-container .button-container{
    width: 100%;
}

/* ==========================
   Hero Video: Fade to Image
   ========================== */
.home .wp-block-cover__video-background {
    transition: opacity 1.5s ease;
}

/* Hero poster image: control focal point per breakpoint */
.home .hero-poster-img {
    object-position: center center; /* Desktop: show full/centred image */
}

@media (max-width: 768px) {
    .home .hero-poster-img {
        object-position: 75% center; /* Mobile: keep right-side subject in frame */
    }

    /* Prevent alignwide blocks from overflowing viewport */
    .home .wp-block-group.alignwide {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

/* Prevent cart drawer from causing horizontal scroll when hidden */
.astra-cart-drawer {
    max-width: 100vw;
    overflow-x: hidden;
}