/* DA Maybach — simulateurs (13/10/2026). Habillage seul : aucun calcul touché. Tokens alignés sur design/da-maybach-2026.md */
:root{
  --bg-deep:#0B0B0D;--bg-indigo:#0B0B0D;--bg-cyan:#0B0B0D;--bg-copper:#6E0F1F;
  --copper:#6E0F1F;--copper-bright:#E8627A;--gold:#D5D9E0;--cream:#FFFFFF;
  --glass:rgba(20,20,24,.82);--glass-strong:rgba(14,14,17,.94);--glass-light:rgba(201,206,214,.06);
  --border-glass:rgba(201,206,214,.14);--border-glass-hover:rgba(201,206,214,.4);
  --text-1:#FFFFFF;--text-2:#B8BCC4;--text-3:#9AA0AA;--text-4:#7C808A;
  --mb-lacquer:linear-gradient(135deg,#6E0F1F,#9B1B30);
  --mb-chrome-line:linear-gradient(135deg,rgba(213,217,224,.55),rgba(213,217,224,.12) 45%,rgba(213,217,224,.45));
}
.aurora{display:none}
body{background:#0B0B0D}
/* FOND4K : cuir capitonné, 3 définitions natives (1080 / 2560 / 3840), AVIF puis WebP */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 38%,rgba(11,11,13,.35) 0%,rgba(11,11,13,.62) 60%,rgba(11,11,13,.85) 100%),url('/assets/img/maybach-cuir-m1080.webp') center/cover no-repeat,#0B0B0D;
  background:radial-gradient(ellipse at 50% 38%,rgba(11,11,13,.35) 0%,rgba(11,11,13,.62) 60%,rgba(11,11,13,.85) 100%),image-set(url('/assets/img/maybach-cuir-m1080.avif') type("image/avif"),url('/assets/img/maybach-cuir-m1080.webp') type("image/webp")) center/cover no-repeat,#0B0B0D}
@media(min-width:900px){
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),url('/assets/img/maybach-cuir-2560.webp') center/cover no-repeat,#0B0B0D;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),image-set(url('/assets/img/maybach-cuir-2560.avif') type("image/avif"),url('/assets/img/maybach-cuir-2560.webp') type("image/webp")) center/cover no-repeat,#0B0B0D}
}
@media(min-width:1920px),(min-width:900px) and (min-resolution:2dppx){
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),url('/assets/img/maybach-cuir-3840.webp') center/cover no-repeat,#0B0B0D;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),image-set(url('/assets/img/maybach-cuir-3840.avif') type("image/avif"),url('/assets/img/maybach-cuir-3840.webp') type("image/webp")) center/cover no-repeat,#0B0B0D}
}

/* FX4K : reflet chromé sur les titres, cartes qui se soulèvent (transform/opacité/background-position seulement) */
@keyframes mxSweep{from{background-position:110% 0,0 0}to{background-position:-10% 0,0 0}}
@media(hover:hover){
  body h1{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,1) 50%,transparent 62%) 110% 0/250% 100% no-repeat,linear-gradient(180deg,#EEF0F4 0%,#A9AFBA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  body h1:hover{animation:mxSweep 1.1s ease 1}
  .result-card,.form-card,.faq-item{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
  .result-card:hover,.form-card:hover,.faq-item:hover{transform:translateY(-3px);border-color:rgba(235,238,244,.42);box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 0 0 1px rgba(235,238,244,.08)}
}
@media(hover:none){
  body h1{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,1) 50%,transparent 62%) 110% 0/250% 100% no-repeat,linear-gradient(180deg,#EEF0F4 0%,#A9AFBA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mxSweep 1.4s ease .7s 1 both}
}
@media(prefers-reduced-motion:reduce){
  body h1,body h1:hover,.result-card:hover,.form-card:hover,.faq-item:hover{animation:none !important;transition:none !important;transform:none !important}
}

/* Boutons : laque bordeaux + liseré chrome, texte blanc */
body .btn-calc,body .btn-email,body .sim-nav-cta,body .reco-cta{
  color:#fff;border:1px solid transparent;
  background:linear-gradient(135deg,#6E0F1F,#9B1B30) padding-box,var(--mb-chrome-line) border-box;
  box-shadow:0 12px 32px rgba(155,27,48,.38),inset 0 1px 0 rgba(255,255,255,.22);
}
body .btn-calc:hover,body .btn-email:hover,body .sim-nav-cta:hover,body .reco-cta:hover{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,#7d1224,#a81f36) padding-box,linear-gradient(135deg,rgba(213,217,224,.95),rgba(213,217,224,.4) 45%,rgba(213,217,224,.9)) border-box;
  box-shadow:0 16px 40px rgba(155,27,48,.5),inset 0 1px 0 rgba(255,255,255,.3);
}
body .sim-nav-mark{background:var(--mb-lacquer);border:1px solid rgba(213,217,224,.35);color:#fff;box-shadow:0 6px 18px rgba(155,27,48,.45)}
/* Carte recommandée : bordeaux laqué, texte blanc */
body .result-card.reco-card{background:linear-gradient(135deg,#6E0F1F,#9B1B30) padding-box,var(--mb-chrome-line) border-box;border:1px solid transparent}
body .result-card.reco-card .card-row.big .val{color:#fff}
/* Cartes : noir laqué, liseré chrome */
body .result-card,body .form-card,body .card,body .faq-item{background:#141418;border-color:rgba(201,206,214,.14)}
body .result-card.recommended{border-color:rgba(201,206,214,.4)}
/* Chiffres clés : reflet chrome */
body .card-row.big .val{background:linear-gradient(180deg,#fff,#C9CED6);-webkit-background-clip:text;background-clip:text;color:transparent}
body .result-card.reco-card .card-row.big .val{background:none;color:#fff;-webkit-text-fill-color:#fff}
body h1 em,body .hero h1 em{background:linear-gradient(180deg,#fff,#B8BCC4);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
::selection{background:#6E0F1F;color:#fff}
input[type=range]{accent-color:#9B1B30}

/* Curseurs : piste gris argent, partie remplie en bordeaux (--p posé par maybach-sim.js) */
input[type=range]{-webkit-appearance:none;appearance:none;height:24px;background:transparent;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#9B1B30 0,#9B1B30 var(--p),#8A8F99 var(--p),#8A8F99 100%)}
input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#8A8F99}
input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:#9B1B30}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#E8627A;border:2px solid #D5D9E0}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#E8627A;border:2px solid #D5D9E0}
