/* CarPlayPro — White Premium edition · 2026-09-30
   Clean light visual system layered after home-premium.css.
   Keeps all existing catalogue/video/cart behaviour unchanged. */
:root,
html[data-theme="dark"],
html[data-theme="light"]{
  --bg:#ffffff;
  --surface:#ffffff;
  --card:#f7f8f5;
  --border:#e5e7e2;
  --accent:#a7e200;
  --accent-dark:#5d8200;
  --accent-g:rgba(167,226,0,.12);
  --text:#11140f;
  --muted:#687066;
  --shadow:0 18px 55px rgba(20,28,18,.10);
}
html{background:#fff!important;color-scheme:light!important;scroll-padding-top:88px}
body{background:#fff!important;color:var(--text)!important}
::selection{background:#c8f34d!important;color:#0d1209!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(128,184,0,.35)!important;outline-offset:3px}

/* Promo + header */
.cpx-offer-bar{background:#b7eb20!important;color:#10140d!important;box-shadow:0 1px 0 rgba(20,28,18,.08)!important}
.cpx-offer-bar strong{color:#10140d!important}.cpx-offer-bar button{background:#11150f!important;color:#fff!important}
.top-banner{background:#11150f!important;border-bottom:0!important;color:#e8ede5!important}.top-banner a{color:#c9f458!important}
nav{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e7e9e4!important;box-shadow:0 8px 30px rgba(20,28,18,.05)!important}
.nav-logo img{box-shadow:0 0 0 1px rgba(34,45,30,.10),0 7px 20px rgba(20,28,18,.10)!important}
.brand-wordmark{color:#11140f!important}.nav-links a,.cart-nav-btn{color:#5d655b!important}.nav-links a:hover,.nav-links a.nav-active{color:#11140f!important}
.nav-wa{background:#f1f7e3!important;color:#254000!important;border:1px solid #d8e7b8!important}
.nav-cta{background:#11150f!important;color:#fff!important;box-shadow:0 8px 24px rgba(17,21,15,.14)!important}.cart-nav-btn [data-cart-count]{background:#11150f!important;color:#fff!important}

/* Hero */
#hero.hero-premium{
  background-image:
    linear-gradient(rgba(95,108,90,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,108,90,.10) 1px,transparent 1px),
    radial-gradient(circle at 82% 8%,rgba(167,226,0,.16),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfcf8 100%)!important;
  background-size:48px 48px,48px 48px,auto,auto!important;
  background-position:center top,center top,center,center!important;
  border-bottom:1px solid #eef0eb!important;
  position:relative!important;
  overflow:hidden!important
}
.hero-aurora{background:linear-gradient(115deg,transparent 0 54%,rgba(123,168,0,.055) 54% 54.5%,transparent 54.5% 100%)!important}
.hero-kicker{color:#586054!important}.hero-kicker span{background:#9bd000!important;box-shadow:0 0 0 6px rgba(167,226,0,.14),0 0 22px rgba(167,226,0,.28)!important}
#hero h1{color:#11140f!important}#hero h1 em{color:#6f9800!important;text-shadow:none!important}
.hero-lead{color:#646c62!important}
.btn-primary{background:#11150f!important;color:#fff!important;box-shadow:0 12px 30px rgba(17,21,15,.16)!important}.btn-primary:hover{background:#23291f!important;box-shadow:0 16px 36px rgba(17,21,15,.20)!important}
.btn-green{background:#b8ed20!important;color:#10140d!important;border:1px solid #a5d719!important;box-shadow:0 10px 28px rgba(135,184,0,.14)!important}.btn-green:hover{background:#c8f34d!important;border-color:#b3df2d!important}
.hero-proof span{background:#fff!important;border:1px solid #e3e7df!important;color:#667064!important;box-shadow:0 8px 22px rgba(20,28,18,.045)!important}.hero-proof b{color:#151914!important}
.hero-offer-mini{background:#f5fbe6!important;border:1px solid #dcebb7!important;color:#60695e!important;box-shadow:none!important}.hero-offer-mini strong{color:#5b7f00!important}.hero-offer-mini span{color:#60695e!important}
.hero-real-card{border:1px solid #dde2d8!important;box-shadow:0 30px 75px rgba(22,31,19,.16),0 0 0 8px rgba(255,255,255,.92)!important}
.hero-real-top{background:rgba(13,18,11,.78)!important}.hero-real-bottom small{color:#c8f34d!important}
.hero-float{background:rgba(255,255,255,.96)!important;border:1px solid #dfe4da!important;box-shadow:0 18px 40px rgba(24,32,20,.14)!important}.hero-float b{background:#b8ed20!important;color:#11150f!important}.hero-float span{color:#1a1f18!important}.hero-float small{color:#6f776d!important}
.hero-trustline{border-top:1px solid #e7eae4!important;color:#70786e!important}.hero-trustline i{background:#b0baaa!important}

/* Global section typography */
section:not(#hero){background:#fff}
.section-eyebrow{color:#658900!important}.section-title{color:#11140f!important}.section-sub{color:#6b7369!important}.ghost-word{opacity:.055!important;-webkit-text-stroke-color:#53604f!important}

/* Transformations */
#avantapres{background:#fff!important;border-top:0!important;border-bottom:1px solid #ecefe9!important}
.transform-swipe-hint{background:linear-gradient(90deg,#b7eb20,#d0f768)!important;color:#11150f!important;box-shadow:0 12px 32px rgba(121,166,0,.13)!important;border:1px solid #aeda2b!important}
.transform-swipe-hint b{color:#11150f!important}.reel-media{border:1px solid #dfe4db!important;box-shadow:0 15px 38px rgba(22,31,19,.12)!important;background:#f4f6f2!important}.transform-cover{background-color:#f0f3ed!important}.transform-card.is-after .reel-media{box-shadow:0 16px 42px rgba(119,164,0,.16)!important}.transform-play,.reel-phase.is-after{background:#b8ed20!important;color:#11150f!important}.transform-arrow{background:rgba(255,255,255,.96)!important;color:#11150f!important;border:1px solid #dbe1d7!important;box-shadow:0 12px 28px rgba(22,31,19,.12)!important}.transform-arrow:hover{background:#11150f!important;color:#fff!important;border-color:#11150f!important}.transform-bottom-cta{color:#697168!important}.transform-bottom-cta a{color:#4f7200!important}

/* National + process */
.cpx-national{background:#fff!important}.cpx-national-grid>div{background:#f7f9f4!important;border-color:#e1e6dc!important;box-shadow:0 10px 26px rgba(22,31,19,.04)!important}.cpx-national-grid>div:hover{border-color:#c8d8ae!important;box-shadow:0 18px 38px rgba(22,31,19,.08)!important}.cpx-national-grid a{color:#4f7200!important}
.process-premium{background:#f6f8f3!important;border-top:1px solid #e8ece5!important;border-bottom:1px solid #e8ece5!important}.process-head>p{color:#697168!important}.process-grid article{background:#fff!important;border:1px solid #e2e6df!important;box-shadow:0 12px 30px rgba(22,31,19,.045)!important}.process-grid article>span{color:#e9ede6!important}.process-icon{background:#b8ed20!important;color:#11150f!important}.process-grid h3{color:#171b15!important}.process-grid p{color:#6a7268!important}

/* Boutique */
#boutique{background:#fff!important}.finder-box{background:linear-gradient(135deg,#b9ed26,#d4f67a)!important;color:#11150f!important;box-shadow:0 18px 45px rgba(114,156,0,.12)!important;border:1px solid #abd520!important}.finder-row button{background:#11150f!important;color:#fff!important}.shop-notice{background:#f6f8f4!important;border-color:#e1e5de!important;color:#697168!important}.shop-notice strong{color:#4f7200!important}.shop-search input{background:#fff!important;border-color:#dfe4db!important;color:#171b15!important}.shop-tab{background:#f6f8f4!important;border-color:#e0e5dc!important;color:#5f675d!important}.shop-tab:hover,.shop-tab.active{background:#11150f!important;color:#fff!important;border-color:#11150f!important}.product-card{background:#fff!important;border-color:#e1e5de!important;box-shadow:0 8px 24px rgba(22,31,19,.035)!important}.product-card:hover{border-color:#cbd9b4!important;box-shadow:0 18px 42px rgba(22,31,19,.09)!important}.product-img{background:#f8faf7!important;border-bottom-color:#e3e7e0!important}.product-category{color:#5c7e00!important}.product-name,.product-name a,.product-price{color:#151914!important}.product-desc,.product-spec,.product-price-note{color:#697168!important}.product-spec{background:#f5f7f3!important;border-color:#e1e5de!important}.product-cta{background:#11150f!important;color:#fff!important}.product-cta:hover{background:#2b3228!important}

/* Social */
#social{background:#f7f9f5!important;border-top:1px solid #e7ebe4!important;border-bottom:1px solid #e7ebe4!important}.social-card{background:#fff!important;border-color:#e0e5dc!important;box-shadow:0 10px 26px rgba(22,31,19,.04)!important}.social-card:hover{border-color:#c9d8b1!important;box-shadow:0 18px 38px rgba(22,31,19,.08)!important}.social-card a{color:#4f7200!important}

/* Reviews */
#avis{background:#fff!important}.g-badge{background:#fff!important;border-color:#e0e5dc!important;color:#171b15!important;box-shadow:0 8px 22px rgba(22,31,19,.045)!important}.g-cta-note{color:#6b7369!important}.g-reviews-btn{background:#11150f!important;color:#fff!important;border:1px solid #11150f!important}.g-reviews-btn:hover{background:#2a3127!important}.reviews-proof{border:1px solid #e0e5dc!important;background:#f7f9f5!important}.reviews-proof strong{color:#171b15!important}.reviews-proof span{color:#697168!important}.reviews-proof a{color:#4f7200!important}.testimonial-card{background:#fff!important;border-color:#e0e5dc!important;box-shadow:0 10px 28px rgba(22,31,19,.045)!important}.testimonial-text{color:#41483f!important}.author-name{color:#171b15!important}.verified-badge,.google-more-card p{color:#6b7369!important}

/* Local / contact / FAQ */
.local-seo-section,#contact,#faq{background:#f8faf7!important;border-color:#e8ece5!important}.local-seo-grid>div{background:#fff!important;border-color:#e0e5dc!important;box-shadow:0 9px 24px rgba(22,31,19,.035)!important}.local-seo-grid span,.resp-badge{color:#697168!important}.local-seo-actions .btn-primary{background:#11150f!important;color:#fff!important}.contact-map{border:1px solid #dfe4db!important;box-shadow:0 14px 34px rgba(22,31,19,.06)!important}.contact-map iframe{filter:none!important}.faq-item{background:#fff!important;border-color:#e0e5dc!important;box-shadow:0 6px 18px rgba(22,31,19,.025)!important}.faq-question{color:#171b15!important}.faq-answer{color:#697168!important}.faq-arrow{color:#5f8200!important}.faq-cta{background:#f3f8e7!important;border-color:#d8e7b9!important}

/* Final CTA + footer: deliberate dark anchor */
.footer-cta{background:linear-gradient(135deg,#171c15,#0f130e)!important;border-top:0!important;color:#fff!important}.footer-cta h2,.footer-cta p{color:#fff!important}.footer-cta p{opacity:.78}.footer-cta-kicker{color:#c9f458!important}.footer-cta-wa{background:#b8ed20!important;color:#11150f!important;box-shadow:0 12px 34px rgba(167,226,0,.14)!important}
.footer-v25{background:#0c100b!important}.footer-logo span{color:#fff!important}.footer-trust span{color:#dcf49c!important;background:rgba(183,235,32,.06)!important;border-color:rgba(183,235,32,.16)!important}.footer-v25 a:hover{color:#c9f458!important}

/* Cart / welcome / legal */
.cart-drawer{background:#fff!important;color:#171b15!important;border-left:1px solid #dfe4db!important}.cart-head,.cart-summary{border-color:#e1e5de!important}.cart-order{background:#11150f!important;color:#fff!important}.cpx-welcome-card{background:#fff!important;color:#171b15!important;border:1px solid #dce4d6!important;box-shadow:0 30px 90px rgba(22,31,19,.20)!important}.cpx-welcome-kicker,.cpx-code strong{color:#5b7e00!important}.cpx-code{background:#f4f8ec!important;border-color:#d9e5c3!important}.legal-box{background:#fff!important;color:#171b15!important;border:1px solid #e0e5dc!important}.ck-bar{background:#fff!important;color:#171b15!important;border-color:#dfe4db!important;box-shadow:0 -10px 30px rgba(22,31,19,.06)!important}.ck-ok{background:#11150f!important;color:#fff!important}

/* Mobile */
.mobile-bar{background:rgba(255,255,255,.97)!important;border-top:1px solid #dfe4db!important;box-shadow:0 -10px 28px rgba(22,31,19,.08)!important}.mobile-bar a{border-color:#e0e5dc!important}.mb-wa{color:#1f6d35!important}.mb-devis{background:#11150f!important;color:#fff!important}.back-top{background:#11150f!important;color:#fff!important}
.mobile-menu{background:#fff!important;border-left:1px solid #e0e5dc!important;color:#171b15!important}.mm-head{border-bottom-color:#e0e5dc!important}.mm-logo{color:#171b15!important}.mm-logo span{color:#668d00!important}.mm-links a{color:#3f473d!important;border-bottom-color:#edf0eb!important}.mm-links a:hover{color:#11150f!important}.mm-tel{background:#f5f7f3!important;color:#171b15!important;border:1px solid #e0e5dc!important}.mm-wa{background:#b8ed20!important;color:#11150f!important}.mm-overlay{background:rgba(15,20,13,.38)!important}

@media (max-width:899px){
  #hero.hero-premium{
    background-image:
      linear-gradient(rgba(95,108,90,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(95,108,90,.045) 1px,transparent 1px),
      radial-gradient(circle at 82% 8%,rgba(167,226,0,.13),transparent 28%),
      linear-gradient(180deg,#fff 0%,#fbfcf8 100%)!important;
    background-size:40px 40px,40px 40px,auto,auto!important
  }
}

@media (max-width:760px){
  .menu-btn{color:#171b15!important;background:#f5f7f3!important;border:1px solid #dfe4db!important}
  .hero-real-card{box-shadow:0 24px 50px rgba(22,31,19,.14),0 0 0 5px #fff!important}
  .transform-swipe-hint{box-shadow:0 9px 24px rgba(114,156,0,.12)!important}
}

/* === HOTFIX 2026-09-30: premium hero outer layout === */
#hero.hero-premium{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  align-items:initial!important;
  justify-content:initial!important;
  flex-direction:initial!important;
  gap:0!important;
}


/* 2026-10-01 — section France + parcours fusionnés */
.cpx-national-merged{padding-top:5.2rem!important;padding-bottom:5.2rem!important}
.cpx-national-merged .cpx-national-intro{max-width:760px;margin:.9rem 0 0;color:#697168;font-size:1rem;line-height:1.7}
.cpx-national-merged .cpx-national-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:2rem}
.cpx-national-merged .cpx-national-card{display:flex;flex-direction:column;min-height:230px;padding:1.55rem!important}
.cpx-national-merged .cpx-national-card strong{font-size:1.08rem;color:#171b15}
.cpx-national-merged .cpx-national-card p{flex:1;min-height:0!important;color:#697168!important}
.cpx-inline-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:1.45rem;border:1px solid #e2e6df;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(22,31,19,.05);overflow:hidden}
.cpx-inline-process article{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;min-height:150px;padding:1.45rem 1.5rem;border-right:1px solid #e7ebe4}
.cpx-inline-process article:last-child{border-right:0}
.cpx-inline-process article>span{position:absolute;right:1rem;top:.75rem;font-family:var(--font-d);font-size:2.45rem;font-weight:800;line-height:1;color:#edf0ea;letter-spacing:-.07em}
.cpx-step-icon{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#b8ed20;color:#11150f;font-weight:900}
.cpx-inline-process h3{position:relative;z-index:1;margin:0 0 .35rem;font-family:var(--font-d);font-size:1rem;color:#171b15}
.cpx-inline-process p{position:relative;z-index:1;margin:0;color:#6a7268;font-size:.86rem;line-height:1.55}
@media(max-width:850px){.cpx-national-merged .cpx-national-grid-3{grid-template-columns:1fr 1fr!important}.cpx-national-merged .cpx-national-card:last-child{grid-column:1/-1;min-height:auto}.cpx-inline-process{grid-template-columns:1fr}.cpx-inline-process article{border-right:0;border-bottom:1px solid #e7ebe4;min-height:125px}.cpx-inline-process article:last-child{border-bottom:0}}
@media(max-width:560px){.cpx-national-merged{padding-top:4rem!important;padding-bottom:4rem!important}.cpx-national-merged .cpx-national-grid-3{grid-template-columns:1fr!important}.cpx-national-merged .cpx-national-card:last-child{grid-column:auto}.cpx-national-merged .cpx-national-card{min-height:auto}.cpx-inline-process article{grid-template-columns:42px 1fr;padding:1.15rem}.cpx-step-icon{width:42px;height:42px}.cpx-inline-process article>span{font-size:2rem}}