/* WingX CMS V10 | Light Logistics Design System. Color/brand changed in admin */
:root { --orange:#f26b21; --orangelight:#fa8e4f; --navy:#252a2e; --navydeep:#171b20; --navylight:#4b5157; --ink:#25282c; --muted:#656c72; --line:#e6e8ea; --cloud:#fff; --cream:#fff; --white:#fff; --shadow:0 12px 34px rgba(18,26,33,.07); }
html { color-scheme:light; }
body { background:#fff; color:var(--ink); }
.utility {background:#f5f6f7!important; color:#62686d!important; border-bottom:1px solid #e8eaed!important}
.utility .utility-inner,.utility a,.v6-top-link{color:#62686d!important}
.site-header { background:#fff!important; box-shadow:0 2px 16px rgba(18,27,31,.055)!important; border-bottom:1px solid #edf0f2!important; }
.site-header .header-inner,.site-header .nav-item,.site-header .brand,.site-header .icon-button,.site-header .lang-toggle{color:#25282c!important}
.site-header .nav-item:hover,.site-header .nav-item.active,.site-header .icon-button:hover{color:var(--orange)!important}
.brand {gap:12px!important;display:flex!important;align-items:center!important;min-width:0}
.brand .wingx-brand-logo {width:auto!important;max-width:205px!important;height:58px!important;max-height:58px;object-fit:contain;object-position:left center;display:block!important}
.brand.has-custom-logo .brand-icon,.brand.has-custom-logo .brand-name {display:none!important}
.brand .wingx-brand-fallback {display:none!important;font:850 25px/1 'Be Vietnam Pro',Arial,sans-serif;color:#292f34}
.brand .wingx-brand-fallback span{color:var(--orange)}
.site-header .mega-wrap,.site-header .mega-grid{background:#fff!important;color:#25282c!important}
.site-header .mega-wrap a,.site-header .mega-wrap h3{color:#262b2e!important}
.page-hero,.banner,.hero,.inner-hero{background-color:#f9fafb;color:#24292e}
.page-hero h1,.page-hero h2,.page-hero p{color:#2c3135}
.v6-home-hero{background:#fff!important;color:#23282e!important}
.v6-slide>img{opacity:.18!important;filter:grayscale(.12) saturate(.74)!important}
.v6-hero-tint{background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.94) 36%,rgba(255,255,255,.62) 100%)!important}
.v6-hero-kicker{color:var(--orange)!important}
.v6-hero-copy h1{color:#24282c!important}
.v6-hero-copy p{color:#595f66!important}
.v6-hero-bottom{background:rgba(255,255,255,.95)!important;border-top:1px solid #e9e9e9!important;backdrop-filter:blur(10px)}
.v6-hero-signature,.v6-hero-steps>span {color:#454b50!important}
.v6-hero-steps button {color:#25282c!important;border:1px solid #d5d9db!important}
.v6-hero-steps button:hover{background:var(--orange)!important;color:white!important}
.btn-outline-light {color:#32383d!important;border-color:#c5cbd0!important;background:#fff!important}
.btn-primary,.primary,.v6-arrow {color:#fff}
.btn-primary{background:var(--orange)!important;border-color:var(--orange)!important}
.btn-primary:hover{filter:brightness(.95)}
.home-touch,.home-content,.content-section,.section,.feature-strip,.touch-grid,.tools-section,.cta-section,.v6-feature,.v6-toolcard{background-color:#fff}
.footer,.site-footer,.footer-top,.footer-bottom{background:#f5f6f7!important;color:#252a2e!important}
.footer a,.footer p,.footer h4,.footer small,.footer-top a,.footer-bottom a,.footer-bottom span,.v6-footer-tools a{color:#525a61!important}
.footer a:hover,.v6-footer-tools a:hover{color:var(--orange)!important}
.feature-card,.touch-card,.v6-toolcard,.v6-feature {border-color:#e8eaed!important;box-shadow:0 10px 30px rgba(0,0,0,.035)!important}
.home-touch h2,.section-head h2,.content-section h2,.feature-card h3 {color:#292c30}
.eyebrow,.section-tag{color:var(--orange)}
.wingx-cms-sections{background:white;padding:76px 0 85px}
.wingx-cms-section{padding:48px 0;border-top:1px solid #e9eaec}
.wingx-cms-section:first-child{border-top:0}
.wingx-cms-section-inner{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:44px;align-items:center}
.wingx-cms-section:not(:has(img)) .wingx-cms-section-inner{grid-template-columns:minmax(0,960px)}
.wingx-cms-eyebrow{display:inline-block;font:800 11px 'Manrope',sans-serif;letter-spacing:2.1px;color:var(--orange);margin:0 0 16px}
.wingx-cms-section h2{font:800 clamp(29px,3.25vw,47px)/1.2 'Be Vietnam Pro',sans-serif;letter-spacing:-1.4px;color:#292c30;max-width:920px;margin:0 0 18px}
.wingx-cms-section p{font-size:15px;line-height:1.9;color:#63686d;max-width:790px;margin:0 0 20px;white-space:pre-line}
.wingx-cms-section img{width:100%;max-height:360px;object-fit:cover;border-radius:5px}
.wingx-cms-section .wingx-cms-cta{display:inline-flex;background:var(--orange);padding:12px 18px;color:white;font-weight:750;margin-top:10px}
@media(max-width:750px){.brand .wingx-brand-logo{height:44px!important;max-width:150px!important}.wingx-cms-sections{padding:35px 0}.wingx-cms-section{padding:30px 0}.wingx-cms-section-inner{grid-template-columns:1fr;gap:24px}.wingx-cms-section h2{letter-spacing:-.6px}.v6-home-hero{min-height:610px}}

.wingx-footer-logo{height:48px;max-width:180px;object-fit:contain;object-position:left center}
.wingx-footer-contacts{display:grid;gap:8px;margin-top:18px}.wingx-footer-contacts a,.wingx-footer-contacts span{font-size:12px;word-break:break-word;color:#50565b!important}.wingx-footer-contacts a:hover{color:var(--orange)!important}

/* ======================================================================
 * V11 — BANNER VISIBILITY FIX
 * Do not hide the logistics photograph behind overlapping opaque whites.
 * White site sections remain white; hero is an independently layered area.
 * ====================================================================== */
.v6-home-hero { isolation:isolate; background:#eef0ef!important; }
.v6-slide > img {
    opacity:1!important;
    filter:none!important;
    object-fit:cover!important;
    object-position:center center;
    will-change:transform;
}
.v6-hero-tint {
    background:linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 22%,
      rgba(255,255,255,.67) 36%,
      rgba(255,255,255,.20) 57%,
      rgba(255,255,255,.03) 78%,
      rgba(255,255,255,0) 100%)!important;
    pointer-events:none;
}
.v6-hero-copy {max-width:min(830px,62vw);}
.v6-hero-bottom {background:rgba(255,255,255,.86)!important; backdrop-filter:blur(7px);}
.v6-slide[data-v6-slide] {background:transparent!important;}
/* Optional dimming configured in the Dashboard. 0 = none; 1 = fully opaque. */
.v6-slide::after {content:none!important;}
@media (max-width:860px) {
  .v6-hero-copy {max-width:100%;padding-bottom:72px;}
  .v6-hero-tint {background:linear-gradient(90deg,
      rgba(255,255,255,.97) 0%,rgba(255,255,255,.89) 40%,
      rgba(255,255,255,.43) 100%)!important;}
  .v6-slide > img {object-position:62% center;}
}
@media (max-width:520px) {
  .v6-hero-tint {background:linear-gradient(180deg,
      rgba(255,255,255,.94),rgba(255,255,255,.82) 66%,
      rgba(255,255,255,.50) 100%)!important;}
  .v6-hero-copy h1 {font-size:clamp(33px,10vw,49px)!important;}
}
/* V11 page-builder section variants. Source text is always escaped; no HTML required. */
.wingx-cms-section.surface-soft{background:#f4f6f7;border-radius:10px;padding:52px 3.5%;margin:30px 0}
.wingx-cms-section.surface-accent{background:#fff5ee;border-radius:10px;padding:52px 3.5%;margin:30px 0;border:1px solid #fbe4d1}
.wingx-cms-section.layout-image-left .wingx-cms-section-text{order:2}
.wingx-cms-section.layout-image-left img{order:1}
.wingx-cms-section.layout-center .wingx-cms-section-inner,.wingx-cms-section.layout-wide .wingx-cms-section-inner{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.wingx-cms-section.layout-center .wingx-cms-section-inner{max-width:920px;margin:auto}
.wingx-cms-section.layout-center p,.wingx-cms-section.layout-wide p{margin-left:auto;margin-right:auto}
.wingx-cms-section.layout-center h2,.wingx-cms-section.layout-wide h2{margin-left:auto;margin-right:auto}
.wingx-cms-section.layout-center img{width:min(100%,720px);max-height:420px}
.wingx-cms-section.kind-callout{background:#fff7f0;padding:50px 4%;border-left:4px solid var(--orange)}
.wingx-cms-section.kind-features .wingx-cms-eyebrow{letter-spacing:2.6px}
.wingx-cms-section.kind-media img{max-height:460px}
@media(max-width:750px){.wingx-cms-section.layout-image-left .wingx-cms-section-text,.wingx-cms-section.layout-image-left img{order:initial}.wingx-cms-section.surface-soft,.wingx-cms-section.surface-accent{margin:16px 0;padding:26px 16px}}
/* Banner opacity is configured in Admin > Logo & Banner. */
.v6-slide > img {object-position:var(--hero-object-position, center center)!important;}
.v6-hero-tint {
  background:linear-gradient(90deg,
   rgba(255,255,255,var(--hero-left,.94)) 0%,
   rgba(255,255,255,calc(var(--hero-left,.94) - .04)) 23%,
   rgba(255,255,255,var(--hero-mid,.30)) 44%,
   rgba(255,255,255,.10) 67%,
   transparent 86%)!important;
}
@media(max-width:860px){.v6-hero-tint{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.83) 48%,rgba(255,255,255,.3))!important}}
@media(max-width:520px){.v6-hero-tint{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82) 66%,rgba(255,255,255,.50) 100%)!important}}