:root{
  --bg:#eaf6ff;
  --panel:#f5fbff;
  --text:#12324a;
  --muted:#5f7c90;
  --accent:#f4b400;
  --accent2:#ffd45a;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#171717;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(234,246,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,85,120,.14)}
.nav{min-height:74px;display:flex;align-items:center;gap:22px}
.brand{font-weight:900;color:#12324a;letter-spacing:.03em;white-space:nowrap}
.brand span{color:var(--accent)}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:18px;color:#1e435d;font-size:14px}
.nav-links a:hover,.lang a.active{color:var(--accent)}
.lang{display:flex;gap:8px;padding-left:6px}
.cta-small{background:var(--accent);color:#121212!important;padding:10px 14px;border-radius:999px;font-weight:800}
.menu-btn{display:none;margin-left:auto;border:0;background:transparent;color:#12324a;font-size:26px}
.hero{position:relative;min-height:calc(100svh - 74px);background:#dff2ff;overflow:hidden;display:grid;align-items:center;color:#12324a}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2) 60%,rgba(0,0,0,.35))}
.hero-content{position:relative;z-index:2;padding:80px 0}
.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
h1{font-size:clamp(44px,7vw,82px);line-height:.98;max-width:900px;margin:16px 0 22px;letter-spacing:-.04em}
.hero p{font-size:clamp(17px,2vw,22px);max-width:720px;color:#345b72}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;font-weight:800}
.btn-primary{background:var(--accent);color:#111}
.btn-ghost{border:1px solid rgba(30,85,120,.28);color:#12324a;background:rgba(255,255,255,.55)}
.hero-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(222,242,255,.88);backdrop-filter:blur(8px);border-top:1px solid rgba(30,85,120,.15)}
.hero-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:20px 16px;border-right:1px solid rgba(30,85,120,.14)}
.metric:last-child{border-right:0}
.metric strong{display:block;font-size:20px;color:#12324a}
.metric span{font-size:13px;color:#5d7a8d}
.section{padding:88px 0}
.section-dark{background:var(--bg);color:var(--text)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.section-head h2{font-size:clamp(34px,5vw,54px);line-height:1.05;margin:0;letter-spacing:-.03em}
.section-head p{max-width:620px;margin:0;color:#666}
.section-dark .section-head p{color:var(--muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.section-dark .card{background:var(--panel);border-color:#2b2c2f}
.card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(0,0,0,.14)}
.image-react{overflow:hidden;perspective:900px}
.image-react img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .28s ease}
.card:hover .image-react img{transform:scale(1.035) translateY(-4px)}
.card-body{padding:22px}
.card h3{margin:0 0 8px;font-size:22px}
.card p{margin:0;color:#666}
.section-dark .card p{color:#b8bbc1}
.band{background:var(--accent);color:#161616}
.band .container{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.band h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1}
.band .btn{background:#dff2ff;color:#12324a}
.footer{background:#d7efff;color:#5d7a8d;padding:50px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.footer h3,.footer h4{color:#12324a}
.footer small{display:block;margin-top:30px;border-top:1px solid #242424;padding-top:20px}
.piece{position:absolute;inset:0;background-image:url("../images/hero-forklift.svg");background-size:cover;background-position:center;animation:dropPiece .7s cubic-bezier(.2,.8,.2,1) both}
.p1{clip-path:polygon(0 0,25% 0,25% 100%,0 100%);animation-delay:.02s}
.p2{clip-path:polygon(25% 0,50% 0,50% 100%,25% 100%);animation-delay:.10s}
.p3{clip-path:polygon(50% 0,75% 0,75% 100%,50% 100%);animation-delay:.18s}
.p4{clip-path:polygon(75% 0,100% 0,100% 100%,75% 100%);animation-delay:.26s}
@keyframes dropPiece{from{transform:translateY(-105%);opacity:.2}to{transform:translateY(0);opacity:.46}}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (max-width:900px){
  .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#dff2ff;padding:20px 16px;flex-direction:column;align-items:flex-start}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .hero-strip{position:relative}
  .hero-strip .container{grid-template-columns:repeat(2,1fr)}
  .section-head{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .grid-4{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero-content{padding:72px 0 54px}
  .hero-strip .container{grid-template-columns:1fr 1fr}
  .metric{padding:14px 8px}
  .section{padding:64px 0}
  .band .container{align-items:flex-start;flex-direction:column}
}


.page-hero{background:#dff2ff;color:#12324a;padding:92px 0 72px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(244,180,0,.18),transparent 32%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{max-width:950px;margin-bottom:18px}
.page-hero p{max-width:760px;color:#4e7287;font-size:19px}
.breadcrumb{font-size:14px;color:#aeb1b6;margin-bottom:20px}
.breadcrumb a{color:var(--accent)}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.content-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:0 0 18px}
.content-copy h3{font-size:24px;margin-top:34px}
.content-copy p,.content-copy li{color:#555}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:28px 0}
.feature-list li{border:1px solid #e7e7e7;border-radius:12px;padding:14px 16px;background:#fafafa}
.side-card{position:sticky;top:102px;border-radius:18px;background:#eaf7ff;color:#12324a;padding:26px}
.side-card h3{margin-top:0}
.side-card p{color:#58768a}
.side-card .btn{width:100%;margin-top:10px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-grid .image-react{border-radius:16px;background:#dcefff}
.gallery-grid img{aspect-ratio:4/3;object-fit:cover}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-card{border:1px solid #e7e7e7;border-radius:16px;padding:24px;background:#fff}
.contact-card h3{margin-top:0}
.contact-card p{margin-bottom:0;color:#555}
.seo-note{font-size:14px;color:#777;border-left:4px solid var(--accent);padding-left:14px;margin-top:26px}
@media(max-width:900px){
 .two-col,.contact-grid{grid-template-columns:1fr}
 .side-card{position:static}
 .gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .feature-list,.gallery-grid{grid-template-columns:1fr}
 .page-hero{padding:72px 0 56px}
}


/* Build 003: production-style homepage + SEO UX */
.trust-bar{background:#f6f6f6;border-bottom:1px solid #e8e8e8}
.trust-bar .container{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 0;font-size:14px;font-weight:700;color:#444}
.icon-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:7px}
.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.showcase-media{border-radius:22px;overflow:hidden;min-height:420px;background:#d9efff}
.showcase-media img{width:100%;height:100%;object-fit:cover}
.showcase-copy{border-radius:22px;padding:38px;background:#f7f7f7}
.showcase-copy h2{font-size:clamp(34px,5vw,54px);line-height:1.05;margin:0 0 18px}
.showcase-copy p{color:#555}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.chip{border:1px solid #dadada;background:#fff;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{border:1px solid #e5e5e5;border-radius:18px;padding:24px;background:#fff}
.step-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);font-weight:900;margin-bottom:14px}
.step h3{margin:0 0 8px}
.step p{margin:0;color:#666}
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.area{padding:16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;font-weight:800;text-align:center}
.faq{display:grid;gap:12px}
.faq details{border:1px solid #e4e4e4;border-radius:14px;background:#fff;padding:0 18px}
.faq summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin:0 0 18px;color:#5d5d5d}
.quote-panel{background:#e8f6ff;color:#12324a;border-radius:24px;padding:34px}
.quote-panel h2{margin-top:0;font-size:clamp(30px,4vw,44px)}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quote-form .full{grid-column:1/-1}
.quote-form label{display:block;font-size:13px;color:#58768a;margin-bottom:6px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #35363a;background:#202125;color:#12324a;border-radius:10px;padding:13px 14px;font:inherit}
.quote-form textarea{min-height:100px;resize:vertical}
.quote-form button{border:0;cursor:pointer}
.microcopy{font-size:12px;color:#9b9da2;margin-top:10px}
.sticky-wa{position:fixed;right:18px;bottom:18px;z-index:999;background:#dff2ff;color:#12324a;border:2px solid var(--accent);border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.sticky-wa:hover{background:var(--accent);color:#111}
@media(max-width:900px){
 .split-showcase{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}
 .area-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .quote-form{grid-template-columns:1fr}
 .quote-form .full{grid-column:auto}
 .area-grid{grid-template-columns:1fr 1fr}
 .sticky-wa{right:12px;bottom:12px;padding:10px 13px}
}


/* Build 004 */
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:13px;font-weight:800}
.hero-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero-content h1 span{color:var(--accent)}
.section-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#777;font-weight:900;margin-bottom:12px}
.section-dark .section-kicker{color:var(--accent)}
.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.type-card{position:relative;overflow:hidden;border-radius:18px;background:#dcefff;min-height:300px;color:#12324a}
.type-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.type-card:hover img{transform:scale(1.045)}
.type-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.84))}
.type-info{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.type-info h3{margin:0 0 4px;font-size:22px}
.type-info p{margin:0;color:#d0d0d0;font-size:14px}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.brand-card{border:1px solid #e6e6e6;border-radius:18px;padding:18px;background:#fff;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}
.brand-card img{width:120px;height:90px;object-fit:cover;border-radius:12px;background:#dcefff}
.brand-card h3{margin:0 0 6px}.brand-card p{margin:0;color:#666;font-size:14px}
.link-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.text-link{font-weight:900;border-bottom:2px solid var(--accent);padding-bottom:2px}
.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.inventory-card{border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;background:#fff}
.inventory-card .image-react img{aspect-ratio:4/3;object-fit:cover}
.inventory-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.inventory-meta span{font-size:12px;padding:6px 8px;background:#f2f2f2;border-radius:999px;font-weight:800;color:#555}
.edit-note{border:1px dashed #c9c9c9;background:#fffdf5;border-radius:14px;padding:16px;font-size:13px;color:#666}
.edit-note strong{color:#222}
@media(max-width:900px){
 .type-grid{grid-template-columns:repeat(2,1fr)}
 .brand-grid,.inventory-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .type-grid,.brand-grid,.inventory-grid{grid-template-columns:1fr}
 .brand-card{grid-template-columns:100px 1fr}
 .brand-card img{width:100px;height:78px}
}


/* Build 005 - Light blue theme + interactive motion */
:root{
  --sky:#eaf6ff;
  --sky-2:#d8efff;
  --sky-3:#c7e6fb;
  --ink:#16384f;
  --ink-soft:#527186;
}
body{background:#f8fcff;color:var(--ink)}
.site-header{background:rgba(234,246,255,.95);box-shadow:0 4px 20px rgba(52,104,138,.08)}
.brand,.nav-links,.nav-links a{color:var(--ink)}
.brand span,.nav-links a:hover,.lang a.active{color:#c78d00}
.menu-btn{color:var(--ink)}
.hero{background:linear-gradient(135deg,#eaf6ff 0%,#cfeaff 100%);color:var(--ink)}
.hero::after{background:linear-gradient(90deg,rgba(234,246,255,.98) 0%,rgba(234,246,255,.88) 42%,rgba(234,246,255,.28) 75%,rgba(234,246,255,.05) 100%)}
.hero p{color:#3e6278}
.hero-strip{background:rgba(224,243,255,.92);border-top:1px solid rgba(42,93,125,.15)}
.metric strong{color:var(--ink)}
.metric span{color:#648196}
.section-dark{background:linear-gradient(180deg,#eaf6ff,#dff1fd);color:var(--ink)}
.section-dark .section-head p,.section-dark .card p{color:#5f7e92}
.section-dark .card{background:#f8fcff;border-color:#cfe3f0}
.page-hero{background:linear-gradient(135deg,#e9f6ff,#cce9fb);color:var(--ink)}
.page-hero:after{background:radial-gradient(circle at 85% 25%,rgba(244,180,0,.16),transparent 32%)}
.page-hero p,.breadcrumb{color:#58758a}
.side-card,.quote-panel{background:linear-gradient(145deg,#e2f3ff,#cce8fa);color:var(--ink);border:1px solid #c0ddee}
.side-card p,.quote-panel p{color:#567389}
.quote-form label{color:#4d7088}
.quote-form input,.quote-form select,.quote-form textarea{background:#fff;color:var(--ink);border-color:#bad7e8}
.footer{background:#dcefff;color:#527186}
.footer h3,.footer h4{color:var(--ink)}
.footer small{border-top-color:#bdd9e9}
.type-card{background:#d8edf9;color:var(--ink)}
.type-card:after{background:linear-gradient(180deg,transparent 30%,rgba(221,242,255,.96))}
.type-info p{color:#4e6c7e}
.sticky-wa{background:#fff;color:var(--ink);border-color:var(--accent)}
.btn-ghost{color:var(--ink);border-color:#8eb8d1;background:rgba(255,255,255,.55)}
.hero-badge{color:var(--ink);border-color:rgba(48,98,131,.18);background:rgba(255,255,255,.5)}

/* Hero banner entrance animation */
.hero-content{animation:heroTextIn .9s cubic-bezier(.22,.8,.22,1) both}
.hero-media{animation:heroImageSlide 1.1s cubic-bezier(.22,.8,.22,1) both}
@keyframes heroTextIn{
  from{opacity:0;transform:translateX(-48px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes heroImageSlide{
  from{opacity:0;transform:translateX(90px) scale(1.025)}
  to{opacity:1;transform:translateX(0) scale(1)}
}

/* Cursor-near magnetic motion */
.magnetic{
  will-change:transform;
  transition:transform .16s ease,box-shadow .22s ease;
}
.magnetic:hover{
  box-shadow:0 16px 32px rgba(53,101,132,.14);
}
.card,.type-card,.inventory-card,.brand-card,.step,.area,.btn,.cta-small,.contact-card{
  will-change:transform;
  transition:transform .16s ease,box-shadow .22s ease;
}

/* Keep motion modest on touch devices */
@media (hover:none), (pointer:coarse){
  .card:hover,.type-card:hover,.inventory-card:hover,.brand-card:hover,.step:hover,.area:hover,.btn:hover,.cta-small:hover,.contact-card:hover{
    transform:none!important
  }
}
@media (prefers-reduced-motion:reduce){
  .hero-content,.hero-media{animation:none!important}
}


/* Build 006 - contact icons, maps, image-rich banners, per-page imagery */
.icon-inline{width:20px;height:20px;display:inline-block;vertical-align:-4px;margin-right:8px;flex:0 0 auto}
.contact-card h3{display:flex;align-items:center;gap:8px}
.contact-card .icon-inline{width:24px;height:24px;margin-right:0}
.map-wrap{border-radius:18px;overflow:hidden;border:1px solid #c9e1ef;background:#dcefff;min-height:380px}
.map-wrap iframe{display:block;width:100%;height:380px;border:0}
.page-hero{min-height:390px;display:grid;align-items:center;position:relative}
.page-hero.has-image{background:#dcefff}
.page-hero.has-image:before{content:"";position:absolute;inset:0;background-image:var(--page-hero-image);background-size:cover;background-position:center;opacity:.34;transform:scale(1.02);animation:pageHeroImageIn .9s cubic-bezier(.22,.8,.22,1) both}
.page-hero.has-image:after{background:linear-gradient(90deg,rgba(234,246,255,.98) 0%,rgba(234,246,255,.88) 40%,rgba(234,246,255,.35) 72%,rgba(234,246,255,.12) 100%)}
.page-hero.has-image .container{position:relative;z-index:2}
@keyframes pageHeroImageIn{from{opacity:0;transform:translateX(70px) scale(1.05)}to{opacity:.34;transform:translateX(0) scale(1.02)}}
.content-image{margin:26px 0;border-radius:18px;overflow:hidden;background:#d9efff}
.content-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-photo-panel{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(42vw,620px);z-index:1;opacity:.96;animation:heroPanelIn 1s cubic-bezier(.22,.8,.22,1) both}
.hero-photo-panel img{width:100%;border-radius:26px;box-shadow:0 22px 55px rgba(47,97,130,.18)}
@keyframes heroPanelIn{from{opacity:0;transform:translate(80px,-50%)}to{opacity:.96;transform:translate(0,-50%)}}
.hero .container.hero-content{max-width:1180px}
.hero-content{width:min(1180px,calc(100% - 32px));margin:auto}
.hero-content h1,.hero-content p,.hero-content .actions,.hero-content .eyebrow{max-width:56%}
@media(max-width:900px){
 .hero-photo-panel{position:relative;right:auto;top:auto;transform:none;width:min(92%,620px);margin:0 auto 26px;animation:none}
 .hero-content h1,.hero-content p,.hero-content .actions,.hero-content .eyebrow{max-width:100%}
 .hero{padding-top:40px}
 .page-hero{min-height:330px}
}
@media(prefers-reduced-motion:reduce){
 .page-hero.has-image:before,.hero-photo-panel{animation:none!important}
}


/* Build 007 - WhatsApp green + universal footer */
.whatsapp-link,
.whatsapp-link .icon-inline,
a[href*="wa.me"],
a[href*="whatsapp"]{
  color:#128C7E !important;
}
a[href*="wa.me"].btn,
a[href*="wa.me"].cta-small{
  color:#128C7E !important;
}
a[href*="wa.me"].btn-primary,
a[href*="wa.me"].cta-small{
  background:#eafff8;
  border:1px solid #b8eadc;
}
a[href*="wa.me"].sticky-wa{
  background:#ffffff;
  border-color:#25D366;
  color:#128C7E !important;
}
.site-footer{background:#dcefff;color:#45667a;padding:54px 0 22px;border-top:1px solid #c4dfef}
.footer-four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.footer-col{background:#f8fcff;border:1px solid #cfe3ef;border-radius:18px;overflow:hidden}
.footer-col img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#d7ebf8}
.footer-col .footer-body{padding:18px}
.footer-col h3{margin:0 0 8px;color:#16384f;font-size:19px}
.footer-col p,.footer-col a{color:#577689;font-size:14px}
.footer-col a:hover{color:#b67e00}
.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #bfd8e8;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}
.footer-bottom strong{color:#16384f}
@media(max-width:900px){.footer-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.footer-four{grid-template-columns:1fr}}


/* Build 008 - modern gradient footer + moving forklift */
.site-footer{
  background:
    radial-gradient(circle at 8% 10%,rgba(255,255,255,.92),transparent 30%),
    radial-gradient(circle at 88% 22%,rgba(188,226,250,.65),transparent 32%),
    linear-gradient(135deg,#f7fcff 0%,#e5f5ff 48%,#d3edfd 100%);
}
.footer-four{align-items:stretch}
.footer-col{
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(230,246,255,.78));
  border:1px solid rgba(147,196,225,.55);
  box-shadow:0 12px 34px rgba(63,111,143,.09);
  transition:transform .18s ease,box-shadow .22s ease;
}
.footer-col:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(63,111,143,.14);
}
.footer-bottom{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#07345f,#0a4c83);
  color:#fff;
  margin:30px -18px -8px;
  padding:17px 22px;
  border-radius:14px;
  border-top:0;
  align-items:center;
}
.footer-bottom strong{color:#fff}
.footer-bottom-copy{position:relative;z-index:3}
.forklift-road{
  position:relative;
  flex:1 1 300px;
  min-width:220px;
  height:58px;
  overflow:hidden;
  border-bottom:3px solid rgba(255,255,255,.42);
}
.forklift-road:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:7px;height:2px;
  background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.55) 24px 48px);
}
.footer-forklift{
  position:absolute;
  left:-72px;
  bottom:8px;
  width:58px;
  height:auto;
  image-rendering:auto;
  z-index:2;
  animation:footerForkliftDrive 10s linear infinite;
}
@keyframes footerForkliftDrive{
  from{left:-72px}
  to{left:calc(100% + 72px)}
}
@media(prefers-reduced-motion:reduce){
  .footer-forklift{animation:none;left:12px}
}


/* Build 010 shared footer component */
.shared-footer{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.95),transparent 30%),
    radial-gradient(circle at 85% 18%,rgba(181,224,249,.7),transparent 35%),
    linear-gradient(135deg,#f7fcff 0%,#e7f6ff 46%,#d1ecfd 100%);
}
.shared-footer .footer-col{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(229,245,255,.78));
  border:1px solid rgba(137,191,224,.5);
  box-shadow:0 14px 35px rgba(55,103,135,.10);
}
.shared-footer .footer-col:hover{transform:translateY(-5px)}
.shared-footer .footer-whatsapp,
.shared-footer .footer-whatsapp a{color:#128C7E!important;font-weight:800}
.footer-scenery{margin-top:28px;position:relative;overflow:hidden;border-radius:18px 18px 0 0}
.footer-scenery-bg{
  height:92px;
  position:relative;
  background:linear-gradient(#dff4ff 0 58%,#8dd070 58% 100%);
}
.footer-scenery-bg span{position:absolute;bottom:8px;font-size:38px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.08))}
.tree-a{left:4%}.house-a{left:14%}.tree-b{left:36%}.house-b{left:56%}.tree-c{left:75%}.house-c{right:6%}
.footer-road{
  height:70px;
  position:relative;
  background:linear-gradient(#444d56,#343b43);
  border-top:5px solid #f0c538;
  border-bottom:5px solid #f0c538;
}
.footer-road:after{
  content:"";
  position:absolute;left:0;right:0;top:50%;
  height:3px;
  background:repeating-linear-gradient(90deg,transparent 0 34px,#f7f7f7 34px 70px);
}
.footer-forklift-new{
  position:absolute;
  left:-150px;
  bottom:6px;
  width:125px;
  max-height:60px;
  object-fit:cover;
  object-position:center;
  z-index:2;
  border-radius:6px;
  animation:sharedForkliftDrive 12s linear infinite;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.18));
}
@keyframes sharedForkliftDrive{from{left:-150px}to{left:calc(100% + 150px)}}
.shared-footer .footer-bottom{
  margin:0;
  border-radius:0 0 16px 16px;
  background:linear-gradient(90deg,#073863,#0a4d84);
  color:white;
}
.footer-moving-text{font-style:italic;font-weight:700}
@media(prefers-reduced-motion:reduce){.footer-forklift-new{animation:none;left:16px}}


/* =========================================================
   BUILD 011 — MODERN BLUE + YELLOW LAYOUT
   ========================================================= */
:root{
  --brand-blue:#0b4f8a;
  --brand-blue-2:#0e6ab4;
  --brand-deep:#07345f;
  --brand-sky:#eaf7ff;
  --brand-yellow:#ffc400;
  --brand-green:#128C7E;
  --ink:#17364d;
  --soft:#617b8e;
  --line:#d7e8f3;
  --radius:20px;
}
body{
  background:#f8fcff;
  color:var(--ink);
}
.top-strip{
  background:linear-gradient(90deg,var(--brand-deep),var(--brand-blue-2));
  color:#fff;
  font-size:13px;
}
.top-strip .container{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.top-strip .trust-points{display:flex;gap:22px;flex-wrap:wrap}
.top-strip .langs{display:flex;gap:10px}
.top-strip a{color:#fff}
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(10,76,129,.12);
  box-shadow:0 7px 22px rgba(31,83,117,.08);
}
.nav{
  min-height:78px;
}
.brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:250px;
}
.brand-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,var(--brand-blue),var(--brand-blue-2));
  color:#fff;
  font-size:24px;
  box-shadow:0 8px 22px rgba(11,79,138,.18);
}
.brand-text strong{
  display:block;
  color:var(--brand-deep);
  font-size:21px;
  line-height:1;
}
.brand-text span{
  display:block;
  margin-top:5px;
  color:#9a7000;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.nav-links{
  font-size:13px;
  gap:15px;
}
.nav-links a{
  color:#203e54;
  font-weight:700;
}
.nav-links a:hover{color:var(--brand-blue)}
.header-wa{
  display:flex!important;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:10px 14px!important;
  background:#edfff6!important;
  border:1px solid #b7ebd4!important;
  color:var(--brand-green)!important;
  font-weight:900!important;
}

.modern-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 18%,rgba(255,255,255,.95),transparent 20%),
    linear-gradient(120deg,#eef9ff 0%,#dff2ff 58%,#cde9fb 100%);
  min-height:610px;
}
.modern-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.68) 36%,rgba(255,255,255,.12) 70%,transparent 100%);
  z-index:1;
}
.modern-hero .container{
  position:relative;
  z-index:3;
  min-height:610px;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  align-items:center;
  gap:32px;
}
.hero-copy{
  padding:76px 0 92px;
  animation:heroCopyIn .8s cubic-bezier(.22,.8,.22,1) both;
}
.hero-copy .eyebrow{
  color:#172f42;
  font-size:18px;
  letter-spacing:0;
  text-transform:none;
}
.hero-copy h1{
  color:var(--brand-blue);
  font-size:clamp(48px,6.4vw,86px);
  line-height:.93;
  max-width:780px;
  margin:13px 0 12px;
}
.hero-copy h1 small{
  display:block;
  margin-top:13px;
  color:#182f42;
  font-size:.43em;
  line-height:1.08;
  letter-spacing:-.02em;
}
.hero-copy p{
  max-width:660px;
  color:#3f5f73;
  font-size:18px;
}
.hero-service-icons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:28px 0;
}
.hero-service-icon{
  background:rgba(255,255,255,.82);
  border:1px solid #cfe6f4;
  border-radius:16px;
  padding:14px 9px;
  text-align:center;
  box-shadow:0 8px 22px rgba(41,92,125,.08);
}
.hero-service-icon b{
  display:block;
  font-size:12px;
  color:var(--brand-deep);
  line-height:1.2;
}
.hero-service-icon .round-icon{
  width:43px;height:43px;
  margin:0 auto 9px;
  display:grid;place-items:center;
  background:var(--brand-yellow);
  color:var(--brand-deep);
  border-radius:50%;
  font-size:22px;
}
.hero-visual{
  position:relative;
  align-self:stretch;
  min-height:520px;
  animation:heroVisualIn 1s cubic-bezier(.22,.8,.22,1) both;
}
.hero-visual-bg{
  position:absolute;
  inset:42px -80px 42px 0;
  border-radius:38px 0 0 38px;
  background-image:url("../images/diesel-forklift.svg");
  background-size:cover;
  background-position:center;
  box-shadow:0 26px 60px rgba(48,99,132,.19);
}
.hero-visual-bg:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(225,244,255,.18),rgba(255,255,255,0));
}
.experience-badge{
  position:absolute;
  right:18px;
  top:67px;
  width:120px;
  height:120px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:linear-gradient(145deg,#ffd85c,#ffc400);
  border:7px solid rgba(255,255,255,.9);
  box-shadow:0 16px 38px rgba(141,103,0,.2);
  color:#153b5b;
  font-weight:900;
}
.experience-badge strong{font-size:33px;line-height:1}
.experience-badge span{font-size:10px;line-height:1.15}
.hero-quality{
  position:absolute;
  right:8px;
  bottom:66px;
  width:240px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  border:1px solid #d5e8f3;
  box-shadow:0 16px 38px rgba(48,99,132,.15);
}
.hero-quality p{margin:7px 0;font-size:13px;font-weight:700;color:#315168}
.hero-quality p:before{content:"✓";color:#10a34a;font-weight:900;margin-right:8px}
@keyframes heroCopyIn{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}

.home-grid{
  display:grid;
  grid-template-columns:1.45fr .75fr .9fr;
  gap:20px;
}
.panel-modern{
  background:linear-gradient(145deg,#fff,#f3faff);
  border:1px solid #d9eaf4;
  border-radius:20px;
  padding:22px;
  box-shadow:0 11px 30px rgba(52,98,128,.08);
}
.panel-modern h2{
  margin:0 0 16px;
  color:var(--brand-deep);
  font-size:22px;
}
.service-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.service-mini{
  border:1px solid #d7e8f3;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.service-mini:hover{transform:translateY(-5px);box-shadow:0 13px 28px rgba(47,92,120,.12)}
.service-mini img{width:100%;aspect-ratio:4/3;object-fit:cover}
.service-mini .body{padding:12px}
.service-mini h3{margin:0 0 5px;font-size:14px;color:var(--brand-blue)}
.service-mini p{margin:0;font-size:12px;color:#647d8e}
.brand-pill-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.brand-pill{
  display:grid;
  place-items:center;
  min-height:74px;
  background:#fff;
  border:1px solid #d9e8f1;
  border-radius:14px;
  font-weight:900;
  color:#0b4f8a;
  font-size:20px;
}
.news-card{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:12px;
  align-items:center;
}
.news-card img{
  width:110px;height:90px;object-fit:cover;border-radius:12px
}
.news-card h3{font-size:15px;margin:0 0 5px;color:var(--brand-blue)}
.news-card p{font-size:12px;margin:0;color:#647d8e}

.section-title-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
}
.section-title-line:after{
  content:"";
  height:3px;
  width:50px;
  border-radius:999px;
  background:var(--brand-yellow);
}

/* Modern internal page banners */
.page-hero.has-image{
  min-height:410px;
  background:linear-gradient(110deg,#eef9ff,#d4edfc);
}
.page-hero.has-image:before{
  opacity:.42;
  filter:saturate(1.05);
}
.page-hero.has-image:after{
  background:linear-gradient(90deg,rgba(244,251,255,.98) 0%,rgba(236,248,255,.89) 44%,rgba(228,244,254,.25) 76%,transparent 100%);
}
.page-hero h1{
  color:var(--brand-blue);
  font-size:clamp(44px,6vw,72px);
}
.page-hero p{
  color:#46677b;
  max-width:680px;
}

/* Shared footer: deeper premium blue like approved concept */
.shared-footer{
  background:
    radial-gradient(circle at 20% 0%,rgba(45,143,214,.45),transparent 34%),
    linear-gradient(180deg,#0d6bb6 0%,#07569a 56%,#06477f 100%);
  color:#fff;
  padding-top:48px;
}
.shared-footer .footer-col{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff;
}
.shared-footer .footer-col img{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
}
.shared-footer .footer-col h3,
.shared-footer .footer-col p,
.shared-footer .footer-col a{
  color:#fff!important;
}
.shared-footer .footer-col h3{
  position:relative;
  padding-bottom:10px;
}
.shared-footer .footer-col h3:after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:44px;height:3px;
  border-radius:999px;
  background:var(--brand-yellow);
}
.shared-footer .footer-whatsapp,
.shared-footer .footer-whatsapp a{color:#68f2a6!important}
.footer-scenery{
  margin-top:34px;
  border-radius:20px 20px 0 0;
}
.footer-scenery-bg{
  background:linear-gradient(#cdeefe 0 58%,#72bf62 58% 100%);
}
.footer-road{
  background:linear-gradient(#3b444d,#252b31);
  border-top-color:#f0c538;
  border-bottom-color:#f0c538;
}
.footer-forklift-new{
  width:118px;
  max-height:none;
  object-fit:contain;
  background:transparent;
  border-radius:0;
}
.shared-footer .footer-bottom{
  background:linear-gradient(90deg,#052e56,#06294a);
  border-top:1px solid rgba(255,255,255,.14);
}
.footer-moving-text{color:#fff}

@media(max-width:1000px){
  .modern-hero .container{grid-template-columns:1fr}
  .hero-copy{padding-bottom:30px}
  .hero-visual{min-height:430px}
  .hero-visual-bg{inset:0 0 30px 0;border-radius:28px}
  .home-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .top-strip .trust-points{display:none}
  .brand-lockup{min-width:auto}
  .hero-service-icons{grid-template-columns:repeat(2,1fr)}
  .service-mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .top-strip{font-size:11px}
  .hero-copy h1{font-size:46px}
  .service-mini-grid{grid-template-columns:1fr}
  .experience-badge{width:92px;height:92px}
  .hero-quality{width:210px}
}


/* ============================================================
   BUILD 012 — CONCEPT MATCH
   Actual HTML/CSS aligned to approved blue/yellow mockup
   ============================================================ */
:root{
 --b012-blue:#0b4b83;
 --b012-deep:#07335d;
 --b012-sky:#eaf7ff;
 --b012-yellow:#ffc400;
 --b012-green:#18a34a;
 --b012-ink:#0c2740;
 --b012-muted:#567487;
}

.b012-top{
 background:linear-gradient(90deg,#07335d,#0d6db7);
 color:#fff;font-size:12px
}
.b012-top .container{
 min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:16px
}
.b012-top-left,.b012-top-right{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.b012-top a{color:#fff}

.b012-header{
 position:sticky;top:0;z-index:1000;
 background:rgba(255,255,255,.98);
 box-shadow:0 6px 22px rgba(13,71,110,.09);
 border-bottom:1px solid #e3eef5
}
.b012-nav{
 min-height:78px;display:flex;align-items:center;gap:22px
}
.b012-logo{
 display:flex;align-items:center;gap:10px;min-width:245px
}
.b012-logo-mark{
 width:48px;height:48px;border-radius:10px;
 display:grid;place-items:center;
 background:linear-gradient(145deg,#0a4b85,#0f6db6);
 color:#fff;font-size:25px;font-weight:900
}
.b012-logo strong{display:block;color:#083b69;font-size:20px;line-height:1}
.b012-logo small{display:block;margin-top:5px;background:#ffc400;color:#1c2c39;padding:2px 6px;font-weight:900;letter-spacing:.05em}
.b012-menu{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:13px;font-weight:700}
.b012-menu a{color:#163650}
.b012-menu a:hover{color:#0b5e9f}
.b012-wa{
 margin-left:4px;display:flex!important;gap:8px;align-items:center;
 color:#128C7E!important;font-weight:900!important
}
.b012-quote{
 background:#ffc400!important;color:#172c3b!important;
 padding:11px 16px;border-radius:8px;font-weight:900!important
}

.b012-hero{
 position:relative;overflow:hidden;
 background:
   linear-gradient(90deg,rgba(238,249,255,.98) 0%,rgba(227,244,255,.94) 42%,rgba(214,237,252,.70) 63%,rgba(207,234,251,.25) 100%);
 min-height:500px
}
.b012-hero .container{
 min-height:500px;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;position:relative;z-index:2
}
.b012-hero-copy{padding:52px 0 58px;animation:b012Text .75s ease both}
.b012-hero-copy .pre{font-weight:900;font-size:21px;color:#182d3e}
.b012-hero h1{font-size:clamp(48px,6.2vw,78px);line-height:.95;color:#0b4b83;margin:8px 0}
.b012-hero h1 small{display:block;font-size:.43em;color:#1b3041;margin-top:10px}
.b012-hero-desc{font-size:18px;color:#274b63;font-weight:700;margin:14px 0 0}
.b012-hero-services{
 display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0
}
.b012-iconbox{
 text-align:center;padding:10px 6px;border-right:1px solid #cddfeb
}
.b012-iconbox:last-child{border-right:0}
.b012-iconcircle{
 width:54px;height:54px;margin:0 auto 7px;border-radius:50%;
 background:#ffc400;display:grid;place-items:center;color:#083b69;font-size:25px;font-weight:900
}
.b012-iconbox:nth-child(2) .b012-iconcircle{background:#0e67b2;color:white}
.b012-iconbox:nth-child(3) .b012-iconcircle{background:#20a94d;color:white}
.b012-iconbox:nth-child(4) .b012-iconcircle{background:#e32822;color:white}
.b012-iconbox b{font-size:12px;color:#07335d;line-height:1.1;display:block}
.b012-actions{display:flex;gap:12px;flex-wrap:wrap}
.b012-btn{
 display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:8px;font-weight:900
}
.b012-btn-wa{background:#15b63c;color:#fff!important}
.b012-btn-quote{background:#fff;border:1px solid #7ba8c7;color:#0b4b83!important}

.b012-hero-media{position:relative;align-self:stretch;animation:b012Visual .9s ease both}
.b012-hero-img{
 position:absolute;inset:18px -90px 18px 0;border-radius:0 0 0 36px;
 background:url("../images/hero-real.webp") center/cover no-repeat;
 box-shadow:0 25px 55px rgba(46,97,130,.18)
}
.b012-badge{
 position:absolute;right:12px;top:46px;width:116px;height:116px;border-radius:50%;
 background:radial-gradient(circle,#ffe681 0,#ffc400 66%,#b87b00 67%,#ffc400 76%);
 border:6px solid #fff;display:grid;place-items:center;text-align:center;
 color:#0b3e6c;font-weight:900;box-shadow:0 10px 28px rgba(91,66,0,.2)
}
.b012-badge strong{font-size:32px;line-height:1;display:block}
.b012-badge span{font-size:10px}
.b012-quality{
 position:absolute;right:5px;bottom:48px;width:210px;padding:14px 16px;border-radius:15px;
 background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(32,77,108,.14)
}
.b012-quality div{font-size:12px;font-weight:800;color:#27465c;margin:7px 0}
.b012-quality div:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#17a84a;color:white;margin-right:7px}

@keyframes b012Text{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}
@keyframes b012Visual{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:none}}

.b012-mainrow{
 margin-top:-1px;background:#f7fbfe;padding:18px 0 22px
}
.b012-layout{
 display:grid;grid-template-columns:1.35fr .68fr .82fr;gap:14px
}
.b012-box{
 background:#fff;border:1px solid #dceaf3;border-radius:16px;padding:16px;box-shadow:0 7px 22px rgba(49,93,123,.07)
}
.b012-box-title{font-size:18px;font-weight:900;color:#073b6b;margin:0 0 13px;position:relative;padding-bottom:7px}
.b012-box-title:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;background:#ffc400}
.b012-services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.b012-card{border:1px solid #e0eaf1;border-radius:11px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.b012-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(38,80,109,.12)}
.b012-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.b012-card-body{padding:10px}
.b012-card h3{font-size:13px;color:#074b84;margin:0 0 4px}
.b012-card p{font-size:11px;color:#647d8d;margin:0}
.b012-brandgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.b012-brand{min-height:70px;display:grid;place-items:center;border:1px solid #dde8ef;border-radius:10px;font-weight:900;font-size:17px;background:#fff}
.b012-news{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center}
.b012-news img{width:105px;height:94px;object-fit:cover;border-radius:10px}
.b012-news h3{font-size:13px;color:#074b84;margin:0 0 5px}
.b012-news p{font-size:11px;color:#647d8d;margin:2px 0}

.b012-stats{
 background:linear-gradient(90deg,#0a4c86,#0e6cb4);color:#fff
}
.b012-stats .container{display:grid;grid-template-columns:repeat(4,1fr)}
.b012-stat{padding:18px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
.b012-stat:last-child{border-right:0}
.b012-stat strong{font-size:24px;color:#ffc400;display:block}
.b012-stat span{font-size:12px}

.shared-footer.b012-footer{
 padding-top:38px;background:linear-gradient(180deg,#0a4b85,#07335d)
}
.b012-footer .footer-four{grid-template-columns:1.1fr 1fr 1fr 1.15fr}
.b012-footer .footer-col{padding:0 18px}
.b012-footer .footer-col img{display:none}
.b012-footer .footer-col .footer-body{padding:0}
.b012-footer .footer-col h3{font-size:17px}
.b012-footer .footer-col p,.b012-footer .footer-col a{font-size:12px;line-height:1.55}

.footer-scenery-bg{
 height:84px;
 background:
   linear-gradient(#9fd7f7 0 54%,#6dbd58 54% 100%)
}
.footer-road{height:64px}
.footer-forklift-new{
 width:140px!important;max-height:58px!important;object-fit:contain!important;
 background:transparent!important;border-radius:0!important
}
.footer-bottom{font-size:12px}

@media(max-width:1000px){
 .b012-menu{display:none}
 .b012-hero .container{grid-template-columns:1fr}
 .b012-hero-media{min-height:390px}
 .b012-hero-img{inset:0 0 15px 0;border-radius:24px}
 .b012-layout{grid-template-columns:1fr}
}
@media(max-width:800px){
 .b012-top-left span:nth-child(n+2){display:none}
 .b012-services{grid-template-columns:repeat(2,1fr)}
 .b012-hero-services{grid-template-columns:repeat(2,1fr)}
 .b012-stats .container{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
 .b012-services{grid-template-columns:1fr}
 .b012-logo{min-width:auto}
 .b012-logo small{display:none}
 .b012-badge{width:90px;height:90px}
 .b012-quality{width:190px}
}


/* ============================================================
   BUILD 013 — FULL MODERN SITE
   ============================================================ */
.b013-brandgrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.b013-brandlogo{
  background:#fff;
  border:1px solid #dbe8f0;
  border-radius:12px;
  padding:8px;
  min-height:92px;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 5px 16px rgba(41,82,110,.06);
}
.b013-brandlogo img{
  width:100%;
  height:78px;
  object-fit:contain;
}
.b013-brandlogo:hover{
  box-shadow:0 14px 28px rgba(38,84,116,.14);
}

/* Universal magnetic candidates */
.magnetic-pro{
  will-change:transform;
  transition:transform .16s ease, box-shadow .22s ease, border-color .22s ease;
}
.magnetic-pro:hover{
  box-shadow:0 16px 34px rgba(42,89,120,.13);
  border-color:#b9d9ec!important;
}

/* Shared internal layout */
.b013-page{
  background:#f7fbfe;
}
.b013-page .page-hero{
  min-height:390px;
}
.b013-inner{
  padding:34px 0 56px;
}
.b013-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:24px;
  align-items:start;
}
.b013-maincard,
.b013-sidecard,
.b013-info-card,
.b013-faq details,
.b013-contact-card{
  background:#fff;
  border:1px solid #dceaf3;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(43,90,121,.07);
}
.b013-maincard{padding:28px}
.b013-maincard h2{
  margin-top:0;
  color:#073b6b;
  font-size:clamp(28px,4vw,42px);
}
.b013-maincard h3{color:#0b4f8a}
.b013-maincard p,.b013-maincard li{color:#557184}
.b013-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:22px 0;
}
.b013-feature{
  background:linear-gradient(145deg,#fff,#eff8fe);
  border:1px solid #d7e8f2;
  border-radius:14px;
  padding:15px;
  font-weight:800;
  color:#214c68;
}
.b013-sidecard{
  padding:22px;
  position:sticky;
  top:110px;
  background:linear-gradient(145deg,#eef9ff,#dff2ff);
}
.b013-sidecard h3{margin-top:0;color:#073b6b}
.b013-sidecard p{color:#557184}
.b013-sidecard .b012-btn{width:100%;justify-content:center;margin-top:10px}
.b013-image{
  border-radius:18px;
  overflow:hidden;
  margin-bottom:24px;
  border:1px solid #d9e8f1;
}
.b013-image img{width:100%;aspect-ratio:16/8.5;object-fit:cover}
.b013-section{
  padding:42px 0;
}
.b013-section h2{color:#073b6b}
.b013-three{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.b013-info-card{
  padding:20px;
}
.b013-info-card h3{color:#0b4f8a;margin-top:0}
.b013-info-card p{color:#60798a}
.b013-faq{display:grid;gap:10px}
.b013-faq details{padding:0 17px}
.b013-faq summary{padding:16px 0;font-weight:900;color:#124a72;cursor:pointer}
.b013-faq p{color:#5f7788;margin-top:0}
.b013-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.b013-contact-card{padding:20px}
.b013-contact-card h3{color:#073b6b}
.b013-map{
  margin-top:20px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #d9e8f1;
}
.b013-map iframe{display:block;width:100%;height:380px;border:0}

/* Internal page hero visual refinement */
.b013-page .page-hero.has-image{
  background:linear-gradient(110deg,#eef9ff,#d7eefc);
  position:relative;
}
.b013-page .page-hero.has-image:before{
  opacity:.38!important;
  transform:scale(1.035);
  animation:b013BannerIn .85s ease both!important;
}
.b013-page .page-hero.has-image:after{
  background:linear-gradient(90deg,rgba(245,251,255,.99) 0%,rgba(237,248,255,.93) 43%,rgba(223,241,253,.46) 67%,rgba(213,237,251,.10) 100%)!important;
}
@keyframes b013BannerIn{
  from{opacity:0;transform:translateX(65px) scale(1.06)}
  to{opacity:.38;transform:translateX(0) scale(1.035)}
}

/* Improve mobile header for B012 */
@media(max-width:1000px){
  .b012-header .menu-btn{display:block;margin-left:auto}
}
@media(max-width:900px){
  .b013-grid{grid-template-columns:1fr}
  .b013-sidecard{position:static}
  .b013-three{grid-template-columns:1fr}
}
@media(max-width:620px){
  .b013-feature-grid,.b013-contact-grid{grid-template-columns:1fr}
  .b013-brandgrid{grid-template-columns:1fr 1fr}
}


/* ============================================================
   BUILD 015 — CONSISTENT DESIGN ACROSS ALL INTERNAL PAGES
   ============================================================ */
.b015-page-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  display:grid;
  align-items:center;
  background:linear-gradient(120deg,#eef9ff 0%,#d7eefc 60%,#c9e7fa 100%);
}
.b015-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--hero-img);
  background-size:cover;
  background-position:center;
  opacity:.42;
  transform:scale(1.03);
}
.b015-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(239,249,255,.95) 42%,rgba(227,243,253,.55) 68%,rgba(213,237,251,.12) 100%);
}
.b015-page-hero .container{
  position:relative;
  z-index:2;
}
.b015-page-hero .eyebrow{
  color:#0b5b99;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.b015-page-hero h1{
  margin:10px 0 14px;
  color:#0b4b83;
  font-size:clamp(44px,6vw,72px);
  line-height:.98;
}
.b015-page-hero p{
  max-width:680px;
  margin:0;
  font-size:18px;
  color:#48697d;
  font-weight:600;
}
.b015-page-hero .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.b015-content{
  background:#f7fbfe;
  padding:36px 0 58px;
}
.b015-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:24px;
  align-items:start;
}
.b015-primary{
  background:#fff;
  border:1px solid #dceaf3;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(42,88,119,.08);
  overflow:hidden;
}
.b015-primary .media{
  position:relative;
  overflow:hidden;
}
.b015-primary .media img{
  width:100%;
  aspect-ratio:16/7.2;
  object-fit:cover;
  transition:transform .28s ease;
}
.b015-primary:hover .media img{
  transform:scale(1.025);
}
.b015-primary .body{
  padding:28px;
}
.b015-primary h2{
  margin:0 0 14px;
  color:#073b6b;
  font-size:clamp(28px,4vw,42px);
}
.b015-primary p,
.b015-primary li{
  color:#587485;
}
.b015-highlight-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:24px 0 8px;
}
.b015-highlight{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:15px;
  border-radius:14px;
  border:1px solid #d8e8f2;
  background:linear-gradient(145deg,#ffffff,#edf8fe);
}
.b015-highlight .ico{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#ffc400;color:#083b69;
  font-weight:900;
  flex:0 0 auto;
}
.b015-highlight strong{color:#204b67}

.b015-side{
  position:sticky;
  top:108px;
  display:grid;
  gap:16px;
}
.b015-side-card{
  background:linear-gradient(145deg,#eef9ff,#dceffc);
  border:1px solid #cfe5f2;
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 28px rgba(43,90,121,.08);
}
.b015-side-card h3{
  margin:0 0 10px;
  color:#073b6b;
}
.b015-side-card p{
  color:#587485;
  font-size:14px;
}
.b015-side-card .b012-btn{
  width:100%;
  justify-content:center;
  margin-top:10px;
}

.b015-services-band{
  padding:46px 0;
  background:linear-gradient(180deg,#eef8fe,#e3f3fd);
}
.b015-section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
}
.b015-section-title h2{
  margin:0;
  color:#073b6b;
  font-size:clamp(30px,4vw,46px);
}
.b015-section-title p{
  max-width:620px;
  color:#617b8c;
  margin:0;
}
.b015-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.b015-card{
  background:#fff;
  border:1px solid #dbe9f2;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(44,90,121,.07);
}
.b015-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.b015-card .body{padding:18px}
.b015-card h3{margin:0 0 8px;color:#0b4f8a}
.b015-card p{margin:0;color:#627b8b;font-size:14px}

.b015-cta{
  background:linear-gradient(90deg,#0a4c86,#0d6db7);
  color:#fff;
  padding:28px 0;
}
.b015-cta .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.b015-cta h2{
  margin:0;
  color:#fff;
}
.b015-cta p{
  margin:6px 0 0;
  color:#dceefe;
}
.b015-cta .b012-btn{
  flex:0 0 auto;
}

.b015-brand-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.b015-brand{
  background:#fff;
  border:1px solid #dbe8f0;
  border-radius:16px;
  min-height:120px;
  display:grid;
  place-items:center;
  padding:12px;
  box-shadow:0 8px 22px rgba(44,90,121,.06);
}
.b015-brand img{
  max-width:100%;
  max-height:84px;
  object-fit:contain;
}

.b015-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.b015-gallery figure{
  margin:0;
  background:#fff;
  border:1px solid #dbe8f0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(44,90,121,.07);
}
.b015-gallery img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.b015-gallery figcaption{
  padding:14px 16px;
  font-weight:800;
  color:#0b4f8a;
}

.b015-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.b015-contact-box{
  background:#fff;
  border:1px solid #dceaf3;
  border-radius:17px;
  padding:18px;
  box-shadow:0 8px 22px rgba(44,90,121,.07);
}
.b015-contact-box h3{
  margin:0 0 8px;
  color:#073b6b;
}
.b015-contact-box p{
  margin:0;
  color:#5d788a;
}
.b015-contact-box.whatsapp h3,
.b015-contact-box.whatsapp a{
  color:#128C7E!important;
}

@media(max-width:1000px){
  .b015-content-grid{grid-template-columns:1fr}
  .b015-side{position:static}
  .b015-card-grid{grid-template-columns:1fr 1fr}
  .b015-brand-grid{grid-template-columns:repeat(2,1fr)}
  .b015-contact-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .b015-highlight-grid,
  .b015-card-grid,
  .b015-gallery,
  .b015-contact-grid{grid-template-columns:1fr}
  .b015-cta .container,
  .b015-section-title{align-items:flex-start;flex-direction:column}
}

/* BUILD 016 MOBILE FIX */
.b012-header .menu-btn{display:none;border:0;background:transparent;color:#073b6b;font-size:28px;cursor:pointer;padding:8px;border-radius:9px}
.b012-nav{position:relative;max-width:100%}.b012-menu{max-width:100%}.b012-menu a{white-space:nowrap}
@media(max-width:1000px){
 .b012-header .menu-btn{display:block!important;margin-left:auto}
 .b012-menu{display:none!important;position:absolute;top:calc(100% + 1px);left:16px;right:16px;z-index:1200;margin:0;padding:12px;flex-direction:column;align-items:stretch;gap:4px;background:rgba(255,255,255,.985);border:1px solid #d7e8f2;border-radius:0 0 16px 16px;box-shadow:0 22px 45px rgba(27,74,105,.18);max-height:calc(100vh - 110px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 .b012-menu.open,.b012-menu.is-open{display:flex!important}
 .b012-menu>a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;border-radius:9px;color:#163650;white-space:normal}
 .b012-menu>a:hover,.b012-menu>a:focus{background:#edf7fd;color:#0b4f8a}
 .b012-menu .b012-wa{margin:5px 0 0;justify-content:flex-start;background:#effdf6!important;border:1px solid #c6ead8}
 .b012-logo{min-width:0}
}
@media(max-width:620px){
 .b012-nav{min-height:66px;padding-top:6px;padding-bottom:6px}
 .b012-logo-mark{width:40px;height:40px;font-size:20px}
 .b012-logo strong{font-size:15px}
 .b012-logo small{font-size:8px;padding:1px 4px}
 .b012-menu{left:8px;right:8px}
 .b012-top .container{padding-top:5px;padding-bottom:5px}
 .b012-top-left span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
 .b012-top-right{gap:7px;font-size:10px}
}
.shared-footer,.shared-footer *{box-sizing:border-box}.shared-footer{overflow:hidden}.shared-footer .container{width:min(var(--max),calc(100% - 28px))}
.b012-footer .footer-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.b012-footer .footer-col{min-width:0;padding:0 18px;border-right:1px solid rgba(255,255,255,.16)!important}
.b012-footer .footer-col:last-child{border-right:0!important}
.b012-footer .footer-col p,.b012-footer .footer-col a,.b012-footer .footer-col h3{overflow-wrap:anywhere}
.b012-footer .footer-col img[alt="Scan to WhatsApp"]{width:88px!important;max-width:100%!important;height:auto!important}
.footer-scenery,.footer-scenery-bg,.footer-road{width:100%;max-width:100%;overflow:hidden}
.footer-forklift-new{max-width:none!important}
@media(max-width:1000px){
 .b012-footer .footer-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
 .b012-footer .footer-col:nth-child(2){border-right:0!important}
 .b012-footer .footer-col:nth-child(3),.b012-footer .footer-col:nth-child(4){border-top:1px solid rgba(255,255,255,.14)!important;padding-top:24px}
 .footer-scenery-bg{height:72px}
}
@media(max-width:620px){
 .shared-footer{padding-top:32px}
 .b012-footer .footer-four{grid-template-columns:1fr}
 .b012-footer .footer-col{border-right:0!important;border-top:1px solid rgba(255,255,255,.14)!important;padding:20px 4px!important}
 .b012-footer .footer-col:first-child{border-top:0!important;padding-top:0!important}
 .b012-footer .footer-col h3{font-size:16px}
 .b012-footer .footer-col p,.b012-footer .footer-col a{font-size:13px;line-height:1.6}
 .footer-scenery{margin-top:18px;border-radius:12px 12px 0 0}
 .footer-scenery-bg{height:64px}
 .footer-scenery-bg span{font-size:27px}
 .house-b,.tree-c{display:none}
 .footer-road{height:54px}
 .footer-forklift-new{width:105px!important;max-height:48px!important;bottom:2px!important}
 .shared-footer .footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:14px 12px;margin:0;border-radius:0;line-height:1.45}
 .footer-moving-text{font-size:12px}
}
@media(max-width:390px){
 .b012-logo strong{font-size:13px}.b012-logo small{display:none}
 .b012-top-left span:first-child{max-width:135px}.footer-scenery-bg{height:56px}
 .footer-forklift-new{width:92px!important}
}


/* ============================================================
   BUILD 017A — HOMEPAGE FINALIZATION
   ============================================================ */
.b012-hero-img{
  background-image:url("../images/home-hero.webp") !important;
  background-size:cover !important;
  background-position:center !important;
}
.b012-card img{
  object-fit:cover;
  aspect-ratio:16/9;
  background:#eef7fc;
}
.b012-news img{
  object-fit:cover;
  aspect-ratio:4/3;
}
.b017a-service-card{
  position:relative;
}
.b017a-service-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(9,77,132,.04);
}
.b017a-service-card:hover img{
  transform:scale(1.035);
}
.b017a-service-card img{
  transition:transform .28s ease;
}

/* Square, clear QR in shared footer */
.b012-footer img[src*="whatsapp-qr"],
.shared-footer img[src*="whatsapp-qr"]{
  width:120px !important;
  height:120px !important;
  max-width:120px !important;
  max-height:120px !important;
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  background:#fff !important;
  padding:6px !important;
  border-radius:8px !important;
  image-rendering:auto;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}
@media(max-width:620px){
  .b012-footer img[src*="whatsapp-qr"],
  .shared-footer img[src*="whatsapp-qr"]{
    width:100px !important;
    height:100px !important;
    max-width:100px !important;
    max-height:100px !important;
    margin-inline:auto !important;
  }
  .b012-hero-img{
    background-position:center !important;
  }
}

/* Homepage hero stays attractive on phone */
@media(max-width:1000px){
  .b012-hero-media{min-height:360px}
  .b012-hero-img{inset:0 0 16px 0}
}
@media(max-width:620px){
  .b012-hero-copy{padding:36px 0 24px}
  .b012-hero h1{font-size:42px}
  .b012-hero-media{min-height:300px}
  .b012-quality{display:none}
  .b012-badge{right:10px;top:18px}
}


/* ============================================================
   BUILD 017B — FORKLIFT RENTAL PAGE
   ============================================================ */
.whatsapp-green,
.whatsapp-green *,
a.whatsapp-green,
a.whatsapp-green .icon-inline{
  color:#fff !important;
}
.whatsapp-green{
  background:#16a63a !important;
  border-color:#16a63a !important;
}
.whatsapp-green:hover{
  background:#10852e !important;
  border-color:#10852e !important;
}

.rental-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  background:linear-gradient(110deg,#f4fbff 0%,#e2f3ff 48%,#d1ebfb 100%);
}
.rental-hero:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(247,252,255,.98) 0%,rgba(239,249,255,.93) 43%,rgba(228,244,254,.28) 72%,transparent 100%);
}
.rental-hero .container{
  min-height:430px;
  position:relative;z-index:2;
  display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:25px
}
.rental-copy{padding:42px 0}
.rental-copy .breadcrumb{font-size:13px;color:#557486;margin-bottom:15px}
.rental-copy h1{font-size:clamp(46px,6vw,72px);line-height:.96;color:#0b4b83;margin:0 0 8px}
.rental-copy h2{font-size:24px;color:#142f42;margin:0 0 12px}
.rental-copy p{color:#567285;max-width:620px}
.rental-hero-image{
  position:absolute;right:-60px;top:22px;bottom:22px;width:56%;
  border-radius:28px 0 0 28px;
  background:url("../images/rental-hero.webp") center/cover no-repeat;
  box-shadow:0 20px 45px rgba(40,91,125,.16);
  animation:rentalHeroIn .85s ease both
}
@keyframes rentalHeroIn{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}

.rental-badges{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0
}
.rental-badge{
  background:#fff;border:1px solid #d8e9f3;border-radius:13px;padding:11px;
  display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#214d68
}
.rental-badge span:first-child{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef7fd;color:#0b4b83
}

.rental-main{background:#f7fbfe;padding:28px 0 44px}
.rental-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.rental-panel,.rental-side{
  background:#fff;border:1px solid #dbe9f2;border-radius:18px;box-shadow:0 8px 24px rgba(42,88,119,.08)
}
.rental-panel{padding:18px}
.rental-panel h2,.rental-side h2{margin:0;color:#073b6b}
.rental-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
.rental-tab{border:0;background:#eef6fb;color:#244e68;border-radius:8px;padding:8px 12px;font-weight:800}
.rental-tab.active{background:#073b6b;color:#fff}

.rental-fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rental-unit{
  background:#fff;border:1px solid #dce9f1;border-radius:14px;overflow:hidden;
  box-shadow:0 5px 16px rgba(42,88,119,.06)
}
.rental-unit img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f7fb}
.rental-unit-body{padding:12px}
.rental-unit h3{margin:0 0 7px;color:#073b6b;font-size:14px}
.rental-meta{font-size:11px;color:#607989;line-height:1.55}
.rental-unit .view-btn{
  display:inline-flex;margin-top:9px;padding:8px 11px;background:#073b6b;color:#fff;border-radius:7px;font-size:11px;font-weight:800
}

.rental-side{padding:18px;position:sticky;top:110px}
.rental-side ul{list-style:none;padding:0;margin:15px 0}
.rental-side li{margin:12px 0;color:#506e82;font-size:13px}
.rental-side li:before{
  content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:#16a63a;color:#fff;margin-right:8px;font-weight:900
}
.rental-side img{width:100%;border-radius:12px;margin-top:14px}
.rental-bottom-cta{
  margin-top:18px;background:linear-gradient(90deg,#ffc400,#ffd94f);border-radius:14px;padding:18px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;color:#18374f
}
.rental-bottom-cta h3{margin:0 0 4px}
.rental-bottom-cta p{margin:0;font-size:13px}

@media(max-width:1000px){
  .rental-hero .container{grid-template-columns:1fr}
  .rental-hero-image{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:310px;border-radius:24px;margin-bottom:24px}
  .rental-layout{grid-template-columns:1fr}.rental-side{position:static}
  .rental-fleet-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .rental-badges{grid-template-columns:repeat(2,1fr)}
  .rental-fleet-grid{grid-template-columns:1fr}
  .rental-bottom-cta{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   BUILD 017C — FORKLIFT SALES / USED FORKLIFT
   ============================================================ */
.sales-hero{
  position:relative;overflow:hidden;min-height:430px;
  background:linear-gradient(110deg,#f4fbff 0%,#e4f3ff 48%,#d3ecfb 100%)
}
.sales-hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(247,252,255,.99) 0%,rgba(239,249,255,.94) 43%,rgba(228,244,254,.30) 72%,transparent 100%)
}
.sales-hero .container{
  min-height:430px;position:relative;z-index:2;
  display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:25px
}
.sales-copy{padding:42px 0}
.sales-copy .breadcrumb{font-size:13px;color:#557486;margin-bottom:15px}
.sales-copy h1{font-size:clamp(46px,6vw,72px);line-height:.96;color:#0b4b83;margin:0 0 8px}
.sales-copy h2{font-size:24px;color:#142f42;margin:0 0 12px}
.sales-copy p{color:#567285;max-width:620px}
.sales-hero-image{
  position:absolute;right:-60px;top:22px;bottom:22px;width:58%;
  border-radius:28px 0 0 28px;
  background:url("../images/sales-hero.webp") center/cover no-repeat;
  box-shadow:0 20px 45px rgba(40,91,125,.16);
  animation:salesHeroIn .85s ease both
}
@keyframes salesHeroIn{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}

.sales-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.sales-badge{
  background:#fff;border:1px solid #d8e9f3;border-radius:13px;padding:11px;
  display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#214d68
}
.sales-badge span:first-child{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef7fd;color:#0b4b83
}

.sales-main{background:#f7fbfe;padding:28px 0 44px}
.sales-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.sales-panel,.sales-side{
  background:#fff;border:1px solid #dbe9f2;border-radius:18px;box-shadow:0 8px 24px rgba(42,88,119,.08)
}
.sales-panel{padding:18px}
.sales-panel h2,.sales-side h2{margin:0;color:#073b6b}
.sales-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
.sales-tab{border:0;background:#eef6fb;color:#244e68;border-radius:8px;padding:8px 12px;font-weight:800}
.sales-tab.active{background:#073b6b;color:#fff}
.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sales-unit{
  background:#fff;border:1px solid #dce9f1;border-radius:14px;overflow:hidden;
  box-shadow:0 5px 16px rgba(42,88,119,.06);position:relative
}
.sales-unit img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f7fb}
.sales-unit-body{padding:12px}
.sales-unit h3{margin:0 0 7px;color:#073b6b;font-size:14px}
.sales-label{
  position:absolute;right:8px;top:8px;background:#ffc400;color:#17364d;
  padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900
}
.sales-meta{font-size:11px;color:#607989;line-height:1.55}
.sales-price{font-size:18px;color:#0b57a0;font-weight:900;margin-top:8px}
.sales-unit .view-btn{
  display:inline-flex;margin-top:9px;padding:8px 11px;background:#073b6b;color:#fff;border-radius:7px;font-size:11px;font-weight:800
}
.sales-side{padding:18px;position:sticky;top:110px}
.sales-side ul{list-style:none;padding:0;margin:15px 0}
.sales-side li{margin:12px 0;color:#506e82;font-size:13px}
.sales-side li:before{
  content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:#0b4b83;color:#fff;margin-right:8px;font-weight:900
}
.sales-inventory{
  margin-top:16px;border-top:1px solid #dbe8f1;padding-top:15px
}
.sales-inventory-row{
  display:flex;justify-content:space-between;gap:10px;padding:7px 0;
  border-bottom:1px solid #edf3f7;color:#557284;font-size:12px
}
.sales-inventory-row strong{color:#0b4b83}
.sales-bottom-cta{
  margin-top:18px;background:linear-gradient(90deg,#073b6b,#0b5f9f);border-radius:14px;padding:18px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff
}
.sales-bottom-cta h3{margin:0 0 4px;color:#fff}
.sales-bottom-cta p{margin:0;font-size:13px;color:#dceefe}

@media(max-width:1000px){
  .sales-hero .container{grid-template-columns:1fr}
  .sales-hero-image{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:310px;border-radius:24px;margin-bottom:24px}
  .sales-layout{grid-template-columns:1fr}.sales-side{position:static}
  .sales-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .sales-badges{grid-template-columns:repeat(2,1fr)}
  .sales-grid{grid-template-columns:1fr}
  .sales-bottom-cta{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   BUILD 017C1 — RENTAL + SALES FILTER / IMAGE / MOBILE FIX
   ============================================================ */

/* Show the whole forklift; never crop the machine */
.rental-unit img,
.sales-unit img{
  width:100% !important;
  height:220px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  padding:8px !important;
}

/* Make filter tabs visibly interactive */
.rental-tab,
.sales-tab{
  cursor:pointer !important;
  user-select:none;
  position:relative;
  z-index:2;
  transition:background .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease;
}
.rental-tab:hover,
.sales-tab:hover{
  background:#dceefa;
  color:#073b6b;
  transform:translateY(-2px);
}
.rental-tab.active,
.sales-tab.active{
  background:#073b6b !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(7,59,107,.18);
}

/* Filter animation */
.rental-unit,
.sales-unit{
  transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
}
.rental-unit.filter-hidden,
.sales-unit.filter-hidden{
  display:none !important;
}

/* Ensure hamburger stays above open mobile menu */
.b012-header .menu-btn{
  position:relative;
  z-index:1301;
  pointer-events:auto !important;
}
.b012-menu{
  pointer-events:auto;
}

/* Mobile image proportions */
@media(max-width:620px){
  .rental-unit img,
  .sales-unit img{
    height:190px !important;
    padding:6px !important;
  }
  .rental-tabs,
  .sales-tabs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:7px;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .rental-tab,
  .sales-tab{
    flex:0 0 auto;
    white-space:nowrap;
    min-height:40px;
  }
}


/* ============================================================
   BUILD 017D — SERVICE & REPAIR PAGE
   ============================================================ */
.service-hero{
  position:relative;
  overflow:hidden;
  min-height:440px;
  background:linear-gradient(110deg,#f4fbff 0%,#e2f3ff 48%,#d3ecfb 100%);
}
.service-hero:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(247,252,255,.99) 0%,rgba(239,249,255,.94) 42%,rgba(228,244,254,.28) 72%,transparent 100%);
}
.service-hero .container{
  min-height:440px;
  position:relative;z-index:2;
  display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:25px;
}
.service-copy{padding:42px 0}
.service-copy .breadcrumb{font-size:13px;color:#557486;margin-bottom:15px}
.service-copy h1{font-size:clamp(46px,6vw,72px);line-height:.96;color:#0b4b83;margin:0 0 8px}
.service-copy h2{font-size:24px;color:#142f42;margin:0 0 12px}
.service-copy p{color:#567285;max-width:620px}
.service-hero-image{
  position:absolute;right:-60px;top:20px;bottom:20px;width:58%;
  border-radius:28px 0 0 28px;
  background:url("../images/service-hero.webp") center/cover no-repeat;
  box-shadow:0 20px 45px rgba(40,91,125,.16);
  animation:serviceHeroIn .85s ease both;
}
@keyframes serviceHeroIn{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}

.service-badges{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;
}
.service-badge{
  background:#fff;border:1px solid #d8e9f3;border-radius:13px;padding:11px;
  display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#214d68;
}
.service-badge span:first-child{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef7fd;color:#0b4b83;
}

.service-main{background:#f7fbfe;padding:28px 0 44px}
.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.service-panel,.service-side{
  background:#fff;border:1px solid #dbe9f2;border-radius:18px;box-shadow:0 8px 24px rgba(42,88,119,.08);
}
.service-panel{padding:18px}
.service-panel h2,.service-side h2{margin:0;color:#073b6b}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.service-card{
  background:#fff;border:1px solid #dce9f1;border-radius:14px;overflow:hidden;
  box-shadow:0 5px 16px rgba(42,88,119,.06);
}
.service-card img{
  width:100%;height:190px;object-fit:cover;object-position:center;background:#f1f7fb;
}
.service-card-body{padding:13px}
.service-card h3{margin:0 0 6px;color:#073b6b;font-size:15px}
.service-card p{margin:0;color:#607989;font-size:12px;line-height:1.5}
.service-card a{
  display:inline-flex;margin-top:10px;padding:8px 11px;background:#073b6b;color:#fff;border-radius:7px;font-size:11px;font-weight:800;
}

.service-side{padding:18px;position:sticky;top:110px}
.service-side ul{list-style:none;padding:0;margin:15px 0}
.service-side li{margin:12px 0;color:#506e82;font-size:13px}
.service-side li:before{
  content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:#16a63a;color:#fff;margin-right:8px;font-weight:900;
}
.service-hotline{
  margin-top:16px;padding:15px;border-radius:14px;
  background:linear-gradient(145deg,#eef7ff,#dceffc);
}
.service-hotline strong{display:block;color:#073b6b;font-size:20px}
.service-side img{width:100%;border-radius:12px;margin-top:14px}

.service-process{
  margin-top:18px;
  background:linear-gradient(90deg,#ffc400,#ffd94f);
  border-radius:14px;padding:18px 20px;
}
.service-process h3{margin:0 0 12px;color:#17364d}
.service-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.service-step{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(140,102,0,.16);
  border-radius:12px;padding:13px;text-align:center;
  color:#17364d;font-weight:800;font-size:12px;
}
.service-trust{
  margin-top:16px;
  background:#dff8e7;
  border:1px solid #bce8c9;
  border-radius:13px;padding:14px 17px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:#1e5b35;font-weight:800;
}

@media(max-width:1000px){
  .service-hero .container{grid-template-columns:1fr}
  .service-hero-image{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:320px;border-radius:24px;margin-bottom:24px}
  .service-layout{grid-template-columns:1fr}.service-side{position:static}
  .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .service-badges{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:1fr}
  .service-steps{grid-template-columns:repeat(2,1fr)}
  .service-trust{align-items:flex-start;flex-direction:column}
}


/* BUILD 017D2 — mobile header reliability */
@media(max-width:1000px){
  .b012-header{
    overflow:visible !important;
  }
  .b012-nav{
    overflow:visible !important;
  }
  .b012-header .menu-btn{
    display:block !important;
    position:relative !important;
    z-index:1402 !important;
    pointer-events:auto !important;
    touch-action:manipulation;
  }
  .b012-menu{
    display:none !important;
    visibility:hidden;
    opacity:0;
    pointer-events:none !important;
  }
  .b012-menu.open,
  .b012-menu.is-open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:1401 !important;
  }
  .b012-menu.open a,
  .b012-menu.is-open a{
    pointer-events:auto !important;
  }
}

/* BUILD 017E — preserve Service 6-card / 2-row layout and show full images */
@media(min-width:1001px){
  .service-grid{grid-template-columns:repeat(3,1fr) !important;}
}
.service-card img{
  height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#eef6fb !important;
  padding:4px !important;
}

/* BUILD 017E — Spare Parts */
.parts-hero{position:relative;overflow:hidden;min-height:430px;background:linear-gradient(110deg,#f5fbff,#dcedf9)}
.parts-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(242,250,255,.93) 42%,rgba(232,246,255,.22) 72%,transparent)}
.parts-hero .container{min-height:430px;position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center}
.parts-copy{padding:42px 0}.parts-copy h1{font-size:clamp(48px,6vw,72px);line-height:.95;color:#073b6b;margin:8px 0}
.parts-copy h2{font-size:23px;color:#172f42;margin:0 0 12px}.parts-copy p{max-width:620px;color:#587286}
.parts-hero-image{position:absolute;right:-55px;top:20px;bottom:20px;width:59%;border-radius:28px 0 0 28px;background:url("../images/parts-hero.webp") center/cover no-repeat;box-shadow:0 20px 45px rgba(40,91,125,.16);animation:partsIn .8s ease both}
@keyframes partsIn{from{opacity:0;transform:translateX(65px)}to{opacity:1;transform:none}}
.parts-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.parts-badge{background:#fff;border:1px solid #d9e9f3;border-radius:12px;padding:11px;font-size:12px;font-weight:800;color:#214d68;text-align:center}
.parts-main{background:#f7fbfe;padding:28px 0 44px}.parts-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.parts-panel,.parts-side{background:#fff;border:1px solid #dbe9f2;border-radius:18px;box-shadow:0 8px 24px rgba(42,88,119,.08)}
.parts-panel{padding:18px}.parts-panel h2,.parts-side h2{margin:0;color:#073b6b}
.parts-search{display:grid;grid-template-columns:1fr 210px auto;gap:8px;margin:15px 0;padding:14px;background:#edf6fc;border-radius:13px}
.parts-search input,.parts-search select{min-width:0;border:1px solid #cfe0eb;border-radius:8px;padding:11px;background:#fff}.parts-search button{border:0;border-radius:8px;background:#073b6b;color:#fff;padding:10px 18px;font-weight:800;cursor:pointer}
.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.parts-card{border:1px solid #dce9f1;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(42,88,119,.06)}
.parts-card img{width:100%;height:165px;object-fit:contain;background:#fff;padding:8px}.parts-card-body{padding:12px}.parts-card h3{margin:0 0 6px;color:#073b6b;font-size:14px}.parts-card p{margin:0;color:#607989;font-size:11px;line-height:1.5}
.parts-card a{display:inline-flex;margin-top:9px;padding:8px 11px;background:#073b6b;color:#fff;border-radius:7px;font-size:11px;font-weight:800}
.parts-side{padding:18px;position:sticky;top:110px}.parts-side ul{list-style:none;padding:0;margin:14px 0}.parts-side li{font-size:12px;color:#506e82;margin:11px 0}.parts-side li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#16a63a;color:#fff;margin-right:8px;font-weight:900}
.parts-help{margin-top:16px;background:linear-gradient(135deg,#ffc400,#ffda4d);border-radius:14px;padding:16px;color:#17364d}.parts-help h3{margin:0 0 6px}.parts-help p{font-size:12px}
.parts-install{margin-top:12px;background:#eaf5fc;border-radius:14px;padding:15px}.parts-bottom{margin-top:18px;padding:15px 18px;border-radius:13px;background:#dff8e7;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#1e5b35;font-weight:800}
@media(max-width:1000px){.parts-hero .container{grid-template-columns:1fr}.parts-hero-image{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:310px;border-radius:24px;margin-bottom:24px}.parts-layout{grid-template-columns:1fr}.parts-side{position:static}.parts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.parts-badges{grid-template-columns:repeat(2,1fr)}.parts-search{grid-template-columns:1fr}.parts-grid{grid-template-columns:1fr}.parts-bottom{align-items:flex-start;flex-direction:column}}


/* ============================================================
   BUILD 017E1 — ALWAYS-VISIBLE LANGUAGE SWITCHER
   ============================================================ */
.global-lang-switcher{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #cfe1ed;
  border-radius:999px;
  background:#f5fbff;
  box-shadow:0 4px 12px rgba(28,77,109,.07);
  font-size:12px;
  font-weight:900;
  line-height:1;
  z-index:1403;
}
.global-lang-switcher a{
  color:#537184;
  text-decoration:none;
}
.global-lang-switcher .lang-choice.active{
  color:#0b4b83;
}
.global-lang-switcher span{
  color:#9cb4c4;
}
.global-lang-switcher a:hover{
  color:#0b4b83;
}

@media(min-width:1001px){
  /* desktop: keep it visible just before the navigation/menu area */
  .global-lang-switcher{
    margin-left:10px;
  }
}

@media(max-width:1000px){
  .global-lang-switcher{
    display:inline-flex !important;
    margin-left:auto !important;
    margin-right:4px;
    position:relative;
  }
  .b012-header .menu-btn{
    margin-left:0 !important;
  }
}

@media(max-width:620px){
  .global-lang-switcher{
    padding:7px 9px;
    gap:5px;
    font-size:11px;
    background:#fff;
  }
}

@media(max-width:390px){
  .global-lang-switcher{
    padding:6px 8px;
    font-size:10px;
  }
}


/* ============================================================
   BUILD 017E2 — SPARE PARTS FINAL IMAGE / BUTTON FIX
   ============================================================ */
.parts-hero-image{
  background-image:url("../images/parts-hero-final.webp") !important;
  background-size:cover !important;
  background-position:center !important;
}

/* Part category images: show a complete standalone item image, never crop */
.parts-card img{
  width:100% !important;
  height:180px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  padding:10px !important;
}

/* Enquire Parts / BM equivalent must be white on navy button */
.parts-card a,
.parts-card a:visited,
.parts-card a:hover,
.parts-card a:focus{
  color:#fff !important;
}
.parts-card a{
  background:#073b6b !important;
  border:1px solid #073b6b !important;
}
.parts-card a:hover{
  background:#0b5794 !important;
}

/* Keep green WhatsApp buttons white */
.whatsapp-green,
.whatsapp-green *,
a.whatsapp-green,
a.whatsapp-green:visited,
a.whatsapp-green:hover{
  color:#fff !important;
}

/* Better card consistency */
.parts-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.parts-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
}
.parts-card-body a{
  align-self:flex-start;
  margin-top:auto !important;
}

@media(max-width:620px){
  .parts-card img{
    height:200px !important;
  }
}


/* BUILD 017E3 — larger, clearer spare-part category images */
.parts-card img{
  width:100% !important;
  height:260px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:2px !important;
  background:#fff !important;
}
.parts-card-body{
  padding:14px !important;
}
@media(max-width:1000px){
  .parts-card img{height:280px !important;}
}
@media(max-width:620px){
  .parts-card img{height:300px !important;}
}


/* ============================================================
   BUILD 017E4 — FOOTER LOGO + LARGE CLEAR PART IMAGES
   ============================================================ */

/* About Northern footer logo */
.b012-footer .footer-about .footer-company-logo,
.shared-footer .footer-about .footer-company-logo{
  display:block !important;
  width:250px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  margin:0 0 14px !important;
  box-shadow:none !important;
}
@media(max-width:620px){
  .b012-footer .footer-about .footer-company-logo,
  .shared-footer .footer-about .footer-company-logo{
    width:220px !important;
    margin-inline:auto !important;
  }
  .b012-footer .footer-about .footer-body{
    text-align:center;
  }
}

/* Spare-part cards: make product itself fill the image area */
.parts-card img{
  width:100% !important;
  height:250px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  padding:0 !important;
  transform:scale(1.18);
  transform-origin:center;
}
.parts-card{
  overflow:hidden !important;
}
@media(max-width:1000px){
  .parts-card img{height:270px !important;transform:scale(1.15)}
}
@media(max-width:620px){
  .parts-card img{height:300px !important;transform:scale(1.12)}
}


/* ============================================================
   BUILD 017E5 — SPARE PART IMAGE / TEXT OVERLAP FIX
   Keep image and wording in separate layout areas.
   ============================================================ */
.parts-card{
  display:grid !important;
  grid-template-rows:250px 1fr !important;
  overflow:hidden !important;
  min-height:390px !important;
}

/* Undo previous transform scaling which could overlap the card wording */
.parts-card img{
  display:block !important;
  width:100% !important;
  height:250px !important;
  max-height:250px !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  margin:0 !important;
  padding:8px !important;
  background:#fff !important;
  position:relative !important;
  z-index:1 !important;
}

.parts-card-body{
  position:relative !important;
  z-index:2 !important;
  background:#fff !important;
  padding:14px !important;
  min-height:138px !important;
  display:flex !important;
  flex-direction:column !important;
  border-top:1px solid #edf3f7;
}

.parts-card-body h3{
  margin:0 0 7px !important;
  line-height:1.3 !important;
}
.parts-card-body p{
  margin:0 0 10px !important;
  line-height:1.5 !important;
}
.parts-card-body a{
  margin-top:auto !important;
}

@media(max-width:1000px){
  .parts-card{
    grid-template-rows:270px 1fr !important;
  }
  .parts-card img{
    height:270px !important;
    max-height:270px !important;
  }
}
@media(max-width:620px){
  .parts-card{
    grid-template-rows:280px 1fr !important;
    min-height:425px !important;
  }
  .parts-card img{
    height:280px !important;
    max-height:280px !important;
  }
}


/* ============================================================
   BUILD 017FG — GALLERY + ABOUT US
   ============================================================ */

/* Gallery */
.gallery-hero{
  background:linear-gradient(120deg,#f4fbff,#e3f4ff);
  padding:42px 0 28px;
}
.gallery-hero h1{
  margin:0 0 8px;
  color:#073b6b;
  font-size:clamp(46px,6vw,72px);
}
.gallery-hero p{
  color:#587286;
  max-width:720px;
}
.gallery-main{
  background:#f7fbfe;
  padding:22px 0 48px;
}
.gallery-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.gallery-filter{
  border:1px solid #cfe0eb;
  background:#fff;
  color:#244e68;
  border-radius:9px;
  padding:9px 13px;
  font-weight:800;
  cursor:pointer;
}
.gallery-filter.active{
  background:#073b6b;
  color:#fff;
  border-color:#073b6b;
}
.gallery-grid-final{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.gallery-item{
  background:#fff;
  border:1px solid #dbe9f2;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 7px 20px rgba(42,88,119,.07);
}
.gallery-item img{
  width:100%;
  height:240px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.gallery-item figcaption{
  padding:13px 15px;
  color:#073b6b;
  font-weight:800;
}
.gallery-item.is-hidden{
  display:none !important;
}
.gallery-help{
  margin-top:20px;
  border-radius:13px;
  background:#dff8e7;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#1f5b35;
  font-weight:800;
}

/* About */
.about-hero{
  background:linear-gradient(110deg,#f4fbff,#e4f3ff);
  padding:40px 0 48px;
}
.about-layout{
  display:grid;
  grid-template-columns:.9fr 1.25fr .75fr;
  gap:20px;
  align-items:center;
}
.about-copy h1{
  margin:0 0 8px;
  color:#073b6b;
  font-size:clamp(46px,6vw,70px);
}
.about-copy h2{
  color:#17364d;
  font-size:22px;
  margin:0 0 14px;
}
.about-copy p{
  color:#587286;
}
.about-highlights{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:18px;
}
.about-highlight{
  background:#fff;
  border:1px solid #d8e8f2;
  border-radius:13px;
  padding:12px;
  text-align:center;
  font-weight:800;
  color:#214d68;
}
.about-facility{
  border-radius:18px;
  overflow:hidden;
  border:1px solid #d8e8f2;
  box-shadow:0 13px 34px rgba(42,88,119,.10);
}
.about-facility img{
  width:100%;
  height:390px;
  object-fit:cover;
  display:block;
}
.about-side{
  display:grid;
  gap:14px;
}
.about-side-card{
  background:#fff;
  border:1px solid #dbe9f2;
  border-radius:16px;
  padding:18px;
  box-shadow:0 7px 20px rgba(42,88,119,.06);
}
.about-side-card h3{
  margin:0 0 10px;
  color:#073b6b;
}
.about-side-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.about-side-card li{
  margin:8px 0;
  color:#526f82;
  font-size:13px;
}
.about-side-card li:before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:50%;
  margin-right:7px;
  background:#073b6b;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.about-more{
  padding:40px 0;
  background:#f7fbfe;
}
.about-more-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.about-more-card{
  background:#fff;
  border:1px solid #dbe9f2;
  border-radius:16px;
  padding:18px;
  box-shadow:0 7px 20px rgba(42,88,119,.06);
}
.about-more-card img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:12px;
  margin-bottom:12px;
}
.about-more-card h3{
  color:#073b6b;
  margin:0 0 7px;
}
.about-more-card p{
  color:#607989;
  font-size:13px;
  margin:0;
}

@media(max-width:1050px){
  .gallery-grid-final{grid-template-columns:repeat(2,1fr)}
  .about-layout{grid-template-columns:1fr}
  .about-facility img{height:340px}
  .about-side{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .gallery-grid-final{grid-template-columns:1fr}
  .gallery-item img{height:260px}
  .gallery-help{align-items:flex-start;flex-direction:column}
  .about-highlights{grid-template-columns:1fr 1fr}
  .about-side{grid-template-columns:1fr}
  .about-more-grid{grid-template-columns:1fr}
}


/* ============================================================
   BUILD 017H — CONTACT US
   ============================================================ */
.contact-hero{
  position:relative;
  overflow:hidden;
  min-height:360px;
  background:linear-gradient(110deg,#f5fbff,#dfedf8);
}
.contact-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(244,250,255,.94) 40%,rgba(230,244,253,.18) 73%,transparent);
}
.contact-hero .container{
  min-height:360px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
}
.contact-copy{padding:38px 0}
.contact-copy h1{
  color:#073b6b;
  font-size:clamp(48px,6vw,72px);
  line-height:.95;
  margin:8px 0 10px;
}
.contact-copy h2{
  color:#17364d;
  margin:0 0 12px;
  font-size:24px;
}
.contact-copy p{
  max-width:620px;
  color:#587286;
}
.contact-hero-image{
  position:absolute;
  right:-55px;
  top:18px;
  bottom:18px;
  width:62%;
  border-radius:28px 0 0 28px;
  background:url("../images/contact-hero.webp") center/cover no-repeat;
  box-shadow:0 20px 45px rgba(40,91,125,.15);
}

.contact-main{
  background:#f7fbfe;
  padding:26px 0 48px;
}
.contact-layout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr) 380px;
  gap:18px;
  align-items:start;
}
.contact-panel{
  background:#fff;
  border:1px solid #dbe9f2;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(42,88,119,.08);
  padding:20px;
}
.contact-panel h2{
  margin:0 0 15px;
  color:#073b6b;
  font-size:20px;
  position:relative;
  padding-bottom:9px;
}
.contact-panel h2:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:44px;
  height:3px;
  background:#ffc400;
  border-radius:999px;
}
.contact-detail{
  display:flex;
  gap:12px;
  margin:17px 0;
  align-items:flex-start;
}
.contact-detail .icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#edf6fc;
  color:#073b6b;
  font-weight:900;
}
.contact-detail strong{
  display:block;
  color:#17364d;
  margin-bottom:3px;
}
.contact-detail p,
.contact-detail a{
  color:#587286;
  font-size:13px;
  margin:0;
  line-height:1.5;
}
.contact-detail.whatsapp a{
  color:#128C7E !important;
  font-weight:900;
}

.contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.contact-field{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.contact-field.full{
  grid-column:1/-1;
}
.contact-field label{
  color:#274d68;
  font-size:12px;
  font-weight:800;
}
.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%;
  border:1px solid #cfe0eb;
  border-radius:9px;
  padding:11px 12px;
  font:inherit;
  color:#17364d;
  background:#fff;
}
.contact-field textarea{
  min-height:130px;
  resize:vertical;
}
.contact-form-note{
  margin-top:12px;
  color:#6b8291;
  font-size:12px;
}
.contact-form-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.contact-map{
  overflow:hidden;
  border-radius:14px;
  border:1px solid #dbe8f0;
  margin-bottom:14px;
}
.contact-map iframe{
  display:block;
  width:100%;
  height:300px;
  border:0;
}
.directions-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:11px 14px;
  background:#073b6b;
  color:#fff !important;
  font-weight:900;
  border-radius:8px;
  margin-top:10px;
}
.contact-tips{
  margin-top:14px;
  padding:15px;
  border-radius:13px;
  background:#eaf5fc;
}
.contact-tips h3{
  margin:0 0 8px;
  color:#073b6b;
}
.contact-tips p{
  color:#587286;
  font-size:12px;
  margin:0;
}
.contact-bottom{
  margin-top:18px;
  padding:16px 18px;
  border-radius:13px;
  background:linear-gradient(90deg,#dff8e7,#eefcf3);
  border:1px solid #c5e8cf;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#1f5b35;
  font-weight:800;
}

@media(max-width:1000px){
  .contact-layout{grid-template-columns:1fr 1fr}
  .contact-layout .contact-panel:nth-child(2){grid-column:1/-1;grid-row:1}
}
@media(max-width:800px){
  .contact-hero .container{grid-template-columns:1fr}
  .contact-hero-image{
    position:relative;
    right:auto;top:auto;bottom:auto;
    width:100%;
    height:290px;
    border-radius:22px;
    margin-bottom:22px;
  }
  .contact-layout{grid-template-columns:1fr}
  .contact-layout .contact-panel:nth-child(2){grid-column:auto;grid-row:auto}
}
@media(max-width:620px){
  .contact-form-grid{grid-template-columns:1fr}
  .contact-field.full{grid-column:auto}
  .contact-bottom{align-items:flex-start;flex-direction:column}
}

/* BUILD 017I — permanent BM blue/navy button white text */
html[lang="ms"] .view-btn,
html[lang="ms"] .service-card a,
html[lang="ms"] .parts-card a,
html[lang="ms"] .directions-btn,
html[lang="ms"] .parts-search button,
html[lang="ms"] .rental-tab.active,
html[lang="ms"] .sales-tab.active,
html[lang="ms"] .gallery-filter.active,
html[lang="ms"] a[style*="background:#073b6b"],
html[lang="ms"] button[style*="background:#073b6b"],
html[lang="ms"] a[style*="background:#0b4b83"],
html[lang="ms"] button[style*="background:#0b4b83"]{
 color:#fff!important;
}
html[lang="ms"] .view-btn:visited,
html[lang="ms"] .view-btn:hover,
html[lang="ms"] .service-card a:visited,
html[lang="ms"] .service-card a:hover,
html[lang="ms"] .parts-card a:visited,
html[lang="ms"] .parts-card a:hover,
html[lang="ms"] .directions-btn:visited,
html[lang="ms"] .directions-btn:hover{color:#fff!important}
.seo-context{max-width:1180px;margin:0 auto;padding:0 16px}
.seo-context p{font-size:14px;line-height:1.6;color:#5d7789}
/* Responsive repair: allow grid/flex content to shrink inside the viewport. */
.container > *, main section > *, [class$="-layout"] > *,
.b012-services > *, .contact-form-grid > * { min-width:0; }
p, h1, h2, h3, a, label { overflow-wrap:break-word; }
input, select, textarea { max-width:100%; }
/* Use the compact navigation before the full link row runs out of room. */

.rental-layout > *, .sales-layout > *, .service-layout > *, .parts-layout > *,
.b012-layout > *, .about-layout > *, .contact-layout > * { min-width:0; }
.rental-tabs, .sales-tabs { max-width:100%; }
@media(min-width:1001px){
  .b012-nav { flex-wrap:wrap; gap:12px 22px; padding-block:12px; }
  .global-lang-switcher { margin-left:auto; }
  .b012-menu { flex:1 0 100%; margin-left:0; justify-content:space-between; gap:10px; }
}
@media(max-width:620px){
  .b012-nav { gap:8px; }
  .b012-logo { flex:1 1 auto; gap:6px; }
  .b012-logo-mark { flex-shrink:0; }
  .b012-logo strong { font-size:clamp(11px,3.7vw,15px); }
  .b012-logo small { font-size:clamp(5.5px,1.8vw,8px); }
  .b012-header .menu-btn { flex-shrink:0; min-width:44px; min-height:44px; }
  .global-lang-switcher { margin-right:0; }
  .b012-top .container { flex-wrap:wrap; gap:4px 12px; }
  .b012-top-left { gap:4px 12px; }
  .b012-top-right a { padding-block:6px; }
  .b012-hero h1 { font-size:clamp(32px,10vw,48px); }
  .b012-actions > a { max-width:100%; white-space:normal; }
  .contact-field input, .contact-field select, .contact-field textarea,
  .parts-search input, .parts-search select { font-size:16px; }
}

/* Desktop navigation wraps within its own row; compact menu is for tablets/phones. */
@media(min-width:1001px){
  .b012-menu { flex-wrap:wrap; justify-content:center; gap:10px 18px; }
  .b012-header .menu-btn { display:none!important; }
  .b012-menu > a { min-height:40px; display:inline-flex; align-items:center; }
}