/* VELAXIZ v1.56.0 — Home YouTube Hero full-bleed player hardening. */

/*
 * YouTube's IFrame API may take ownership of / replace the original iframe.
 * Size the final iframe itself against the viewport so the video always covers
 * the full-width Hero instead of falling back to an intrinsic player width.
 */
.home-banner--youtube,
.home-banner--youtube .home-banner-swiper,
.home-banner--youtube .video_box {
    width: 100%;
    max-width: none;
}

.home-banner--youtube .video_box {
    position: relative;
    overflow: hidden;
    background: #000;
}

.home-banner--youtube .video_box > iframe,
.home-banner--youtube .video_box iframe,
.home-banner--youtube iframe[id^="velaxiz-home-hero-youtube-"] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    height: 56.25vw !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translate3d(-50%, -50%, 0) scale(1.002) !important;
    transform-origin: center center;
    border: 0 !important;
    display: block !important;
    pointer-events: none;
}

/* Keep the Hero full bleed even if a browser/plugin injects inline iframe dimensions. */
@media (max-width: 991px) {
    .home-banner--youtube .video_box > iframe,
    .home-banner--youtube .video_box iframe,
    .home-banner--youtube iframe[id^="velaxiz-home-hero-youtube-"] {
        width: 100vw !important;
        max-width: none !important;
    }
}