/*
Theme Name: SPIN Truck Enterprise v24 Professional
Theme URI: http://147.50.255.11/plesk-site-preview/spinnovationandtruk.com/https/147.50.255.11/
Author: SPIN TRUCK
Description: ธีม WordPress SPIN TRUCK Enterprise v22 โทนเขียวเข้ม-ทอง พร้อมระบบแจ้งซ่อมและเชื่อม Google Sheets ผ่าน Apps Script
Version: 24.3.0
Text Domain: spin-truck-enterprise
*/
:root{--green-950:#031712;--green-900:#05251d;--green-800:#07372a;--green-700:#0b503b;--gold:#c99b35;--gold-2:#e0b758;--white:#f7f9f8;--muted:#aebbb5;--line:rgba(201,155,53,.28);--container:1260px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green-950);color:var(--white);font-family:"Noto Sans Thai","Segoe UI",Tahoma,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.site-header{position:absolute;z-index:50;left:0;right:0;top:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(1,18,14,.92),rgba(1,18,14,.55),transparent)}.header-inner{height:92px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:14px;min-width:310px}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.brand-name{font-family:"Orbitron","Segoe UI",sans-serif;font-weight:800;font-size:22px;letter-spacing:.5px}.brand-tag{display:block;color:var(--gold-2);font-size:11px;letter-spacing:1.3px}.main-nav{margin-left:auto}.main-nav ul{display:flex;list-style:none;gap:30px;padding:0;margin:0}.main-nav a{font-weight:700;font-size:15px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover:after,.main-nav .current-menu-item>a:after{width:100%}.header-phone{border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--gold-2);font-weight:800;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:780px;position:relative;display:flex;align-items:center;overflow:hidden;background-position:center center;background-size:cover;background-repeat:no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,14,.94) 0%,rgba(1,18,14,.78) 44%,rgba(1,18,14,.30) 74%,rgba(1,18,14,.52) 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,var(--green-950))}.hero-content{position:relative;z-index:2;width:min(calc(100% - 40px),var(--container));max-width:var(--container);margin:0 auto;padding-top:112px}.hero-copy{width:min(100%,920px);margin:0}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold-2);font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:2px;background:var(--gold);flex:0 0 42px}.hero-title{display:flex;align-items:baseline;gap:.15em;white-space:nowrap;font-family:"Orbitron","Segoe UI",sans-serif;font-size:clamp(64px,6.6vw,104px);line-height:.92;letter-spacing:-3px;margin:18px 0 20px}.hero-title span{display:block}.hero-title .gold{color:var(--gold-2)}.hero-subtitle{max-width:850px;font-size:clamp(27px,2.35vw,39px);line-height:1.28;margin:0 0 16px;font-weight:800}.hero-desc{max-width:760px;margin:0;font-size:17px;line-height:1.85;color:#d8e1dd}.buttons{display:flex;gap:14px;margin:27px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:8px;font-weight:800;border:1px solid var(--gold)}.btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#071811}.btn-outline{color:var(--gold-2);background:rgba(1,18,14,.3)}.btn:hover{transform:translateY(-2px);transition:.2s;box-shadow:0 10px 30px rgba(201,155,53,.2)}
.stats{position:relative;z-index:3;margin-top:-135px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(4,34,26,.92);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:var(--radius);overflow:hidden}.stat{padding:24px 30px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-family:"Orbitron",sans-serif;font-size:28px;color:var(--gold-2)}.stat span{display:block;color:#c9d3ce;font-size:14px}
.section{padding:95px 0}.section-alt{background:linear-gradient(180deg,#05241c,#031712)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-kicker{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--gold-2);text-transform:uppercase}.section-title{font-size:clamp(32px,4vw,52px);line-height:1.2;margin:8px 0}.section-copy{color:var(--muted);max-width:660px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(8,49,37,.92),rgba(3,24,19,.98));border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-7px);border-color:var(--gold)}.card-image{height:210px;object-fit:cover;width:100%}.card-body{padding:20px}.card-title{font-size:19px;margin:0 0 5px}.card-en{font-size:12px;color:var(--gold-2);letter-spacing:.8px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:28px;border:1px solid var(--line);border-radius:14px;background:rgba(8,49,37,.45)}.feature-icon{font-size:30px;color:var(--gold-2)}.feature h3{margin:12px 0 5px}.feature p{margin:0;color:var(--muted)}
.cta{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#0a513c,#05251d)}.cta h2{font-size:38px;margin:0 0 10px}.site-footer{padding:55px 0 20px;background:#02100d;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.site-footer h4{color:var(--gold-2)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0;color:#b7c4be}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#80918a;font-size:13px}
.content-area{padding:140px 0 80px;min-height:70vh}.entry-card{background:#06251d;border:1px solid var(--line);padding:35px;border-radius:16px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:1050px){.main-nav{position:fixed;inset:92px 0 auto;background:#031712;display:none;padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.menu-toggle{display:block;margin-left:auto}.header-phone{display:none}.brand{min-width:auto}.hero-copy{width:min(100%,780px)}.hero-title{font-size:clamp(58px,8vw,86px)}.hero-subtitle{font-size:clamp(26px,3.4vw,35px)}.cards,.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(calc(100% - 24px),var(--container))}.header-inner{height:76px}.brand-logo{width:46px;height:46px}.brand-name{font-size:18px}.brand-tag{font-size:9px}.hero{min-height:760px;background-position:58% center}.hero-content{width:calc(100% - 24px);padding-top:92px}.hero-copy{width:100%}.eyebrow{font-size:13px;line-height:1.4}.hero-title{gap:.12em;font-size:clamp(45px,13vw,66px);letter-spacing:-1.5px;white-space:nowrap}.hero-subtitle{font-size:26px;line-height:1.32}.hero-desc{font-size:15px;line-height:1.75}.buttons{flex-direction:column;align-items:stretch}.stats{margin-top:-72px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:18px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards,.features,.archive-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column}.cta{grid-template-columns:1fr;padding:28px}.footer-grid{grid-template-columns:1fr 1fr}}


/* About page */
.about-hero{position:relative;min-height:420px;display:flex;align-items:end;padding:150px 0 70px;background-size:cover;background-position:center;overflow:hidden}
.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,15,.94),rgba(2,20,15,.62),rgba(2,20,15,.35))}
.about-hero .container{position:relative;z-index:1}.about-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;margin:8px 0 12px}.about-hero p{max-width:680px;color:#d2ddd8;font-size:18px;margin:0}
.about-main{padding:85px 0}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.about-photo{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 28px 70px rgba(0,0,0,.28)}.about-photo img{width:100%;min-height:460px;object-fit:cover}.about-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.18;margin:8px 0 18px}.about-copy p{color:#c6d2cc;font-size:17px;margin:0}.about-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.about-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(10,70,52,.55),rgba(3,29,22,.9))}.about-panel h3{margin:0 0 12px;color:var(--gold-2);font-size:24px}.about-panel p{margin:0;color:#c6d2cc}.mission-panel{grid-column:1/-1}.strength-section{padding:85px 0;background:linear-gradient(180deg,#05241c,#031712)}.strength-head{text-align:center;max-width:760px;margin:0 auto 38px}.strength-head h2{font-size:clamp(34px,4vw,52px);margin:8px 0}.strength-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.strength-item{padding:26px 20px;border:1px solid var(--line);border-radius:15px;background:rgba(8,49,37,.55);text-align:center}.strength-check{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:var(--gold);color:#061b15;font-weight:900;font-size:22px}.strength-item h3{font-size:17px;line-height:1.5;margin:0}.about-cta{padding:70px 0}.about-edit-note{margin-top:28px;padding:14px 18px;border-left:3px solid var(--gold);background:rgba(201,155,53,.08);color:#c8d3ce;font-size:14px}
@media(max-width:980px){.about-grid{grid-template-columns:1fr}.strength-grid{grid-template-columns:repeat(2,1fr)}.about-photo img{min-height:360px}}
@media(max-width:640px){.about-hero{min-height:340px;padding:120px 0 50px}.about-main,.strength-section{padding:60px 0}.about-panels{grid-template-columns:1fr}.mission-panel{grid-column:auto}.strength-grid{grid-template-columns:1fr}.about-photo img{min-height:270px}.about-copy p{font-size:16px}}


/* =========================================================
   SPIN TRUCK v2.4 — Layout correction & automatic animations
   No custom mouse/cursor effects.
   ========================================================= */

/* Header remains readable and aligned on every page */
.site-header{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}
.site-header.is-scrolled{position:fixed;background:rgba(2,25,19,.96);box-shadow:0 12px 35px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.header-inner{justify-content:flex-start}
.main-nav{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.main-nav ul{align-items:center;flex-wrap:nowrap}
.brand-name,.brand-tag,.main-nav a,.header-phone{opacity:1!important;visibility:visible!important}

/* Hero typography: stable proportions, no accidental disappearance */
.hero-content{display:flex;align-items:center}
.hero-copy{position:relative;z-index:3;max-width:900px;text-align:left;opacity:1;visibility:visible}
.hero-title{display:block!important;max-width:100%;white-space:normal;overflow-wrap:normal;word-break:keep-all;text-wrap:balance}
.hero-title .title-line{display:flex;align-items:baseline;gap:.14em;flex-wrap:nowrap;white-space:nowrap}
.hero-title span{display:inline-block}
.hero-subtitle,.hero-desc,.eyebrow,.buttons{opacity:1;visibility:visible}
.hero-subtitle{text-wrap:balance}
.hero-desc{text-wrap:pretty}

/* Decorative automatic movement instead of mouse-follow effects */
.hero{isolation:isolate;background-origin:border-box;animation:spinHeroZoom 18s ease-in-out infinite alternate}
.hero:before{z-index:0}
.hero:after{z-index:1}
.hero-copy:after{content:"";display:block;width:110px;height:3px;margin-top:28px;background:linear-gradient(90deg,var(--gold-2),transparent);transform-origin:left;animation:spinGoldLine 3.2s ease-in-out infinite}
.brand-logo{animation:spinLogoFloat 4.8s ease-in-out infinite}

/* Entrance animation plays automatically once per page load */
.hero .eyebrow{animation:spinFadeUp .65s .08s both}
.hero .hero-title{animation:spinFadeUp .72s .18s both}
.hero .hero-subtitle{animation:spinFadeUp .72s .3s both}
.hero .hero-desc{animation:spinFadeUp .72s .42s both}
.hero .buttons{animation:spinFadeUp .72s .54s both}

/* Scroll reveal is opt-in only after JS has initialized, preventing hidden content */
.motion-ready .spin-reveal{opacity:0;transform:translateY(30px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}
.motion-ready .spin-reveal.is-visible{opacity:1;transform:none}
.motion-ready .spin-reveal-delay-1{transition-delay:.08s}
.motion-ready .spin-reveal-delay-2{transition-delay:.16s}
.motion-ready .spin-reveal-delay-3{transition-delay:.24s}
.motion-ready .spin-reveal-delay-4{transition-delay:.32s}

/* Cards use automatic hover-independent presentation */
.card,.feature,.about-panel,.strength-item{position:relative;transform:none;opacity:1;visibility:visible}
.card:before,.feature:before,.about-panel:before,.strength-item:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(224,183,88,.08) 48%,transparent 68%);background-size:220% 100%;background-position:160% 0;transition:background-position .8s ease}
.card:hover:before,.feature:hover:before,.about-panel:hover:before,.strength-item:hover:before{background-position:-60% 0}

/* Animated statistics without changing layout */
.stat strong{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums}
.stats-grid{animation:spinStatsRise .85s .62s both}

@keyframes spinFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes spinStatsRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes spinLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes spinGoldLine{0%,100%{transform:scaleX(.55);opacity:.6}50%{transform:scaleX(1);opacity:1}}
@keyframes spinHeroZoom{0%{background-size:100% auto}100%{background-size:106% auto}}

@media(max-width:1180px){
  .brand{min-width:250px}.main-nav ul{gap:20px}.main-nav a{font-size:14px}
  .hero-copy{max-width:790px}.hero-title{font-size:clamp(58px,7.4vw,88px)}
}
@media(max-width:1050px){
  .main-nav{display:none}.main-nav.open{display:block}.hero-content{align-items:center}
  .hero-title .title-line{flex-wrap:nowrap}.hero-copy{max-width:760px}
}
@media(max-width:720px){
  .hero{animation:none;background-size:cover!important}
  .hero-content{display:flex;align-items:flex-end;padding-bottom:105px}
  .hero-title{font-size:clamp(42px,12.4vw,62px);line-height:1}
  .hero-title .title-line{gap:.1em;white-space:nowrap}
  .hero-subtitle{font-size:clamp(23px,7vw,29px)}
  .hero-copy:after{width:74px;margin-top:22px}
  .brand-logo{animation:none}
}
@media(max-width:390px){
  .hero-title{font-size:41px;letter-spacing:-1px}
  .hero-title .title-line{white-space:normal;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .motion-ready .spin-reveal{opacity:1!important;transform:none!important}
}


/* =========================================================
   SPIN TRUCK v2.5 — Header recovery and clean hero
   ========================================================= */
/* Keep the complete header visible above the hero. */
.site-header{
  display:block!important;
  min-height:82px;
  z-index:9999!important;
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(180deg,rgba(1,16,13,.98),rgba(1,18,14,.84));
}
.header-inner{
  min-height:82px;
  height:auto;
  display:flex!important;
  align-items:center;
  gap:22px;
  overflow:visible;
}
.brand{
  display:flex!important;
  flex:0 0 auto;
  min-width:205px;
  max-width:245px;
  opacity:1!important;
  visibility:visible!important;
}
.brand .custom-logo-link{display:flex;align-items:center;flex:0 0 auto}
.brand .custom-logo,.brand-logo{display:block!important;width:54px;max-height:58px;object-fit:contain}
.brand-name{font-size:19px;line-height:1.15;white-space:nowrap}
.brand-tag{font-size:9px;line-height:1.3;white-space:nowrap}
.main-nav{margin-left:auto;flex:1 1 auto;display:flex;justify-content:flex-end}
.main-nav ul{gap:22px}
.main-nav a{font-size:14px;white-space:nowrap}
.header-phone{flex:0 0 auto;padding:8px 13px;font-size:14px}
.menu-toggle{flex:0 0 auto}

/* The two hero action buttons were intentionally removed in v2.5. */
.hero-copy>.buttons{display:none!important}
.hero-copy:after{margin-top:30px}

@media(max-width:1180px) and (min-width:1051px){
  .header-inner{gap:14px}
  .brand{min-width:175px;max-width:195px;gap:9px}
  .brand .custom-logo,.brand-logo{width:46px;max-height:50px}
  .brand-name{font-size:16px}.brand-tag{font-size:7px;letter-spacing:.7px}
  .main-nav ul{gap:14px}.main-nav a{font-size:12px}
  .header-phone{font-size:12px;padding:7px 10px}
}
@media(max-width:1050px){
  .site-header{min-height:76px}
  .header-inner{min-height:76px;height:76px}
  .brand{min-width:0;max-width:none;flex:0 1 auto}
  .main-nav{position:fixed;display:none;inset:76px 0 auto 0;margin:0;padding:20px;background:rgba(2,23,18,.98);box-shadow:0 16px 35px rgba(0,0,0,.35)}
  .main-nav.open{display:block!important}
  .main-nav ul{gap:0;align-items:stretch}
  .main-nav li{border-bottom:1px solid rgba(255,255,255,.08)}
  .main-nav a{display:block;padding:13px 4px;font-size:15px}
  .menu-toggle{display:block!important;margin-left:auto}
}
@media(max-width:520px){
  .brand-name{font-size:16px}.brand-tag{display:none}
  .brand .custom-logo,.brand-logo{width:44px;max-height:48px}
  .hero-content{padding-top:110px}
}


/* =========================================================
   SPIN TRUCK v2.6 — Force complete navigation menu
   ========================================================= */
.spin-fixed-menu{display:flex!important;align-items:center;justify-content:flex-end;gap:24px;list-style:none;margin:0;padding:0}
.spin-fixed-menu li{margin:0;padding:0}
.spin-fixed-menu a{display:block;white-space:nowrap}
.brand-text{display:block;min-width:0}
@media(min-width:1051px){
  .main-nav{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;padding:0!important;background:none!important;box-shadow:none!important}
  .menu-toggle{display:none!important}
}
@media(max-width:1200px) and (min-width:1051px){
  .spin-fixed-menu{gap:15px}
  .spin-fixed-menu a{font-size:12.5px}
  .brand{min-width:180px;max-width:205px}
  .header-phone{font-size:12px;padding:7px 10px}
}
@media(max-width:1050px){
  .spin-fixed-menu{display:block!important}
  .spin-fixed-menu li{display:block}
  .spin-fixed-menu a{display:block;padding:13px 4px;font-size:15px}
}

/* =========================================================
   SPIN TRUCK Enterprise v3.0
   ========================================================= */
.hero{min-height:720px}.hero-content{padding-top:132px;padding-bottom:150px}.hero-copy{max-width:820px}.hero-title{margin:20px 0 24px}.hero-title .title-line{display:flex;align-items:baseline;gap:.13em;white-space:nowrap}.hero-subtitle{max-width:780px}.hero-desc{max-width:760px}
.standards{position:relative;z-index:5;margin-top:-92px;padding-bottom:34px}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(3,34,26,.96);box-shadow:0 24px 70px rgba(0,0,0,.3)}.standard-card{display:flex;align-items:center;gap:18px;padding:25px 28px;border-right:1px solid var(--line)}.standard-card:last-child{border-right:0}.standard-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:14px;display:grid;place-items:center;color:var(--gold-2);font-family:"Orbitron",sans-serif;font-weight:800;font-size:18px;background:rgba(201,155,53,.08)}.standard-card strong{display:block;color:var(--gold-2);font-size:18px}.standard-card span{display:block;color:#c6d2cc;font-size:14px}
.location-section{background:linear-gradient(145deg,#031712,#063326)}.location-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.location-copy p:not(.section-copy){color:#c6d2cc}.map-frame{min-height:430px;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.3)}.map-frame iframe{width:100%;height:430px;border:0;display:block;filter:saturate(.8) contrast(1.05)}
.safety-section{padding:90px 0;background:linear-gradient(180deg,#031712,#05241c)}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.safety-list{display:grid;gap:14px}.safety-list>div{padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:rgba(8,49,37,.55)}.safety-list strong{display:block;color:var(--gold-2);font-family:"Orbitron",sans-serif}.safety-list span{color:#c6d2cc}
.about-copy p,.about-panel p{font-size:17px;line-height:1.9}.about-panels{margin-top:44px}.about-panel{min-height:180px}.mission-panel{min-height:auto}.about-edit-note{display:none}
@media(max-width:980px){.standards-grid{grid-template-columns:1fr}.standard-card{border-right:0;border-bottom:1px solid var(--line)}.standard-card:last-child{border-bottom:0}.location-grid,.safety-grid{grid-template-columns:1fr}.map-frame,.map-frame iframe{min-height:360px;height:360px}}
@media(max-width:720px){.hero{min-height:690px}.hero-content{padding-top:120px;padding-bottom:120px}.hero-title{font-size:clamp(43px,12vw,62px)}.hero-title .title-line{white-space:nowrap}.standards{margin-top:-68px}.standard-card{padding:19px}.standard-icon{width:50px;height:50px}.location-section{padding-top:75px}.map-frame,.map-frame iframe{min-height:300px;height:300px}}

/* =========================================================
   SPIN TRUCK Enterprise v4.0 Ultimate
   ========================================================= */
.hero-v4{min-height:790px;display:flex;align-items:center;background-position:center 45%}
.hero-v4:after{height:210px}
.hero-centered{display:flex;justify-content:center;text-align:center;padding-top:125px;padding-bottom:150px}
.hero-centered .hero-copy{width:min(100%,900px);margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero-eyebrow{justify-content:center;font-size:15px;letter-spacing:.7px;text-transform:none}
.hero-eyebrow:after{content:"";width:42px;height:2px;background:var(--gold);flex:0 0 42px}
.hero-title-stack{display:flex!important;flex-direction:column;align-items:center!important;gap:0!important;white-space:normal!important;margin:18px 0 18px!important;font-family:"Orbitron","Segoe UI",sans-serif;line-height:.78!important;text-align:center}
.hero-title-stack .spin-word,.hero-title-stack .truck-word{display:block!important;font-weight:900;letter-spacing:-5px;text-shadow:0 5px 0 rgba(0,0,0,.35),0 14px 28px rgba(0,0,0,.55);-webkit-text-stroke:1px rgba(255,255,255,.12)}
.hero-title-stack .spin-word{font-size:clamp(76px,8.3vw,132px);color:#fff}
.hero-title-stack .truck-word{font-size:clamp(82px,8.8vw,142px);color:var(--gold-2);margin-top:18px}
.hero-centered .hero-subtitle{max-width:800px;margin:24px auto 12px;text-align:center;font-size:clamp(28px,2.5vw,40px);line-height:1.3}
.hero-centered .hero-desc{max-width:770px;margin:0 auto;text-align:center;font-size:17px;line-height:1.8;color:#eef3f1;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.standards-v4{margin-top:-112px}.standards-v4 .standards-grid{max-width:1160px;margin:auto;background:linear-gradient(135deg,rgba(2,36,27,.97),rgba(3,26,21,.97))}.standards-v4 .standard-card{min-height:126px}.standards-v4 .standard-icon{border-radius:50%;width:66px;height:66px;font-size:22px}.standards-v4 .iso-icon{font-size:17px}
.address-card{margin:22px 0 26px;padding:24px;border:1px solid var(--line);border-radius:16px;background:rgba(8,49,37,.55)}.address-card strong{font-family:"Orbitron",sans-serif;font-size:23px;color:var(--gold-2)}.address-card p{margin:7px 0;color:#d7e0dc}.address-card a:hover{color:var(--gold-2)}
.location-grid{grid-template-columns:.75fr 1.25fr}.map-frame{min-height:460px}.map-frame iframe{height:460px}
@media(max-width:1050px){.hero-title-stack .spin-word{font-size:clamp(68px,11vw,100px)}.hero-title-stack .truck-word{font-size:clamp(72px,11.7vw,108px)}.hero-centered{padding-top:120px}.location-grid{grid-template-columns:1fr}}
@media(max-width:720px){.hero-v4{min-height:740px;background-position:center}.hero-centered{align-items:center!important;padding-top:105px;padding-bottom:135px}.hero-eyebrow{font-size:12px}.hero-eyebrow:before,.hero-eyebrow:after{width:22px;flex-basis:22px}.hero-title-stack .spin-word{font-size:clamp(54px,17vw,74px);letter-spacing:-3px}.hero-title-stack .truck-word{font-size:clamp(58px,18vw,80px);letter-spacing:-3px;margin-top:13px}.hero-centered .hero-subtitle{font-size:clamp(23px,7vw,30px)}.hero-centered .hero-desc{font-size:15px}.standards-v4{margin-top:-75px}.standards-v4 .standard-card{min-height:auto}.map-frame,.map-frame iframe{height:320px;min-height:320px}}


/* =========================================================
   SPIN TRUCK Enterprise v4.1 Ultimate — branding/social/3D hero
   ========================================================= */
.brand-tag{max-width:260px;font-family:"Noto Sans Thai","Segoe UI",sans-serif;font-size:9px;line-height:1.35;letter-spacing:.15px;text-transform:none;color:var(--gold-2);white-space:normal}
.header-facebook{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-2);background:rgba(201,155,53,.06);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.header-facebook svg{width:20px;height:20px;fill:currentColor}
.header-facebook:hover{transform:translateY(-2px);background:#1877f2;border-color:#1877f2;color:#fff;box-shadow:0 10px 28px rgba(24,119,242,.35)}
.hero-title-stack{perspective:900px}
.hero-title-stack .spin-word,.hero-title-stack .truck-word{position:relative;transform-style:preserve-3d}
.hero-title-stack .spin-word{background:linear-gradient(180deg,#fff 0%,#f7f7f7 42%,#cfd4d6 72%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(255,255,255,.55),0 7px 0 rgba(80,88,92,.72),0 16px 25px rgba(0,0,0,.7);filter:drop-shadow(0 0 1px rgba(255,255,255,.9))}
.hero-title-stack .truck-word{background:linear-gradient(180deg,#ffe58c 0%,#e9b94e 32%,#b77a13 72%,#f0c45a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(255,236,171,.55),0 8px 0 rgba(94,56,5,.78),0 18px 28px rgba(0,0,0,.75);filter:drop-shadow(0 0 2px rgba(235,183,72,.75))}
.hero-title-stack:after{content:"";width:min(620px,72vw);height:3px;margin-top:28px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);box-shadow:0 0 18px rgba(235,183,72,.72)}
@media(max-width:1180px){.brand-tag{max-width:205px;font-size:7.5px}.header-facebook{width:38px;height:38px;flex-basis:38px}}
@media(max-width:1050px){.header-facebook{margin-left:auto}.menu-toggle{margin-left:6px}}
@media(max-width:520px){.header-facebook{width:36px;height:36px;flex-basis:36px}.header-facebook svg{width:17px;height:17px}}


/* SPIN Truck Enterprise v4.2 — cleaner hero typography */
.hero-eyebrow:before,
.hero-eyebrow:after,
.hero-title-stack:after{
  display:none!important;
  content:none!important;
}
.hero-eyebrow{
  gap:0!important;
  font-weight:800;
  color:#f2c452;
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
.hero-title-stack{
  line-height:.82!important;
  margin:22px 0 28px!important;
}
.hero-title-stack .spin-word,
.hero-title-stack .truck-word{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  backface-visibility:hidden;
}
.hero-title-stack .spin-word{
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 40%,#dfe3e5 62%,#aeb5b9 82%,#f8f8f8 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  -webkit-text-stroke:1.2px rgba(255,255,255,.82);
  text-shadow:0 2px 0 #ffffff,0 5px 0 #8c9498,0 10px 0 rgba(36,41,44,.88),0 18px 24px rgba(0,0,0,.72);
  filter:none;
}
.hero-title-stack .truck-word{
  background:linear-gradient(180deg,#ffe58e 0%,#f6c95d 30%,#d99d29 58%,#9b650d 82%,#e6b64a 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  -webkit-text-stroke:1.2px rgba(255,218,119,.82);
  text-shadow:0 2px 0 #ffe3a0,0 5px 0 #a76d0b,0 11px 0 rgba(73,43,2,.9),0 20px 28px rgba(0,0,0,.75);
  filter:none;
}
.hero-centered .hero-subtitle{
  text-shadow:0 3px 8px rgba(0,0,0,.92);
  max-width:900px;
}
.hero-centered .hero-desc{
  color:#fff;
  text-shadow:0 2px 7px rgba(0,0,0,.95);
  font-weight:500;
}

/* SPIN Truck Enterprise v5.0 Professional */
.standards-v5{position:relative;z-index:5;margin-top:-72px;padding-bottom:34px}
.standards-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(224,183,88,.42);border-radius:20px;background:linear-gradient(145deg,rgba(4,51,38,.97),rgba(2,26,20,.97));box-shadow:0 24px 60px rgba(0,0,0,.32)}
.standard-photo-card{display:flex;align-items:center;gap:22px;padding:26px 30px;min-height:144px;border-right:1px solid rgba(224,183,88,.26)}
.standard-photo-card:last-child{border-right:0}
.standard-photo-card img{width:86px;height:86px;flex:0 0 86px;object-fit:contain;border-radius:50%;background:#fff;padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.standard-photo-card strong{display:block;color:var(--gold-2);font-size:21px;margin-bottom:7px;line-height:1.25}
.standard-photo-card span{display:block;color:#e3ebe7;font-size:15px;line-height:1.65}
.service-section{padding-top:70px;background:radial-gradient(circle at 50% 0,rgba(10,85,63,.34),transparent 46%),var(--green-950)}
.service-heading{text-align:center;max-width:820px;margin:0 auto 38px}
.service-heading .section-copy{margin-left:auto;margin-right:auto}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{overflow:hidden;border:1px solid rgba(224,183,88,.34);border-radius:18px;background:linear-gradient(160deg,rgba(7,58,43,.96),rgba(2,27,21,.98));box-shadow:0 18px 46px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-card:hover{transform:translateY(-8px);border-color:var(--gold-2);box-shadow:0 26px 54px rgba(0,0,0,.34)}
.service-card>img{width:100%;height:210px;object-fit:cover;display:block}
.service-body{position:relative;padding:25px 23px 24px}
.service-no{position:absolute;right:18px;top:17px;color:rgba(224,183,88,.24);font-family:"Orbitron",sans-serif;font-size:34px;font-weight:900}
.service-body h3{position:relative;margin:0 0 10px;padding-right:45px;font-size:22px;color:#fff}
.service-body p{margin:0 0 20px;color:#cbd7d2;line-height:1.75;font-size:15px;min-height:78px}
.service-body a{display:inline-flex;align-items:center;gap:9px;color:var(--gold-2);font-weight:800}
.service-body a span{transition:transform .2s ease}.service-body a:hover span{transform:translateX(5px)}
.hero-eyebrow:before,.hero-eyebrow:after,.hero-title-stack:after,.hero-copy:after{display:none!important}
.hero-title-stack .spin-word,.hero-title-stack .truck-word{filter:none!important;-webkit-text-stroke:0!important}
.hero-title-stack .spin-word{text-shadow:0 2px 0 rgba(255,255,255,.45),0 6px 0 rgba(72,78,82,.78),0 14px 24px rgba(0,0,0,.72)!important}
.hero-title-stack .truck-word{text-shadow:0 2px 0 rgba(255,239,176,.52),0 7px 0 rgba(92,56,8,.78),0 16px 27px rgba(0,0,0,.76)!important}
@media(max-width:1080px){.service-grid{grid-template-columns:repeat(2,1fr)}.standards-photo-grid{grid-template-columns:1fr}.standard-photo-card{border-right:0;border-bottom:1px solid rgba(224,183,88,.22)}.standard-photo-card:last-child{border-bottom:0}.standards-v5{margin-top:-42px}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr}.service-card>img{height:220px}.standard-photo-card{padding:20px}.standard-photo-card img{width:72px;height:72px;flex-basis:72px}.standard-photo-card strong{font-size:18px}.standards-v5{margin-top:-24px}.hero-title-stack .spin-word{font-size:clamp(62px,21vw,88px)}.hero-title-stack .truck-word{font-size:clamp(66px,22vw,94px)}}

/* ===== About page v5.0 detailed corporate layout ===== */
.about-v50{background:#f5f3ed;color:#10251c}.about-v50-hero{min-height:310px;background-position:center;background-size:cover;display:flex;align-items:center}.about-v50-hero-inner{width:100%}.about-v50-hero h1{font-size:clamp(46px,6vw,82px);line-height:1;color:#fff;margin:0;font-weight:900;text-shadow:0 4px 18px rgba(0,0,0,.45)}.about-v50-gold-line{display:block;width:118px;height:5px;background:var(--gold);margin:22px 0 16px;border-radius:10px}.about-v50-hero p{font-size:clamp(18px,2vw,27px);font-weight:700;color:#fff;margin:0}.about-v50-content{padding:26px 0 32px}.about-v50-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;align-items:start}.about-v50-left,.about-v50-right{display:grid;gap:20px}.about-v50-card{background:#fff;border:1px solid #e6dfd1;border-radius:24px;padding:25px;box-shadow:0 12px 34px rgba(14,43,32,.08)}.about-v50-card h2{font-size:clamp(25px,2.3vw,35px);margin:0 0 10px;color:#123c2d}.status-line{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:18px}.status-line span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#63ad36;color:#fff;font-weight:900}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.standard-item{padding:3px}.standard-item h3{font-size:18px;margin:12px 0 4px;color:#182921}.standard-item p{margin:0;color:#35483f;font-size:15px;line-height:1.45}.iso-badge{width:116px;height:116px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px double currentColor;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12)}.iso-badge b{font-size:24px;line-height:1}.iso-badge strong{font-size:25px;line-height:1.05}.iso-badge small{font-size:12px}.iso-gold{color:#c79319;background:radial-gradient(circle,#fff9d8,#f4cf58)}.iso-green{color:#26743d;background:radial-gradient(circle,#f4fff4,#ccebcf)}.iso-dark{color:#15563c;background:radial-gradient(circle,#f4fff8,#c2e3d3)}.about-v50-title-pill{display:inline-flex;align-items:center;gap:12px;margin:-8px 0 14px -8px;background:linear-gradient(135deg,#0c6847,#003c2b);color:#fff;border-radius:16px;padding:11px 24px;box-shadow:0 8px 18px rgba(0,74,49,.2)}.about-v50-title-pill span{color:var(--gold);font-size:32px}.about-v50-title-pill h2{color:#fff;margin:0}.mission-card{padding-top:18px}.mission-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.mission-list li{display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start}.mission-list li>span{display:grid;place-items:center;background:#0a4a35;color:#fff;width:27px;height:27px;border-radius:50%;font-weight:800;font-size:14px}.mission-list p{margin:1px 0 0;line-height:1.55;font-size:15.5px}.vision-card{min-height:300px;display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 85% 45%,#176346 0,#004d36 32%,#002e22 74%);color:#fff;box-shadow:0 14px 35px rgba(0,54,38,.2)}.vision-copy{padding:34px}.vision-heading{display:flex;align-items:center;gap:14px}.vision-heading span{font-size:42px;color:var(--gold)}.vision-heading h2{font-size:38px;margin:0}.vision-card blockquote{font-size:clamp(18px,1.7vw,26px);line-height:1.55;margin:20px 0 0;padding-left:25px;border-left:5px solid var(--gold);font-weight:600}.vision-globe{display:grid;place-items:center;font-size:150px;color:rgba(211,168,57,.35);background:radial-gradient(circle,rgba(120,220,172,.18),transparent 65%)}.about-v50-gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:190px 190px;gap:8px;border-radius:22px;overflow:hidden;background:#064733;padding:8px}.about-v50-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:12px;border:1px solid rgba(220,174,54,.65)}.about-v50-gallery figure:nth-child(1),.about-v50-gallery figure:nth-child(2),.about-v50-gallery figure:nth-child(3){grid-column:span 2}.about-v50-gallery figure:nth-child(4),.about-v50-gallery figure:nth-child(5){grid-column:span 3}.about-v50-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.about-v50-gallery figure:hover img{transform:scale(1.05)}.about-v50-gallery figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,45,31,.96));color:#fff;padding:35px 14px 11px;text-align:center;font-weight:800;font-size:15px}.about-v50-policy{margin-top:22px;min-height:86px;border-radius:20px;background:linear-gradient(135deg,#064932,#003524);color:#fff;display:flex;align-items:center;justify-content:center;gap:28px;padding:19px 32px;text-align:center;box-shadow:0 12px 30px rgba(0,50,35,.18)}.about-v50-policy p{font-size:clamp(19px,2vw,28px);line-height:1.45;margin:0;font-weight:700}.policy-shield{display:grid;place-items:center;flex:0 0 62px;width:62px;height:70px;clip-path:polygon(50% 0,92% 16%,85% 72%,50% 100%,15% 72%,8% 16%);background:var(--gold);color:#063d2d;font-size:34px;font-weight:900}
@media(max-width:1000px){.about-v50-layout{grid-template-columns:1fr}.vision-card{grid-template-columns:1fr}.vision-globe{display:none}.about-v50-gallery{grid-template-rows:180px 180px}.standards-grid{gap:8px}.iso-badge{width:98px;height:98px}}
@media(max-width:650px){.about-v50-hero{min-height:245px}.about-v50-content{padding-top:15px}.about-v50-card{padding:18px;border-radius:18px}.standards-grid{grid-template-columns:1fr}.standard-item{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:14px;align-items:center}.standard-item .iso-badge{grid-row:1/3;width:82px;height:82px;border-width:6px}.standard-item h3{margin:0}.about-v50-gallery{grid-template-columns:1fr;grid-template-rows:none}.about-v50-gallery figure,.about-v50-gallery figure:nth-child(n){grid-column:auto;height:190px}.vision-copy{padding:24px}.vision-heading h2{font-size:31px}.mission-list p{font-size:14px}.about-v50-policy{align-items:flex-start;gap:14px;padding:18px}.about-v50-policy p{text-align:left;font-size:17px}.policy-shield{flex-basis:48px;width:48px;height:55px;font-size:25px}}

/* v5.2 multilingual language switcher */
.language-switcher{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(201,155,53,.45);border-radius:999px;background:rgba(0,20,15,.72);white-space:nowrap}
.lang-btn{border:0;background:transparent;color:#d9e3df;font-weight:800;font-size:12px;line-height:1;padding:8px 9px;border-radius:999px;cursor:pointer;transition:.2s}
.lang-btn:hover,.lang-btn.active{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--green-950);box-shadow:0 4px 12px rgba(201,155,53,.25)}
html[lang="en"] body{font-family:"Segoe UI",Arial,sans-serif}
html[lang="zh-CN"] body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
@media(max-width:1100px){.language-switcher{order:4}.header-phone{display:none}}
@media(max-width:760px){.language-switcher{margin-left:auto}.lang-btn{padding:7px 8px;font-size:11px}.header-facebook{display:none}}

/* v5.3 Global Professional language system */
.language-menu{position:relative;flex:0 0 auto;z-index:1200}
.language-trigger{min-width:132px;height:46px;padding:5px 10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(224,183,88,.55);border-radius:14px;background:linear-gradient(180deg,rgba(7,42,33,.96),rgba(1,24,18,.96));color:#fff;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.22);transition:.2s ease}
.language-trigger:hover,.language-menu.open .language-trigger{border-color:var(--gold-2);box-shadow:0 10px 28px rgba(201,155,53,.18);transform:translateY(-1px)}
.language-globe{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--green-950);font-weight:900;font-size:18px}
.language-current{display:flex;flex-direction:column;align-items:flex-start;min-width:52px;line-height:1.05}
.language-current b{font-size:13px;font-weight:800;white-space:nowrap}.language-current small{margin-top:4px;color:#aebdb7;font-size:9px;font-weight:700;letter-spacing:.8px}
.language-chevron{margin-left:auto;font-size:17px;color:var(--gold-2);transition:.2s}.language-menu.open .language-chevron{transform:rotate(180deg)}
.language-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:8px;border:1px solid rgba(224,183,88,.3);border-radius:16px;background:rgba(2,28,21,.98);box-shadow:0 18px 45px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.18s ease;backdrop-filter:blur(18px)}
.language-menu.open .language-dropdown{opacity:1;visibility:visible;transform:none}
.language-dropdown .lang-btn{width:100%;padding:10px 12px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.16s}
.language-dropdown .lang-btn:hover{background:rgba(224,183,88,.1)}.language-dropdown .lang-btn.active{background:linear-gradient(90deg,rgba(224,183,88,.18),rgba(224,183,88,.05))}
.language-dropdown .lang-btn span:nth-child(2){display:flex;flex-direction:column;min-width:0}.language-dropdown .lang-btn b{font-size:13px;line-height:1.2}.language-dropdown .lang-btn small{margin-top:3px;color:#9fb1aa;font-size:10px}.language-dropdown .lang-btn i{opacity:0;color:var(--gold-2);font-style:normal;font-weight:900}.language-dropdown .lang-btn.active i{opacity:1}.lang-flag{font-size:20px;line-height:1}
/* text wrapping and multilingual typography */
body[data-language="en"]{font-family:Inter,"Segoe UI",Arial,sans-serif}body[data-language="zh"]{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif}
[data-i18n],[data-mission-index],.section-title,.section-copy,.hero-subtitle,.hero-desc,.card-title,.service-body h3,.service-body p,.feature h3,.feature p,.vision-card blockquote,.mission-list p{overflow-wrap:anywhere;word-break:normal;hyphens:auto;white-space:normal;max-width:100%}
body[data-language="zh"] [data-i18n],body[data-language="zh"] [data-mission-index]{word-break:break-word;line-break:strict}
.service-grid,.features,.standards-photo-grid,.about-v50-layout,.footer-grid{align-items:stretch}.service-card,.feature,.standard-card,.about-v50-card,.vision-card{height:auto;min-height:100%}
.service-body{display:flex;flex-direction:column;min-width:0}.service-body p{flex:1}.service-body a{margin-top:auto}.mission-list li{align-items:flex-start}.mission-list p{margin:0;line-height:1.65}.vision-card blockquote{line-height:1.75}
body[data-language="en"] .hero-subtitle{font-size:clamp(26px,3vw,48px);line-height:1.12;max-width:1050px}body[data-language="zh"] .hero-subtitle{font-size:clamp(28px,3.3vw,50px);line-height:1.25}
body[data-language="en"] .hero-desc,body[data-language="zh"] .hero-desc{max-width:900px;line-height:1.75}
body[data-language="en"] .main-nav a{font-size:14px}body[data-language="zh"] .main-nav a{font-size:15px;letter-spacing:.02em}
body[data-language="en"] .about-v50-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
@media(max-width:1180px){.language-trigger{min-width:112px}.language-current small{display:none}.language-dropdown{right:-20px}.header-inner{gap:16px}.main-nav ul{gap:18px}}
@media(max-width:980px){.language-menu{margin-left:auto;order:3}.language-trigger{min-width:104px;height:42px}.language-dropdown{position:fixed;top:82px;right:18px;width:min(270px,calc(100vw - 36px))}}
@media(max-width:640px){.language-trigger{min-width:46px;width:46px;padding:6px;justify-content:center}.language-current,.language-chevron{display:none}.language-globe{width:30px;height:30px}.language-dropdown{top:72px}.hero-subtitle{font-size:clamp(25px,8vw,36px)!important}.hero-desc{font-size:14px!important}.service-grid,.features,.standards-photo-grid{grid-template-columns:1fr!important}.about-v50-policy p{font-size:15px;line-height:1.65}.mission-list li{grid-template-columns:34px minmax(0,1fr)}}

/* v5.4 Professional language dropdown */
.language-switcher.language-menu{position:relative;z-index:2500;display:block;padding:0;border:0;background:transparent;border-radius:0;overflow:visible;white-space:normal}
.language-trigger{width:168px;min-width:168px;height:48px;padding:5px 12px 5px 7px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;border:1px solid rgba(224,183,88,.46);border-radius:999px;background:linear-gradient(180deg,rgba(8,48,37,.98),rgba(2,27,21,.98));color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.language-trigger:hover,.language-menu.open .language-trigger{border-color:#e0b758;box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 0 3px rgba(224,183,88,.10);transform:translateY(-1px)}
.flag-icon{width:30px;height:30px;display:block;border-radius:50%;border:2px solid rgba(255,255,255,.88);box-shadow:0 2px 8px rgba(0,0,0,.28);background-size:cover;background-position:center;flex:0 0 auto;overflow:hidden}
.flag-th{background:linear-gradient(to bottom,#a51931 0 20%,#fff 20% 34%,#2d2a6e 34% 66%,#fff 66% 80%,#a51931 80% 100%)}
.flag-en{background-color:#204a91;background-image:linear-gradient(33deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-33deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(90deg,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(90deg,transparent 44%,#c8102e 44% 56%,transparent 56%),linear-gradient(transparent 44%,#c8102e 44% 56%,transparent 56%)}
.flag-zh{background:#de2910;position:relative}.flag-zh:after{content:'★';position:absolute;left:6px;top:1px;color:#ffde00;font-size:14px;line-height:1}
.language-current{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.05;overflow:hidden}
.language-current b{max-width:100%;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-current small{margin-top:4px;color:#b8c7c1;font-size:9px;font-weight:800;letter-spacing:1.1px}
.language-chevron{width:18px;height:18px;color:#e0b758;transition:transform .2s}.language-menu.open .language-chevron{transform:rotate(180deg)}
.language-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:290px;padding:8px;border:1px solid rgba(224,183,88,.32);border-radius:18px;background:linear-gradient(180deg,rgba(5,42,32,.99),rgba(2,27,21,.99));box-shadow:0 24px 60px rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s,visibility .18s,transform .18s;backdrop-filter:blur(18px);overflow:visible}
.language-menu.open .language-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.language-dropdown:before{content:'';position:absolute;right:28px;top:-7px;width:13px;height:13px;background:#052a20;border-left:1px solid rgba(224,183,88,.32);border-top:1px solid rgba(224,183,88,.32);transform:rotate(45deg)}
.language-dropdown-head{position:relative;display:flex;align-items:baseline;justify-content:space-between;padding:8px 11px 10px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.08)}
.language-dropdown-head span{font-size:12px;font-weight:800;color:#fff;letter-spacing:.5px}.language-dropdown-head small{font-size:10px;color:#91a59d}
.language-dropdown .lang-btn{position:relative;width:100%;min-height:58px;padding:8px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:11px;border:0;border-radius:12px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .16s,transform .16s}
.language-dropdown .lang-btn:hover{background:rgba(224,183,88,.10);transform:translateX(2px)}.language-dropdown .lang-btn.active{background:linear-gradient(90deg,rgba(224,183,88,.18),rgba(224,183,88,.05));box-shadow:inset 3px 0 0 #e0b758}
.language-dropdown .lang-copy{display:flex;flex-direction:column;min-width:0}.language-dropdown .lang-copy b{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-dropdown .lang-copy small{margin-top:3px;color:#9fb1aa;font-size:10px;line-height:1.2;white-space:normal}
.language-dropdown .lang-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e0b758;color:#05251d;font-size:12px;font-weight:900;opacity:0;transform:scale(.75);transition:.16s}.language-dropdown .lang-btn.active .lang-check{opacity:1;transform:scale(1)}
@media(max-width:1180px){.language-trigger{width:142px;min-width:142px}.language-dropdown{right:-8px}.header-inner{gap:15px}}
@media(max-width:980px){.language-menu{margin-left:auto;order:3}.language-trigger{width:48px;min-width:48px;height:44px;padding:5px;display:flex;justify-content:center}.language-current,.language-chevron{display:none}.language-dropdown{position:fixed;top:76px;right:16px;width:min(300px,calc(100vw - 32px))}}
@media(max-width:480px){.language-dropdown{top:68px;right:10px;width:calc(100vw - 20px)}}

/* =========================================================
   SPIN TRUCK v5.5 — production responsive repair
   Fixes tablet/iPad/mobile header, language menu and content overflow.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
body{overflow-wrap:anywhere;word-break:normal}
img,svg,video,iframe{max-width:100%}
[data-i18n],[data-mission-index]{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
html[lang="zh-CN"] body{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC","Noto Sans Thai","Segoe UI",sans-serif}
html[lang="en"] body{font-family:Inter,"Segoe UI",Arial,"Noto Sans Thai",sans-serif}

/* Stable header geometry */
.site-header{z-index:9999!important}
.header-inner{width:min(calc(100% - 32px),1320px)!important;max-width:1320px;gap:18px!important}
.brand{min-width:0!important;max-width:300px!important;flex:0 1 300px!important}
.brand-text{min-width:0}
.brand-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-tag{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35!important;letter-spacing:0!important}
.main-nav{min-width:0}
.main-nav ul{align-items:center}
.main-nav li,.main-nav a{min-width:0}
.header-facebook,.header-phone,.language-menu,.menu-toggle{position:relative;z-index:10002}
.menu-toggle{width:44px;height:44px;padding:0;border:1px solid rgba(224,183,88,.38)!important;border-radius:12px!important;line-height:1;cursor:pointer}

/* Language selector: always controlled, never native-looking or stretched */
.language-menu{position:relative!important;flex:0 0 auto!important;margin:0!important}
.language-menu .language-trigger{box-sizing:border-box!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:44px!important;padding:5px 11px 5px 6px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 16px!important;align-items:center!important;gap:8px!important;border:1px solid rgba(224,183,88,.55)!important;border-radius:999px!important;background:linear-gradient(180deg,#0a4233,#05271f)!important;color:#fff!important;font:inherit!important;line-height:1!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;appearance:none!important;-webkit-appearance:none!important}
.language-current{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;line-height:1.05!important}
.language-current b{display:block!important;max-width:100%!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.language-current small{display:block!important;margin-top:3px!important;color:#dfb95a!important;font-size:9px!important;line-height:1!important;letter-spacing:.5px!important}
.language-chevron{display:block!important;width:16px!important;height:16px!important;transition:transform .18s ease!important}
.language-menu.open .language-chevron{transform:rotate(180deg)!important}
.flag-icon{display:block!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 1px rgba(255,255,255,.72),0 2px 7px rgba(0,0,0,.25)!important}
.language-menu .language-dropdown{box-sizing:border-box!important;position:absolute!important;z-index:10050!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;width:280px!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:min(430px,calc(100vh - 100px))!important;margin:0!important;padding:8px!important;overflow:auto!important;border:1px solid rgba(224,183,88,.38)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(4,48,36,.995),rgba(2,25,19,.995))!important;color:#fff!important;box-shadow:0 22px 58px rgba(0,0,0,.52)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important}
.language-menu.open .language-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.language-dropdown-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;padding:8px 10px 11px!important;margin:0 0 4px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:transparent!important}
.language-dropdown-head span{font-size:12px!important;font-weight:800!important;color:#fff!important}.language-dropdown-head small{font-size:10px!important;color:#9fb1aa!important}
.language-menu .language-dropdown .lang-btn{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 22px!important;align-items:center!important;gap:10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#fff!important;text-align:left!important;font:inherit!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;cursor:pointer!important}
.language-menu .language-dropdown .lang-btn:hover{background:rgba(224,183,88,.11)!important;transform:none!important}
.language-menu .language-dropdown .lang-btn.active{background:linear-gradient(90deg,rgba(224,183,88,.20),rgba(224,183,88,.05))!important;box-shadow:inset 3px 0 0 #e0b758!important}
.language-menu .lang-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important}
.language-menu .lang-copy b{display:block!important;max-width:100%!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
.language-menu .lang-copy small{display:block!important;margin-top:3px!important;color:#aab9b3!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
.language-menu .lang-check{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#e0b758!important;color:#05251d!important;font-size:12px!important;font-weight:900!important;opacity:0!important}
.language-menu .lang-btn.active .lang-check{opacity:1!important}

/* Flexible text and card geometry for all translated content */
.hero-copy,.hero-subtitle,.hero-desc,.section-head>*,.about-v50-card,.vision-card,.standard-item,.service-card,.feature,.card{min-width:0}
.hero-subtitle,.hero-desc,.about-v50-card h2,.vision-card blockquote,.mission-list p,.standard-item p,.service-body h3,.service-body p{max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important}
.about-v50-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important}
.about-v50-card,.vision-card{overflow:hidden}
.mission-list li{grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important}
.mission-list p{margin:0!important;line-height:1.55!important}
.standards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.about-v50-gallery{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.about-v50-gallery figure{min-width:0!important}
.about-v50-policy{padding:22px 28px!important}
.about-v50-policy p{min-width:0!important;margin:0!important;line-height:1.6!important}

/* Tablet: switch to a clean compact header before it becomes crowded */
@media(max-width:1280px){
  .site-header{position:absolute!important;background:rgba(2,27,21,.97)!important;backdrop-filter:blur(16px)!important}
  .header-inner{height:78px!important;min-height:78px!important;gap:10px!important}
  .brand{flex:1 1 auto!important;max-width:340px!important}
  .brand .custom-logo,.brand-logo{width:46px!important;height:46px!important;max-height:46px!important}
  .brand-name{font-size:17px!important}.brand-tag{font-size:8px!important;max-width:245px!important}
  .main-nav{position:fixed!important;z-index:10000!important;display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;inset:78px 0 auto 0!important;max-height:calc(100vh - 78px)!important;overflow:auto!important;margin:0!important;padding:10px 18px 18px!important;background:rgba(2,25,19,.995)!important;border-top:1px solid rgba(224,183,88,.18)!important;box-shadow:0 20px 42px rgba(0,0,0,.4)!important;transform:translateY(-8px)!important;transition:.18s ease!important}
  .main-nav.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
  .spin-fixed-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-width:760px!important;margin:auto!important}
  .spin-fixed-menu li{border:0!important}
  .spin-fixed-menu a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;font-size:14px!important;text-align:center!important;white-space:normal!important}
  .spin-fixed-menu a:after{display:none!important}
  .menu-toggle{display:block!important;margin-left:0!important;flex:0 0 44px!important}
  .header-phone{display:none!important}
  .header-facebook{width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important}
  .language-menu .language-trigger{width:46px!important;min-width:46px!important;max-width:46px!important;height:42px!important;padding:5px!important;display:flex!important;justify-content:center!important}
  .language-current,.language-chevron{display:none!important}
  .language-menu .language-dropdown{position:fixed!important;top:68px!important;right:12px!important;width:min(300px,calc(100vw - 24px))!important}
  .about-v50-layout{grid-template-columns:1fr!important}
  .about-v50-left,.about-v50-right{gap:16px!important}
  .vision-card{min-height:auto!important}
  .about-v50-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:820px){
  .container{width:min(calc(100% - 28px),var(--container))!important}
  .header-inner{width:calc(100% - 20px)!important;height:72px!important;min-height:72px!important}
  .brand{max-width:calc(100% - 150px)!important;gap:8px!important}
  .brand .custom-logo,.brand-logo{width:42px!important;height:42px!important;max-height:42px!important}
  .brand-name{font-size:15px!important}.brand-tag{font-size:7px!important;line-height:1.2!important}
  .main-nav{inset:72px 0 auto!important;max-height:calc(100vh - 72px)!important}
  .spin-fixed-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .language-menu .language-dropdown{top:64px!important}
  .about-v50-hero{min-height:250px!important;padding-top:90px!important}
  .about-v50-content{padding:18px 0 28px!important}
  .about-v50-card{padding:20px!important;border-radius:18px!important}
  .about-v50-card h2{font-size:clamp(22px,5vw,30px)!important;line-height:1.3!important}
  .status-line{font-size:15px!important;align-items:flex-start!important}
  .standards-grid{grid-template-columns:1fr!important;gap:12px!important}
  .standard-item{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:14px!important;text-align:left!important;align-items:center!important;padding:10px!important;border:1px solid #ece6db!important;border-radius:14px!important}
  .iso-badge{grid-row:1/3!important;width:76px!important;height:76px!important;border-width:5px!important}
  .iso-badge b{font-size:16px!important}.iso-badge strong{font-size:18px!important}.iso-badge small{font-size:9px!important}
  .standard-item h3{margin:0!important;font-size:16px!important}.standard-item p{font-size:13px!important}
  .vision-card{grid-template-columns:1fr!important;padding:22px!important}
  .vision-globe{display:none!important}
  .vision-card blockquote{font-size:16px!important;line-height:1.75!important;padding-left:16px!important}
  .mission-list{gap:9px!important}.mission-list li{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important}.mission-list li>span{width:28px!important;height:28px!important;font-size:12px!important}.mission-list p{font-size:14px!important}
  .about-v50-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .about-v50-gallery figure{min-height:150px!important}.about-v50-gallery img{height:120px!important}.about-v50-gallery figcaption{font-size:12px!important;line-height:1.35!important;padding:9px!important}
  .about-v50-policy{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:17px!important}.about-v50-policy p{font-size:14px!important}
  .service-grid,.cards,.features,.archive-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
}

@media(max-width:520px){
  .header-inner{width:calc(100% - 16px)!important;gap:7px!important}
  .brand{max-width:calc(100% - 104px)!important}
  .brand-text{max-width:calc(100% - 48px)!important}
  .brand-tag{display:none!important}
  .header-facebook{display:none!important}
  .language-menu .language-trigger{width:42px!important;min-width:42px!important;max-width:42px!important;height:40px!important}
  .flag-icon{width:28px!important;height:28px!important;min-width:28px!important}
  .menu-toggle{width:42px!important;height:40px!important;flex-basis:42px!important}
  .spin-fixed-menu{grid-template-columns:1fr!important}
  .spin-fixed-menu a{min-height:45px!important}
  .language-menu .language-dropdown{top:61px!important;right:8px!important;width:calc(100vw - 16px)!important;max-height:calc(100vh - 74px)!important}
  .about-v50-hero h1{font-size:clamp(36px,12vw,52px)!important}
  .about-v50-hero p{font-size:15px!important;line-height:1.5!important}
  .about-v50-gallery{grid-template-columns:1fr!important}
  .about-v50-gallery img{height:190px!important}
}

/* ===== v5.6 Corporate Profile — text-first, responsive, no photography ===== */
.corporate-profile-page{background:#f7f7f4;color:#10261d;overflow:hidden}.cp-intro{padding:clamp(48px,7vw,92px) 0 42px;background:linear-gradient(180deg,#fff,#f9f8f4)}.cp-intro-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.78fr);gap:clamp(34px,6vw,84px);align-items:start}.cp-intro-main{min-width:0}.cp-kicker{color:#c89020;font-size:16px;font-weight:900;letter-spacing:.04em;margin-bottom:12px}.cp-intro h1{margin:0;color:#073b2c;font-family:"Orbitron","Noto Sans Thai",sans-serif;font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-.035em}.cp-intro h2{margin:15px 0 0;font-size:clamp(22px,2.5vw,34px);line-height:1.35;color:#123d30}.cp-accent-line{display:block;width:74px;height:3px;border-radius:99px;background:#d19b28;margin:26px 0}.cp-intro-main>p{max-width:850px;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.9;color:#283c34}.cp-principles{min-width:0;padding-left:34px;border-left:1px solid #d9a83d;display:grid;gap:20px}.cp-principle{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start}.cp-principle>span{font-size:30px;line-height:1;color:#d29b27}.cp-principle strong{display:block;font-size:17px;color:#163c30;margin-bottom:4px}.cp-principle p{margin:0;font-size:14px;line-height:1.65;color:#52635c}.cp-body{padding:0 0 70px}.cp-standards{display:grid;grid-template-columns:1.22fr repeat(3,minmax(0,1fr));border-radius:22px;background:linear-gradient(135deg,#004432,#002c22);color:#fff;box-shadow:0 22px 50px rgba(0,47,35,.16);overflow:hidden}.cp-standards>*{min-width:0;padding:30px 27px}.cp-standards>*+*{border-left:1px solid rgba(255,255,255,.2)}.cp-standards-copy h2{margin:0 0 12px;font-size:clamp(25px,2vw,34px);line-height:1.25}.cp-standards-copy p{margin:0;color:#d9e8e2;line-height:1.8}.cp-standard{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;align-items:start}.cp-standard-icon{width:58px;height:58px;border:2px solid #e0ad3d;border-radius:50%;display:grid;place-items:center;color:#e0ad3d;font:900 22px/1 "Orbitron",sans-serif}.cp-standard-icon.eco{border-color:#78c644;color:#78c644}.cp-standard h3{margin:0 0 5px;color:#e9b442;font-size:20px;line-height:1.2}.cp-standard:nth-child(3) h3{color:#7fd34d}.cp-standard strong{display:block;font-size:14px;line-height:1.45;margin-bottom:8px}.cp-standard p{margin:0;color:#d8e6e1;font-size:13px;line-height:1.65}.cp-top-grid{display:grid;grid-template-columns:.84fr 1.14fr .84fr;gap:16px;margin-top:18px}.cp-bottom-grid{display:grid;grid-template-columns:.72fr 1.48fr;gap:16px;margin-top:16px}.cp-card{min-width:0;background:#fff;border:1px solid #e6e4dc;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(13,52,39,.055)}.cp-card header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cp-card header>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#064a37;color:#e1ad3d;font-size:22px;font-weight:900}.cp-card h2{margin:0;color:#123b2f;font-size:clamp(23px,2vw,31px);line-height:1.25}.cp-vision blockquote{margin:0;padding:0 0 0 18px;border-left:3px solid #e1ad3d;font-size:17px;line-height:1.95;color:#253b33}.cp-mission ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cp-mission li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}.cp-mission li>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#064a37;color:#e7b341;font-size:10px;font-weight:900}.cp-mission li p{margin:1px 0 0;color:#243a32;font-size:13px;line-height:1.55}.cp-policy{position:relative;overflow:hidden}.cp-policy>p{position:relative;z-index:1;margin:0;font-size:18px;line-height:1.95;color:#213a31}.cp-policy-mark{position:absolute;right:17px;bottom:10px;font-size:105px;line-height:1;color:rgba(209,155,40,.13);font-weight:900}.cp-value{display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;margin:0 0 16px}.cp-value:last-child{margin-bottom:0}.cp-value>b{font:900 30px/1 "Orbitron",sans-serif;color:#0a4b38}.cp-value strong{display:block;margin-bottom:3px;font-size:14px}.cp-value p{margin:0;font-size:13px;line-height:1.55;color:#52635c}.cp-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.cp-strength-grid>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #eceae3}.cp-strength-grid>div:nth-last-child(-n+2){border-bottom:0}.cp-strength-grid span{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#064a37;color:#e0ad3d;font-size:22px}.cp-strength-grid p{margin:0;font-weight:700;line-height:1.55;color:#213b31}.cp-closing{margin-top:18px;padding:21px 30px;border-radius:17px;background:linear-gradient(120deg,#064a37,#003327);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}.cp-closing span{font-size:52px;line-height:.7;color:#e0ad3d;font-family:Georgia,serif}.cp-closing p{margin:0;text-align:center;font-size:clamp(16px,1.55vw,21px);line-height:1.7}.cp-closing p::first-line{font-weight:700}
@media(max-width:1180px){.cp-intro-grid{grid-template-columns:1fr;gap:32px}.cp-principles{padding:26px 0 0;border-left:0;border-top:1px solid #d9a83d;grid-template-columns:repeat(2,minmax(0,1fr))}.cp-standards{grid-template-columns:1fr 1fr}.cp-standards>*+*{border-left:0}.cp-standards>*{border-bottom:1px solid rgba(255,255,255,.18)}.cp-standards>*:nth-last-child(-n+2){border-bottom:0}.cp-standards>*:nth-child(even){border-left:1px solid rgba(255,255,255,.18)}.cp-top-grid{grid-template-columns:1fr 1fr}.cp-policy{grid-column:1/-1}.cp-bottom-grid{grid-template-columns:1fr 1.6fr}}
@media(max-width:820px){.cp-intro{padding-top:105px}.cp-principles{grid-template-columns:1fr}.cp-standards{grid-template-columns:1fr}.cp-standards>*{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.cp-standards>*:last-child{border-bottom:0!important}.cp-top-grid,.cp-bottom-grid{grid-template-columns:1fr}.cp-policy{grid-column:auto}.cp-card{padding:20px}.cp-strength-grid{grid-template-columns:1fr}.cp-strength-grid>div{border-bottom:1px solid #eceae3!important}.cp-strength-grid>div:last-child{border-bottom:0!important}.cp-closing{grid-template-columns:1fr;padding:20px}.cp-closing span{display:none}.cp-closing p{text-align:left}.cp-intro h1{font-size:clamp(34px,10vw,54px)}}
@media(max-width:520px){.cp-intro{padding-top:90px}.cp-intro h2{font-size:20px}.cp-intro-main>p{font-size:15px;line-height:1.78}.cp-principle{grid-template-columns:34px minmax(0,1fr)}.cp-principle>span{font-size:24px}.cp-standards>*{padding:22px 19px}.cp-standard{grid-template-columns:50px minmax(0,1fr);gap:12px}.cp-standard-icon{width:48px;height:48px;font-size:18px}.cp-standard h3{font-size:18px}.cp-card header>span{width:40px;height:40px}.cp-card h2{font-size:23px}.cp-vision blockquote,.cp-policy>p{font-size:15px}.cp-mission li p{font-size:12.5px}.cp-strength-grid>div{grid-template-columns:42px minmax(0,1fr)}.cp-strength-grid span{width:40px;height:40px}.cp-closing p{font-size:15px}}

/* ===== v6.0 Complete Responsive Header + Professional Corporate Icons ===== */
.spin-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:inherit}
.spin-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cp-principle>.spin-icon{width:38px;height:38px;color:#c99122;margin-top:1px}
.cp-standard>.spin-icon.cp-standard-icon{width:58px;height:58px;padding:11px;border:2px solid #e0ad3d;border-radius:50%;color:#e0ad3d}
.cp-standard>.spin-icon.eco{border-color:#77c845;color:#77c845}
.cp-standard>.spin-icon.safety{border-color:#58a9e8;color:#58a9e8}
.cp-card header>.spin-icon{width:45px;height:45px;padding:10px;border-radius:50%;background:#064a37;color:#e1ad3d}
.cp-strength-grid .spin-icon{width:44px;height:44px;padding:10px;border-radius:10px;background:#064a37;color:#e0ad3d}
.cp-policy-mark .spin-icon{width:110px;height:110px;color:rgba(209,155,40,.15)}
.cp-policy-mark{font-size:0}

/* Desktop header: predictable spacing and no collision */
.site-header{width:100%;background:rgba(1,25,19,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{width:min(calc(100% - 36px),1260px);height:82px;min-height:82px;gap:18px;flex-wrap:nowrap}
.brand{min-width:0;flex:0 1 320px;max-width:340px}
.brand-logo,.custom-logo{flex:0 0 auto}
.brand-text{min-width:0;overflow:hidden}
.brand-name,.brand-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main-nav{min-width:0;margin-left:auto}
.main-nav ul{gap:clamp(16px,1.8vw,28px)}
.main-nav a{white-space:nowrap}
.language-trigger{min-width:122px;height:42px;border-radius:999px;box-shadow:none}
.language-dropdown{z-index:9999}
.header-facebook{flex:0 0 42px;width:42px;height:42px}
.header-phone{padding:9px 14px}

@media (max-width:1120px){
  .site-header{position:absolute!important;top:0;left:0;right:0;z-index:9998}
  .header-inner{width:calc(100% - 28px)!important;height:72px!important;min-height:72px!important;padding:0!important;gap:10px!important}
  .brand{flex:1 1 auto!important;max-width:calc(100% - 160px)!important;min-width:0!important}
  .brand-logo,.custom-logo{width:46px!important;height:46px!important;object-fit:contain!important}
  .brand-name{font-size:clamp(16px,2.7vw,20px)!important;line-height:1.1!important}
  .brand-tag{font-size:clamp(7px,1.3vw,9px)!important;letter-spacing:.2px!important;max-width:230px!important}
  .main-nav{position:absolute!important;top:72px!important;left:0!important;right:0!important;inset:auto 0 auto!important;width:100%!important;max-height:calc(100vh - 72px)!important;overflow:auto!important;padding:12px 14px 18px!important;background:rgba(1,28,21,.99)!important;border-top:1px solid rgba(224,183,88,.25)!important;box-shadow:0 18px 38px rgba(0,0,0,.35)!important;display:none!important}
  .main-nav.open{display:block!important}
  .main-nav .spin-fixed-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
  .main-nav .spin-fixed-menu a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;font-size:14px!important}
  .main-nav a:after{display:none!important}
  .language-menu{margin-left:auto!important;position:static!important}
  .language-trigger{width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;padding:5px!important;border-radius:50%!important;justify-content:center!important}
  .language-current,.language-chevron{display:none!important}
  .language-current-flag{width:30px!important;height:30px!important;margin:0!important}
  .language-dropdown{position:absolute!important;top:66px!important;right:56px!important;width:min(280px,calc(100vw - 28px))!important;max-height:calc(100vh - 84px)!important;overflow:auto!important}
  .header-facebook{display:flex!important;width:42px!important;height:42px!important;flex-basis:42px!important;margin:0!important}
  .header-phone{display:none!important}
  .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:42px!important;flex:0 0 44px!important;margin:0!important;border:1px solid rgba(224,183,88,.55)!important;border-radius:12px!important;background:rgba(5,48,36,.85)!important;color:#fff!important;font-size:0!important}
  .menu-toggle:before{content:'☰';font-size:24px;line-height:1}
  body.admin-bar .site-header{top:32px}
  body.admin-bar .main-nav{max-height:calc(100vh - 104px)!important}
  .corporate-profile-page .cp-intro{padding-top:112px!important}
}

@media (max-width:782px){body.admin-bar .site-header{top:46px}}

@media (max-width:620px){
  .header-inner{width:calc(100% - 18px)!important;gap:7px!important}
  .brand{max-width:calc(100% - 139px)!important;gap:8px!important}
  .brand-logo,.custom-logo{width:40px!important;height:40px!important}
  .brand-name{font-size:16px!important}
  .brand-tag{display:block!important;font-size:6.8px!important;line-height:1.25!important;max-width:170px!important}
  .language-trigger,.header-facebook,.menu-toggle{width:39px!important;height:39px!important;flex-basis:39px!important;min-width:39px!important;max-width:39px!important}
  .language-current-flag{width:27px!important;height:27px!important}
  .header-facebook svg{width:17px!important;height:17px!important}
  .language-dropdown{top:64px!important;right:46px!important;width:calc(100vw - 18px)!important}
  .main-nav .spin-fixed-menu{grid-template-columns:1fr!important}
  .corporate-profile-page .cp-intro{padding-top:101px!important}
}

@media (max-width:390px){
  .brand-tag{display:none!important}
  .brand{max-width:calc(100% - 134px)!important}
  .brand-name{font-size:15px!important}
}

/* Text never escapes cards in any language */
[data-i18n], [data-mission-index], .cp-card, .cp-principle, .cp-standard, .cp-strength-grid>div{min-width:0;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
html[data-site-language="zh"] body{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}
html[data-site-language="en"] .cp-intro h1{letter-spacing:-.02em}
html[data-site-language="en"] .cp-mission li p{font-size:12.5px}
html[data-site-language="zh"] .cp-mission li p{font-size:13px;line-height:1.75}
@media(max-width:820px){
 .cp-intro-grid,.cp-top-grid,.cp-bottom-grid,.cp-standards{width:100%;min-width:0}
 .cp-card,.cp-standards>*{overflow:hidden}
 .cp-principles{gap:16px}
 .cp-principle{grid-template-columns:36px minmax(0,1fr)}
 .cp-standard>.spin-icon.cp-standard-icon{width:50px;height:50px;padding:9px}
 .cp-card header>.spin-icon{width:40px;height:40px;padding:9px}
}


/* =========================================================
   v6.1 Mobile navigation — clean off-canvas, no overlap
   ========================================================= */
.menu-backdrop{display:none}
.menu-icon{display:none}
@media (max-width:1120px){
  html.menu-open,body.menu-open{overflow:hidden!important}
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;background:#031f18!important;box-shadow:0 8px 30px rgba(0,0,0,.28)!important}
  .header-inner{position:relative!important;z-index:10020!important}
  .header-phone{display:none!important}
  .header-facebook{margin-left:0!important}
  .main-nav{position:fixed!important;z-index:10030!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(86vw,360px)!important;max-width:360px!important;height:100dvh!important;max-height:none!important;padding:88px 18px 24px!important;display:block!important;visibility:visible!important;opacity:1!important;overflow-y:auto!important;background:linear-gradient(180deg,#06392d 0%,#031f18 100%)!important;border:0!important;border-left:1px solid rgba(224,183,88,.25)!important;box-shadow:-24px 0 60px rgba(0,0,0,.45)!important;transform:translateX(105%)!important;transition:transform .24s ease!important;pointer-events:none!important}
  .main-nav.open{transform:translateX(0)!important;pointer-events:auto!important}
  .main-nav .spin-fixed-menu{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;padding:0!important}
  .main-nav .spin-fixed-menu li{width:100%!important;margin:0!important}
  .main-nav .spin-fixed-menu a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;justify-content:start!important;min-height:52px!important;width:100%!important;padding:9px 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;font-size:15px!important;font-weight:750!important;text-align:left!important;line-height:1.3!important}
  .main-nav .spin-fixed-menu a:hover,.main-nav .current-menu-item>a{background:rgba(224,183,88,.13)!important;border-color:rgba(224,183,88,.42)!important;color:#fff!important}
  .main-nav a:after{display:none!important}
  .menu-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(224,183,88,.13)!important;color:#e0b758!important;font-size:18px!important;font-weight:900!important}
  .menu-backdrop{position:fixed!important;z-index:10025!important;inset:0!important;display:block!important;border:0!important;padding:0!important;background:rgba(0,0,0,.54)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.22s ease!important}
  body.menu-open .menu-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .menu-toggle{position:relative!important;z-index:10040!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important}
  .menu-toggle:before{content:'☰'!important;font-size:23px!important;line-height:1!important}
  body.menu-open .menu-toggle:before{content:'×'!important;font-size:31px!important;font-weight:300!important}
  .language-menu{z-index:10040!important}
  .language-dropdown{z-index:10060!important}
}
@media (max-width:760px){
  .header-inner{height:64px!important;min-height:64px!important;width:calc(100% - 20px)!important;gap:8px!important}
  .brand{min-width:0!important;flex:1 1 auto!important;gap:8px!important;overflow:hidden!important}
  .brand-logo,.custom-logo{width:42px!important;height:42px!important;flex:0 0 42px!important;object-fit:contain!important}
  .brand-text{min-width:0!important;overflow:hidden!important}
  .brand-name{font-size:clamp(15px,4.7vw,20px)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand-tag{font-size:8px!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .header-facebook{display:none!important}
  .language-trigger,.menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important}
  .main-nav{width:min(88vw,340px)!important;padding-top:78px!important}
  .language-dropdown{top:58px!important;right:50px!important;width:min(290px,calc(100vw - 20px))!important}
  .hero{padding-top:64px!important}
}
@media (max-width:390px){
  .brand-tag{display:none!important}
  .brand-logo,.custom-logo{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brand-name{font-size:15px!important}
  .main-nav{width:92vw!important}
}

/* =========================================================
   v6.2 CONTACT CORPORATE — vivid icons, responsive, usable
   ========================================================= */
.contact-page-v62{background:#f4f8f6;color:#10231d;overflow:hidden}.contact-hero-v62{min-height:290px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 36%,rgba(255,255,255,.12) 72%),linear-gradient(rgba(0,37,29,.16),rgba(0,37,29,.16)),url('assets/images/hero-factory-v2.png') center 44%/cover no-repeat;border-bottom:1px solid rgba(0,74,57,.12)}.contact-hero-inner{width:100%}.contact-hero-copy{max-width:620px;padding:54px 0}.contact-kicker{font-family:Orbitron,sans-serif;font-size:clamp(38px,5.2vw,72px);font-weight:900;line-height:1;color:#063e30;margin:0 0 8px;letter-spacing:-2px}.contact-hero-copy h1{font-size:clamp(36px,4.5vw,64px);line-height:1.05;margin:0 0 18px;color:#edae19}.contact-hero-copy p{font-size:clamp(16px,1.5vw,21px);line-height:1.75;max-width:560px;margin:0;color:#314a42}.contact-main-v62{padding:28px 0 70px}.contact-alert{padding:16px 20px;border-radius:14px;margin-bottom:20px;font-weight:700}.contact-alert.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.contact-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.contact-grid-v62{display:grid;grid-template-columns:minmax(330px,.92fr) minmax(460px,1.45fr);gap:22px;align-items:stretch}.contact-panel,.map-panel-v62,.quick-contact-v62,.why-contact-v62{background:#fff;border:1px solid #dfe9e4;border-radius:20px;box-shadow:0 12px 35px rgba(7,47,36,.08)}.contact-panel{padding:24px}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.panel-heading>.contact-svg{width:36px;height:36px;color:#079447;flex:0 0 auto}.panel-heading h2{font-size:clamp(23px,2vw,31px);margin:0 0 4px;color:#063e30;line-height:1.2}.panel-heading p{margin:0;color:#688078;font-size:14px}.contact-svg{display:inline-flex;align-items:center;justify-content:center}.contact-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-item-v62{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 12px;border:1px solid #e1e9e5;border-radius:15px;margin:0 0 10px;transition:.22s ease}.contact-item-v62:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,72,57,.08)}.contact-icon-color{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.4),0 8px 18px rgba(0,0,0,.14)}.contact-icon-color .contact-svg{width:28px;height:28px}.c-location .contact-icon-color{background:linear-gradient(145deg,#7fd833,#25aa38)}.c-phone .contact-icon-color{background:linear-gradient(145deg,#28baff,#087ff1)}.c-email .contact-icon-color{background:linear-gradient(145deg,#ffad23,#ff7100)}.c-web .contact-icon-color{background:linear-gradient(145deg,#a964ff,#6538df)}.c-facebook .contact-icon-color{background:linear-gradient(145deg,#4c8cff,#1451cb)}.c-hours .contact-icon-color{background:linear-gradient(145deg,#28cfcb,#0b8e9e)}.contact-item-body{min-width:0}.contact-item-body h3{font-size:17px;margin:0 0 3px;color:#17372e}.contact-item-body p{font-size:14px;line-height:1.55;margin:0;color:#304b43;overflow-wrap:anywhere}.contact-item-body a{color:inherit;text-decoration:none}.contact-action{border-radius:9px;padding:9px 12px;color:#fff!important;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:0 6px 13px rgba(0,0,0,.12)}.contact-action.green{background:linear-gradient(135deg,#5ccf32,#159537)}.contact-action.blue{background:linear-gradient(135deg,#32b3ff,#087cef)}.contact-action.orange{background:linear-gradient(135deg,#ffa928,#ff7500)}.contact-action.purple{background:linear-gradient(135deg,#a25cff,#6640dc)}.contact-action.facebook{background:linear-gradient(135deg,#4d8eff,#1450c7)}.contact-form-v62{display:grid;gap:14px}.form-row-v62{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form-v62 label{display:grid;gap:7px;color:#31483f;font-size:14px;font-weight:700}.contact-form-v62 input,.contact-form-v62 select,.contact-form-v62 textarea{width:100%;min-width:0;border:1px solid #d9e2de;background:#fff;border-radius:10px;padding:13px 14px;font:inherit;color:#17352c;outline:none;transition:.2s}.contact-form-v62 input:focus,.contact-form-v62 select:focus,.contact-form-v62 textarea:focus{border-color:#079447;box-shadow:0 0 0 3px rgba(7,148,71,.12)}.contact-form-v62 textarea{resize:vertical;min-height:150px}.consent-v62{display:flex!important;grid-template-columns:18px 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.consent-v62 input{width:18px!important;height:18px;margin-top:2px}.contact-submit-v62{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:linear-gradient(135deg,#0eb252,#007d3c);color:#fff;min-height:50px;padding:0 26px;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 12px 24px rgba(0,139,66,.24);width:min(250px,100%)}.contact-submit-v62:hover{transform:translateY(-2px);filter:brightness(1.05)}.contact-submit-v62 .contact-svg{width:22px;height:22px}.contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.map-panel-v62,.quick-contact-v62,.why-contact-v62{margin-top:22px;padding:20px}.map-frame-v62{position:relative;overflow:hidden;border-radius:15px;height:350px;background:#e8efec}.map-frame-v62 iframe{width:100%;height:100%;border:0}.map-float-button{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0a9b48,#006c35);color:#fff!important;padding:12px 17px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(0,72,39,.27)}.map-float-button .contact-svg{width:20px;height:20px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title-row h2,.why-contact-v62>h2{margin:0;color:#063e30;font-size:clamp(23px,2.2vw,31px)}.section-title-row p{margin:0;color:#71847d}.quick-grid-v62{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.quick-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;border:1px solid #e0e8e4;border-radius:15px;padding:17px 12px;color:#17352c!important;text-decoration:none;min-width:0;transition:.22s;background:#fff}.quick-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(7,53,40,.12)}.quick-card>.contact-svg{width:60px;height:60px;border-radius:50%;padding:15px;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.16)}.q-phone>.contact-svg{background:linear-gradient(145deg,#89df1f,#28ad13)}.q-map>.contact-svg{background:linear-gradient(145deg,#3ac8ff,#167be9)}.q-facebook>.contact-svg{background:linear-gradient(145deg,#5c8cff,#2a47da)}.q-email>.contact-svg{background:linear-gradient(145deg,#ffb321,#ff7800)}.q-line>.contact-svg{background:linear-gradient(145deg,#24d980,#05a45d)}.quick-card strong{font-size:16px}.quick-card span{font-size:12px;color:#61766f;line-height:1.45}.quick-card em{font-style:normal;color:#fff;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:800;margin-top:auto}.q-phone em{background:#48b914}.q-map em{background:#1686e8}.q-facebook em{background:#5542df}.q-email em{background:#ff8300}.q-line em{background:#08ad66}.why-contact-v62{background:linear-gradient(145deg,#053f30,#002a21);color:#fff}.why-contact-v62>h2{text-align:center;color:#fff;margin-bottom:20px}.why-grid-v62{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.why-grid-v62 article{text-align:center;padding:6px 24px;border-right:1px solid rgba(255,255,255,.18)}.why-grid-v62 article:last-child{border-right:0}.why-grid-v62 .contact-svg{width:72px;height:72px;margin:0 auto 10px;color:#fff;background:linear-gradient(145deg,#4dc6ff,#007ea8);border-radius:20px;padding:14px}.why-grid-v62 article:nth-child(2) .contact-svg{background:linear-gradient(145deg,#8eea40,#26a72a)}.why-grid-v62 article:nth-child(3) .contact-svg{background:linear-gradient(145deg,#ffca32,#ff7d00)}.why-grid-v62 article:nth-child(4) .contact-svg{background:linear-gradient(145deg,#b36aff,#6740d8)}.why-grid-v62 h3{font-size:18px;margin:0 0 6px;color:#fff}.why-grid-v62 p{font-size:13px;line-height:1.55;margin:0;color:#d6e4df}
@media(max-width:1050px){.contact-grid-v62{grid-template-columns:1fr}.quick-grid-v62{grid-template-columns:repeat(3,1fr)}.why-grid-v62{grid-template-columns:repeat(2,1fr);gap:20px}.why-grid-v62 article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:20px}.why-grid-v62 article:nth-last-child(-n+2){border-bottom:0}.contact-hero-v62{min-height:250px}}
@media(max-width:700px){.contact-hero-v62{min-height:230px;background:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.82)),url('assets/images/hero-factory-v2.png') center/cover}.contact-hero-copy{padding:38px 0}.contact-kicker{font-size:36px;letter-spacing:-1px}.contact-hero-copy h1{font-size:38px}.contact-main-v62{padding-top:16px}.contact-panel,.map-panel-v62,.quick-contact-v62,.why-contact-v62{border-radius:16px;padding:15px}.form-row-v62{grid-template-columns:1fr}.contact-item-v62{grid-template-columns:48px minmax(0,1fr);padding:12px 10px}.contact-icon-color{width:46px;height:46px;border-radius:13px}.contact-action{grid-column:2;justify-self:start;margin-top:2px}.map-frame-v62{height:300px}.map-float-button{right:10px;bottom:10px;left:10px;justify-content:center}.quick-grid-v62{grid-template-columns:1fr 1fr}.why-grid-v62{grid-template-columns:1fr}.why-grid-v62 article,.why-grid-v62 article:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14);padding:18px 8px}.why-grid-v62 article:last-child{border-bottom:0}.section-title-row{display:block}.section-title-row p{margin-top:4px}}
@media(max-width:420px){.quick-grid-v62{grid-template-columns:1fr}.contact-item-body h3{font-size:16px}.contact-item-body p{font-size:13px}.panel-heading h2{font-size:24px}}

/* v6.3 Global Contact Complete */
.contact-page-v62{background:linear-gradient(180deg,#063d30 0,#07513f 42%,#043428 100%);color:#fff}
.contact-hero-v62{min-height:330px;background:linear-gradient(90deg,rgba(2,45,34,.94),rgba(2,60,45,.74)),url('assets/images/hero-factory-v2.png') center 44%/cover no-repeat;border-bottom:1px solid rgba(230,183,75,.3)}
.contact-hero-copy{max-width:760px;text-align:center;margin:auto;padding:56px 0}
.contact-kicker{font-size:clamp(18px,2vw,26px);letter-spacing:.18em;color:#e7b84f;margin-bottom:14px}
.contact-hero-copy h1{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:clamp(34px,5vw,70px);color:#fff;margin-bottom:16px}
.contact-title-amp{color:#e7b84f;font-weight:900}
.contact-hero-copy p{margin:auto;color:#e2eee9;max-width:700px}
.contact-main-v62{background:transparent}
.contact-panel,.map-panel-v62,.quick-contact-v62{background:rgba(255,255,255,.97)}
.why-contact-v62{background:linear-gradient(145deg,#032d23,#001f18)}
.contact-grid-v62{align-items:start}
.contact-form-v62 select{background-color:#fff}
body.lang-en .contact-hero-copy h1,body.lang-zh .contact-hero-copy h1{font-size:clamp(30px,4.1vw,58px)}
body.lang-en .contact-item-body h3,body.lang-en .quick-card strong,body.lang-en .why-grid-v62 h3{line-height:1.25}
body.lang-zh .contact-item-body p,body.lang-zh .quick-card span{line-break:strict;word-break:break-word}
@media(max-width:700px){.contact-hero-v62{min-height:280px;background:linear-gradient(rgba(2,45,34,.92),rgba(2,45,34,.82)),url('assets/images/hero-factory-v2.png') center/cover}.contact-hero-copy{padding:42px 0}.contact-hero-copy h1{display:grid;gap:2px;font-size:clamp(34px,10vw,48px)}.contact-title-amp{font-size:.65em}.contact-kicker{font-size:15px;letter-spacing:.12em}.contact-hero-copy p{font-size:15px;line-height:1.65}.contact-main-v62{padding-top:18px}.contact-grid-v62{gap:16px}.contact-item-v62{grid-template-columns:46px minmax(0,1fr)}.contact-action{grid-column:2;width:fit-content}.quick-grid-v62{grid-template-columns:1fr}.quick-card{align-items:flex-start;text-align:left;display:grid;grid-template-columns:54px 1fr;column-gap:12px}.quick-card>.contact-svg{grid-row:1/5;width:54px;height:54px}.quick-card em{margin-top:3px}.map-frame-v62{height:280px}}

/* v6.4 language dictionary repair: complete TH/EN/ZH contact-page translation */


/* v6.5 — Projects page with latest Facebook timeline */
.projects-page-v65{background:#f4f7f5;min-height:70vh;padding-bottom:72px;color:#10251e}
.projects-hero-v65{padding:70px 0 38px;background:linear-gradient(135deg,#003c2e,#075e43);color:#fff;border-bottom:4px solid #d5a52b}
.projects-hero-v65 .section-kicker{color:#efbd3f;margin:0 0 8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.projects-hero-v65 .section-title{color:#fff;margin:0;font-size:clamp(36px,5vw,68px);line-height:1.08}
.projects-intro-v65{max-width:780px;margin:14px 0 0;color:#dbece6;font-size:18px;line-height:1.8}
.projects-layout-v65{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,500px);gap:28px;align-items:start;padding-top:34px}
.projects-wordpress-v65,.facebook-projects-v65{min-width:0}
.projects-section-head-v65{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.projects-section-head-v65>div{display:flex;align-items:center;gap:13px;min-width:0}
.projects-section-head-v65 h2{margin:0;color:#063b2d;font-size:clamp(22px,2vw,30px);line-height:1.25}
.projects-section-head-v65 p{margin:4px 0 0;color:#60736b;line-height:1.55}
.projects-head-icon-v65{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#02734f,#064933);color:#fff;box-shadow:0 8px 22px rgba(0,67,48,.18)}
.projects-head-icon-v65 svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.projects-head-icon-v65.facebook-color-v65{background:linear-gradient(135deg,#3b82f6,#1559c7)}
.projects-head-icon-v65.facebook-color-v65 svg{fill:currentColor;stroke:none}
.projects-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.project-card-v65{overflow:hidden;border:1px solid #dfe8e3;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(12,52,38,.08);transition:transform .25s ease,box-shadow .25s ease}
.project-card-v65:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(12,52,38,.14)}
.project-card-v65 .card-image,.project-placeholder-v65{width:100%;height:230px;object-fit:cover}
.project-placeholder-v65{display:grid;place-items:center;background:linear-gradient(135deg,#dfece7,#f7faf8);color:#528274}
.project-placeholder-v65 svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:1.4}
.project-card-v65 .card-body{padding:20px}
.project-date-v65{display:block;color:#8b9b94;font-size:13px;margin-bottom:8px}
.project-card-v65 .card-title{font-size:22px;color:#073a2c;margin:0 0 9px;line-height:1.35}
.project-card-v65 p{color:#5a6d65;line-height:1.7}
.project-more-v65{display:inline-flex;margin-top:8px;color:#087653;font-weight:800}
.projects-empty-v65{padding:35px;border:1px dashed #b9cbc3;border-radius:18px;background:#fff;text-align:center;color:#60736b}
.projects-pagination-v65{margin-top:26px}
.facebook-projects-v65{position:sticky;top:116px;padding:20px;border:1px solid #dfe8e3;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(12,52,38,.09)}
.fb-head-v65{align-items:flex-start}
.facebook-open-v65{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:10px 13px;border-radius:999px;background:#1877f2;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}
.facebook-open-v65 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.facebook-embed-shell-v65{position:relative;width:100%;max-width:500px;min-height:760px;margin:auto;overflow:hidden;border-radius:14px;background:#eef3f1}
.facebook-page-frame-v65{display:block;width:100%;max-width:500px;min-height:760px;margin:0 auto;background:#fff}
.facebook-fallback-v65{margin-top:12px;padding:12px 14px;border-radius:12px;background:#eef5ff;color:#355478;font-size:13px;line-height:1.6}
.facebook-fallback-v65 p{margin:0 0 4px}
.facebook-fallback-v65 a{font-weight:800;color:#1559c7}
@media(max-width:1100px){
 .projects-layout-v65{grid-template-columns:1fr}
 .facebook-projects-v65{position:static}
 .facebook-embed-shell-v65{max-width:500px}
}
@media(max-width:720px){
 .projects-page-v65{padding-bottom:42px}
 .projects-hero-v65{padding:48px 0 28px}
 .projects-layout-v65{padding-top:24px;gap:22px}
 .projects-grid-v65{grid-template-columns:1fr}
 .project-card-v65 .card-image,.project-placeholder-v65{height:220px}
 .facebook-projects-v65{padding:15px;border-radius:16px}
 .projects-section-head-v65{align-items:flex-start;flex-direction:column}
 .projects-section-head-v65>div{align-items:flex-start}
 .facebook-open-v65{margin-left:61px}
 .facebook-embed-shell-v65{min-height:680px}
 .facebook-page-frame-v65{height:680px;min-height:680px}
}
@media(max-width:390px){
 .projects-head-icon-v65{flex-basis:42px;width:42px;height:42px;border-radius:12px}
 .facebook-open-v65{margin-left:0;width:100%}
}


/* v6.6 — Real-image professional project catalog */
.catalog-page-v66{background:#f6f8f7;color:#112b23}
.catalog-hero-v66{position:relative;overflow:hidden;background:linear-gradient(120deg,#002f24 0%,#064b37 58%,#082c25 100%);color:#fff;border-bottom:4px solid #d9aa2b}
.catalog-hero-v66:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.08),transparent 36%),linear-gradient(145deg,transparent 65%,rgba(224,171,40,.15));pointer-events:none}
.catalog-hero-inner-v66{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;min-height:570px}
.catalog-hero-copy-v66{padding:70px 48px 70px 0;z-index:2}
.catalog-kicker-v66{display:inline-block;color:#efbd3f;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.catalog-hero-copy-v66 h1{margin:0;color:#fff;font-size:clamp(46px,6vw,80px);line-height:1.06;letter-spacing:-.03em}
.catalog-hero-copy-v66 h2{margin:14px 0 18px;color:#efbd3f;font-size:clamp(24px,3vw,38px);line-height:1.25}
.catalog-hero-copy-v66>p{margin:0;max-width:720px;color:#e2eee9;font-size:18px;line-height:1.85}
.catalog-hero-points-v66{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border:1px solid rgba(238,187,63,.35);border-radius:18px;overflow:hidden;background:rgba(0,26,19,.36);backdrop-filter:blur(8px)}
.catalog-hero-points-v66 span{display:flex;align-items:center;gap:10px;padding:18px;border-right:1px solid rgba(238,187,63,.25)}
.catalog-hero-points-v66 span:last-child{border-right:0}
.catalog-hero-points-v66 b{color:#efbd3f;font-family:Orbitron,sans-serif;font-size:19px}
.catalog-hero-points-v66 i{font-style:normal;font-weight:700;line-height:1.45}
.catalog-hero-image-v66{align-self:stretch;position:relative;min-width:0}
.catalog-hero-image-v66:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#064b37 0%,rgba(6,75,55,.5) 18%,transparent 55%),linear-gradient(0deg,rgba(0,34,25,.3),transparent 45%)}
.catalog-hero-image-v66 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catalog-content-v66{padding:64px 0 78px}
.catalog-section-head-v66{text-align:center;max-width:820px;margin:0 auto 28px}
.catalog-section-head-v66>span{display:block;color:#bd8712;font-weight:800;letter-spacing:.12em;font-size:13px;margin-bottom:7px}
.catalog-section-head-v66 h2{margin:0;color:#073d2e;font-size:clamp(30px,4vw,48px);line-height:1.2}
.catalog-section-head-v66 p{margin:11px 0 0;color:#65766f;font-size:17px;line-height:1.7}
.catalog-section-head-v66.compact-v66{margin-top:64px}
.catalog-filters-v66{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.catalog-filters-v66 button{appearance:none;border:1px solid #cfdbd6;background:#fff;color:#224b3d;border-radius:999px;padding:11px 18px;font:inherit;font-weight:800;cursor:pointer;transition:.2s}
.catalog-filters-v66 button:hover,.catalog-filters-v66 button.active{background:#064d39;border-color:#064d39;color:#fff;box-shadow:0 7px 18px rgba(6,77,57,.18)}
.real-project-grid-v66{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.real-project-card-v66{overflow:hidden;border:1px solid #dfe7e3;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(18,55,42,.08);transition:transform .25s ease,box-shadow .25s ease}
.real-project-card-v66:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(18,55,42,.14)}
.real-project-card-v66[hidden]{display:none}
.real-project-image-button-v66{position:relative;display:block;width:100%;padding:0;border:0;background:#edf2ef;cursor:zoom-in}
.real-project-image-button-v66 img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.project-zoom-v66{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,58,42,.9);color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.18)}
.project-zoom-v66 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.real-project-body-v66{padding:18px 18px 20px}
.real-project-no-v66{color:#b27f12;font-size:11px;font-weight:900;letter-spacing:.11em}
.real-project-body-v66 h3{margin:7px 0 8px;color:#073c2d;font-size:20px;line-height:1.4}
.real-project-body-v66 p{margin:0;color:#65766f;font-size:14px;line-height:1.7}
.real-project-tags-v66{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.real-project-tags-v66 span{padding:6px 9px;border-radius:999px;background:#e8f2ed;color:#126045;font-size:11px;font-weight:800}
.wordpress-projects-v66{margin-top:68px;padding-top:55px;border-top:1px solid #dce5e1}
.catalog-facebook-v66{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,500px);gap:36px;align-items:center;margin-top:70px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#003d2d,#075b42);color:#fff;box-shadow:0 20px 50px rgba(5,69,50,.16)}
.catalog-facebook-copy-v66>span,.catalog-cta-v66 span{color:#efbd3f;font-size:12px;font-weight:900;letter-spacing:.12em}
.catalog-facebook-copy-v66 h2{margin:8px 0 12px;font-size:clamp(30px,4vw,48px);color:#fff}
.catalog-facebook-copy-v66 p{color:#d9ebe5;font-size:17px;line-height:1.8}
.catalog-facebook-copy-v66 a,.catalog-cta-v66>a{display:inline-flex;margin-top:15px;padding:13px 21px;border-radius:10px;background:#efbd3f;color:#083b2c;font-weight:900}
.catalog-facebook-frame-v66{overflow:hidden;border-radius:15px;background:#fff;min-height:700px}
.catalog-facebook-frame-v66 iframe{display:block;width:100%;max-width:500px;min-height:700px;margin:auto}
.catalog-cta-v66{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:42px;padding:32px 36px;border-radius:20px;background:#fff;border:1px solid #dfe7e3;box-shadow:0 12px 34px rgba(18,55,42,.08)}
.catalog-cta-v66 h2{margin:7px 0;color:#073d2e;font-size:clamp(25px,3vw,38px)}
.catalog-cta-v66 p{margin:0;color:#65766f;line-height:1.7}
.catalog-cta-v66>a{flex:0 0 auto;background:#064d39;color:#fff;margin:0}
.project-lightbox-v66{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:25px;background:rgba(0,18,13,.9)}
.project-lightbox-v66.open{display:flex}
.project-lightbox-v66 img{display:block;max-width:min(92vw,1100px);max-height:90vh;object-fit:contain;border-radius:15px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.project-lightbox-close-v66{position:fixed;right:22px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font-size:32px;line-height:1;cursor:pointer}
body.lightbox-open-v66{overflow:hidden}
@media(max-width:1180px){
 .catalog-hero-inner-v66{grid-template-columns:1fr 1fr}
 .catalog-hero-copy-v66{padding-right:25px}
 .real-project-grid-v66{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .catalog-hero-inner-v66{display:flex;flex-direction:column;min-height:0}
 .catalog-hero-copy-v66{width:100%;padding:55px 0 35px}
 .catalog-hero-image-v66{width:100%;height:440px}
 .catalog-hero-image-v66:before{background:linear-gradient(0deg,#064b37 0%,transparent 38%)}
 .catalog-hero-points-v66{grid-template-columns:1fr}
 .catalog-hero-points-v66 span{border-right:0;border-bottom:1px solid rgba(238,187,63,.25)}
 .catalog-hero-points-v66 span:last-child{border-bottom:0}
 .real-project-grid-v66{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-facebook-v66{grid-template-columns:1fr}
}
@media(max-width:640px){
 .catalog-content-v66{padding:42px 0 55px}
 .catalog-hero-copy-v66{padding:42px 0 28px}
 .catalog-hero-copy-v66 h1{font-size:42px}
 .catalog-hero-image-v66{height:330px}
 .catalog-filters-v66{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:7px}
 .catalog-filters-v66 button{flex:0 0 auto}
 .real-project-grid-v66{grid-template-columns:1fr}
 .real-project-card-v66{border-radius:16px}
 .catalog-facebook-v66{padding:20px;border-radius:18px}
 .catalog-facebook-frame-v66{min-height:620px}
 .catalog-facebook-frame-v66 iframe{height:620px;min-height:620px}
 .catalog-cta-v66{align-items:flex-start;flex-direction:column;padding:25px}
 .catalog-cta-v66>a{width:100%;justify-content:center}
}


/* v6.7 — Refined professional portfolio page without Facebook feed */
.catalog-facebook-v66{display:none!important}
.catalog-content-v66{background:
 radial-gradient(circle at 12% 10%,rgba(7,91,66,.045),transparent 28%),
 linear-gradient(180deg,#f8faf9 0%,#f3f7f5 100%)}
.real-project-grid-v66{gap:24px}
.real-project-card-v66{border:1px solid rgba(8,68,49,.12);box-shadow:0 12px 32px rgba(12,54,40,.085)}
.real-project-image-button-v66:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,44,32,.18));pointer-events:none}
.real-project-body-v66{min-height:205px;display:flex;flex-direction:column}
.real-project-body-v66 p{flex:1}
.catalog-summary-v67{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#003c2d,#07583f);box-shadow:0 18px 46px rgba(4,64,47,.17)}
.catalog-summary-v67 article{display:flex;align-items:flex-start;gap:14px;padding:27px 24px;border-right:1px solid rgba(239,189,63,.24)}
.catalog-summary-v67 article:last-child{border-right:0}
.catalog-summary-icon-v67{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:rgba(239,189,63,.12);color:#efbd3f;border:1px solid rgba(239,189,63,.35)}
.catalog-summary-icon-v67 svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.catalog-summary-v67 strong{display:block;color:#fff;font-size:17px;line-height:1.4;margin-bottom:5px}
.catalog-summary-v67 small{display:block;color:#cfe3dc;font-size:13px;line-height:1.65}
.catalog-cta-v66{margin-top:26px;border:0;background:linear-gradient(135deg,#fff,#f7faf8)}
.catalog-cta-v66>a{box-shadow:0 10px 24px rgba(6,77,57,.18)}
@media(max-width:1050px){
 .catalog-summary-v67{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-summary-v67 article:nth-child(2){border-right:0}
 .catalog-summary-v67 article:nth-child(-n+2){border-bottom:1px solid rgba(239,189,63,.24)}
}
@media(max-width:640px){
 .catalog-summary-v67{grid-template-columns:1fr;margin-top:42px;border-radius:18px}
 .catalog-summary-v67 article{border-right:0;border-bottom:1px solid rgba(239,189,63,.24);padding:21px 19px}
 .catalog-summary-v67 article:last-child{border-bottom:0}
 .real-project-body-v66{min-height:0}
}

/* v6.8 address correction and cache refresh */

/* v10.1 multilingual footer menu */
.spin-footer-menu{list-style:none;margin:0;padding:0}.spin-footer-menu li{margin:0 0 8px}.spin-footer-menu a{color:inherit;text-decoration:none}.spin-footer-menu a:hover{color:var(--gold,#d9aa21)}


/* =========================================================
   SPIN TRUCK Enterprise v11.0 — Corporate News
   One language selector only: the global header selector.
   ========================================================= */
body.post-type-archive-spin_news .spin-news-hero .snc-lang,
body.post-type-archive-spin_news .spin-news-hero .spin-lang-switcher,
body.post-type-archive-spin_news .spin-news-hero .news-language-switcher,
body.post-type-archive-spin_news .spin-news-hero .language-tabs,
body.post-type-archive-spin_news .spin-news-hero > .container > .section-kicker,
body.single-spin_news .spin-news-single .snc-lang,
body.single-spin_news .spin-news-single .spin-lang-switcher,
body.single-spin_news .spin-news-single .news-language-switcher,
body.single-spin_news .spin-news-single .language-tabs {display:none!important}
.spin-news-hero{padding-top:135px!important;padding-bottom:64px!important}
.spin-news-hero h1{margin-top:0!important}
.spin-news-filters{margin-top:8px}
@media(max-width:620px){.spin-news-hero{padding-top:105px!important;padding-bottom:46px!important}}

/* ===== SPIN Truck Enterprise v12.0 Stable ===== */
.site-header{position:relative;background:#021b15;border-bottom:1px solid rgba(224,183,88,.22)}
.header-inner{height:86px;gap:20px}.header-actions{display:flex;align-items:center;gap:10px}.header-social{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(224,183,88,.55);flex:0 0 44px}.header-social svg{width:23px;height:23px;fill:#fff}.header-line{background:#06c755;border-color:#06c755;color:#fff;font-size:9px;font-weight:900;letter-spacing:-.3px}.header-facebook{background:#1877f2;border-color:#1877f2}.menu-toggle{border:1px solid rgba(224,183,88,.65);width:46px;height:46px;border-radius:10px;font-size:24px;line-height:1}
.hero-v12{min-height:720px;display:grid;grid-template-columns:54% 46%;background:#002f24;overflow:hidden}.hero-v12-media{background-position:center;background-size:cover;position:relative;min-height:720px}.hero-v12-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,26,.05),rgba(0,38,29,.25) 65%,#003528 100%)}.hero-v12-panel{position:relative;display:flex;align-items:center;padding:70px clamp(30px,5vw,86px) 70px 30px;background:radial-gradient(circle at 70% 25%,rgba(21,112,78,.38),transparent 45%),linear-gradient(135deg,#003c2c,#001f18)}.hero-v12-panel:before{content:"";position:absolute;left:-100px;top:-5%;bottom:-5%;width:170px;background:#003528;transform:skewX(-15deg);border-left:3px solid var(--gold);z-index:0}.hero-v12-copy{position:relative;z-index:1;max-width:680px}.hero-v12-brand{font-family:"Orbitron","Segoe UI",sans-serif;font-size:clamp(58px,6.4vw,104px);font-weight:900;line-height:.93;letter-spacing:-4px;color:#eef2f1;text-shadow:0 7px 20px rgba(0,0,0,.45)}.hero-v12-brand span{display:block;color:var(--gold-2)}.hero-v12-tagline{margin:20px 0;color:var(--gold-2);font-weight:800;letter-spacing:4px;font-size:14px}.hero-v12-copy h1{font-size:clamp(30px,3.2vw,48px);line-height:1.3;margin:0 0 22px;color:#fff}.hero-v12-copy p{font-size:17px;color:#d4dfda;line-height:1.85;margin:0 0 28px}.hero-v12-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(224,183,88,.42);padding-top:25px;gap:0}.hero-v12-points>div{padding:0 16px;border-right:1px solid rgba(224,183,88,.3);text-align:center}.hero-v12-points>div:first-child{padding-left:0}.hero-v12-points>div:last-child{border-right:0;padding-right:0}.hero-v12-points .spin-icon{width:48px;height:48px;margin:0 auto 9px;color:var(--gold-2)}.hero-v12-points strong,.hero-v12-points span{display:block}.hero-v12-points strong{font-size:14px;color:var(--gold-2)}.hero-v12-points span{font-size:11px;color:#d6dfdb;line-height:1.4;margin-top:4px}
.service-v12{padding:86px 0;background:radial-gradient(circle at 50% 0,rgba(8,87,62,.26),transparent 38%),#001d17}.service-v12-head{text-align:center;max-width:820px;margin:0 auto 40px}.service-v12-head>span{color:var(--gold-2);font-weight:800;letter-spacing:1.5px}.service-v12-head h2{font-size:clamp(38px,5vw,66px);line-height:1.15;margin:8px 0 12px}.service-v12-head p{color:#c3d0ca;margin:0}.service-v12-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-v12-grid article{position:relative;min-height:430px;padding:36px 26px 26px;border:1px solid rgba(224,183,88,.42);border-radius:20px;background:linear-gradient(180deg,rgba(4,54,40,.62),rgba(1,26,20,.9));text-align:center}.service-v12-icon{width:126px;height:126px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 22px}.service-v12-icon .spin-icon{width:72px;height:72px;color:var(--gold-2)}.service-v12-no{position:absolute;right:18px;top:17px;border:1px solid var(--gold);border-radius:7px;padding:3px 8px;color:var(--gold-2);font-weight:900;font-size:20px}.service-v12-grid h3{font-size:24px;line-height:1.35;margin:0 0 13px}.service-v12-grid p{color:#d3ded9;line-height:1.75;margin:0}.service-v12-grid small{position:absolute;left:24px;right:24px;bottom:23px;border-top:1px solid rgba(224,183,88,.25);padding-top:16px;color:var(--gold-2);font-weight:700}.service-v12-trust{margin-top:36px;display:grid;grid-template-columns:88px 1.2fr 1.5fr;align-items:center;gap:24px;padding:25px 34px;border:1px solid rgba(224,183,88,.48);border-radius:20px;background:linear-gradient(135deg,#063d2d,#001d17)}.service-v12-trust img{width:78px}.service-v12-trust strong,.service-v12-trust span{display:block}.service-v12-trust strong{font-size:25px}.service-v12-trust span{color:var(--gold-2)}.trust-items{display:flex;justify-content:flex-end;gap:28px}.trust-items b{display:flex;align-items:center;gap:8px;font-size:13px}.trust-items .spin-icon{width:30px;height:30px;color:var(--gold-2)}
@media(max-width:1180px){.main-nav{order:10}.header-actions{margin-left:auto}.language-menu{margin-left:auto}.hero-v12{grid-template-columns:48% 52%}.hero-v12-points{grid-template-columns:repeat(2,1fr);gap:18px}.hero-v12-points>div{border:0}.service-v12-grid{grid-template-columns:repeat(2,1fr)}.service-v12-trust{grid-template-columns:70px 1fr}.trust-items{grid-column:1/-1;justify-content:center}}
@media(max-width:820px){.header-inner{height:78px;gap:10px}.brand{min-width:0}.brand-text{display:none}.header-actions{gap:7px}.header-social{width:40px;height:40px;flex-basis:40px}.language-trigger{min-width:46px;width:46px;padding:5px;justify-content:center}.language-current,.language-chevron{display:none}.hero-v12{display:block}.hero-v12-media{min-height:48vh;background-position:center 45%}.hero-v12-media:after{background:linear-gradient(180deg,transparent 50%,#003528 100%)}.hero-v12-panel{padding:45px 24px 56px}.hero-v12-panel:before{display:none}.hero-v12-brand{font-size:clamp(54px,17vw,86px)}.hero-v12-copy h1{font-size:30px}.hero-v12-points{grid-template-columns:repeat(2,1fr)}.service-v12-grid{grid-template-columns:1fr}.service-v12-grid article{min-height:390px}.service-v12-trust{grid-template-columns:60px 1fr;padding:22px}.trust-items{display:grid;grid-template-columns:1fr;justify-items:start}.header-phone{display:none}.menu-toggle{display:grid;place-items:center;margin-left:0}.main-nav{top:78px}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.brand-logo{width:43px;height:43px}.header-social{width:36px;height:36px;flex-basis:36px}.language-trigger{width:38px;min-width:38px;height:38px}.language-current-flag{width:27px!important;height:27px!important}.menu-toggle{width:40px;height:40px}.hero-v12-media{min-height:42vh}.hero-v12-panel{padding:36px 18px 48px}.hero-v12-tagline{letter-spacing:2px;font-size:11px}.hero-v12-copy p{font-size:15px}.hero-v12-points{gap:12px}.hero-v12-points>div{padding:0 5px}.service-v12{padding:60px 0}.service-v12-head h2{font-size:39px}.service-v12-grid article{padding:30px 20px 24px}.service-v12-trust{grid-template-columns:1fr;text-align:center}.service-v12-trust img{margin:auto}.trust-items{justify-items:center}}


/* ===== SPIN Truck Enterprise v12.1 Responsive + Landscape Fix ===== */
/* Tablet และอุปกรณ์สัมผัสแนวนอน: ใช้เมนู Hamburger และวางไว้ขวาสุด */
@media (max-width:1366px) and (pointer:coarse){
  .header-inner{
    height:78px!important;
    min-height:78px!important;
    gap:9px!important;
    flex-wrap:nowrap!important;
  }
  .brand{
    order:1!important;
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }
  .brand-logo,.custom-logo-link img{
    width:48px!important;
    height:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }
  .brand-text{
    min-width:0!important;
    overflow:hidden!important;
  }
  .brand-name{
    font-size:18px!important;
    white-space:nowrap!important;
  }
  .brand-tag{
    max-width:190px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .main-nav{
    position:fixed!important;
    inset:78px 0 auto 0!important;
    z-index:10030!important;
    display:none!important;
    margin:0!important;
    padding:16px!important;
    background:rgba(1,29,22,.98)!important;
    border-top:1px solid rgba(224,183,88,.24)!important;
    box-shadow:0 18px 35px rgba(0,0,0,.32)!important;
  }
  .main-nav.open{display:block!important}
  .main-nav ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .main-nav li,.main-nav a{width:100%!important}
  .main-nav a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:13px 14px!important;
    border:1px solid rgba(224,183,88,.20)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.035)!important;
  }
  .language-menu{
    order:2!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .header-actions{
    order:3!important;
    margin-left:0!important;
    flex:0 0 auto!important;
    gap:6px!important;
  }
  .menu-toggle{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    margin:0!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    z-index:10040!important;
  }
  .header-phone{display:none!important}
  .hero-v12{
    grid-template-columns:46% 54%!important;
    min-height:620px!important;
  }
  .hero-v12-media{min-height:620px!important}
  .hero-v12-panel{padding:48px 30px 48px 24px!important}
  .hero-v12-brand{
    font-size:clamp(54px,7.2vw,84px)!important;
    letter-spacing:-3px!important;
  }
  .hero-v12-copy h1{
    font-size:clamp(28px,3.2vw,39px)!important;
  }
  .hero-v12-copy p{
    font-size:15px!important;
    line-height:1.7!important;
  }
  .hero-v12-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 8px!important;
  }
  .hero-v12-points>div{
    border:0!important;
    padding:0 7px!important;
  }
}

/* Tablet แนวตั้ง */
@media (max-width:900px) and (orientation:portrait){
  .hero-v12{display:block!important;min-height:auto!important}
  .hero-v12-media{
    min-height:44vh!important;
    height:44vh!important;
    background-position:center 45%!important;
  }
  .hero-v12-panel{
    min-height:auto!important;
    padding:42px 28px 52px!important;
  }
  .hero-v12-panel:before{display:none!important}
  .hero-v12-brand{
    font-size:clamp(52px,13vw,78px)!important;
  }
}

/* โทรศัพท์แนวนอน: คงรูปกับข้อความสองฝั่ง แต่ลดรายละเอียดให้พอดีจอ */
@media (orientation:landscape) and (max-width:950px) and (max-height:600px){
  .site-header{position:relative!important}
  .header-inner{
    height:64px!important;
    min-height:64px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:40px!important;
    height:40px!important;
    max-height:40px!important;
  }
  .brand-text{display:none!important}
  .language-trigger{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    padding:4px!important;
  }
  .language-current,.language-chevron{display:none!important}
  .language-current-flag{
    width:27px!important;
    height:27px!important;
  }
  .header-social{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
  }
  .header-line{display:none!important}
  .menu-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex-basis:40px!important;
  }
  .main-nav{inset:64px 0 auto!important}
  .main-nav ul{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .main-nav a{
    padding:9px 11px!important;
    font-size:13px!important;
  }
  .hero-v12{
    display:grid!important;
    grid-template-columns:44% 56%!important;
    min-height:calc(100svh - 64px)!important;
  }
  .hero-v12-media{
    min-height:calc(100svh - 64px)!important;
    height:auto!important;
    background-position:center!important;
  }
  .hero-v12-media:after{
    background:linear-gradient(90deg,rgba(0,35,26,.03),#003528 100%)!important;
  }
  .hero-v12-panel{
    min-height:calc(100svh - 64px)!important;
    padding:20px 24px 22px 18px!important;
  }
  .hero-v12-panel:before{display:none!important}
  .hero-v12-brand{
    font-size:clamp(37px,7.2vw,57px)!important;
    line-height:.95!important;
    letter-spacing:-2px!important;
  }
  .hero-v12-tagline{
    margin:9px 0!important;
    font-size:9px!important;
    letter-spacing:1.5px!important;
  }
  .hero-v12-copy h1{
    font-size:clamp(19px,3.3vw,27px)!important;
    margin-bottom:9px!important;
    line-height:1.22!important;
  }
  .hero-v12-copy p{
    font-size:11px!important;
    line-height:1.48!important;
    margin-bottom:10px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .hero-v12-points{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    padding-top:9px!important;
  }
  .hero-v12-points>div{
    padding:0 3px!important;
  }
  .hero-v12-points .spin-icon{
    width:28px!important;
    height:28px!important;
    margin-bottom:3px!important;
  }
  .hero-v12-points strong{
    font-size:9px!important;
    line-height:1.15!important;
  }
  .hero-v12-points span{display:none!important}
  .service-v12{padding:48px 0!important}
}

/* มือถือแนวตั้ง: ให้ Hamburger ขวาบนสุดและลดสิ่งที่แออัด */
@media (max-width:620px) and (orientation:portrait){
  .header-inner{
    height:70px!important;
    min-height:70px!important;
    gap:6px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:42px!important;
    height:42px!important;
    max-height:42px!important;
  }
  .brand-text{display:none!important}
  .language-menu{margin-left:auto!important}
  .header-actions{gap:5px!important}
  .header-facebook{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
  }
  .header-line{display:none!important}
  .menu-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex-basis:40px!important;
  }
  .main-nav{inset:70px 0 auto!important}
  .main-nav ul{grid-template-columns:1fr!important}
  .hero-v12-media{
    min-height:40vh!important;
    height:40vh!important;
  }
  .hero-v12-panel{padding:32px 18px 42px!important}
  .hero-v12-brand{
    font-size:clamp(46px,16vw,68px)!important;
  }
  .hero-v12-copy h1{
    font-size:clamp(25px,8vw,34px)!important;
  }
}

/* Safe-area สำหรับ iPhone/iPad */
@supports (padding:max(0px)){
  .header-inner{
    padding-left:max(0px,env(safe-area-inset-left));
    padding-right:max(0px,env(safe-area-inset-right));
  }
  .main-nav{
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }
}


/* ===== SPIN Truck Enterprise v12.2 Visible Visual Upgrade ===== */
/* ลายน้ำสากลในพื้นที่ข้อความ Hero */
.hero-v12-panel{
  isolation:isolate;
  overflow:hidden;
}
.hero-v12-panel::after{
  content:"";
  position:absolute;
  z-index:0;
  width:min(34vw,470px);
  aspect-ratio:1;
  right:-8%;
  top:5%;
  opacity:.075;
  background:
    url("assets/images/logo-spin.png") center/contain no-repeat;
  filter:grayscale(1) brightness(2.2);
  pointer-events:none;
  transform:rotate(-8deg);
}
.hero-v12-copy{
  z-index:2!important;
}

/* ลายเส้นเทคโนโลยีแบบลายน้ำ */
.hero-v12-panel{
  background:
    radial-gradient(circle at 72% 22%,rgba(24,137,91,.30),transparent 39%),
    repeating-linear-gradient(135deg,transparent 0 46px,rgba(224,183,88,.035) 47px 48px),
    linear-gradient(135deg,#003f2e,#001d17)!important;
}
.hero-v12-panel .hero-v12-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-70px -110px -70px -50px;
  opacity:.22;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.09) 0 1px,transparent 2px) 0 0/19px 19px,
    linear-gradient(120deg,transparent 62%,rgba(224,183,88,.13) 62.2% 62.5%,transparent 62.7%);
}

/* แถบมาตรฐาน: อยู่ใต้รูป Hero และเหนือหัวข้อบริการ */
.spin-certification-strip{
  position:relative;
  z-index:5;
  margin-top:-42px;
  padding:0 28px;
  background:transparent;
}
.spin-certification-inner{
  width:min(1380px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(224,183,88,.62);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(3,61,45,.98),rgba(0,31,24,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.30);
  backdrop-filter:blur(12px);
}
.spin-certification-item{
  min-height:164px;
  display:grid;
  grid-template-columns:112px 1fr;
  gap:24px;
  align-items:center;
  padding:25px 36px;
}
.spin-certification-item+ .spin-certification-item{
  border-left:1px solid rgba(224,183,88,.32);
}
.spin-certification-item img{
  width:100px;
  height:100px;
  border-radius:50%;
  object-fit:contain;
  background:#fff;
  padding:7px;
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}
.spin-certification-item strong{
  display:block;
  margin-bottom:8px;
  color:#e8b94f;
  font-size:clamp(20px,1.6vw,28px);
  line-height:1.2;
}
.spin-certification-item span{
  display:block;
  color:#edf5f1;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1.65;
}
.service-v12{
  padding-top:88px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(22,113,78,.16),transparent 40%),
    repeating-linear-gradient(135deg,transparent 0 62px,rgba(224,183,88,.025) 63px 64px),
    #001f18!important;
}

/* ให้ Hamburger อยู่ขวาบนสุดจริงทุก Tablet/iPad/Phone รวมแนวนอน */
@media (max-width:1366px){
  .header-inner{
    display:flex!important;
    flex-wrap:nowrap!important;
  }
  .brand{order:1!important}
  .main-nav{
    position:fixed!important;
    z-index:10030!important;
    display:none!important;
  }
  .main-nav.open{display:block!important}
  .language-menu{
    order:2!important;
    margin-left:auto!important;
  }
  .header-actions{
    order:3!important;
    margin-left:0!important;
  }
  .menu-toggle{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:0!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
}

/* iPad/Tablet แนวนอน */
@media (max-width:1366px) and (orientation:landscape){
  .spin-certification-strip{
    margin-top:-30px;
    padding:0 20px;
  }
  .spin-certification-item{
    min-height:132px;
    grid-template-columns:76px 1fr;
    gap:15px;
    padding:20px 20px;
  }
  .spin-certification-item img{
    width:70px;
    height:70px;
  }
  .spin-certification-item strong{
    font-size:18px;
  }
  .spin-certification-item span{
    font-size:13px;
    line-height:1.5;
  }
}

/* Tablet แนวตั้ง */
@media (max-width:900px) and (orientation:portrait){
  .spin-certification-strip{
    margin-top:-24px;
    padding:0 16px;
  }
  .spin-certification-inner{
    grid-template-columns:1fr;
  }
  .spin-certification-item{
    min-height:112px;
    grid-template-columns:78px 1fr;
    padding:18px 22px;
  }
  .spin-certification-item+ .spin-certification-item{
    border-left:0;
    border-top:1px solid rgba(224,183,88,.28);
  }
  .spin-certification-item img{
    width:68px;
    height:68px;
  }
  .service-v12{
    padding-top:68px!important;
  }
}

/* โทรศัพท์แนวนอน */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .spin-certification-strip{
    margin-top:0;
    padding:0;
  }
  .spin-certification-inner{
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  .spin-certification-item{
    min-height:84px;
    grid-template-columns:50px 1fr;
    gap:9px;
    padding:10px 12px;
  }
  .spin-certification-item img{
    width:46px;
    height:46px;
    padding:4px;
  }
  .spin-certification-item strong{
    font-size:12px;
    margin-bottom:2px;
  }
  .spin-certification-item span{
    font-size:9px;
    line-height:1.35;
  }
  .service-v12{
    padding-top:44px!important;
  }
}

/* โทรศัพท์แนวตั้ง */
@media (max-width:620px) and (orientation:portrait){
  .spin-certification-strip{
    margin-top:-16px;
    padding:0 12px;
  }
  .spin-certification-inner{
    border-radius:16px;
  }
  .spin-certification-item{
    grid-template-columns:66px 1fr;
    gap:14px;
    padding:16px;
  }
  .spin-certification-item img{
    width:60px;
    height:60px;
  }
  .spin-certification-item strong{
    font-size:17px;
  }
  .spin-certification-item span{
    font-size:12px;
  }
  .hero-v12-panel::after{
    width:75vw;
    right:-24%;
    top:11%;
    opacity:.055;
  }
}


/* =========================================================
   SPIN Truck Enterprise v12.3 — Professional Portfolio
   ========================================================= */
.catalog-page-v66{
  background:#f3f6f4!important;
}
.catalog-hero-v66{
  min-height:620px;
  border-bottom:0!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.09),transparent 27%),
    repeating-linear-gradient(135deg,transparent 0 58px,rgba(230,184,70,.028) 59px 60px),
    linear-gradient(120deg,#003b2d 0%,#064f3b 57%,#00271f 100%)!important;
}
.catalog-hero-v66::after{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  left:-150px;
  bottom:-220px;
  border-radius:50%;
  border:1px solid rgba(239,189,63,.16);
  box-shadow:0 0 0 55px rgba(239,189,63,.025),0 0 0 110px rgba(239,189,63,.018);
  pointer-events:none;
}
.catalog-hero-inner-v66{
  min-height:620px!important;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr)!important;
  gap:0;
}
.catalog-hero-copy-v66{
  padding:78px 58px 78px 0!important;
}
.catalog-kicker-v66{
  position:relative;
  padding-left:48px;
  font-size:12px!important;
  letter-spacing:.18em!important;
}
.catalog-kicker-v66::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:34px;
  height:2px;
  background:#efbd3f;
}
.catalog-hero-copy-v66 h1{
  max-width:760px;
  font-size:clamp(44px,5.3vw,74px)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
.catalog-hero-copy-v66 h2{
  max-width:690px;
  font-size:clamp(23px,2.4vw,34px)!important;
  line-height:1.35!important;
  text-wrap:balance;
}
.catalog-hero-copy-v66>p{
  max-width:690px!important;
  font-size:17px!important;
  line-height:1.9!important;
}
.catalog-hero-points-v66{
  margin-top:34px!important;
  border-radius:16px!important;
  background:rgba(0,26,19,.48)!important;
  border-color:rgba(238,187,63,.38)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.13);
}
.catalog-hero-points-v66 span{
  align-items:flex-start!important;
  min-height:84px;
}
.catalog-hero-points-v66 b{
  min-width:28px;
  font-size:17px!important;
}
.catalog-hero-points-v66 i{
  font-size:14px;
  line-height:1.6!important;
}
.catalog-hero-image-v66{
  clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);
}
.catalog-hero-image-v66::before{
  background:
    linear-gradient(90deg,#064b37 0%,rgba(6,75,55,.22) 23%,transparent 58%),
    linear-gradient(0deg,rgba(0,27,20,.42),transparent 42%)!important;
}
.catalog-hero-image-v66::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-left:2px solid rgba(239,189,63,.72);
  pointer-events:none;
}
.catalog-hero-image-v66 img{
  transform:scale(1.015);
  transition:transform 1.2s ease;
}
.catalog-hero-v66:hover .catalog-hero-image-v66 img{
  transform:scale(1.045);
}

.catalog-content-v66{
  padding:76px 0 90px!important;
}
.catalog-section-head-v66{
  max-width:900px!important;
  margin-bottom:18px!important;
}
.catalog-section-head-v66>span{
  color:#aa7610!important;
  letter-spacing:.17em!important;
}
.catalog-section-head-v66 h2{
  font-size:clamp(34px,4.3vw,54px)!important;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.catalog-section-head-v66 p{
  max-width:760px;
  margin:14px auto 0!important;
  font-size:16px!important;
  line-height:1.85!important;
}
.portfolio-trust-v123{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 auto 30px;
}
.portfolio-trust-v123 span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid #d8e3de;
  border-radius:999px;
  background:#fff;
  color:#355d4f;
  box-shadow:0 5px 16px rgba(12,54,40,.045);
}
.portfolio-trust-v123 svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#b88616;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.portfolio-trust-v123 strong{
  font-size:12px;
  font-weight:800;
}
.catalog-filters-v66{
  position:sticky;
  top:88px;
  z-index:20;
  width:max-content;
  max-width:100%;
  margin:0 auto 36px!important;
  padding:8px;
  border:1px solid #dbe5e0;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(11,61,44,.08);
  backdrop-filter:blur(12px);
}
.catalog-filters-v66 button{
  min-height:42px;
  padding:9px 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#3c5d52!important;
  font-size:13px;
}
.catalog-filters-v66 button:hover{
  color:#064d39!important;
  background:#edf4f1!important;
  box-shadow:none!important;
}
.catalog-filters-v66 button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#075f45,#003f2e)!important;
  box-shadow:0 8px 20px rgba(6,77,57,.22)!important;
}

.real-project-grid-v66{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
}
.real-project-card-v66{
  position:relative;
  border:1px solid rgba(8,68,49,.10)!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(12,54,40,.09)!important;
  transform:translateZ(0);
}
.real-project-card-v66::before{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  top:0;
  width:5px;
  height:0;
  background:linear-gradient(180deg,#efbd3f,#086348);
  transition:height .3s ease;
}
.real-project-card-v66:hover::before{
  height:100%;
}
.real-project-card-v66:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 24px 55px rgba(12,54,40,.15)!important;
}
.real-project-image-button-v66{
  overflow:hidden;
  background:#e8efeb!important;
}
.real-project-image-button-v66 img{
  aspect-ratio:4/3!important;
  transition:transform .5s ease,filter .5s ease;
}
.real-project-card-v66:hover .real-project-image-button-v66 img{
  transform:scale(1.045);
}
.real-project-image-button-v66::after{
  background:linear-gradient(180deg,transparent 50%,rgba(0,38,28,.28))!important;
}
.project-zoom-v66{
  width:46px!important;
  height:46px!important;
  right:15px!important;
  bottom:15px!important;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(0,58,42,.92)!important;
  transition:transform .25s ease,background .25s ease;
}
.real-project-card-v66:hover .project-zoom-v66{
  transform:scale(1.08);
  background:#b98516!important;
}
.real-project-body-v66{
  min-height:230px!important;
  padding:23px 23px 24px!important;
}
.real-project-no-v66{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.real-project-no-v66::before{
  content:"";
  width:22px;
  height:2px;
  background:#c18b17;
}
.real-project-body-v66 h3{
  margin:10px 0 9px!important;
  font-size:22px!important;
  line-height:1.35!important;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.real-project-body-v66 p{
  color:#607169!important;
  font-size:14px!important;
  line-height:1.8!important;
}
.real-project-tags-v66{
  margin-top:16px!important;
  padding-top:14px;
  border-top:1px solid #e5ece8;
}
.real-project-tags-v66 span{
  border:1px solid #d8e6df;
  background:#f3f7f5!important;
  color:#225f49!important;
  font-size:10px!important;
  letter-spacing:.01em;
}

.catalog-summary-v67{
  margin-top:74px!important;
  border:1px solid rgba(239,189,63,.28);
  background:
    repeating-linear-gradient(135deg,transparent 0 52px,rgba(239,189,63,.025) 53px 54px),
    linear-gradient(135deg,#003c2d,#064d39)!important;
}
.catalog-summary-v67 article{
  min-height:150px;
}
.catalog-summary-v67 strong{
  font-size:16px!important;
}
.catalog-summary-v67 small{
  font-size:12px!important;
  line-height:1.75!important;
}

.catalog-cta-v66{
  position:relative;
  overflow:hidden;
  margin-top:34px!important;
  padding:40px 44px!important;
  border-radius:24px!important;
  border:1px solid rgba(8,68,49,.12)!important;
}
.catalog-cta-v66::after{
  content:"SPIN";
  position:absolute;
  right:20px;
  bottom:-40px;
  color:rgba(4,73,52,.035);
  font:900 150px/1 Arial,sans-serif;
  pointer-events:none;
}
.catalog-cta-v66>div,.catalog-cta-v66>a{
  position:relative;
  z-index:2;
}
.catalog-cta-v66 h2{
  max-width:760px;
  text-wrap:balance;
}
.catalog-cta-v66 p{
  max-width:770px;
}
.catalog-cta-v66>a{
  min-width:220px;
  min-height:52px;
  align-items:center;
  justify-content:center;
  border-radius:12px!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.catalog-cta-v66>a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(6,77,57,.24)!important;
}

@media(max-width:1180px){
  .catalog-hero-inner-v66{
    grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)!important;
  }
  .real-project-grid-v66{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  .catalog-hero-inner-v66{
    display:flex!important;
  }
  .catalog-hero-image-v66{
    clip-path:none!important;
  }
  .catalog-hero-image-v66::after{
    border-left:0;
    border-top:2px solid rgba(239,189,63,.72);
  }
  .catalog-hero-copy-v66{
    padding:54px 0 38px!important;
  }
  .catalog-filters-v66{
    position:static;
  }
}
@media(max-width:640px){
  .catalog-hero-copy-v66 h1{
    font-size:38px!important;
  }
  .catalog-hero-copy-v66 h2{
    font-size:22px!important;
  }
  .catalog-hero-copy-v66>p{
    font-size:14px!important;
    line-height:1.8!important;
  }
  .catalog-hero-points-v66 span{
    min-height:0;
  }
  .catalog-content-v66{
    padding:50px 0 66px!important;
  }
  .catalog-filters-v66{
    width:100%;
    justify-content:flex-start!important;
    padding:7px;
    border-radius:15px;
  }
  .real-project-grid-v66{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .real-project-image-button-v66 img{
    aspect-ratio:16/11!important;
  }
  .real-project-body-v66{
    min-height:0!important;
    padding:20px!important;
  }
  .catalog-summary-v67{
    margin-top:52px!important;
  }
  .catalog-cta-v66{
    padding:28px 24px!important;
  }
  .catalog-cta-v66::after{
    font-size:100px;
  }
}


/* =========================================================
   SPIN Truck Enterprise v13.0 Ultimate
   Mobile / Tablet / iPad production responsive system
   ========================================================= */
html,body{
  max-width:100%;
  overflow-x:hidden!important;
}
*,*::before,*::after{
  box-sizing:border-box;
}
img,svg,video,iframe{
  max-width:100%;
}
h1,h2,h3,h4,p,a,span,strong,small,label{
  overflow-wrap:anywhere;
}
body.menu-open{
  overflow:hidden!important;
  touch-action:none;
}

/* ---------- Header ---------- */
.site-header{
  width:100%;
}
.header-inner{
  min-width:0;
}
.brand{
  min-width:0!important;
}
.brand-text{
  min-width:0;
}
.brand-name,.brand-tag{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.menu-icon{
  width:38px;
  height:38px;
  display:grid!important;
  place-items:center;
  flex:0 0 38px;
  border-radius:11px;
  color:#e7b84f;
  background:rgba(231,184,79,.10);
  border:1px solid rgba(231,184,79,.18);
}
.menu-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.menu-toggle{
  position:relative!important;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0!important;
  font-size:0!important;
}
.menu-toggle::before,.menu-toggle::after{
  display:none!important;
  content:none!important;
}
.menu-toggle span{
  width:21px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transition:transform .22s ease,opacity .22s ease;
}
body.menu-open .menu-toggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
body.menu-open .menu-toggle span:nth-child(2){
  opacity:0;
}
body.menu-open .menu-toggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

/* ---------- Contact: prevent text overflow ---------- */
.contact-hero-copy{
  width:min(100%,820px);
  padding-inline:18px;
}
.contact-hero-copy h1{
  width:100%;
  max-width:100%;
  line-height:1.06!important;
  text-wrap:balance;
}
.contact-item-body{
  min-width:0;
}
.contact-item-body p,
.contact-item-body a{
  overflow-wrap:anywhere!important;
  word-break:break-word;
}
.contact-action{
  white-space:nowrap;
}

/* ---------- Portfolio: cleaner image and mobile order ---------- */
.catalog-hero-image-v66 img{
  object-position:center 48%!important;
  filter:saturate(.96) contrast(1.02);
}
.catalog-hero-copy-v66 h1,
.catalog-hero-copy-v66 h2{
  text-wrap:balance;
}
.real-project-card-v66{
  contain:layout paint;
}

/* ---------- Mobile and tablet navigation ---------- */
@media (max-width:1180px){
  .site-header{
    position:relative!important;
    background:#001f18!important;
  }
  .header-inner{
    height:72px!important;
    min-height:72px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
  }
  .brand{
    order:1!important;
    flex:1 1 auto!important;
    width:auto!important;
    overflow:hidden;
  }
  .brand-logo,.custom-logo-link img{
    width:45px!important;
    height:45px!important;
    max-width:45px!important;
    max-height:45px!important;
    object-fit:contain!important;
  }
  .brand-name{
    font-size:16px!important;
  }
  .brand-tag{
    max-width:170px!important;
    font-size:8px!important;
  }
  .language-menu{
    order:2!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .header-actions{
    order:3!important;
    margin:0!important;
    flex:0 0 auto!important;
    gap:5px!important;
  }
  .header-phone{
    display:none!important;
  }
  .header-social{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
  }
  .menu-toggle{
    order:4!important;
    z-index:10050!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    margin-left:1px!important;
    border:1px solid rgba(231,184,79,.65)!important;
    border-radius:12px!important;
    background:#073d2f!important;
  }
  .main-nav{
    position:fixed!important;
    z-index:10040!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(92vw,390px)!important;
    height:100dvh!important;
    max-width:390px!important;
    max-height:none!important;
    padding:92px 18px max(24px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(105%,0,0)!important;
    pointer-events:none!important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;
    background:
      radial-gradient(circle at 85% 10%,rgba(231,184,79,.08),transparent 31%),
      linear-gradient(180deg,#064332,#001f18 75%)!important;
    border-left:1px solid rgba(231,184,79,.25)!important;
    box-shadow:-28px 0 70px rgba(0,0,0,.52)!important;
  }
  .main-nav.open{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
  .main-nav .spin-fixed-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .main-nav .spin-fixed-menu li{
    width:100%!important;
  }
  .main-nav .spin-fixed-menu a{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:13px!important;
    min-height:62px!important;
    width:100%!important;
    padding:11px 14px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:15px!important;
    color:#fff!important;
    background:rgba(255,255,255,.035)!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:left!important;
  }
  .main-nav .current-menu-item>a{
    border-color:rgba(231,184,79,.55)!important;
    background:linear-gradient(135deg,rgba(231,184,79,.15),rgba(255,255,255,.035))!important;
  }
  .main-nav a::after{
    display:none!important;
  }
  .menu-backdrop{
    position:fixed!important;
    z-index:10030!important;
    inset:0!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    border:0!important;
    background:rgba(0,16,12,.72)!important;
    backdrop-filter:blur(3px)!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  body.menu-open .menu-backdrop{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* ---------- iPad / Tablet landscape ---------- */
@media (min-width:700px) and (max-width:1180px) and (orientation:landscape){
  .header-inner{
    height:70px!important;
    min-height:70px!important;
  }
  .brand-text{
    display:block!important;
  }
  .header-line{
    display:grid!important;
  }
  .main-nav{
    width:min(54vw,410px)!important;
  }
  .catalog-hero-inner-v66{
    grid-template-columns:1fr 1.05fr!important;
    min-height:540px!important;
  }
  .catalog-hero-copy-v66{
    padding:48px 30px 48px 0!important;
  }
  .catalog-hero-copy-v66 h1{
    font-size:clamp(38px,5vw,58px)!important;
  }
  .catalog-hero-copy-v66 h2{
    font-size:clamp(22px,2.8vw,31px)!important;
  }
  .catalog-hero-copy-v66>p{
    font-size:15px!important;
    line-height:1.75!important;
  }
  .catalog-hero-points-v66{
    grid-template-columns:1fr!important;
    margin-top:22px!important;
  }
  .catalog-hero-points-v66 span{
    min-height:52px!important;
    padding:12px 15px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(238,187,63,.22);
  }
  .catalog-hero-points-v66 span:last-child{
    border-bottom:0;
  }
}

/* ---------- Tablet portrait ---------- */
@media (min-width:621px) and (max-width:900px) and (orientation:portrait){
  .main-nav{
    width:min(76vw,410px)!important;
  }
  .catalog-hero-inner-v66{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .catalog-hero-image-v66{
    order:1!important;
    width:100%!important;
    height:46vh!important;
    min-height:360px!important;
    clip-path:none!important;
  }
  .catalog-hero-copy-v66{
    order:2!important;
    width:100%!important;
    padding:44px 0 52px!important;
  }
}

/* ---------- Phone portrait ---------- */
@media (max-width:620px){
  .container{
    width:calc(100% - 28px)!important;
  }
  .header-inner{
    height:68px!important;
    min-height:68px!important;
  }
  .brand-text{
    display:none!important;
  }
  .brand-logo,.custom-logo-link img{
    width:43px!important;
    height:43px!important;
  }
  .language-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:4px!important;
  }
  .language-current,.language-chevron{
    display:none!important;
  }
  .language-current-flag{
    width:29px!important;
    height:29px!important;
  }
  .header-facebook{
    display:none!important;
  }
  .header-line{
    display:none!important;
  }
  .menu-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .main-nav{
    width:min(92vw,370px)!important;
    padding-top:88px!important;
  }
  .main-nav .spin-fixed-menu a{
    min-height:58px!important;
    font-size:17px!important;
  }

  /* Contact */
  .contact-hero-v62{
    min-height:0!important;
  }
  .contact-hero-copy{
    padding:42px 10px 46px!important;
  }
  .contact-kicker{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }
  .contact-hero-copy h1{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0 0 16px!important;
    font-size:clamp(34px,10.4vw,46px)!important;
    line-height:1.05!important;
  }
  .contact-title-amp{
    margin:2px 0!important;
    font-size:.62em!important;
  }
  .contact-hero-copy p{
    font-size:15px!important;
    line-height:1.72!important;
  }
  .contact-main-v62{
    padding:20px 0 54px!important;
  }
  .contact-panel{
    padding:20px 15px!important;
    border-radius:18px!important;
  }
  .panel-heading{
    align-items:flex-start!important;
    gap:12px!important;
  }
  .panel-heading h2{
    font-size:27px!important;
    line-height:1.18!important;
  }
  .panel-heading p{
    font-size:13px!important;
    line-height:1.55!important;
  }
  .contact-item-v62{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:11px!important;
    padding:16px 13px!important;
    border-radius:16px!important;
  }
  .contact-icon-color{
    width:48px!important;
    height:48px!important;
  }
  .contact-item-body h3{
    font-size:18px!important;
  }
  .contact-item-body p,
  .contact-item-body a{
    font-size:14px!important;
    line-height:1.62!important;
  }
  .contact-action{
    grid-column:2!important;
    min-height:42px!important;
    padding:9px 15px!important;
    margin-top:4px!important;
    justify-self:start!important;
    font-size:13px!important;
  }

  /* Portfolio: image first, then text */
  .catalog-hero-inner-v66{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .catalog-hero-image-v66{
    order:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    clip-path:none!important;
  }
  .catalog-hero-image-v66 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .catalog-hero-image-v66::after{
    border-left:0!important;
    border-bottom:2px solid rgba(239,189,63,.72)!important;
  }
  .catalog-hero-copy-v66{
    order:2!important;
    width:100%!important;
    padding:34px 0 42px!important;
  }
  .catalog-kicker-v66{
    padding-left:34px!important;
    font-size:10px!important;
  }
  .catalog-kicker-v66::before{
    width:24px!important;
  }
  .catalog-hero-copy-v66 h1{
    margin-top:10px!important;
    font-size:clamp(34px,10.5vw,45px)!important;
    line-height:1.12!important;
  }
  .catalog-hero-copy-v66 h2{
    font-size:clamp(21px,6.4vw,28px)!important;
    line-height:1.35!important;
  }
  .catalog-hero-copy-v66>p{
    font-size:15px!important;
    line-height:1.82!important;
  }
  .catalog-hero-points-v66{
    grid-template-columns:1fr!important;
    margin-top:24px!important;
  }
  .catalog-hero-points-v66 span{
    min-height:66px!important;
    padding:14px 16px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(238,187,63,.25)!important;
  }
  .catalog-hero-points-v66 span:last-child{
    border-bottom:0!important;
  }
  .catalog-hero-points-v66 i{
    font-size:15px!important;
  }
  .catalog-section-head-v66 h2{
    font-size:clamp(29px,8.5vw,38px)!important;
    line-height:1.25!important;
  }
  .catalog-section-head-v66 p{
    font-size:14px!important;
  }
}

/* ---------- Phone landscape ---------- */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .site-header{
    position:relative!important;
  }
  .header-inner{
    height:62px!important;
    min-height:62px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:38px!important;
    height:38px!important;
  }
  .brand-text{
    display:block!important;
  }
  .brand-name{
    font-size:13px!important;
  }
  .brand-tag{
    display:none!important;
  }
  .language-trigger{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .menu-toggle{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
  }
  .main-nav{
    width:min(56vw,380px)!important;
    padding-top:76px!important;
  }
  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .main-nav .spin-fixed-menu a{
    min-height:50px!important;
    font-size:14px!important;
  }
  .catalog-hero-inner-v66{
    display:grid!important;
    grid-template-columns:46% 54%!important;
  }
  .catalog-hero-image-v66{
    order:1!important;
    height:calc(100svh - 62px)!important;
    min-height:360px!important;
    clip-path:none!important;
  }
  .catalog-hero-copy-v66{
    order:2!important;
    padding:24px 20px!important;
    max-height:calc(100svh - 62px)!important;
    overflow:auto!important;
  }
  .catalog-hero-copy-v66 h1{
    font-size:32px!important;
  }
  .catalog-hero-copy-v66 h2{
    font-size:19px!important;
  }
  .catalog-hero-copy-v66>p{
    font-size:12px!important;
    line-height:1.55!important;
  }
  .catalog-hero-points-v66{
    margin-top:14px!important;
  }
  .catalog-hero-points-v66 span{
    min-height:43px!important;
    padding:8px 10px!important;
  }
  .catalog-hero-points-v66 i{
    font-size:11px!important;
  }
}

/* ---------- Safe area ---------- */
@supports (padding:max(0px)){
  .header-inner{
    padding-left:max(0px,env(safe-area-inset-left))!important;
    padding-right:max(0px,env(safe-area-inset-right))!important;
  }
  .main-nav{
    padding-right:max(18px,env(safe-area-inset-right))!important;
  }
}


/* ===== SPIN Truck Enterprise v13.1 — Bright Picture Menu Icons ===== */
@media (max-width:1180px){
  .main-nav .menu-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex:0 0 46px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  }
  .main-nav .menu-icon img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    border-radius:14px!important;
  }
  .main-nav .spin-fixed-menu a{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:70px!important;
    padding:11px 14px!important;
  }
  .main-nav .spin-fixed-menu a:hover .menu-icon,
  .main-nav .current-menu-item>a .menu-icon{
    transform:scale(1.06)!important;
    box-shadow:0 10px 25px rgba(0,0,0,.30),0 0 0 2px rgba(255,255,255,.18)!important;
  }
  .main-nav .menu-icon{
    transition:transform .22s ease,box-shadow .22s ease!important;
  }
}
@media (max-width:620px){
  .main-nav .menu-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    border-radius:13px!important;
  }
  .main-nav .spin-fixed-menu a{
    grid-template-columns:44px minmax(0,1fr)!important;
    min-height:66px!important;
    font-size:17px!important;
  }
}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .main-nav .menu-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
    border-radius:10px!important;
  }
  .main-nav .spin-fixed-menu a{
    grid-template-columns:36px minmax(0,1fr)!important;
    min-height:52px!important;
    gap:9px!important;
    font-size:14px!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v13.2
   Yellow Truck Portfolio Hero — Responsive Image System
   ========================================================= */
.catalog-hero-image-v66{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#0b5a43,#002c22)!important;
}
.catalog-hero-picture-v66{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.catalog-hero-picture-v66 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  transform:none!important;
  filter:saturate(1.03) contrast(1.04) brightness(.97);
}
.catalog-hero-image-v66::before{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(4,73,53,.80) 0%,rgba(4,73,53,.25) 25%,transparent 60%),
    linear-gradient(0deg,rgba(0,34,25,.45) 0%,transparent 48%)!important;
}
.catalog-hero-image-v66::after{
  z-index:3!important;
}
.catalog-hero-v66:hover .catalog-hero-picture-v66 img{
  transform:none!important;
}

/* Desktop */
@media (min-width:1181px){
  .catalog-hero-inner-v66{
    min-height:650px!important;
    grid-template-columns:minmax(0,.91fr) minmax(560px,1.09fr)!important;
  }
  .catalog-hero-image-v66{
    min-height:650px!important;
  }
  .catalog-hero-picture-v66 img{
    object-position:center 54%;
  }
}

/* Large tablet / iPad landscape */
@media (min-width:901px) and (max-width:1180px){
  .catalog-hero-inner-v66{
    min-height:570px!important;
    grid-template-columns:46% 54%!important;
  }
  .catalog-hero-image-v66{
    min-height:570px!important;
  }
  .catalog-hero-picture-v66 img{
    object-position:center 52%;
  }
}

/* Tablet portrait: image displayed first, full-width */
@media (min-width:621px) and (max-width:900px) and (orientation:portrait){
  .catalog-hero-image-v66{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  .catalog-hero-picture-v66{
    position:absolute!important;
  }
  .catalog-hero-picture-v66 img{
    object-position:center 54%!important;
  }
  .catalog-hero-image-v66::before{
    background:
      linear-gradient(0deg,rgba(0,41,30,.35),transparent 46%)!important;
  }
}

/* Phone portrait: balanced crop focused on both trucks */
@media (max-width:620px) and (orientation:portrait){
  .catalog-hero-image-v66{
    aspect-ratio:4/4.6!important;
    min-height:0!important;
    height:auto!important;
  }
  .catalog-hero-picture-v66 img{
    object-position:center 50%!important;
  }
  .catalog-hero-image-v66::before{
    background:
      linear-gradient(0deg,rgba(0,39,29,.42),transparent 48%)!important;
  }
}

/* Phone landscape: photo and text remain side-by-side */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .catalog-hero-image-v66{
    min-height:calc(100svh - 62px)!important;
    height:calc(100svh - 62px)!important;
    aspect-ratio:auto!important;
  }
  .catalog-hero-picture-v66 img{
    object-position:center 50%!important;
  }
}

/* Avoid distorted image in every browser */
.catalog-hero-picture-v66,
.catalog-hero-picture-v66 img{
  max-width:none!important;
}


/* =========================================================
   SPIN Truck Enterprise v13.3
   Desktop Header — clean corporate navigation
   Applies to desktop only. Tablet and mobile remain unchanged.
   ========================================================= */
@media (min-width:1181px){
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:10020!important;
    background:#ffffff!important;
    border-bottom:3px solid #c9342e!important;
    box-shadow:0 8px 28px rgba(20,33,29,.10)!important;
  }

  .header-inner{
    height:92px!important;
    min-height:92px!important;
    display:grid!important;
    grid-template-columns:minmax(250px,340px) minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    padding:0!important;
  }

  .brand{
    min-width:0!important;
    color:#073f31!important;
  }

  .brand-logo,
  .custom-logo-link img{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
  }

  .brand-name{
    color:#063f31!important;
    font-size:21px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
  }

  .brand-tag{
    color:#6a756f!important;
    font-size:9px!important;
  }

  .main-nav{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .main-nav .spin-fixed-menu{
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  .main-nav .spin-fixed-menu li{
    position:relative!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
  }

  .main-nav .spin-fixed-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:92px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#26332f!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-align:center!important;
    box-shadow:none!important;
    transition:background .2s ease,color .2s ease!important;
  }

  .main-nav .spin-fixed-menu a:hover{
    color:#ffffff!important;
    background:#cf3b32!important;
  }

  .main-nav .spin-fixed-menu a::after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    height:3px!important;
    display:block!important;
    border-radius:999px!important;
    background:#cf3b32!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    transition:transform .2s ease!important;
  }

  .main-nav .spin-fixed-menu a:hover::after{
    background:#ffffff!important;
    transform:scaleX(1)!important;
  }

  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    color:#ffffff!important;
    background:#cf3b32!important;
  }

  .main-nav .current-menu-item>a::after,
  .main-nav .current_page_item>a::after{
    background:#ffffff!important;
    transform:scaleX(1)!important;
  }

  /* Desktop menu does not need icons */
  .main-nav .menu-icon{
    display:none!important;
  }

  .language-menu{
    margin:0!important;
  }

  .language-trigger{
    min-width:126px!important;
    height:46px!important;
    border:1px solid #d5ddd9!important;
    background:#ffffff!important;
    color:#163c31!important;
    box-shadow:0 4px 14px rgba(20,50,41,.06)!important;
  }

  .header-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
  }

  .header-social{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
  }

  .header-phone{
    min-height:46px!important;
    padding:0 17px!important;
    border-color:#c9342e!important;
    color:#8e241f!important;
    background:#fff!important;
    font-size:14px!important;
    box-shadow:none!important;
  }

  .header-phone:hover{
    color:#fff!important;
    background:#c9342e!important;
  }

  .menu-toggle,
  .menu-backdrop{
    display:none!important;
  }
}

/* Compact desktop/laptop widths */
@media (min-width:1181px) and (max-width:1440px){
  .header-inner{
    grid-template-columns:minmax(220px,285px) minmax(0,1fr) auto!important;
    gap:14px!important;
  }

  .brand-name{
    font-size:18px!important;
  }

  .brand-tag{
    max-width:190px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .main-nav .spin-fixed-menu a{
    padding:0 12px!important;
    font-size:13px!important;
  }

  .language-trigger{
    min-width:108px!important;
  }

  .header-phone{
    padding:0 12px!important;
    font-size:13px!important;
  }
}

@media (min-width:1181px){
.site-header{background:#052f28!important;border-bottom:2px solid #d4af37!important;}
.brand,.brand-name,.main-nav .spin-fixed-menu a,.language-trigger,.header-phone{color:#fff!important;}
.brand-tag{color:#d9d9d9!important;}
.main-nav .spin-fixed-menu a:hover,
.main-nav .current-menu-item>a,
.main-nav .current_page_item>a{
 background:#d4af37!important;
 color:#052f28!important;
}
.main-nav .spin-fixed-menu a::after{
 background:#d4af37!important;
}
.main-nav .spin-fixed-menu a:hover::after,
.main-nav .current-menu-item>a::after,
.main-nav .current_page_item>a::after{
 background:#052f28!important;
}
.language-trigger,.header-phone{
 background:#07382f!important;
 border-color:#d4af37!important;
}
.header-phone:hover,.language-trigger:hover{
 background:#d4af37!important;
 color:#052f28!important;
}
}


/* =========================================================
   SPIN Truck Enterprise v13.5
   Balanced Desktop Header + Premium Hover
   Desktop only — mobile/tablet remain unchanged
   ========================================================= */
@media (min-width:1181px){

  .site-header{
    background:#001f18!important;
    border-bottom:1px solid rgba(212,175,55,.28)!important;
    box-shadow:0 7px 24px rgba(0,0,0,.18)!important;
  }

  .header-inner{
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:minmax(250px,330px) minmax(540px,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
  }

  .brand{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
  }

  .brand-logo,
  .custom-logo-link img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }

  .brand-name{
    color:#fff!important;
    font-size:19px!important;
    line-height:1.1!important;
  }

  .brand-tag{
    color:#d4af37!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  .main-nav{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
  }

  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(82px,1fr))!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  .main-nav .spin-fixed-menu li{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
  }

  .main-nav .spin-fixed-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 10px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-align:center!important;
    overflow:hidden!important;
    transition:
      color .22s ease,
      background .22s ease,
      border-color .22s ease,
      transform .22s ease,
      box-shadow .22s ease!important;
  }

  .main-nav .spin-fixed-menu a::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:7px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,#d4af37,transparent)!important;
    transform:scaleX(0)!important;
    opacity:0!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }

  .main-nav .spin-fixed-menu a::after{
    display:none!important;
    content:none!important;
  }

  .main-nav .spin-fixed-menu a:hover{
    color:#f0c95b!important;
    background:rgba(212,175,55,.075)!important;
    border-color:rgba(212,175,55,.28)!important;
    transform:translateY(-2px)!important;
    box-shadow:
      0 7px 18px rgba(0,0,0,.16),
      inset 0 0 0 1px rgba(255,255,255,.025)!important;
  }

  .main-nav .spin-fixed-menu a:hover::before{
    transform:scaleX(1)!important;
    opacity:1!important;
  }

  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    color:#f0c95b!important;
    background:rgba(212,175,55,.10)!important;
    border-color:rgba(212,175,55,.38)!important;
    box-shadow:inset 0 -2px 0 #d4af37!important;
  }

  .main-nav .current-menu-item>a::before,
  .main-nav .current_page_item>a::before{
    transform:scaleX(1)!important;
    opacity:1!important;
  }

  .main-nav .menu-icon{
    display:none!important;
  }

  .language-menu{
    margin:0!important;
  }

  .language-trigger{
    height:44px!important;
    min-width:130px!important;
    padding:0 13px!important;
    border:1px solid rgba(212,175,55,.56)!important;
    border-radius:24px!important;
    color:#fff!important;
    background:#07382f!important;
    box-shadow:none!important;
    transition:background .2s ease,transform .2s ease,box-shadow .2s ease!important;
  }

  .language-trigger:hover{
    color:#001f18!important;
    background:#d4af37!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  }

  .header-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
  }

  .header-social{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    border:1px solid rgba(212,175,55,.52)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }

  .header-social:hover{
    transform:translateY(-3px) scale(1.04)!important;
    border-color:#d4af37!important;
    box-shadow:0 9px 20px rgba(0,0,0,.20)!important;
  }

  .header-phone{
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid rgba(212,175,55,.62)!important;
    border-radius:24px!important;
    color:#f0c95b!important;
    background:#07382f!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
  }

  .header-phone:hover{
    color:#001f18!important;
    background:#d4af37!important;
    transform:translateY(-2px)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.20)!important;
  }

  .menu-toggle,
  .menu-backdrop{
    display:none!important;
  }
}

/* Laptop widths: keep equal proportions without crowding */
@media (min-width:1181px) and (max-width:1440px){
  .header-inner{
    grid-template-columns:minmax(220px,280px) minmax(500px,1fr) auto!important;
    gap:14px!important;
  }

  .main-nav .spin-fixed-menu{
    grid-template-columns:repeat(6,minmax(74px,1fr))!important;
    gap:2px!important;
  }

  .main-nav .spin-fixed-menu a{
    padding:0 7px!important;
    font-size:12px!important;
  }

  .language-trigger{
    min-width:112px!important;
  }

  .header-phone{
    padding:0 12px!important;
    font-size:12px!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v14.0 Corporate Stable
   Rebuilt header/responsive system for real devices
   ========================================================= */

/* Foundation */
:root{
  --spin-green-950:#001d17;
  --spin-green-900:#00271f;
  --spin-green-800:#063c30;
  --spin-gold:#d8ad3d;
  --spin-gold-soft:#f0c968;
  --spin-white:#ffffff;
  --spin-shadow:0 12px 34px rgba(0,0,0,.18);
}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body.menu-open{
  overflow:hidden!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:10020!important;
  width:100%!important;
  background:rgba(0,29,23,.98)!important;
  border-bottom:1px solid rgba(216,173,61,.25)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px)!important;
}
.header-inner{
  width:min(1460px,calc(100% - 40px))!important;
  margin:0 auto!important;
  min-width:0!important;
}
.brand{
  min-width:0!important;
  text-decoration:none!important;
}
.brand-logo,.custom-logo-link img{
  object-fit:contain!important;
}
.brand-name{
  color:#fff!important;
}
.brand-tag{
  color:var(--spin-gold)!important;
}
.main-nav .menu-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Desktop/Laptop: only true desktop widths */
@media (min-width:1367px){
  .header-inner{
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:minmax(270px,340px) minmax(600px,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
  }
  .brand{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
  .brand-name{
    font-size:20px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }
  .brand-tag{
    max-width:245px!important;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .main-nav{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(84px,1fr))!important;
    gap:5px!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .main-nav .spin-fixed-menu li{
    width:100%!important;
    min-width:0!important;
  }
  .main-nav .spin-fixed-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 12px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    transition:all .22s ease!important;
  }
  .main-nav .spin-fixed-menu a::before{
    content:""!important;
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    bottom:7px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,var(--spin-gold),transparent)!important;
    opacity:0!important;
    transform:scaleX(.25)!important;
    transition:all .22s ease!important;
  }
  .main-nav .spin-fixed-menu a::after{
    display:none!important;
  }
  .main-nav .spin-fixed-menu a:hover{
    color:var(--spin-gold-soft)!important;
    border-color:rgba(216,173,61,.24)!important;
    background:rgba(216,173,61,.07)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.15)!important;
  }
  .main-nav .spin-fixed-menu a:hover::before,
  .main-nav .current-menu-item>a::before,
  .main-nav .current_page_item>a::before{
    opacity:1!important;
    transform:scaleX(1)!important;
  }
  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    color:var(--spin-gold-soft)!important;
    border-color:rgba(216,173,61,.35)!important;
    background:rgba(216,173,61,.09)!important;
  }
  .main-nav .menu-icon{
    display:none!important;
  }

  .language-menu{
    margin:0!important;
  }
  .language-trigger{
    min-width:128px!important;
    height:44px!important;
    padding:0 13px!important;
    border-radius:24px!important;
    border:1px solid rgba(216,173,61,.55)!important;
    color:#fff!important;
    background:#063c30!important;
    transition:all .2s ease!important;
  }
  .language-trigger:hover{
    color:#001d17!important;
    background:var(--spin-gold)!important;
    transform:translateY(-2px)!important;
  }
  .header-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .header-social{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    transition:all .2s ease!important;
  }
  .header-social:hover{
    transform:translateY(-3px) scale(1.04)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.20)!important;
  }
  .header-phone{
    min-height:44px!important;
    padding:0 16px!important;
    border-radius:24px!important;
    border:1px solid rgba(216,173,61,.58)!important;
    color:var(--spin-gold-soft)!important;
    background:#063c30!important;
    font-size:13px!important;
    white-space:nowrap!important;
    transition:all .2s ease!important;
  }
  .header-phone:hover{
    color:#001d17!important;
    background:var(--spin-gold)!important;
    transform:translateY(-2px)!important;
  }
  .menu-toggle,.menu-backdrop{
    display:none!important;
  }
}

/* Tablet, iPad and compact laptop: stable hamburger layout */
@media (max-width:1366px){
  .header-inner{
    min-height:74px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .brand{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .brand-logo,.custom-logo-link img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    flex:0 0 46px!important;
  }
  .brand-text{
    min-width:0!important;
    overflow:hidden!important;
  }
  .brand-name{
    display:block!important;
    font-size:17px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand-tag{
    display:block!important;
    max-width:200px!important;
    font-size:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .language-menu{
    order:2!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .header-actions{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
  }
  .header-phone{
    display:none!important;
  }
  .header-social{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
  }
  .menu-toggle{
    order:4!important;
    position:relative!important;
    z-index:10050!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(216,173,61,.62)!important;
    border-radius:13px!important;
    background:#063c30!important;
  }
  .menu-toggle span{
    width:21px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  .main-nav{
    position:fixed!important;
    z-index:10040!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(88vw,400px)!important;
    height:100dvh!important;
    max-height:none!important;
    padding:94px 18px max(24px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow-y:auto!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;
    background:
      radial-gradient(circle at 85% 10%,rgba(216,173,61,.10),transparent 32%),
      linear-gradient(180deg,#064332,#001d17 78%)!important;
    border-left:1px solid rgba(216,173,61,.28)!important;
    box-shadow:-25px 0 70px rgba(0,0,0,.50)!important;
  }
  .main-nav.open{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
  .main-nav .spin-fixed-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .main-nav .spin-fixed-menu li{
    width:100%!important;
  }
  .main-nav .spin-fixed-menu a{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    min-height:68px!important;
    padding:11px 14px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:left!important;
  }
  .main-nav .spin-fixed-menu a:hover,
  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    border-color:rgba(216,173,61,.50)!important;
    background:linear-gradient(135deg,rgba(216,173,61,.16),rgba(255,255,255,.04))!important;
    color:#fff!important;
  }
  .main-nav .menu-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    border:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  }
  .main-nav .menu-icon img{
    width:100%!important;
    height:100%!important;
    border-radius:14px!important;
  }
  .main-nav a::before,.main-nav a::after{
    display:none!important;
  }
  .menu-backdrop{
    position:fixed!important;
    z-index:10030!important;
    inset:0!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    border:0!important;
    background:rgba(0,16,12,.74)!important;
    backdrop-filter:blur(3px)!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  body.menu-open .menu-backdrop{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* Tablet landscape */
@media (min-width:700px) and (max-width:1366px) and (orientation:landscape){
  .main-nav{
    width:min(52vw,420px)!important;
  }
  .header-line{
    display:grid!important;
  }
}

/* Tablet portrait */
@media (min-width:621px) and (max-width:1024px) and (orientation:portrait){
  .main-nav{
    width:min(76vw,410px)!important;
  }
}

/* Phone */
@media (max-width:620px){
  .header-inner{
    width:calc(100% - 24px)!important;
    min-height:68px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    flex-basis:42px!important;
  }
  .brand-text{
    display:none!important;
  }
  .language-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:4px!important;
  }
  .language-current,.language-chevron{
    display:none!important;
  }
  .language-current-flag{
    width:29px!important;
    height:29px!important;
  }
  .header-facebook,.header-line{
    display:none!important;
  }
  .menu-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  .main-nav{
    width:min(92vw,370px)!important;
    padding-top:88px!important;
  }
  .main-nav .spin-fixed-menu a{
    grid-template-columns:44px minmax(0,1fr)!important;
    min-height:64px!important;
    font-size:16px!important;
  }
  .main-nav .menu-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}

/* Phone landscape */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .header-inner{
    min-height:62px!important;
  }
  .brand-logo,.custom-logo-link img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .brand-name{
    font-size:13px!important;
  }
  .brand-tag{
    display:none!important;
  }
  .main-nav{
    width:min(56vw,390px)!important;
    padding-top:76px!important;
  }
  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .main-nav .spin-fixed-menu a{
    grid-template-columns:36px minmax(0,1fr)!important;
    min-height:52px!important;
    padding:8px 10px!important;
    gap:9px!important;
    font-size:13px!important;
  }
  .main-nav .menu-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}

/* Corporate page typography/layout cleanup */
.about-hero-v65,
.contact-hero-v62,
.catalog-hero-v66{
  overflow:hidden!important;
}
.about-hero-inner-v65,
.contact-hero-copy,
.catalog-hero-inner-v66{
  min-width:0!important;
}
.about-hero-copy-v65 h1,
.contact-hero-copy h1,
.catalog-hero-copy-v66 h1{
  max-width:100%!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media (max-width:1024px){
  .about-hero-inner-v65{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding-block:52px!important;
  }
  .about-hero-copy-v65,
  .about-values-v65{
    width:100%!important;
    max-width:100%!important;
  }
  .about-values-v65{
    border-left:0!important;
    border-top:1px solid rgba(184,130,33,.25)!important;
    padding-left:0!important;
    padding-top:28px!important;
  }
}
@media (max-width:620px){
  .about-hero-copy-v65 h1{
    font-size:clamp(35px,10vw,48px)!important;
    line-height:1.08!important;
  }
  .about-hero-copy-v65 h2{
    font-size:clamp(20px,5.7vw,27px)!important;
    line-height:1.35!important;
  }
  .about-hero-copy-v65 p{
    font-size:14px!important;
    line-height:1.8!important;
  }
}

/* Safe area */
@supports (padding:max(0px)){
  .header-inner{
    padding-left:max(0px,env(safe-area-inset-left))!important;
    padding-right:max(0px,env(safe-area-inset-right))!important;
  }
  .main-nav{
    padding-right:max(18px,env(safe-area-inset-right))!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v14.1
   Normal Browser Header Position Fix
   Fixes Facebook / LINE / phone dropping below the header
   ========================================================= */

/* True desktop: one single horizontal row */
@media (min-width:1367px){
  .header-inner{
    width:min(1460px,calc(100% - 40px))!important;
    min-height:82px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
  }

  .brand{
    order:1!important;
    flex:0 1 300px!important;
    width:auto!important;
    min-width:220px!important;
    max-width:320px!important;
  }

  .main-nav{
    order:2!important;
    flex:1 1 auto!important;
    min-width:560px!important;
    width:auto!important;
  }

  .main-nav .spin-fixed-menu{
    grid-template-columns:repeat(6,minmax(76px,1fr))!important;
    gap:3px!important;
  }

  .main-nav .spin-fixed-menu a{
    min-height:48px!important;
    padding:0 9px!important;
    font-size:13px!important;
  }

  .language-menu{
    order:3!important;
    flex:0 0 auto!important;
    margin-left:2px!important;
  }

  .language-trigger{
    min-width:122px!important;
    height:44px!important;
  }

  .header-actions{
    order:4!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
  }

  .header-social{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
  }

  .header-phone{
    min-height:42px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }

  .menu-toggle,
  .menu-backdrop{
    display:none!important;
  }
}

/* Standard laptop browser widths: still one row, slightly more compact */
@media (min-width:1367px) and (max-width:1600px){
  .header-inner{
    width:calc(100% - 28px)!important;
    gap:9px!important;
  }

  .brand{
    flex-basis:250px!important;
    min-width:210px!important;
    max-width:270px!important;
  }

  .brand-logo,
  .custom-logo-link img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
  }

  .brand-name{
    font-size:17px!important;
  }

  .brand-tag{
    max-width:185px!important;
    font-size:7px!important;
  }

  .main-nav{
    min-width:510px!important;
  }

  .main-nav .spin-fixed-menu{
    grid-template-columns:repeat(6,minmax(68px,1fr))!important;
    gap:1px!important;
  }

  .main-nav .spin-fixed-menu a{
    padding:0 6px!important;
    font-size:12px!important;
  }

  .language-trigger{
    min-width:108px!important;
    padding:0 10px!important;
  }

  .header-social{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    flex-basis:37px!important;
  }

  .header-phone{
    padding:0 10px!important;
    font-size:11px!important;
  }
}

/* Very wide desktop: balanced spacing */
@media (min-width:1800px){
  .header-inner{
    width:min(1540px,calc(100% - 56px))!important;
    gap:18px!important;
  }

  .brand{
    flex-basis:330px!important;
  }

  .main-nav .spin-fixed-menu a{
    padding:0 14px!important;
    font-size:14px!important;
  }
}

/* Safety: actions must never become a second row on desktop */
@media (min-width:1367px){
  .site-header .header-actions,
  .site-header .language-menu{
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
  }

  .site-header + *{
    clear:both;
  }
}


/* =========================================================
   SPIN Truck Enterprise v15.0 Ultimate
   Final production header system
   ========================================================= */
:root{
  --spin-header:#001f18;
  --spin-header-2:#063c30;
  --spin-gold:#d8ad3d;
  --spin-gold-light:#f2cf6a;
}

/* Telephone is intentionally hidden in header on every device */
.site-header .header-phone{
  display:none!important;
}

/* ---------- Desktop / laptop ---------- */
@media (min-width:1181px){
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:10020!important;
    background:rgba(0,31,24,.98)!important;
    border-bottom:1px solid rgba(216,173,61,.28)!important;
    box-shadow:0 7px 24px rgba(0,0,0,.17)!important;
    backdrop-filter:blur(12px)!important;
  }

  .header-inner{
    width:min(1500px,calc(100% - 34px))!important;
    min-height:78px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    margin:0 auto!important;
  }

  .brand{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    flex:0 1 295px!important;
    min-width:215px!important;
    max-width:315px!important;
    gap:11px!important;
    overflow:hidden!important;
  }

  .brand-logo,.custom-logo-link img{
    width:47px!important;
    height:47px!important;
    max-width:47px!important;
    max-height:47px!important;
    flex:0 0 47px!important;
    object-fit:contain!important;
  }

  .brand-text{
    min-width:0!important;
    overflow:hidden!important;
  }

  .brand-name{
    color:#fff!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .brand-tag{
    display:block!important;
    max-width:220px!important;
    color:var(--spin-gold)!important;
    font-size:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .main-nav{
    order:2!important;
    position:static!important;
    flex:1 1 auto!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    min-width:500px!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(72px,1fr))!important;
    align-items:center!important;
    gap:3px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .main-nav .spin-fixed-menu li{
    width:100%!important;
    min-width:0!important;
  }

  .main-nav .spin-fixed-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 8px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-align:center!important;
    transition:all .2s ease!important;
  }

  .main-nav .spin-fixed-menu a::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:7px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,var(--spin-gold),transparent)!important;
    opacity:0!important;
    transform:scaleX(.25)!important;
    transition:all .2s ease!important;
  }

  .main-nav .spin-fixed-menu a::after{
    display:none!important;
  }

  .main-nav .spin-fixed-menu a:hover{
    color:var(--spin-gold-light)!important;
    background:rgba(216,173,61,.075)!important;
    border-color:rgba(216,173,61,.28)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
  }

  .main-nav .spin-fixed-menu a:hover::before,
  .main-nav .current-menu-item>a::before,
  .main-nav .current_page_item>a::before{
    opacity:1!important;
    transform:scaleX(1)!important;
  }

  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    color:var(--spin-gold-light)!important;
    background:rgba(216,173,61,.095)!important;
    border-color:rgba(216,173,61,.36)!important;
  }

  .main-nav .menu-icon{
    display:none!important;
  }

  .language-menu{
    order:3!important;
    flex:0 0 auto!important;
    margin-left:2px!important;
  }

  .language-trigger{
    min-width:116px!important;
    height:43px!important;
    padding:0 11px!important;
    border:1px solid rgba(216,173,61,.55)!important;
    border-radius:23px!important;
    color:#fff!important;
    background:var(--spin-header-2)!important;
    transition:all .2s ease!important;
  }

  .language-trigger:hover{
    color:var(--spin-header)!important;
    background:var(--spin-gold)!important;
    transform:translateY(-2px)!important;
  }

  .header-actions{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:7px!important;
    margin:0!important;
    position:static!important;
  }

  .header-social{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }

  .header-social:hover{
    transform:translateY(-3px) scale(1.04)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.20)!important;
  }

  .menu-toggle,.menu-backdrop{
    display:none!important;
  }
}

/* ---------- Tablet landscape: horizontal single-line menu ---------- */
@media (min-width:900px) and (max-width:1180px) and (orientation:landscape){
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:10020!important;
    background:rgba(0,31,24,.98)!important;
    border-bottom:1px solid rgba(216,173,61,.25)!important;
  }

  .header-inner{
    width:calc(100% - 24px)!important;
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    margin:0 auto!important;
  }

  .brand{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 170px!important;
    min-width:170px!important;
    max-width:170px!important;
    gap:7px!important;
  }

  .brand-logo,.custom-logo-link img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    flex:0 0 38px!important;
  }

  .brand-name{
    display:block!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  .brand-tag{
    display:block!important;
    max-width:118px!important;
    font-size:5.8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .main-nav{
    order:2!important;
    position:static!important;
    flex:1 1 auto!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .main-nav .spin-fixed-menu{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(62px,1fr))!important;
    gap:1px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .main-nav .spin-fixed-menu li{
    width:100%!important;
    min-width:0!important;
  }

  .main-nav .spin-fixed-menu a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:42px!important;
    padding:0 4px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-align:center!important;
  }

  .main-nav .spin-fixed-menu a:hover,
  .main-nav .current-menu-item>a,
  .main-nav .current_page_item>a{
    color:var(--spin-gold-light)!important;
    border-color:rgba(216,173,61,.34)!important;
    background:rgba(216,173,61,.09)!important;
  }

  .main-nav .menu-icon{
    display:none!important;
  }

  .language-menu{
    order:3!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .language-trigger{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:39px!important;
    padding:4px!important;
  }

  .language-current,.language-chevron{
    display:none!important;
  }

  .language-current-flag{
    width:28px!important;
    height:28px!important;
  }

  .header-actions{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:4px!important;
    margin:0!important;
  }

  .header-social{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
  }

  .menu-toggle,.menu-backdrop{
    display:none!important;
  }
}

/* ---------- Tablet portrait and phones: drawer menu ---------- */
@media (max-width:899px), (max-width:1180px) and (orientation:portrait){
  .header-inner{
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
  }

  .brand{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .language-menu{
    order:2!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }

  .header-actions{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:5px!important;
  }

  .menu-toggle{
    order:4!important;
    display:flex!important;
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    flex:0 0 43px!important;
  }

  .main-nav{
    position:fixed!important;
    z-index:10040!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(90vw,390px)!important;
    height:100dvh!important;
    padding:90px 18px max(24px,env(safe-area-inset-bottom))!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .25s ease!important;
    background:linear-gradient(180deg,#064332,#001f18 78%)!important;
    border-left:1px solid rgba(216,173,61,.28)!important;
    box-shadow:-25px 0 70px rgba(0,0,0,.50)!important;
    overflow-y:auto!important;
  }

  .main-nav.open{
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }

  .main-nav .spin-fixed-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    width:100%!important;
  }

  .main-nav .spin-fixed-menu a{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    min-height:66px!important;
    padding:10px 14px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-align:left!important;
  }

  .main-nav .menu-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  .main-nav .menu-icon img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* Phone refinements */
@media (max-width:620px){
  .header-inner{
    width:calc(100% - 24px)!important;
    min-height:68px!important;
  }

  .brand-text{
    display:none!important;
  }

  .header-facebook,.header-line{
    display:none!important;
  }

  .language-trigger{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    padding:4px!important;
  }

  .language-current,.language-chevron{
    display:none!important;
  }

  .main-nav{
    width:min(92vw,370px)!important;
    padding-top:86px!important;
  }
}

/* Ensure no menu word wraps anywhere */
.site-header .main-nav a{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}


/* =========================================================
   SPIN Truck Enterprise v15.1
   Restore company name on mobile / tablet / iPad
   ========================================================= */

/* Tablet and iPad: always show brand text */
@media (max-width:1180px){
  .brand{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .brand-text{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:220px!important;
    overflow:hidden!important;
  }

  .brand-name{
    display:block!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .brand-tag{
    display:block!important;
    max-width:210px!important;
    color:#d8ad3d!important;
    font-size:6.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* iPad / tablet portrait */
@media (min-width:621px) and (max-width:1180px) and (orientation:portrait){
  .brand{
    flex:1 1 auto!important;
    max-width:330px!important;
  }

  .brand-text{
    max-width:245px!important;
  }

  .brand-name{
    font-size:17px!important;
  }

  .brand-tag{
    max-width:235px!important;
    font-size:6.8px!important;
  }
}

/* Tablet landscape */
@media (min-width:700px) and (max-width:1180px) and (orientation:landscape){
  .brand{
    flex:0 1 210px!important;
    min-width:180px!important;
    max-width:230px!important;
  }

  .brand-text{
    max-width:165px!important;
  }

  .brand-name{
    font-size:14px!important;
  }

  .brand-tag{
    max-width:160px!important;
    font-size:5.6px!important;
  }
}

/* Mobile: show SPIN TRUCK clearly, hide only the small company subtitle */
@media (max-width:620px){
  .header-inner{
    gap:6px!important;
  }

  .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:7px!important;
  }

  .brand-logo,
  .custom-logo-link img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    flex:0 0 40px!important;
  }

  .brand-text{
    display:block!important;
    min-width:0!important;
    max-width:155px!important;
  }

  .brand-name{
    display:block!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .brand-tag{
    display:none!important;
  }

  .language-menu{
    margin-left:auto!important;
  }
}

/* Small phones */
@media (max-width:390px){
  .brand-text{
    max-width:118px!important;
  }

  .brand-name{
    font-size:12.5px!important;
  }

  .brand-logo,
  .custom-logo-link img{
    width:37px!important;
    height:37px!important;
    max-width:37px!important;
    max-height:37px!important;
    flex-basis:37px!important;
  }
}

/* Phone landscape */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  .brand-text{
    display:block!important;
    max-width:130px!important;
  }

  .brand-name{
    display:block!important;
    font-size:12.5px!important;
  }

  .brand-tag{
    display:none!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v16.0 Ultimate Final
   Final stabilization layer
   ========================================================= */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  min-width:320px;
}
img{
  height:auto;
}
.site-header,
.header-inner,
.main-nav,
.main-nav ul,
.main-nav li,
.main-nav a,
.brand,
.brand-text,
.header-actions,
.language-menu{
  box-sizing:border-box!important;
}
.site-header .brand-name{
  display:block!important;
}
.site-header .header-phone{
  display:none!important;
}

/* Prevent browser zoom/layout rounding from dropping header controls */
@media (min-width:1181px){
  .header-inner{
    flex-wrap:nowrap!important;
  }
  .brand,
  .main-nav,
  .language-menu,
  .header-actions{
    float:none!important;
    position:relative;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
  }
  .header-actions{
    white-space:nowrap!important;
  }
}

/* Tablet landscape: single horizontal navigation, no word wrapping */
@media (min-width:900px) and (max-width:1180px) and (orientation:landscape){
  .site-header .main-nav .spin-fixed-menu a{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .site-header .brand-text{
    display:flex!important;
  }
  .site-header .brand-name{
    display:block!important;
  }
}

/* Tablet portrait and mobile: stable logo + name + language + menu */
@media (max-width:899px), (max-width:1180px) and (orientation:portrait){
  .site-header .brand{
    min-width:0!important;
  }
  .site-header .brand-text{
    display:flex!important;
    min-width:0!important;
  }
  .site-header .brand-name{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .site-header .main-nav{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

/* Mobile company name must remain visible */
@media (max-width:620px){
  .site-header .brand-text{
    display:block!important;
    max-width:150px!important;
  }
  .site-header .brand-name{
    display:block!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .site-header .brand-tag{
    display:none!important;
  }
}
@media (max-width:390px){
  .site-header .brand-text{
    max-width:112px!important;
  }
  .site-header .brand-name{
    font-size:12px!important;
  }
}

/* Accessible focus styles */
.site-header a:focus-visible,
.site-header button:focus-visible,
.catalog-filters-v66 button:focus-visible,
.contact-action:focus-visible{
  outline:3px solid #f2cf6a!important;
  outline-offset:3px!important;
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v16.1
   Dimensional Services Section
   ========================================================= */
.service-v12{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:108px 0 118px!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(29,132,92,.30),transparent 35%),
    radial-gradient(circle at 8% 78%,rgba(216,173,61,.09),transparent 27%),
    radial-gradient(circle at 94% 24%,rgba(216,173,61,.07),transparent 25%),
    repeating-linear-gradient(135deg,transparent 0 58px,rgba(255,255,255,.018) 59px 60px),
    linear-gradient(180deg,#002b21 0%,#001b15 100%)!important;
}
.service-v12::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  left:-250px;
  top:120px;
  border-radius:50%;
  border:1px solid rgba(216,173,61,.10);
  box-shadow:
    0 0 0 54px rgba(216,173,61,.022),
    0 0 0 108px rgba(216,173,61,.015);
}
.service-v12::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:440px;
  height:440px;
  right:-210px;
  bottom:-170px;
  opacity:.07;
  background:url("assets/images/logo-spin.png") center/contain no-repeat;
  filter:grayscale(1) brightness(2);
  transform:rotate(-9deg);
}
.service-v12 .container{
  position:relative;
  z-index:2;
}
.service-v12-head{
  max-width:880px!important;
  margin:0 auto 54px!important;
}
.service-v12-head>span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#efc45a!important;
  font-size:13px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
.service-v12-head>span::before,
.service-v12-head>span::after{
  content:"";
  width:44px;
  height:1px;
  background:linear-gradient(90deg,transparent,#d8ad3d);
}
.service-v12-head>span::after{
  background:linear-gradient(90deg,#d8ad3d,transparent);
}
.service-v12-head h2{
  margin:12px 0 14px!important;
  font-size:clamp(44px,5.2vw,72px)!important;
  letter-spacing:-.035em;
  text-shadow:0 10px 30px rgba(0,0,0,.28);
}
.service-v12-head p{
  max-width:700px;
  margin:0 auto!important;
  color:#c8d6d0!important;
  font-size:17px;
  line-height:1.8;
}

.service-v12-grid{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  perspective:1400px;
}
.service-v12-grid::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-34px;
  height:50px;
  border-radius:50%;
  background:rgba(0,0,0,.34);
  filter:blur(22px);
  transform:scaleX(.92);
  pointer-events:none;
}
.service-v12-grid article{
  position:relative;
  min-height:470px!important;
  padding:34px 26px 28px!important;
  overflow:hidden;
  border:1px solid rgba(216,173,61,.36)!important;
  border-radius:24px!important;
  background:
    linear-gradient(155deg,rgba(255,255,255,.065),transparent 26%),
    radial-gradient(circle at 50% 0,rgba(30,124,87,.26),transparent 42%),
    linear-gradient(180deg,rgba(4,68,50,.92),rgba(0,27,21,.98))!important;
  box-shadow:
    0 28px 58px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(216,173,61,.10)!important;
  transform-style:preserve-3d;
  transition:
    transform .35s cubic-bezier(.2,.75,.2,1),
    box-shadow .35s ease,
    border-color .35s ease!important;
}
.service-v12-grid article:nth-child(2),
.service-v12-grid article:nth-child(4){
  transform:translateY(18px);
}
.service-v12-grid article::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(125deg,rgba(255,255,255,.10),transparent 18% 72%,rgba(216,173,61,.05));
  pointer-events:none;
}
.service-v12-grid article::after{
  content:"";
  position:absolute;
  z-index:0;
  width:180px;
  height:180px;
  right:-90px;
  bottom:-92px;
  border-radius:50%;
  border:1px solid rgba(216,173,61,.18);
  box-shadow:0 0 0 26px rgba(216,173,61,.025);
  transition:transform .4s ease;
}
.service-v12-grid article:hover{
  z-index:4;
  border-color:rgba(242,207,106,.78)!important;
  transform:translateY(-14px) rotateX(2deg)!important;
  box-shadow:
    0 42px 82px rgba(0,0,0,.42),
    0 0 0 1px rgba(216,173,61,.15),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.service-v12-grid article:hover::after{
  transform:scale(1.18);
}
.service-v12-grid article>*{
  position:relative;
  z-index:2;
}

.service-v12-icon{
  position:relative;
  width:138px!important;
  height:138px!important;
  margin:4px auto 28px!important;
  border:1px solid rgba(242,207,106,.70)!important;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(145deg,#064d39,#002a20)!important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.28),
    inset 0 0 0 10px rgba(216,173,61,.035),
    0 0 0 1px rgba(255,255,255,.03)!important;
  transform:translateZ(26px);
}
.service-v12-icon::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:1px dashed rgba(216,173,61,.24);
  animation:spinServiceRing 18s linear infinite;
}
.service-v12-icon::after{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  background:conic-gradient(from 90deg,transparent 0 72%,rgba(216,173,61,.35),transparent 88%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  opacity:.7;
}
.service-v12-icon .spin-icon{
  width:74px!important;
  height:74px!important;
  color:#efc45a!important;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.25));
}
.service-v12-grid article:hover .service-v12-icon{
  transform:translateZ(36px) scale(1.04);
}
.service-v12-no{
  right:18px!important;
  top:17px!important;
  min-width:48px;
  padding:5px 9px!important;
  border-color:rgba(242,207,106,.70)!important;
  border-radius:9px!important;
  background:rgba(0,31,24,.72);
  box-shadow:0 8px 18px rgba(0,0,0,.20);
  font-size:19px!important;
}
.service-v12-grid h3{
  max-width:270px;
  margin:0 auto 15px!important;
  font-size:25px!important;
  line-height:1.34!important;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.service-v12-grid p{
  max-width:285px;
  margin:0 auto!important;
  color:#d4dfda!important;
  font-size:15px;
  line-height:1.82!important;
}
.service-v12-grid small{
  left:25px!important;
  right:25px!important;
  bottom:24px!important;
  padding-top:17px!important;
  border-top-color:rgba(216,173,61,.22)!important;
  color:#efc45a!important;
  font-size:13px;
  letter-spacing:.01em;
}
.service-v12-grid small::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#d8ad3d;
  box-shadow:0 0 12px rgba(216,173,61,.55);
}

.service-v12-trust{
  position:relative;
  margin-top:70px!important;
  padding:30px 38px!important;
  overflow:hidden;
  border-color:rgba(216,173,61,.50)!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),transparent 24%),
    linear-gradient(130deg,#07513c,#001f18)!important;
  box-shadow:
    0 24px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.service-v12-trust::after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,173,61,.12),transparent 68%);
}
.service-v12-trust img{
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.30));
}
.service-v12-trust strong{
  font-size:27px!important;
  letter-spacing:-.02em;
}
.trust-items b{
  min-height:48px;
  padding:8px 12px;
  border:1px solid rgba(216,173,61,.16);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

@keyframes spinServiceRing{
  to{transform:rotate(360deg)}
}

/* Tablet */
@media (max-width:1180px){
  .service-v12{
    padding:88px 0 100px!important;
  }
  .service-v12-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }
  .service-v12-grid article,
  .service-v12-grid article:nth-child(2),
  .service-v12-grid article:nth-child(4){
    min-height:440px!important;
    transform:none!important;
  }
  .service-v12-grid article:hover{
    transform:translateY(-10px)!important;
  }
  .service-v12-trust{
    margin-top:50px!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-v12{
    padding:68px 0 78px!important;
  }
  .service-v12-head{
    margin-bottom:34px!important;
  }
  .service-v12-head>span::before,
  .service-v12-head>span::after{
    width:24px;
  }
  .service-v12-head h2{
    font-size:clamp(36px,10.5vw,46px)!important;
  }
  .service-v12-head p{
    font-size:14px;
  }
  .service-v12-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
    perspective:none;
  }
  .service-v12-grid::before{
    display:none;
  }
  .service-v12-grid article{
    min-height:410px!important;
    padding:28px 20px 24px!important;
    border-radius:20px!important;
  }
  .service-v12-grid article:hover{
    transform:none!important;
  }
  .service-v12-icon{
    width:118px!important;
    height:118px!important;
    margin-bottom:22px!important;
  }
  .service-v12-icon .spin-icon{
    width:64px!important;
    height:64px!important;
  }
  .service-v12-grid h3{
    font-size:22px!important;
  }
  .service-v12-grid p{
    font-size:14px;
  }
  .service-v12-trust{
    margin-top:34px!important;
    padding:24px 20px!important;
    border-radius:20px!important;
  }
  .service-v12-trust strong{
    font-size:23px!important;
  }
}

/* Touch devices: no forced hover elevation */
@media (hover:none){
  .service-v12-grid article:hover{
    transform:none!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v16.2
   Real Project Photo Service Cards
   ========================================================= */
.service-v12-grid-photos{
  align-items:stretch;
}
.service-v12-grid-photos .service-photo-card{
  display:flex;
  flex-direction:column;
  min-height:560px!important;
  padding:0!important;
  background:
    linear-gradient(180deg,rgba(5,72,53,.97),rgba(0,27,21,.99))!important;
}
.service-v12-grid-photos .service-photo-card:nth-child(2),
.service-v12-grid-photos .service-photo-card:nth-child(4){
  transform:translateY(16px);
}
.service-v12-photo{
  position:relative!important;
  z-index:1;
  width:100%;
  height:250px;
  overflow:hidden;
  border-bottom:1px solid rgba(216,173,61,.38);
  background:#0a3128;
}
.service-v12-photo img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease;
}
.service-v12-photo-shade{
  position:absolute!important;
  z-index:2!important;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,19,15,.02) 20%,rgba(0,31,24,.15) 58%,rgba(0,31,24,.92) 100%),
    linear-gradient(120deg,rgba(0,31,24,.34),transparent 55%);
  pointer-events:none;
}
.service-v12-photo::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.service-v12-photo-icon{
  position:absolute!important;
  z-index:4!important;
  left:50%;
  bottom:-39px;
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  transform:translateX(-50%);
  border:2px solid #d8ad3d;
  border-radius:22px;
  color:#f2cf6a;
  background:linear-gradient(145deg,#07513c,#00251c);
  box-shadow:
    0 14px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.service-v12-photo-icon .spin-icon{
  width:43px!important;
  height:43px!important;
}
.service-v12-grid-photos .service-v12-no{
  z-index:6!important;
  top:16px!important;
  right:16px!important;
  background:rgba(0,31,24,.86)!important;
  backdrop-filter:blur(8px);
}
.service-v12-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  flex:1;
  padding:57px 25px 25px;
  text-align:center;
}
.service-v12-grid-photos h3{
  margin:0 auto 14px!important;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px!important;
}
.service-v12-grid-photos p{
  margin:0 auto 20px!important;
  flex:1;
  max-width:290px;
}
.service-v12-grid-photos small{
  position:static!important;
  display:block;
  margin-top:auto;
  padding-top:16px!important;
  border-top:1px solid rgba(216,173,61,.22);
}
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo img{
  transform:scale(1.055);
  filter:saturate(1.05) contrast(1.04);
}
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo-icon{
  box-shadow:
    0 18px 35px rgba(0,0,0,.42),
    0 0 0 5px rgba(216,173,61,.09);
}

/* Tablet */
@media (max-width:1180px){
  .service-v12-grid-photos .service-photo-card,
  .service-v12-grid-photos .service-photo-card:nth-child(2),
  .service-v12-grid-photos .service-photo-card:nth-child(4){
    min-height:520px!important;
    transform:none!important;
  }
  .service-v12-photo{
    height:235px;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-v12-grid-photos .service-photo-card{
    min-height:0!important;
  }
  .service-v12-photo{
    height:auto;
    aspect-ratio:16/10;
  }
  .service-v12-content{
    padding:52px 20px 22px;
  }
  .service-v12-grid-photos h3{
    min-height:0;
    font-size:22px!important;
  }
  .service-v12-grid-photos p{
    flex:none;
  }
}


/* =========================================================
   SPIN Truck Enterprise v16.4
   Static service layout with industrial background
   No hover, no animation, equal photo/card proportions
   ========================================================= */
.service-v12{
  position:relative!important;
  overflow:hidden!important;
  padding:0 0 72px!important;
  background:
    radial-gradient(circle at 12% 30%,rgba(216,173,61,.08),transparent 28%),
    repeating-linear-gradient(135deg,transparent 0 62px,rgba(255,255,255,.018) 63px 64px),
    linear-gradient(180deg,#001e18 0%,#00291f 52%,#001c16 100%)!important;
}
.service-v12::before,
.service-v12::after{
  display:none!important;
}
.service-v12>.container{
  width:min(1480px,calc(100% - 40px))!important;
  padding-top:0!important;
}
.service-static-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(440px,.9fr) minmax(560px,1.1fr);
  min-height:500px;
  margin:0 -20px 34px;
  overflow:hidden;
  border-bottom:1px solid rgba(216,173,61,.34);
  background:
    linear-gradient(90deg,#001d17 0%,rgba(0,29,23,.97) 42%,rgba(0,29,23,.46) 66%,rgba(0,29,23,.12) 100%),
    url("assets/images/service-static/services-hero-background.jpg") right center/cover no-repeat;
}
.service-static-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(0,20,15,.24)),
    linear-gradient(120deg,transparent 58%,rgba(216,173,61,.12));
}
.service-static-copy{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:640px;
  padding:56px 30px 52px 56px;
}
.service-static-kicker{
  display:block;
  margin-bottom:12px;
  color:#e9b942;
  font-size:13px;
  font-weight:800;
  letter-spacing:.17em;
}
.service-static-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(46px,4.8vw,74px);
  line-height:1.06;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.service-static-copy h2 strong{
  color:#efbd39;
  font-weight:900;
}
.service-static-copy p{
  max-width:570px;
  margin:22px 0 0;
  color:#eef4f1;
  font-size:19px;
  line-height:1.75;
}
.service-static-values{
  display:flex;
  flex-wrap:wrap;
  gap:14px 26px;
  margin-top:28px;
}
.service-static-values span{
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.025em;
}
.service-static-values span::first-letter{
  color:#efbd39;
}
.service-static-truck{
  min-height:500px;
}

/* Equal-sized service cards */
.service-v12-grid-photos{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  perspective:none!important;
}
.service-v12-grid-photos::before{
  display:none!important;
}
.service-v12-grid-photos .service-photo-card,
.service-v12-grid-photos .service-photo-card:nth-child(2),
.service-v12-grid-photos .service-photo-card:nth-child(4){
  display:flex!important;
  flex-direction:column!important;
  min-height:590px!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  border:1px solid rgba(216,173,61,.72)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#044333 0%,#00261d 100%)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.23)!important;
  transition:none!important;
}
.service-v12-grid-photos .service-photo-card:hover{
  transform:none!important;
  border-color:rgba(216,173,61,.72)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.23)!important;
}
.service-v12-grid-photos .service-photo-card::before,
.service-v12-grid-photos .service-photo-card::after{
  display:none!important;
}
.service-v12-photo{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(216,173,61,.64)!important;
}
.service-v12-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.service-v12-photo-shade{
  background:linear-gradient(180deg,transparent 72%,rgba(0,35,26,.42))!important;
}
.service-v12-photo-icon{
  left:50%!important;
  bottom:-40px!important;
  width:82px!important;
  height:82px!important;
  transform:translateX(-50%)!important;
  border:3px solid rgba(255,255,255,.78)!important;
  border-radius:50%!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
  transition:none!important;
}
.service-v12-grid-photos article:nth-child(1) .service-v12-photo-icon{
  background:linear-gradient(145deg,#16a8ff,#0047d8)!important;
  color:#fff!important;
}
.service-v12-grid-photos article:nth-child(2) .service-v12-photo-icon{
  background:linear-gradient(145deg,#5ee431,#11972b)!important;
  color:#fff!important;
}
.service-v12-grid-photos article:nth-child(3) .service-v12-photo-icon{
  background:linear-gradient(145deg,#ff9a18,#ed4f00)!important;
  color:#fff!important;
}
.service-v12-grid-photos article:nth-child(4) .service-v12-photo-icon{
  background:linear-gradient(145deg,#ad65ff,#5623c7)!important;
  color:#fff!important;
}
.service-v12-photo-icon .spin-icon{
  width:44px!important;
  height:44px!important;
}
.service-v12-grid-photos .service-v12-no{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  width:calc(100% - 28px)!important;
  margin:12px auto 0!important;
  padding:0 12px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  border:0!important;
  border-radius:10px!important;
}
.service-v12-grid-photos article:nth-child(1) .service-v12-no{
  background:linear-gradient(90deg,#075ed1,#1b8df1)!important;
}
.service-v12-grid-photos article:nth-child(2) .service-v12-no{
  background:linear-gradient(90deg,#058f2d,#19b943)!important;
}
.service-v12-grid-photos article:nth-child(3) .service-v12-no{
  background:linear-gradient(90deg,#ff5a00,#ff8a00)!important;
}
.service-v12-grid-photos article:nth-child(4) .service-v12-no{
  background:linear-gradient(90deg,#5d25bf,#8c46e7)!important;
}
.service-v12-content{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:52px 20px 22px!important;
  text-align:center!important;
}
.service-v12-grid-photos h3{
  min-height:70px!important;
  margin:0 auto 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.35!important;
  text-wrap:balance!important;
}
.service-v12-grid-photos p{
  flex:1!important;
  max-width:290px!important;
  margin:0 auto 18px!important;
  color:#edf4f0!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.service-v12-grid-photos small{
  position:static!important;
  margin-top:auto!important;
  padding-top:15px!important;
  border-top:1px solid rgba(216,173,61,.22)!important;
  color:#f4c75a!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.service-v12-grid-photos small::before{
  display:none!important;
}

/* Tablet */
@media (max-width:1180px){
  .service-static-hero{
    grid-template-columns:1fr 1fr;
    min-height:430px;
  }
  .service-static-copy{
    padding:44px 24px 42px 34px;
  }
  .service-static-copy h2{
    font-size:clamp(38px,5.5vw,58px);
  }
  .service-v12-grid-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-v12{
    padding-bottom:52px!important;
  }
  .service-v12>.container{
    width:calc(100% - 24px)!important;
  }
  .service-static-hero{
    grid-template-columns:1fr;
    min-height:590px;
    margin:0 -12px 24px;
    background:
      linear-gradient(180deg,#001d17 0%,rgba(0,29,23,.98) 45%,rgba(0,29,23,.30) 72%,rgba(0,29,23,.08) 100%),
      url("assets/images/service-static/services-hero-background.jpg") 68% bottom/auto 58% no-repeat,
      #001d17;
  }
  .service-static-copy{
    align-self:start;
    padding:38px 22px 0;
    text-align:center;
  }
  .service-static-copy h2{
    font-size:clamp(37px,11vw,48px);
  }
  .service-static-copy p{
    margin-top:15px;
    font-size:14px;
  }
  .service-static-values{
    justify-content:center;
    gap:10px 16px;
    margin-top:20px;
  }
  .service-static-values span{
    font-size:11px;
  }
  .service-static-truck{
    min-height:300px;
  }
  .service-v12-grid-photos{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .service-v12-grid-photos .service-photo-card{
    min-height:0!important;
  }
  .service-v12-photo{
    aspect-ratio:16/10!important;
  }
  .service-v12-content{
    padding:50px 18px 20px!important;
  }
  .service-v12-grid-photos h3{
    min-height:0!important;
    font-size:21px!important;
  }
  .service-v12 .service-v12-grid-photos::after{
    min-height:72px;
    font-size:13px;
    line-height:1.7;
  }
}

/* No motion or hover */
.service-v12 *,
.service-v12 *::before,
.service-v12 *::after{
  animation:none!important;
}
@media (prefers-reduced-motion:no-preference){
  .service-v12 *{
    transition:none!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v16.5
   Service card image/text layout correction
   ========================================================= */

.service-v12-grid-photos{
  align-items:stretch!important;
}

.service-v12-grid-photos .service-photo-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:620px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#063f31 0%,#00281f 100%)!important;
}

/* Image stays in its own frame */
.service-v12-grid-photos .service-v12-photo{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  margin:0!important;
  border-bottom:1px solid rgba(216,173,61,.58)!important;
  background:#0a2d24!important;
}

.service-v12-grid-photos .service-v12-photo img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  margin:0!important;
}

/* Remove dark duplicate overlay */
.service-v12-grid-photos .service-v12-photo-shade{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,20,15,.03) 72%,rgba(0,31,24,.20) 100%)!important;
  pointer-events:none!important;
}

/* Number badge */
.service-v12-grid-photos .service-v12-no{
  position:absolute!important;
  z-index:8!important;
  top:12px!important;
  left:12px!important;
  right:auto!important;
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 0 14px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#10271f!important;
  background:linear-gradient(145deg,#ffe18a,#d9a82e)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.20)!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* Icon overlaps only the border between photo and content */
.service-v12-grid-photos .service-v12-photo-icon{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  bottom:-35px!important;
  width:70px!important;
  height:70px!important;
  transform:translateX(-50%)!important;
  border:3px solid #f6d267!important;
  border-radius:50%!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}

.service-v12-grid-photos .service-v12-photo-icon .spin-icon{
  width:37px!important;
  height:37px!important;
}

/* Content area */
.service-v12-grid-photos .service-v12-content{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  width:100%!important;
  min-width:0!important;
  padding:52px 24px 24px!important;
  text-align:center!important;
  background:linear-gradient(180deg,#063f31 0%,#00281f 100%)!important;
}

.service-v12-grid-photos h3{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:clamp(20px,1.5vw,25px)!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
  text-wrap:balance!important;
  word-break:keep-all!important;
}

.service-v12-grid-photos p{
  width:100%!important;
  max-width:300px!important;
  min-height:100px!important;
  margin:0 auto 18px!important;
  color:#e7f0ec!important;
  font-size:14px!important;
  line-height:1.8!important;
  text-align:center!important;
  text-wrap:pretty!important;
}

.service-v12-grid-photos small{
  position:static!important;
  width:100%!important;
  min-height:54px!important;
  margin-top:auto!important;
  padding:16px 4px 0!important;
  border-top:1px solid rgba(216,173,61,.26)!important;
  color:#f0c85b!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-align:center!important;
  white-space:normal!important;
}

.service-v12-grid-photos small::before,
.service-v12-grid-photos .service-photo-card::before,
.service-v12-grid-photos .service-photo-card::after{
  display:none!important;
}

/* Desktop */
@media (min-width:1181px){
  .service-v12-grid-photos{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Tablet / iPad */
@media (min-width:621px) and (max-width:1180px){
  .service-v12-grid-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .service-v12-grid-photos .service-photo-card{
    min-height:585px!important;
  }
  .service-v12-grid-photos h3{
    min-height:58px!important;
    font-size:22px!important;
  }
  .service-v12-grid-photos p{
    min-height:92px!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-v12-grid-photos{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .service-v12-grid-photos .service-photo-card{
    min-height:0!important;
  }
  .service-v12-grid-photos .service-v12-content{
    padding:48px 18px 20px!important;
  }
  .service-v12-grid-photos h3,
  .service-v12-grid-photos p,
  .service-v12-grid-photos small{
    min-height:0!important;
  }
}

/* No motion */
.service-v12-grid-photos .service-photo-card,
.service-v12-grid-photos .service-v12-photo img,
.service-v12-grid-photos .service-v12-photo-icon{
  transition:none!important;
  animation:none!important;
}
.service-v12-grid-photos .service-photo-card:hover,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo img,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo-icon{
  transform:none!important;
}


/* =========================================================
   SPIN Truck Enterprise v17.0 Ultimate Professional
   Final professional service section stabilization
   ========================================================= */

/* More breathing room between hero and service cards */
.service-static-hero{
  margin-bottom:58px!important;
}

/* Keep four desktop cards perfectly aligned */
@media (min-width:1181px){
  .service-v12-grid-photos{
    gap:22px!important;
  }

  .service-v12-grid-photos .service-photo-card{
    min-height:650px!important;
    border-radius:20px!important;
    box-shadow:
      0 18px 40px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  .service-v12-grid-photos .service-v12-photo{
    aspect-ratio:auto!important;
    height:260px!important;
  }

  .service-v12-grid-photos .service-v12-content{
    padding:54px 24px 26px!important;
  }

  .service-v12-grid-photos h3{
    min-height:72px!important;
    font-size:23px!important;
  }

  .service-v12-grid-photos p{
    min-height:112px!important;
  }
}

/* Premium angled number badges */
.service-v12-grid-photos .service-v12-no{
  width:60px!important;
  min-width:60px!important;
  height:58px!important;
  min-height:58px!important;
  border-radius:0 0 16px 0!important;
  clip-path:polygon(0 0,100% 0,100% 72%,78% 100%,0 100%)!important;
  background:linear-gradient(145deg,#ffe99b 0%,#d7a226 72%,#b98210 100%)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
  color:#173328!important;
  font-size:21px!important;
}

/* Larger, clearer colored icons */
.service-v12-grid-photos .service-v12-photo-icon{
  width:82px!important;
  height:82px!important;
  bottom:-41px!important;
  border-width:3px!important;
  box-shadow:
    0 13px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.service-v12-grid-photos .service-v12-photo-icon .spin-icon{
  width:45px!important;
  height:45px!important;
}

/* Cleaner typography */
.service-v12-grid-photos h3{
  letter-spacing:-.015em!important;
  text-wrap:balance!important;
}

.service-v12-grid-photos p{
  color:#edf4f1!important;
  text-wrap:pretty!important;
}

.service-v12-grid-photos small{
  color:#f4c95c!important;
  letter-spacing:.01em!important;
}

/* Ensure photos always fill frames and never leave dark gaps */
.service-v12-grid-photos .service-v12-photo img{
  object-fit:cover!important;
  object-position:center center!important;
  background:#0a2d24!important;
}

/* Tablet refinement */
@media (min-width:621px) and (max-width:1180px){
  .service-static-hero{
    margin-bottom:42px!important;
  }

  .service-v12-grid-photos{
    gap:22px!important;
  }

  .service-v12-grid-photos .service-photo-card{
    min-height:610px!important;
  }

  .service-v12-grid-photos .service-v12-photo{
    aspect-ratio:auto!important;
    height:245px!important;
  }

  .service-v12-grid-photos .service-v12-content{
    padding:54px 22px 24px!important;
  }

  .service-v12-grid-photos h3{
    min-height:64px!important;
  }

  .service-v12-grid-photos p{
    min-height:104px!important;
  }
}

/* Mobile refinement */
@media (max-width:620px){
  .service-static-hero{
    margin-bottom:28px!important;
  }

  .service-v12-grid-photos .service-v12-photo{
    aspect-ratio:16/10!important;
    height:auto!important;
  }

  .service-v12-grid-photos .service-v12-content{
    padding:52px 18px 22px!important;
  }

  .service-v12-grid-photos h3{
    font-size:22px!important;
    line-height:1.4!important;
  }

  .service-v12-grid-photos p{
    max-width:340px!important;
    line-height:1.85!important;
  }
}

/* Production-safe: no hover movement or animation */
.service-v12-grid-photos *,
.service-v12-grid-photos *::before,
.service-v12-grid-photos *::after{
  animation:none!important;
  transition:none!important;
}

.service-v12-grid-photos .service-photo-card:hover,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo img,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo-icon{
  transform:none!important;
}


/* =========================================================
   SPIN Truck Enterprise v17.1
   Clean cards + single green-truck hero
   ========================================================= */

/* Remove every remaining number label */
.service-v12-no{
  display:none!important;
}

/* HERO: show one clean green-truck background only */
.service-static-hero{
  position:relative!important;
  min-height:500px!important;
  margin-bottom:44px!important;
  overflow:hidden!important;
  background:
    linear-gradient(
      90deg,
      rgba(0,29,23,.98) 0%,
      rgba(0,29,23,.94) 38%,
      rgba(0,29,23,.48) 60%,
      rgba(0,29,23,.08) 100%
    ),
    url("assets/images/service-static/services-hero-background.jpg")
      right center / cover no-repeat!important;
}

/* Disable any old duplicate hero images/pseudo layers */
.service-static-hero::before{
  display:none!important;
}
.service-static-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),transparent 66%,rgba(0,24,18,.18))!important;
}
.service-static-truck{
  background:none!important;
}

/* CARDS: height follows real content, no long empty boxes */
.service-v12-grid-photos{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
}

.service-v12-grid-photos .service-photo-card,
.service-v12-grid-photos .service-photo-card:nth-child(2),
.service-v12-grid-photos .service-photo-card:nth-child(4){
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  transform:none!important;
  border:1px solid rgba(216,173,61,.58)!important;
  border-radius:18px!important;
  background:#ffffff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important;
}

/* Photo is a clean fixed frame */
.service-v12-grid-photos .service-v12-photo{
  position:relative!important;
  width:100%!important;
  height:235px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(0,61,45,.15)!important;
  background:#edf3f0!important;
}

.service-v12-grid-photos .service-v12-photo img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}

/* Remove dark overlay that made the image look duplicated */
.service-v12-grid-photos .service-v12-photo-shade{
  display:none!important;
}

/* Icon floats between photo and text only */
.service-v12-grid-photos .service-v12-photo-icon{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  bottom:-34px!important;
  width:68px!important;
  height:68px!important;
  transform:translateX(-50%)!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}
.service-v12-grid-photos .service-v12-photo-icon .spin-icon{
  width:36px!important;
  height:36px!important;
}

/* Text block: compact, readable and aligned */
.service-v12-grid-photos .service-v12-content{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  padding:49px 22px 22px!important;
  color:#15362c!important;
  background:#ffffff!important;
  text-align:center!important;
}

.service-v12-grid-photos h3{
  display:block!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:#063f31!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.35!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  text-wrap:balance!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.service-v12-grid-photos p{
  width:100%!important;
  max-width:310px!important;
  min-height:0!important;
  margin:0 auto 16px!important;
  padding:0!important;
  color:#425950!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
  text-align:center!important;
  text-wrap:pretty!important;
  overflow-wrap:break-word!important;
}

.service-v12-grid-photos small{
  position:static!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:14px 0 0!important;
  border-top:1px solid #d8e2dd!important;
  color:#936d13!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-align:center!important;
  white-space:normal!important;
}

/* Remove old pseudo decorations */
.service-v12-grid-photos small::before,
.service-v12-grid-photos .service-photo-card::before,
.service-v12-grid-photos .service-photo-card::after{
  display:none!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:1180px){
  .service-static-hero{
    min-height:430px!important;
    margin-bottom:34px!important;
  }
  .service-v12-grid-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .service-v12-grid-photos .service-v12-photo{
    height:240px!important;
  }
  .service-v12-grid-photos .service-v12-content{
    padding:49px 20px 21px!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-static-hero{
    min-height:570px!important;
    margin-bottom:24px!important;
    background:
      linear-gradient(
        180deg,
        rgba(0,29,23,.98) 0%,
        rgba(0,29,23,.94) 43%,
        rgba(0,29,23,.22) 74%,
        rgba(0,29,23,.05) 100%
      ),
      url("assets/images/service-static/services-hero-background.jpg")
        68% bottom / auto 58% no-repeat!important;
  }
  .service-v12-grid-photos{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .service-v12-grid-photos .service-v12-photo{
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  .service-v12-grid-photos .service-v12-content{
    padding:47px 18px 20px!important;
  }
  .service-v12-grid-photos h3{
    font-size:21px!important;
  }
  .service-v12-grid-photos p{
    max-width:340px!important;
  }
}

/* No movement or animation */
.service-v12-grid-photos *,
.service-v12-grid-photos *::before,
.service-v12-grid-photos *::after{
  animation:none!important;
  transition:none!important;
}
.service-v12-grid-photos .service-photo-card:hover,
.service-v12-grid-photos .service-photo-card:hover img,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo-icon{
  transform:none!important;
}


/* =========================================================
   SPIN Truck Enterprise v18.0 Ultimate Professional
   Real factory hero + final corporate layout
   ========================================================= */

:root{
  --spin-v18-green:#002d23;
  --spin-v18-green-2:#064b39;
  --spin-v18-gold:#d7aa3c;
  --spin-v18-gold-soft:#f0c96b;
  --spin-v18-white:#ffffff;
  --spin-v18-text:#152f27;
}

/* Real factory hero, no hidden or duplicated cards under the hero */
.service-static-hero{
  position:relative!important;
  min-height:520px!important;
  margin:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,
      rgba(0,31,24,.12) 0%,
      rgba(0,31,24,.22) 43%,
      rgba(0,31,24,.90) 67%,
      rgba(0,31,24,.98) 100%
    ),
    url("assets/images/spin-truck-factory-real.png") left center/cover no-repeat!important;
  border-bottom:1px solid rgba(215,170,60,.55)!important;
}

.service-static-hero::before,
.service-static-hero::after{
  display:none!important;
}

.service-static-truck{
  position:relative!important;
  z-index:2!important;
  background:none!important;
}

/* Hide every legacy preview/card accidentally rendered inside the hero */
.service-static-hero .service-v12-grid-photos,
.service-static-hero .service-photo-card,
.service-static-hero .service-v12-no{
  display:none!important;
}

/* Certification strip */
.spin-cert-strip{
  position:relative;
  z-index:10;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(1440px,calc(100% - 48px));
  margin:-34px auto 44px;
  overflow:hidden;
  border:1px solid rgba(215,170,60,.62);
  border-radius:22px;
  background:linear-gradient(135deg,#00392c 0%,#00281f 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}

.spin-cert-item{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:154px;
  padding:26px 34px;
  color:#fff;
}

.spin-cert-item + .spin-cert-item{
  border-left:1px solid rgba(215,170,60,.35);
}

.spin-cert-badge{
  display:grid;
  place-items:center;
  flex:0 0 88px;
  width:88px;
  height:88px;
  border:8px solid #fff;
  border-radius:50%;
  background:#fff;
  font-size:26px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}

.spin-cert-badge-gold{color:#9d6e00;}
.spin-cert-badge-green{color:#13904b;}
.spin-cert-badge-lime{color:#77c600;}

.spin-cert-item h3{
  margin:0 0 8px;
  color:var(--spin-v18-gold-soft);
  font-size:22px;
  font-weight:900;
  line-height:1.3;
}

.spin-cert-item p{
  margin:0;
  color:#f3f7f5;
  font-size:15px;
  line-height:1.7;
}

/* Services are clean image cards; icons show fully and do not overlap */
.service-v12-grid-photos{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
  width:min(1440px,calc(100% - 48px))!important;
  margin:0 auto 70px!important;
}

.service-v12-grid-photos .service-photo-card{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(215,170,60,.45)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}

.service-v12-grid-photos .service-v12-photo{
  position:relative!important;
  height:235px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#e8efec!important;
}

.service-v12-grid-photos .service-v12-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}

.service-v12-grid-photos .service-v12-photo-icon{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  margin:18px auto 10px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.service-v12-grid-photos .service-v12-photo-icon .spin-icon{
  display:block!important;
  width:42px!important;
  height:42px!important;
  max-width:100%!important;
  max-height:100%!important;
  color:#087443!important;
  fill:currentColor!important;
}

.service-v12-grid-photos .service-v12-content{
  padding:0 22px 24px!important;
  background:#fff!important;
  color:var(--spin-v18-text)!important;
  text-align:center!important;
}

.service-v12-grid-photos h3{
  min-height:0!important;
  margin:0 0 10px!important;
  color:#063f31!important;
  font-size:21px!important;
  line-height:1.4!important;
}

.service-v12-grid-photos p{
  min-height:0!important;
  margin:0 auto 14px!important;
  color:#465d54!important;
  font-size:14px!important;
  line-height:1.75!important;
}

.service-v12-grid-photos small{
  display:block!important;
  margin:0!important;
  padding-top:13px!important;
  border-top:1px solid #dfe7e3!important;
  color:#8b6817!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.service-v12-no,
.service-v12-photo-shade{
  display:none!important;
}

/* No hover tricks */
.service-v12-grid-photos *,
.service-v12-grid-photos *::before,
.service-v12-grid-photos *::after{
  animation:none!important;
  transition:none!important;
}

.service-v12-grid-photos .service-photo-card:hover,
.service-v12-grid-photos .service-photo-card:hover img,
.service-v12-grid-photos .service-photo-card:hover .service-v12-photo-icon{
  transform:none!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:1180px){
  .service-static-hero{
    min-height:470px!important;
    background-position:38% center!important;
  }

  .spin-cert-strip{
    grid-template-columns:1fr;
    width:min(900px,calc(100% - 36px));
    margin:-24px auto 36px;
  }

  .spin-cert-item{
    min-height:124px;
  }

  .spin-cert-item + .spin-cert-item{
    border-left:0;
    border-top:1px solid rgba(215,170,60,.35);
  }

  .service-v12-grid-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(900px,calc(100% - 36px))!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-static-hero{
    min-height:640px!important;
    background:
      linear-gradient(180deg,
        rgba(0,31,24,.12) 0%,
        rgba(0,31,24,.25) 48%,
        rgba(0,31,24,.92) 76%,
        rgba(0,31,24,.98) 100%
      ),
      url("assets/images/spin-truck-factory-real.png") center top/auto 58% no-repeat!important;
  }

  .spin-cert-strip{
    grid-template-columns:1fr;
    width:calc(100% - 24px);
    margin:-18px auto 28px;
    border-radius:16px;
  }

  .spin-cert-item{
    min-height:auto;
    padding:22px 20px;
  }

  .spin-cert-item + .spin-cert-item{
    border-left:0;
    border-top:1px solid rgba(215,170,60,.35);
  }

  .spin-cert-badge{
    flex-basis:64px;
    width:64px;
    height:64px;
    border-width:6px;
    font-size:20px;
  }

  .spin-cert-item h3{
    font-size:18px;
  }

  .spin-cert-item p{
    font-size:13px;
  }

  .service-v12-grid-photos{
    grid-template-columns:1fr!important;
    width:calc(100% - 24px)!important;
    gap:18px!important;
  }

  .service-v12-grid-photos .service-v12-photo{
    height:auto!important;
    aspect-ratio:16/10!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v18.1
   Watermark Hero + Clean Thai Typography
   ========================================================= */

:root{
  --spin-hero-bg:#002d23;
  --spin-hero-bg-deep:#001f18;
  --spin-hero-gold:#d8ab3f;
  --spin-hero-green:#19a452;
  --spin-hero-white:#ffffff;
}

/* HERO: no photo background */
.service-static-hero{
  position:relative!important;
  min-height:500px!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 82% 36%,rgba(16,111,79,.25),transparent 34%),
    linear-gradient(135deg,#003c2e 0%,#002d23 48%,#001f18 100%)!important;
  border-bottom:1px solid rgba(216,171,63,.55)!important;
}

/* Large corporate watermark */
.service-static-hero::before{
  content:"SPIN\A TRUCK"!important;
  position:absolute!important;
  z-index:-1!important;
  right:4%!important;
  top:50%!important;
  display:block!important;
  transform:translateY(-50%)!important;
  white-space:pre!important;
  color:rgba(255,255,255,.035)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(92px,13vw,230px)!important;
  font-weight:1000!important;
  line-height:.72!important;
  letter-spacing:-.075em!important;
  text-align:right!important;
  pointer-events:none!important;
}

/* Geometric watermark, no image */
.service-static-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  right:-110px!important;
  top:-80px!important;
  display:block!important;
  width:640px!important;
  height:640px!important;
  opacity:.25!important;
  background:
    linear-gradient(45deg,transparent 46%,rgba(216,171,63,.15) 47% 49%,transparent 50%),
    linear-gradient(-45deg,transparent 46%,rgba(255,255,255,.055) 47% 49%,transparent 50%)!important;
  background-size:86px 86px!important;
  transform:rotate(10deg)!important;
  pointer-events:none!important;
}

/* Remove every old hero background image layer */
.service-static-truck,
.service-static-hero .service-static-truck,
.service-static-hero .hero-media,
.service-static-hero .hero-image,
.service-static-hero img.hero-background{
  background:none!important;
  background-image:none!important;
}

/* Hide accidental cards or photos inside hero */
.service-static-hero .service-v12-grid-photos,
.service-static-hero .service-photo-card,
.service-static-hero .service-v12-photo,
.service-static-hero .service-v12-no{
  display:none!important;
}

/* Clean hero content width and spacing */
.service-static-hero .container,
.service-static-hero .service-static-inner,
.service-static-hero .service-static-content{
  position:relative!important;
  z-index:3!important;
}

.service-static-hero .service-static-content{
  width:min(720px,100%)!important;
  padding:82px 0 76px!important;
}

.service-static-hero .service-eyebrow,
.service-static-hero .section-kicker{
  margin:0 0 18px!important;
  color:var(--spin-hero-gold)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.4!important;
  letter-spacing:.08em!important;
}

.service-static-hero h1,
.service-static-hero h2{
  max-width:680px!important;
  margin:0 0 22px!important;
  color:#fff!important;
  font-size:clamp(42px,5.1vw,74px)!important;
  font-weight:1000!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.service-static-hero h1 strong,
.service-static-hero h2 strong{
  color:#27b861!important;
}

.service-static-hero p{
  max-width:680px!important;
  margin:0 0 28px!important;
  color:#eef7f3!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.85!important;
  text-wrap:pretty!important;
}

.service-static-hero .service-points,
.service-static-hero .hero-points{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px 28px!important;
  margin:0!important;
  padding:0!important;
}

.service-static-hero .service-points span,
.service-static-hero .hero-points span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.4!important;
}

.service-static-hero .service-points span::before,
.service-static-hero .hero-points span::before{
  content:"◆"!important;
  color:var(--spin-hero-gold)!important;
  font-size:10px!important;
}

/* Certification strip sits neatly under hero */
.spin-cert-strip{
  margin:-30px auto 46px!important;
}

/* Services text alignment and readability */
.service-v12-grid-photos .service-v12-content{
  padding:22px 24px 24px!important;
  text-align:center!important;
}

.service-v12-grid-photos .service-v12-photo-icon{
  position:static!important;
  width:44px!important;
  height:44px!important;
  margin:0 auto 12px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

.service-v12-grid-photos .service-v12-photo-icon .spin-icon{
  width:40px!important;
  height:40px!important;
  color:#087443!important;
}

.service-v12-grid-photos h3{
  min-height:0!important;
  margin:0 0 12px!important;
  color:#063f31!important;
  font-size:21px!important;
  font-weight:950!important;
  line-height:1.45!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  text-wrap:balance!important;
}

.service-v12-grid-photos p{
  min-height:0!important;
  max-width:320px!important;
  margin:0 auto 16px!important;
  color:#425950!important;
  font-size:14px!important;
  line-height:1.85!important;
  text-align:center!important;
  text-wrap:pretty!important;
}

.service-v12-grid-photos small{
  display:block!important;
  margin:0!important;
  padding-top:14px!important;
  border-top:1px solid #dfe7e3!important;
  color:#8e6814!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.6!important;
  text-align:center!important;
}

/* Production-safe */
.service-static-hero *,
.service-v12-grid-photos *,
.service-static-hero *::before,
.service-static-hero *::after,
.service-v12-grid-photos *::before,
.service-v12-grid-photos *::after{
  animation:none!important;
  transition:none!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:1180px){
  .service-static-hero{
    min-height:460px!important;
  }

  .service-static-hero .service-static-content{
    width:min(650px,92%)!important;
    padding:66px 0 64px!important;
  }

  .service-static-hero::before{
    right:2%!important;
    font-size:clamp(80px,17vw,170px)!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-static-hero{
    min-height:auto!important;
  }

  .service-static-hero .service-static-content{
    width:100%!important;
    padding:58px 0 54px!important;
  }

  .service-static-hero::before{
    right:-5%!important;
    top:56%!important;
    font-size:90px!important;
    opacity:.8!important;
  }

  .service-static-hero::after{
    right:-260px!important;
    top:-120px!important;
  }

  .service-static-hero h1,
  .service-static-hero h2{
    font-size:42px!important;
    line-height:1.16!important;
  }

  .service-static-hero p{
    font-size:16px!important;
    line-height:1.8!important;
  }

  .service-static-hero .service-points,
  .service-static-hero .hero-points{
    flex-direction:column!important;
    gap:10px!important;
  }

  .spin-cert-strip{
    margin:-16px auto 30px!important;
  }

  .service-v12-grid-photos .service-v12-content{
    padding:20px 18px 22px!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v18.2
   Full Gold Geometric Pattern + No Certification Strip
   ========================================================= */

:root{
  --spin-v182-bg:#002d23;
  --spin-v182-bg-deep:#001f18;
  --spin-v182-gold:#d8ab3f;
  --spin-v182-gold-soft:rgba(216,171,63,.10);
  --spin-v182-gold-line:rgba(216,171,63,.075);
}

/* Remove ISO / SAFETY FIRST / QUALITY CONTROL strip completely */
.spin-cert-strip,
section.spin-cert-strip,
.spin-cert-item,
.spin-cert-badge{
  display:none!important;
}

/* Site-wide dark green corporate background */
html,
body{
  background:
    radial-gradient(circle at 14% 8%,rgba(14,101,72,.18),transparent 26%),
    radial-gradient(circle at 88% 38%,rgba(14,101,72,.14),transparent 30%),
    linear-gradient(180deg,var(--spin-v182-bg) 0%,var(--spin-v182-bg-deep) 100%)!important;
}

/* Main site wrapper receives a continuous, subtle geometric watermark */
.site,
.site-content,
#page,
main,
main.site-main{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
}

.site::before,
#page::before{
  content:""!important;
  position:fixed!important;
  z-index:-3!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    linear-gradient(45deg,
      transparent 47%,
      var(--spin-v182-gold-line) 48%,
      var(--spin-v182-gold-line) 49%,
      transparent 50%
    ),
    linear-gradient(-45deg,
      transparent 47%,
      rgba(216,171,63,.045) 48%,
      rgba(216,171,63,.045) 49%,
      transparent 50%
    ),
    radial-gradient(circle at center,
      rgba(216,171,63,.045) 0 2px,
      transparent 3px
    )!important;
  background-size:96px 96px,96px 96px,48px 48px!important;
  background-position:0 0,0 0,24px 24px!important;
}

/* Large watermark emblems at opposite corners */
.site::after,
#page::after{
  content:"SPIN"!important;
  position:fixed!important;
  z-index:-2!important;
  right:-2vw!important;
  bottom:2vh!important;
  color:rgba(216,171,63,.028)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(150px,24vw,420px)!important;
  font-weight:1000!important;
  line-height:.8!important;
  letter-spacing:-.08em!important;
  pointer-events:none!important;
  transform:rotate(-8deg)!important;
}

/* Keep content sections transparent so pattern remains visible */
.home-section,
.services-section,
.products-section,
.portfolio-section,
.about-section,
.news-section,
.contact-section,
.service-v12-section,
.service-v12-wrap,
.service-static-section{
  background:transparent!important;
}

/* Hero without image, with its own refined gold geometry */
.service-static-hero{
  position:relative!important;
  min-height:500px!important;
  margin-bottom:46px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 42%,rgba(17,121,84,.22),transparent 30%),
    linear-gradient(135deg,#003b2d 0%,#002d23 50%,#001e17 100%)!important;
  border-bottom:1px solid rgba(216,171,63,.45)!important;
}

.service-static-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  background:
    linear-gradient(45deg,
      transparent 47%,
      rgba(216,171,63,.11) 48%,
      rgba(216,171,63,.11) 49%,
      transparent 50%
    ),
    linear-gradient(-45deg,
      transparent 47%,
      rgba(216,171,63,.055) 48%,
      rgba(216,171,63,.055) 49%,
      transparent 50%
    )!important;
  background-size:82px 82px!important;
  opacity:.65!important;
}

.service-static-hero::after{
  content:"SPIN\A TRUCK"!important;
  position:absolute!important;
  z-index:0!important;
  right:4%!important;
  top:50%!important;
  display:block!important;
  transform:translateY(-50%)!important;
  white-space:pre!important;
  color:rgba(216,171,63,.055)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(90px,13vw,220px)!important;
  font-weight:1000!important;
  line-height:.74!important;
  letter-spacing:-.075em!important;
  text-align:right!important;
  pointer-events:none!important;
}

.service-static-hero .container,
.service-static-hero .service-static-inner,
.service-static-hero .service-static-content{
  position:relative!important;
  z-index:2!important;
}

/* Remove top spacing that belonged to the deleted certification strip */
.service-v12-grid-photos{
  margin-top:0!important;
}

/* White cards remain readable over the patterned background */
.service-v12-grid-photos .service-photo-card{
  background:#fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}

/* Preserve clean text */
.service-v12-grid-photos h3{
  color:#063f31!important;
  text-wrap:balance!important;
}

.service-v12-grid-photos p{
  color:#425950!important;
  text-wrap:pretty!important;
}

/* No animation or hover movement */
.site::before,
.site::after,
#page::before,
#page::after,
.service-static-hero::before,
.service-static-hero::after{
  animation:none!important;
  transition:none!important;
}

/* Tablet */
@media (min-width:621px) and (max-width:1180px){
  .service-static-hero{
    min-height:455px!important;
    margin-bottom:36px!important;
  }

  .service-static-hero::after{
    right:1%!important;
    font-size:clamp(80px,17vw,165px)!important;
  }

  .site::before,
  #page::before{
    background-size:82px 82px,82px 82px,42px 42px!important;
  }
}

/* Mobile */
@media (max-width:620px){
  .service-static-hero{
    min-height:auto!important;
    margin-bottom:28px!important;
  }

  .service-static-hero::before{
    background-size:64px 64px!important;
    opacity:.48!important;
  }

  .service-static-hero::after{
    right:-8%!important;
    top:58%!important;
    font-size:88px!important;
    color:rgba(216,171,63,.05)!important;
  }

  .site::before,
  #page::before{
    background-size:64px 64px,64px 64px,32px 32px!important;
  }

  .site::after,
  #page::after{
    right:-12vw!important;
    bottom:5vh!important;
    font-size:170px!important;
  }
}


/* =========================================================
   SPIN Truck Enterprise v18.3
   Tablet Equal Proportions + Full Language UI
   ========================================================= */

/* Every service card has the same proportions */
.service-v12-grid-photos{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}

.service-v12-grid-photos .service-photo-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
}

.service-v12-grid-photos .service-v12-photo{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
}

.service-v12-grid-photos .service-v12-content{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
}

.service-v12-grid-photos h3{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.service-v12-grid-photos p{
  flex:1 1 auto!important;
  min-height:104px!important;
}

.service-v12-grid-photos small{
  margin-top:auto!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Tablet portrait: readable 2 x 2 layout */
@media (min-width:621px) and (max-width:1024px){
  .service-v12-grid-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
    width:min(920px,calc(100% - 36px))!important;
  }

  .service-v12-grid-photos .service-v12-photo{
    aspect-ratio:16/9!important;
  }

  .service-v12-grid-photos h3{
    min-height:58px!important;
    font-size:22px!important;
  }

  .service-v12-grid-photos p{
    min-height:96px!important;
    font-size:15px!important;
  }
}

/* Large tablet / landscape: four equal cards */
@media (min-width:1025px) and (max-width:1366px){
  .service-v12-grid-photos{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:calc(100% - 40px)!important;
  }

  .service-v12-grid-photos .service-v12-content{
    padding:18px 16px 20px!important;
  }

  .service-v12-grid-photos h3{
    min-height:64px!important;
    font-size:18px!important;
    line-height:1.45!important;
  }

  .service-v12-grid-photos p{
    min-height:126px!important;
    font-size:13px!important;
    line-height:1.75!important;
  }

  .service-v12-grid-photos small{
    min-height:58px!important;
    font-size:11px!important;
  }
}

/* Desktop */
@media (min-width:1367px){
  .service-v12-grid-photos h3{
    min-height:62px!important;
  }

  .service-v12-grid-photos p{
    min-height:104px!important;
  }
}

/* Mobile remains one clean card per row */
@media (max-width:620px){
  .service-v12-grid-photos{
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
  }

  .service-v12-grid-photos .service-photo-card{
    height:auto!important;
  }

  .service-v12-grid-photos h3,
  .service-v12-grid-photos p,
  .service-v12-grid-photos small{
    min-height:0!important;
  }
}

/* Longer English and Chinese text must wrap cleanly */
html[data-site-language="en"] .service-v12-grid-photos h3,
html[data-site-language="zh-CN"] .service-v12-grid-photos h3,
html[data-site-language="zh"] .service-v12-grid-photos h3{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

html[data-site-language="en"] .service-v12-grid-photos p{
  line-height:1.7!important;
}

/* Never clip translated text */
[data-i18n],
[data-i18n-placeholder]{
  text-overflow:clip!important;
}


/* =========================================================
   SPIN Truck Enterprise v19.0 — Professional Products
   ========================================================= */
.v19-products-page{background:#f6f5f0;color:#17352c}
.v19-products-hero{position:relative;min-height:650px;background:url("assets/images/products-v19/products-hero.jpg") center/cover no-repeat;overflow:hidden;border-bottom:1px solid rgba(216,171,63,.5)}
.v19-products-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,28,22,.98) 0%,rgba(0,40,31,.91) 42%,rgba(0,40,31,.35) 72%,rgba(0,20,15,.15) 100%)}
.v19-products-hero-inner{position:relative;z-index:2;width:min(1440px,calc(100% - 48px));min-height:650px;margin:auto;display:flex;align-items:center}
.v19-products-hero-copy{width:min(650px,100%);padding:70px 0;color:#fff}
.v19-kicker{display:inline-block;color:#d8ab3f;font-weight:900;letter-spacing:.12em;font-size:13px;margin-bottom:15px}
.v19-products-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.08;margin:0 0 22px;font-weight:1000;letter-spacing:-.04em;color:#fff}
.v19-products-hero h1 strong{color:#e1b94f}
.v19-products-hero p{font-size:18px;line-height:1.85;max-width:620px;color:#edf5f2;margin:0 0 24px}
.v19-hero-points{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:30px}
.v19-hero-points span{font-weight:800;font-size:14px}
.v19-hero-points span:before{content:"◆";color:#d8ab3f;margin-right:8px;font-size:9px}
.v19-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border-radius:9px;font-weight:850;text-decoration:none;border:1px solid transparent;line-height:1.2}
.v19-btn-gold{background:linear-gradient(135deg,#e8c264,#c99720);color:#102e25!important;box-shadow:0 8px 18px rgba(131,91,0,.18)}
.v19-btn-outline{border-color:#174d3d;color:#174d3d!important;background:#fff}
.v19-btn-outline-light{border-color:rgba(255,255,255,.62);color:#fff!important;background:transparent}
.v19-trust-bar{position:relative;z-index:5;width:min(1380px,calc(100% - 48px));margin:-44px auto 70px;display:grid;grid-template-columns:repeat(4,1fr);background:#00392c;border:1px solid rgba(216,171,63,.65);border-radius:18px;box-shadow:0 18px 42px rgba(0,0,0,.22);overflow:hidden}
.v19-trust-bar>div{padding:25px 28px;text-align:center;color:#fff}
.v19-trust-bar>div+div{border-left:1px solid rgba(216,171,63,.28)}
.v19-trust-bar strong{display:block;color:#e8c264;font-size:26px;line-height:1.2;margin-bottom:7px}
.v19-trust-bar span{font-size:13px;color:#eef6f2}
.v19-products-catalog,.v19-details-wrap{width:min(1440px,calc(100% - 48px));margin:0 auto 80px}
.v19-section-head{text-align:center;max-width:800px;margin:0 auto 36px}
.v19-section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.18;margin:0 0 12px;color:#063f31}
.v19-section-head p{font-size:16px;line-height:1.8;color:#52655d;margin:0}
.v19-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v19-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(197,150,34,.38);border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(0,44,32,.10)}
.v19-product-media{position:relative;display:block;aspect-ratio:16/10;background:#002d23;overflow:hidden}
.v19-product-media img{width:100%;height:100%;object-fit:cover;display:block}
.v19-model{position:absolute;left:14px;bottom:13px;background:rgba(0,45,35,.92);color:#f2ce73;border:1px solid rgba(242,206,115,.55);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.03em}
.v19-product-body{display:flex;flex-direction:column;flex:1;padding:20px}
.v19-product-body h2{font-size:20px;line-height:1.35;color:#063f31;margin:0 0 10px;min-height:54px}
.v19-product-body p{font-size:13px;line-height:1.75;color:#4e625a;margin:0 0 13px;min-height:91px}
.v19-product-body ul,.v19-detail-copy ul{list-style:none;padding:0;margin:0 0 20px}
.v19-product-body li,.v19-detail-copy li{position:relative;padding-left:22px;margin:7px 0;font-size:13px;line-height:1.55}
.v19-product-body li:before,.v19-detail-copy li:before{content:"✓";position:absolute;left:0;color:#078145;font-weight:1000}
.v19-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
.v19-product-actions .v19-btn{padding:10px 8px;font-size:12px}
.v19-featured{width:min(1380px,calc(100% - 48px));margin:0 auto 80px;display:grid;grid-template-columns:1.15fr 1fr;gap:42px;padding:46px;border-radius:22px;background:linear-gradient(135deg,#003f31,#00251d);color:#fff;border:1px solid rgba(216,171,63,.5)}
.v19-featured h2{font-size:38px;line-height:1.2;margin:0 0 14px}
.v19-featured p{line-height:1.8;color:#e7f1ed;margin:0}
.v19-featured-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v19-featured-list span{display:flex;align-items:center;padding:16px;border:1px solid rgba(216,171,63,.28);border-radius:12px;background:rgba(255,255,255,.04);font-weight:750;line-height:1.5}
.v19-product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:36px;margin-bottom:30px;background:#fff;border:1px solid rgba(197,150,34,.32);border-radius:22px;box-shadow:0 12px 30px rgba(0,44,32,.08);scroll-margin-top:100px}
.v19-product-detail:nth-of-type(even){grid-template-columns:.95fr 1.05fr}
.v19-product-detail:nth-of-type(even) .v19-detail-media{order:2}
.v19-detail-media{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#002d23}
.v19-detail-media img{width:100%;height:100%;object-fit:cover;display:block}
.v19-detail-model{display:inline-block;color:#ad7d11;font-weight:900;font-size:13px;letter-spacing:.08em;margin-bottom:10px}
.v19-detail-copy h2{font-size:36px;line-height:1.2;color:#063f31;margin:0 0 15px}
.v19-detail-copy p{font-size:16px;line-height:1.85;color:#53675f;margin:0 0 20px}
.v19-detail-copy h3{font-size:16px;margin:0 0 10px;color:#143c30}
.v19-detail-actions{display:flex;flex-wrap:wrap;gap:12px}
.v19-detail-actions .v19-btn-outline-light{border-color:#174d3d;color:#174d3d!important}
.v19-products-cta{width:min(1380px,calc(100% - 48px));margin:0 auto 80px;padding:42px 48px;border-radius:22px;background:linear-gradient(135deg,#003c2e,#001f18);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;border:1px solid rgba(216,171,63,.5)}
.v19-products-cta h2{font-size:34px;line-height:1.25;margin:0 0 10px}
.v19-products-cta p{margin:0;color:#e5efeb;line-height:1.7}
.v19-cta-actions{display:flex;gap:12px;flex-shrink:0}
@media(max-width:1180px){
 .v19-products-grid{grid-template-columns:repeat(2,1fr)}
 .v19-trust-bar{grid-template-columns:repeat(2,1fr)}
 .v19-trust-bar>div:nth-child(3){border-left:0;border-top:1px solid rgba(216,171,63,.28)}
 .v19-trust-bar>div:nth-child(4){border-top:1px solid rgba(216,171,63,.28)}
 .v19-product-detail,.v19-product-detail:nth-of-type(even){grid-template-columns:1fr;gap:25px}
 .v19-product-detail:nth-of-type(even) .v19-detail-media{order:0}
}
@media(max-width:760px){
 .v19-products-hero{min-height:590px}
 .v19-products-hero-inner{min-height:590px;width:calc(100% - 28px)}
 .v19-products-hero-copy{padding:55px 0}
 .v19-products-hero h1{font-size:45px}
 .v19-products-hero p{font-size:16px}
 .v19-trust-bar{width:calc(100% - 24px);margin:-26px auto 48px;grid-template-columns:1fr 1fr}
 .v19-trust-bar>div{padding:18px 12px}
 .v19-trust-bar strong{font-size:19px}
 .v19-products-catalog,.v19-details-wrap{width:calc(100% - 24px);margin-bottom:55px}
 .v19-products-grid{grid-template-columns:1fr}
 .v19-product-body h2,.v19-product-body p{min-height:0}
 .v19-featured{width:calc(100% - 24px);grid-template-columns:1fr;padding:28px 22px;margin-bottom:55px}
 .v19-featured h2{font-size:30px}
 .v19-featured-list{grid-template-columns:1fr}
 .v19-product-detail{padding:18px}
 .v19-detail-copy h2{font-size:29px}
 .v19-products-cta{width:calc(100% - 24px);padding:30px 22px;flex-direction:column;align-items:flex-start;margin-bottom:55px}
 .v19-products-cta h2{font-size:28px}
 .v19-cta-actions{width:100%;flex-direction:column}
 .v19-cta-actions .v19-btn{width:100%}
}

/* v19.1 Full Gallery */
.v191-category-nav,.v191-categories-wrap{width:min(1440px,calc(100% - 48px));margin:0 auto 70px}
.v191-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v191-nav-grid a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(197,150,34,.38);border-radius:13px;background:#fff;color:#0a4233;text-decoration:none;box-shadow:0 8px 22px rgba(0,44,32,.07)}
.v191-nav-grid a strong{font-size:15px;line-height:1.4}.v191-nav-grid a span{flex:0 0 auto;color:#a77408;font-size:12px;font-weight:850}
.v191-category{scroll-margin-top:95px;margin-bottom:66px;padding:30px;border:1px solid rgba(197,150,34,.33);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(0,44,32,.08)}
.v191-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e4e9e6}
.v191-category-head>div{max-width:920px}.v191-category-head h2{margin:0 0 9px;color:#063f31;font-size:clamp(27px,3vw,40px);line-height:1.2}
.v191-category-head p{margin:0;color:#53665e;font-size:15px;line-height:1.75}
.v191-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v191-gallery-item{position:relative;display:block;width:100%;padding:0;border:0;border-radius:13px;overflow:hidden;background:#002d23;aspect-ratio:4/3;cursor:zoom-in;box-shadow:0 6px 18px rgba(0,0,0,.13)}
.v191-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.v191-gallery-item:after{content:attr(data-fullscreen-label);position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(0,45,35,.9);color:#f4ce70;font-size:10px;font-weight:900;opacity:0;transition:opacity .2s ease}
.v191-gallery-item:hover:after,.v191-gallery-item:focus-visible:after{opacity:1}
.v191-lightbox[hidden]{display:none!important}.v191-lightbox{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;background:rgba(0,17,13,.95);padding:28px}
.v191-lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(94vw,1500px);height:min(88vh,1000px);margin:0}
.v191-lightbox img{display:block;max-width:100%;max-height:calc(100% - 45px);object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.v191-lightbox figcaption{margin-top:13px;color:#fff;font-size:14px;text-align:center}
.v191-lightbox button{position:fixed;z-index:2;border:1px solid rgba(255,255,255,.35);background:rgba(0,45,35,.82);color:#fff;cursor:pointer}
.v191-lightbox-close{top:22px;right:24px;width:48px;height:48px;border-radius:50%;font-size:31px;line-height:1}
.v191-lightbox-prev,.v191-lightbox-next{top:50%;width:52px;height:72px;margin-top:-36px;border-radius:12px;font-size:46px;line-height:1}
.v191-lightbox-prev{left:22px}.v191-lightbox-next{right:22px}html.v191-lightbox-open{overflow:hidden}
@media(max-width:1180px){.v191-nav-grid{grid-template-columns:repeat(2,1fr)}.v191-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v191-category-nav,.v191-categories-wrap{width:calc(100% - 24px);margin-bottom:48px}.v191-nav-grid{grid-template-columns:1fr}.v191-category{padding:18px;margin-bottom:34px}.v191-category-head{align-items:flex-start;flex-direction:column}.v191-category-head .v19-btn{width:100%}.v191-gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.v191-lightbox{padding:14px}.v191-lightbox-prev,.v191-lightbox-next{top:auto;bottom:18px;width:48px;height:48px;border-radius:50%;font-size:34px}.v191-lightbox-prev{left:24px}.v191-lightbox-next{right:24px}.v191-lightbox-close{top:12px;right:12px}.v191-lightbox figure{height:82vh}}
@media(max-width:430px){.v191-gallery-grid{grid-template-columns:1fr 1fr}.v191-gallery-item{aspect-ratio:1/1}}

/* v19.2 complete language support */
.v191-nav-grid a span b{font:inherit}
.v191-nav-grid a span em{font-style:normal}
html[data-site-language="en"] .v191-category-head h2,
html[data-site-language="en"] .v191-category-head p,
html[data-site-language="zh-CN"] .v191-category-head h2,
html[data-site-language="zh-CN"] .v191-category-head p{overflow-wrap:anywhere}


/* v19.3 language-safe typography */
html[data-site-language="en"] .service-static-hero h1,
html[data-site-language="en"] .project-catalog-hero-v66 h1,
html[data-site-language="zh-CN"] .service-static-hero h1,
html[data-site-language="zh-CN"] .project-catalog-hero-v66 h1{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html[data-site-language="en"] .real-project-body-v66 h3,
html[data-site-language="zh-CN"] .real-project-body-v66 h3{
  min-height:3.1em!important;
}


/* v19.4 Homepage product showcase + trust content */
.home-products-v194{padding-top:78px!important;padding-bottom:82px!important}
.home-product-grid-v194{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-product-card-v194{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(216,173,61,.36);border-radius:17px;background:linear-gradient(180deg,#063e30,#002c22);text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.home-product-image-v194{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef1ed}
.home-product-image-v194 img{display:block;width:100%;height:100%;object-fit:cover}
.home-product-image-v194 span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(0,39,30,.9);color:#f1c45b;font-size:11px;font-weight:850}
.home-product-copy-v194{display:flex;flex-direction:column;flex:1;padding:19px}
.home-product-copy-v194 h3{min-height:55px;margin:0 0 10px;color:#fff;font-size:19px;line-height:1.4}
.home-product-copy-v194 p{flex:1;margin:0 0 14px;color:#dbe8e3;font-size:13px;line-height:1.7}
.home-product-copy-v194 strong{color:#f1c45b;font-size:13px}

.service-trust-wrap-v194{padding:22px 0 70px;background:#00271f}
.service-trust-v194{padding:46px;border:1px solid rgba(216,173,61,.52);border-radius:22px;background:linear-gradient(135deg,rgba(0,61,47,.97),rgba(0,31,24,.99)),repeating-linear-gradient(135deg,transparent 0 56px,rgba(216,173,61,.05) 56px 58px);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.service-trust-head-v194{max-width:820px;margin:0 auto 30px;text-align:center}
.service-trust-head-v194>span{display:inline-block;margin-bottom:10px;color:#efc65f;font-size:12px;font-weight:900;letter-spacing:.12em}
.service-trust-head-v194 h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.25}
.service-trust-head-v194 p{margin:0;color:#dceae5;font-size:15px;line-height:1.8}
.service-trust-grid-v194{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.service-trust-grid-v194 article{padding:24px 20px;border:1px solid rgba(216,173,61,.28);border-radius:15px;background:rgba(255,255,255,.045)}
.trust-icon-v194{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:16px;border:1px solid rgba(239,198,95,.55);border-radius:15px;color:#efc65f;font-size:13px;font-weight:950;letter-spacing:.04em}
.service-trust-grid-v194 h3{margin:0 0 10px;color:#fff;font-size:18px;line-height:1.45}
.service-trust-grid-v194 p{margin:0;color:#d9e6e1;font-size:13px;line-height:1.75}
.service-trust-cta-v194{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px 24px;border-radius:14px;background:rgba(0,20,15,.55);border-left:4px solid #e5b946}
.service-trust-cta-v194 div{display:flex;flex-direction:column;gap:5px}
.service-trust-cta-v194 strong{color:#fff;font-size:18px}
.service-trust-cta-v194 span{color:#dce9e4;font-size:13px;line-height:1.6}

@media(max-width:1180px){
 .home-product-grid-v194{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-trust-grid-v194{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .home-products-v194{padding-top:54px!important;padding-bottom:56px!important}
 .home-product-grid-v194{grid-template-columns:1fr}
 .home-product-copy-v194 h3{min-height:0}
 .service-trust-wrap-v194{padding-bottom:52px}
 .service-trust-v194{padding:28px 18px}
 .service-trust-grid-v194{grid-template-columns:1fr}
 .service-trust-cta-v194{align-items:flex-start;flex-direction:column}
 .service-trust-cta-v194 .btn{width:100%}
}


/* =========================================================
   v19.5 Certification banner, colorful icons and email CTA
   ========================================================= */
.certification-v195{padding:40px 0 52px;background:linear-gradient(180deg,#002b22,#001f18)}
.certification-banner-v195{overflow:hidden;border:2px solid #d7aa38;border-radius:20px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.certification-banner-v195 img{display:block;width:100%;height:auto;aspect-ratio:2.3625/1;object-fit:cover}
.certification-highlights-v195{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.cert-highlight-v195{display:flex;align-items:center;gap:17px;min-height:126px;padding:20px;border:1px solid rgba(216,173,61,.48);border-radius:17px;background:linear-gradient(145deg,#064b3a,#002c22);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.cert-icon-v195{flex:0 0 74px;width:74px;height:74px;padding:7px;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.cert-icon-v195 svg{display:block;width:100%;height:100%}
.cert-highlight-v195 div:last-child{min-width:0}
.cert-highlight-v195 strong{display:block;margin-bottom:7px;color:#f0c35a;font-size:20px;line-height:1.25}
.cert-highlight-v195 span{display:block;color:#fff;font-size:14px;line-height:1.65}
.trust-icon-v194{width:68px!important;height:68px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.trust-icon-v194 svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}
.v195-sales-email{position:relative;padding-left:50px!important}
.v195-sales-email:before{content:"";position:absolute;left:18px;width:22px;height:17px;border:2px solid currentColor;border-radius:3px}
.v195-sales-email:after{content:"";position:absolute;left:20px;top:50%;width:17px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-72%) rotate(-45deg)}
@media(max-width:980px){
 .certification-highlights-v195{grid-template-columns:1fr}
 .cert-highlight-v195{min-height:108px}
}
@media(max-width:680px){
 .certification-v195{padding:24px 0 38px}
 .certification-banner-v195{border-radius:13px}
 .certification-banner-v195 img{aspect-ratio:auto}
 .certification-highlights-v195{gap:11px;margin-top:14px}
 .cert-highlight-v195{padding:16px;gap:14px}
 .cert-icon-v195{flex-basis:60px;width:60px;height:60px}
 .cert-highlight-v195 strong{font-size:17px}
 .cert-highlight-v195 span{font-size:13px}
}


/* =========================================================
   v19.6 Green-Gold Certification Banner
   ========================================================= */
.certification-v195{
  position:relative;
  overflow:hidden;
  padding:42px 0 54px;
  background:
    radial-gradient(circle at 18% 10%,rgba(212,169,61,.10),transparent 28%),
    radial-gradient(circle at 85% 85%,rgba(212,169,61,.08),transparent 30%),
    linear-gradient(180deg,#002d23 0%,#001f18 100%)!important;
}
.certification-v195:before,
.certification-v195:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(229,190,83,.28);
  border-radius:50%;
}
.certification-v195:before{
  width:760px;
  height:260px;
  left:-190px;
  bottom:-165px;
  transform:rotate(-8deg);
}
.certification-v195:after{
  width:620px;
  height:210px;
  right:-150px;
  top:-145px;
  transform:rotate(10deg);
}
.certification-v195>.container{position:relative;z-index:2}
.certification-banner-v195{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(232,195,91,.78)!important;
  border-radius:22px!important;
  background:#00251d!important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.32),
    0 0 0 1px rgba(232,195,91,.13) inset!important;
}
.certification-banner-v195:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 36px rgba(232,195,91,.08);
}
.certification-banner-v195 img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}
.certification-highlights-v195{
  position:relative;
  margin-top:22px!important;
}
.certification-highlights-v195:before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:-12px;
  height:1px;
  background:linear-gradient(90deg,transparent,#e5b946,transparent);
}
.cert-highlight-v195{
  border-color:rgba(229,185,70,.46)!important;
  background:
    linear-gradient(145deg,rgba(7,76,58,.98),rgba(0,43,33,.98))!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.cert-highlight-v195 strong{color:#f2c95f!important}
.cert-icon-v195{
  border:2px solid rgba(242,201,95,.48);
  box-shadow:
    0 9px 22px rgba(0,0,0,.24),
    0 0 20px rgba(242,201,95,.10)!important;
}
@media(max-width:680px){
  .certification-v195{padding:26px 0 40px}
  .certification-banner-v195{border-radius:14px!important}
  .certification-banner-v195 img{aspect-ratio:auto!important}
}

/* SPIN Truck Enterprise v21 portal */
.enterprise-portal-v21{background:#031712;min-height:100vh}.enterprise-hero-v21{padding:180px 0 85px;background:radial-gradient(circle at 85% 20%,rgba(224,183,88,.16),transparent 34%),linear-gradient(135deg,#05251d,#031712);border-bottom:1px solid var(--line)}.enterprise-hero-v21 h1{font-size:clamp(40px,6vw,76px);line-height:1.08;margin:12px 0;color:#fff}.enterprise-hero-v21 p{max-width:760px;color:#c9d4cf;font-size:18px}.enterprise-dashboard-v21{padding-top:55px}.enterprise-metrics-v21{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.enterprise-metrics-v21 article{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(10,80,59,.72),rgba(3,29,22,.96));box-shadow:0 16px 40px rgba(0,0,0,.18)}.enterprise-metrics-v21 strong{display:block;font:800 36px/1.1 Orbitron,sans-serif;color:var(--gold-2)}.enterprise-metrics-v21 span{color:#cbd6d1}.enterprise-actions-v21{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.enterprise-actions-v21>a{display:block;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:#06271e;transition:.2s}.enterprise-actions-v21>a:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 20px 45px rgba(0,0,0,.22)}.enterprise-actions-v21>a>span{font-size:34px}.enterprise-actions-v21 h2{font-size:19px;margin:12px 0 5px}.enterprise-actions-v21 p{margin:0;color:#aebbb5;font-size:14px}.enterprise-embedded-v21,.enterprise-plugin-note-v21{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:16px;background:#05251d}.enterprise-plugin-note-v21 strong{color:var(--gold-2);font-size:20px}.enterprise-plugin-note-v21 p{margin:6px 0 0;color:#becac5}@media(max-width:960px){.enterprise-metrics-v21,.enterprise-actions-v21{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.enterprise-hero-v21{padding:130px 0 60px}.enterprise-metrics-v21,.enterprise-actions-v21{grid-template-columns:1fr}.enterprise-metrics-v21 article{padding:20px}}


/* =========================================================
   v21.2 Professional header + customer portal navigation
   ========================================================= */
.site-header{background:rgba(1,28,21,.97);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.header-inner{gap:20px}
.main-nav ul{gap:clamp(16px,1.55vw,28px);align-items:center}
.main-nav a{white-space:nowrap}
.main-nav .menu-customer-portal>a{
  display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 17px;
  border:1px solid rgba(224,183,88,.72);border-radius:999px;
  color:#f0cb69;background:linear-gradient(135deg,rgba(224,183,88,.11),rgba(201,155,53,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:.22s ease
}
.main-nav .menu-customer-portal>a:after{display:none}
.main-nav .menu-customer-portal>a:hover,.main-nav .menu-customer-portal.current-menu-item>a{
  color:#061a14;background:linear-gradient(135deg,#edcd72,#c99b35);border-color:#edcd72;
  transform:translateY(-1px);box-shadow:0 10px 24px rgba(201,155,53,.22)
}
.portal-lock{font-size:13px;line-height:1}
.language-trigger{min-height:44px}
@media(max-width:1320px){
  .header-inner{gap:14px}.main-nav ul{gap:16px}.main-nav a{font-size:14px}
  .main-nav .menu-customer-portal>a{padding:0 13px}.header-actions{gap:7px}
}
@media(max-width:1120px){
  .main-nav{position:fixed;inset:92px 0 auto;background:#031712;display:none;padding:22px 24px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 22px 38px rgba(0,0,0,.28)}
  .main-nav.open{display:block}.main-nav ul{align-items:stretch;gap:4px}.main-nav a{display:flex;padding:12px 10px}
  .main-nav .menu-customer-portal>a{justify-content:center;margin-top:10px;min-height:48px}
  .menu-toggle{display:block;margin-left:auto}.header-actions{display:none}
}
@media(max-width:782px){.admin-bar .site-header{top:46px}}


/* =========================================================
 * SPIN Truck Enterprise v21.3 — Homepage Customer Services
 * ========================================================= */
.spin-service-hub-v213{position:relative;padding:76px 0 86px;background:linear-gradient(180deg,#f7fbf9 0%,#eef7f3 100%);color:#103c31;overflow:hidden}
.spin-service-hub-v213:before,.spin-service-hub-v213:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.spin-service-hub-v213:before{width:360px;height:360px;right:-140px;top:-190px;background:rgba(65,205,160,.14)}.spin-service-hub-v213:after{width:260px;height:260px;left:-120px;bottom:-160px;background:rgba(245,184,55,.14)}
.spin-service-head-v213{text-align:center;max-width:780px;margin:0 auto 38px;position:relative;z-index:1}.spin-service-kicker-v213{display:inline-block;font-weight:900;font-size:13px;letter-spacing:1.5px;color:#07875f;margin-bottom:8px}.spin-service-head-v213 h2{font-size:clamp(30px,4vw,48px);line-height:1.18;margin:0 0 12px;color:#073e30}.spin-service-head-v213 p{font-size:17px;line-height:1.75;color:#557069;margin:0}
.spin-service-grid-v213{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}.spin-service-card-v213{appearance:none;width:100%;min-height:242px;padding:28px;border:1px solid rgba(8,77,59,.12);border-radius:24px;background:#fff;color:#143e34;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 16px 42px rgba(13,67,53,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.spin-service-card-v213:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;bottom:-55px;opacity:.1;background:currentColor}.spin-service-card-v213:hover,.spin-service-card-v213:focus-visible{transform:translateY(-8px);box-shadow:0 24px 54px rgba(13,67,53,.16);border-color:rgba(8,135,95,.35);outline:none}.spin-service-icon-v213{display:block;width:76px;height:76px;margin-bottom:19px;filter:drop-shadow(0 10px 16px rgba(21,64,54,.18))}.spin-service-icon-v213 svg{width:100%;height:100%;display:block}.spin-service-copy-v213{display:flex;flex:1;flex-direction:column;align-items:flex-start}.spin-service-copy-v213 strong{display:block;font-size:22px;line-height:1.35;color:#073e30;margin-bottom:8px}.spin-service-copy-v213 small{display:block;font-size:14px;line-height:1.7;color:#627872;margin-bottom:18px}.spin-service-copy-v213 em{margin-top:auto;font-style:normal;font-weight:900;color:#087d5a;display:inline-flex;align-items:center;gap:7px}.spin-service-copy-v213 em:after{content:"→";font-size:18px}.spin-repair-card-v213{border-top:5px solid #ff7951}.spin-chat-card-v213{border-top:5px solid #18c889}.spin-passport-card-v213{border-top:5px solid #8d62e8}
.spin-truck-modal-v213{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.spin-truck-modal-v213[hidden]{display:none}.spin-truck-modal-backdrop-v213{position:absolute;inset:0;background:rgba(1,16,12,.74);backdrop-filter:blur(8px)}.spin-truck-dialog-v213{position:relative;z-index:1;width:min(100%,580px);max-height:calc(100vh - 40px);overflow:auto;padding:38px;border-radius:26px;background:#fff;color:#123d32;box-shadow:0 30px 90px rgba(0,0,0,.34)}.spin-truck-close-v213{position:absolute;right:16px;top:13px;border:0;background:#edf4f1;color:#31574e;width:39px;height:39px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}.spin-modal-icon-v213{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#7a65ff,#df45c6);color:#fff;font-size:36px;box-shadow:0 12px 24px rgba(127,80,220,.25)}.spin-truck-dialog-v213 h2{font-size:30px;line-height:1.25;margin:18px 0 8px;color:#073e30}.spin-truck-dialog-v213>p{color:#667b75;margin:0 0 20px}.spin-truck-search-v213 label{display:block;font-weight:800;margin-bottom:8px}.spin-truck-search-v213>div{display:flex;border:1px solid #cfddd8;border-radius:13px;overflow:hidden}.spin-truck-search-v213 input{flex:1;min-width:0;border:0;padding:15px 16px;font:inherit;color:#143e34;outline:none}.spin-truck-search-v213 button{border:0;background:#087d5a;color:#fff;padding:0 22px;font-weight:900;cursor:pointer}.spin-or-v213{display:flex;align-items:center;gap:12px;color:#80918c;font-size:13px;margin:20px 0}.spin-or-v213:before,.spin-or-v213:after{content:"";height:1px;background:#dce6e2;flex:1}.spin-camera-btn-v213{width:100%;border:0;border-radius:13px;padding:15px;background:linear-gradient(135deg,#7a65ff,#df45c6);color:#fff;font:inherit;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.spin-qr-reader-v213{margin-top:18px;border-radius:15px;overflow:hidden;background:#071d17;padding:10px;text-align:center}.spin-qr-reader-v213 video{width:100%;max-height:310px;object-fit:cover;border-radius:10px}.spin-qr-reader-v213 p{color:#fff;margin:8px 0 2px;font-size:13px}.spin-qr-support-v213{font-size:12px!important;margin:14px 0 0!important;color:#84958f!important}
body.spin-modal-open-v213{overflow:hidden}
@media(max-width:900px){.spin-service-grid-v213{grid-template-columns:1fr}.spin-service-card-v213{min-height:0;display:grid;grid-template-columns:76px 1fr;gap:18px}.spin-service-icon-v213{margin:0}.spin-service-copy-v213 small{margin-bottom:12px}}
@media(max-width:600px){.spin-service-hub-v213{padding:58px 0 64px}.spin-service-head-v213{margin-bottom:28px}.spin-service-card-v213{grid-template-columns:62px 1fr;padding:21px;border-radius:19px}.spin-service-icon-v213{width:62px;height:62px}.spin-service-copy-v213 strong{font-size:19px}.spin-truck-dialog-v213{padding:28px 20px 24px;border-radius:21px}.spin-truck-search-v213>div{display:block;border:0;overflow:visible}.spin-truck-search-v213 input{width:100%;border:1px solid #cfddd8;border-radius:11px}.spin-truck-search-v213 button{width:100%;min-height:48px;border-radius:11px;margin-top:9px}}

/* v21.4 repair and scanner */
.spin-v214-page{background:#f3faf7;min-height:70vh}.spin-v214-hero{padding:72px 0 48px;background:linear-gradient(135deg,#003d32,#006b53);color:#fff;text-align:center}.spin-v214-hero span{display:block;font-weight:800;letter-spacing:.18em;color:#e0b742}.spin-v214-hero h1{margin:10px 0 8px;font-size:clamp(34px,5vw,58px);color:#fff}.spin-v214-hero p{margin:0 auto;max-width:760px;font-size:18px;color:#d8eee8}.spin-v214-content{padding:48px 0 72px}.spin-v214-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:28px}.spin-v214-form-card,.spin-v214-side,.spin-v214-scanner-shell{background:#fff;border:1px solid #dcebe5;border-radius:24px;box-shadow:0 18px 50px rgba(0,61,50,.1)}.spin-v214-form-card{padding:32px}.spin-v214-form{display:grid;gap:20px}.spin-v214-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spin-v214-form label{display:grid;gap:8px;font-weight:700;color:#073f34}.spin-v214-form input,.spin-v214-form textarea,.spin-v214-search-box input{width:100%;border:1px solid #c8ddd5;border-radius:12px;padding:13px 15px;font:inherit;background:#fbfefd}.spin-v214-form input:focus,.spin-v214-form textarea:focus,.spin-v214-search-box input:focus{outline:3px solid rgba(0,148,111,.14);border-color:#00946f}.spin-v214-consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important}.spin-v214-consent input{width:20px;height:20px}.spin-v214-submit,.spin-v214-search-box button{border:0;border-radius:13px;padding:15px 22px;background:linear-gradient(135deg,#007c5d,#00a87d);color:#fff;font-weight:800;font-size:17px;cursor:pointer}.spin-v214-side{padding:30px;align-self:start}.spin-v214-side-icon{font-size:52px}.spin-v214-side h2{color:#063e33}.spin-v214-side li{margin:12px 0;color:#496b62}.spin-v214-alert{padding:15px 18px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;gap:15px}.spin-v214-alert.success{background:#e7f8ef;color:#08714f}.spin-v214-alert.error{background:#fff0f0;color:#a62222}.spin-v214-scanner-shell{max-width:820px;margin:auto;padding:32px}.spin-v214-search-box form{display:grid;gap:10px}.spin-v214-search-box form>div{display:grid;grid-template-columns:1fr auto;gap:10px}.spin-v214-divider{text-align:center;margin:28px 0;position:relative}.spin-v214-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#dce8e3}.spin-v214-divider span{position:relative;background:#fff;padding:0 16px;color:#607a72}.spin-v214-reader{overflow:hidden;border-radius:18px;border:2px dashed #8dc9b7;padding:12px;background:#f7fffc}.spin-v214-reader video{border-radius:14px!important}.spin-v214-reader button,.spin-v214-reader select{font:inherit!important;border-radius:10px!important;padding:10px 12px!important}.spin-v214-result{margin-top:16px;padding:0}.spin-v214-result.success,.spin-v214-result.error{padding:14px;border-radius:10px}.spin-v214-result.success{background:#e5f8ee;color:#08714f}.spin-v214-result.error{background:#fff0f0;color:#a62222}.spin-v214-https{text-align:center;color:#6b7f79;font-size:14px;margin:16px 0 0}
@media(max-width:820px){.spin-v214-layout{grid-template-columns:1fr}.spin-v214-grid.two{grid-template-columns:1fr}.spin-v214-form-card,.spin-v214-side,.spin-v214-scanner-shell{padding:22px}.spin-v214-search-box form>div{grid-template-columns:1fr}.spin-v214-hero{padding:50px 0 36px}.spin-v214-content{padding:28px 0 50px}}

/* v21.5 Discord support chat */
.spin-v215-chat-page{background:#f2faf7;min-height:70vh;color:#123f34}.spin-v215-chat-hero{padding:72px 0 45px;text-align:center;color:#fff;background:linear-gradient(135deg,#073f34,#075f4c)}.spin-v215-chat-hero span{font-weight:900;letter-spacing:.16em;color:#f0c95e}.spin-v215-chat-hero h1{margin:9px 0;font-size:clamp(35px,5vw,58px);color:#fff}.spin-v215-chat-hero p{max-width:760px;margin:auto;color:#d9eee8;font-size:17px}.spin-v215-chat-content{padding:44px 0 72px}.spin-v215-chat-shell{max-width:850px;margin:auto;background:#fff;border:1px solid #d7e9e2;border-radius:25px;overflow:hidden;box-shadow:0 20px 60px rgba(0,63,49,.12)}.spin-v215-chat-head{display:flex;align-items:center;gap:13px;padding:20px 24px;background:#f7fcfa;border-bottom:1px solid #e0eee9}.spin-v215-agent{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(135deg,#5865f2,#8b5cf6)}.spin-v215-chat-head strong{display:block}.spin-v215-chat-head small{display:flex;align-items:center;gap:7px;color:#55736a}.spin-v215-chat-head i{width:9px;height:9px;background:#22c55e;border-radius:50%}.spin-v215-messages{min-height:280px;max-height:430px;overflow:auto;padding:25px;background:linear-gradient(180deg,#fbfefd,#f4faf7)}.spin-v215-msg{width:fit-content;max-width:78%;padding:13px 16px;border-radius:17px;margin:0 0 13px;line-height:1.6}.spin-v215-msg.agent{background:#fff;border:1px solid #dceae5;border-top-left-radius:5px}.spin-v215-msg.user{margin-left:auto;color:#fff;background:linear-gradient(135deg,#5865f2,#7657e6);border-top-right-radius:5px}.spin-v215-compose{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #e0eee9}.spin-v215-compose textarea{resize:vertical;min-height:58px;border:1px solid #c9ddd5;border-radius:13px;padding:13px;font:inherit}.spin-v215-compose button,.spin-v215-discord-box a{border:0;border-radius:13px;padding:0 23px;color:#fff;font-weight:900;background:linear-gradient(135deg,#5865f2,#7c5ce4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.spin-v215-discord-box{margin:0 24px 22px;padding:20px;border-radius:17px;background:#eef0ff;border:1px solid #cfd4ff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.spin-v215-discord-box[hidden]{display:none}.spin-v215-discord-box p{margin:5px 0 0;color:#59657c}.spin-v215-discord-box a{min-height:48px}.spin-v215-note{padding:0 24px 24px;margin:0;color:#667c75;font-size:13px}@media(max-width:650px){.spin-v215-chat-content{padding:25px 0 50px}.spin-v215-chat-shell{border-radius:18px}.spin-v215-compose,.spin-v215-discord-box{grid-template-columns:1fr}.spin-v215-compose button{min-height:48px}.spin-v215-discord-box{margin:0 15px 18px}.spin-v215-msg{max-width:90%}}


/* SPIN Truck Enterprise v22.1 */
.certification-v195{padding:28px 0 38px!important}
.certification-banner-v195{max-width:800px;margin:0 auto;border-radius:16px!important}
.certification-banner-v195 img{display:block;width:100%!important;height:auto!important;max-height:330px;object-fit:contain!important;aspect-ratio:auto!important;background:#053b2f}
.certification-highlights-v195{max-width:800px;margin:14px auto 0!important;gap:10px!important}
.cert-highlight-v195{min-height:86px;padding:13px 15px!important}
@media(max-width:820px){.certification-banner-v195,.certification-highlights-v195{max-width:100%}}
@media(max-width:560px){.certification-v195{padding:20px 0 28px!important}.certification-banner-v195{border-radius:12px!important}.cert-highlight-v195{min-height:auto}}/* ข่าวอุตสาหกรรมอัตโนมัติ */
.spin-auto-industry-news {
    margin-top: 65px;
    padding-top: 45px;
    border-top: 1px solid rgba(224, 183, 88, 0.28);
}

.spin-auto-industry-news-heading {
    margin-bottom: 28px;
}

.spin-auto-industry-news-heading h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.25;
}

.spin-auto-industry-news-heading p {
    margin: 0;
    color: #aebbb5;
    font-size: 16px;
}

.spin-news-plugin-warning {
    margin: 35px 0;
    padding: 18px 20px;
    border: 1px solid #dca900;
    border-radius: 12px;
    background: rgba(220, 169, 0, 0.08);
    color: #ffffff;
}

@media (max-width: 720px) {
    .spin-auto-industry-news {
        margin-top: 42px;
        padding-top: 32px;
    }
}


/* =========================================================
 * SPIN Truck Enterprise v24 Professional Modern
 * Certification + service proportion refinements
 * ========================================================= */
:root{--spin-v24-green:#003e32;--spin-v24-deep:#00281f;--spin-v24-gold:#d9a932;--spin-v24-line:rgba(220,176,65,.58)}
.certification-v195{
  position:relative!important;
  padding:56px 0 52px!important;
  background:
    radial-gradient(circle at 50% -30%,rgba(35,142,102,.22),transparent 48%),
    linear-gradient(145deg,#002d24 0%,#003c30 48%,#00291f 100%)!important;
  overflow:hidden;
}
.certification-v195:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(45deg,transparent 48%,rgba(215,169,53,.18) 49%,transparent 50%),linear-gradient(-45deg,transparent 48%,rgba(215,169,53,.10) 49%,transparent 50%);background-size:90px 90px}
.certification-v195 .container{position:relative;z-index:1;max-width:1280px!important}
.certification-banner-v195{
  max-width:1120px!important;
  margin:0 auto 26px!important;
  padding:16px!important;
  border:1px solid var(--spin-v24-line)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(3,63,50,.92),rgba(0,37,29,.96))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06)!important;
}
.certification-banner-v195 img{width:100%!important;height:auto!important;max-height:285px!important;object-fit:contain!important;border-radius:15px!important;background:#033b30!important}
.certification-highlights-v195{
  max-width:1120px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.cert-highlight-v195{
  min-height:238px!important;
  padding:26px 22px 24px!important;
  border:1px solid rgba(222,179,70,.35)!important;
  border-radius:22px!important;
  background:linear-gradient(165deg,rgba(7,75,59,.92),rgba(0,46,36,.96))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:center!important;
  gap:14px!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.cert-highlight-v195:hover{transform:translateY(-5px);border-color:rgba(232,187,70,.72)!important;box-shadow:0 26px 54px rgba(0,0,0,.28)!important}
.cert-icon-v195{width:76px!important;height:76px!important;flex:0 0 76px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
.cert-highlight-v195>div:last-child{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}
.cert-highlight-v195 strong{font-size:18px!important;line-height:1.25!important;color:#fff!important;letter-spacing:.01em;margin:0!important}
.cert-highlight-v195 span{display:block!important;max-width:220px;font-size:15px!important;line-height:1.72!important;color:#dcebe6!important;margin:0!important}
.cert-standard-v24{border-color:rgba(217,169,50,.48)!important}

.service-v12{padding:54px 0 68px!important;background:linear-gradient(180deg,#003a2f,#002d24)!important}
.service-static-hero{
  min-height:0!important;
  max-width:1120px!important;
  margin:0 auto 28px!important;
  padding:30px 34px!important;
  border:1px solid rgba(220,176,65,.48)!important;
  border-radius:22px!important;
  background:linear-gradient(120deg,rgba(2,77,59,.96),rgba(0,45,35,.97))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
  display:block!important;
}
.service-static-copy{max-width:none!important;width:100%!important}
.service-static-kicker{font-size:13px!important;letter-spacing:.1em!important;margin-bottom:8px!important}
.service-static-copy h2{font-size:clamp(28px,3.2vw,43px)!important;line-height:1.18!important;margin:0 0 10px!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}
.service-static-copy h2 strong{display:inline!important;margin-right:.22em!important}
.service-static-copy p{font-size:16px!important;line-height:1.7!important;margin:0!important;max-width:920px!important}
.service-static-values{margin-top:16px!important;gap:22px!important;display:flex!important;flex-wrap:wrap!important;font-size:13px!important}
.service-static-truck{display:none!important}
.service-v12-grid-photos{max-width:1120px!important;margin:0 auto!important;gap:18px!important}
.service-photo-card{border-radius:18px!important;overflow:hidden!important;min-height:0!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important}
.service-v12-photo{height:205px!important}
.service-v12-content{padding:20px 20px 21px!important}
.service-v12-content h3{font-size:20px!important;line-height:1.35!important;margin-bottom:8px!important}
.service-v12-content p{font-size:14px!important;line-height:1.68!important;margin-bottom:10px!important}
.service-v12-content small{font-size:12px!important;line-height:1.5!important}

@media(max-width:980px){
 .certification-highlights-v195{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .cert-highlight-v195{min-height:210px!important}
 .service-v12-grid-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 .certification-v195{padding:34px 0 38px!important}
 .certification-banner-v195{padding:8px!important;border-radius:16px!important;margin-bottom:14px!important}
 .certification-banner-v195 img{border-radius:10px!important}
 .certification-highlights-v195{grid-template-columns:1fr!important;gap:12px!important}
 .cert-highlight-v195{min-height:0!important;display:grid!important;grid-template-columns:62px 1fr!important;text-align:left!important;align-items:center!important;padding:18px!important;gap:16px!important}
 .cert-icon-v195{width:62px!important;height:62px!important;flex-basis:62px!important}
 .cert-highlight-v195>div:last-child{align-items:flex-start!important;gap:5px!important}
 .cert-highlight-v195 span{max-width:none!important;font-size:14px!important;line-height:1.55!important}
 .service-v12{padding:38px 0 50px!important}
 .service-static-hero{padding:24px 20px!important;border-radius:17px!important;margin-bottom:18px!important}
 .service-static-copy h2{font-size:29px!important}
 .service-static-copy p{font-size:15px!important}
 .service-v12-grid-photos{grid-template-columns:1fr!important;gap:15px!important}
 .service-v12-photo{height:190px!important}
}


/* =========================================================
   v24.1 Professional Certification Banner – Modern Green
   ========================================================= */
.certification-v195{
  padding:34px 0 42px!important;
}
.certification-banner-v195{
  max-width:1200px;
  margin:0 auto;
  background:#fff!important;
  border:1px solid rgba(218,171,49,.85)!important;
  border-radius:22px!important;
  box-shadow:0 16px 42px rgba(0,24,18,.24)!important;
}
.certification-banner-v195 img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#fff!important;
}
@media (max-width:767px){
  .certification-v195{padding:22px 0 30px!important}
  .certification-banner-v195{border-radius:14px!important}
}

/* v24.2 — Full-bleed certification banner (no white outer frame) */
.certification-v195{
  padding:0!important;
  background:transparent!important;
  overflow:hidden;
}
.certification-v195:before{display:none!important}
.certification-v195 .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.certification-banner-v195{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.certification-banner-v195 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.certification-highlights-v195{
  width:min(calc(100% - 40px),1260px)!important;
  max-width:1260px!important;
  margin:18px auto 0!important;
}
@media(max-width:720px){
  .certification-banner-v195 img{min-height:170px!important;object-fit:cover!important}
  .certification-highlights-v195{width:calc(100% - 24px)!important}
}

/* v24.3 Professional Complaints — footer section */
.spin-complaint-section{padding:76px 0;background:linear-gradient(180deg,#f7faf8 0%,#eef5f1 100%);border-top:1px solid rgba(3,81,61,.12)}
.spin-complaint-card{display:grid;grid-template-columns:.9fr 1.35fr;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(3,81,61,.14);box-shadow:0 24px 70px rgba(2,55,43,.12)}
.spin-complaint-intro{position:relative;padding:44px 40px;background:linear-gradient(145deg,#031f19,#063f33 62%,#07523f);color:#fff;overflow:hidden}
.spin-complaint-intro:after{content:"SPIN";position:absolute;right:-18px;bottom:-38px;font:800 108px/1 "Orbitron",sans-serif;color:rgba(255,255,255,.035);pointer-events:none}
.spin-complaint-kicker{display:block;color:#e0b758;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:12px}.spin-complaint-intro h2{color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 0 16px}.spin-complaint-intro p{color:#d6e6df;line-height:1.85;margin:0;max-width:520px}
.spin-complaint-trust{display:grid;gap:10px;margin-top:30px}.spin-complaint-trust span{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(224,183,88,.24);border-radius:10px;background:rgba(255,255,255,.04)}.spin-complaint-trust b{color:#e0b758;font-family:"Orbitron",sans-serif}.spin-complaint-trust i{font-style:normal;color:#edf6f2;font-size:14px}
.spin-complaint-formbox{padding:36px 40px}.spin-complaint-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spin-complaint-form label>span{display:block;font-weight:700;color:#173a31;margin-bottom:7px;font-size:14px}.spin-complaint-form input,.spin-complaint-form select,.spin-complaint-form textarea{box-sizing:border-box;width:100%;border:1px solid #cbded6;border-radius:10px;background:#fbfdfc;color:#16362e;padding:12px 13px;font:inherit;outline:none}.spin-complaint-form input:focus,.spin-complaint-form select:focus,.spin-complaint-form textarea:focus{border-color:#0b775e;box-shadow:0 0 0 3px rgba(11,119,94,.1);background:#fff}.spin-complaint-wide{display:block;margin-top:16px}.spin-complaint-consent{display:flex!important;align-items:flex-start;gap:10px;margin-top:17px;padding:12px 14px;border-radius:10px;background:#f1f7f4}.spin-complaint-consent input{width:auto;margin-top:4px}.spin-complaint-consent span{margin:0!important;font-weight:500!important;line-height:1.6}.spin-complaint-submitrow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.spin-complaint-submitrow button{border:0;border-radius:10px;padding:13px 23px;background:linear-gradient(135deg,#c99b35,#e4bc5b);color:#082a22;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(201,155,53,.24)}.spin-complaint-submitrow button:hover{transform:translateY(-1px)}.spin-complaint-email{font-size:12px;color:#698078}.spin-complaint-alert{padding:13px 15px;border-radius:10px;margin-bottom:18px;display:grid;gap:4px}.spin-complaint-alert.success{background:#eaf8f1;border:1px solid #b8dfcd;color:#075a47}.spin-complaint-alert.error{background:#fff0ef;border:1px solid #efc6c2;color:#8b3029}.spin-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){.spin-complaint-card{grid-template-columns:1fr}.spin-complaint-intro,.spin-complaint-formbox{padding:32px 28px}}
@media(max-width:620px){.spin-complaint-section{padding:42px 0}.spin-complaint-card{border-radius:16px}.spin-complaint-grid{grid-template-columns:1fr}.spin-complaint-submitrow{align-items:stretch;flex-direction:column}.spin-complaint-submitrow button{width:100%}.spin-complaint-email{text-align:center;overflow-wrap:anywhere}}

/* =========================================================
   SPIN TRUCK — FINAL TEXT LAYOUT FIX
   Certification / Factory location / Contact CTA
   ========================================================= */

/* 4 certification boxes: preserve intentional 2-line copy */
.certification-highlights-v195 .cert-highlight-v195 span{
  white-space:pre-line!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1.8!important;
  text-align:center!important;
}

/* Factory title: "ที่ตั้งโรงงาน" + "SPIN TRUCK" */
.location-copy .section-title{
  white-space:pre-line!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1.25!important;
}

/* Contact heading stays on one line on desktop */
.cta h2{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

/* Phone / email buttons must not split text */
.cta .buttons{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  align-items:center!important;
}
.cta .buttons .btn{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  min-width:max-content!important;
  width:auto!important;
}

/* Allow safe wrapping on small screens */
@media(max-width:700px){
  .cta h2{white-space:normal!important;}
  .cta .buttons{flex-wrap:wrap!important;}
  .cta .buttons .btn{white-space:nowrap!important;}
}