/* ABANG RECOND V3.2 — Public iOS Charcoal + Soft Gold
   Single-purpose presentation override. Business logic, content and embeds untouched.
   Uses system fonts; no bundled Apple font files. */
:root{
  color-scheme:dark;
  --ar-gold:#D4B76A;--ar-gold-hover:#E7CC87;
  --ar-night:#0D0C10;--ar-night-2:#17161D;--ar-panel:#22212A;
  --ar-white:#F6F4F0;--ar-secondary:#C4C1CC;--ar-hairline:#47444F;
  --ar-bg:#0D0C10;--ar-surface:#1D1C24;--ar-surface-2:#2A2933;
  --ar-ink:#F6F4F0;--ar-muted:#C4C1CC;--ar-accent:#D4B76A;
  --ar-on-ink:#0D0C10;--ar-on-ink-muted:#5D5962;
  --ar-ios-red:#D4B76A;--brand-red:#D4B76A;
  --ar-font:var(--ar-ui-font, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);--ar-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ar-step-small:.875rem;--ar-step-body:1rem;
  --ar-step-lead:clamp(1.125rem,1rem + .5vw,1.375rem);
  --ar-step-head:clamp(1.5rem,1.1rem + 1.55vw,2.5rem);
  --ar-step-display:clamp(2rem,1.55rem + 3vw,4rem);
  --ar-step-mega:clamp(1.75rem,3.2vw,3.75rem);
}
html{background:var(--ar-night);color-scheme:dark}
html,body,body :where(button,input,select,textarea,summary){font-family:var(--ar-font)!important}
body,body.pg{background:var(--ar-night)!important;color:var(--ar-white)!important;font-size:16px;line-height:1.52}
body :where(h1,h2,h3,h4,h5,h6){letter-spacing:-.025em;line-height:1.17;text-wrap:pretty}
body :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ar-gold)!important;outline-offset:3px!important}
body ::selection{background:var(--ar-gold);color:var(--ar-night)}
/* Header, language and search */
body .arh{background:rgba(13,12,16,.94)!important;color:var(--ar-white)!important;border-bottom:1px solid var(--ar-hairline)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body .arh-brand,body .arh-nav a{color:var(--ar-white)!important}
body .arh-mark{background:var(--ar-panel)!important;color:var(--ar-gold)!important;border:1px solid #5D503A!important}
body .arh-name{color:var(--ar-white)!important}
body .arh-menu>summary{background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .arh-sheet{background:var(--ar-night-2)!important;border-bottom:1px solid var(--ar-hairline)!important;color:var(--ar-white)!important}
body .arh-sheet a:not(.ar-btn){color:var(--ar-white)!important}
body #ar-language-switch{background:var(--ar-panel)!important;border:1px solid var(--ar-hairline)!important;color:var(--ar-white)!important}
body #ar-language-switch button{color:var(--ar-white)!important}
body #ar-language-switch button.selected{background:var(--ar-gold)!important;color:var(--ar-night)!important}
body .ar-ios-launch,body .ar-v3-top,body .ar-v3-hero{background:var(--ar-night)!important}
body .ar-ios-launch-btn{background:var(--ar-panel)!important;border-color:var(--ar-hairline)!important;color:var(--ar-white)!important}
body .ar-ios-launch-btn span{color:var(--ar-secondary)!important}
body .ar-ios-search-glyph,body .ar-ios-launch-arrow{color:var(--ar-gold)!important}
/* Budget: monthly instalment slider, original values and JS intact. */
body .budget,body .ar-v3-budget{background:linear-gradient(135deg,#24222B,#17161C)!important;border:1px solid var(--ar-hairline)!important;color:var(--ar-white)!important;box-shadow:none!important}
body .budget label,body .budget output,body .budget-result b{color:var(--ar-white)!important}
body .budget-scale,body .ar-v3-budget output small,body .ar-v3-budget .budget-result p{color:var(--ar-secondary)!important}
body .budget input[type=range],body .ar-v3-budget input[type=range]{accent-color:var(--ar-gold)!important}
body .ar-v3-budget .budget-result .ar-btn{background:var(--ar-gold)!important;color:var(--ar-night)!important;border:1px solid var(--ar-gold)!important}
/* Hero image stays original; captions remain HTML for accurate BM/EN */
body .ar-v3-banner{background:#111219!important;border:1px solid #534938!important;box-shadow:0 16px 50px rgba(0,0,0,.38)!important}
body .ar-v3-eyebrow{color:var(--ar-gold-hover)!important}
body .ar-v3-hero h1,body .ar-v3-hero h1 strong,body .ar-v3-hero .hero-lede{color:#FFF!important}
body .ar-v3-hero-link{background:var(--ar-gold)!important;color:var(--ar-night)!important;font-weight:730}
body .ar-v3-trust li{background:var(--ar-panel)!important;color:var(--ar-secondary)!important;border:1px solid #413C43}
body .ar-v3-trust-icon{background:#3C3426!important;color:var(--ar-gold-hover)!important}
body .ar-v3-trust li b{color:var(--ar-white)!important}
body .ar-v3-trust li small{color:var(--ar-secondary)!important}
body .ar-v3-quick-models a{background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)}
body .ar-v3-quick-models a.is-selected{background:var(--ar-gold)!important;color:var(--ar-night)!important;border-color:var(--ar-gold)!important}
body .ar-v3-count,body .stock-intro p,body .sec-head p{color:var(--ar-secondary)!important}
body .ar-v3-count b{color:var(--ar-gold-hover)!important}
/* Catalogue, quick filters, listing */
body .searchbox,body .model-hubs,body .faq-section,body .ar-v3-promo{background:var(--ar-night)!important;color:var(--ar-white)!important}
body .searchbox{background:var(--ar-night-2)!important;border:1px solid var(--ar-hairline);border-radius:18px}
body .searchbox :where(input,select),body .ar-field :where(input,select),body .field :where(input,select){background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important;border-radius:11px!important}
body :where(input,textarea)::placeholder{color:var(--ar-secondary)!important;opacity:1}
body :where(.btn-primary,.ar-btn:not(.ar-btn--wa):not(.ar-btn--paper):not(.ar-btn--ghost)),body .budget-chip{background:var(--ar-gold)!important;color:var(--ar-night)!important}
body :where(.btn-outline,.btn-light,.ar-btn--paper,.ar-btn--ghost){background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .btn-green,body .ar-btn--wa{background:var(--ar-wa)!important;color:#09200F!important}
body #stock .stock-card,body .fp-card{background:var(--ar-night-2)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important;box-shadow:none!important}
body #stock .ar-ios-stock-visual{background:var(--ar-night-2)!important}
body #stock .stock-cover,body .stock-cover{background:#2B2933!important}
body #stock .stock-body :where(h3,.price),body .fp-body :where(h3,.price){color:var(--ar-white)!important}
body #stock :where(.stock-spec,.stock-tags,.est-monthly,.stock-foot,.vehicle-badge),body :where(.stock-meta,#liveDiagnostic){color:var(--ar-secondary)!important}
body #stock .price small{color:var(--ar-secondary)!important}
body #stock .grade-stamp{background:#3D3221!important;color:var(--ar-gold-hover)!important;border:1px solid #806A43!important}
body #stock .ar-ios-heart{background:rgba(22,20,28,.92)!important;color:var(--ar-white)!important;border:1px solid #675B51!important}
body #stock .ar-ios-heart.is-saved{background:#453825!important;color:var(--ar-gold-hover)!important;border-color:var(--ar-gold)!important}
body #stock .verified-preview .vf{background:var(--ar-panel)!important;color:var(--ar-white)!important}
body #stock .stock-actions .btn-primary{background:var(--ar-gold)!important;color:var(--ar-night)!important}
body #stock .stock-actions .btn-outline{background:var(--ar-panel)!important;color:var(--ar-white)!important}
body .ar-ios-shop-search,body .ar-ios-shop-titlebar button,body .ar-ios-toolbar>button,body .ar-ios-sort{background:var(--ar-panel)!important;color:var(--ar-white)!important;border-color:var(--ar-hairline)!important}
body .ar-ios-shop-search input,body .ar-ios-sort select{color:var(--ar-white)!important}
body .ar-ios-shop-search>span{color:var(--ar-gold)!important}
body .ar-ios-account{background:var(--ar-panel)!important;color:var(--ar-white)!important}
body .ar-ios-bottomnav{background:rgba(20,19,26,.96)!important;border-top:1px solid var(--ar-hairline)!important;box-shadow:0 -8px 26px #0006!important}
body .ar-ios-bottomnav :where(button,a){color:var(--ar-secondary)!important}
body .ar-ios-bottomnav .is-current,body .ar-ios-bottomnav .is-current small{color:var(--ar-gold)!important}
body :where(.ar-ios-login-dialog,.ar-ios-modal,.ar-ios-wishlist-notice,.ar-ios-login-card){color:var(--ar-white)}
/* Editorial sections: compact consistent type, retain all content, media and TikTok links. */
body .sec{padding-top:clamp(36px,6vw,78px);padding-bottom:clamp(36px,6vw,78px)}
body .sec-head{margin-bottom:clamp(16px,2vw,30px)}
body .model-hubs .mh-name{font-size:clamp(16px,2vw,21px)!important;line-height:1.32!important;font-weight:650!important}
body .model-hubs .mh-count{font-size:13px!important;color:var(--ar-secondary)!important}
body .model-hubs .mh-list a,body .model-hubs a{color:var(--ar-white)!important}
body .names-band{background:#28232A!important;color:var(--ar-gold-hover)!important;border-block:1px solid #61513A!important;padding:22px 0!important}
body .names-track span{font-size:clamp(23px,5vw,58px)!important;line-height:1.15!important;font-weight:600!important;color:var(--ar-gold-hover)!important}
body .names-note{font-size:14px!important;color:var(--ar-secondary)!important}
body .tiktok-grid blockquote.tiktok-embed{background:var(--ar-panel)!important;color:var(--ar-white)!important;border-radius:14px}
body .tiktok-grid blockquote.tiktok-embed section a{color:var(--ar-gold)!important}
body .step-list li{border-bottom:1px solid var(--ar-hairline)!important;padding:clamp(14px,2vw,22px) 0!important}
body .step-verb{font-size:clamp(23px,3.5vw,40px)!important;font-weight:650!important;line-height:1.16!important;color:var(--ar-white)!important}
body .step-list p{font-size:clamp(15px,1.55vw,18px)!important;line-height:1.5!important;color:var(--ar-secondary)!important;max-width:none}
body .step-list p small{color:var(--ar-secondary)!important;font-size:13px!important}
body .fact-list b{font-size:clamp(21px,2vw,30px)!important;font-weight:680!important;color:var(--ar-gold-hover)!important}
body .fact-list span{font-size:clamp(15px,1.4vw,17px)!important;color:var(--ar-secondary)!important}
body .faq-item{border-color:var(--ar-hairline)!important}
body .faq-item summary{font-size:clamp(16px,1.55vw,19px)!important;font-weight:660!important;min-height:52px!important;line-height:1.4!important;color:var(--ar-white)!important}
body .faq-item .faq-answer{font-size:15px!important;color:var(--ar-secondary)!important}
body .visit-card{background:var(--ar-panel)!important;color:var(--ar-white)!important}
body .visit-card :where(h3,b,dt){color:var(--ar-white)!important}
body .visit-card :where(.vc-muted,dd){color:var(--ar-secondary)!important}
body .ar-v3-promo-inner{background:var(--ar-night-2)!important;border-color:var(--ar-hairline)!important}
body .ar-v3-promo-label{color:var(--ar-gold-hover)!important}
body .ar-v3-promo-copy h2{color:var(--ar-white)!important}
body .ar-v3-promo-copy p{color:var(--ar-secondary)!important}
body .ar-v3-promo-copy a{background:var(--ar-panel)!important;color:var(--ar-gold-hover)!important;border-color:var(--ar-hairline)!important}
body .warranty-visual figcaption{color:var(--ar-secondary)!important}
body .arf,body.pg .arf{background:var(--ar-night-2)!important;color:var(--ar-secondary)!important;border-top:1px solid var(--ar-hairline)!important}
body .arf :where(h4,b,a,.arf-brand){color:var(--ar-white)!important}
body .arf-call p,body .arf-name{color:var(--ar-gold-hover)!important}
body .arf-owner,body .arf-sinar,body .arf-disc{background:var(--ar-panel)!important;color:var(--ar-secondary)!important}
/* Static secondary pages */
body.pg .pg-hero{background:var(--ar-night-2)!important;color:var(--ar-white)!important}
body.pg .pg-hero h1,body.pg .pg-hero .pg-lede,body.pg .pg h2{color:var(--ar-white)!important}
body.pg .pg-note{color:var(--ar-secondary)!important}
body.pg :where(.card,.panel,.box,.tile,.item,.service-card,.faq-item){border-color:var(--ar-hairline)}
body.pg :where(input,select,textarea){background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body.pg a{color:var(--ar-gold-hover)}
/* Need inverted styling for legacy blocks that previously used --ar-ink as dark background. */
body :where(.steps,.booking-steps,.process-section,.process,.how-it-works,.pg-dark,.steps-section){background:var(--ar-night-2)!important;color:var(--ar-white)!important}
body :where(.steps,.booking-steps,.process-section,.process,.how-it-works,.pg-dark,.steps-section) :where(h2,h3,p,li){color:inherit}
body .ar-ios-sort select option,body :where(select option){background:var(--ar-panel);color:var(--ar-white)}
@media(max-width:760px){
 body .sec{padding-top:36px;padding-bottom:36px}
 body .sec-head h2,body .stock-intro h2{font-size:clamp(23px,6vw,28px)!important;line-height:1.17!important}
 body .model-hubs .mh-item{min-height:54px}
 body .ar-v3-hero h1{font-size:clamp(26px,7vw,34px)!important}
 body .ar-v3-hero .hero-lede{font-size:14px!important}
 body .ar-v3-budget .budget-result p{font-size:13px!important;line-height:1.45!important}
 body .ar-v3-trust li b{font-size:13px!important;line-height:1.35!important}
 body .ar-v3-trust li small{font-size:12px!important;line-height:1.35!important}
 body .names-band{padding:18px 0!important}
 body .names-track span{font-size:clamp(23px,7vw,34px)!important}
 body .step-list li{gap:8px!important}
 body .step-verb{font-size:clamp(24px,7vw,32px)!important}
 body #stock .stock-card{border-radius:16px!important}
 body #stock .stock-actions .btn{min-height:44px}
 body .ar-ios-bottomnav small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){body .arh,body .ar-ios-bottomnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* Edge-rendered stock detail, model hubs and blog articles */
body .hub-hero{background:#1B1921!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .hub-hero :where(h1,.hub-lead,.hub-stats li){color:var(--ar-white)!important}
body .hub-stats li:first-child{color:#AEE4BF!important}
body .hub-btn.ghost{background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .hub-card,body .hub-faq details,body .unit-faq details{background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .hub-card :where(.hub-card-price,.hub-card-name,.hub-card-meta),body .hub-sec h2,body .unit-info :where(h1,h2,h3,h4){color:var(--ar-white)!important}
body .hub-grade{background:var(--ar-gold)!important;color:var(--ar-night)!important}
body .hub-badge.incoming{background:#3A343F!important;color:var(--ar-white)!important}
body .hub-badge.booked{background:#4F4434!important;color:var(--ar-gold-hover)!important}
body .hub-card-no,body .hub-crumbs,body .hub-related a span{color:var(--ar-secondary)!important}
body .unit-top .unit-media,body .unit-media a{background:var(--ar-panel)!important}
body .unit-calc,body .unit-seo{color:var(--ar-white)!important}
body .unit-rest,body .unit-faq,body .hub-sec{color:var(--ar-white)!important}
body .hub :where(input,select,textarea),body .wrap :where(input,select,textarea){background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .hub :where(a:not(.hub-btn)),body .unit-info :where(a:not(.ar-btn)){color:var(--ar-gold-hover)}
body .hub-card{color:var(--ar-white)!important}
body .hub-card :where(h3,b,small){color:inherit}
body .hub-crumbs a,body .hub-related a{color:var(--ar-white)!important}
body .hub-back{color:var(--ar-gold)!important}
body :where(.unit-faq summary,.hub-faq summary){color:var(--ar-white)!important}
body :where(.unit-faq p,.hub-faq p){color:var(--ar-secondary)!important}
body .card:not(.stock-card):not(.login-card){color:var(--ar-white)}
/* Search / Wishlist states: ensure no light sheets or unreadable text remain. */
body .ar-ios-login-dialog{background:#1F1D26!important;color:var(--ar-white)!important;border:1px solid #6B5D45!important;box-shadow:0 26px 80px #0009!important}
body .ar-ios-login-dialog :where(h2,h3){color:var(--ar-white)!important}
body .ar-ios-login-dialog :where(p,small){color:var(--ar-secondary)!important}
body .ar-ios-login-dialog .ar-ios-google{background:var(--ar-gold)!important;color:var(--ar-night)!important;border:1px solid var(--ar-gold)!important}
body .ar-ios-close{background:var(--ar-panel)!important;color:var(--ar-white)!important}
body .ar-ios-login-heart{color:var(--ar-gold-hover)!important}
body .ar-ios-wishlist-notice{background:var(--ar-panel)!important;color:var(--ar-white)!important;border:1px solid var(--ar-hairline)!important}
body .ar-ios-wishlist-notice button{background:var(--ar-gold)!important;color:var(--ar-night)!important}
body .ar-ios-bottomnav .is-current{background:rgba(212,183,106,.12)!important;color:var(--ar-gold)!important}
body .ar-ios-bottomnav a.ar-ios-wa-action{color:#74DB9D!important}
body.ar-ios-mode #stock .stock-summary,body.ar-ios-mode #stock #stockSummary{color:var(--ar-secondary)!important}
body #stock .ar-ios-stock-visual .ar-ios-missing-cover{color:var(--ar-secondary)!important;background:var(--ar-panel)!important}
body #stock .ar-ios-stock-visual .stock-cover{background:var(--ar-panel)!important}
body .searchbox select{color-scheme:dark}
/* Other special landing/application pages */
body.pg :where(.blog-card,.review-card,.insurance-card,.info-card){background:var(--ar-panel)!important;color:var(--ar-white)!important;border-color:var(--ar-hairline)!important}
body.pg :where(.blog-card,.review-card,.insurance-card,.info-card) :where(p,small,span){color:var(--ar-secondary)}

/* V3.2.1: native-like typography, gesture targets, hero contrast.
   Integrated into the existing brand stylesheet: no extra override layer. */
:root{--ar-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ar-type-body:16px;--ar-type-help:14px;--ar-type-tiny:12px}
body:where(.pg),body{font-family:var(--ar-ui-font)!important;line-height:1.54;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,button,input,textarea,select,summary,label,th,td,a){font-family:var(--ar-ui-font)!important}
body :where(.ar-v3-banner,.ar-v3-budget,.stock-card,.fp-card,.ar-v3-promo-inner){border-radius:clamp(15px,2.2vw,24px)}
body .ar-v3-banner{background:#07080A!important;border-color:#47454C!important}
body .ar-v3-scene img{filter:grayscale(1) contrast(1.08)!important}
body .ar-v3-banner:after{background:linear-gradient(90deg,rgba(3,4,6,.5),rgba(3,4,6,.12) 68%,transparent 100%)!important}
body .ar-v3-hero h1{line-height:1.09!important;letter-spacing:-.035em!important}
body .ar-v3-hero .hero-lede{font-size:clamp(15px,1.9vw,18px)!important;line-height:1.48!important}
body :where(.ar-ios-shop-search input,.ar-v3-budget input,.searchbox input,.searchbox select){font-size:16px!important}
body :where(.ar-ios-just-button,.ar-ios-heart,.ar-ios-login-dialog button,.ar-ios-shop-titlebar button,.ar-ios-bottomnav a,.ar-ios-bottomnav button){min-width:44px;min-height:44px;touch-action:manipulation}
body .ar-v3-quick-models a{min-height:44px!important;font-size:14px!important;font-weight:620!important}
body .model-hubs .mh-name{font-weight:620!important;letter-spacing:-.02em!important}
body .model-hubs .mh-count{font-size:13px!important}
body .step-verb{font-size:clamp(22px,3.4vw,36px)!important;font-weight:650!important;letter-spacing:-.025em!important}
body .step-list p{font-size:clamp(15px,1.8vw,17px)!important;line-height:1.55!important}
body :where(.faq-item summary){font-size:clamp(16px,2vw,20px)!important;line-height:1.4!important;min-height:52px}
body .faq-item .faq-answer{font-size:16px;line-height:1.6}
body :where(.ar-v3-count,.ar-v3-promo-label){font-size:13px!important}
body .ar-v3-promo-copy p{font-size:14px!important;line-height:1.55!important}
@media(max-width:760px){
  body .sec{padding-top:clamp(26px,7vw,42px)!important;padding-bottom:clamp(26px,7vw,42px)!important}
  body .ar-v3-trust{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(174px,58%);grid-template-columns:none!important;gap:9px!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 1px 8px;scrollbar-width:thin}
  body .ar-v3-trust li{scroll-snap-align:start;padding:12px!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:66px}
  body .ar-v3-trust-icon{width:34px!important;height:34px!important;min-width:34px!important}
  body .ar-v3-hero h1{font-size:clamp(26px,7vw,34px)!important}
  body .ar-v3-hero .hero-lede{font-size:15px!important;max-width:34ch}
  body .ar-v3-budget .budget-result p{font-size:13px!important}
  body .ar-v3-budget output small{font-size:12px!important}
  body .names-band{padding:14px 0!important}
  body .names-track span{font-size:clamp(20px,5.3vw,30px)!important}
  body .step-verb{font-size:clamp(21px,5.5vw,27px)!important}
  body .step-list p{font-size:15px!important}
  body .ar-ios-bottomnav small{font-size:12px!important}
  body .ar-v3-hero .hero-lede{line-height:1.47!important}
}
@media(prefers-reduced-motion:reduce){body .ar-v3-scene img{transition:none!important}}