/* HAKIM PROTON — Black & Gold Batik */
:root{--red:#d8b35f;--red2:#b98d39;--gold:#e4c779;--line:#4c4129;--muted:#bdb7a8;--white:#f6f2e6;color-scheme:dark}
body{background:#080a09!important;color:#f6f2e6;padding-left:30px;padding-right:30px;background-image:radial-gradient(ellipse at 50% 0,#b9993520,transparent 55%)!important}
body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:24px;background:#080907 url('assets/theme/batik-gold.svg') center top/24px 103px repeat-y;pointer-events:none;z-index:150;border-right:1px solid #c6a14b55}
body:before{left:0}body:after{right:0;transform:scaleX(-1)}
header,.top{background:#090b09f5!important;border-bottom-color:#b5994c88!important}.brand{color:#f0d78e}.brand small{color:#b5ac92}.badge{background:linear-gradient(135deg,#f2d890,#b38a32)!important;color:#161408;box-shadow:0 5px 24px #cba64c22}
h1,h2,.section-head h2{color:#efd995}h1 span,.eyebrow,.promo-kicker,.red,.source a{color:#dfbd6b!important}
.hero{background:radial-gradient(ellipse at 82% 24%,#a8863027,transparent 50%),linear-gradient(145deg,#12140f,#080a09)!important}.hero-card{border-color:#b2984e88!important;background:linear-gradient(145deg,#242319,#0c0e0b)!important;box-shadow:0 22px 60px #0008}
.btn.red,.redbtn,.filter.active,button[type=submit],.sa-login-top{background:linear-gradient(120deg,#f1d68a,#c79c43)!important;color:#17150c!important;border:1px solid #e6c673!important;box-shadow:0 5px 18px #d1ac4922!important}.btn.red:hover,.redbtn:hover,.sa-login-top:hover{filter:brightness(1.08)}
.btn.dark,.btn.ghost,.ghost,.filter,.compare-btn,.detail-actions a{background:#14160f!important;border:1px solid #a58b4d88!important;color:#f4e7c2!important}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f2d68a;outline-offset:4px}
.panel,.ultra,.car,.box,.metric,.card,.hero-trust div,.why-card,.v10-model,.home-promo-card,.sales-cta-card,.detail-box,.showroom-card,.display-settings,.display-option{background:linear-gradient(145deg,#181a14,#0d0f0c)!important;border-color:#a98c425c!important;box-shadow:0 12px 32px #0003}
.home-promo,.why-hakim,.v10-models,.quick-strip{background:transparent!important}.quick-grid a{background:#16180f!important;border-color:#766036!important}.sales-cta-card{background:radial-gradient(circle at 90% 0,#a0803026,transparent 60%),#12140f!important}
.tag,.pill,.v10-model .pill{background:#d7b15b!important;color:#151306!important}.car:hover{border-color:#e4c779!important}.price,.metric b{color:#e6c97b}.car-media{background:#dde0da}.field input,.field select,input,select,textarea{border-color:#5b5034!important;background:#0a0c09!important;color:#f8f2e3!important}.field input:focus,.field select:focus,input:focus,select:focus,textarea:focus{border-color:#e3c16d!important;outline-color:#e3c16d}
input[type=checkbox]{accent-color:#d7b15b}.muted,.sub,.section-head p{color:#b8b6a8!important}footer{border-color:#7c683755!important;background:#090b08!important}.float a{background:linear-gradient(120deg,#f0d487,#caa04a)!important;color:#181608!important;box-shadow:0 7px 28px #0008}
.loan-premium{background:linear-gradient(145deg,#222319,#10130d)!important;border-color:#a58c4c88!important}.loan-premium:before{background:linear-gradient(90deg,#997a35,#f1db96,#9e7e35)!important}.loan-eyebrow,.loan-payment>span,.loan-funding>span,.loan-advisor,.loan-deposit b{color:#dfc576!important}.loan-monthly strong,.loan-funding strong{color:#f2d98e!important}.loan-funding{background:#d2af4911!important;border-color:#a98d4a66!important}.loan-term svg{color:#dec376!important}.loan-deposit-track i{background:linear-gradient(90deg,#a58436,#f0da94)!important}.loan-premium.is-generated .loan-live{border-color:#dec37666;color:#efd990}.loan-premium.is-generated .loan-live i{background:#efd990}
#loan .btn.red{color:#17150c!important}#quote .quote-preview{background:linear-gradient(145deg,#202219,#0d100b)!important;border-color:#b5994c88!important}#quote .quote-kicker{color:#e0c170!important}#quote .quote-monthly{background:linear-gradient(120deg,#ecd38b,#c39a42)!important;color:#17150b!important}#quote .quote-monthly strong{color:#17150b!important}#quote .quote-sa{background:#d2af4910;border:1px solid #a58c4c77}#quote .quote-line b{color:#f2e7c6!important}.quote-preview h3{color:#f0d68e!important}
.tabs button.active,.tabs .active{background:#d7b15b!important;color:#141407!important}.display-count{color:#edcf80!important}.display-option:has(input:checked){border-color:#d7b15b!important;background:#d7b15b14!important}
@media(max-width:760px){body{padding-left:12px;padding-right:12px;padding-bottom:78px}body:before,body:after{width:7px;background-size:12px 52px}.wrap{width:100%!important;padding-left:10px!important;padding-right:10px!important}.nav{gap:10px}.brand{min-width:0}.brand small{letter-spacing:1px}.float{right:15px;bottom:12px}.float a{padding:11px 15px;font-size:12px}.hero h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.06}.section-head{flex-wrap:wrap}.top{flex-wrap:wrap;gap:10px;padding:12px 10px}.hero-card{border-radius:16px}.box{padding:23px}.brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loan-premium.is-generated{animation:none}}

/* V12.5 responsive layout approved by Hakim */
body{font-family:Arial,Helvetica,system-ui,sans-serif!important;padding:38px 46px 0;background-color:#090a09!important}
body:before,body:after{width:36px;background-size:36px 154px;border-color:#d4b46699}
html:before,html:after{content:"";position:fixed;left:0;right:0;height:30px;background:#080907 url('assets/theme/batik-gold-horizontal.svg') center/154px 36px repeat-x;z-index:151;pointer-events:none;border-bottom:1px solid #d4b466}html:before{top:0}html:after{bottom:0;transform:rotate(180deg)}
h1,h2,h3,.brand,.btn,nav,input,select,textarea{font-family:Arial,Helvetica,system-ui,sans-serif!important}
h1,h2,h3{letter-spacing:-.5px}.section-head h2{color:#fff8e5!important;font-weight:800}
header{top:30px}.nav{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:14px}.brand{font-size:16px;flex-shrink:0}.brand small{font-size:10px}.nav nav{flex:1;justify-content:flex-end;gap:16px;flex-wrap:wrap}.nav nav a{font-size:13px}.sa-login-top{background:#0b0d0b!important;color:#f1d68a!important;white-space:nowrap}.mobile-menu-toggle{display:none}
.v10-models .wrap{padding-top:12px}.v10-model-grid{gap:20px}.v10-model{padding:14px;border:1px solid #ddbc68!important;border-radius:18px;background:radial-gradient(ellipse at top right,#b8953215,transparent 65%),#10120e!important}.v10-model img{height:220px;margin:12px 0 18px;object-fit:contain;border-radius:12px;background:linear-gradient(140deg,#2b2c27,#131611)}.v10-model h3{font-size:27px;color:#fff9e9}.v10-model p{font-size:14px;line-height:1.6;color:#c8c6ba}.v10-model .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v10-model .actions .btn{padding:13px 10px;font-size:14px}.section-head p{font-size:16px;line-height:1.6}.btn{min-height:44px}.float{bottom:42px;right:48px}
@media(min-width:1100px){.v10-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{max-width:340px}.nav{gap:20px}}
@media(max-width:800px){body{padding:20px 17px 92px!important}body:before,body:after{width:12px;background-size:15px 64px}html:before,html:after{height:14px;background-size:64px 15px}header{top:14px}.wrap{padding:0 10px!important}.nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto!important;min-height:0;padding:12px 8px!important}.brand{font-size:12px;gap:8px;max-width:none}.brand small{font-size:8px;letter-spacing:1px}.badge{width:36px;height:36px;flex-shrink:0;border-radius:10px}.nav>.sa-login-top{grid-column:2;grid-row:1;padding:10px;font-size:11px!important;position:static!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;grid-column:2;min-height:42px;border:1px solid #d8b35f;background:#0d100c;color:#f0d486;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.nav>nav{display:none!important;grid-column:1/-1;border-top:1px solid #776337;padding:12px 0}.nav.menu-open>nav{display:flex!important;justify-content:flex-start;gap:10px}.nav nav a{border:1px solid #79673c;border-radius:8px;padding:9px;font-size:12px}.nav>.btn.red{grid-column:1;grid-row:2;justify-self:start;font-size:12px;padding:10px 14px}.customer-tool-nav{display:none!important}.site-menu-open .customer-tool-nav{display:flex!important;flex-wrap:wrap}section{padding:30px 0}.section-head{margin-bottom:20px;gap:14px}.section-head h2{font-size:28px;line-height:1.12}.section-head p{font-size:14px;line-height:1.55}.section-head>.btn{font-size:13px}.v10-model-grid{grid-template-columns:1fr!important;gap:16px}.v10-model{padding:12px;min-height:0}.v10-model img{height:200px;margin:10px 0 15px}.v10-model h3{font-size:26px}.v10-model p{font-size:13px}.v10-model .actions .btn{font-size:13px;min-height:46px}.hero-grid,.quote-card,.tool-grid{grid-template-columns:1fr!important}.float{position:static!important;display:flex;justify-content:flex-end;padding:0 12px 24px;margin-top:10px}.float a{min-height:46px}.box{padding:20px 15px}.sa-login-top{margin:0!important}.detail-box{max-width:100%}}

/* Use the approved batik frame artwork rather than a substitute pattern. */
html:before,html:after,body:after{display:none!important}body:before{inset:0;width:auto;height:auto;background:none;border:34px solid #090a09;border-image-source:url('assets/theme/quotation-batik-original.png');border-image-slice:80 75 90 75;border-image-width:34px;border-image-repeat:stretch;transform:none;z-index:151}
@media(max-width:800px){body:before{width:auto;border-width:14px;border-image-width:14px}.brand{font-weight:700;letter-spacing:0}.v10-models{padding-top:24px}.v10-model-grid{gap:16px}}

/* V12.5.1 desktop showroom composition */
.desktop-x50-scene{display:none}
@media(min-width:1000px){
.wrap{max-width:1360px}.nav{flex-wrap:nowrap}.nav nav{flex-wrap:nowrap}.brand{font-size:19px;max-width:none}.brand small{font-size:9px;letter-spacing:3px}.badge{border-radius:50%;width:48px;height:48px}.nav>.sa-login-top{order:3}.nav>.btn.red{order:4}.nav>nav{order:2}.brand{order:1}
#top{display:flex;flex-direction:column}#top>section{order:4}#top>.hero{order:0}#top>#customerToolNav{order:1}#top>#customerTools{order:2}#top>#loan{order:3}
.hero{padding:12px 0 0!important;background:transparent!important}.hero-grid{position:relative;min-height:355px;grid-template-columns:1fr 1.15fr!important;gap:0;padding:32px 35px!important;border:2px solid #dcc274;background:repeating-linear-gradient(126deg,transparent 0 125px,#d8b35f88 126px,#f6e4a866 128px,transparent 130px 250px),radial-gradient(ellipse at 78% 90%,#8d826744,transparent 40%),#0b0d0c;box-shadow:inset 0 0 0 4px #0b0d0c,inset 0 0 0 5px #b79946}
.hero h1{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(42px,4.2vw,65px)!important;line-height:1.03;letter-spacing:-1.5px;color:#f3d78b;margin:15px 0}.hero h1 span{color:#f3d78b!important}.hero p{font-size:17px;line-height:1.5;max-width:430px;margin:0}.hero .actions{margin-top:22px}.hero-trust{display:none!important}.hero-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.hero-card>video{display:none}.desktop-x50-scene{display:block;position:relative}.desktop-x50-scene img{width:100%;height:275px;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 20px 10px #0008)}.desktop-model-label{position:absolute;right:10px;top:-12px;font-family:Georgia,serif;color:#f7e0a0;font-style:italic;font-size:19px}.desktop-model-label strong{display:block;font-family:Arial,sans-serif;font-style:italic;font-size:56px;color:#fff;line-height:.9}
.v10-models{padding:18px 0!important}.v10-models .section-head{align-items:center;margin:0 0 15px}.v10-models .section-head h2{font-family:Georgia,serif!important;text-transform:uppercase;font-size:26px!important;color:#f0d688!important}.v10-models .section-head p{font-size:12px;margin:4px 0}.v10-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v10-model{position:relative;min-height:245px;padding:12px;overflow:hidden;background:repeating-linear-gradient(126deg,transparent 0 100px,#d8b35f66 101px,transparent 103px 200px),linear-gradient(0deg,#928a7233,#111311 40%)!important}.v10-model img{height:165px;background:transparent;margin:6px 0 8px;padding:0;filter:drop-shadow(0 9px 5px #0005)}.v10-model h3{font-style:italic;font-size:25px;margin:0 0 5px}.v10-model p{font-size:11px;line-height:1.4;margin:0 0 7px}.v10-model .actions{margin-top:auto}.v10-model .actions .btn{min-height:36px;padding:8px;font-size:12px}.v10-model .pill{font-size:9px;padding:5px 8px}
#loan{padding:10px 0 22px}#loan>.wrap{display:grid;grid-template-columns:27% 1fr;gap:20px;padding:25px!important;border:2px solid #c8aa5a;background:radial-gradient(ellipse at 5% 50%,#a0842515,transparent 50%),#0b0e0b}#loan .section-head{margin:0;align-self:start}#loan .section-head h2{font-family:Georgia,serif!important;font-size:29px;color:#f3d98a!important}#loan .section-head p{font-size:13px;line-height:1.6}#loan .quote-card{grid-template-columns:1.35fr .9fr;gap:20px}#loan .ultra{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}#loan .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#loan label{font-size:10px}#loan input,#loan select{padding:9px;font-size:12px;min-width:0}#loan .actions{margin-top:14px;gap:7px}#loan .actions .btn{padding:9px 12px;font-size:11px;min-height:36px}#loan .loan-premium{padding:0 0 0 20px;border:0!important;border-left:1px solid #c6a552!important;border-radius:0;background:transparent!important;box-shadow:none!important}#loan .loan-premium:before{display:none}#loan .loan-card-head,#loan .loan-model-stage,#loan .loan-funding,#loan .loan-breakdown,#loan .loan-deposit,#loan .loan-card-foot{display:none}#loan .loan-monthly strong{font-size:42px}#loan .loan-payment{padding:8px 0}#loan .loan-disclaimer{font-size:9px;margin-top:8px}#loan .loan-term{font-size:11px}.desktop-loan-details{display:inline-block!important;color:#efd78c;background:none;border:1px solid #756136;border-radius:7px;padding:7px;margin-top:10px;font-size:10px;cursor:pointer}#loan .loan-premium.details-open .loan-funding,#loan .loan-premium.details-open .loan-breakdown,#loan .loan-premium.details-open .loan-deposit{display:block}
}
.desktop-loan-details{display:none}

.desktop-selection-title{display:none}@media(min-width:1000px){.desktop-selection-title{display:inline}.mobile-selection-title{display:none}.v10-model:nth-child(2){order:-1}}

@media(min-width:1000px){.hero h1{color:#f3d78b!important}.desktop-model-label{top:3px}.brand>span:not(.badge){font-family:Georgia,serif;font-weight:700;letter-spacing:.8px}.brand small{font-family:Arial,sans-serif;font-weight:400}.v10-models .promo-kicker{display:none}.v10-models .wrap{padding-top:0}.customer-tool-nav{padding-top:10px;padding-bottom:8px}}

/* V12.5.2 S70 video replaces the desktop still. */
@media(min-width:1000px){.hero-card>video{display:block!important;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #bd9e50;border-radius:12px;background:#000}.hero-card{padding-left:18px!important;overflow:visible}.hero-grid{grid-template-columns:1fr 1.2fr!important}}
.hero-card video:focus-visible{outline:2px solid #ebcb75;outline-offset:4px}