/* OMODA | JAECOO Batam — model detail */
.model-detail{background:#fff;color:#111820;overflow:hidden}.model-detail *{box-sizing:border-box}.model-detail .md-container{width:min(calc(100% - 56px),1320px);margin:0 auto}.md-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;background:#0a1118 var(--hero-desktop) center/cover no-repeat;color:#fff}.md-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.78),rgba(3,10,17,.18) 55%,rgba(3,10,17,.12)),linear-gradient(0deg,rgba(3,10,17,.72),transparent 55%)}.md-hero-inner{position:relative;z-index:2;width:min(calc(100% - 56px),1320px);margin:0 auto;padding:0 0 68px}.md-kicker{margin:0 0 12px;font:700 11px/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.72)}.md-hero h1{margin:0;font:600 clamp(58px,8vw,112px)/.86 Sora,sans-serif;letter-spacing:-.07em}.md-category{margin:16px 0 0;font:400 17px/1.5 Inter,sans-serif;color:rgba(255,255,255,.84)}.md-price{margin:25px 0 0}.md-price-label{display:block;font:500 11px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)}.md-price-value{display:block;margin-top:6px;font:700 clamp(27px,3vw,42px)/1 Inter,sans-serif;letter-spacing:-.04em}.md-price-note{display:block;margin-top:6px;font:400 11px/1.4 Inter,sans-serif;color:rgba(255,255,255,.62)}.md-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.md-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:8px;text-decoration:none;font:700 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.md-btn-light{background:#fff;color:#0b253a}.md-btn-outline{border:1px solid rgba(255,255,255,.62);color:#fff;background:rgba(0,0,0,.12)}
.md-quick{background:#090e13;color:#fff}.md-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto}.md-quick-item{padding:28px 24px;border-right:1px solid rgba(255,255,255,.15)}.md-quick-item:last-child{border-right:0}.md-quick-label{font:600 10px/1.2 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#87939d}.md-quick-value{margin-top:8px;font:600 clamp(27px,3vw,42px)/1 Sora,sans-serif;letter-spacing:-.05em}.md-section{padding:105px 0}.md-section-head{text-align:center;max-width:720px;margin:0 auto 42px}.md-eyebrow{margin:0 0 10px;font:700 10px/1.2 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6e7a84}.md-section h2{margin:0;font:600 clamp(38px,5vw,66px)/.96 Sora,sans-serif;letter-spacing:-.065em}.md-section-intro{margin:16px auto 0;font:400 16px/1.65 Inter,sans-serif;color:#69747e}.md-story{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:stretch}.md-story.reverse{grid-template-columns:.7fr 1.3fr}.md-story-image{min-height:500px;border-radius:20px;overflow:hidden;background:#edf0f2}.md-story-image img{width:100%;height:100%;display:block;object-fit:cover}.md-story-copy{display:flex;flex-direction:column;justify-content:center;padding:44px;border:1px solid #e1e6ea;border-radius:20px;background:#f7f8f9}.md-story-copy h3{margin:0;font:600 clamp(28px,3vw,43px)/1 Sora,sans-serif;letter-spacing:-.05em}.md-story-copy p{margin:17px 0 0;font:400 15px/1.75 Inter,sans-serif;color:#65717b;white-space:pre-line}.md-feature-list{display:grid;gap:12px;margin-top:26px}.md-feature{padding:16px 0;border-top:1px solid #dce2e6;font:600 13px/1.5 Inter,sans-serif;color:#18242d}.md-feature:last-child{border-bottom:1px solid #dce2e6}.md-gallery{position:relative}.md-gallery-track{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.md-gallery-card{position:relative;aspect-ratio:1.25/1;border-radius:16px;overflow:hidden;background:#edf0f2}.md-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.md-gallery-card:hover img{transform:scale(1.035)}.md-gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:35px 18px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));font:600 14px/1.3 Inter,sans-serif}.md-color{background:#f4f5f6}.md-color-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;align-items:center}.md-color-controls{padding-right:25px}.md-color-name{margin-top:28px;font:600 25px/1.1 Sora,sans-serif;letter-spacing:-.04em}.md-swatches{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.md-swatch{width:52px;height:52px;border-radius:50%;border:3px solid transparent;padding:0;background:#ddd;box-shadow:0 0 0 1px #cbd2d7;cursor:pointer}.md-swatch.is-active{box-shadow:0 0 0 2px #111820;border-color:#f4f5f6}.md-color-stage{min-height:530px;border-radius:22px;overflow:hidden;background:#e8ebed}.md-color-stage img{width:100%;height:100%;min-height:530px;object-fit:cover;display:block}.md-safety{background:#0a1118;color:#fff}.md-safety .md-section-intro,.md-safety .md-eyebrow{color:#9ba8b2}.md-safety-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.md-safety-image{min-height:500px;border-radius:20px;overflow:hidden;background:#101820}.md-safety-image img{width:100%;height:100%;object-fit:cover;display:block}.md-safety-copy{padding:42px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.04)}.md-safety-copy h3{margin:0;font:600 39px/1 Sora,sans-serif;letter-spacing:-.05em}.md-safety-list{margin-top:26px}.md-safety-item{padding:18px 0;border-top:1px solid rgba(255,255,255,.14);font:500 14px/1.55 Inter,sans-serif}.md-related{padding-bottom:100px}.md-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.md-related-card{border:1px solid #e0e5e9;border-radius:17px;overflow:hidden;background:#fff;text-decoration:none;color:#111820}.md-related-visual{aspect-ratio:1.45/1;background:#f1f3f4;overflow:hidden}.md-related-visual img{width:100%;height:100%;object-fit:contain;display:block}.md-related-copy{padding:20px}.md-related-brand{font:700 9px/1 Inter,sans-serif;letter-spacing:.18em;color:#6e7a84}.md-related-name{margin:7px 0 0;font:600 27px/1 Sora,sans-serif;letter-spacing:-.05em}.md-related-price{margin:12px 0 0;font:700 17px/1 Inter,sans-serif}.md-related-link{display:inline-block;margin-top:17px;font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0b5e9d}.md-empty{padding:55px;border:1px dashed #ccd4da;border-radius:16px;color:#71808a;text-align:center}
@media(max-width:850px){.md-container,.md-hero-inner{width:calc(100% - 32px)}.md-hero{min-height:610px}.md-quick-grid{grid-template-columns:repeat(2,1fr)}.md-quick-item:nth-child(2){border-right:0}.md-quick-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.md-section{padding:76px 0}.md-story,.md-story.reverse,.md-safety-layout,.md-color-layout{grid-template-columns:1fr}.md-story-image,.md-safety-image{min-height:380px}.md-color-controls{padding-right:0}.md-color-stage,.md-color-stage img{min-height:390px}.md-gallery-track{grid-template-columns:1fr 1fr}.md-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.md-hero{min-height:680px;background-image:var(--hero-mobile)}.md-hero-inner{padding-bottom:40px}.md-hero h1{font-size:58px}.md-category{font-size:14px}.md-price-value{font-size:29px}.md-actions{display:grid;grid-template-columns:1fr}.md-btn{width:100%}.md-quick-item{padding:22px 16px}.md-quick-value{font-size:25px}.md-section h2{font-size:39px}.md-story-image,.md-safety-image{min-height:300px}.md-story-copy,.md-safety-copy{padding:26px}.md-gallery-track,.md-related-grid{grid-template-columns:1fr}.md-color-stage,.md-color-stage img{min-height:330px}.md-swatch{width:46px;height:46px}}

/* STEP 6 — MODEL DETAIL POLISH */
.md-hero-inner{padding-bottom:72px}
.md-hero h1{max-width:820px}
.md-category{max-width:620px}
.md-section-head{margin-bottom:38px}
.md-gallery-card{border:1px solid #e2e6ea}
.md-gallery-caption{letter-spacing:-.01em}
.md-related-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.md-related-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(12,25,38,.08);border-color:#cfd8e0}
@media(max-width:850px){
 .md-hero-inner{padding-bottom:48px}
 .md-section-head{margin-bottom:30px}
 .md-quick-item{padding:24px 18px}
}
@media(max-width:560px){
 .md-hero{min-height:640px}
 .md-hero-inner{padding-bottom:32px}
 .md-kicker{font-size:10px;letter-spacing:.2em}
 .md-hero h1{font-size:clamp(46px,14vw,58px);line-height:.9}
 .md-category{margin-top:12px;font-size:13px;line-height:1.5}
 .md-price{margin-top:20px}
 .md-price-label{font-size:10px}
 .md-price-value{font-size:27px}
 .md-price-note{font-size:10px}
 .md-actions{margin-top:19px;gap:8px}
 .md-section{padding:64px 0}
 .md-section h2{font-size:36px}
 .md-section-intro{margin-top:13px;font-size:14px;line-height:1.6}
 .md-gallery-track{gap:10px}
 .md-gallery-card{border-radius:14px}
 .md-gallery-caption{padding:30px 14px 14px;font-size:12px}
 .md-color-name{margin-top:20px;font-size:21px}
 .md-color-stage{border-radius:16px}
 .md-safety-copy h3{font-size:30px}
 .md-related{padding-bottom:64px}
}

/* MOBILE GALLERY SLIDER — EXTERIOR & INTERIOR */
@media(max-width:560px){
  .md-gallery-track{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 0 8px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .md-gallery-track::-webkit-scrollbar{display:none}
  .md-gallery-card{
    flex:0 0 84vw;
    width:84vw;
    aspect-ratio:1.18/1;
    scroll-snap-align:start;
  }
  .md-gallery-card img{object-fit:cover}
}

/* MOBILE GALLERY SLIDER HINT */
.md-gallery-hint{display:none}
@media(max-width:560px){
  .md-gallery-hint{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:9px;padding-right:2px;font:600 9px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6e7a84}
  .md-gallery-hint span{font-size:15px;line-height:1}
}

/* COLOR SWATCHES — MATCH VEHICLE PAINT */
.md-swatch[aria-label*="Green"],.md-swatch[aria-label*="green"]{background:linear-gradient(145deg,#6f8e89 0%,#365d5b 48%,#173c3d 100%)}
.md-swatch[aria-label*="Forest"],.md-swatch[aria-label*="forest"]{background:linear-gradient(145deg,#6f8e89 0%,#365d5b 48%,#173c3d 100%)}
.md-swatch[aria-label*="Black"],.md-swatch[aria-label*="black"]{background:linear-gradient(145deg,#596169 0%,#20262b 48%,#080b0e 100%)}
.md-swatch[aria-label*="White"],.md-swatch[aria-label*="white"]{background:linear-gradient(145deg,#ffffff 0%,#e9ecef 55%,#cdd3d8 100%)}
.md-swatch[aria-label*="Silver"],.md-swatch[aria-label*="silver"],.md-swatch[aria-label*="Grey"],.md-swatch[aria-label*="grey"],.md-swatch[aria-label*="Gray"],.md-swatch[aria-label*="gray"]{background:linear-gradient(145deg,#f1f3f4 0%,#aeb5bb 50%,#747c83 100%)}
.md-swatch[aria-label*="Blue"],.md-swatch[aria-label*="blue"]{background:linear-gradient(145deg,#75b9d0 0%,#397b9a 50%,#174d67 100%)}
.md-swatch[aria-label*="Red"],.md-swatch[aria-label*="red"]{background:linear-gradient(145deg,#b66b6d 0%,#743536 50%,#3b1718 100%)}
.md-swatch[aria-label*="Orange"],.md-swatch[aria-label*="orange"]{background:linear-gradient(145deg,#d99a63 0%,#a65e2d 50%,#633015 100%)}
.md-swatch[aria-label*="Brown"],.md-swatch[aria-label*="brown"]{background:linear-gradient(145deg,#9a7b67 0%,#624635 50%,#39281f 100%)}
.md-swatch[aria-label*="Purple"],.md-swatch[aria-label*="purple"]{background:linear-gradient(145deg,#9a89ad 0%,#665477 50%,#3a2d49 100%)}

/* SPECIFICATIONS DROPDOWN — MOBILE */
.md-spec-accordion summary{display:none}
.md-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.md-spec-item{min-height:150px;padding:25px;border:1px solid #e1e6ea;border-radius:20px;background:#f7f8f9}
.md-spec-item h3{margin:0;font:600 25px/1.08 Sora,sans-serif;letter-spacing:-.05em}
@media(max-width:560px){
  .md-spec-section .md-section-head{margin-bottom:24px}
  .md-spec-accordion{border:1px solid #dfe4e8;border-radius:16px;background:#f7f8f9;overflow:hidden}
  .md-spec-accordion summary{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 18px;cursor:pointer;list-style:none;font:700 11px/1 Inter,sans-serif;letter-spacing:.16em;color:#111820}
  .md-spec-accordion summary::-webkit-details-marker{display:none}
  .md-spec-chevron{font-size:20px;line-height:1;transition:transform .2s ease}
  .md-spec-accordion[open] .md-spec-chevron{transform:rotate(180deg)}
  .md-spec-content{border-top:1px solid #dfe4e8;padding:10px 14px 14px}
  .md-spec-grid{display:grid;grid-template-columns:1fr;gap:0}
  .md-spec-item{min-height:0;padding:18px 4px;border:0;border-bottom:1px solid #dfe4e8;border-radius:0;background:transparent}
  .md-spec-item:last-child{border-bottom:0}
  .md-spec-item .md-eyebrow{margin-bottom:8px;font-size:9px;letter-spacing:.18em}
  .md-spec-item h3{font-size:22px;line-height:1.08}
}

/* EXPLORE MORE — DISTINCT SECTION */
.md-related{background:#f3f5f7;border-top:1px solid #e1e6ea}
.md-related .md-section-head{margin-bottom:38px}
.md-related-card{background:#fff;border-color:#dfe4e8;box-shadow:0 5px 18px rgba(12,25,38,.045)}
@media(max-width:560px){
  .md-related{padding-top:68px;padding-bottom:68px}
  .md-related .md-section-head{margin-bottom:28px}
  .md-related-card{border-color:#dce2e7;box-shadow:0 5px 16px rgba(12,25,38,.055)}
}