/* JRZ Cars v2.0.2 — Rèplica exacta mlautomobils.com */
/* Colors: Groc #F6D42F | Negre #1E1E1E | Fons #FAF4F4 | Blanc #FFF | Font: Poppins */

:root {
  --ml-yellow:  #F6D42F;
  --ml-dark:    #1E1E1E;
  --ml-bg:      #FAF4F4;
  --ml-white:   #FFFFFF;
  --ml-gray:    #6c757d;
  --ml-border:  #dee2e6;
  --ml-radius:  16px;
  --ml-max:     1140px;
  --ml-hh:      72px;
  --ml-shadow:  0 0.5rem 1rem rgba(0,0,0,.15);
}

*,*::before,*::after { box-sizing:border-box;margin:0;padding:0 }
html { scroll-behavior:smooth }
body {
  font-family:'Poppins',system-ui,sans-serif;
  color:var(--ml-dark);
  background:#fff;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6 { font-family:'Poppins',sans-serif;font-weight:600;line-height:1.2;color:var(--ml-dark) }
a { color:inherit;text-decoration:none }
img { max-width:100%;height:auto;display:block }
ul { list-style:none;padding:0;margin:0 }
button { cursor:pointer;border:none;background:none;font-family:'Poppins',sans-serif }
.ml-wrap { max-width:var(--ml-max);margin:0 auto;padding:0 24px }
#ml-page-content { min-height:60vh }

/* ══════════════════════════════════════════
   HEADER — Blanc, exacte mlautomobils.com
══════════════════════════════════════════ */
.ml-header {
  background:#fff;
  border-bottom:1px solid var(--ml-border);
  position:sticky;top:0;z-index:1000;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.ml-header-inner {
  display:flex;align-items:center;justify-content:space-between;
  height:var(--ml-hh);gap:16px;
}
.ml-logo { display:flex;align-items:center;flex-shrink:0 }
.ml-logo img { max-height:56px;width:auto }
.ml-logo-text {
  font-weight:700;font-size:20px;color:var(--ml-dark);font-family:'Poppins',sans-serif;
}
.ml-nav { flex:1;display:flex;justify-content:center }
.ml-menu { display:flex;align-items:center;gap:0 }
.ml-menu > li { position:relative }

/* Nav links — mlautomobils.com: text negre, actiu = fons groc */
.ml-nav-link {
  display:flex;align-items:center;gap:6px;
  color:var(--ml-dark);font-size:16px;font-weight:500;
  padding:8px 16px;border-radius:6px;
  transition:all .15s;white-space:nowrap;font-family:'Poppins',sans-serif;
}
.ml-nav-link:hover { color:var(--ml-dark);background:rgba(0,0,0,.05) }
.ml-nav-active {
  background:var(--ml-yellow) !important;
  color:var(--ml-dark) !important;
  border-radius:6px;
}
.ml-nav-arrow {
  transition:transform .2s;
  fill:currentColor;flex-shrink:0;
}
.ml-menu > li:hover .ml-nav-arrow { transform:rotate(180deg) }

/* Dropdown */
.ml-dropdown {
  position:absolute;top:calc(100% + 4px);left:0;
  min-width:200px;background:#fff;
  border-radius:8px;padding:8px 0;
  box-shadow:var(--ml-shadow);border:1px solid var(--ml-border);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:all .15s;pointer-events:none;z-index:9999;
}
.ml-menu > li:hover .ml-dropdown { opacity:1;visibility:visible;transform:translateY(0);pointer-events:all }
.ml-drop-link {
  display:block;padding:8px 20px;
  font-size:16px;font-weight:500;color:var(--ml-dark);
  font-family:'Poppins',sans-serif;transition:background .1s;
}
.ml-drop-link:hover { background:var(--ml-bg) }
.ml-brands-dropdown { min-width:220px;max-height:400px;overflow-y:auto }
.ml-dropdown-footer { border-top:1px solid var(--ml-border);margin-top:4px;padding-top:4px }
.ml-drop-all { color:var(--ml-dark);font-weight:600 }

/* Header right */
.ml-header-right { display:flex;align-items:center;gap:12px;flex-shrink:0 }
.ml-search-btn {
  background:none;border:none;padding:6px;cursor:pointer;
  color:var(--ml-dark);display:flex;align-items:center;
  transition:opacity .15s;
}
.ml-search-btn:hover { opacity:.7 }
.ml-search-btn svg { fill:var(--ml-dark) }
.ml-lang-switcher { display:flex;gap:8px;align-items:center }
.ml-lang { display:flex;border-radius:2px;overflow:hidden;opacity:.55;transition:opacity .15s }
.ml-lang-active { opacity:1 }
.ml-lang:hover { opacity:1 }
.ml-hamburger { display:none;flex-direction:column;gap:5px;padding:4px;width:28px }
.ml-hamburger span { display:block;height:2px;background:var(--ml-dark);border-radius:2px;transition:all .3s }
.ml-hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px) }
.ml-hamburger.open span:nth-child(2) { opacity:0 }
.ml-hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px) }

/* Search overlay */
.ml-search-overlay {
  display:none;background:rgba(0,0,0,.5);
  position:fixed;inset:0;z-index:9998;
  align-items:flex-start;justify-content:center;
  padding-top:80px;
}
.ml-search-overlay.open { display:flex }
.ml-search-inner { display:flex;align-items:center;gap:10px;max-width:700px;width:100% }
.ml-search-form { flex:1;display:flex;border-radius:16px 0 0 0;overflow:hidden;background:#fff }
.ml-search-input {
  flex:1;border:1px solid var(--ml-dark);border-radius:16px 0 0 0;
  padding:10px 16px;font-size:16px;font-family:'Poppins',sans-serif;
  background:#fff;color:var(--ml-dark);outline:none;
}
.ml-search-submit {
  background:#fff;border:1px solid var(--ml-dark);border-left:none;border-radius:0 16px 0 0;
  padding:10px 14px;cursor:pointer;display:flex;align-items:center;
}
.ml-search-submit svg { fill:var(--ml-dark) }
.ml-search-close {
  background:rgba(255,255,255,.9);border:none;border-radius:50%;
  width:36px;height:36px;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}

/* ══════════════════════════════════════════
   HERO — Exacte mlautomobils.com
   Fons = imatge concessionari (dark overlay)
   Targeta blanca flotant a l'esquerra
══════════════════════════════════════════ */
.ml-hero {
  position:relative;
  min-height:520px;
  display:flex;align-items:center;
  overflow:hidden;
  background:var(--ml-dark);
}
.ml-hero-bg {
  position:absolute;inset:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:.5;
}
.ml-hero-inner {
  position:relative;z-index:2;
  width:100%;max-width:var(--ml-max);margin:0 auto;padding:32px 24px;
  display:flex;align-items:center;justify-content:space-between;
  gap:32px;
}

/* La targeta blanca (=major_search_ml de mlautomobils) */
.ml-search-card {
  background:var(--ml-bg);
  padding:24px;
  min-width:380px;max-width:475px;
  border-radius:var(--ml-radius);
  position:relative;
  flex-shrink:0;
}
.ml-search-card h2 {
  font-size:26px;font-weight:600;color:var(--ml-dark);
  text-align:center;margin-bottom:0;line-height:1.4;font-family:'Poppins',sans-serif;
}
/* Línia groga sota el títol */
.ml-search-card h2::after {
  content:'';display:block;
  width:30%;height:6px;background:var(--ml-yellow);
  margin:10px auto 0;border-radius:8px;
}
.ml-search-subtitle {
  text-align:center;font-size:14px;color:var(--ml-dark);margin:16px 0 12px;
  font-weight:400;font-family:'Poppins',sans-serif;
}

/* Dropdown de marca (com mlautomobils) */
.ml-marca-dropdown {
  position:relative;margin-bottom:12px;
}
.ml-marca-label {
  background:#fff;padding:10px 16px;
  font-size:16px;font-weight:500;color:var(--ml-dark);
  display:flex;align-items:center;justify-content:space-between;
  border-radius:8px;cursor:pointer;user-select:none;
}
.ml-marca-label svg { fill:var(--ml-dark);transition:transform .2s }
.ml-marca-dropdown.open .ml-marca-label svg { transform:rotate(180deg) }
.ml-marca-options {
  display:none;position:absolute;width:100%;top:calc(100% + 8px);left:0;
  background:#fff;border-radius:var(--ml-radius);box-shadow:var(--ml-shadow);
  padding:16px;max-height:320px;overflow-y:auto;z-index:100;
}
.ml-marca-dropdown.open .ml-marca-options { display:block }
.ml-marca-item {
  display:flex;align-items:center;gap:10px;
  padding:8px 0;cursor:pointer;
}
.ml-marca-item input[type="checkbox"] {
  width:22px;height:22px;border:2px solid var(--ml-dark);
  border-radius:5px;box-shadow:4px 4px var(--ml-dark);
  background:var(--ml-gray);accent-color:var(--ml-yellow);
  flex-shrink:0;
}
.ml-marca-item .ml-marca-name { flex:1;font-size:14px;font-weight:500;color:var(--ml-dark) }
.ml-marca-item img { max-height:28px;max-width:60px;object-fit:contain }

/* Botó "Cerca" groc, ample complet */
.ml-cerca-btn {
  width:100%;background:var(--ml-yellow);color:var(--ml-dark);
  border:2px solid var(--ml-yellow);border-radius:8px;
  padding:10px 30px;font-size:16px;font-weight:500;
  font-family:'Poppins',sans-serif;cursor:pointer;
  transition:all .15s;
}
.ml-cerca-btn:hover { background:transparent;color:var(--ml-dark) }

/* Imatges flotants dreta del hero */
.ml-hero-imgs {
  display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  flex-shrink:0;max-width:300px;
}
.ml-hero-img-box {
  border-radius:12px;overflow:hidden;border:4px solid #000;
  box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.ml-hero-img-box img { width:220px;height:auto;display:block }

/* ══════════════════════════════════════════
   VEHICLE TYPE CARDS (Cotxes / Motos / Campers)
══════════════════════════════════════════ */
.ml-types-section { padding:40px 0;background:#fff }
.ml-types-title {
  text-align:center;font-size:26px;font-weight:500;
  color:var(--ml-dark);margin-bottom:24px;font-family:'Poppins',sans-serif;
}
.ml-types-grid { display:grid;grid-template-columns:1fr;gap:0 }
.ml-types-row { display:flex;gap:12px;align-items:stretch }
.ml-type-card {
  position:relative;border-radius:var(--ml-radius);overflow:hidden;cursor:pointer;
  flex:1;min-height:200px;background:#333;
  transition:all .2s;
}
.ml-type-card.ml-type-active { flex:3 }
.ml-type-card img { width:100%;height:100%;object-fit:cover;position:absolute;inset:0 }
.ml-type-card-overlay {
  position:absolute;inset:0;background:rgba(0,0,0,.3);
  display:flex;flex-direction:column;justify-content:flex-end;padding:20px;
}
.ml-type-card.ml-type-active .ml-type-card-overlay { background:rgba(0,0,0,.2) }
.ml-type-label {
  display:inline-block;background:var(--ml-yellow);color:var(--ml-dark);
  padding:4px 12px;border-radius:6px;font-size:16px;font-weight:600;
  font-family:'Poppins',sans-serif;margin-bottom:10px;
}
.ml-type-desc { color:#fff;font-size:14px;line-height:1.5;margin-bottom:12px;max-width:400px }
.ml-type-link {
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:var(--ml-dark);
  padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;
  font-family:'Poppins',sans-serif;text-decoration:none;
  transition:background .15s;width:fit-content;
}
.ml-type-link:hover { background:var(--ml-yellow) }
.ml-type-icon {
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:.3;
}
.ml-type-icon svg { width:40%;fill:#fff }
.ml-type-card.ml-type-active .ml-type-icon { display:none }

/* ══════════════════════════════════════════
   LIFESTYLE SUBTYPES SLIDER
══════════════════════════════════════════ */
.ml-lifestyle-section { padding:32px 0;background:var(--ml-bg) }
.ml-lifestyle-title { text-align:center;font-size:22px;font-weight:500;margin-bottom:20px;font-family:'Poppins',sans-serif }
.ml-lifestyle-scroll { display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none }
.ml-lifestyle-scroll::-webkit-scrollbar { display:none }
.ml-lifestyle-card {
  flex-shrink:0;width:180px;border-radius:12px;overflow:hidden;
  cursor:pointer;transition:transform .2s;
}
.ml-lifestyle-card:hover { transform:translateY(-3px) }
.ml-lifestyle-card img { width:100%;height:120px;object-fit:cover }
.ml-lifestyle-body { background:#fff;padding:10px }
.ml-lifestyle-tag {
  display:inline-block;font-size:11px;font-weight:600;
  padding:2px 8px;border-radius:10px;margin-bottom:4px;
  font-family:'Poppins',sans-serif;
}
.ml-tag-coche { background:#1E1E1E;color:#fff }
.ml-tag-moto  { background:var(--ml-yellow);color:var(--ml-dark) }
.ml-lifestyle-name { font-size:13px;font-weight:500;color:var(--ml-dark) }

/* ══════════════════════════════════════════
   BRANDS CAROUSEL
══════════════════════════════════════════ */
.ml-brands-section { padding:32px 0;background:#fff }
.ml-brands-title { text-align:center;font-size:22px;font-weight:500;margin-bottom:20px;font-family:'Poppins',sans-serif }
.ml-brands-track {
  display:flex;gap:24px;overflow:hidden;align-items:center;
  position:relative;
}
.ml-brands-inner {
  display:flex;gap:32px;align-items:center;
  animation:ml-scroll 20s linear infinite;
}
.ml-brands-inner:hover { animation-play-state:paused }
.ml-brands-inner img { height:40px;width:auto;object-fit:contain;filter:grayscale(40%);transition:filter .2s }
.ml-brands-inner img:hover { filter:grayscale(0) }
@keyframes ml-scroll {
  0%   { transform:translateX(0) }
  100% { transform:translateX(-50%) }
}

/* ══════════════════════════════════════════
   VEHICLE CARDS SLIDER (com mlautomobils)
══════════════════════════════════════════ */
.ml-vehicles-section { padding:40px 0;background:#fff }
.ml-vehicles-header {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;flex-wrap:wrap;gap:12px;
}
.ml-vehicles-header h2 { font-size:26px;font-weight:500;font-family:'Poppins',sans-serif }
.ml-vehicles-header p { color:var(--ml-gray);font-size:15px }
.ml-ver-mes {
  display:inline-flex;align-items:center;gap:6px;
  background:var(--ml-yellow);color:var(--ml-dark);
  padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;
  font-family:'Poppins',sans-serif;transition:opacity .15s;
}
.ml-ver-mes:hover { opacity:.85 }

/* Card slider container */
.ml-cards-scroll {
  display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;
  scrollbar-width:thin;scrollbar-color:var(--ml-yellow) var(--ml-bg);
}
.ml-cards-scroll::-webkit-scrollbar { height:4px }
.ml-cards-scroll::-webkit-scrollbar-track { background:var(--ml-bg) }
.ml-cards-scroll::-webkit-scrollbar-thumb { background:var(--ml-yellow);border-radius:4px }

/* Individual vehicle card — mlautomobils.com style */
.ml-vcard {
  flex-shrink:0;width:280px;border-radius:var(--ml-radius);overflow:hidden;
  background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);
  border:1px solid var(--ml-border);text-decoration:none;color:var(--ml-dark);
  transition:transform .2s,box-shadow .2s;display:block;
}
.ml-vcard:hover { transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.14) }
.ml-vcard-head { position:relative;height:180px;background:var(--ml-bg);overflow:hidden }
.ml-vcard-head img { width:100%;height:100%;object-fit:cover;transition:transform .4s }
.ml-vcard:hover .ml-vcard-head img { transform:scale(1.04) }
.ml-vcard-sold {
  position:absolute;top:10px;left:10px;
  background:var(--ml-dark);color:#fff;
  font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;
  font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.5px;
}
.ml-vcard-dest {
  position:absolute;top:10px;left:10px;
  background:var(--ml-yellow);color:var(--ml-dark);
  font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;
  font-family:'Poppins',sans-serif;display:flex;align-items:center;gap:4px;
}
.ml-vcard-dest svg { fill:var(--ml-dark);width:12px }
.ml-vcard-body { padding:14px }
.ml-vcard-cf1 { margin-bottom:8px }
.ml-vcard-title { font-size:14px;font-weight:600;color:var(--ml-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.ml-vcard-subtitle { font-size:12px;color:var(--ml-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.ml-vcard-specs {
  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;
}
.ml-vcard-spec {
  display:flex;align-items:center;gap:4px;
  font-size:11px;color:var(--ml-dark);font-weight:500;
}
.ml-vcard-spec svg { fill:var(--ml-dark);opacity:.6;flex-shrink:0;width:12px }
.ml-vcard-price { font-size:15px;font-weight:700;color:var(--ml-dark);font-family:'Poppins',sans-serif }
.ml-vcard-price-consult { font-size:14px;font-weight:600;color:var(--ml-gray) }
.ml-vcard-price .ml-price-suffix { font-size:11px;font-weight:400;color:var(--ml-gray) }

/* Grid cards (per catàleg) */
.ml-vgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.ml-vgrid .ml-vcard { width:auto }

/* ══════════════════════════════════════════
   ABOUT / INFO SECTIONS
══════════════════════════════════════════ */
.ml-about-section { padding:48px 0;background:#fff }
.ml-about-grid { display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center }
.ml-about-img-wrap {
  position:relative;border-radius:var(--ml-radius);overflow:hidden;
}
/* Cantonades grogues decoratives (com mlautomobils) */
.ml-about-img-wrap::before,
.ml-about-img-wrap::after {
  content:'';position:absolute;
  background:var(--ml-yellow);
  width:3rem;height:4rem;
  clip-path:polygon(1% 0%,1% 100%,100% 100%,100% 40%,56% 0%);
  z-index:1;
}
.ml-about-img-wrap::before { transform:rotate(180deg);left:-1.5rem;bottom:-1.5rem }
.ml-about-img-wrap::after  { right:-1.5rem;top:-1.5rem }
.ml-about-img-wrap img { width:100%;border-radius:var(--ml-radius);position:relative;z-index:0 }
.ml-about-eyebrow {
  display:block;font-size:14px;font-weight:600;color:var(--ml-gray);
  margin-bottom:8px;font-family:'Poppins',sans-serif;
}
.ml-about-grid h2 { font-size:32px;font-weight:600;margin-bottom:16px;line-height:1.3 }
.ml-about-grid p { color:var(--ml-gray);font-size:15px;line-height:1.75;margin-bottom:12px }

/* ══════════════════════════════════════════
   FAQ — Toggle style (com mlautomobils)
══════════════════════════════════════════ */
.ml-faq-section { padding:48px 0;background:#fff }
.ml-faq-grid { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start }
.ml-faq-img { border-radius:var(--ml-radius);overflow:hidden;position:relative;z-index:0 }
.ml-faq-img img { width:100% }
.ml-faq-eyebrow {
  font-size:14px;font-weight:600;color:var(--ml-gray);
  display:block;margin-bottom:8px;font-family:'Poppins',sans-serif;
}
.ml-faq-title { font-size:28px;font-weight:600;margin-bottom:20px }
.ml-faq-item { border-bottom:1px solid var(--ml-border) }
.ml-faq-btn {
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:15px 0;background:none;border:none;
  text-align:left;cursor:pointer;gap:12px;
  font-size:15px;font-weight:700;color:var(--ml-dark);
  font-family:'Poppins',sans-serif;transition:color .15s;
}
.ml-faq-btn:hover { color:var(--ml-yellow) }
.ml-faq-icon {
  flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.ml-faq-icon svg { fill:var(--ml-dark);width:12px }
.ml-faq-item.open .ml-faq-icon { transform:rotate(90deg) }
.ml-faq-answer {
  display:none;padding:0 0 15px;
  font-size:14px;color:var(--ml-gray);line-height:1.75;
  background:var(--ml-bg);border-radius:0 0 var(--ml-radius) var(--ml-radius);
  padding:16px;margin-bottom:4px;
}
.ml-faq-item.open .ml-faq-answer { display:block }

/* ══════════════════════════════════════════
   CTA SECTIONS
══════════════════════════════════════════ */
.ml-cta-section {
  padding:48px 0;
  background-size:cover;background-position:center;
  position:relative;
}
.ml-cta-section::before {
  content:'';position:absolute;inset:0;background:rgba(0,0,0,.75);
}
.ml-cta-inner { position:relative;z-index:1;text-align:center }
.ml-cta-eyebrow { font-size:14px;font-weight:600;color:var(--ml-gray);display:block;margin-bottom:8px }
.ml-cta-title { font-size:32px;font-weight:600;color:#fff;margin-bottom:10px }
.ml-cta-subtitle { font-size:15px;color:rgba(255,255,255,.75);margin-bottom:24px }
.ml-btn {
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 28px;border-radius:8px;
  font-size:14px;font-weight:600;font-family:'Poppins',sans-serif;
  cursor:pointer;transition:all .15s;border:none;text-decoration:none;
}
.ml-btn-yellow { background:var(--ml-yellow);color:var(--ml-dark) }
.ml-btn-yellow:hover { background:#e8c829 }
.ml-btn-yellow svg { fill:var(--ml-dark);width:10px }
.ml-btn-outline { background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5) }
.ml-btn-outline:hover { background:rgba(255,255,255,.1) }

/* ══════════════════════════════════════════
   PAGE HEADER (interior pages)
══════════════════════════════════════════ */
.ml-page-hdr { padding:40px 0 32px;background:#fff;border-bottom:1px solid var(--ml-border) }
.ml-breadcrumb {
  display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ml-gray);
  margin-bottom:10px;font-family:'Poppins',sans-serif;
}
.ml-breadcrumb a { color:var(--ml-gray) }
.ml-breadcrumb a:hover { color:var(--ml-dark) }
.ml-breadcrumb .sep { opacity:.4 }
.ml-page-hdr h1 { font-size:clamp(24px,4vw,40px);font-weight:600;color:var(--ml-dark) }
.ml-page-hdr p { color:var(--ml-gray);font-size:16px;margin-top:8px;max-width:580px }

/* ══════════════════════════════════════════
   CATALOG FILTERS
══════════════════════════════════════════ */
.ml-filters {
  background:#fff;border:1px solid var(--ml-border);border-radius:var(--ml-radius);
  padding:16px 20px;margin-bottom:24px;
}
.ml-filters-row { display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end }
.ml-fgroup { display:flex;flex-direction:column;gap:4px;min-width:130px;flex:1 }
.ml-flabel { font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ml-gray) }
.ml-fselect {
  height:40px;border:1px solid var(--ml-border);border-radius:8px;
  padding:0 12px;font-size:14px;font-family:'Poppins',sans-serif;
  appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c757d'/%3E%3C/svg%3E") no-repeat right 10px center;
  cursor:pointer;
}
.ml-fselect:focus { outline:2px solid var(--ml-yellow);border-color:var(--ml-yellow) }
.ml-fbtn {
  height:40px;padding:0 22px;background:var(--ml-dark);color:#fff;
  border-radius:8px;font-size:13px;font-weight:600;font-family:'Poppins',sans-serif;
  cursor:pointer;border:none;white-space:nowrap;
}
.ml-fbtn:hover { background:#333 }

/* ══════════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════════ */
.ml-contact-section { padding:48px 0;background:#fff }
.ml-contact-grid { display:grid;grid-template-columns:1fr 1.4fr;gap:40px }
.ml-contact-info { display:flex;flex-direction:column;gap:16px }
.ml-ci-item { display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--ml-bg);border-radius:10px }
.ml-ci-icon { font-size:20px;flex-shrink:0;line-height:1.4 }
.ml-ci-item strong { font-size:13px;font-weight:600;color:var(--ml-dark);display:block;margin-bottom:3px }
.ml-ci-item span,.ml-ci-item a { font-size:14px;color:var(--ml-gray) }
.ml-ci-item a:hover { color:var(--ml-dark) }
.ml-contact-form-box {
  background:#fff;border:1px solid var(--ml-border);border-radius:var(--ml-radius);padding:28px;
}
.ml-contact-form-box h3 { font-size:20px;font-weight:600;margin-bottom:6px }
.ml-contact-form-box > p { color:var(--ml-gray);font-size:14px;margin-bottom:20px }
.ml-form { display:flex;flex-direction:column;gap:14px }
.ml-form-row { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.ml-form-group { display:flex;flex-direction:column;gap:4px }
.ml-form-label { font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ml-dark) }
.ml-form-input,.ml-form-textarea {
  border:1px solid var(--ml-border);border-radius:8px;padding:10px 14px;
  font-size:14px;font-family:'Poppins',sans-serif;
}
.ml-form-input:focus,.ml-form-textarea:focus { outline:2px solid var(--ml-yellow);border-color:var(--ml-yellow) }
.ml-form-textarea { resize:vertical;min-height:110px }
.ml-map-wrap { border-radius:var(--ml-radius);overflow:hidden;height:300px;margin-top:16px;background:var(--ml-bg) }
.ml-map-wrap iframe { width:100%;height:100%;border:none }

/* ══════════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════════ */
.ml-testi-section { padding:48px 0;background:var(--ml-bg) }
.ml-testi-header { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px }
.ml-testi-header h2 { font-size:24px;font-weight:600;max-width:380px;font-family:'Poppins',sans-serif }
.ml-testi-scroll { display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none }
.ml-testi-scroll::-webkit-scrollbar { display:none }
.ml-testi-card {
  flex-shrink:0;width:300px;background:var(--ml-dark);
  border-radius:var(--ml-radius);padding:20px;
}
.ml-testi-text { font-size:14px;color:#fff;line-height:1.65;margin-bottom:16px;font-style:italic }
.ml-testi-footer { display:flex;align-items:center;gap:12px }
.ml-testi-avatar { width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0 }
.ml-testi-name { font-size:14px;font-weight:600;color:var(--ml-yellow);font-family:'Poppins',sans-serif }
.ml-testi-role { font-size:12px;color:rgba(255,255,255,.55) }

/* ══════════════════════════════════════════
   SINGLE VEHICLE
══════════════════════════════════════════ */
.ml-single-section { padding:40px 0 60px }
.ml-single-grid { display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start }
.ml-gallery-main { border-radius:var(--ml-radius);overflow:hidden;background:var(--ml-bg);aspect-ratio:4/3;position:relative }
.ml-gallery-main img { width:100%;height:100%;object-fit:cover }
.ml-thumbs { display:flex;gap:8px;margin-top:8px;overflow-x:auto }
.ml-thumb { width:72px;height:54px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .15s }
.ml-thumb.active,.ml-thumb:hover { border-color:var(--ml-yellow) }
.ml-thumb img { width:100%;height:100%;object-fit:cover }
.ml-price-sidebar { background:var(--ml-dark);border-radius:var(--ml-radius);padding:20px;margin-bottom:12px }
.ml-price-sidebar .ml-price { font-size:28px;font-weight:700;color:var(--ml-yellow);font-family:'Poppins',sans-serif }
.ml-price-sidebar .ml-price-label { font-size:11px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px }
.ml-contact-btns { display:flex;flex-direction:column;gap:10px;margin-bottom:12px }
.ml-btn-wa { display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff;border-radius:10px;padding:14px;font-weight:600;font-size:14px;font-family:'Poppins',sans-serif;transition:background .15s }
.ml-btn-wa:hover { background:#1ebe5d }
.ml-btn-phone { display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--ml-dark);border:2px solid var(--ml-dark);border-radius:10px;padding:12px;font-weight:600;font-size:14px;font-family:'Poppins',sans-serif;transition:all .15s }
.ml-btn-phone:hover { background:var(--ml-dark);color:#fff }

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.ml-footer { background:var(--ml-dark);padding:48px 0 0 }
.ml-footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px }
.ml-footer-logo { display:block;margin-bottom:12px }
.ml-footer-logo img { max-height:60px;filter:brightness(0) invert(1) }
.ml-footer-logo-text { font-size:20px;font-weight:700;color:#fff;font-family:'Poppins',sans-serif }
.ml-footer-tagline { font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:16px;max-width:260px }
.ml-footer-socials,.ml-footer-socials-large { display:flex;gap:8px }
.ml-fsocial {
  width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:opacity .15s;
}
.ml-fsocial:hover { opacity:.85 }
.ml-fsocial-fb { background:#3b5998 }
.ml-fsocial-ig { background:#262626 }
.ml-fsocial-wa { background:#25d366 }
.ml-fsocial svg { fill:#fff }
.ml-footer-heading { font-size:14px;font-weight:600;color:#fff;margin-bottom:16px;font-family:'Poppins',sans-serif }
.ml-footer-links { display:flex;flex-direction:column;gap:10px }
.ml-footer-links a { font-size:14px;font-weight:500;color:#fff;transition:color .15s }
.ml-footer-links a:hover { color:var(--ml-yellow) }
.ml-footer-bottom {
  background:rgba(0,0,0,.3);padding:14px 0;
  text-align:center;font-size:13px;color:rgba(255,255,255,.4);
}

/* WhatsApp float */
.ml-wa-float {
  position:fixed;bottom:20px;left:20px;z-index:9000;
  width:56px;height:56px;background:#25d366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.25);transition:transform .2s;
}
.ml-wa-float:hover { transform:scale(1.08) }
.ml-wa-float svg { fill:#fff }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media(max-width:1024px) {
  .ml-vgrid { grid-template-columns:repeat(2,1fr) }
  .ml-footer-grid { grid-template-columns:1fr 1fr;row-gap:28px }
  .ml-about-grid { grid-template-columns:1fr;gap:28px }
  .ml-faq-grid { grid-template-columns:1fr }
  .ml-contact-grid { grid-template-columns:1fr }
}
@media(max-width:900px) {
  .ml-nav { display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,30,30,.97);z-index:998;flex-direction:column;justify-content:center;align-items:center;padding:40px }
  .ml-nav.open { display:flex }
  .ml-menu { flex-direction:column;align-items:center;gap:4px;width:100%;max-width:300px }
  .ml-nav-link { font-size:20px;padding:12px 20px;width:100%;text-align:center;justify-content:center;color:#fff }
  .ml-nav-active { background:var(--ml-yellow);color:var(--ml-dark) !important }
  .ml-dropdown { position:static;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none;background:rgba(255,255,255,.08);border:none;display:none;border-radius:8px }
  .ml-menu > li.open .ml-dropdown { display:block }
  .ml-drop-link { color:rgba(255,255,255,.75) !important }
  .ml-hamburger { display:flex }
  .ml-hero-inner { flex-direction:column;align-items:center;gap:20px }
  .ml-hero-imgs { display:none }
  .ml-search-card { min-width:unset;width:100%;max-width:100% }
  .ml-types-row { flex-direction:column }
  .ml-single-grid { grid-template-columns:1fr }
  .ml-form-row { grid-template-columns:1fr }
}
@media(max-width:640px) {
  .ml-vgrid { grid-template-columns:1fr }
  .ml-footer-grid { grid-template-columns:1fr }
  :root { --ml-hh:60px }
}