/* Correctifs d'affichage mobile (28/10/2026, demande Jeremy) */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
section[id],header[id],div[id]{scroll-margin-top:92px}
@media (max-width:640px){
  form input,form select,form textarea{min-width:0!important;max-width:100%;box-sizing:border-box}
  form div{min-width:0}
  #leadForm>*,#leadForm>div>*{flex:1 1 100%!important;width:100%}
  #leadForm>div{display:flex;flex-wrap:wrap;gap:12px}
  .final{padding:46px 18px 90px!important;border-radius:26px}
  .final h2{font-size:clamp(1.5rem,7.2vw,2.05rem)!important;line-height:1.15}
  .final p{font-size:1rem!important}
  #contact{padding-top:24px}
  #waFloat{width:52px!important;height:52px!important;padding:0!important;justify-content:center!important;right:14px!important;bottom:16px!important;gap:0!important}
  #waFloat>:not(svg){display:none!important}
  #waFloat svg{width:26px;height:26px}
  .price-card{min-width:0}
  #clip-officiel{padding-left:14px!important;padding-right:14px!important}
}
@media (max-width:640px){
  .chat{max-width:100%;box-sizing:border-box;min-width:0}
  .chat-head{min-width:0;flex-wrap:wrap}
  .chat-head>div{min-width:0}
  .chat-head small{white-space:normal}
  .bg{max-width:100%}
}
@media (max-width:640px){
  .pc-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:4px;font-size:clamp(1.9rem,9vw,2.6rem)}
  .pc-price small{white-space:normal;font-size:.95rem}
  .price-card{padding-left:20px!important;padding-right:20px!important}
}
/* Barre du haut + sélecteur de langues (28/10/2026) */
details.lsw{border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
.lsw>summary::after,.lsw>summary::before{content:none!important;display:none!important}
.lsw{position:relative;flex:none;order:2;font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;z-index:60}
.lsw>summary{list-style:none;display:flex;align-items:center;justify-content:center!important;gap:6px;height:40px;box-sizing:border-box;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;user-select:none;white-space:nowrap;direction:ltr;font-size:13px!important;font-weight:600!important}
.lsw>summary::-webkit-details-marker{display:none}
.lsw>summary:hover,.lsw[open]>summary{border-color:rgba(255,47,168,.65);background:rgba(138,44,255,.22)}
.lsw svg{width:16px;height:16px;flex:none}
.lsw .cr{width:10px;height:10px;opacity:.8;transition:transform .2s}
.lsw[open] .cr{transform:rotate(180deg)}
.lsw-m{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:6px;border-radius:14px;background:rgba(13,11,31,.98);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:2px}
[dir=rtl] .lsw-m{right:auto;left:0}
.lsw-m a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px;color:#d8d3f0!important;text-decoration:none!important;font-weight:600;font-size:14px;line-height:1.2;background:none;white-space:nowrap}
.lsw-m a:hover{background:rgba(255,255,255,.09);color:#fff!important}
.lsw-m a[aria-current]{background:linear-gradient(90deg,#8a2cff,#ff2fa8);color:#fff!important}
.lsw-m a small{opacity:.75;font-weight:600;font-size:11px}
nav .wrap,nav .w{gap:24px;align-items:center}
nav .brand{flex:none;white-space:nowrap}
nav .menu{align-items:center;gap:22px!important;margin-inline-start:8px;flex:0 1 auto;min-width:0}
nav .menu a,nav .crumb,nav .link,nav .btn,nav .live-blink,nav .wrap>div>a,nav .w a{white-space:nowrap}
nav .wrap>div:last-child,nav .w>div:last-child{align-items:center;gap:10px!important;flex:none}
nav .live-blink{order:1;height:40px;line-height:38px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
nav .btn-sm{order:3;height:42px;line-height:42px;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
.nav-burger{order:4;display:none;flex:none;width:42px;height:40px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
nav.nav-open .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
nav.nav-open .nav-burger span:nth-child(2){opacity:0}
nav.nav-open .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1279px){nav .menu .m-sec{display:none}}
@media (max-width:1023px){
  nav .menu{display:none!important}
  nav .live-m{display:inline-flex!important}
  .nav-burger{display:flex}
  nav.nav-open .menu{display:flex!important;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 20px 16px;background:#0d0b1f;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 24px 40px -20px rgba(0,0,0,.8);z-index:55}
  nav.nav-open .menu a{display:block!important;padding:13px 4px;font-size:1rem;color:#e7e3f7;border-bottom:1px solid rgba(255,255,255,.07)}
  nav.nav-open .menu a:last-child{border-bottom:0}
  nav.nav-open .menu .live-blink{display:none!important}
}
@media (max-width:480px){
  nav .wrap,nav .w{gap:8px;padding-left:14px!important;padding-right:14px!important}
  nav .brand{font-size:1.12rem;gap:6px}
  nav .brand img{height:30px}
  nav .wrap>div:last-child,nav .w>div:last-child{gap:6px!important}
  nav .live-blink{height:34px;line-height:32px!important;padding-left:10px!important;padding-right:10px!important;font-size:.8rem!important}
  .lsw>summary{height:34px;padding:0 9px;gap:4px;font-size:12px!important}
  .lsw svg{width:14px;height:14px}
  .lsw .cr{display:none}
  .nav-burger{width:36px;height:34px;border-radius:10px}
  nav .link,nav .w>div>a{font-size:.85rem}
}
@media (max-width:380px){nav .brand span{display:none}}
/* « Testez en live » lisible : texte blanc, contour en dégradé, pulsation sans transparence */
nav .live-blink{color:#fff!important;border:1px solid transparent!important;background:linear-gradient(rgba(40,14,52,.92),rgba(40,14,52,.92)) padding-box,linear-gradient(90deg,#8a2cff,#ff2fa8,#ff8a1f) border-box!important;animation:liveGlow 1.6s ease-in-out infinite!important;text-shadow:0 0 10px rgba(255,47,168,.45)}
@keyframes liveGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,47,168,.0)}50%{box-shadow:0 0 18px 3px rgba(255,47,168,.55)}}
@media (prefers-reduced-motion:reduce){nav .live-blink{animation:none!important}}
/* Lien Blog dans la barre de navigation (01/11/2026) */
nav a.nav-blog{font-weight:700;font-size:.92rem;color:#ddd8f5;padding:6px 4px;white-space:nowrap}
nav a.nav-blog:hover{color:#fff}