:root{
    --red:#E4002B;
    --asphalt:#0A0A0C;
    --asphalt-2:#161618;
    --chrome:#C9CDD3;
    --paper:#FAFAFA;
    --ink:#141414;
    --ink-soft:#55565A;
    --amber:#E4002B;
    --amber-ink:#FFFFFF;
    --gold:#A6001C;
    --radius:2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  }
  body{
    font-family:'Jost', sans-serif;
    font-weight:400;
    font-size:16px;
    background:var(--paper);
    color:var(--ink);
    line-height:1.7;
    letter-spacing:0.01em;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Playfair Display', serif;
    font-weight:500;
    letter-spacing:0;
    line-height:1.12;
  }
  .mono{font-family:'Jost', sans-serif; font-weight:400; letter-spacing:0.03em; font-variant-numeric:tabular-nums;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 24px;}

  /* ===== ANIMATION SYSTEM ===== */
  @keyframes fadeUp{from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);}}
  @keyframes softIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
  @keyframes ringPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
  @keyframes marquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}
  @keyframes shimmer{0%{background-position:-200% 0;} 100%{background-position:200% 0;}}

  .reveal{opacity:0; transform:translateY(30px); transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);}
  .reveal.is-visible{opacity:1; transform:translateY(0);}
  .reveal-scale{opacity:0; transform:scale(.96); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);}
  .reveal-scale.is-visible{opacity:1; transform:scale(1);}
  .section-head, .sim, .jam-card, .lokasi-grid, .t-card, .servis-list li, .moto-card{
    opacity:0; transform:translateY(30px);
    transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1), box-shadow .5s, border-color .5s;
  }
  .section-head.is-visible, .sim.is-visible, .jam-card.is-visible, .lokasi-grid.is-visible, .t-card.is-visible, .servis-list li.is-visible, .moto-card.is-visible{
    opacity:1; transform:translateY(0);
  }
  .moto-card:hover{transform:translateY(-8px) !important;}
  .grid-3 .moto-card:nth-child(1){transition-delay:0s;}
  .grid-3 .moto-card:nth-child(2){transition-delay:.08s;}
  .grid-3 .moto-card:nth-child(3){transition-delay:.16s;}
  .grid-3 .moto-card:nth-child(3n+1){transition-delay:0s;}
  .grid-3 .moto-card:nth-child(3n+2){transition-delay:.08s;}
  .grid-3 .moto-card:nth-child(3n+3){transition-delay:.16s;}
  .grid-t .t-card:nth-child(2){transition-delay:.12s;}
  .grid-t .t-card:nth-child(3){transition-delay:.24s;}
  .servis-list li:nth-child(2){transition-delay:.1s;}
  .servis-list li:nth-child(3){transition-delay:.2s;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:15px 30px; border-radius:0; font-weight:500;
    font-family:'Jost', sans-serif; text-transform:uppercase; letter-spacing:0.14em;
    font-size:12px; cursor:pointer; border:1px solid transparent;
    white-space:nowrap;
  }
  .btn{transition:background .4s cubic-bezier(.65,0,.35,1), border-color .4s, color .4s, transform .3s;}
  .btn:hover{transform:translateY(-2px);}
  .btn:active{transform:translateY(0);}
  .btn-primary{background:var(--ink); color:var(--paper); border-color:var(--ink);}
  .btn-primary:hover{background:var(--red); border-color:var(--red);}
  .btn-outline{border-color:var(--amber); color:var(--paper); background:transparent;}
  .btn-outline:hover{background:rgba(212,175,55,0.1);}
  .btn-dark{border-color:var(--ink); color:var(--ink); background:transparent;}
  .btn-dark:hover{background:var(--ink); color:var(--paper);}

  /* ===== HEADER ===== */
  header{
    background:var(--asphalt); color:var(--paper);
    border-bottom:3px solid var(--red);
    position:sticky; top:0; z-index:50;
  }
  header{transition:padding .4s cubic-bezier(.65,0,.35,1), box-shadow .4s;}
  header.scrolled{box-shadow:0 8px 24px -12px rgba(0,0,0,.4);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; transition:padding .4s cubic-bezier(.65,0,.35,1);}
  header.scrolled .nav{padding:10px 24px;}
  .logo{display:flex; align-items:center; gap:10px;}
  .logo{transition:opacity .3s;}
  .logo:hover{opacity:.8;}
  .logo-mark{transition:transform .6s cubic-bezier(.65,0,.35,1);
    width:32px; height:32px; border:1px solid var(--amber); transform:rotate(45deg);
    display:flex; align-items:center; justify-content:center;
  }
  .logo-mark::after{content:""; width:6px; height:6px; background:var(--amber); transform:rotate(-45deg);}
  .logo:hover .logo-mark{transform:rotate(225deg);}
  .logo-text{font-family:'Playfair Display',serif; font-weight:600; font-size:19px; letter-spacing:0.08em; text-transform:uppercase; line-height:1;}
  .logo-text span{display:block; font-size:10px; font-weight:400; letter-spacing:0.22em; color:var(--chrome); text-transform:uppercase; font-family:'Jost',sans-serif; margin-top:5px;}
  nav.links{display:flex; gap:28px; font-size:14px; font-weight:500;}
  nav.links a{position:relative; padding-bottom:3px; transition:color .35s;}
  nav.links a::after{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--amber); transition:width .4s cubic-bezier(.65,0,.35,1);}
  nav.links a:hover{color:var(--red);}
  nav.links a:hover::after{width:100%;}
  .nav-cta{display:flex; align-items:center; gap:14px;}
  @media(max-width:820px){ nav.links{display:none;} }

  /* ===== HERO ===== */
  .hero{
    background:linear-gradient(180deg, var(--asphalt) 0%, var(--asphalt-2) 100%);
    color:var(--paper);
    position:relative;
    overflow:hidden;
    padding:64px 0 0 0;
  }
  .hero-inner{display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px; align-items:center; padding-bottom:40px;}
  @media(max-width:900px){ .hero-inner{grid-template-columns:1fr;} }
  .hero .eyebrow, .hero h1.display, .hero p.lede, .hero .hero-cta, .hero .hero-art{
    opacity:0; animation:fadeUp .9s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero .eyebrow{animation-delay:.05s;}
  .hero h1.display{animation-delay:.18s;}
  .hero p.lede{animation-delay:.34s;}
  .hero .hero-cta{animation-delay:.48s;}
  .hero .hero-art{animation-delay:.3s;}
  .ticker-item{opacity:0; animation:softIn .7s cubic-bezier(.16,1,.3,1) forwards;}
  .ticker-item:nth-child(1){animation-delay:.6s;}
  .ticker-item:nth-child(2){animation-delay:.7s;}
  .ticker-item:nth-child(3){animation-delay:.8s;}
  .ticker-item:nth-child(4){animation-delay:.9s;}
  .eyebrow{color:var(--amber); font-weight:400; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:0.28em; text-transform:uppercase; margin-bottom:22px; display:flex; align-items:center; gap:10px;}
  .eyebrow::before{content:""; width:32px; height:1px; background:var(--amber); display:inline-block;}
  h1.display{font-size:clamp(42px,6vw,76px); font-weight:500; margin-bottom:22px; letter-spacing:-0.01em;}
  h1.display em{font-style:italic; font-weight:400; color:var(--amber);}
  .hero p.lede{color:var(--chrome); font-weight:400; font-size:16px; max-width:420px; margin-bottom:32px; line-height:1.85;}
  .hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px;}
  .hero-art{
    aspect-ratio:4/3; background:var(--asphalt-2);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px; position:relative; overflow:hidden;
    cursor:grab; touch-action:pan-y;
  }
  .hero-art:active{cursor:grabbing;}
  .hero-slides{display:flex; width:100%; height:100%; transition:transform .45s cubic-bezier(.65,0,.35,1);}
  .hero-slide{flex:0 0 100%; height:100%;}
  .hero-slide img{width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; -webkit-user-drag:none;}
  .hero-arrow{
    position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px;
    border:1px solid rgba(255,255,255,0.3); border-radius:50%; background:rgba(12,11,10,0.45);
    display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; z-index:2;
  }
  .hero-arrow:hover{border-color:var(--amber); background:rgba(12,11,10,0.7);}
  .hero-arrow svg{width:15px; height:15px;}
  .hero-arrow.prev{left:14px;}
  .hero-arrow.next{right:14px;}
  .hero-dots{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:2;}
  .hero-dot{width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.4); cursor:pointer; transition:all .25s;}
  .hero-dot.active{background:var(--amber); width:20px; border-radius:3px;}

  /* spec ticker — signature element */
  .ticker{
    border-top:1px solid rgba(255,255,255,0.12);
    display:flex; overflow-x:auto;
  }
  .ticker-item{
    flex:1 0 auto; min-width:140px; padding:16px 24px;
    border-right:1px solid rgba(255,255,255,0.1);
  }
  .ticker-item:last-child{border-right:none;}
  .ticker-label{font-size:10px; color:var(--chrome); letter-spacing:0.18em; text-transform:uppercase; margin-bottom:6px; font-weight:300;}
  .ticker-val{font-family:'Playfair Display',serif; font-size:19px; color:var(--amber); font-weight:500; letter-spacing:0.01em;}

  /* ===== PROMO STRIP ===== */
  .promo-strip{
    background:var(--amber); color:var(--amber-ink);
    padding:14px 0; font-weight:400; font-family:'Jost',sans-serif;
    letter-spacing:0.06em; font-size:13px; overflow:hidden; white-space:nowrap;
  }
  .promo-track{display:inline-flex; animation:marquee 22s linear infinite;}
  .promo-track span{padding:0 40px; display:inline-block;}
  .promo-strip:hover .promo-track{animation-play-state:paused;}
  .promo-strip .wrap{display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; flex-wrap:wrap;}

  /* ===== SECTION shared ===== */
  section{padding:72px 0;}
  .section-head{max-width:560px; margin-bottom:40px;}
  .section-tag{font-size:11px; font-weight:400; font-family:'Jost',sans-serif; letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); margin-bottom:14px;}
  .section-head h2{font-size:clamp(30px,4vw,44px); font-weight:500;}
  .section-head p{color:var(--ink-soft); font-weight:400; margin-top:12px; font-size:15.5px; line-height:1.8;}

  /* ===== KATALOG ===== */
  .cat-tabs{display:flex; gap:8px; margin-bottom:32px; flex-wrap:wrap;}
  .cat-tab{
    padding:10px 20px; border-radius:0; font-size:11px; font-weight:400;
    font-family:'Jost',sans-serif; text-transform:uppercase; letter-spacing:0.16em;
    border:1px solid #DEDAD1; color:var(--ink-soft); background:transparent; cursor:pointer;
    transition:background .35s cubic-bezier(.65,0,.35,1), color .35s, border-color .35s, transform .3s;
  }
  .cat-tab:hover{border-color:var(--ink); transform:translateY(-1px);}
  .cat-tab.active{background:var(--ink); color:var(--paper); border-color:var(--ink);}
  .moto-card{transition:transform .5s cubic-bezier(.65,0,.35,1), box-shadow .5s, border-color .5s, opacity .35s, transform .35s;}
  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  @media(max-width:900px){ .grid-3{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:620px){ .grid-3{grid-template-columns:1fr;} }
  .moto-card{background:#fff; border:1px solid #E8E4DB; border-radius:var(--radius); overflow:hidden; transition:transform .5s cubic-bezier(.65,0,.35,1), box-shadow .5s cubic-bezier(.65,0,.35,1), border-color .5s;}
  .moto-card:hover{transform:translateY(-8px); box-shadow:0 28px 50px -18px rgba(20,17,12,.28); border-color:var(--amber);}
  .moto-media{aspect-ratio:16/11; background:var(--asphalt); display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .moto-media img{width:100%; height:100%; object-fit:cover; object-position:center 35%; transition:transform .8s cubic-bezier(.16,1,.3,1);}
  .moto-card:hover .moto-media img{transform:scale(1.07);}
  .moto-fallback{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--chrome); font-size:12px; letter-spacing:0.04em; text-align:center; padding:12px;}
  .moto-fallback svg{width:56%; height:56%;}
  .moto-body{padding:18px 20px 0;}
  .moto-cat{font-size:10px; font-weight:400; font-family:'Jost',sans-serif; color:var(--gold); letter-spacing:0.2em; text-transform:uppercase;}
  .moto-name{font-family:'Playfair Display',serif; font-style:italic; font-weight:500; font-size:25px; margin:6px 0 6px;}
  .moto-price{font-size:12.5px; color:var(--ink-soft); font-weight:400; letter-spacing:0.04em;}
  .moto-price b{font-family:'Jost',sans-serif; color:var(--ink); font-size:16px; font-weight:500; letter-spacing:0.02em;}
  .moto-spec{
    display:flex; margin-top:16px; border-top:1px solid #EEEAE1;
  }
  .moto-spec div{flex:1; padding:12px 0 12px 20px; font-family:'Jost',sans-serif;}
  .moto-spec div:nth-child(2){border-left:1px solid #EEEAE1; padding-left:14px;}
  .moto-spec div:nth-child(3){border-left:1px solid #EEEAE1; padding-left:14px;}
  .moto-spec .l{font-size:9px; color:#9A968C; text-transform:uppercase; letter-spacing:0.14em; font-weight:300;}
  .moto-spec .v{font-size:14px; font-weight:500;}
  .moto-foot{display:flex; gap:10px; padding:16px 20px 20px;}
  .moto-foot .btn{flex:1; justify-content:center; padding:10px 14px; font-size:13px;}

  /* ===== KREDIT SIMULATOR ===== */
  .kredit{background:var(--asphalt); color:var(--paper);}
  .kredit .section-tag{color:var(--amber);}
  .kredit .section-head h2{color:var(--paper);}
  .sim{display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--asphalt-2); border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,0.08);}
  @media(max-width:760px){ .sim{grid-template-columns:1fr;} }
  .sim-controls{padding:34px;}
  .sim-row{margin-bottom:24px;}
  .sim-row label{display:flex; justify-content:space-between; font-size:12px; color:var(--chrome); margin-bottom:10px; letter-spacing:0.04em; font-weight:300;}
  .sim-row label .val{color:var(--amber); font-family:'Jost',sans-serif; letter-spacing:0.03em;}
  .sim-row input[type=range]{width:100%; accent-color:var(--amber);}
  select{
    width:100%; padding:10px 12px; background:var(--asphalt); color:var(--paper);
    border:1px solid rgba(255,255,255,0.18); border-radius:6px; font-size:14px;
  }
  .sim-result{background:var(--asphalt); padding:34px; display:flex; flex-direction:column; justify-content:center;}
  .sim-result .r-label{font-size:11px; color:var(--chrome); text-transform:uppercase; letter-spacing:0.2em; margin-bottom:10px; font-weight:300;}
  .sim-result .r-val{font-family:'Playfair Display',serif; font-size:42px; color:var(--amber); font-weight:500; margin-bottom:26px;}
  .sim-result .r-sub{font-size:13px; color:var(--chrome); border-top:1px solid rgba(255,255,255,0.12); padding-top:14px; display:flex; justify-content:space-between; margin-bottom:8px;}

  /* ===== SERVIS ===== */
  .servis-grid{display:grid; grid-template-columns:1.2fr 1fr; gap:40px;}
  @media(max-width:820px){ .servis-grid{grid-template-columns:1fr;} }
  .servis-list li{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid #EEEAE1;}
  .servis-list li:first-child{padding-top:0;}
  .servis-ic{width:38px; height:38px; border-radius:8px; background:#FCE4E7; flex:none; display:flex; align-items:center; justify-content:center;}
  .servis-ic svg{width:20px; height:20px;}
  .servis-t{font-weight:600; font-size:15px; margin-bottom:2px;}
  .servis-d{font-size:13px; color:var(--ink-soft);}
  .jam-card{background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:30px;}
  .jam-card h3{font-family:'Playfair Display',serif; font-weight:500; font-size:21px; margin-bottom:20px;}
  .jam-row{display:flex; justify-content:space-between; font-size:13px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
  .jam-row.today .d{color:var(--amber); font-weight:600;}

  /* ===== TESTIMONI ===== */
  .testi{background:#EFEBE2;}
  .grid-t{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  @media(max-width:820px){ .grid-t{grid-template-columns:1fr;} }
  .t-card{background:#fff; border-radius:var(--radius); padding:22px;}
  .t-card p{font-size:14px; color:var(--ink); margin-bottom:16px;}
  .t-who{display:flex; align-items:center; gap:10px;}
  .t-avatar{width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--amber); display:flex; align-items:center; justify-content:center; font-weight:500; font-size:12px; font-family:'Jost',sans-serif; letter-spacing:0.04em;}
  .t-name{font-size:13px; font-weight:600;}
  .t-moto{font-size:12px; color:var(--ink-soft);}

  /* ===== LOKASI ===== */
  .lokasi-grid{display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:12px; overflow:hidden; border:1px solid #E8E4DB;}
  @media(max-width:820px){ .lokasi-grid{grid-template-columns:1fr;} }
  .map-fake{
    background:repeating-linear-gradient(45deg,#E8E4DB,#E8E4DB 10px,#EFEBE2 10px,#EFEBE2 20px);
    min-height:320px; display:flex; align-items:center; justify-content:center; position:relative;
  }
  .map-pin{width:44px; height:44px; background:var(--red); border-radius:50% 50% 50% 0; transform:rotate(-45deg); display:flex; align-items:center; justify-content:center;}
  .map-pin svg{transform:rotate(45deg); width:20px; height:20px;}
  .lokasi-info{padding:36px; background:#fff;}
  .lokasi-info h3{font-family:'Playfair Display',serif; font-weight:500; font-size:26px; margin-bottom:10px;}
  .lokasi-addr{font-size:14px; color:var(--ink-soft); margin-bottom:22px;}
  .lokasi-item{display:flex; gap:12px; margin-bottom:16px; font-size:14px;}
  .lokasi-item svg{width:18px; height:18px; flex:none; margin-top:2px; color:var(--red);}

  /* ===== FOOTER ===== */
  footer{background:var(--asphalt); color:var(--chrome); padding:44px 0 24px;}
  .foot-grid{display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px; margin-bottom:32px;}
  @media(max-width:700px){ .foot-grid{grid-template-columns:1fr;} }
  footer h4{color:var(--amber); font-size:11px; text-transform:uppercase; letter-spacing:0.22em; margin-bottom:18px; font-family:'Jost',sans-serif; font-weight:400;}
  footer ul{list-style:none;}
  footer li{margin-bottom:8px; font-size:13px;}
  footer li a:hover{color:#fff;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,0.1); padding-top:20px; font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
  .price-badge{
    display:inline-flex; align-items:center; gap:10px;
    border:1px solid var(--amber); color:var(--amber);
    padding:6px 16px; font-family:'Jost',sans-serif; font-weight:500;
    letter-spacing:0.08em; text-transform:uppercase; font-size:11px;
  }
  .price-badge b{font-family:'Playfair Display',serif; font-weight:600; font-size:14px; letter-spacing:0.02em; color:#fff;}

  /* ===== WA FLOAT ===== */
  .wa-float{
    position:fixed; bottom:22px; right:22px; z-index:60;
    background:#25D366; color:#fff; width:56px; height:56px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,0.25);
    animation:ringPulse 2.6s cubic-bezier(.4,0,.6,1) infinite; transition:transform .3s;
  }
  .wa-float:hover{transform:scale(1.08); animation-play-state:paused;}

  /* ===== HALAMAN DETAIL MOTOR ===== */
  .detail-main{padding:130px 0 70px;}
  .detail-back{display:inline-flex; align-items:center; gap:8px; color:var(--ink-soft);
    font-family:'Jost',sans-serif; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
    margin-bottom:34px; text-decoration:none;}
  .detail-back:hover{color:var(--red);}
  .detail-grid{display:grid; grid-template-columns:1.05fr 1fr; gap:52px; align-items:start;}
  .gallery-main{aspect-ratio:4/5; background:var(--asphalt); overflow:hidden;
    display:flex; align-items:center; justify-content:center;}
  .gallery-main img{width:100%; height:100%; object-fit:cover; object-position:center 40%;}
  .gallery-empty{color:var(--chrome); font-family:'Jost',sans-serif; font-size:13px; letter-spacing:0.05em;}
  .thumbs{display:flex; gap:10px; margin-top:12px; flex-wrap:wrap;}
  .thumb{width:76px; height:76px; overflow:hidden; background:var(--asphalt);
    border:2px solid transparent; cursor:pointer; padding:0; transition:border-color .3s;}
  .thumb img{width:100%; height:100%; object-fit:cover; display:block;}
  .thumb.active{border-color:var(--red);}
  .detail-cat{color:var(--amber); font-family:'Jost',sans-serif; font-size:12px;
    letter-spacing:0.28em; text-transform:uppercase; margin-bottom:16px;}
  .detail-name{font-family:'Playfair Display',serif; font-size:clamp(32px,4.5vw,54px);
    font-weight:500; line-height:1.04; margin:0 0 20px; letter-spacing:-0.01em;}
  .detail-price{font-family:'Jost',sans-serif; font-size:14px; color:var(--ink-soft); margin-bottom:30px;}
  .detail-price b{display:block; font-family:'Playfair Display',serif; font-size:34px;
    color:var(--ink); font-weight:600; margin-top:6px;}
  .detail-spec{display:flex; border-top:1px solid #EEEAE1; border-bottom:1px solid #EEEAE1; margin:0 0 34px;}
  .detail-spec > div{flex:1; padding:20px 0; text-align:center; border-right:1px solid #EEEAE1;}
  .detail-spec > div:last-child{border-right:none;}
  .detail-spec .l{font-family:'Jost',sans-serif; font-size:11px; letter-spacing:0.14em;
    text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px;}
  .detail-spec .v{font-family:'Playfair Display',serif; font-size:23px; font-weight:500;}
  .detail-cta{display:flex; gap:12px; flex-wrap:wrap;}
  .btn-wa{background:#25D366; border-color:#25D366; color:#fff;}
  .btn-wa:hover{background:#1eb457; border-color:#1eb457; color:#fff;}
  @media(max-width:820px){
    .detail-grid{grid-template-columns:1fr; gap:30px;}
    .detail-main{padding:112px 0 44px;}
  }

  /* ===== SECTION MOTOR LAINNYA (halaman detail) ===== */
  .lainnya-sec{padding:10px 0 80px;}
  .lainnya-judul{font-family:'Playfair Display',serif;font-size:28px;font-weight:500;margin:0 0 28px;letter-spacing:-0.01em;}

  /* ===== FORM AJUKAN KREDIT (halaman detail) ===== */
  .ajukan-sec{padding:10px 0 50px;}
  .ajukan-box{background:#fff;border:1px solid #EEEAE1;border-radius:4px;padding:34px;}
  .ajukan-judul{font-family:'Playfair Display',serif;font-size:26px;font-weight:500;margin:0 0 6px;letter-spacing:-0.01em;}
  .ajukan-sub{color:var(--ink-soft);font-family:'Jost',sans-serif;font-size:14px;margin:0 0 22px;max-width:560px;}
  .ajukan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
  .ajukan-form label{display:block;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:0.12em;
    text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;}
  .ajukan-form input,.ajukan-form textarea{width:100%;padding:11px 13px;border:1px solid #E5E2DB;
    border-radius:4px;font-family:'Jost',sans-serif;font-size:15px;background:#FAFAFA;box-sizing:border-box;}
  .ajukan-form input:focus,.ajukan-form textarea:focus{outline:none;border-color:var(--red);background:#fff;}
  .ajukan-form textarea{resize:vertical;}
  .ajukan-err{background:#FBE7E7;color:#B42318;border:1px solid #f0c9c5;border-radius:4px;
    padding:12px 15px;margin-bottom:18px;font-family:'Jost',sans-serif;font-size:14px;}
  @media(max-width:600px){ .ajukan-grid{grid-template-columns:1fr;} .ajukan-box{padding:24px;} }

  .ajukan-form select{width:100%;padding:11px 13px;border:1px solid #E5E2DB;border-radius:4px;
    font-family:'Jost',sans-serif;font-size:15px;background:#FAFAFA;box-sizing:border-box;}
  .ajukan-form select:focus{outline:none;border-color:var(--red);background:#fff;}

  /* Dropdown pilih motor di simulator — paksa teks gelap agar terbaca */
  #simMotor{width:100%;padding:11px 13px;border:1px solid #E5E2DB;border-radius:4px;
    font-family:'Jost',sans-serif;font-size:15px;background:#FAFAFA;color:#14110C;box-sizing:border-box;}
  #simMotor option{color:#14110C;background:#fff;}

  /* Paksa teks gelap pada semua dropdown form (simulator + ajukan) */
  .ajukan-form select, .ajukan-form option,
  #simMotor, #simMotor option, #tenor, #tenor option{
    color:#14110C !important;
    background:#ffffff;
  }

  /* ===== FILTER KATALOG CANGGIH ===== */
  .katalog-filter{max-width:720px;margin:0 auto 36px;}
  .kf-row{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap;}
  .kf-search{flex:1;min-width:200px;padding:12px 15px;border:1px solid #E5E2DB;border-radius:4px;
    font-family:'Jost',sans-serif;font-size:15px;background:#fff;color:#14110C;}
  .kf-sort{padding:12px 15px;border:1px solid #E5E2DB;border-radius:4px;font-family:'Jost',sans-serif;
    font-size:15px;background:#fff;color:#14110C;cursor:pointer;}
  .kf-price{padding:0 10px 6px;}
  .kf-price-label{font-family:'Jost',sans-serif;font-size:13px;color:var(--ink-soft);margin-bottom:16px;text-align:center;}
  #kfSlider{margin:14px 8px 0;}
  .noUi-connect{background:var(--red) !important;}
  .noUi-target{border-color:#E5E2DB !important;box-shadow:none !important;}
  @media(max-width:600px){ .kf-search,.kf-sort{width:100%;} }

  /* ===== PILIHAN WARNA (halaman detail) ===== */
  .detail-warna{margin:0 0 30px;}
  .detail-warna-label{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;}
  .warna-list{display:flex;flex-wrap:wrap;gap:10px;}
  .warna-item{display:flex;align-items:center;gap:10px;padding:8px 15px 8px 8px;border:1px solid #E5E2DB;
    border-radius:40px;background:#fff;cursor:pointer;font-family:'Jost',sans-serif;transition:border-color .2s,box-shadow .2s;}
  .warna-item:hover:not(.habis){border-color:var(--ink);}
  .warna-item.dipilih{border-color:var(--red);box-shadow:0 0 0 1px var(--red);}
  .warna-item.habis{opacity:.5;cursor:not-allowed;}
  .warna-dot{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0;}
  .warna-info{display:flex;flex-direction:column;line-height:1.2;text-align:left;}
  .warna-nama{font-size:14px;color:var(--ink);}
  .warna-status{font-size:11px;color:var(--ink-soft);}
  .warna-item.habis .warna-status{color:#B42318;}

  /* ===== BADGE HABIS DI KARTU KATALOG ===== */
  .moto-media{position:relative;}
  .badge-habis{position:absolute;top:12px;left:12px;z-index:2;background:#B42318;color:#fff;
    font-family:'Jost',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.08em;
    text-transform:uppercase;padding:5px 12px;border-radius:3px;}