/* ============================================================================
   Tema `dealer-mitsubishi` — homepage dealer otomotif (lapisan theme).

   Sumber: blok <style> mockup `mockups/dealermitsubishijogja` (desain sendiri,
   nilai token diukur dari mitsubishi-motors.co.id). Setiap selector ber-anchor
   `body.theme-homepage-dealer`; tidak ada rule lepas. Token semantik registry
   (--color-*, --section-gap, --container-max, --radius-card, --shadow-soft)
   tetap milik WebsiteThemeRegistry, bukan berkas ini.

   Direktori .nav/.mega/.drawer/.foot mockup sengaja TIDAK dipindah: header dan
   footer halaman ini dirender shell platform (migration.shell.navbar/footer),
   bukan markup mockup.
   ============================================================================ */

/* --- 0. TOKENS ------------------------------------------------------------ */
body.theme-homepage-dealer.theme-homepage-dealer{
  --paper:#ffffff;
  --mist:#f5f5f5;
  --concrete:#e3e5e6;
  --concrete-2:#d7dadc;

  --ink:#0a0a0a;
  --jet:#000000;
  --muted:#737373;
  --anthracite:#686d71;
  --faint:#bfc2c4;
  --grey-d:#9ca3af;

  --line:#e5e5e5;
  --line-2:#d5d8da;
  --line-d:rgba(255,255,255,.28);
  --line-d-soft:rgba(255,255,255,.14);

  --red:#ed0000;
  --red-deep:#c00000;
  --on-dark:#ffffff;

  /* Tinggi sebenarnya navbar shell (terukur 31 Okt 2026: 80 px desktop, 70 px ponsel),
     dipakai untuk jangkar dan elemen hero yang harus bebas dari bawahnya. */
  --header-h:80px;
  --head-sm:70px;
  --rail-h:120px;
  --dock-h:96px;
  --gutter:clamp(20px,5vw,80px);
  --max:1920px;
  --col:1280px;

  --fd:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --t:14px;
  --ls:0.115em;
  --ez:cubic-bezier(.2,.7,.2,1);
}
@media (max-width:767.98px) {
  body.theme-homepage-dealer.theme-homepage-dealer { --header-h:var(--head-sm); }
}

/* `html{scroll-padding-top}` mockup tidak bisa dipakai (rule global), jadi
   kompensasi navbar lengket dipasang pada tiap target jangkar di dalam main. */
body.theme-homepage-dealer main [id]{scroll-margin-top:calc(var(--header-h) + 16px)}

/* --- 1a. NAVBAR SHELL -----------------------------------------------------
   Markup navbar milik shell (tidak dipindah), tetapi tampilannya mengikuti
   header mockup: bilah hitam penuh, tautan putih 700/14px, CTA bergaris putih
   kotak, dan burger putih. Struktur, tinggi, dan tujuan tautan tetap milik
   shell; warna/ukuran teks hanyalah lapisan tema. */
body.theme-homepage-dealer #navbar,
body.theme-homepage-dealer #navbar.scrolled{
  background:var(--jet);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:none;
}
body.theme-homepage-dealer #navbar .nav-links{gap:36px}
/* Mockup: `.brand__logo` 48px (38px di ponsel). Logo tema = lockup horizontal
   MITSUBISHI MOTORS, jadi tingginya mengikuti tinggi merek mockup. */
body.theme-homepage-dealer #navbar .nav-logo img{ height:48px }
body.theme-homepage-dealer #navbar.scrolled .nav-logo img{ height:40px }
@media (max-width:767px){
  body.theme-homepage-dealer #navbar .nav-logo img,
  body.theme-homepage-dealer #navbar.scrolled .nav-logo img{ height:38px }
}
body.theme-homepage-dealer #navbar .nav-links a{
  font-size:var(--t);
  font-weight:700;
  letter-spacing:var(--ls);
  color:#fff;
}
body.theme-homepage-dealer #navbar .nav-links a:hover,
body.theme-homepage-dealer #navbar .nav-links a.is-active{ color:#fff }
body.theme-homepage-dealer #navbar .nav-links a::after{ display:none }
body.theme-homepage-dealer #navbar .nav-cta{
  background:transparent !important;
  color:#fff !important;
  border:2px solid #fff;
  border-radius:0;
  padding:9px 16px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:var(--ls);
  min-height:40px;
  transition:background .25s var(--ez), color .25s var(--ez);
}
body.theme-homepage-dealer #navbar .nav-cta:hover{
  background:#fff !important;
  color:var(--jet) !important;
  box-shadow:none !important;
}
body.theme-homepage-dealer #navbar .nav-hamburger span{ background:#fff }
body.theme-homepage-dealer #navbar.scrolled .nav-hamburger span{ background:#fff }

/* --- 1b. DRAWER SHELL -----------------------------------------------------
   Drawer ponsel juga milik shell (mobile-menu-drawer.css memuat SETELAH sheet
   ini), jadi jangkar `#mobileMenu` dipakai agar warna mockup (panel hitam,
   tautan putih, pil kotak) menang tanpa menyentuh berkas bersama. */
body.theme-homepage-dealer #mobileMenu .mobile-menu-backdrop{ background:rgba(0,0,0,.62) }
body.theme-homepage-dealer #mobileMenu .mobile-menu-panel{
  background:var(--jet);
  border-left:1px solid rgba(255,255,255,.14);
  box-shadow:-22px 0 48px rgba(0,0,0,.55);
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-panel-head{
  border-bottom:1px solid rgba(255,255,255,.14);
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-panel-head strong{
  font-family:var(--fb);
  color:#fff;
  letter-spacing:var(--ls);
}
body.theme-homepage-dealer #mobileMenu .mobile-close{
  border:1px solid rgba(255,255,255,.3);
  border-radius:0;
  background:transparent;
  color:#fff;
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-links > a,
body.theme-homepage-dealer #mobileMenu .mobile-nav-dropdown > a{
  font-family:var(--fb);
  font-size:var(--t);
  font-weight:700;
  letter-spacing:var(--ls);
  text-transform:uppercase;
  color:#fff !important;
  background:transparent;
  border:1px solid rgba(255,255,255,.2);
  border-radius:0;
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-links > a:hover,
body.theme-homepage-dealer #mobileMenu .mobile-nav-dropdown > a:hover{
  color:var(--jet) !important;
  background:#fff;
  border-color:#fff;
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-install{
  border:2px solid #fff;
  border-radius:0;
  background:transparent;
  color:#fff;
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-install:hover{
  background:#fff;
  color:var(--jet);
}
body.theme-homepage-dealer #mobileMenu .mobile-menu-install-help{
  border-color:rgba(255,255,255,.3);
  border-radius:0;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.75);
}

/* --- 1c. FOOTER SHELL -----------------------------------------------------
   Footer tetap markup shell (`footer-default`), tetapi aturan anker `a{color:inherit}`
   di atas membuat tautannya mewarisi tinta halaman yang gelap di atas latar footer
   gelap. Lapisan ini mengembalikan kontras untuk tautan, teks bantu, dan garis bawah. */
body.theme-homepage-dealer #wa-footer{
  color:rgba(255,255,255,.66);
}
body.theme-homepage-dealer #wa-footer .footer-links a,
body.theme-homepage-dealer #wa-footer .footer-links-plain-row{
  color:rgba(255,255,255,.66);
}
body.theme-homepage-dealer #wa-footer .footer-links a:hover{
  color:#fff;
}
body.theme-homepage-dealer #wa-footer .footer-copy,
body.theme-homepage-dealer #wa-footer .footer-legal a{
  color:rgba(255,255,255,.5);
}
body.theme-homepage-dealer #wa-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
}

/* --- 1. BASIS HALAMAN ----------------------------------------------------- */
body.theme-homepage-dealer{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--fb);
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.theme-homepage-dealer *, body.theme-homepage-dealer *::before, body.theme-homepage-dealer *::after {
  box-sizing:border-box;
}
body.theme-homepage-dealer img, body.theme-homepage-dealer svg {
  max-width:100%;
  display:block;
}
body.theme-homepage-dealer h1, body.theme-homepage-dealer h2, body.theme-homepage-dealer h3, body.theme-homepage-dealer h4 {
  margin:0;
  font-weight:700;
  line-height:1.15;
  letter-spacing:0;
}
body.theme-homepage-dealer p {
  margin:0;
}
body.theme-homepage-dealer ul, body.theme-homepage-dealer ol {
  margin:0;
  padding:0;
  list-style:none;
}
body.theme-homepage-dealer a {
  color:inherit;
  text-decoration:none;
}
body.theme-homepage-dealer button {
  font:inherit;
  color:inherit;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}
body.theme-homepage-dealer ::selection {
  background:var(--ink);
  color:#fff;
}
body.theme-homepage-dealer .sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
body.theme-homepage-dealer .skip {
  position:absolute;
  left:16px;
  top:-88px;
  z-index:200;
  background:var(--jet);
  color:#fff;
  padding:12px 18px;
  font:700 12px/1 var(--fb);
  letter-spacing:var(--ls);
  text-transform:uppercase;
  transition:top .2s var(--ez);
}
body.theme-homepage-dealer .skip:focus {
  top:12px;
}
body.theme-homepage-dealer .wrap {
  max-width:var(--max);
  margin:0 auto;
  padding-inline:var(--gutter);
  position:relative;
}
body.theme-homepage-dealer :where(a, body.theme-homepage-dealer button, body.theme-homepage-dealer input, body.theme-homepage-dealer select, body.theme-homepage-dealer summary, body.theme-homepage-dealer [tabindex]):focus-visible {
  outline:2px solid var(--red);
  outline-offset:2px;
}
body.theme-homepage-dealer .h2 {
  font-size:clamp(26px,2.6vw,36px);
  line-height:1.11;
  font-weight:700;
  letter-spacing:0;
}
body.theme-homepage-dealer .h2--up {
  text-transform:uppercase;
  line-height:1.25;
}
body.theme-homepage-dealer .eyebrow {
  font-size:16px;
  font-weight:500;
  letter-spacing:4.8px;
  line-height:1.5;
  text-transform:uppercase;
  color:var(--ink);
}
body.theme-homepage-dealer .shead {
  margin-bottom:14px;
}
body.theme-homepage-dealer .shead__label {
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:var(--ls);
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .sec {
  padding-block:clamp(56px,7vw,104px);
}
body.theme-homepage-dealer .sec--mist {
  background:var(--mist);
}
body.theme-homepage-dealer .sec--concrete {
  background:var(--concrete);
}
body.theme-homepage-dealer .sec--paper {
  background:var(--paper);
}
body.theme-homepage-dealer .head-row {
  display:grid;
  gap:18px;
  margin-bottom:clamp(28px,3.4vw,52px);
}
@media (min-width:900px) {
  body.theme-homepage-dealer .head-row {
    grid-template-columns:minmax(0,1fr) minmax(0,420px);
    align-items:end;
    gap:32px;
  }
}
body.theme-homepage-dealer .btn {
  --bd:var(--ink);
  --fg:var(--ink);
  --fill:var(--ink);
  --fill-fg:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 24px;
  background:transparent;
  color:var(--fg);
  border:2px solid var(--bd);
  border-radius:0;
  font:700 var(--t)/1 var(--fb);
  letter-spacing:var(--ls);
  text-transform:uppercase;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:color .45s var(--ez),border-color .45s var(--ez);
}
body.theme-homepage-dealer .btn::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--fill);
  transform:translate3d(-101%,0,0);
  transition:transform .5s var(--ez);
}
body.theme-homepage-dealer .btn:hover {
  color:var(--fill-fg);
}
body.theme-homepage-dealer .btn:hover::before {
  transform:translate3d(0,0,0);
}
body.theme-homepage-dealer .btn .arw {
  transition:transform .3s var(--ez);
}
body.theme-homepage-dealer .btn:hover .arw {
  transform:translateX(4px);
}
body.theme-homepage-dealer .btn:active {
  transform:translateY(1px);
}
body.theme-homepage-dealer .btn--accent {
  --bd:var(--ink);
  --fg:var(--ink);
  --fill:var(--red);
  --fill-fg:#fff;
}
body.theme-homepage-dealer .btn--ink {
  --bd:var(--ink);
  --fg:var(--ink);
  --fill:var(--ink);
}
body.theme-homepage-dealer .btn--line {
  --bd:var(--line-2);
  --fg:var(--ink);
  --fill:var(--ink);
}
body.theme-homepage-dealer .btn--ghostD {
  --bd:#fff;
  --fg:#fff;
  --fill:#fff;
  --fill-fg:var(--ink);
}
body.theme-homepage-dealer .btn--ghostD:hover {
  border-color:#fff;
}
body.theme-homepage-dealer .btn--sm {
  min-height:40px;
  padding:9px 16px;
  font-size:12.5px;
}
body.theme-homepage-dealer .btn--lg {
  min-height:48px;
  font-size:16px;
}
body.theme-homepage-dealer .btn--wide {
  width:100%;
}
body.theme-homepage-dealer .tlink .arw {
  transition:transform .28s var(--ez);
}
body.theme-homepage-dealer .tlink:hover .arw {
  transform:translateX(4px);
}
body.theme-homepage-dealer .hero {
  position:relative;
  background:var(--jet);
  color:#fff;
}
body.theme-homepage-dealer .hero__stage {
  position:relative;
  aspect-ratio:390/600;
  overflow:hidden;
  isolation:isolate;
}
@media (min-width:768px) {
  body.theme-homepage-dealer .hero__stage {
    aspect-ratio:1440/700;
  }
}
body.theme-homepage-dealer .bay__frame.hero__bay {
  position:absolute;
  inset:0;
  margin:0;
  background:#101315;
  display:grid;
  place-items:center;
}
body.theme-homepage-dealer .bay__frame.hero__bay .bay__label {
  color:var(--faint);
}
body.theme-homepage-dealer .bay__frame.hero__bay.has-photo {
  background:#101315;
}
body.theme-homepage-dealer .hero__scrim {
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.58) 30%,rgba(0,0,0,0) 58%), linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.72) 100%);
}
body.theme-homepage-dealer .hero__in {
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  max-width:var(--max);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
  padding:clamp(20px,4vw,40px) var(--gutter);
}
body.theme-homepage-dealer .hero__meta {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
body.theme-homepage-dealer .hero__meta-l {
  display:inline-flex;
  align-items:center;
  gap:12px;
}
body.theme-homepage-dealer .hero__meta-l .bar {
  display:block;
  width:34px;
  height:2px;
  background:var(--red);
}
body.theme-homepage-dealer .hero .eyebrow {
  color:#fff;
  letter-spacing:3.2px;
  font-size:13px;
}
body.theme-homepage-dealer .hero__slides {
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:auto;
}
body.theme-homepage-dealer .hero__counter {
  font-size:12px;
  letter-spacing:var(--ls);
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
body.theme-homepage-dealer .hero__counter b {
  color:#fff;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .hero__title {
  font-size:clamp(26px,2.6vw,36px);
  line-height:1.15;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:#fff;
  max-width:24ch;
}
body.theme-homepage-dealer .hero__sub {
  max-width:52ch;
  font-size:clamp(15px,1.1vw,17px);
  line-height:1.55;
  color:rgba(255,255,255,.82);
}
body.theme-homepage-dealer .hero__cta {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:4px;
}
body.theme-homepage-dealer .hero__note {
  font-size:12px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.6);
  /* Pager model mengambang di tengah bawah panggung; catatan berhenti sebelum tengahnya. */
  max-width:min(100%,calc(50% - 72px));
}
body.theme-homepage-dealer .bay__meta, body.theme-homepage-dealer .bay__dim {
  position:static;
}
body.theme-homepage-dealer .hero__dim {
  position:absolute;
  z-index:2;
  right:calc(var(--gutter) + 60px);
  top:calc(var(--header-h) + 24px);
  font-size:12px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  text-align:right;
}
body.theme-homepage-dealer .hero__foot {
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding-bottom:20px;
  pointer-events:none;
}
body.theme-homepage-dealer .pager {
  display:flex;
  align-items:center;
  gap:0;
  pointer-events:auto;
}
body.theme-homepage-dealer .pager button {
  width:32px;
  height:44px;
  display:grid;
  place-items:center;
  background:none;
  border:0;
  cursor:pointer;
}
body.theme-homepage-dealer .pager button i {
  display:block;
  width:12px;
  height:12px;
  background:#fff;
  opacity:.45;
  transition:opacity .25s var(--ez),transform .25s var(--ez);
}
body.theme-homepage-dealer .pager button:hover i {
  opacity:.8;
}
body.theme-homepage-dealer .pager button[aria-current="true"] i {
  opacity:1;
  transform:scaleY(1.4);
}
body.theme-homepage-dealer .hero__arrows {
  position:absolute;
  z-index:3;
  right:var(--gutter);
  bottom:26px;
  display:flex;
  gap:8px;
  pointer-events:auto;
}
@media (max-width:767px) {
  body.theme-homepage-dealer .hero__arrows {
    display:none;
  }
}
body.theme-homepage-dealer .slides__btn {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#fff;
  border:2px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.25);
  font-size:16px;
  transition:border-color .2s var(--ez),background .2s var(--ez);
}
body.theme-homepage-dealer .slides__btn:hover {
  border-color:#fff;
  background:rgba(0,0,0,.5);
}
@media (max-width:767px) {
  body.theme-homepage-dealer .hero__in {
    padding-bottom:92px;
  }
  body.theme-homepage-dealer .hero__note {
    display:none;
  }
  body.theme-homepage-dealer .hero__meta {
    gap:10px;
  }
  body.theme-homepage-dealer .hero__slides {
    margin-left:0;
  }
  body.theme-homepage-dealer .bay__frame.hero__bay {
    grid-template-rows:auto auto 1fr;
    padding:18px 20px 0;
  }
}
body.theme-homepage-dealer .kv {
  position:relative;
  background:var(--jet);
}
body.theme-homepage-dealer .kv__stage {
  position:relative;
  width:100%;
  aspect-ratio:390/600;
  overflow:hidden;
}
body.theme-homepage-dealer .kv__track {
  display:flex;
  height:100%;
  transition:transform .6s var(--ez);
}
body.theme-homepage-dealer .kv__slide {
  position:relative;
  flex:0 0 100%;
  min-width:0;
  height:100%;
}
body.theme-homepage-dealer .kv__slide img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.theme-homepage-dealer .kv__cta {
  position:absolute;
  z-index:2;
  left:24px;
  bottom:80px;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
body.theme-homepage-dealer .kv__cta .btn {
  padding-inline:8px;
}
body.theme-homepage-dealer .kv__foot {
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:center;
  padding-bottom:20px;
}
body.theme-homepage-dealer .kv__foot .pager button i {
  opacity:.3;
}
body.theme-homepage-dealer .kv__foot .pager button[aria-current="true"] i {
  transform:none;
  opacity:1;
}
@media (max-width:767px) {
  body.theme-homepage-dealer .kv__foot .pager button {
    width:24px;
  }
}
@media (min-width:768px) {
  body.theme-homepage-dealer .kv__stage {
    aspect-ratio:1440/700;
  }
  body.theme-homepage-dealer .kv__cta {
    left:80px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.theme-homepage-dealer .kv__track {
    transition:none;
  }
}
body.theme-homepage-dealer .hero-slot[data-slot="kv"] .hero {
  display:none;
}
body.theme-homepage-dealer .hero-slot[data-slot="model"] .kv {
  display:none;
}
body.theme-homepage-dealer .hero__exit {
  position:absolute;
  z-index:4;
  top:calc(var(--header-h) + 16px);
  right:var(--gutter);
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#fff;
  border:2px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.35);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:border-color .2s var(--ez),background .2s var(--ez);
}
body.theme-homepage-dealer .hero__exit:hover {
  border-color:#fff;
  background:rgba(0,0,0,.6);
}
body.theme-homepage-dealer .hero__exit:focus-visible {
  outline:2px solid var(--red);
  outline-offset:3px;
}
body.theme-homepage-dealer .specrail {
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:relative;
}
body.theme-homepage-dealer .specrail__in {
  display:flex;
  gap:clamp(18px,3vw,48px);
  align-items:stretch;
  overflow-x:auto;
  scrollbar-width:none;
  padding-block:22px;
}
body.theme-homepage-dealer .specrail__in::-webkit-scrollbar {
  display:none;
}
body.theme-homepage-dealer .spec {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:120px;
  flex:1 0 auto;
}
body.theme-homepage-dealer .spec__k {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .spec__v {
  display:flex;
  align-items:baseline;
  gap:6px;
  font-size:24px;
  font-weight:700;
  line-height:1.1;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .spec__u {
  font-size:13px;
  font-weight:500;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.06em;
}
body.theme-homepage-dealer .spec.is-swap .spec__v {
  animation:swap .42s var(--ez);
}
@keyframes swap {
  from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}
}
body.theme-homepage-dealer .swipe-cue {
  display:none;
}
body.theme-homepage-dealer .tech {
  position:relative;
  max-width:var(--max);
  margin:80px auto 40px;
  padding:48px var(--gutter) 0;
}
body.theme-homepage-dealer .tech__stage {
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  margin-top:-96px;
}
body.theme-homepage-dealer .tech__stage img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.theme-homepage-dealer .tech__panel {
  position:relative;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:350px;
  max-width:100%;
  margin-inline:16px;
  padding:24px 32px;
  background:var(--jet);
  color:#fff;
}
body.theme-homepage-dealer .tech__eyebrow {
  margin-bottom:auto;
  font-size:12px;
  font-weight:500;
  letter-spacing:3.2px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .tech__title {
  margin:40px 0 16px;
  font-size:24px;
  font-weight:700;
  line-height:28px;
}
body.theme-homepage-dealer .tech__copy {
  margin:0 0 16px;
  padding-right:8px;
  font-size:14px;
  line-height:24px;
}
body.theme-homepage-dealer .tech__more {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  background:transparent;
  padding:12px 0;
  cursor:pointer;
  color:#fff;
  font-family:var(--fb);
  font-size:14px;
  font-weight:700;
  letter-spacing:2.8px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .tech__more::before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:#fff;
  transition:background .25s var(--ez);
}
body.theme-homepage-dealer .tech__more:hover {
  color:var(--red);
}
body.theme-homepage-dealer .tech__more:hover::before {
  background:var(--red);
}
body.theme-homepage-dealer .tech__more:focus-visible {
  outline:2px solid var(--red);
  outline-offset:4px;
}
@media (min-width:768px) {
  body.theme-homepage-dealer .tech__stage {
    aspect-ratio:16/9;
  }
}
@media (min-width:1024px) {
  body.theme-homepage-dealer .tech__stage {
    aspect-ratio:17/5;
    margin-top:0;
  }
  body.theme-homepage-dealer .tech__panel {
    position:absolute;
    top:0;
    right:calc(var(--gutter) + 64px);
    left:auto;
    height:calc(100% - 48px);
    max-width:320px;
    margin-inline:0;
  }
  body.theme-homepage-dealer .tech__title {
    font-size:30px;
    line-height:36px;
  }
}
@media (min-width:1280px) {
  body.theme-homepage-dealer .tech__panel {
    right:calc(var(--gutter) + 112px);
  }
}
body.theme-homepage-dealer .tech--left {
  margin-top:40px;
}
@media (min-width:1024px) {
  body.theme-homepage-dealer .tech--left .tech__panel {
    right:auto;
    left:calc(var(--gutter) + 64px);
  }
}
@media (min-width:1280px) {
  body.theme-homepage-dealer .tech--left .tech__panel {
    left:calc(var(--gutter) + 112px);
  }
}
body.theme-homepage-dealer .pick {
  position:relative;
  overflow:hidden;
  margin-bottom:80px;
}
body.theme-homepage-dealer .pick__fade, body.theme-homepage-dealer .pick__wedge {
  position:absolute;
  pointer-events:none;
  user-select:none;
}
body.theme-homepage-dealer .pick__fade {
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:42%;
  overflow:hidden;
}
body.theme-homepage-dealer .pick__fade::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(#000,#fff);
}
body.theme-homepage-dealer .pick__wedge {
  top:0;
  right:0;
  bottom:0;
  z-index:2;
  display:none;
  width:60%;
  overflow:hidden;
  opacity:.7;
}
body.theme-homepage-dealer .pick__wedge::before {
  content:"";
  position:absolute;
  inset:0;
  background:#000;
  clip-path:polygon(50% 0,100% 0,100% 100%,0 100%);
}
body.theme-homepage-dealer .pick__in {
  display:flex;
  flex-direction:column;
  gap:20px;
  position:relative;
  z-index:3;
}
body.theme-homepage-dealer .pick__copy {
  position:relative;
  z-index:6;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:512px;
  width:100%;
}
body.theme-homepage-dealer .pick__head {
  margin-right:auto;
  width:100%;
  text-align:left;
}
body.theme-homepage-dealer .pick__title {
  margin:0;
  font-size:24px;
  font-weight:700;
  line-height:32px;
  color:var(--ink);
}
body.theme-homepage-dealer .pick__lead {
  margin:24px 0 0;
  font-size:16px;
  line-height:28px;
  color:var(--anthracite);
}
body.theme-homepage-dealer .pick__ctrl {
  margin-top:40px;
}
body.theme-homepage-dealer .pick__label {
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:500;
  letter-spacing:4.8px;
  text-transform:uppercase;
  color:var(--anthracite);
}
body.theme-homepage-dealer .pick__sel {
  position:relative;
  display:flex;
  align-items:flex-end;
  border-bottom:1px solid var(--line-2);
}
body.theme-homepage-dealer .pick__select {
  width:100%;
  min-height:36px;
  padding:6px 34px 6px 0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  color:var(--ink);
  cursor:pointer;
  font-family:var(--fb);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.theme-homepage-dealer .pick__select:focus-visible {
  outline:2px solid var(--red);
  outline-offset:2px;
}
body.theme-homepage-dealer .pick__chev {
  position:absolute;
  right:2px;
  bottom:9px;
  width:16px;
  height:16px;
  color:var(--ink);
  pointer-events:none;
}
body.theme-homepage-dealer .pick__btns {
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  margin-top:8px;
}
body.theme-homepage-dealer .pick__stage {
  position:relative;
  z-index:4;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
}
body.theme-homepage-dealer .pick__unit {
  position:relative;
  z-index:3;
  display:block;
  width:100%;
  max-width:672px;
  height:auto;
  object-fit:contain;
  pointer-events:none;
}
body.theme-homepage-dealer .pick__dots {
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:20px;
}
body.theme-homepage-dealer .pick__dot {
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:50%;
  cursor:pointer;
  background-color:var(--concrete);
  background-size:cover;
  background-position:center;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
  transition:width .2s var(--ez),height .2s var(--ez);
}
body.theme-homepage-dealer .pick__dot.is-on {
  width:32px;
  height:32px;
}
body.theme-homepage-dealer .pick__dot:focus-visible {
  outline:2px solid var(--red);
  outline-offset:3px;
}
body.theme-homepage-dealer .pick__color {
  position:relative;
  z-index:5;
  margin:16px 0 16px;
  font-size:14px;
  font-weight:500;
  letter-spacing:4.8px;
  line-height:24px;
  text-transform:uppercase;
  color:var(--ink);
  text-align:center;
}
@media (min-width:768px) {
  body.theme-homepage-dealer .pick {
    min-height:700px;
  }
  body.theme-homepage-dealer .pick__copy {
    z-index:2;
    justify-content:center;
  }
  body.theme-homepage-dealer .pick__title {
    font-size:36px;
    line-height:40px;
  }
  body.theme-homepage-dealer .pick__ctrl {
    margin-top:80px;
  }
  body.theme-homepage-dealer .pick__btns {
    flex-direction:row;
    width:auto;
    margin-top:20px;
  }
  body.theme-homepage-dealer .pick__stage {
    justify-content:flex-end;
  }
  body.theme-homepage-dealer .pick__color {
    font-size:16px;
    margin-bottom:40px;
  }
}
@media (min-width:1024px) {
  body.theme-homepage-dealer .pick__fade {
    display:none;
  }
  body.theme-homepage-dealer .pick__wedge {
    display:block;
  }
  body.theme-homepage-dealer .pick__lead {
    font-size:20px;
  }
  body.theme-homepage-dealer .pick__in {
    flex-direction:row;
    min-height:700px;
  }
  body.theme-homepage-dealer .pick__copy {
    max-width:min(512px,calc(52vw - var(--gutter)));
  }
}
@media (prefers-reduced-motion:reduce) {
  body.theme-homepage-dealer .pick__dot {
    transition:none;
  }
}
body.theme-homepage-dealer .promo {
  max-width:var(--max);
  margin:40px auto 80px;
  padding-inline:var(--gutter);
}
body.theme-homepage-dealer .promo__grid {
  display:grid;
  align-items:center;
}
body.theme-homepage-dealer .promo__media {
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--concrete);
}
body.theme-homepage-dealer .promo__media img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.theme-homepage-dealer .promo__copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:32px var(--gutter);
}
body.theme-homepage-dealer .promo__eyebrow {
  margin:0;
  font-size:16px;
  font-weight:600;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--anthracite);
}
body.theme-homepage-dealer .promo__title {
  margin:8px 0 0;
  font-size:24px;
  font-weight:700;
  line-height:1.25;
  text-transform:uppercase;
  color:var(--ink);
}
body.theme-homepage-dealer .promo__body {
  margin:16px 0 0;
  font-size:16px;
  line-height:26px;
  color:var(--ink);
}
body.theme-homepage-dealer .promo__more {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:40px;
  border:0;
  background:transparent;
  padding:12px 0;
  cursor:pointer;
  color:var(--ink);
  text-decoration:none;
  font-family:var(--fb);
  font-size:16px;
  font-weight:700;
  letter-spacing:2.8px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .promo__more::before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--ink);
  transition:background .25s var(--ez);
}
body.theme-homepage-dealer .promo__more:hover {
  color:var(--red);
}
body.theme-homepage-dealer .promo__more:hover::before {
  background:var(--red);
}
body.theme-homepage-dealer .promo__more:focus-visible {
  outline:2px solid var(--red);
  outline-offset:4px;
}
@media (min-width:768px) {
  body.theme-homepage-dealer .promo__grid {
    grid-template-columns:1fr 1fr;
  }
  body.theme-homepage-dealer .promo__copy {
    padding:0 32px;
  }
  body.theme-homepage-dealer .promo__title {
    font-size:30px;
    line-height:38px;
  }
}
@media (min-width:1024px) {
  body.theme-homepage-dealer .promo__copy {
    padding:0 56px;
  }
  body.theme-homepage-dealer .promo__title {
    font-size:36px;
    line-height:45px;
  }
}
body.theme-homepage-dealer .rail {
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
body.theme-homepage-dealer .rail__in {
  display:flex;
  align-items:center;
  gap:24px;
  min-height:var(--rail-h);
  overflow-x:auto;
  scrollbar-width:none;
}
body.theme-homepage-dealer .rail__in::-webkit-scrollbar {
  display:none;
}
body.theme-homepage-dealer .rail__label {
  flex:0 0 auto;
  font-size:12px;
  font-weight:500;
  letter-spacing:4.8px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .rail__items {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
body.theme-homepage-dealer .rail__hint {
  display:none;
}
body.theme-homepage-dealer .rail__btn {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:44px;
  padding:10px 22px;
  border:1px solid transparent;
  background:none;
  color:var(--ink);
  font:700 var(--t)/1 var(--fb);
  letter-spacing:var(--ls);
  text-transform:uppercase;
  transition:border-color .2s var(--ez),background .2s var(--ez);
}
body.theme-homepage-dealer .rail__btn i {
  font-style:normal;
  font-size:11px;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .rail__btn:hover {
  border-color:var(--line-2);
}
body.theme-homepage-dealer .rail__btn[aria-pressed="true"] {
  background:var(--concrete);
  border-color:var(--concrete);
}
body.theme-homepage-dealer .rail__btn[aria-pressed="true"] i {
  color:var(--red);
}
@media (max-width:1023px) {
  body.theme-homepage-dealer .rail__in {
    min-height:88px;
    gap:16px;
  }
  body.theme-homepage-dealer .rail__label {
    display:none;
  }
}
body.theme-homepage-dealer .mgrid {
  display:grid;
  gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:640px) {
  body.theme-homepage-dealer .mgrid {
    grid-template-columns:repeat(2,1fr);
  }
}
@media (min-width:1100px) {
  body.theme-homepage-dealer .mgrid {
    grid-template-columns:repeat(4,1fr);
  }
}
body.theme-homepage-dealer .mcard {
  background:var(--concrete);
  border-radius:0;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  transition:transform .3s var(--ez),background .3s var(--ez);
}
body.theme-homepage-dealer .mcard.is-active {
  outline:2px solid var(--ink);
  outline-offset:-2px;
}
@keyframes clip-reveal {
  0%{clip-path:polygon(95% 0,100% 0,100% 100%,40% 100%)}
  40%{clip-path:polygon(65% 0,100% 0,100% 100%,20% 100%)}
  60%{clip-path:polygon(35% 0,100% 0,100% 100%,5% 100%)}
  100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
body.theme-homepage-dealer .mcard::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  display:none;
  background:var(--jet) url("/assets/img/themes/dealer-mitsubishi/hover-bg.webp") center/cover no-repeat;
}
body.theme-homepage-dealer .mcard>* {
  position:relative;
  z-index:1;
}
@media (hover:hover) and (min-width:768px) {
  body.theme-homepage-dealer .mcard:hover::before {
    display:block;
    animation:clip-reveal .4s ease-out forwards;
  }
  body.theme-homepage-dealer .mcard:hover .mcard__idx, body.theme-homepage-dealer .mcard:hover .mcard__body, body.theme-homepage-dealer .mcard:hover .mcard__name, body.theme-homepage-dealer .mcard:hover .mcard__price strong {
    color:#fff;
  }
  body.theme-homepage-dealer .mcard:hover .mcard__price small {
    color:rgba(255,255,255,.7);
  }
  body.theme-homepage-dealer .mcard:hover .mcard__ph {
    background:transparent;
  }
  body.theme-homepage-dealer .mcard:hover .mcard__ph span {
    color:rgba(255,255,255,.7);
  }
  body.theme-homepage-dealer .mcard:hover .chips li {
    background:transparent;
    color:#fff;
    border-color:rgba(255,255,255,.45);
  }
  body.theme-homepage-dealer .mcard:hover .mcard__cta .btn {
    --bd:#fff;
    --fg:#fff;
    --fill:#fff;
    --fill-fg:var(--ink);
  }
}
@media (prefers-reduced-motion:reduce) {
  body.theme-homepage-dealer .mcard:hover::before {
    animation:none;
  }
}
body.theme-homepage-dealer .mcard__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 20px 0;
}
body.theme-homepage-dealer .mcard__idx {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .mcard__body {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
  text-align:right;
}
body.theme-homepage-dealer .mcard__ph {
  aspect-ratio:4/3;
  margin-top:14px;
}
body.theme-homepage-dealer .mcard__name {
  padding:18px 20px 0;
  font-size:18px;
  font-weight:700;
  line-height:28px;
  text-transform:uppercase;
  color:var(--ink);
}
body.theme-homepage-dealer .mcard__price {
  padding:8px 20px 0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.theme-homepage-dealer .mcard__price small {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .mcard__price strong {
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .chips {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:16px 20px 0;
}
body.theme-homepage-dealer .chips li {
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 10px;
  border:1px solid var(--line-2);
  color:var(--muted);
  background:#fff;
}
body.theme-homepage-dealer .mcard__cta {
  margin-top:auto;
  padding:20px;
}
body.theme-homepage-dealer .mcard__cta .btn {
  --bd:var(--ink);
  --fg:var(--ink);
  --fill:var(--ink);
}
body.theme-homepage-dealer .bay__frame, body.theme-homepage-dealer .mcard__ph, body.theme-homepage-dealer .phbox {
  position:relative;
  display:grid;
  place-items:center;
  background:var(--concrete);
  color:#6c7074;
  overflow:hidden;
}
body.theme-homepage-dealer .bay__tag, body.theme-homepage-dealer .bay__label, body.theme-homepage-dealer .ph__cap {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  text-align:center;
  line-height:1.4;
}
body.theme-homepage-dealer .bay__frame {
  grid-template-rows:1fr auto 1fr;
  align-items:center;
  padding:16px;
}
body.theme-homepage-dealer .bay__frame .bay__tag {
  grid-row:1;
  align-self:end;
  opacity:.75;
}
body.theme-homepage-dealer .bay__frame .bay__label {
  grid-row:2;
}
body.theme-homepage-dealer .bay__frame .bay__meta {
  grid-row:3;
  align-self:start;
  opacity:0;
}
body.theme-homepage-dealer .bay__frame--43 {
  aspect-ratio:4/3;
}
/* Partial tema merender foto sebagai <img> langsung di bingkai (bukan `.ph__img`
   di dalam `.phbox`), sehingga atribut width/height membuat `object-fit` kembali ke
   `fill` dan foto teregang. Kunci bingkai menang: rasio bingkai + crop, bukan distorsi. */
body.theme-homepage-dealer img.mcard__ph {
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:50% 32%;
}
body.theme-homepage-dealer img.bay__frame.bay__frame--43 {
  width:100%;
  height:auto;
  padding:0;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:26% 50%;
}
/* Bingkai pengganti foto mengisi panggung yang tingginya ditentukan `aspect-ratio`
   induknya — persis seperti `<img>` yang ia gantikan. Tanpa ini bingkainya runtuh
   jadi setinggi teksnya saja. */
body.theme-homepage-dealer .tech__stage > .bay__frame,
body.theme-homepage-dealer .promo__media > .bay__frame,
body.theme-homepage-dealer .ncard__media > .bay__frame,
body.theme-homepage-dealer .kv__slide > .bay__frame {
  position:absolute;
  inset:0;
}
body.theme-homepage-dealer .pick__unit-slot {
  width:100%;
  max-width:672px;
  aspect-ratio:4/3;
}
body.theme-homepage-dealer .mapbox iframe {
  display:block;
  width:100%;
  height:340px;
  border:0;
}
body.theme-homepage-dealer .mapbox__empty {
  min-height:340px;
}
body.theme-homepage-dealer .mcard__ph span {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .ph__img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:2;
  opacity:0;
  transition:opacity .4s var(--ez);
}
body.theme-homepage-dealer .phbox .ph__img, body.theme-homepage-dealer .bay__frame--43 .ph__img {
  object-fit:cover;
}
body.theme-homepage-dealer .bay__frame--43 .ph__img {
  object-position:26% 50%;
}
body.theme-homepage-dealer .bay__frame.hero__bay .ph__img {
  padding-inline:38% 4%;
  object-position:right center;
}
body.theme-homepage-dealer .has-photo .ph__img {
  opacity:1;
}
body.theme-homepage-dealer .has-photo .bay__tag, body.theme-homepage-dealer .has-photo .bay__label, body.theme-homepage-dealer .has-photo .ph__cap, body.theme-homepage-dealer .has-photo>span {
  display:none;
}
body.theme-homepage-dealer .has-photo {
  background:var(--concrete);
}
@media (max-width:767px) {
  body.theme-homepage-dealer .bay__frame.hero__bay .ph__img {
    padding:5% 15% 0;
    object-position:center top;
  }
  body.theme-homepage-dealer .bay__frame.hero__bay .bay__tag {
    display:none;
  }
  body.theme-homepage-dealer .hero__scrim {
    background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.92) 100%);
  }
}
body.theme-homepage-dealer .prgrid {
  display:grid;
  gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:900px) {
  body.theme-homepage-dealer .prgrid {
    grid-template-columns:repeat(3,1fr);
  }
}
body.theme-homepage-dealer .prcard {
  background:var(--concrete);
  padding:32px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:300px;
  transition:background .3s var(--ez);
}
body.theme-homepage-dealer .prcard:hover {
  background:var(--concrete-2);
}
body.theme-homepage-dealer .prcard__k {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#5f6468;
}
body.theme-homepage-dealer .prcard h3 {
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  color:var(--ink);
}
body.theme-homepage-dealer .prcard p {
  color:#4a4f53;
  font-size:15px;
  line-height:1.55;
}
body.theme-homepage-dealer .prcard__period {
  margin-top:auto;
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .prcard__more {
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  font:700 var(--t)/1 var(--fb);
  letter-spacing:var(--ls);
  text-transform:uppercase;
  padding-bottom:5px;
  border-bottom:1px solid currentColor;
}
body.theme-homepage-dealer .prcard__more:hover {
  color:var(--red);
}
body.theme-homepage-dealer .prcard__more span {
  transition:transform .28s var(--ez);
}
body.theme-homepage-dealer .prcard__more:hover span {
  transform:translateX(4px);
}
body.theme-homepage-dealer .kredit {
  margin-top:20px;
  display:grid;
  gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:1000px) {
  body.theme-homepage-dealer .kredit {
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:start;
  }
}
body.theme-homepage-dealer .kredit__title {
  font-size:30px;
  line-height:1.2;
  font-weight:700;
  margin-bottom:22px;
}
body.theme-homepage-dealer .kredit__ctrl {
  display:grid;
  gap:26px;
}
body.theme-homepage-dealer .ctrl__head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
body.theme-homepage-dealer .ctrl__label {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .ctrl__val {
  font-size:22px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .ctrl__val em {
  font-style:normal;
  font-size:12px;
  font-weight:500;
  color:var(--muted);
  letter-spacing:2.4px;
  text-transform:uppercase;
  margin-left:6px;
}
body.theme-homepage-dealer input[type=range] {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:24px;
  background:transparent;
  cursor:pointer;
  margin:0;
}
body.theme-homepage-dealer input[type=range]::-webkit-slider-runnable-track {
  height:2px;
  background:linear-gradient(90deg,var(--ink) var(--fill,30%),var(--line-2) var(--fill,30%));
}
body.theme-homepage-dealer input[type=range]::-moz-range-track {
  height:2px;
  background:var(--line-2);
}
body.theme-homepage-dealer input[type=range]::-moz-range-progress {
  height:2px;
  background:var(--ink);
}
body.theme-homepage-dealer input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-7px;
  background:var(--ink);
  border:0;
  border-radius:0;
}
body.theme-homepage-dealer input[type=range]::-moz-range-thumb {
  width:16px;
  height:16px;
  background:var(--ink);
  border:0;
  border-radius:0;
}
body.theme-homepage-dealer input[type=range]:focus-visible::-webkit-slider-thumb {
  outline:2px solid var(--red);
  outline-offset:3px;
}
body.theme-homepage-dealer .ctrl__ticks {
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}
body.theme-homepage-dealer .kredit__note {
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
  max-width:62ch;
}
body.theme-homepage-dealer .quote-panel {
  background:var(--concrete);
  padding:clamp(22px,2.4vw,36px);
}
body.theme-homepage-dealer .quote-panel__k {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#5f6468;
}
body.theme-homepage-dealer .quote-panel__amt {
  margin-top:10px;
  font-size:clamp(28px,3vw,40px);
  font-weight:700;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .quote-panel__amt .unit {
  font-size:14px;
  font-weight:500;
  color:var(--muted);
  letter-spacing:.04em;
}
body.theme-homepage-dealer .quote-panel__for {
  margin-top:6px;
  font-size:14px;
  color:var(--muted);
}
body.theme-homepage-dealer .rows {
  margin-top:22px;
  border-top:1px solid var(--line-2);
}
body.theme-homepage-dealer .row {
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid var(--line-2);
}
body.theme-homepage-dealer .row dt {
  font-size:14px;
  color:var(--muted);
}
body.theme-homepage-dealer .row dd {
  margin:0;
  font-size:15px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .row--total dt {
  color:var(--ink);
  font-weight:500;
}
body.theme-homepage-dealer .row--total {
  border-bottom:0;
}
body.theme-homepage-dealer .quote-panel__cta {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
body.theme-homepage-dealer .quote-panel--compact .quote-panel__amt {
  font-size:clamp(26px,2.6vw,34px);
}
body.theme-homepage-dealer .asis {
  display:grid;
  gap:clamp(24px,3vw,48px);
  align-items:center;
  margin-bottom:clamp(40px,5vw,72px);
}
@media (min-width:960px) {
  body.theme-homepage-dealer .asis {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}
body.theme-homepage-dealer .asis__copy {
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
}
body.theme-homepage-dealer .asis__copy p {
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
  max-width:52ch;
}
body.theme-homepage-dealer .asis__ph {
  position:relative;
}
body.theme-homepage-dealer .asis__ph .phbox {
  aspect-ratio:4/3;
  width:100%;
}
body.theme-homepage-dealer .strip {
  display:grid;
  gap:1px;
  background:var(--line);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
@media (min-width:860px) {
  body.theme-homepage-dealer .strip {
    grid-template-columns:repeat(3,1fr);
  }
}
body.theme-homepage-dealer .strip__cell {
  background:var(--paper);
  padding:clamp(22px,2.4vw,34px);
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-start;
}
body.theme-homepage-dealer .strip__n {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .strip__icon {
  width:32px;
  height:32px;
  color:var(--ink);
}
body.theme-homepage-dealer .strip__cell h3 {
  font-size:18px;
  font-weight:700;
  line-height:28px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .strip__cell p {
  font-size:15px;
  line-height:1.55;
  color:var(--muted);
}
body.theme-homepage-dealer .strip__more {
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:700 var(--t)/1 var(--fb);
  letter-spacing:var(--ls);
  text-transform:uppercase;
  padding-bottom:5px;
  border-bottom:1px solid currentColor;
}
body.theme-homepage-dealer .strip__more:hover {
  color:var(--red);
}
body.theme-homepage-dealer .strip__more span {
  transition:transform .28s var(--ez);
}
body.theme-homepage-dealer .strip__more:hover span {
  transform:translateX(4px);
}
body.theme-homepage-dealer .strip__cell--live .strip__n::after {
  content:" · 24 JAM";
  color:var(--red);
}
body.theme-homepage-dealer .app {
  display:grid;
  gap:clamp(24px,3vw,48px);
  align-items:center;
}
@media (min-width:960px) {
  body.theme-homepage-dealer .app {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}
body.theme-homepage-dealer .app__copy {
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
}
body.theme-homepage-dealer .app__copy p {
  font-size:16px;
  line-height:1.6;
  color:var(--muted);
  max-width:54ch;
}
body.theme-homepage-dealer .app__list {
  display:grid;
  gap:10px;
  margin-top:4px;
}
body.theme-homepage-dealer .app__list li {
  position:relative;
  padding-left:22px;
  font-size:15px;
  line-height:1.5;
  color:var(--ink);
}
body.theme-homepage-dealer .app__list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--ink);
  transform:rotate(45deg);
}
body.theme-homepage-dealer .app__btns {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
body.theme-homepage-dealer .appbtn {
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:flex-start;
  min-width:168px;
  padding:10px 20px;
  border:2px solid currentColor;
  color:inherit;
  background:none;
  transition:background .25s var(--ez),color .25s var(--ez);
}
body.theme-homepage-dealer .appbtn:hover {
  background:currentColor;
}
body.theme-homepage-dealer .appbtn:hover span {
  color:var(--paper);
}
body.theme-homepage-dealer .appbtn__k {
  font-size:11px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  opacity:.75;
}
body.theme-homepage-dealer .appbtn__v {
  font-size:16px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.theme-homepage-dealer .app__fine {
  font-size:13px;
  color:var(--muted);
  max-width:46ch;
}
body.theme-homepage-dealer .app__ph .bay__frame {
  width:100%;
  background:var(--concrete-2);
}
body.theme-homepage-dealer .news {
  max-width:var(--max);
  margin:0 auto;
  padding-bottom:80px;
}
body.theme-homepage-dealer .news__in {
  padding-inline:var(--gutter);
}
body.theme-homepage-dealer .news__title {
  margin:0;
  font-size:36px;
  font-weight:700;
  line-height:40px;
  text-align:center;
  color:var(--ink);
}
body.theme-homepage-dealer .news__tabs {
  display:flex;
  gap:20px;
  margin-top:28px;
  padding-bottom:12px;
  overflow-x:auto;
  scrollbar-width:none;
}
body.theme-homepage-dealer .news__tabs::-webkit-scrollbar {
  display:none;
}
body.theme-homepage-dealer .n-tab {
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-family:var(--fb);
  font-size:14px;
  font-weight:500;
  text-transform:uppercase;
  color:var(--anthracite);
  transition:color .3s var(--ez);
}
body.theme-homepage-dealer .n-tab:hover {
  color:var(--red);
}
body.theme-homepage-dealer .n-tab.is-on {
  color:var(--red);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
body.theme-homepage-dealer .n-tab:focus-visible {
  outline:2px solid var(--red);
  outline-offset:4px;
}
body.theme-homepage-dealer .ngrid {
  display:grid;
  gap:20px;
  margin-top:28px;
}
body.theme-homepage-dealer .ncard {
  position:relative;
  display:flex;
  flex-direction:column-reverse;
  min-height:256px;
  color:var(--ink);
  transition:background .3s var(--ez);
}
body.theme-homepage-dealer .ncard[hidden] {
  display:none;
}
body.theme-homepage-dealer .ncard__txt {
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:flex-end;
  padding:20px 0 36px;
}
body.theme-homepage-dealer .ncard__media {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--concrete);
}
body.theme-homepage-dealer .ncard__media img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.theme-homepage-dealer .ncard__date {
  font-size:12px;
  font-weight:500;
  line-height:16px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--anthracite);
  transition:color .3s var(--ez);
}
body.theme-homepage-dealer .ncard__title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  margin:8px 0 0;
  font-size:20px;
  font-weight:400;
  line-height:24px;
  color:var(--ink);
  transition:color .3s var(--ez);
}
@media (min-width:768px) {
  body.theme-homepage-dealer .news__tabs {
    justify-content:center;
    gap:24px;
    overflow:visible;
  }
  body.theme-homepage-dealer .n-tab {
    font-size:18px;
  }
  body.theme-homepage-dealer .ngrid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:256px;
  }
  body.theme-homepage-dealer .ncard {
    flex-direction:row;
    min-height:0;
  }
  body.theme-homepage-dealer .ncard__txt {
    padding:36px;
  }
  body.theme-homepage-dealer .ncard__media {
    aspect-ratio:auto;
  }
  body.theme-homepage-dealer .ncard--plain {
    background:var(--concrete);
  }
  body.theme-homepage-dealer .ncard--plain .ncard__media {
    display:none;
  }
  body.theme-homepage-dealer .ncard--plain:hover {
    background:var(--jet);
  }
  body.theme-homepage-dealer .ncard--plain:hover .ncard__title {
    color:var(--on-dark);
  }
  body.theme-homepage-dealer .ncard--plain:hover .ncard__date {
    color:var(--faint);
  }
  body.theme-homepage-dealer .ncard--feat {
    grid-column:span 2;
    grid-row:span 2;
    background:var(--jet);
  }
  body.theme-homepage-dealer .ncard--feat .ncard__txt {
    flex:1 1 50%;
  }
  body.theme-homepage-dealer .ncard--feat .ncard__media {
    flex:0 0 50%;
    width:50%;
  }
  body.theme-homepage-dealer .ncard--feat .ncard__title {
    color:var(--on-dark);
  }
  body.theme-homepage-dealer .ncard--feat .ncard__date {
    color:var(--faint);
  }
  body.theme-homepage-dealer .ncard--feat:hover {
    background:var(--concrete);
  }
  body.theme-homepage-dealer .ncard--feat:hover .ncard__title {
    color:var(--ink);
  }
  body.theme-homepage-dealer .ncard--feat:hover .ncard__date {
    color:var(--anthracite);
  }
  body.theme-homepage-dealer .ncard--tall {
    flex-direction:column;
    grid-row:span 2;
  }
  body.theme-homepage-dealer .ncard--tall .ncard__media {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  body.theme-homepage-dealer .ncard--tall .ncard__txt {
    position:relative;
    z-index:1;
    background:rgba(0,0,0,.5);
  }
  body.theme-homepage-dealer .ncard--tall .ncard__title {
    color:var(--on-dark);
  }
  body.theme-homepage-dealer .ncard--tall .ncard__date {
    color:var(--faint);
  }
  body.theme-homepage-dealer .ncard--tall:hover .ncard__txt {
    background:rgba(0,0,0,.7);
  }
  body.theme-homepage-dealer .ngrid[data-mode="all"] > :nth-child(2), body.theme-homepage-dealer .ngrid[data-mode="all"] > :nth-child(3) {
    grid-row-start:3;
  }
}
body.theme-homepage-dealer .noscript {
  font-size:14px;
  color:var(--muted);
}
body.theme-homepage-dealer .loc__grid {
  display:grid;
  gap:clamp(22px,2.6vw,40px);
  align-items:start;
}
@media (min-width:1000px) {
  body.theme-homepage-dealer .loc__grid {
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  }
}
body.theme-homepage-dealer .mapbox {
  border:1px solid var(--line);
  background:#f9fbfc;
  overflow:hidden;
}
body.theme-homepage-dealer .mapbox svg {
  width:100%;
  height:auto;
  display:block;
}
body.theme-homepage-dealer .mapbox .t-road {
  font-size:12px;
  letter-spacing:2.4px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .mapbox .t-district {
  font-size:13px;
  letter-spacing:3.2px;
  text-transform:uppercase;
  opacity:.55;
}
body.theme-homepage-dealer .mapbox .t-pin {
  font-size:15px;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .mapbox .t-pin-sub {
  font-size:11px;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .mapbox__tag {
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  background:var(--jet);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
  padding:6px 10px;
}
body.theme-homepage-dealer .mapbox {
  position:relative;
}
body.theme-homepage-dealer .mapbox__cap {
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:14px 18px;
  border-top:1px solid var(--line);
  background:var(--paper);
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .loc__info {
  display:grid;
  gap:0;
  margin-top:20px;
  border-top:1px solid var(--line);
}
body.theme-homepage-dealer .info {
  display:grid;
  gap:6px;
  padding:18px 0;
  border-bottom:1px solid var(--line);
}
@media (min-width:560px) {
  body.theme-homepage-dealer .info {
    grid-template-columns:180px minmax(0,1fr);
    gap:18px;
    align-items:baseline;
  }
}
body.theme-homepage-dealer .info dt {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .info dd {
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
}
body.theme-homepage-dealer .info dd a {
  border-bottom:1px solid currentColor;
}
body.theme-homepage-dealer .info dd a:hover {
  color:var(--red);
}
body.theme-homepage-dealer .formcard {
  border:1px solid var(--line);
  background:var(--paper);
  padding:clamp(22px,2.4vw,36px);
}
body.theme-homepage-dealer .formcard h3 {
  font-size:24px;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
}
body.theme-homepage-dealer .formcard__sub {
  margin-top:10px;
  font-size:15px;
  line-height:1.6;
  color:var(--muted);
}
body.theme-homepage-dealer .formcard form {
  display:grid;
  gap:18px;
  margin-top:24px;
}
body.theme-homepage-dealer .field {
  display:grid;
  gap:8px;
}
body.theme-homepage-dealer .field label {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .field input, body.theme-homepage-dealer .field select {
  width:100%;
  height:48px;
  padding:0 16px;
  border:1px solid var(--line-2);
  border-radius:0;
  background:var(--paper);
  color:var(--ink);
  font:400 16px/1.2 var(--fb);
  transition:border-color .2s var(--ez);
}
body.theme-homepage-dealer .field select {
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;
  background-size:6px 6px;
  background-repeat:no-repeat;
  padding-right:44px;
}
body.theme-homepage-dealer .field input:hover, body.theme-homepage-dealer .field select:hover {
  border-color:var(--muted);
}
body.theme-homepage-dealer .field input:focus, body.theme-homepage-dealer .field select:focus {
  outline:none;
  border-color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink);
}
body.theme-homepage-dealer .field input[aria-invalid="true"] {
  border-color:var(--red);
  box-shadow:inset 0 0 0 1px var(--red);
}
body.theme-homepage-dealer .err {
  display:none;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--red);
}
body.theme-homepage-dealer .err.is-on {
  display:block;
}
body.theme-homepage-dealer .formcard__fine {
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}
body.theme-homepage-dealer .form__ok {
  display:none;
  border:1px solid var(--line-2);
  background:var(--mist);
  padding:24px;
}
body.theme-homepage-dealer .form__ok.is-on {
  display:block;
}
body.theme-homepage-dealer .form__ok b {
  display:block;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body.theme-homepage-dealer .form__ok p {
  margin-top:10px;
  font-size:15px;
  line-height:1.6;
  color:#3f4448;
}
body.theme-homepage-dealer .form__ok button {
  margin-top:16px;
}
body.theme-homepage-dealer .finder {
  margin-block:80px;
}
body.theme-homepage-dealer .finder__grid {
  display:grid;
  gap:20px;
  align-items:start;
}
body.theme-homepage-dealer .finder__side {
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.theme-homepage-dealer .finder__title {
  margin:0;
  font-size:24px;
  font-weight:700;
  line-height:32px;
  color:var(--ink);
}
body.theme-homepage-dealer .finder__label {
  display:block;
  margin-top:24px;
  margin-bottom:12px;
  font-size:14px;
  font-weight:500;
  letter-spacing:4.8px;
  text-transform:uppercase;
  color:var(--anthracite);
}
body.theme-homepage-dealer .finder__field {
  position:relative;
  display:flex;
  align-items:flex-end;
  border-bottom:1px solid var(--line-2);
}
body.theme-homepage-dealer .finder__input {
  width:100%;
  min-width:0;
  height:36px;
  padding:0 30px 0 0;
  border:0;
  background:transparent;
  color:var(--ink);
  font-family:var(--fb);
  font-size:14px;
  font-weight:700;
  line-height:20px;
}
body.theme-homepage-dealer .finder__input::placeholder {
  color:var(--faint);
  font-weight:500;
}
body.theme-homepage-dealer .finder__input:focus-visible {
  outline:2px solid var(--red);
  outline-offset:2px;
}
body.theme-homepage-dealer .finder__go {
  position:absolute;
  right:2px;
  bottom:8px;
  width:20px;
  height:20px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
}
body.theme-homepage-dealer .finder__go:hover {
  color:var(--red);
}
body.theme-homepage-dealer .finder__geo {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  color:var(--ink);
  font-family:var(--fb);
  font-size:14px;
  font-weight:700;
  line-height:20px;
  text-align:left;
}
body.theme-homepage-dealer .finder__geo svg {
  width:16px;
  height:16px;
  flex:0 0 auto;
}
body.theme-homepage-dealer .finder__geo:hover {
  color:var(--red);
}
body.theme-homepage-dealer .finder__list {
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:24px;
  min-height:0;
  max-height:384px;
  overflow-y:auto;
  padding-right:6px;
  list-style:none;
  margin-left:0;
  margin-bottom:0;
}
body.theme-homepage-dealer .finder__list[hidden] {
  display:none;
}
body.theme-homepage-dealer .finder__empty {
  margin:24px 0 0;
  font-size:15px;
  line-height:24px;
  color:var(--muted);
}
body.theme-homepage-dealer .finder__note {
  margin:auto 0 0;
  padding-top:20px;
  font-size:12px;
  line-height:20px;
  color:var(--faint);
}
body.theme-homepage-dealer .fcard {
  border:1px solid var(--line-2);
  background:var(--paper);
  padding:20px 24px;
}
body.theme-homepage-dealer .fcard.is-here {
  border-color:var(--ink);
}
body.theme-homepage-dealer .fcard__row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
}
body.theme-homepage-dealer .fcard__name {
  margin:0;
  font-size:18px;
  font-weight:700;
  line-height:26px;
  color:var(--ink);
}
body.theme-homepage-dealer .fcard__km {
  font-size:12px;
  font-weight:700;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
  white-space:nowrap;
}
body.theme-homepage-dealer .fcard__addr {
  margin:6px 0 0;
  font-size:14px;
  line-height:22px;
  color:var(--muted);
}
body.theme-homepage-dealer .fcard__meta {
  margin:8px 0 0;
  font-size:13px;
  line-height:20px;
  color:var(--muted);
}
body.theme-homepage-dealer .fcard__acts {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:baseline;
}
body.theme-homepage-dealer .fcard__acts .fcard__tel {
  margin-top:14px;
}
body.theme-homepage-dealer button.fcard__tel {
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-family:var(--fb);
}
body.theme-homepage-dealer .fcard__tel {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding-bottom:2px;
  font-size:14px;
  font-weight:700;
  letter-spacing:var(--ls);
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  border-bottom:2px solid var(--ink);
}
body.theme-homepage-dealer .fcard__tel:hover {
  color:var(--red);
  border-color:var(--red);
}
body.theme-homepage-dealer .finder__map {
  position:relative;
  height:324px;
  overflow:hidden;
  border-radius:10px;
  background:var(--concrete);
}
body.theme-homepage-dealer .finder__map iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
body.theme-homepage-dealer .finder__cap {
  position:absolute;
  left:12px;
  bottom:10px;
  padding:5px 8px;
  background:rgba(255,255,255,.88);
  font-size:11px;
  font-weight:500;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--muted);
}
@media (min-width:768px) {
  body.theme-homepage-dealer .finder__label {
    margin-top:32px;
  }
  body.theme-homepage-dealer .finder__list {
    margin-top:32px;
  }
}
@media (min-width:1024px) {
  body.theme-homepage-dealer .finder__grid {
    grid-template-columns:1fr 1fr;
    gap:64px;
  }
  body.theme-homepage-dealer .finder__title {
    font-size:36px;
    line-height:40px;
  }
  body.theme-homepage-dealer .finder__side, body.theme-homepage-dealer .finder__map {
    height:656px;
  }
  body.theme-homepage-dealer .finder__list {
    max-height:none;
  }
}
body.theme-homepage-dealer .proof {
  margin-top:clamp(56px,7vw,104px);
  padding-top:clamp(28px,3vw,44px);
  border-top:1px solid var(--line);
}
body.theme-homepage-dealer .trust__grid {
  display:grid;
  gap:clamp(24px,3vw,56px);
  align-items:start;
}
@media (min-width:960px) {
  body.theme-homepage-dealer .trust__grid {
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  }
}
body.theme-homepage-dealer .bignum {
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.theme-homepage-dealer .bignum__v {
  font-size:clamp(72px,9vw,128px);
  font-weight:700;
  line-height:.9;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .bignum__k {
  font-size:15px;
  line-height:1.5;
  color:var(--muted);
  max-width:34ch;
}
body.theme-homepage-dealer .bignum__stats {
  display:flex;
  gap:36px;
  margin-top:18px;
  flex-wrap:wrap;
}
body.theme-homepage-dealer .bignum__stat {
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.theme-homepage-dealer .bignum__stat b {
  font-size:24px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .bignum__stat span {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .pts {
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
}
body.theme-homepage-dealer .pt {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
body.theme-homepage-dealer .pt__n {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  color:var(--muted);
  padding-top:5px;
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .pt h3 {
  font-size:18px;
  font-weight:700;
  line-height:28px;
  text-transform:uppercase;
}
body.theme-homepage-dealer .pt p {
  margin-top:6px;
  font-size:15px;
  line-height:1.6;
  color:var(--muted);
}
body.theme-homepage-dealer .proof__quotes {
  margin-top:clamp(40px,5vw,72px);
}
body.theme-homepage-dealer .sub-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid var(--ink);
  margin-bottom:24px;
}
body.theme-homepage-dealer .sub-head h3 {
  font-size:30px;
  line-height:1.2;
  font-weight:700;
}
body.theme-homepage-dealer .sub-head span {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .quotes__grid {
  display:grid;
  gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:900px) {
  body.theme-homepage-dealer .quotes__grid {
    grid-template-columns:repeat(3,1fr);
  }
}
body.theme-homepage-dealer .qt {
  background:var(--paper);
  border:1px solid var(--line);
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
body.theme-homepage-dealer .qt__mark {
  width:24px;
  height:24px;
  color:var(--ink);
}
body.theme-homepage-dealer .qt__txt {
  margin:0;
  font-size:17px;
  line-height:1.5;
  color:var(--ink);
}
body.theme-homepage-dealer .qt__who {
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.theme-homepage-dealer .qt__who b {
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.theme-homepage-dealer .qt__who span {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .spec-dialog {
  border:0;
  border-radius:0;
  padding:0;
  width:min(920px,calc(100vw - 32px));
  max-height:min(86vh,900px);
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 40px 80px rgba(0,0,0,.35);
}
body.theme-homepage-dealer .spec-dialog::backdrop {
  background:rgba(0,0,0,.6);
}
body.theme-homepage-dealer .dlg__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:26px clamp(20px,3vw,36px);
  border-bottom:1px solid var(--line);
}
body.theme-homepage-dealer .dlg__body-type {
  display:block;
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .dlg__name {
  margin-top:8px;
  font-size:clamp(26px,3vw,36px);
  line-height:1.1;
  text-transform:uppercase;
}
body.theme-homepage-dealer .dlg__x {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid var(--line-2);
  font-size:16px;
  flex:0 0 auto;
}
body.theme-homepage-dealer .dlg__x:hover {
  background:var(--concrete);
}
body.theme-homepage-dealer .dlg__scroll {
  padding:clamp(20px,3vw,36px);
  overflow:auto;
  max-height:calc(min(86vh,900px) - 200px);
}
body.theme-homepage-dealer .dlg__price {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-bottom:22px;
  border-bottom:1px solid var(--line);
}
body.theme-homepage-dealer .dlg__price small {
  font-size:12px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--muted);
}
body.theme-homepage-dealer .dlg__price strong {
  font-size:clamp(24px,2.6vw,32px);
  font-variant-numeric:tabular-nums;
}
body.theme-homepage-dealer .dlg__specs {
  width:100%;
  border-collapse:collapse;
  margin-top:6px;
}
body.theme-homepage-dealer .dlg__specs th, body.theme-homepage-dealer .dlg__specs td {
  padding:13px 0;
  border-bottom:1px solid var(--line);
  text-align:left;
  font-size:15px;
}
body.theme-homepage-dealer .dlg__specs th {
  width:44%;
  font-weight:500;
  color:var(--muted);
}
body.theme-homepage-dealer .dlg__specs td {
  font-weight:700;
}
body.theme-homepage-dealer .dlg__list {
  display:grid;
  gap:10px;
  margin-top:24px;
}
body.theme-homepage-dealer .dlg__list li {
  position:relative;
  padding-left:22px;
  font-size:15px;
  line-height:1.55;
  color:#3f4448;
}
body.theme-homepage-dealer .dlg__list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  background:var(--ink);
  transform:rotate(45deg);
}
body.theme-homepage-dealer .dlg__foot {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:22px clamp(20px,3vw,36px);
  border-top:1px solid var(--line);
}
body.theme-homepage-dealer [data-reveal] {
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s var(--ez),transform .5s var(--ez);
}
body.theme-homepage-dealer [data-reveal].is-in {
  opacity:1;
  transform:none;
}
body.theme-homepage-dealer [data-reveal][data-delay="1"] {
  transition-delay:.08s;
}
body.theme-homepage-dealer [data-reveal][data-delay="2"] {
  transition-delay:.16s;
}
body.theme-homepage-dealer [data-reveal][data-delay="3"] {
  transition-delay:.24s;
}
body.theme-homepage-dealer [data-scrollfade].is-scrollable {
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);
}
body.theme-homepage-dealer .dock {
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:66;
  height:var(--dock-h);
  background:var(--jet);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.14);
  padding-bottom:env(safe-area-inset-bottom);
}
@media (max-width:1199px) {
  body.theme-homepage-dealer .dock {
    display:grid;
    grid-template-columns:repeat(5,1fr);
  }
  /* Tombol chat mengambang platform jatuh tepat di atas dock; naikkan supaya
     item dock paling kanan tidak tertutupnya. */
  body.theme-homepage-dealer .wa-live-chat {
    bottom:calc(var(--dock-h) + 12px + env(safe-area-inset-bottom));
  }
}
body.theme-homepage-dealer .dock a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:700 10px/1 var(--fb);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
body.theme-homepage-dealer .dock a:hover {
  color:#fff;
}
body.theme-homepage-dealer .dock svg {
  width:22px;
  height:22px;
}
body.theme-homepage-dealer .dock a b {
  font-weight:700;
}
@media (prefers-reduced-motion:reduce) {
  body.theme-homepage-dealer *, body.theme-homepage-dealer *::before, body.theme-homepage-dealer *::after {
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  body.theme-homepage-dealer [data-reveal] {
    opacity:1;
    transform:none;
  }
}
@media print {
  body.theme-homepage-dealer .dock, body.theme-homepage-dealer .hero__foot, body.theme-homepage-dealer .hero__arrows, body.theme-homepage-dealer .specrail {
    display:none !important;
  }
  body.theme-homepage-dealer .mcard, body.theme-homepage-dealer .ncard, body.theme-homepage-dealer .prcard, body.theme-homepage-dealer .quote-panel {
    break-inside:avoid;
  }
}

/* --- 9. ADAPTASI PLATFORM -------------------------------------------------- */
/* Dock ponsel menutupi kaki halaman: mockup memberi body jarak yang sama
   dengan tinggi dock. Aturan `body{...}` tidak bisa ikut dipindah, jadi
   dituliskan ulang di sini dengan anchor tema. */
@media (max-width:1199px){
body.theme-homepage-dealer{padding-bottom:var(--dock-h)}
}

/* Shell platform tidak memasang kelas `no-js` pada <html>; komponen ini menambah
   `dm-js` pada <body> begitu skrip berjalan. Jadi keadaan tersembunyi dari
   [data-reveal] hanya berlaku saat JavaScript benar-benar hidup. */
body.theme-homepage-dealer:not(.dm-js) [data-reveal]{opacity:1;transform:none}

/* [hidden] dipakai untuk menutup blok (form sukses, hasil pencarian, daftar).
   Kelas yang mendeklarasikan display sendiri tidak boleh menghidupkan kembali
   elemen yang baru saja disembunyikan skrip. */
body.theme-homepage-dealer [hidden]{display:none !important}

/* Pesan untuk halaman yang datarnya belum terisi. */
body.theme-homepage-dealer .noscript{
  margin:18px 0 0;
  padding:14px 16px;
  background:var(--concrete);
  color:var(--ink);
  font:500 14px/1.5 var(--fb);
}