/* ============================================================
   IVECOFORCE — style.css
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black:#0f110d; --dark:#181c14; --dark2:#1f2418; --dark3:#252e1d;
  --accent:#5a6e3a; --accent-dk:#3d4f28; --accent-glow:rgba(90,110,58,.10);
  --white:#f2eed8; --muted:#888; --muted2:#c8c89a;
  --border:rgba(90,110,58,.18); --border2:rgba(245,243,239,.08);
  --green:#1a4a6e; --green-lt:#7bc8f0; --red:#b91c1c; --red-lt:#fca5a5;
  --font-h:'Barlow Condensed',sans-serif; --font-b:'Barlow',sans-serif;
  --nav-h:72px; --r:4px; --ease:0.24s ease;
}
html { scroll-behavior: smooth; }
body { font-family:var(--font-b); background:var(--black); color:var(--white); overflow-x:hidden; line-height:1.6; -webkit-font-smoothing:antialiased; }
::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-track{background:var(--black)} ::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}

.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}
.eyebrow{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--accent);flex-shrink:0}
.eyebrow span{font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.section-title{font-family:var(--font-h);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:.01em}
.section-title em{font-style:normal;color:var(--accent)}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;padding:.85rem 1.9rem;font-family:var(--font-b);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--ease),transform var(--ease)}
.btn-primary:hover{background:var(--accent-dk);transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--white);padding:.85rem 1.9rem;font-family:var(--font-b);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(245,243,239,.25);border-radius:var(--r);cursor:pointer;transition:border-color var(--ease),color var(--ease)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.fade-in{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.fade-in.visible{opacity:1;transform:none}

/* NAV */
#navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;background:rgba(13,13,13,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:background var(--ease)}
#navbar.scrolled{background:rgba(13,13,13,.98)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.nav-logo-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--r);display:flex;align-items:center;justify-content:center}
.nav-logo-icon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.nav-logo-text{font-family:var(--font-h);font-size:1.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.nav-logo-text span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);text-decoration:none;transition:color var(--ease)}
.nav-links a:hover{color:var(--accent)}
.nav-cta{margin-left:1rem}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(13,13,13,.98);border-bottom:1px solid var(--border);padding:1.5rem 2rem 2rem;flex-direction:column;gap:1.2rem;z-index:999}
.nav-mobile.open{display:flex}
.nav-mobile a{font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);text-decoration:none;padding:.7rem 0;border-bottom:1px solid var(--border2);transition:color var(--ease)}
.nav-mobile a:hover{color:var(--accent)}
.nav-mobile .btn-primary{width:100%;justify-content:center;margin-top:.5rem}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--nav-h)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0d0d0d 0%,#17120d 60%,#0d0d0d 100%)}
.hero-bg-img{position:absolute;inset:0;background:url('../images/hero-bg.jpg') center/cover no-repeat;opacity:.15}
.hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(90,110,58,.04) 39px,rgba(90,110,58,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(90,110,58,.03) 79px,rgba(90,110,58,.03) 80px)}
.hero-glow{position:absolute;top:20%;left:-10%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(90,110,58,.07) 0%,transparent 70%);pointer-events:none}
.hero-inner{position:relative;z-index:2;width:100%;padding:5rem 0}
.hero-content{max-width:680px}
.hero-tag{display:inline-flex;align-items:center;gap:.6rem;background:rgba(90,110,58,.1);border:1px solid rgba(90,110,58,.3);border-radius:2px;padding:.4rem 1rem;margin-bottom:1.8rem}
.hero-tag span{font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.hero-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:dotpulse 2s ease-in-out infinite}
@keyframes dotpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
.hero h1{font-family:var(--font-h);font-size:clamp(3rem,8vw,6.8rem);font-weight:800;line-height:.9;text-transform:uppercase;letter-spacing:.02em;margin-bottom:1.5rem}
.hero h1 .lo{color:var(--accent);display:block}
.hero h1 .lw{color:var(--white);display:block}
.hero-sub{font-size:.98rem;color:var(--muted);max-width:500px;line-height:1.85;margin-bottom:2.5rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-stats{display:flex;margin-top:4rem;border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;max-width:520px}
.hero-stat{flex:1;padding:1.2rem 1.4rem;border-right:1px solid var(--border2);background:rgba(245,243,239,.02)}
.hero-stat:last-child{border-right:none}
.hs-num{display:block;font-family:var(--font-h);font-size:2rem;font-weight:800;color:var(--accent);line-height:1}
.hs-lbl{display:block;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;text-decoration:none}
.hero-scroll span{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.hero-scroll-ring{width:32px;height:32px;border:1px solid rgba(245,243,239,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce 2s ease-in-out infinite}
.hero-scroll-ring svg{width:13px;height:13px;stroke:var(--muted);fill:none;stroke-width:2}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* MARQUEE */
.marquee-bar{background:var(--accent);padding:.8rem 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-block;animation:marquee 32s linear infinite}
.marquee-track span{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:0 2rem;opacity:.9}
.marquee-track .sep{opacity:.35;padding:0}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ABOUT */
.about{padding:7rem 0;background:var(--dark)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-images{position:relative;height:460px}
.ab-img-main{position:absolute;top:0;right:0;width:78%;height:320px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.ab-img-main img{width:100%;height:100%;object-fit:cover;filter:brightness(.85) saturate(1.1);display:block}
.ab-img-sec{position:absolute;bottom:0;left:0;width:52%;height:200px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.ab-img-sec img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);display:block}
.ab-badge{position:absolute;bottom:2.5rem;right:0;background:var(--accent);border-radius:var(--r);padding:1.2rem 1.5rem;text-align:center;z-index:5}
.ab-badge strong{display:block;font-family:var(--font-h);font-size:2.4rem;font-weight:800;color:#fff;line-height:1}
.ab-badge span{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:.25rem;display:block}
.about-text .section-title{margin-bottom:1.4rem}
.about-text > p{color:var(--muted);font-size:.93rem;line-height:1.85;margin-bottom:1rem}
.pillars{margin-top:2rem;display:flex;flex-direction:column;gap:.8rem}
.pillar{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;background:var(--dark2);border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0}
.pillar svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2;flex-shrink:0}
.pillar strong{display:block;font-size:.83rem;font-weight:600;color:var(--white)}
.pillar span{font-size:.76rem;color:var(--muted)}

/* INVENTORY */
.inventory{padding:7rem 0;background:var(--black)}
.inventory-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;gap:1.5rem;flex-wrap:wrap}
.filter-bar{display:flex;gap:.4rem;flex-wrap:wrap}
.filter-btn{padding:.5rem 1.1rem;background:transparent;border:1px solid var(--border2);color:var(--muted);font-family:var(--font-b);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:all var(--ease)}
.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
.trucks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:6px;overflow:hidden}
.truck-card{background:var(--dark);cursor:pointer;transition:background var(--ease);position:relative;display:flex;flex-direction:column}
.truck-card:hover{background:var(--dark2)}
.truck-card:hover .tc-img img{transform:scale(1.05)}
.truck-card:hover .tc-hover{opacity:1;transform:translateX(-50%) translateY(0)}
.tc-img{position:relative;height:220px;overflow:hidden;background:#111;flex-shrink:0}
.tc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.tc-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark3);gap:.8rem}
.tc-placeholder svg{width:48px;height:48px;stroke:var(--muted);fill:none;stroke-width:1.2;opacity:.35}
.tc-placeholder span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.35}
.tc-hover{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%) translateY(8px);background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:var(--r);opacity:0;transition:opacity var(--ease),transform var(--ease);white-space:nowrap;pointer-events:none}
.tc-badge{position:absolute;top:1rem;left:1rem;padding:.26rem .6rem;font-size:.57rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;z-index:3}
.badge-new{background:var(--accent);color:#fff}
.badge-used{background:rgba(245,243,239,.12);color:var(--muted2)}
.badge-promo{background:var(--green);color:var(--green-lt)}
.tc-info{padding:1.4rem 1.5rem 1.6rem;flex:1;display:flex;flex-direction:column}
.tc-type{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem}
.tc-name{font-family:var(--font-h);font-size:1.45rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--white);line-height:1.1;margin-bottom:.35rem}
.tc-sub{font-size:.78rem;color:var(--muted);margin-bottom:1rem}
.tc-specs{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.tc-spec{display:flex;align-items:center;gap:.3rem;font-size:.66rem;color:var(--muted);font-weight:500}
.tc-spec svg{width:10px;height:10px;stroke:var(--muted);fill:none;stroke-width:2;flex-shrink:0}
.tc-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border2)}
.tc-price-num{font-family:var(--font-h);font-size:1.6rem;font-weight:800;color:var(--accent);display:block;line-height:1}
.tc-price-vat{font-size:.58rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;display:block}
.tc-enquire{background:transparent;border:1px solid rgba(90,110,58,.35);color:var(--accent);font-family:var(--font-b);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.48rem .95rem;border-radius:var(--r);cursor:pointer;transition:all var(--ease)}
.tc-enquire:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* SERVICES */
.services{padding:7rem 0;background:var(--dark)}
.services-intro{max-width:560px;margin-bottom:3.5rem}
.services-intro p{margin-top:1.2rem;color:var(--muted);font-size:.93rem;line-height:1.85}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:6px;overflow:hidden}
.svc-card{background:var(--dark);padding:2.5rem 2rem;transition:background var(--ease);position:relative;overflow:hidden}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .35s ease}
.svc-card:hover::after{transform:scaleX(1)}
.svc-card:hover{background:var(--dark2)}
.svc-icon{width:50px;height:50px;background:var(--accent-glow);border:1px solid rgba(90,110,58,.25);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.svc-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8}
.svc-card h3{font-family:var(--font-h);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--white);margin-bottom:.7rem}
.svc-card p{font-size:.83rem;color:var(--muted);line-height:1.8}

/* WHY US */
.whyus{padding:4.5rem 0;background:var(--accent)}
.whyus-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.wu-item{padding:2rem 1.5rem;background:rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.15);text-align:center}
.wu-item:last-child{border-right:none}
.wu-icon{width:44px;height:44px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.wu-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.wu-item h4{font-family:var(--font-h);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:.35rem}
.wu-item p{font-size:.76rem;color:rgba(255,255,255,.7);line-height:1.6}

/* CONTACT */
.contact{padding:7rem 0;background:var(--black)}
.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:5rem;align-items:stretch}
.contact-info .section-title{margin-bottom:1.2rem}
.contact-info > p{color:var(--muted);font-size:.93rem;line-height:1.85;margin-bottom:2.5rem}
.c-items{display:flex;flex-direction:column;gap:1rem}
.c-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:var(--dark);border:1px solid var(--border2);border-radius:var(--r)}
.c-icon{width:38px;height:38px;background:var(--accent-glow);border:1px solid rgba(90,110,58,.25);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.c-icon svg{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:2}
.c-item strong{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.2rem}
.c-item span{font-size:.88rem;color:var(--white);line-height:1.5}

/* FORM */
.form-card{background:var(--dark);border:1px solid var(--border2);border-radius:6px;padding:2.5rem;height:100%}
.form-card-title{font-family:var(--font-h);font-size:1.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1.8rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border2)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.42rem}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--dark2);border:1px solid var(--border2);color:var(--white);padding:.78rem 1rem;border-radius:var(--r);font-family:var(--font-b);font-size:.88rem;outline:none;transition:border-color var(--ease);-webkit-appearance:none;appearance:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:#444}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.form-group select option{background:var(--dark2)}
.form-group textarea{resize:vertical;min-height:110px;line-height:1.6}
.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--red)}
.field-error{font-size:.68rem;color:var(--red-lt);margin-top:.3rem;display:none}
.field-error.show{display:block}
.form-submit{width:100%;margin-top:.5rem;justify-content:center;font-size:.8rem}
.form-banner{display:none;margin-top:1rem;padding:.9rem 1rem;border-radius:var(--r);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-align:center}
.form-banner.success{background:rgba(31,122,58,.18);border:1px solid rgba(127,255,163,.25);color:var(--green-lt)}
.form-banner.error{background:rgba(185,28,28,.15);border:1px solid rgba(252,165,165,.25);color:var(--red-lt)}
.form-banner.show{display:block}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}

/* FOOTER */
footer{background:var(--dark);border-top:1px solid var(--border2)}
.footer-top{padding:4rem 0 3rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}
.footer-brand p{font-size:.83rem;color:var(--muted);line-height:1.8;max-width:260px;margin-top:1rem}
.footer-col h4{font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.footer-col ul a{font-size:.83rem;color:var(--muted);text-decoration:none;transition:color var(--ease)}
.footer-col ul a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid var(--border2);padding:1.5rem 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}
.footer-bottom p{font-size:.7rem;color:var(--muted)}

/* MODAL */
.modal-bd{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:2000;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}
.modal-bd.open{display:flex}
.modal{background:var(--dark);border:1px solid var(--border);border-radius:6px;max-width:560px;width:100%;position:relative;animation:mslide .3s ease;overflow:hidden;margin:auto}
@keyframes mslide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.modal-img{height:220px;overflow:hidden;background:#111}
.modal-img img{width:100%;height:100%;object-fit:cover;display:block}
.modal-body{padding:2rem 2rem 2.5rem}
.modal-close{position:absolute;top:.9rem;right:.9rem;background:rgba(13,13,13,.85);border:none;color:var(--muted2);width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;transition:color var(--ease);z-index:5;display:flex;align-items:center;justify-content:center}
.modal-close:hover{color:var(--white)}
.modal-tag{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.modal h2{font-family:var(--font-h);font-size:1.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem}
.modal-sub{font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}
.modal-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;margin-bottom:1.8rem}
.ms-item{background:var(--dark2);padding:.9rem .7rem;text-align:center}
.ms-item strong{display:block;font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--white);text-transform:uppercase}
.ms-item span{font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.2rem;display:block}
.modal-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.modal-price-num{font-family:var(--font-h);font-size:2.1rem;font-weight:800;color:var(--accent)}
.modal-price-note{font-size:.68rem;color:var(--muted);margin-top:-3px}
.modal-actions{display:flex;gap:.8rem}
.modal-actions .btn-primary,.modal-actions .btn-outline{flex:1;justify-content:center}

/* RESPONSIVE */
@media(max-width:1024px){
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:flex}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .about-images{height:280px}
  .ab-img-main{width:85%;height:260px}
  .ab-img-sec{display:none}
  .ab-badge{bottom:1rem;right:1rem}
  .services-grid{grid-template-columns:1fr 1fr}
  .whyus-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr;gap:3rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:640px){
  .container{padding:0 1.2rem}
  .about,.inventory,.services,.contact{padding:4.5rem 0}
  .whyus{padding:3rem 0}
  .hero h1{font-size:2.9rem}
  .hero-stats{flex-direction:column;max-width:100%}
  .hero-stat{border-right:none;border-bottom:1px solid var(--border2)}
  .hero-stat:last-child{border-bottom:none}
  .hero-scroll{display:none}
  .inventory-header{flex-direction:column;align-items:flex-start}
  .trucks-grid{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .whyus-grid{grid-template-columns:1fr 1fr}
  .wu-item{padding:1.4rem 1rem}
  .form-row{grid-template-columns:1fr}
  .form-card{padding:1.5rem}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .modal-specs{grid-template-columns:1fr 1fr}
  .modal-actions{flex-direction:column}
}