/* VELAXIZ v1.55.0 — Home YouTube hero / full-width statistics / 3x2 categories / factory carousel */

/* YouTube Hero keeps the confirmed full-width frame. */
.home-banner--video,
.home-banner--video .home-banner-swiper {
    width: 100%;
}
.home-banner--video .video_box {
    position: relative;
    width: 100%;
    padding-top: 33.85416666%;
    overflow: hidden;
    background: #000;
}
.home-banner--video .home-hero-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    inset: auto;
    width: 100%;
    height: 56.25vw;
    min-height: 100%;
    display: block;
    border: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Statistics belongs directly to the Hero: no white gap and no inset card. */
.home .stats-bar,
body.home .stats-bar {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #0B1526;
}
.home .stats-bar .stats-inner,
body.home .stats-bar .stats-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    padding: 26px clamp(24px, 5vw, 96px);
    box-sizing: border-box;
}

/* Home product categories: exactly three per row on desktop; PHP caps the list at six. */
.home-product .cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Manufacturing carousel CTA is part of the module, not a floating control. */
.home-factory-more {
    margin-top: 30px;
    padding: 0 24px 4px;
}

@media (max-width: 991px) {
    .home .stats-bar .stats-inner,
    body.home .stats-bar .stats-inner {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 768px) {
    .home-product .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .home-product .cards {
        grid-template-columns: 1fr;
    }
}

/* v1.63.9 — Home Hero mixed media: video wins, image is poster/fallback. */
.home-banner--media,
.home-banner--media .home-banner-swiper,
.home-banner--media .swiper-slide,
.home-banner--media .video_box,
.home-banner--media .img_box {
    width: 100%;
    max-width: none;
}
.home-banner--media .video_box,
.home-banner--media .img_box {
    position: relative;
    padding-top: 33.85416666%;
    overflow: hidden;
    background: #000;
}
.home-banner--media .home-hero-image,
.home-banner--media .home-hero-poster,
.home-banner--media .home-hero-poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.home-banner--media .home-hero-image,
.home-banner--media .home-hero-poster img {
    display: block;
    object-fit: cover;
    object-position: center;
}
.home-banner--media .home-hero-poster {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}
.home-banner--media .home-hero-poster.is-hidden {
    opacity: 0;
    visibility: hidden;
}
.home-banner--media .home-hero-youtube {
    z-index: 2 !important;
}

/* v1.63.9 — Scenario/Solution cards: obvious primary-color hover state. */
.home-solution .card,
.home-solution .card__label,
.home-solution .card__label svg,
.home-solution .card__label svg * {
    transition: color .22s ease, border-color .22s ease, stroke .22s ease, transform .28s ease, box-shadow .28s ease;
}
.home-solution .card:hover,
.home-solution .card:focus-visible {
    border-color: var(--primary);
}
.home-solution .card:hover .card__label,
.home-solution .card:focus-visible .card__label {
    color: var(--primary);
}
.home-solution .card:hover .card__label svg,
.home-solution .card:hover .card__label svg *,
.home-solution .card:focus-visible .card__label svg,
.home-solution .card:focus-visible .card__label svg * {
    stroke: var(--primary) !important;
}
.home-banner--media .home-hero-youtube,
.home-banner--media 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;
}

/* v1.63.9 — show exactly five Manufacturing cards on desktop, without edge peeking. */
.home-factory-swiper {
    overflow: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}