@charset "utf-8";

/* BEIJUN forklift original visual system — technical catalog / blue-yellow */
:root{
  --mx-blue:#073b86;
  --mx-blue-deep:#03265c;
  --mx-yellow:#f5c400;
  --mx-ink:#141b24;
  --mx-muted:#6a7480;
  --mx-line:#d9dee4;
  --mx-paper:#f3f5f7;
  --mx-white:#fff;
}
.forklift-template{background:var(--mx-paper);color:var(--mx-ink);font-family:Arial,"Helvetica Neue",sans-serif}
.forklift-template *{box-sizing:border-box}
.forklift-template a{text-decoration:none}
.forklift-template .l-wrap{width:min(1440px,calc(100% - 80px));max-width:none}

/* Header */
.mx-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid #dfe4e9}
.mx-header-utility{background:var(--mx-blue-deep);color:#fff}
.mx-header-utility .l-wrap{height:40px;display:flex;align-items:center;justify-content:space-between}
.mx-utility-note{font-size:12px;font-weight:800;letter-spacing:.2em;color:#9db8df}
.mx-utility-contact{display:flex;align-items:center;height:100%}
.mx-utility-contact a{height:100%;display:flex;align-items:center;padding:0 22px;color:#edf5ff;font-size:12px;font-weight:600;letter-spacing:.055em;border-left:1px solid rgba(255,255,255,.13)}
.mx-header-main .l-wrap{height:86px;display:flex;align-items:center;gap:35px}
.mx-brand{height:100%;display:flex;align-items:center;gap:18px;flex:0 0 auto}
.mx-brand img{display:block;width:auto;max-width:180px;max-height:50px;object-fit:contain}
.mx-brand>span{display:flex;flex-direction:column;padding-left:17px;border-left:1px solid #ccd3da}
.mx-brand b{font-size:13px;letter-spacing:.16em;color:var(--mx-blue)}
.mx-brand small{font-size:8px;letter-spacing:.16em;color:#7b858f;margin-top:4px}
.mx-menu{display:flex;align-items:stretch;justify-content:center;gap:0;flex:1;height:86px}
.mx-menu>a,.mx-menu-item>a{height:86px;display:flex;align-items:center;padding:0 15px;color:#202b38;font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;position:relative}
.mx-menu>a:after,.mx-menu-item>a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--mx-yellow);transform:scaleX(0);transition:.2s}
.mx-menu>a:hover:after,.mx-menu>a.is-current:after,.mx-menu-item>a:hover:after,.mx-menu-item>a.is-current:after{transform:scaleX(1)}
.mx-menu-item{height:86px;display:flex;position:relative}
.mx-submenu{position:absolute;left:0;top:86px;min-width:230px;background:#fff;border-top:3px solid var(--mx-yellow);box-shadow:0 18px 40px rgba(16,29,43,.16);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}
.mx-menu-item:hover .mx-submenu{opacity:1;visibility:visible;transform:none}
.mx-submenu a{display:block;padding:12px 14px;color:#243140;font-size:12px;border-bottom:1px solid #edf0f2}
.mx-submenu a:hover{background:#eef4fb;color:var(--mx-blue)}
.mx-header-actions{display:flex;align-items:center;gap:10px}
.mx-language{position:relative}
.mx-language .fk-language-current{min-width:92px;height:48px;border:1px solid #d8dee4;background:#fff;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#26313c;cursor:pointer}
.mx-language .fk-language-current img{width:21px;height:14px;object-fit:cover}
.mx-language .fk-language-current span{font-size:13px;font-weight:600}
.mx-language .fk-language-panel{top:50px;right:0}
.mx-quote{height:46px;border:0;background:var(--mx-yellow);color:#111b28;display:flex;align-items:center;gap:18px;padding:0 18px;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.mx-quote b{font-size:16px}
.mx-mobile-toggle{display:none}

/* Hero */
.mx-home main{overflow:hidden;background:#fff}
.mx-hero{min-height:680px;display:grid;grid-template-columns:45% 55%;position:relative;background:#fff}
.mx-hero-blue{position:relative;background:var(--mx-blue);min-height:680px;color:#fff;display:flex;justify-content:flex-end}
.mx-hero-blue:after{content:"";position:absolute;z-index:2;right:-68px;bottom:0;border-left:68px solid var(--mx-blue);border-top:680px solid transparent;pointer-events:none}
.mx-hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:64px 64px}
.mx-hero-copy{position:relative;z-index:3;width:min(650px,calc(100% - 40px));padding:92px 35px 80px 0}
.mx-kicker{display:block;color:var(--mx-yellow);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.mx-hero h1{color:#fff;font-size:clamp(58px,5.5vw,91px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:33px 0 28px;font-weight:900}
.mx-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6)}
.mx-hero-copy>p{max-width:520px;font-size:16px;line-height:1.7;color:#c6d7ed}
.mx-hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}
.mx-button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:0 22px;font-size:11px;font-weight:900;letter-spacing:.08em;border:0}
.mx-button b{font-size:17px}
.mx-button-yellow{background:var(--mx-yellow);color:#111927}
.mx-button-blue{background:var(--mx-blue);color:#fff}
.mx-text-button{border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:12px 0;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}
.mx-text-button span{margin-left:16px;color:var(--mx-yellow)}
.mx-hero-photo{position:relative;min-height:680px;background:#1d252d;overflow:hidden}
.mx-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,38,92,.26),transparent 32%),linear-gradient(0deg,rgba(8,17,29,.22),transparent 50%)}
.mx-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.mx-hero-index{position:absolute;z-index:2;right:38px;bottom:36px;width:310px;display:grid;grid-template-columns:90px 1fr;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:20px 22px;gap:10px}
.mx-hero-index span{font-size:8px;letter-spacing:.14em;color:#77818c}
.mx-hero-index strong{font-size:11px;letter-spacing:.06em;color:#14202c}
.mx-hero-word{position:absolute;z-index:4;left:calc(45% - 26px);bottom:22px;writing-mode:vertical-rl;color:rgba(255,255,255,.5);font-size:9px;letter-spacing:.42em;font-weight:900}

/* Fact rail */
.mx-facts{background:#fff;border-bottom:1px solid var(--mx-line)}
.mx-facts .l-wrap{display:grid;grid-template-columns:repeat(4,1fr);min-height:128px}
.mx-facts .l-wrap>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;align-content:center;padding:24px 32px;border-left:1px solid var(--mx-line)}
.mx-facts .l-wrap>div:last-child{border-right:1px solid var(--mx-line)}
.mx-facts small{grid-column:1/-1;color:#8b949e;font-size:8px;font-weight:900;letter-spacing:.19em;margin-bottom:6px}
.mx-facts strong{font-size:34px;line-height:1;color:var(--mx-blue);letter-spacing:-.04em}
.mx-facts sup{font-size:14px}.mx-facts span{align-self:end;font-size:10px;line-height:1.4;color:#69737e;text-transform:uppercase;letter-spacing:.05em}

/* Sections */
.mx-section{padding:112px 0}
.mx-range{background:var(--mx-paper)}
.mx-range-layout{display:grid;grid-template-columns:34% 66%;gap:55px}
.mx-range-intro{position:sticky;top:30px;align-self:start;padding-top:14px}
.mx-range-intro h2,.mx-section-title h2,.mx-factory-panel h2,.mx-final-cta h2{font-size:clamp(42px,4.2vw,64px);line-height:1.02;letter-spacing:-.045em;color:var(--mx-ink);margin:20px 0}
.mx-range-intro h2 em{font-style:normal;color:var(--mx-blue)}
.mx-range-intro p{font-size:14px;line-height:1.8;color:var(--mx-muted);max-width:380px}
.mx-range-list{border-top:1px solid #cfd5db}
.mx-range-row{display:grid;grid-template-columns:52px 260px 1fr;gap:28px;align-items:center;min-height:245px;border-bottom:1px solid #cfd5db;color:var(--mx-ink);position:relative;transition:.25s}
.mx-range-row:before{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:right;transition:.35s}
.mx-range-row:hover:before{transform:scaleX(1)}
.mx-range-row>*{position:relative;z-index:1}
.mx-range-no{align-self:start;padding-top:34px;font-size:10px;font-weight:900;color:var(--mx-blue)}
.mx-range-image{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mx-range-image img{width:100%;height:100%;object-fit:contain;transition:.35s}
.mx-range-row:hover .mx-range-image img{transform:scale(1.06)}
.mx-range-copy small{font-size:8px;color:#7b858f;letter-spacing:.16em;font-weight:900}
.mx-range-copy h3{font-size:36px;letter-spacing:-.035em;margin:8px 0 10px}
.mx-range-copy p{font-size:12px;line-height:1.65;color:#737c86;max-width:330px}
.mx-range-copy b{display:block;font-size:10px;color:var(--mx-blue);letter-spacing:.08em;margin-top:20px}

/* Model catalog */
.mx-catalog{background:#fff}
.mx-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px}
.mx-section-title h2{margin-bottom:0}.mx-section-title>a{font-size:10px;font-weight:900;color:var(--mx-blue);letter-spacing:.1em;padding-bottom:10px;border-bottom:1px solid var(--mx-blue)}
.mx-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mx-line);border-left:1px solid var(--mx-line)}
.mx-product{display:block;min-height:480px;padding:24px 28px 30px;color:var(--mx-ink);border-right:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);transition:.25s}
.mx-product:hover{background:#f4f7fb}
.mx-product-top{display:flex;justify-content:space-between;color:#8a949e;font-size:8px;font-weight:900;letter-spacing:.15em}
.mx-product-image{height:245px;margin:18px 0 10px}
.mx-product-image img{width:100%;height:100%;object-fit:contain;transition:.3s}.mx-product:hover img{transform:translateY(-5px)}
.mx-product h3{font-size:21px;line-height:1.25;margin:12px 0 9px;color:#17212c}
.mx-product>p{font-size:12px;line-height:1.6;color:#75808a;min-height:40px}
.mx-product-link{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:14px;border-top:1px solid var(--mx-line);font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--mx-blue)}
.mx-product-link b{font-size:15px}

/* Factory */
.mx-factory{display:grid;grid-template-columns:58% 42%;min-height:760px}
.mx-factory-photo{overflow:hidden;min-height:760px}.mx-factory-photo img{width:100%;height:100%;object-fit:cover}
.mx-factory-panel{background:var(--mx-yellow);padding:90px clamp(45px,6vw,110px)}
.mx-factory-panel .mx-kicker{color:#172334}.mx-factory-panel h2{font-size:56px;margin:30px 0 20px}
.mx-factory-panel>p{font-size:14px;line-height:1.8;color:#4c4a39}
.mx-factory-panel ol{margin:35px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(20,27,36,.25)}
.mx-factory-panel li{display:flex;gap:16px;padding:20px 10px 20px 0;border-bottom:1px solid rgba(20,27,36,.25)}
.mx-factory-panel li>b{font-size:9px}.mx-factory-panel li span{display:flex;flex-direction:column}.mx-factory-panel li strong{font-size:13px}.mx-factory-panel li small{font-size:10px;color:#655f41;margin-top:4px}

/* Worksites */
.mx-worksites{background:var(--mx-blue);color:#fff}
.mx-worksites .mx-section-title h2{color:#fff}.mx-worksite-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}
.mx-worksite-grid article{min-height:300px;padding:28px 25px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;transition:.25s}
.mx-worksite-grid article:first-child{border-left:1px solid rgba(255,255,255,.2)}
.mx-worksite-grid article:hover{background:var(--mx-yellow);color:var(--mx-ink)}
.mx-worksite-grid article>b{font-size:9px;color:#9fb8db}.mx-worksite-grid h3{font-size:27px;margin:58px 0 15px;color:#fff}.mx-worksite-grid p{font-size:12px;line-height:1.65;color:#b9c9df}.mx-worksite-grid span{margin-top:auto;font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--mx-yellow)}
.mx-worksite-grid article:hover h3,.mx-worksite-grid article:hover p,.mx-worksite-grid article:hover span,.mx-worksite-grid article:hover>b{color:var(--mx-ink)}

/* CTA */
.mx-final-cta{background:#eef1f4;padding:90px 0}.mx-final-cta .l-wrap{display:flex;align-items:center;justify-content:space-between}
.mx-final-cta>div>div>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--mx-blue)}
.mx-final-cta h2{font-size:50px;margin-bottom:0}
.mx-round-cta{width:170px;height:170px;border-radius:50%;border:0;background:var(--mx-yellow);color:var(--mx-ink);display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:.3s}
.mx-round-cta:hover{transform:rotate(-5deg) scale(1.04)}.mx-round-cta span{font-size:11px;font-weight:900;line-height:1.35;letter-spacing:.08em}.mx-round-cta b{font-size:22px}

/* Footer */
.mx-footer{background:#091827;color:#fff;padding-top:85px}
.mx-footer-pitch{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:70px}
.mx-footer-pitch>div>span{font-size:9px;color:var(--mx-yellow);font-weight:900;letter-spacing:.2em}
.mx-footer-pitch h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.045em;color:#fff;margin:18px 0 0}
.mx-footer-cta{min-height:62px;padding:0 26px;border:1px solid #466079;background:transparent;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center;gap:35px;cursor:pointer}
.mx-footer-cta b{color:var(--mx-yellow);font-size:18px}.mx-footer-rule{height:1px;background:#273a4e}
.mx-footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:80px;padding:58px 0}
.mx-footer-brand{height:auto;display:inline-flex}.mx-footer-brand img{max-width:190px;filter:brightness(0) invert(1)}
.mx-footer-identity p{font-size:12px;line-height:1.75;color:#8396aa;max-width:390px;margin-top:24px}
.mx-footer-links,.mx-footer-contact{display:flex;flex-direction:column;gap:12px}
.mx-footer-grid small{color:#5f748a;font-size:8px;font-weight:900;letter-spacing:.2em;margin-bottom:12px}
.mx-footer-grid a{color:#d9e2eb;font-size:12px}.mx-footer-grid a:hover{color:var(--mx-yellow)}
.mx-footer-contact span{color:#8396aa;font-size:11px;line-height:1.6}
.mx-footer-bottom{min-height:70px;border-top:1px solid #273a4e;display:flex;align-items:center;justify-content:space-between;color:#60758a;font-size:9px;letter-spacing:.08em}
.mx-footer-bottom b{color:#8da1b4;letter-spacing:.16em}

/* Public inner-page visual reset */
.forklift-template:not(.mx-home) main{background:#f7f8fa}
.forklift-template:not(.mx-home) .fk-inner-hero,.forklift-template:not(.mx-home) .fk-product-hero,.forklift-template:not(.mx-home) .fk-contact-hero{
  background:var(--mx-blue-deep)!important;color:#fff;position:relative;overflow:hidden
}
.forklift-template:not(.mx-home) .fk-inner-hero:after,.forklift-template:not(.mx-home) .fk-product-hero:after,.forklift-template:not(.mx-home) .fk-contact-hero:after{
  content:"FORKLIFT";position:absolute;right:4%;bottom:-30px;font-size:110px;font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.045);pointer-events:none
}
.forklift-template:not(.mx-home) .fk-inner-hero h1,.forklift-template:not(.mx-home) .fk-product-hero h1,.forklift-template:not(.mx-home) .fk-contact-hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;color:#fff}
.forklift-template:not(.mx-home) .fk-section-label,.forklift-template:not(.mx-home) .fk-inner-hero>div>span{color:var(--mx-yellow)!important;letter-spacing:.18em}
.forklift-template:not(.mx-home) .fk-page-titlebar{background:#fff;border-bottom:1px solid var(--mx-line)}
.forklift-template:not(.mx-home) .fk-page-titlebar h1{color:var(--mx-ink)}
.forklift-template:not(.mx-home) .fk-btn-primary{background:var(--mx-yellow)!important;color:var(--mx-ink)!important}
.forklift-template:not(.mx-home) .fk-btn-dark{background:var(--mx-blue)!important}
.forklift-template:not(.mx-home) .fk-text-link{color:var(--mx-blue)!important}
.forklift-template:not(.mx-home) .fk-product,.forklift-template:not(.mx-home) .fk-article-card,.forklift-template:not(.mx-home) .fk-download-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--mx-line)!important}
.forklift-template:not(.mx-home) .fk-side-block{border-radius:0!important;border-top:4px solid var(--mx-blue)!important;box-shadow:none!important}

/* Existing inquiry / floating controls recolor */
.forklift-template .fk-inquiry-card{border-radius:0!important;border-top:6px solid var(--mx-yellow)!important}
.forklift-template .fk-inquiry-submit{background:var(--mx-yellow)!important;color:var(--mx-ink)!important}
.forklift-template .fk-float-inquiry,.forklift-template .fk-backtop{background:var(--mx-blue)!important}
.forklift-template .fk-floating-contact .fk-backtop{color:#fff!important;font-size:23px!important}

/* Homepage carousel */
.mx-hero-carousel{position:relative;min-height:680px;overflow:hidden;background:var(--mx-blue-deep)}
.mx-hero-track{position:relative;min-height:680px}
.mx-hero-slide{position:absolute;inset:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(4%);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility .7s}
.mx-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2}
.mx-hero-product-photo,.mx-hero-photo-2{background:#edf1f5}
.mx-hero-product-photo:after,.mx-hero-photo-2:after{background:linear-gradient(90deg,rgba(3,38,92,.1),transparent 35%)}
.mx-hero-product-photo>img,.mx-hero-photo-2>img{object-fit:contain;width:82%;margin-left:9%}
.mx-hero-factory .mx-hero-photo>img,.mx-hero-slide-3 .mx-hero-photo>img{object-position:center}
.mx-hero-controls{position:absolute;z-index:12;right:38px;top:34px;height:46px;display:flex;align-items:center;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(0,25,58,.15)}
.mx-hero-controls>button{width:46px;height:46px;border:0;background:transparent;color:var(--mx-blue);font-size:17px;cursor:pointer}
.mx-hero-controls>button:hover{background:var(--mx-yellow);color:var(--mx-ink)}
.mx-hero-dots{display:flex;gap:7px;padding:0 12px}
.mx-hero-dots button{width:22px;height:3px;border:0;padding:0;background:#c6ced7;cursor:pointer;transition:.25s}
.mx-hero-dots button.is-active{width:38px;background:var(--mx-blue)}
.mx-hero-count{height:20px;padding:4px 13px;border-left:1px solid #d7dde3;color:#7c8792;font-size:10px;letter-spacing:.06em}
.mx-hero-count b{color:var(--mx-blue);font-size:12px}
.mx-hero-count i{font-style:normal}

/* Readability and wider content cards */
.forklift-template{font-size:15px}
.mx-kicker{font-size:12px}
.mx-utility-note,.mx-utility-contact a{font-size:11px}
.mx-menu>a,.mx-menu-item>a{font-size:13px}
.mx-quote,.mx-button,.mx-text-button{font-size:12px}
.mx-facts small,.mx-range-copy small,.mx-product-top,.mx-worksite-grid article>b,.mx-footer-grid small{font-size:10px}
.mx-facts span,.mx-range-copy p,.mx-product>p,.mx-worksite-grid p,.mx-footer-identity p{font-size:13px}
.mx-range-copy b,.mx-product-link,.mx-section-title>a{font-size:11px}
.mx-factory-panel>p{font-size:15px}
.mx-factory-panel li strong{font-size:14px}.mx-factory-panel li small{font-size:12px}
.mx-worksite-grid span{font-size:10px}
.mx-footer-grid a{font-size:13px}

.forklift-template:not(.mx-home) .fk-inner-hero p,
.forklift-template:not(.mx-home) .fk-product-hero p,
.forklift-template:not(.mx-home) .fk-contact-hero p{font-size:18px!important}
.forklift-template:not(.mx-home) .fk-catalog-toolbar p,
.forklift-template:not(.mx-home) .fk-side-block p,
.forklift-template:not(.mx-home) .fk-product p,
.forklift-template:not(.mx-home) .fk-news-body p{font-size:15px!important}
.forklift-template:not(.mx-home) .fk-side-block a:not(.fk-btn){font-size:14px}
.forklift-template:not(.mx-home) .fk-news-body span{font-size:14px}
.forklift-template:not(.mx-home) .fk-news-body h3{font-size:27px}

.fk-product-showroom-page .fk-catalog-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:32px!important}
.fk-product-showroom-page .fk-side-block{padding:24px!important}
.fk-product-showroom-page .fk-inner-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
.fk-product-showroom-page .fk-product::before{content:"BEIJUN MODEL"!important}
.fk-product-showroom-page .fk-product-img{min-height:330px}
.fk-product-showroom-page .fk-product>strong{font-size:24px!important}
.fk-news-list-page .fk-content-layout{grid-template-columns:240px minmax(0,1fr)!important;gap:32px!important}
.fk-news-list-page .fk-side-block{padding:24px!important}
.fk-news-list-page .fk-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}
.fk-news-list-page .fk-news-img{aspect-ratio:16/9}
.fk-product-detail-page .fk-product-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr)!important;gap:54px!important}
.fk-product-detail-page .fk-product-detail-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:48px!important}
.fk-article-detail-page .fk-content-layout{grid-template-columns:minmax(0,1fr) 260px!important;gap:45px!important}

@media(max-width:1200px){
  .forklift-template .l-wrap{width:min(100% - 40px,1440px)}
  .mx-menu>a,.mx-menu-item>a{padding:0 9px;font-size:10px}
  .mx-menu>a:after,.mx-menu-item>a:after{left:9px;right:9px}
  .mx-brand>span{display:none}.mx-range-layout{grid-template-columns:30% 70%;gap:30px}
  .mx-range-row{grid-template-columns:45px 220px 1fr}.mx-factory-panel{padding:70px 45px}
}
@media(max-width:980px){
  .mx-header-main .l-wrap{height:72px}.mx-header-utility{display:none}.mx-brand img{max-height:43px}
  .mx-mobile-toggle{display:flex!important;width:44px;height:44px;border:0;background:var(--mx-blue);flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .mx-mobile-toggle span{width:20px;height:2px;background:#fff}
  .mx-header-actions{margin-left:auto}.mx-quote{display:none}
  .mx-menu{position:fixed;z-index:150;left:0;right:0;top:72px;height:calc(100vh - 72px);background:#fff;display:block;padding:20px;transform:translateX(100%);transition:.3s;overflow:auto}
  .mx-menu.is-open{transform:none}.mx-menu>a,.mx-menu-item,.mx-menu-item>a{height:auto;display:block}
  .mx-menu>a,.mx-menu-item>a{padding:16px 8px;border-bottom:1px solid var(--mx-line);font-size:13px}
  .mx-submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;padding:5px 0 10px}
  .mx-menu-item.is-open .mx-submenu{display:block}
  .mx-hero{grid-template-columns:1fr;min-height:0}.mx-hero-blue,.mx-hero-photo{min-height:580px}
  .mx-hero-blue{justify-content:flex-start}.mx-hero-blue:after{display:none}.mx-hero-copy{width:100%;padding:80px 30px}
  .mx-hero-photo{min-height:480px}.mx-hero-word{display:none}.mx-facts .l-wrap{grid-template-columns:1fr 1fr}
  .mx-facts .l-wrap>div:nth-child(2){border-right:1px solid var(--mx-line)}
  .mx-range-layout{grid-template-columns:1fr}.mx-range-intro{position:static}.mx-range-intro p{max-width:600px}
  .mx-catalog-grid{grid-template-columns:1fr 1fr}.mx-factory{grid-template-columns:1fr}.mx-factory-photo{min-height:520px}.mx-factory-panel{padding:70px 40px}
  .mx-worksite-grid{grid-template-columns:1fr 1fr}.mx-worksite-grid article:nth-child(2){border-right:0}
  .mx-hero-carousel,.mx-hero-track{min-height:1060px}.mx-hero-slide{min-height:1060px}
  .fk-product-showroom-page .fk-catalog-layout,.fk-news-list-page .fk-content-layout,.fk-product-detail-page .fk-product-main-grid,.fk-product-detail-page .fk-product-detail-layout,.fk-article-detail-page .fk-content-layout{grid-template-columns:1fr!important;gap:28px!important}
  .fk-product-showroom-page .fk-product-img{min-height:280px}
}
@media(max-width:640px){
  .forklift-template .l-wrap{width:calc(100% - 30px)}
  .mx-brand img{max-width:145px}.mx-language{display:none}
  .mx-hero-blue{min-height:540px}.mx-hero-copy{padding:62px 15px}.mx-hero h1{font-size:52px}.mx-hero-copy>p{font-size:14px}
  .mx-hero-actions{display:block}.mx-text-button{display:block;margin-top:18px}.mx-hero-photo{min-height:340px}.mx-hero-index{left:15px;right:15px;bottom:15px;width:auto}
  .mx-facts .l-wrap>div{padding:20px 14px}.mx-facts strong{font-size:27px}.mx-facts span{font-size:8px}
  .mx-section{padding:72px 0}.mx-range-intro h2,.mx-section-title h2,.mx-factory-panel h2,.mx-final-cta h2{font-size:38px}
  .mx-range-row{grid-template-columns:28px 120px 1fr;gap:10px;min-height:180px}.mx-range-image{height:125px}.mx-range-copy h3{font-size:24px}.mx-range-copy p{display:none}.mx-range-copy b{margin-top:12px}
  .mx-section-title{display:block}.mx-section-title>a{display:inline-block;margin-top:20px}
  .mx-catalog-grid{grid-template-columns:1fr}.mx-product{min-height:0}.mx-product-image{height:225px}
  .mx-factory-photo{min-height:340px}.mx-factory-panel{padding:55px 20px}.mx-factory-panel ol{grid-template-columns:1fr}
  .mx-worksite-grid{grid-template-columns:1fr}.mx-worksite-grid article{min-height:220px;border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
  .mx-worksite-grid h3{margin-top:32px}.mx-final-cta .l-wrap{display:block}.mx-round-cta{width:130px;height:130px;margin-top:35px}
  .mx-footer{padding-top:60px}.mx-footer-pitch{display:block}.mx-footer-cta{margin-top:35px}.mx-footer-grid{grid-template-columns:1fr;gap:35px}.mx-footer-bottom{display:block;padding:24px 0}.mx-footer-bottom b{display:block;margin-top:10px}
  .mx-hero-carousel,.mx-hero-track{min-height:880px}.mx-hero-slide{min-height:880px}
  .mx-hero-controls{right:15px;top:15px}.mx-hero-dots{display:none}
  .fk-product-showroom-page .fk-catalog-layout,.fk-news-list-page .fk-content-layout,.fk-product-detail-page .fk-product-main-grid,.fk-product-detail-page .fk-product-detail-layout,.fk-article-detail-page .fk-content-layout{grid-template-columns:1fr!important}
  .fk-product-showroom-page .fk-inner-products,.fk-news-list-page .fk-news-grid{grid-template-columns:1fr!important}
}

/* v1.1.2 — true full-viewport system and bolder range presentation */
html,body.forklift-template{width:100%!important;max-width:none!important;margin:0!important;background:#fff!important}
.forklift-template .l-wrap{
  width:100%!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
  padding-right:clamp(32px,5vw,112px)!important;
  padding-left:clamp(32px,5vw,112px)!important;
}
.mx-header,.mx-header-utility,.mx-header-main,.mx-home main,.mx-hero-carousel,.mx-facts,.mx-range,.mx-catalog,.mx-factory,.mx-worksites,.mx-final-cta,.mx-footer{
  width:100%!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
}
.mx-header-main .l-wrap{padding-right:clamp(28px,4vw,88px)!important;padding-left:clamp(28px,4vw,88px)!important}
.mx-facts .l-wrap{padding-right:0!important;padding-left:0!important}
.mx-facts .l-wrap>div{padding-left:clamp(25px,3.3vw,72px);padding-right:clamp(25px,3.3vw,72px)}
.mx-section{padding-top:120px;padding-bottom:120px}

.mx-range-layout{display:block!important}
.mx-range-intro{
  position:static!important;
  display:grid;
  grid-template-columns:minmax(260px,.62fr) minmax(520px,1.38fr);
  grid-template-rows:auto auto;
  column-gap:7vw;
  align-items:end;
  padding:0 0 58px!important;
}
.mx-range-intro .mx-kicker{grid-column:1;grid-row:1;align-self:start;padding-top:8px}
.mx-range-intro h2{grid-column:2;grid-row:1 / span 2;margin:0;font-size:clamp(54px,5.5vw,88px);line-height:.94}
.mx-range-intro>p{grid-column:1;grid-row:2;font-size:16px;max-width:440px;margin:30px 0 0}
.mx-range-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cad2db!important;background:#fff}
.mx-range-row{
  display:flex!important;
  flex-direction:column;
  align-items:stretch!important;
  gap:0!important;
  min-height:640px!important;
  padding:0!important;
  border:0!important;
  border-right:1px solid #cad2db!important;
  background:#fff;
  overflow:hidden;
}
.mx-range-row:last-child{border-right:0!important}
.mx-range-row:before{display:none!important}
.mx-range-row:nth-child(2){background:var(--mx-blue);color:#fff}
.mx-range-row:nth-child(3){background:var(--mx-yellow)}
.mx-range-no{
  position:absolute!important;
  z-index:3!important;
  left:28px;
  top:26px;
  align-self:auto!important;
  width:40px;
  height:40px;
  padding:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  background:var(--mx-blue);
}
.mx-range-row:nth-child(2) .mx-range-no{color:var(--mx-blue)!important;background:var(--mx-yellow)}
.mx-range-row:nth-child(3) .mx-range-no{color:#fff!important;background:var(--mx-ink)}
.mx-range-image{width:100%;height:390px!important;padding:25px 30px 0;background:#f5f6f7}
.mx-range-image img{width:100%;height:100%;object-fit:contain}
.mx-range-copy{width:100%;padding:34px 36px 38px}
.mx-range-copy small{font-size:11px}
.mx-range-copy h3{font-size:clamp(34px,3vw,48px);margin:11px 0 14px}
.mx-range-copy p{display:block!important;min-height:48px;max-width:430px;font-size:15px;line-height:1.65}
.mx-range-copy b{font-size:12px;margin-top:28px}
.mx-range-row:nth-child(2) .mx-range-copy small,.mx-range-row:nth-child(2) .mx-range-copy p{color:#bad0ec}
.mx-range-row:nth-child(2) .mx-range-copy h3{color:#fff}
.mx-range-row:nth-child(2) .mx-range-copy b{color:var(--mx-yellow)}
.mx-range-row:nth-child(3) .mx-range-copy small,.mx-range-row:nth-child(3) .mx-range-copy p{color:#605a3d}
.mx-range-row:nth-child(3) .mx-range-copy b{color:var(--mx-blue)}

.mx-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mx-product{padding:30px clamp(28px,2.2vw,48px) 38px}
.mx-product-image{height:clamp(260px,20vw,390px)}
.mx-product h3{font-size:clamp(22px,1.55vw,29px)}
.mx-product>p{font-size:15px}
.mx-factory{min-height:820px}.mx-factory-photo{min-height:820px}
.mx-factory-panel{padding-right:clamp(50px,7vw,145px);padding-left:clamp(50px,7vw,145px)}
.mx-worksite-grid article{min-height:350px;padding:35px clamp(25px,2.5vw,55px)}
.mx-worksite-grid h3{font-size:clamp(26px,2vw,38px)}
.mx-worksite-grid p{font-size:15px}

@media(max-width:1100px){
  .mx-range-intro{grid-template-columns:1fr;display:block}.mx-range-intro h2{margin-top:20px}.mx-range-intro>p{margin-top:24px}
  .mx-range-list{grid-template-columns:1fr!important}
  .mx-range-row{display:grid!important;grid-template-columns:48% 52%;min-height:390px!important;border-right:0!important;border-bottom:1px solid #cad2db!important}
  .mx-range-row:last-child{border-bottom:0!important}
  .mx-range-image{height:390px!important;padding:25px}
  .mx-range-copy{align-self:center;padding:38px}
}
@media(max-width:640px){
  .forklift-template .l-wrap{padding-right:20px!important;padding-left:20px!important}
  .mx-facts .l-wrap{padding-right:0!important;padding-left:0!important}
  .mx-section{padding-top:78px;padding-bottom:78px}
  .mx-range-intro h2{font-size:43px}
  .mx-range-row{display:block!important;min-height:0!important}
  .mx-range-image{height:285px!important;padding:22px 20px 0}
  .mx-range-copy{padding:28px 24px 34px}
  .mx-range-copy h3{font-size:32px}.mx-range-copy p{font-size:14px;min-height:0}
  .mx-catalog-grid{grid-template-columns:1fr}
  .mx-product-image{height:260px}
}

/* Mixed-width rhythm: full-bleed feature bands, contained reading sections */
.forklift-template .l-wrap{
  width:min(1440px,calc(100% - 80px))!important;
  max-width:1440px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:0!important;
  padding-left:0!important;
}
.mx-header-utility,.mx-header-main,.mx-hero-carousel,.mx-factory,.mx-worksites,.mx-final-cta,.mx-footer{
  width:100%!important;
  max-width:none!important;
}
.mx-header-main .l-wrap,.mx-header-utility .l-wrap{padding-right:0!important;padding-left:0!important}
.mx-facts{background:#fff}
.mx-facts .l-wrap{
  width:min(1440px,calc(100% - 80px))!important;
  max-width:1440px!important;
  padding-right:0!important;
  padding-left:0!important;
}
.mx-range>.l-wrap,.mx-catalog>.l-wrap{
  width:min(1440px,calc(100% - 80px))!important;
  max-width:1440px!important;
}
.mx-range{background:#f2f4f6}
.mx-catalog{background:#fff}
.mx-worksites>.l-wrap,.mx-final-cta>.l-wrap,.mx-footer>.l-wrap{
  width:min(1520px,calc(100% - 80px))!important;
  max-width:1520px!important;
}

@media(max-width:980px){
  .forklift-template .l-wrap,.mx-facts .l-wrap,.mx-range>.l-wrap,.mx-catalog>.l-wrap,.mx-worksites>.l-wrap,.mx-final-cta>.l-wrap,.mx-footer>.l-wrap{
    width:calc(100% - 40px)!important;
  }
}
@media(max-width:640px){
  .forklift-template .l-wrap,.mx-facts .l-wrap,.mx-range>.l-wrap,.mx-catalog>.l-wrap,.mx-worksites>.l-wrap,.mx-final-cta>.l-wrap,.mx-footer>.l-wrap{
    width:calc(100% - 30px)!important;
  }
}

/* Mobile-first quick contact dock */
@media(max-width:980px){
  body.forklift-template{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .forklift-template .fk-floating-contact{display:none!important}
  .forklift-template .fk-mobile-contactbar{
    position:fixed!important;
    z-index:1200!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:1fr 1.24fr 1fr .78fr!important;
    min-height:66px!important;
    padding:0 8px env(safe-area-inset-bottom)!important;
    border-top:1px solid rgba(3,38,92,.16)!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -12px 34px rgba(3,38,92,.18)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .forklift-template .fk-mobile-contactbar>a,
  .forklift-template .fk-mobile-contactbar>button{
    min-width:0!important;
    min-height:66px!important;
    padding:8px 5px 7px!important;
    border:0!important;
    border-left:1px solid #e1e7ee!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    color:var(--mx-ink)!important;
    background:transparent!important;
    font:inherit!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  .forklift-template .fk-mobile-contactbar>:first-child{border-left:0!important}
  .forklift-template .fk-mobile-contactbar span{
    display:flex!important;
    width:27px!important;
    height:27px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    color:#fff!important;
    background:var(--mx-blue)!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .forklift-template .fk-mobile-contactbar em{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#273443!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:.035em!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .forklift-template .fk-mobile-contactbar .fk-mobile-inquiry{
    color:var(--mx-ink)!important;
    background:var(--mx-yellow)!important;
    border-left:0!important;
    box-shadow:0 0 0 1px rgba(245,196,0,.65)!important;
  }
  .forklift-template .fk-mobile-contactbar .fk-mobile-inquiry span{
    color:#fff!important;
    background:var(--mx-blue-deep)!important;
  }
  .forklift-template .fk-mobile-contactbar .fk-mobile-inquiry em{color:var(--mx-ink)!important}
  .forklift-template .fk-mobile-contactbar .fk-mobile-whatsapp span{background:#20b85a!important;font-size:10px!important}
  .forklift-template .fk-mobile-contactbar .fk-mobile-backtop span{background:var(--mx-blue-deep)!important;font-size:17px!important}
  .fk-inquiry-open .fk-mobile-contactbar{visibility:hidden!important}
  body.forklift-template:has(#bj-template-preview-bar){
    padding-bottom:calc(138px + env(safe-area-inset-bottom))!important;
  }
  body.forklift-template:has(#bj-template-preview-bar) .fk-mobile-contactbar{
    bottom:66px!important;
  }
}