/* ----- Original v145.css ----- */
/* VELAXIZ v1.45.0 — CTA color normalization, Support collapsibles and Video categories. */
:root {
    --velaxiz-cta-color: var(--primary);
    --velaxiz-cta-hover: #222;
}

/* Keep each component's original geometry; only normalize CTA colors/states. */
a.btn-contact,
.btn-contact,
.page-banner .btn-contact,
.header-right .btn-contact,
.mod-mores,
.prodeta-expand-btn,
.support-expand-btn,
.support-video-readmore,
.blog-cta-button,
.home-about .about__btn,
.app-section .app__btn,
.feature__btn,
.prodeta-info-group .prodeta-info-btn,
.solution-form .form__btn,
.footer .newsletter__btn,
input[type="submit"] {
    background-color: var(--velaxiz-cta-color) !important;
    color: #fff !important;
    border-color: var(--velaxiz-cta-color) !important;
}

a.btn-contact:hover,
a.btn-contact:focus-visible,
.btn-contact:hover,
.btn-contact:focus-visible,
.page-banner .btn-contact:hover,
.page-banner .btn-contact:focus-visible,
.header-right .btn-contact:hover,
.header-right .btn-contact:focus-visible,
.mod-mores:hover,
.mod-mores:focus-visible,
.prodeta-expand-btn:hover,
.prodeta-expand-btn:focus-visible,
.support-expand-btn:hover,
.support-expand-btn:focus-visible,
.support-video-readmore:hover,
.support-video-readmore:focus-visible,
.blog-cta-button:hover,
.blog-cta-button:focus-visible,
.home-about .about__btn:hover,
.home-about .about__btn:focus-visible,
.app-section .app__btn:hover,
.app-section .app__btn:focus-visible,
.feature__btn:hover,
.feature__btn:focus-visible,
.prodeta-info-group .prodeta-info-btn:hover,
.prodeta-info-group .prodeta-info-btn:focus-visible,
.solution-form .form__btn:hover,
.solution-form .form__btn:focus-visible,
.footer .newsletter__btn:hover,
.footer .newsletter__btn:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible {
    background-color: var(--velaxiz-cta-hover) !important;
    color: #fff !important;
    border-color: var(--velaxiz-cta-hover) !important;
}

/* The fixed contact tools use the same Banner CTA palette. */
.sidebar-icons.sidebar-color a span {
    background-color: var(--velaxiz-cta-color) !important;
}
.sidebar-icons.sidebar-color a:hover span,
.sidebar-icons.sidebar-color a:focus-visible span {
    background-color: var(--velaxiz-cta-hover) !important;
}

/* Product detail's pre-existing View More / Show Less now starts as a filled Banner CTA. */
.prodeta-expand-btn {
    border-color: var(--velaxiz-cta-color) !important;
}

/* Support FAQ / Terminology module-level collapse. Individual FAQ accordions stay unchanged. */
.support-module-collapsible.js-collapsible {
    position: relative;
    overflow: hidden;
    transition: max-height .4s ease;
}
.support-module-collapsible.js-collapsible.is-collapsed::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 72px;
    pointer-events: none;
    content: "";
}
.support-faq .support-module-collapsible.js-collapsible.is-collapsed::after {
    background: linear-gradient(to bottom, rgba(245,247,250,0), #f5f7fa 90%);
}
.support-term .support-module-collapsible.js-collapsible.is-collapsed::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 90%);
}
.support-expand-btn {
    display: flex;
    width: max-content;
    min-width: 142px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 20px auto 0;
    padding: 10px 22px;
    border: 1px solid var(--velaxiz-cta-color);
    border-radius: 2px;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.support-expand-btn::after {
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform .25s ease;
}
.support-expand-btn[aria-expanded="true"]::after {
    transform: translateY(2px) rotate(225deg);
}

/* Videos: collection and taxonomy pages share one Blog-style left/right layout. */
.video-library-main {
    padding: var(--padd64) 0;
}
.video-library-main .themeflat-container2 {
    width: 90%;
    max-width: 100%;
}
.video-library-flexs {
    display: flex;
    align-items: flex-start;
}
.video-library-sidebar {
    width: 300px;
    position: sticky;
    top: 100px;
    padding-right: 30px;
    flex: 0 0 300px;
}
.video-library-sidebar-title {
    margin-bottom: 20px;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.video-library-content {
    width: calc(100% - 300px);
    min-width: 0;
}
.video-library-flexs.no-sidebar .video-library-content {
    width: 100%;
}
.video-library-content .mod_header {
    margin-bottom: 30px;
    text-align: left;
}
.video-category-nav,
.video-category-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.video-cat-item {
    margin-bottom: 10px;
}
.video-cat-row {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 20px;
    border-radius: 4px;
    background: #f0f0f0;
    color: #222;
    font-size: 17px;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.video-cat-row:hover,
.video-cat-row:focus-visible,
.video-cat-item.active > .video-cat-row {
    background: var(--primary);
    color: #fff;
    outline: none;
}
.video-cat-parent.is-parent-active > .video-cat-row {
    color: var(--primary);
    box-shadow: inset 3px 0 0 var(--primary);
}
.video-cat-parent.is-parent-active > .video-cat-row:hover,
.video-cat-parent.is-parent-active > .video-cat-row:focus-visible {
    color: #fff;
    box-shadow: none;
}
.video-cat-children {
    margin-top: 7px !important;
    padding-left: 16px !important;
}
.video-cat-child {
    margin-bottom: 6px;
}
.video-cat-child .video-cat-row {
    min-height: 42px;
    padding: 8px 16px;
    background: #f7f7f7;
    font-size: 15px;
}
.video-library-content .support-video-list {
    justify-content: flex-start;
}
.video-library-content .support-video-cont .tits {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .video-library-flexs {
        flex-direction: column;
    }
    .video-library-sidebar,
    .video-library-content {
        width: 100%;
    }
    .video-library-sidebar {
        position: static;
        flex-basis: auto;
        margin-bottom: 28px;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .support-expand-btn {
        min-width: 132px;
    }
    .video-library-sidebar-title {
        font-size: 21px;
    }
    .video-cat-row {
        min-height: 44px;
        padding: 9px 15px;
        font-size: 16px;
    }
    .video-library-content .mod_header {
        margin-bottom: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .support-module-collapsible.js-collapsible,
    .support-expand-btn,
    .support-expand-btn::after,
    .video-cat-row {
        transition: none;
    }
}


/* ----- Original v146.css ----- */
/* VELAXIZ v1.46.0 — About Team four-up layout, blue Advantage labels and About intro video. */

/* About intro: the former image frame is now a responsive YouTube embed. */
.about-infos .lefts .about-intro-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}
.about-infos .lefts .about-intro-video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.about-infos .flexs.no-media .rights {
    width: 100%;
}
.about-infos .flexs.no-copy .lefts {
    width: min(100%, 900px);
    margin-right: auto;
    margin-left: auto;
}

/* Team: desktop is a clean four-card viewport; no clone should peek outside the frame. */
.about-team-box .slick-list {
    overflow: hidden;
}
.about-team-lists.slick-initialized {
    margin-right: -12px !important;
    margin-left: -12px !important;
}
.about-team-lists.slick-initialized .about-team-items {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
@media (min-width: 1201px) {
    .about-team-lists.slick-initialized .about-team-conts .img_box {
        padding-top: 122%;
    }
}


/* Four or fewer members do not need a carousel: use a real responsive grid. */
.about-team-lists.about-team-static {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 24px;
    margin: 30px 0 0 !important;
}
.about-team-lists.about-team-static .about-team-items {
    width: auto !important;
    padding: 0 !important;
}
@media (max-width: 1200px) {
    .about-team-lists.about-team-static {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .about-team-lists.about-team-static {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .about-team-lists.about-team-static {
        grid-template-columns: 1fr;
    }
}

/* Advantages use the site's Banner CTA blue instead of the legacy black pill. */
.about-choose2-content .tits {
    background: var(--primary) !important;
    color: #fff !important;
}


/* ----- Original v147.css ----- */
/* VELAXIZ v1.47.0 — four-member Team infinite loop support + compact Advantages labels. */

/*
 * Advantages: keep six items in one row on wide desktops, but give the label
 * enough usable width that normal English titles stay on one line whenever
 * practical. The layout steps down to 3 / 2 / 1 columns before text is forced
 * into an unreadably narrow pill.
 */
@media (min-width: 1201px) {
    .about-choose2-list {
        margin-right: -6px;
        margin-left: -6px;
    }
    .about-choose2-item {
        padding-right: 6px;
        padding-left: 6px;
    }
    .about-choose2-content .tits {
        max-width: 100%;
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.3;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .about-choose2-item {
        width: 33.333333%;
        margin-bottom: 30px;
    }
    .about-choose2-content .tits {
        max-width: 100%;
        padding: 8px 14px;
        font-size: 15px;
        line-height: 1.3;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .about-choose2-item {
        width: 50%;
        margin-bottom: 26px;
    }
}

@media (max-width: 480px) {
    .about-choose2-item {
        width: 100%;
    }
}


/* ----- Original v148.css ----- */
/* VELAXIZ v1.48.0 — Solutions archive/category layout refinement. */

/*
 * Solution Type navigation is data-driven now. Every taxonomy term gets the
 * same share of the row instead of the old hard-coded 50/50 split.
 */
.solution-navs {
    display: grid;
    grid-template-columns: repeat(var(--solution-nav-count, 1), minmax(0, 1fr));
    width: 100%;
}

.solution-navs .items {
    width: auto;
    min-width: 0;
    padding-right: 18px;
    padding-left: 18px;
}

.solution-navs .items:last-child {
    border-right: 0;
}

/*
 * Give the Solution listing more room than the site's ordinary 1280px
 * container, while deliberately retaining a clear right-side gutter for the
 * global floating contact controls.
 */
@media (min-width: 1200px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        width: calc(100% - 176px);
        max-width: 1500px;
    }

    body.post-type-archive-solution .app-section .apps,
    body.tax-solution-type .app-section .apps {
        justify-content: flex-start;
        gap: 30px 0;
        margin-right: -10px;
        margin-left: -10px;
    }

    body.post-type-archive-solution .app-section .app,
    body.post-type-archive-solution .app-section .app.w-25,
    body.tax-solution-type .app-section .app,
    body.tax-solution-type .app-section .app.w-25 {
        width: 20%;
        max-width: none;
        padding-right: 10px;
        padding-left: 10px;
    }

    body.post-type-archive-solution .app-section .app__body,
    body.tax-solution-type .app-section .app__body {
        padding-right: 14px;
        padding-left: 14px;
    }
}

/* Keep the cards usable as the viewport approaches tablet width. */
@media (min-width: 992px) and (max-width: 1199px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        width: calc(100% - 112px);
        max-width: none;
    }

    body.post-type-archive-solution .app-section .apps,
    body.tax-solution-type .app-section .apps {
        justify-content: flex-start;
        gap: 26px 0;
        margin-right: -9px;
        margin-left: -9px;
    }

    body.post-type-archive-solution .app-section .app,
    body.post-type-archive-solution .app-section .app.w-25,
    body.tax-solution-type .app-section .app,
    body.tax-solution-type .app-section .app.w-25 {
        width: 25%;
        max-width: none;
        padding-right: 9px;
        padding-left: 9px;
    }
}

@media (max-width: 991px) {
    .solution-navs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solution-navs .items {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 13px 12px;
        font-size: 17px;
    }
}

@media (max-width: 560px) {
    .solution-navs {
        grid-template-columns: minmax(0, 1fr);
    }

    .solution-navs .items {
        border-right: 0;
    }
}


/* ----- Original v149.css ----- */
/* VELAXIZ v1.49.0 — Solutions listing full-width refinement. */

/*
 * The Solution archive/taxonomy listing is intentionally allowed to use
 * almost the full viewport. Keep only a compact left gutter and a slightly
 * larger right gutter so the global fixed contact toolbar never sits on top
 * of the fifth card.
 */
@media (min-width: 1200px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        width: auto;
        max-width: none;
        margin-left: 32px;
        margin-right: 92px;
    }

    body.post-type-archive-solution .app-section .apps,
    body.tax-solution-type .app-section .apps {
        width: auto;
        max-width: none;
    }
}

/* On very wide screens use a little more breathing room without reintroducing
 * a centered max-width container. */
@media (min-width: 1800px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        margin-left: 40px;
        margin-right: 100px;
    }
}


/* ----- Original v150.css ----- */
/* VELAXIZ v1.50.0 — Solutions full-width equal side gutters. */

/*
 * Keep the Solutions archive/taxonomy listing visually centered while still
 * using almost the entire viewport. 60px on both sides is enough to house the
 * global 50px fixed toolbar (right:10px) without giving the right side a
 * larger visual gutter than the left.
 */
@media (min-width: 1200px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        margin-left: 60px;
        margin-right: 60px;
    }
}


/* ----- Original v151.css ----- */
/* VELAXIZ v1.51.0 — Product detail/category refinement + Solutions 80px equal gutters. */

/* Solutions: keep the full-width five-column layout, but use equal 80px gutters. */
@media (min-width: 1200px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        margin-left: 80px;
        margin-right: 80px;
    }
}

/* Product Feature Tags now use Media Library images instead of inline SVG markup. */
.prodeta-info-conts .icons img {
    display: block;
    width: 50%;
    height: 50%;
    object-fit: contain;
}

/* Product video: keep a clear 16:9 frame without letting one video dominate the full content width. */
.prodeta-video-list {
    justify-content: center;
    margin: 25px 0 0;
}
.prodeta-video-list .items {
    width: min(72%, 900px);
    padding: 0;
}
.prodeta-video-list .items .img_box {
    padding-bottom: 56.25%;
}

/* Product certification: five compact certificates per desktop row. */
.prodeta-certification-shell {
    position: relative;
    margin-top: 30px;
}
.prodeta-certification-list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}
.prodeta-certification-shell.has-carousel {
    padding: 0 42px;
}
.prodeta-certification-list.slick-initialized {
    display: block;
    margin: 0 -9px;
}
.prodeta-certification-list.slick-initialized .prodeta-certification-item {
    padding: 0 9px;
}
.prodeta-certification-item .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 260px;
    padding: 10px;
    overflow: hidden;
    background: #fff;
}
.prodeta-certification-item .img img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}
.prodeta-certification-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(--primary);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color .2s ease, box-shadow .2s ease;
}
.prodeta-certification-arrow:hover,
.prodeta-certification-arrow:focus-visible {
    background: #222;
    box-shadow: 0 4px 12px rgba(0,0,0,.16);
    outline: none;
}
.prodeta-certification-prev { left: -36px; }
.prodeta-certification-next { right: -36px; }

@media (max-width: 1199px) {
    .prodeta-certification-list:not(.slick-initialized) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .prodeta-certification-item .img { height: 235px; }
}
@media (max-width: 991px) {
    .prodeta-video-list .items { width: 100%; }
    .prodeta-certification-list:not(.slick-initialized) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .prodeta-certification-item .img { height: 220px; }
}
@media (max-width: 767px) {
    .prodeta-certification-shell.has-carousel { padding: 0 34px; }
    .prodeta-certification-prev { left: -30px; }
    .prodeta-certification-next { right: -30px; }
    .prodeta-certification-list:not(.slick-initialized) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .prodeta-certification-item .img { height: 210px; }
}
@media (max-width: 479px) {
    .prodeta-certification-list:not(.slick-initialized) {
        grid-template-columns: 1fr;
    }
    .prodeta-certification-item .img { height: auto; max-height: 320px; }
}


/* ----- Original v152.css ----- */
/* VELAXIZ v1.52.0 — Product detail video proportion + 5-item certification carousel threshold. */

/* Product video: slightly smaller than v1.51 and aligned with the left edge of the module content. */
.prodeta-video-list {
    justify-content: flex-start;
}
.prodeta-video-list .items {
    width: min(64%, 760px);
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1199px) {
    .prodeta-video-list .items {
        width: min(72%, 720px);
    }
}
@media (max-width: 991px) {
    .prodeta-video-list .items {
        width: 100%;
    }
}


/* ----- Original v153.css ----- */
/* VELAXIZ v1.53.0 — Product video 58% width + continuous certification autoplay. */

/* Product video: smaller desktop footprint, left aligned with the module content. */
.prodeta-video-list {
    justify-content: flex-start;
}
.prodeta-video-list .items {
    width: 58%;
    max-width: 700px;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1199px) {
    .prodeta-video-list .items {
        width: 66%;
        max-width: 680px;
    }
}
@media (max-width: 991px) {
    .prodeta-video-list .items {
        width: 100%;
        max-width: none;
    }
}


/* ----- Original v154.css ----- */
/* 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;
}


/* ----- Original v156.css ----- */
/* 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;
    }
}


/* ----- Original v157.css ----- */
/* VELAXIZ v1.57.0 — Home statistics balance / Product gallery thumb state / Contact banner cleanup. */

/* Home Statistics: the four statistic cells together occupy one half and the
 * certification group occupies the other half. Both halves distribute their
 * own contents evenly so the strip no longer feels left-heavy. */
body.home .stats-bar .stats-inner {
    justify-content: flex-start;
    gap: 0;
}
body.home .stats-bar .stat-item {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding: 0 clamp(8px, 1.1vw, 20px);
    box-sizing: border-box;
}
body.home .stats-bar .stats-divider {
    flex: 0 0 1px;
    margin: 0 clamp(16px, 2.2vw, 38px);
}
body.home .stats-bar .cert-logos {
    flex: 4 1 0;
    min-width: 0;
    justify-content: space-evenly;
    gap: clamp(10px, 1.6vw, 28px);
}
body.home .stats-bar .cert {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
}

/* Product Detail gallery thumbs: every thumb has a visible frame; the active
 * slide is identified by Slick's canonical .slick-current class. */
.single-product .prodeta-smimg {
    margin-top: 14px;
}
.single-product .prodeta-smimg-items {
    cursor: pointer;
}
.single-product .prodeta-smimg-cont {
    overflow: hidden;
    border: 1px solid #d8dce3;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.single-product .prodeta-smimg-items:hover .prodeta-smimg-cont,
.single-product .prodeta-smimg-items:focus-within .prodeta-smimg-cont {
    border-color: #9bbfe0;
}
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont,
.single-product .prodeta-smimg:not(.slick-initialized) .prodeta-smimg-items:first-child .prodeta-smimg-cont {
    border-color: var(--primary);
    box-shadow: inset 0 0 0 1px var(--primary);
}
.single-product .prodeta-smimg-cont .img_box {
    background: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    body.home .stats-bar .stats-inner {
        display: flex;
        flex-wrap: wrap;
        gap: 18px 0;
    }
    body.home .stats-bar .stat-item {
        flex: 1 1 50%;
    }
    body.home .stats-bar .stats-divider {
        display: none;
    }
    body.home .stats-bar .cert-logos {
        flex: 1 0 100%;
        padding-top: 18px;
        border-top: 1px solid rgba(255,255,255,.16);
    }
}

/* v1.63.30: Removed obsolete <=520px Home stats/logo layout.
   The homepage now has one mobile layout owner, isolated from other pages. */


/* ----- Original v158.css ----- */
/* VELAXIZ v1.58.0 — 65/35 home statistics balance / stronger product thumb state / Support card hover. */

/* Home Statistics: four statistic cells = 65%; certification group = 35%.
 * The 1px divider is kept as a separate grid track so the proportions stay
 * visually stable instead of being distorted by flex margins. */
@media (min-width: 992px) {
    body.home .stats-bar .stats-inner {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 16.25fr)) 1px minmax(0, 35fr);
        align-items: center;
        gap: 0;
    }
    body.home .stats-bar .stat-item {
        width: auto;
        min-width: 0;
        padding: 0 clamp(8px, 1vw, 18px);
        justify-content: center;
    }
    body.home .stats-bar .stats-divider {
        width: 1px;
        height: 38px;
        margin: 0;
        justify-self: stretch;
        align-self: center;
        background: rgba(255,255,255,.18);
    }
    body.home .stats-bar .cert-logos {
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: clamp(8px, 1vw, 18px);
        padding: 0 clamp(12px, 1.2vw, 24px);
        box-sizing: border-box;
    }
}

/* Product Detail thumbnails: make the frame unmistakable while keeping the
 * image size stable. Active thumb receives a brand-blue outer ring. */
.single-product .prodeta-smimg-items {
    padding: 4px 7px;
}
.single-product .prodeta-smimg-cont {
    border: 2px solid #b8bec8;
    padding: 2px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.single-product .prodeta-smimg-items:hover .prodeta-smimg-cont,
.single-product .prodeta-smimg-items:focus-within .prodeta-smimg-cont {
    border-color: #6f9fca;
    box-shadow: 0 0 0 1px rgba(22,109,187,.22);
}
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont,
.single-product .prodeta-smimg:not(.slick-initialized) .prodeta-smimg-items:first-child .prodeta-smimg-cont {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px var(--primary);
}

/* Support quick-entry cards: border, icon and text all react together. */
.support-main-link .icons,
.support-main-link .icons svg,
.support-main-link .icons svg * ,
.support-main-link .title {
    transition: border-color .22s ease, color .22s ease, fill .22s ease, stroke .22s ease, transform .22s ease, box-shadow .22s ease;
}
.support-main-link:hover .icons,
.support-main-link:focus-visible .icons {
    border-color: var(--primary);
    box-shadow: 0 8px 20px rgba(22,109,187,.16);
    transform: translateY(-3px);
}
.support-main-link:hover .title,
.support-main-link:focus-visible .title {
    color: var(--primary);
}
.support-main-link:hover .icons svg path,
.support-main-link:hover .icons svg circle,
.support-main-link:hover .icons svg rect,
.support-main-link:hover .icons svg polygon,
.support-main-link:hover .icons svg line,
.support-main-link:focus-visible .icons svg path,
.support-main-link:focus-visible .icons svg circle,
.support-main-link:focus-visible .icons svg rect,
.support-main-link:focus-visible .icons svg polygon,
.support-main-link:focus-visible .icons svg line {
    fill: #0d5796;
    stroke: #0d5796;
}
.support-main-link:focus-visible {
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .support-main-link .icons,
    .support-main-link .icons svg,
    .support-main-link .icons svg *,
    .support-main-link .title,
    .single-product .prodeta-smimg-cont {
        transition: none;
    }
}


/* ----- Original v159.css ----- */
/* VELAXIZ v1.59.0 — Product thumb active state + About 11-module rebuild. */

/* Product Detail thumbnail state: use an explicit JS-synchronised active class so
 * the selected image remains obvious even when Slick's internal current class
 * changes during navigation. */
.single-product .prodeta-smimg-items .prodeta-smimg-cont {
    border: 2px solid #b8bec8;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.single-product .prodeta-smimg-items.is-active .prodeta-smimg-cont,
.single-product .prodeta-smimg-items[aria-current="true"] .prodeta-smimg-cont,
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont {
    border: 3px solid var(--primary) !important;
    box-shadow: 0 0 0 2px rgba(22,109,187,.28) !important;
    transform: translateY(-1px);
}
.single-product .prodeta-smimg-items.is-active .img_box,
.single-product .prodeta-smimg-items[aria-current="true"] .img_box {
    background: #f4f8fc;
}

/* About local nav: 11 modules remain one ordered navigation row on wide
 * screens, then become a smooth horizontal scroller before labels overlap. */
@media (min-width: 1281px) {
    .page-template-page-about .about-nav-list {
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }
    .page-template-page-about .about-nav-item {
        flex: 0 1 auto;
        padding: 15px clamp(7px, .8vw, 16px);
        font-size: clamp(13px, .88vw, 17px);
        white-space: nowrap;
        text-align: center;
    }
}
@media (max-width: 1280px) {
    .page-template-page-about .about-nav-list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .page-template-page-about .about-nav-list::-webkit-scrollbar { display:none; }
    .page-template-page-about .about-nav-item { flex:0 0 auto; white-space:nowrap; }
}

/* Common About section header used by Highlights / capabilities / gallery / video. */
.page-template-page-about .about-v159-section-header {
    max-width: 860px;
    margin: 0 auto 34px;
    text-align: center;
}
.page-template-page-about .about-v159-section-header .mod_subtitle,
.page-template-page-about .about-capability-grid-section .mod_subtitle,
.page-template-page-about .about-company-gallery-v159 .mod_subtitle {
    margin-top: 10px;
    color: #4b5563;
    line-height: 1.65;
}
.page-template-page-about .about-v159-section-header .mod_subtitle p,
.page-template-page-about .about-capability-grid-section .mod_subtitle p,
.page-template-page-about .about-company-gallery-v159 .mod_subtitle p { margin:0; }

/* 5. About Highlights — independent module. */
.page-template-page-about .about-highlights-v159 {
    padding: 72px 0;
    background: #f7f9fc;
}
.page-template-page-about .about-highlights-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.page-template-page-about .about-highlight-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 92px;
    padding: 20px 22px;
    border: 1px solid #e4eaf1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 22px rgba(20,49,78,.05);
}
.page-template-page-about .about-highlight-card .icons {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-template-page-about .about-highlight-card .icons img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page-template-page-about .about-highlight-card .texts {
    color: #182235;
    font-weight: 600;
    line-height: 1.5;
}

/* 7 / 8 / 9. R&D, Manufacturing, Production: four columns. Eight items become
 * the requested two rows; the repeater remains unlimited in wp-admin. */
.page-template-page-about .about-capability-grid-section {
    padding: 76px 0;
    background: #fff;
}
.page-template-page-about .about-capability-grid-section:nth-of-type(even) {
    background: #f8fafc;
}
.page-template-page-about .about-capability-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 24px;
}
.page-template-page-about .about-capability-card {
    min-width: 0;
    text-align: center;
}
.page-template-page-about .about-capability-card .img_box {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f3f5f7;
}
.page-template-page-about .about-capability-card .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.page-template-page-about .about-capability-card:hover .img_box img { transform: scale(1.025); }
.page-template-page-about .about-capability-card .tits {
    margin-top: 10px;
    color: #111827;
    font-weight: 600;
    line-height: 1.4;
}
.page-template-page-about .about-capability-card .texts {
    margin-top: 6px;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}
.page-template-page-about .about-capability-card .texts p { margin:0; }

/* 10. Company Gallery — two columns; six images naturally render as 3 x 2. */
.page-template-page-about .about-company-gallery-v159 {
    padding: 78px 0;
    background: #f8fafc;
}
.page-template-page-about .about-company-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.page-template-page-about .about-company-gallery-item .img_box {
    width: 100%;
    aspect-ratio: 16 / 7.5;
    overflow: hidden;
    background: #eef1f4;
}
.page-template-page-about .about-company-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.page-template-page-about .about-company-gallery-item:hover img { transform: scale(1.02); }

/* 11. Customer Video — automatic Swiper with consistent brand-blue buttons. */
.page-template-page-about .about-customer-video-v159 {
    padding: 78px 0 90px;
    background: #fff;
}
.page-template-page-about .about-video-slider-shell {
    position: relative;
    padding: 0 58px;
}
.page-template-page-about .about-video-swiper { overflow: hidden; }
.page-template-page-about .about-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #07101f;
}
.page-template-page-about .about-video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-template-page-about .about-video-title {
    margin-top: 12px;
    color: #111827;
    font-weight: 600;
    text-align: center;
}
.page-template-page-about .about-video-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(22,109,187,.20);
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.page-template-page-about .about-video-nav span {
    display: block;
    font-size: 34px;
    line-height: 1;
    transform: translateY(-1px);
}
.page-template-page-about .about-video-prev { left: 0; }
.page-template-page-about .about-video-next { right: 0; }
.page-template-page-about .about-video-nav:hover,
.page-template-page-about .about-video-nav:focus-visible {
    background: #222;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    outline: none;
}
.page-template-page-about .about-video-nav.swiper-button-disabled {
    opacity: .35;
    cursor: default;
}

@media (max-width: 991px) {
    .page-template-page-about .about-highlights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-template-page-about .about-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-template-page-about .about-company-gallery-grid { grid-template-columns: 1fr; }
    .page-template-page-about .about-company-gallery-item .img_box { aspect-ratio: 16 / 9; }
    .page-template-page-about .about-video-slider-shell { padding: 0 50px; }
}

@media (max-width: 600px) {
    .page-template-page-about .about-highlights-grid,
    .page-template-page-about .about-capability-grid { grid-template-columns: 1fr; }
    .page-template-page-about .about-highlights-v159,
    .page-template-page-about .about-capability-grid-section,
    .page-template-page-about .about-company-gallery-v159,
    .page-template-page-about .about-customer-video-v159 { padding: 54px 0; }
    .page-template-page-about .about-video-slider-shell { padding: 0 42px; }
    .page-template-page-about .about-video-nav { width: 36px; height: 36px; margin-top:-18px; }
    .page-template-page-about .about-video-nav span { font-size:28px; }
}

@media (prefers-reduced-motion: reduce) {
    .page-template-page-about .about-capability-card .img_box img,
    .page-template-page-about .about-company-gallery-item img,
    .page-template-page-about .about-video-nav,
    .single-product .prodeta-smimg-items .prodeta-smimg-cont { transition:none; }
}
.page-template-page-about .about-video-slider-shell.is-single-video { padding-left:0; padding-right:0; }
.page-template-page-about .about-video-slider-shell.is-single-video .about-video-nav { display:none; }


/* ----- Original v160.css ----- */
/* VELAXIZ v1.60.0 — About five-up team, three-up videos, Market Services-style Highlights, stronger product thumb state. */

/* Product Detail selected thumbnail: make the persistent selected state
 * unmistakable even without hover. */
.single-product .prodeta-smimg-items.is-active,
.single-product .prodeta-smimg-items[aria-current="true"],
.single-product .prodeta-smimg-items.slick-current {
    position: relative;
}
.single-product .prodeta-smimg-items.is-active .prodeta-smimg-cont,
.single-product .prodeta-smimg-items[aria-current="true"] .prodeta-smimg-cont,
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont {
    border: 4px solid var(--primary) !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(22,109,187,.38) !important;
    background: #edf6fd !important;
    transform: none !important;
}
.single-product .prodeta-smimg-items.is-active::after,
.single-product .prodeta-smimg-items[aria-current="true"]::after,
.single-product .prodeta-smimg-items.slick-current::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 3px rgba(255,255,255,.9);
    pointer-events: none;
    z-index: 3;
}


/* 5. About Highlights — compact market-services layout. Existing six ACF
 * highlight rows are reused as the requested 2 columns x 3 rows. */
.page-template-page-about .about-market-services-v160 {
    padding: 86px 0 92px;
    background: #fff;
    overflow: hidden;
}
.page-template-page-about .about-market-layout {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(520px, 1.45fr);
    gap: clamp(42px, 5vw, 86px);
    align-items: center;
}
.page-template-page-about .about-market-copy { min-width: 0; }
.page-template-page-about .about-market-copy .mod_title {
    margin: 0;
    text-align: left;
    color: #10265d;
    font-size: clamp(30px, 2.1vw, 42px);
    line-height: 1.1;
}
.page-template-page-about .about-market-description {
    margin-top: 14px;
    max-width: 620px;
    color: #263244;
    font-size: 16px;
    line-height: 1.58;
}
.page-template-page-about .about-market-description p { margin: 0; }
.page-template-page-about .about-market-highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 30px;
    column-gap: 26px;
}
.page-template-page-about .about-market-highlight-item {
    min-width: 0;
    min-height: 88px;
    padding: 16px 0 15px;
    display: flex;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid #e2e6eb;
}
.page-template-page-about .about-market-highlight-item .icons {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-template-page-about .about-market-highlight-item .icons img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page-template-page-about .about-market-highlight-item .texts {
    color: #10265d;
    font-weight: 700;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.38;
}
.page-template-page-about .about-market-map {
    width: 100%;
    min-width: 0;
}
    48%,58% { opacity: .95; transform: scale(1); }
}

/* 11. Customer Video — desktop shows three videos per row. */
@media (min-width: 1100px) {
    .page-template-page-about .about-video-slider-shell { padding-left: 56px; padding-right: 56px; }
}

@media (max-width: 1099px) {
    .page-template-page-about .about-market-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .page-template-page-about .about-market-map { max-width: 900px; margin: 0 auto; }
}
@media (max-width: 700px) {
    .page-template-page-about .about-market-services-v160 { padding: 58px 0 64px; }
    .page-template-page-about .about-market-highlights-grid { grid-template-columns: 1fr; }
    .page-template-page-about .about-market-highlight-item { min-height: 76px; }
    .page-template-page-about .about-market-copy .mod_title { font-size: 30px; }
}



/* ----- Original v161.css ----- */
/* VELAXIZ v1.61.0 — About anchor navigation / uploaded animated map / full team descriptions / simplified Product thumbs. */

/* Product Detail thumbnails: one frame only. No pale outer frame, no extra ring,
 * no status dot. The active thumb remains visible with one brand-blue border. */
.single-product .prodeta-smimg-items {
    padding: 0 5px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items::after { content: none !important; display: none !important; }
.single-product .prodeta-smimg-items .prodeta-smimg-cont {
    padding: 0 !important;
    border: 1px solid #cfd5dd !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}
.single-product .prodeta-smimg-items:hover .prodeta-smimg-cont,
.single-product .prodeta-smimg-items:focus-within .prodeta-smimg-cont {
    border-color: #7eaed8 !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items.is-active .prodeta-smimg-cont,
.single-product .prodeta-smimg-items[aria-current="true"] .prodeta-smimg-cont,
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont {
    border: 3px solid var(--primary) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items.is-active .img_box,
.single-product .prodeta-smimg-items[aria-current="true"] .img_box { background:#fff !important; }

/* About anchor navigation. Repeater order controls the frontend. All labels stay
 * on one line. Wide screens distribute the entire row; narrower screens scroll
 * horizontally instead of wrapping. */
.page-template-page-about .about-nav > .themeflat-container2 { max-width: 1540px; }
.page-template-page-about .about-nav-list {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.page-template-page-about .about-nav-list::-webkit-scrollbar { display:none; }
.page-template-page-about .about-nav-item {
    flex: 0 0 auto !important;
    padding: 0 clamp(5px, .55vw, 12px) !important;
    font-size: clamp(11px, .73vw, 14px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center;
}
.page-template-page-about .about-nav-item a {
    display: flex;
    align-items: center;
    height: 54px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.page-template-page-about .about-nav-item::after { bottom: 0; }
@media (max-width: 1280px) {
    .page-template-page-about .about-nav-list { justify-content:flex-start; }
    .page-template-page-about .about-nav-item { padding:0 14px !important; font-size:13px !important; }
}
@media (max-width: 767px) {
    .page-template-page-about .about-nav-item { padding:0 12px !important; font-size:12px !important; }
    .page-template-page-about .about-nav-item a { height:48px; }
}

/* Team: show every Description in full. Slick slides share one flex-track height,
 * so all cards align to the member with the longest description. */
.page-template-page-about .about-team-lists.slick-initialized .slick-track {
    display: flex !important;
    align-items: stretch;
}
.page-template-page-about .about-team-lists.slick-initialized .about-team-items {
    height: auto !important;
}
.page-template-page-about .about-team-conts {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.page-template-page-about .about-team-conts .texts {
    display: block !important;
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}
.page-template-page-about .about-team-conts .texts p { margin:0; }

/* About Highlights: target-layout proportions. Left copy/data stays compact;
 * the uploaded GIF/image fills the right column. The original GIF is rendered
 * so its animation remains intact. */
.page-template-page-about .about-market-services-v160 {
    padding: clamp(62px, 5.2vw, 92px) 0;
    background:#fff;
}
.page-template-page-about .about-market-services-v160 .themeflat-container2 { max-width: 1480px; }
.page-template-page-about .about-market-layout {
    display:grid;
    grid-template-columns: minmax(380px, .82fr) minmax(560px, 1.42fr);
    gap: clamp(46px, 5vw, 86px);
    align-items:center;
}
.page-template-page-about .about-market-map {
    width:100%;
    min-width:0;
    margin:0;
}
.page-template-page-about .about-market-map-image {
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:contain;
}
@media (max-width: 1099px) {
    .page-template-page-about .about-market-layout { grid-template-columns:1fr; gap:34px; }
    .page-template-page-about .about-market-map { max-width:994px; margin:0 auto; }
}
@media (max-width: 700px) {
    .page-template-page-about .about-market-highlights-grid { grid-template-columns:1fr; }
    .page-template-page-about .about-market-map { margin-top:6px; }
}


/* v1.63.19: Company submenu / About anchor stability. */
.page-template-page-about .maodian,
.page-template-page-about .about-anchor-alias {
    scroll-margin-top: 118px;
}
.page-template-page-about .about-anchor-alias {
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
@media (max-width: 767px) {
    .page-template-page-about .maodian,
    .page-template-page-about .about-anchor-alias {
        scroll-margin-top: 86px;
    }
}


/* ----- Original v164.css ----- */
/* VELAXIZ v1.63.13 — About Journey toggle, unified navy surfaces, primary dropdowns. */

/* Brand surface unification requested for About team and Footer. */
.page-template-page-about .about-team,
.footer {
    background: #29344C !important;
}

/* Desktop + nested navigation dropdowns use the theme primary color. */
#mainnav ul li ul,
#mainnav ul li ul li ul {
    background: var(--primary) !important;
}
#mainnav ul li ul li {
    border-top-color: rgba(255,255,255,.18) !important;
}
#mainnav ul li ul li > a,
#mainnav .submenu li.current-menu-item > a,
#mainnav .submenu li.current-menu-ancestor > a {
    color: #fff !important;
}
#mainnav ul li ul li:hover,
#mainnav ul li ul li:focus-within,
#mainnav .submenu li.current-menu-item,
#mainnav .submenu li.current-menu-ancestor {
    background: rgba(0,0,0,.14);
}
#mainnav ul li ul li > a:hover,
#mainnav ul li ul li > a:focus-visible,
ul.submenu li:hover > a,
#mainnav ul li ul li ul li a:hover {
    color: #fff !important;
}

/* Mobile submenu follows the same primary surface. */
#mainnav-mobi ul.submenu,
#mainnav-mobi ul.sub-menu,
#mainnav-mobi ul.submenu ul,
#mainnav-mobi ul.sub-menu ul {
    background: var(--primary) !important;
}
#mainnav-mobi ul.submenu > li,
#mainnav-mobi ul.sub-menu > li {
    border-top-color: rgba(255,255,255,.18) !important;
}
#mainnav-mobi ul.submenu > li > a,
#mainnav-mobi ul.sub-menu > li > a,
#mainnav-mobi .submenu li.current-menu-item > a,
#mainnav-mobi .submenu li.current-menu-ancestor > a {
    color:#fff !important;
}

/* Our Journey progressive enhancement: JS collapses after the first 3 rows. */
.page-template-page-about .about-journey-toggle-row {
    display: none;
    justify-content: center;
    margin-top: 4px;
}
.page-template-page-about .about-journey-wrap.is-js-ready .about-journey-toggle-row {
    display: flex;
}
.page-template-page-about .about-journey-wrap.is-collapsed .about-journey-extra {
    display: none;
}
.page-template-page-about .about-journey-toggle {
    min-width: 150px;
    min-height: 44px;
    padding: 10px 22px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    background: var(--primary);
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.page-template-page-about .about-journey-toggle:hover,
.page-template-page-about .about-journey-toggle:focus-visible {
    background: #222;
    border-color: #222;
    outline: none;
}
.page-template-page-about .about-journey-toggle i {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .25s ease;
}
.page-template-page-about .about-journey-toggle[aria-expanded="true"] i {
    transform: translateY(2px) rotate(225deg);
}
@media (max-width: 767px) {
    .page-template-page-about .about-journey-toggle {
        min-width: 138px;
        min-height: 42px;
        padding: 9px 18px;
        font-size: 14px;
    }
}


/* ----- Original v165.css ----- */
/* VELAXIZ v1.63.16 — Support internal rich-text modules + independent collapse. */
.page-template-page-support .support-richtext-module{scroll-margin-top:110px;padding:var(--padd64) 0;border-top:1px solid rgba(15,23,42,.06)}
.page-template-page-support .support-richtext-module-howbuy{--support-rich-bg:#f8fafc;background:var(--support-rich-bg)}
.page-template-page-support .support-richtext-module-warranty{--support-rich-bg:#fff;background:var(--support-rich-bg);border-top-color:#e7ebf0;border-bottom:1px solid #e7ebf0}
.page-template-page-support .support-richtext-module .mod_header{margin-bottom:24px;text-align:center}
.page-template-page-support .support-richtext-module .mod_header .mod_title{font-size:36px;line-height:1.25;margin:0;color:#111827}
.page-template-page-support .support-richtext-collapsible{position:relative;max-width:1120px;margin:0 auto}
.page-template-page-support .support-richtext-content{max-width:1120px;margin:0 auto;color:#4b5563}
.page-template-page-support .support-richtext-content> :first-child{margin-top:0;padding-top:0}
.page-template-page-support .support-richtext-content> :last-child{margin-bottom:0}
.page-template-page-support .support-richtext-content img{max-width:100%;height:auto}
.page-template-page-support .support-richtext-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.page-template-page-support .support-richtext-content th,.page-template-page-support .support-richtext-content td{padding:12px 14px;border:1px solid #e5e7eb;text-align:left;vertical-align:top}
.page-template-page-support .support-richtext-collapsible.js-collapsible.is-collapsed::after{background:linear-gradient(to bottom,rgba(248,250,252,0),var(--support-rich-bg) 90%)}
.page-template-page-support .support-richtext-module>.themeflat-container2>.support-expand-btn{margin-top:24px}
.page-template-page-support #faq,.page-template-page-support #terminology,.page-template-page-support #downloads,.page-template-page-support #videos{scroll-margin-top:110px}
@media(max-width:767px){
  .page-template-page-support .support-richtext-module{scroll-margin-top:84px;padding:44px 0}
  .page-template-page-support .support-richtext-module .mod_header{margin-bottom:18px}
  .page-template-page-support .support-richtext-module .mod_header .mod_title{font-size:30px}
  .page-template-page-support #faq,.page-template-page-support #terminology,.page-template-page-support #downloads,.page-template-page-support #videos{scroll-margin-top:84px}
}