/* WordPress / responsive corrections layered over Stitch desktop HTML */
html{scroll-behavior:smooth}body{margin:0}section[id]{scroll-margin-top:90px}
.enovcar-menu-toggle{display:none;border:0;background:#e4eef8;color:#123e66;padding:.55rem .72rem;border-radius:.7rem;font-size:1.4rem;line-height:1;cursor:pointer}
.enovcar-mobile-actions{display:none}
.enovcar-honeypot{position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important}
.enovcar-status:empty{display:none}.enovcar-status:not(:empty){border-radius:10px;padding:12px 14px;background:#e5f3ff;color:#173c61;font-size:14px}
.enovcar-status .error{color:#a31122}
.enovcar-fallback-content{min-height:60vh;padding:120px 1rem 3rem;max-width:1000px;margin:auto}
.enovcar-lightbox{position:fixed;inset:0;background:rgba(5,15,25,.92);z-index:99999;display:flex;align-items:center;justify-content:center;padding:3vw}
.enovcar-lightbox img{max-width:min(92vw,1400px);max-height:90vh;object-fit:contain;border-radius:12px}
.enovcar-lightbox button{position:absolute;top:12px;right:16px;cursor:pointer;background:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:32px}
body.enovcar-lightbox-open{overflow:hidden}
img{max-width:100%;height:auto} header img{max-height:58px;max-width:220px;object-fit:contain}
#services article img,#galerie img{height:100%;object-fit:cover}
@media(max-width:1023px){
  .enovcar-menu-toggle{display:block;order:99;flex-shrink:0}
  #enovcar-nav{display:none;position:absolute;left:12px;right:12px;top:75px;background:#fff;box-shadow:0 12px 35px #13335320;padding:14px;flex-direction:column;gap:4px;border-radius:18px;border:1px solid #dae8f4}
  #enovcar-nav.enovcar-nav-open{display:flex}
  #enovcar-nav a{display:block;padding:12px 14px;border-radius:9px}
  header>div{padding-inline:16px!important;gap:8px!important;min-height:72px}
  header>div>div:last-of-type{gap:6px!important}
  header a[href="#devis"]:not(nav a){padding:10px 12px!important;font-size:12px!important}
  main{padding-top:76px!important}
  .enovcar-mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #dce5ed;box-shadow:0 -3px 24px #173c611a;position:fixed;bottom:0;left:0;right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:70;gap:7px}
  .enovcar-mobile-actions>a{background:#f1f6fa;border-radius:10px;color:#163d63;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px 2px;font-size:11px;font-weight:650;gap:2px;text-decoration:none}
  .enovcar-mobile-actions>a:nth-child(2){background:#005f9d;color:#fff}
  .enovcar-mobile-actions .material-symbols-outlined{font-size:20px}
  body{padding-bottom:76px}
}
@media(max-width:575px){
  header img{width:120px!important;max-height:42px}
  header>div{min-height:70px!important;height:70px!important;padding-inline:12px!important}
  header a[href="#devis"]:not(nav a){font-size:0!important;gap:0!important;padding:9px 10px!important}
  header a[href="#devis"]:not(nav a):after{content:"Devis";font-size:12px}
  h1{font-size:clamp(34px,10vw,50px)!important;line-height:1.06!important}
  h2{font-size:clamp(24px,7.2vw,36px)!important;line-height:1.17!important}
  section{overflow-wrap:anywhere}
  .px-margin{padding-inline:16px!important}
  #services article{min-width:0}
  footer{padding-bottom:2rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* v1.1 mobile-first refinement */
header{overflow:visible}
@media(max-width:1023px){
  header .w-8.h-8.rounded-full.bg-primary{display:none!important}
  header a[href="#devis"]{white-space:nowrap}
  section[id]{scroll-margin-top:82px}
  .title-vibrate-glow{animation:none!important}
}
@media(max-width:767px){
  main{padding-top:72px!important}
  section{padding-top:32px!important;padding-bottom:32px!important}
  #accueil{padding-top:26px!important}
  #services, #garage, #galerie, #devis{padding-top:36px!important;padding-bottom:36px!important}
  #galerie .mb-space-xl, #services .mb-space-xl, #garage .mb-space-xl, #devis .mb-space-xl{margin-bottom:22px!important}
  .font-label-sm.text-label-sm.uppercase.tracking-widest{font-size:11px!important;letter-spacing:.12em!important}
  p.font-body-md.text-body-md.text-on-surface-variant, p.font-body-lg.text-body-lg.text-on-surface-variant{font-size:15px!important;line-height:1.6!important}
  .grid.grid-cols-2.gap-space-md.pt-space-sm.w-full.max-w-md{grid-template-columns:1fr!important;max-width:100%!important}
  #services .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,
  #galerie .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3,
  #devis .grid.grid-cols-1.sm\:grid-cols-3,
  footer .grid.grid-cols-1.md\:grid-cols-12{gap:16px!important}
  #galerie .interactive-card,
  #services .interactive-card,
  #garage .interactive-card,
  #devis .interactive-card{border-radius:18px!important}
  #galerie .interactive-card{aspect-ratio:4/4.2!important;min-height:320px!important}
  #galerie .interactive-card img{height:100%!important;object-position:center!important}
  #galerie .absolute.bottom-4.left-4.right-4{left:14px!important;right:14px!important;bottom:14px!important}
  #galerie .font-title-md.text-title-md.font-bold{font-size:25px!important;line-height:1.12!important}
  #galerie .font-body-md.text-body-md.text-on-surface-variant{max-width:310px;margin-inline:auto}
  #galerie .material-symbols-outlined.text-\[20px\].bg-on-surface\/40{font-size:18px!important;padding:9px!important}
  #devis iframe{min-height:260px!important}
  footer img{max-width:140px!important}
}
@media(max-width:575px){
  body{padding-bottom:84px}
  .px-margin{padding-inline:14px!important}
  header>div{display:grid!important;grid-template-columns:auto 1fr auto auto!important;align-items:center!important;column-gap:8px!important}
  header>div>a:first-child{min-width:0!important}
  header img{width:112px!important;max-width:112px!important;max-height:36px!important}
  header a[href="#devis"]{justify-self:end;min-width:auto!important;border-radius:10px!important;box-shadow:none!important}
  header a[href="#devis"] span{display:none!important}
  header a[href="#devis"]:after{content:"Devis";font-size:12px;font-weight:700;line-height:1}
  .enovcar-menu-toggle{padding:.5rem .66rem!important;border-radius:.8rem!important;background:#eef4fa!important;color:#173c61!important}
  #accueil .pulse-badge{font-size:11px!important;line-height:1.3!important;padding:8px 12px!important}
  #accueil h1{font-size:clamp(32px,11vw,42px)!important;line-height:1.02!important;margin-top:2px!important}
  #accueil .text-metallic-stream.block{display:block;margin-top:4px}
  #accueil .flex.flex-wrap.items-center.gap-space-md.pt-space-xs.w-full.sm\:w-auto{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  #accueil .flex.flex-wrap.items-center.gap-space-md.pt-space-xs.w-full.sm\:w-auto a{width:100%!important}
  #accueil .hero-float-media{border-radius:20px!important;aspect-ratio:1/1.02!important;margin-top:8px!important}
  #accueil .absolute.bottom-4.left-4.right-4{left:10px!important;right:10px!important;bottom:10px!important;padding:10px!important;gap:8px!important;align-items:flex-start!important}
  #accueil .absolute.bottom-4.left-4.right-4 .font-label-sm{font-size:11px!important}
  #accueil .absolute.bottom-4.left-4.right-4 .font-body-sm{font-size:11px!important;line-height:1.35!important}
  #services article img{max-height:220px!important}
  #services h3, #garage h4, #devis h3{font-size:18px!important;line-height:1.25!important}
  #garage .grid.grid-cols-1.lg\:grid-cols-12,
  #devis .grid.grid-cols-1.lg\:grid-cols-12{gap:20px!important}
  #garage .aspect-\[4\/3\], #garage .aspect-\[1\/1\]{aspect-ratio:1/1!important}
  #galerie .interactive-card{min-height:286px!important}
  #galerie .font-label-sm.text-label-sm.uppercase.text-primary-fixed.tracking-wider{font-size:10px!important;letter-spacing:.1em!important}
  #galerie .font-title-md.text-title-md.font-bold{font-size:16px!important;line-height:1.2!important}
  #galerie .absolute.bottom-4.left-4.right-4{display:flex!important;align-items:flex-end!important;gap:10px!important}
  #galerie .absolute.bottom-4.left-4.right-4>div{min-width:0!important}
  #galerie .absolute.bottom-4.left-4.right-4 span:last-child{flex-shrink:0}
  #devis .grid.grid-cols-1.sm\:grid-cols-3{grid-template-columns:1fr!important}
  #devis form{padding:16px!important}
  footer .mt-space-xl.pt-space-lg.flex.flex-col.sm\:flex-row{padding:16px!important;border-radius:16px!important}
  .enovcar-mobile-actions>a{padding:8px 2px 7px!important;font-size:10px!important}
}
@media(max-width:390px){
  header>div{grid-template-columns:minmax(88px,104px) 1fr auto auto!important}
  header img{width:100px!important;max-width:100px!important}
  header a[href="#devis"]:after{content:"Devis";font-size:11px}
  #galerie .interactive-card{min-height:260px!important}
}


/* ENOVCAR v1.2 — fixes confirmed by iPhone screenshot */
@media(max-width:767px){
  header>div{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;height:66px!important;min-height:66px!important;padding:0 16px!important;gap:12px!important}
  header>div>a:first-child{display:flex!important;flex:0 1 142px!important;max-width:142px!important;min-width:0!important;overflow:visible!important}
  header>div>a:first-child img{display:block!important;width:132px!important;max-width:100%!important;height:auto!important;max-height:48px!important;object-fit:contain!important}
  header>div>div.flex.items-center{display:none!important}
  .enovcar-menu-toggle{display:flex!important;flex:0 0 43px!important;align-items:center;justify-content:center;height:43px;margin-left:auto!important;order:initial!important;font-size:22px!important}
  #enovcar-nav{top:67px!important;z-index:100!important}
  main{padding-top:66px!important}
  #accueil .hero-float-media{position:relative!important;display:block!important;aspect-ratio:4 / 3!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#eaf2f8!important}
  #accueil .hero-float-media>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important}
  #accueil .hero-float-media>.absolute.inset-0{position:absolute!important;inset:0!important}
  #accueil .hero-float-media>.absolute.bottom-4.left-4.right-4{position:absolute!important;left:10px!important;bottom:10px!important;right:10px!important;width:auto!important;max-width:calc(100% - 20px)!important;min-width:0!important;box-sizing:border-box!important;padding:10px 12px!important}
  #accueil .hero-float-media .pulse-badge{display:none!important}
  #accueil .hero-float-media .material-symbols-outlined.animate-spin{animation:none!important}
  #accueil .hero-float-media .font-label-sm{font-size:11px!important;line-height:1.25!important}
  #accueil .hero-float-media .font-body-sm{font-size:10px!important;line-height:1.3!important}
  #accueil .hero-float-media .flex.items-center.gap-space-xs{min-width:0!important}
  #accueil .hero-float-media .flex.flex-col{min-width:0!important}
  #accueil .hero-float-media .flex.flex-col span{white-space:normal!important}
}
@media(max-width:390px){
  header>div{padding-inline:12px!important}
  header>div>a:first-child{flex-basis:116px!important;max-width:116px!important}
  header>div>a:first-child img{width:114px!important}
  #accueil .hero-float-media{aspect-ratio:1.05 / 1!important}
}