/* =============================================================
   DEPANNE-MOI11 — V17 MOBILE STABLE
   Objectif: neutraliser l'ancien thème mobile clair et harmoniser
   TOUTES les pages publiques en mode futuriste sombre.
   Desktop inchangé.
   ============================================================= */
@media (max-width:820px){
  :root{
    --v17-bg:#010916;
    --v17-bg2:#02162f;
    --v17-panel:linear-gradient(155deg,rgba(6,38,79,.98),rgba(2,17,43,.995) 60%,rgba(23,8,55,.97));
    --v17-panel2:linear-gradient(155deg,rgba(7,48,96,.96),rgba(3,21,51,.995));
    --v17-line:rgba(66,225,255,.32);
    --v17-cyan:#4ceeff;
    --v17-white:#fff;
    --v17-text:#e8f3ff;
    --v17-muted:#c9d9ea;
  }

  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:var(--v17-bg)!important;color:#fff!important}
  body{padding-bottom:110px!important}
  img,video,iframe{max-width:100%!important}

  /* -------- Neutralisation visuelle globale mobile -------- */
  html body main,
  html body .page,
  html body .content,
  html body .section,
  html body .section.light,
  html body .light,
  html body .svc-section,
  html body .svc-light,
  html body .tp-section,
  html body .packsection,
  html body .packsection.white,
  html body .home-showcase-section,
  html body .home-detailed-services,
  html body .rdv-launch-section{
    background:linear-gradient(180deg,#010a18 0%,#02152e 100%)!important;
    color:#fff!important;
    border-color:rgba(67,225,255,.10)!important;
  }

  /* -------- Titres / textes: lisibilité forcée -------- */
  html body main h1,
  html body main h2,
  html body main h3,
  html body main h4,
  html body main h5,
  html body main h6,
  html body main strong,
  html body main b,
  html body main legend,
  html body main summary,
  html body main label{
    color:#fff!important;
    opacity:1!important;
  }
  html body main p,
  html body main li,
  html body main small,
  html body main dd,
  html body main td,
  html body main .muted,
  html body main .subtitle,
  html body main .lead,
  html body main .desc,
  html body main .description{
    color:var(--v17-text)!important;
    opacity:1!important;
  }
  html body main .k,
  html body main .k2,
  html body main .eyebrow,
  html body main [class*="kicker"]{
    color:var(--v17-cyan)!important;
    opacity:1!important;
  }

  /* Titres de section centrés proprement (hors hero) */
  html body main .title,
  html body main .section-heading,
  html body main .svc-title,
  html body main .tp-title,
  html body main .pack-head{
    width:100%!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body main .title h2,
  html body main .section-heading h2,
  html body main .svc-title h2,
  html body main .tp-title h2,
  html body main .pack-head h2{
    width:auto!important;
    max-width:94%!important;
    margin:8px auto 12px!important;
    text-align:center!important;
    color:#fff!important;
    opacity:1!important;
    font-size:clamp(27px,8vw,39px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
    text-shadow:0 3px 18px rgba(0,0,0,.30)!important;
  }
  html body main .title p,
  html body main .section-heading p,
  html body main .svc-title p,
  html body main .tp-title p,
  html body main .pack-head p{
    max-width:94%!important;
    margin:7px auto!important;
    text-align:center!important;
    color:var(--v17-text)!important;
    opacity:1!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  /* -------- Cartes générales: sombre, jamais blanc -------- */
  html body main .card,
  html body main .step,
  html body main .review,
  html body main .quick-solution,
  html body main .before-after,
  html body main .guarantee-box,
  html body main .simulator,
  html body main .trust-item,
  html body main .trust-badge,
  html body main .notice-red,
  html body main .cta,
  html body main .pack,
  html body main .blog-card,
  html body main .contact-card,
  html body main .info-card,
  html body main .feature-card,
  html body main .faq-item,
  html body main .faq-card,
  html body main .avis-google-box,
  html body main .thank-card,
  html body main .service-check,
  html body main .warning-box,
  html body main .privacy-reassurance,
  html body main .rdv-side,
  html body main .pack-card-new,
  html body main .opt-card,
  html body main .compare,
  html body main .order-step,
  html body main .order-form-card,
  html body main .pack-choice label,
  html body main .option-row,
  html body main .faq-list details,
  html body main .svc-card,
  html body main .svc-build-card,
  html body main .svc-hero-panel,
  html body main .svc-summary,
  html body main .svc-cta,
  html body main .tp-card,
  html body main .tp-mini,
  html body main .tp-overview-card,
  html body main .tp-info-card,
  html body main .tp-condition,
  html body main .tp-travel,
  html body main .tp-table-wrap,
  html body main .booking-panel,
  html body main .booking-sidebar,
  html body main .booking-info-card,
  html body main .booking-summary,
  html body main .booking-verification,
  html body main .home-showcase-copy,
  html body main .home-proof,
  html body main .detail-service-card,
  html body main .quick-card,
  html body main .service-card,
  html body main .dm11-mobile-problem-card,
  html body main .dm11-problem-item,
  html body main .dm11-client-trust-strip span{
    background:var(--v17-panel)!important;
    color:#fff!important;
    border:1px solid var(--v17-line)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  /* Texte à l'intérieur des cartes */
  html body main .card *,
  html body main .step *,
  html body main .review *,
  html body main .quick-solution *,
  html body main .before-after *,
  html body main .guarantee-box *,
  html body main .simulator label,
  html body main .trust-item *,
  html body main .trust-badge,
  html body main .notice-red *,
  html body main .cta *,
  html body main .pack *,
  html body main .blog-card *,
  html body main .contact-card *,
  html body main .info-card *,
  html body main .feature-card *,
  html body main .faq-item *,
  html body main .faq-card *,
  html body main .avis-google-box > h2,
  html body main .avis-google-box > h3,
  html body main .thank-card *,
  html body main .service-check *,
  html body main .warning-box *,
  html body main .privacy-reassurance *,
  html body main .rdv-side *,
  html body main .pack-card-new *,
  html body main .opt-card *,
  html body main .order-step *,
  html body main .order-form-card *,
  html body main .pack-choice label *,
  html body main .option-row *,
  html body main .faq-list details *,
  html body main .svc-card *,
  html body main .svc-build-card *,
  html body main .svc-hero-panel *,
  html body main .svc-summary *,
  html body main .svc-cta *,
  html body main .tp-card *,
  html body main .tp-mini *,
  html body main .tp-overview-card *,
  html body main .tp-info-card *,
  html body main .tp-condition *,
  html body main .tp-travel *,
  html body main .booking-panel *,
  html body main .booking-sidebar *,
  html body main .booking-info-card *,
  html body main .home-showcase-copy *,
  html body main .home-proof *,
  html body main .detail-service-card *,
  html body main .quick-card *,
  html body main .service-card *{
    opacity:1!important;
  }
  html body main .card h3,
  html body main .step h3,
  html body main .review strong,
  html body main .quick-solution h3,
  html body main .before-after h3,
  html body main .guarantee-box h2,
  html body main .trust-item strong,
  html body main .pack h3,
  html body main .contact-card h3,
  html body main .info-card h3,
  html body main .feature-card h3,
  html body main .faq-item h3,
  html body main .faq-card h3,
  html body main .home-showcase-copy h2,
  html body main .home-proof strong{
    color:#fff!important;
  }
  html body main .card p,
  html body main .card li,
  html body main .step p,
  html body main .review p,
  html body main .quick-solution p,
  html body main .before-after p,
  html body main .guarantee-box p,
  html body main .trust-item,
  html body main .trust-badge,
  html body main .pack p,
  html body main .contact-card p,
  html body main .info-card p,
  html body main .feature-card p,
  html body main .faq-item p,
  html body main .faq-card p,
  html body main .home-showcase-copy p,
  html body main .home-proof span{
    color:var(--v17-text)!important;
  }

  /* Accueil: les classes héritées de l'ancien thème avaient une forte priorité */
  html body.home-page main .dm11-home-cases .before-after,
  html body.home-page main .dm11-home-reviews .review,
  html body.home-page main .dm11-home-quick .quick-solution,
  html body.home-page main .dm11-home-services .card,
  html body.home-page main .guarantee-box,
  html body.home-page main .trust-badge{
    background:var(--v17-panel)!important;
    color:#fff!important;
    border:1px solid var(--v17-line)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.28)!important;
  }
  html body.home-page main .dm11-home-cases .before-after h3,
  html body.home-page main .dm11-home-reviews .review strong,
  html body.home-page main .dm11-home-quick .quick-solution h3,
  html body.home-page main .dm11-home-services .card h3,
  html body.home-page main .guarantee-box h2{
    color:#fff!important;opacity:1!important;
  }
  html body.home-page main .dm11-home-cases .before-after p,
  html body.home-page main .dm11-home-reviews .review p,
  html body.home-page main .dm11-home-quick .quick-solution p,
  html body.home-page main .dm11-home-services .card li,
  html body.home-page main .guarantee-box p,
  html body.home-page main .trust-badge{
    color:var(--v17-text)!important;opacity:1!important;
  }
  html body.home-page main .dm11-home-services .card .ico,
  html body.home-page main .dm11-home-quick .quick-solution i{
    background:#073f78!important;color:var(--v17-cyan)!important;
  }

  /* Avant / Après en pile mobile : aucune carte coupée */
  html body main .before-after-grid,
  html body.home-page main .dm11-home-cases .before-after-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 14px!important;
    overflow:visible!important;
  }
  html body main .before-after,
  html body.home-page main .dm11-home-cases .before-after{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  html body main .before-after .mini-label{
    display:inline-flex!important;
    padding:5px 9px!important;
    border-radius:8px!important;
    background:rgba(7,70,130,.78)!important;
    color:#b8f7ff!important;
    border:1px solid rgba(76,238,255,.28)!important;
  }

  /* Avis internes en pile; Google widget externe reste lisible */
  html body.home-page main .dm11-home-reviews .grid3{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 14px!important;
    overflow:visible!important;
  }
  html body.home-page main .dm11-home-reviews .review{
    width:100%!important;max-width:100%!important;min-height:0!important;padding:18px!important;border-radius:20px!important;
  }

  /* Trust badges: 2 colonnes sans débordement */
  html body main .trust-badges,
  html body.home-page main .trust-badges{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 14px!important;
    overflow:visible!important;
  }
  html body main .trust-badge,
  html body.home-page main .trust-badge{
    width:100%!important;min-width:0!important;min-height:58px!important;border-radius:16px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    text-align:center!important;font-size:13px!important;
  }

  /* Simulateur: panneau sombre, champs sombres */
  html body main .simulator,
  html body.home-page main .dm11-home-simulator .simulator{
    background:var(--v17-panel)!important;
    border:1px solid var(--v17-line)!important;
    padding:18px!important;
    border-radius:22px!important;
    color:#fff!important;
  }
  html body main .simulator label{color:#fff!important;opacity:1!important}
  html body main .simulator select,
  html body main .simulator input,
  html body main .simulator textarea{
    background:#041b3a!important;color:#fff!important;border:1px solid rgba(76,238,255,.28)!important;
  }
  html body main .estimate-result{
    background:#062247!important;color:#fff!important;border:1px solid rgba(76,238,255,.25)!important;
  }

  /* Formulaires: le grand panneau blanc disparaît */
  html body main .form,
  html body main form.form{
    background:var(--v17-panel)!important;
    color:#fff!important;
    border:1px solid var(--v17-line)!important;
    border-radius:22px!important;
    padding:18px!important;
    box-shadow:0 15px 34px rgba(0,0,0,.30)!important;
  }
  html body main .form > div,
  html body main form.form > div{
    color:#fff!important;
  }
  html body main .form label,
  html body main form.form label{
    color:#fff!important;opacity:1!important;font-weight:800!important;
  }
  html body main input:not([type="checkbox"]):not([type="radio"]),
  html body main select,
  html body main textarea{
    width:100%!important;
    min-height:50px!important;
    background:#061d3d!important;
    color:#fff!important;
    border:1px solid rgba(76,238,255,.28)!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  html body main input::placeholder,
  html body main textarea::placeholder{color:#afc3d8!important;opacity:1!important}
  html body main option{background:#061d3d!important;color:#fff!important}

  /* Contact: carte coordonnées sombre */
  html body main .content .card,
  html body main .section .card{
    background:var(--v17-panel)!important;color:#fff!important;border:1px solid var(--v17-line)!important;
  }
  html body main .content .card h2,
  html body main .content .card h3,
  html body main .section .card h2,
  html body main .section .card h3{color:#fff!important}
  html body main .content .card p,
  html body main .content .card li,
  html body main .section .card p,
  html body main .section .card li{color:var(--v17-text)!important}

  /* Sections qui contiennent des styles inline clairs */
  html body main div[style*="background:#fff"],
  html body main div[style*="background: #fff"],
  html body main div[style*="background:#f5"],
  html body main div[style*="background: #f5"]{
    background:var(--v17-panel2)!important;
    color:#fff!important;
    border-color:var(--v17-line)!important;
  }

  /* Footer compact / lisible */
  html body footer.footer,
  html body .footer.pro-footer{
    background:#010916!important;color:#fff!important;border-top:1px solid rgba(76,238,255,.14)!important;padding-bottom:118px!important;
  }
  html body footer.footer p,
  html body footer.footer li,
  html body footer.footer a,
  html body .footer.pro-footer p,
  html body .footer.pro-footer li,
  html body .footer.pro-footer a{color:#e1edf9!important;opacity:1!important}

  /* Cookies: sombre, lisible, compact */
  html body .cookie-banner[data-cookie-banner]{
    position:fixed!important;left:12px!important;right:12px!important;bottom:100px!important;z-index:2147483000!important;
    width:auto!important;max-width:560px!important;margin:0 auto!important;padding:15px!important;
    background:linear-gradient(155deg,#082953 0%,#03162f 68%,#180b39 100%)!important;
    color:#fff!important;border:1px solid rgba(76,238,255,.48)!important;border-radius:20px!important;
    box-shadow:0 20px 50px rgba(0,0,0,.58)!important;
  }
  html body .cookie-banner[data-cookie-banner] strong{color:#fff!important;opacity:1!important;font-size:17px!important}
  html body .cookie-banner[data-cookie-banner] p{color:#eef6ff!important;opacity:1!important;font-size:13.5px!important}
  html body .cookie-banner[data-cookie-banner] .cookie-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  html body .cookie-banner[data-cookie-banner] [data-cookie-accept]{
    width:100%!important;min-height:48px!important;background:linear-gradient(105deg,#1670ff,#14d7ff 65%,#8254ff)!important;
    color:#fff!important;border:1px solid rgba(142,246,255,.72)!important;border-radius:13px!important;font-weight:900!important;
  }
  html body .cookie-banner[data-cookie-banner] .cookie-more{color:#9cf5ff!important;text-align:center!important}

  /* Header mobile V17 */
  html body .dm17-mobile-header{
    width:100%!important;min-height:114px!important;padding:13px 16px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(180deg,#010916,#021128)!important;
    border-bottom:1px solid rgba(76,238,255,.14)!important;
  }
  html body .dm17-mobile-header a{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}
  html body .dm17-mobile-header img{width:310px!important;max-width:90vw!important;height:auto!important;display:block!important;margin:0 auto!important}
  html body.dm17-ready>header,
  html body.dm17-ready>.topbar,
  html body.dm17-ready .shell>header.header{display:none!important}

  /* Petite scène château + camionnette */
  html body.home-page .dm17-van-scene{
    display:block!important;
    width:100%!important;
    height:174px!important;
    margin:12px 0 14px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(0,5,18,.02),rgba(0,7,24,.10)),url("fond-accueil-depannemoi11.webp") 72% 21%/cover no-repeat!important;
    border:1px solid rgba(76,238,255,.35)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 22px rgba(0,150,255,.10)!important;
  }

  /* Menu du bas historique conservé */
  html body .dm17-mobile-nav{
    position:fixed!important;left:12px!important;right:12px!important;bottom:8px!important;z-index:10020!important;
    height:80px!important;display:grid!important;grid-template-columns:1fr 1fr 1.08fr 1fr 1fr!important;
    align-items:end!important;padding:8px 7px calc(7px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(3,22,48,.99),rgba(1,13,30,.995))!important;
    border:1px solid rgba(75,202,255,.27)!important;border-radius:28px!important;
    box-shadow:0 -12px 36px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(14px)!important;
  }
  html body .dm17-mobile-nav a,
  html body .dm17-mobile-nav button{
    min-width:0!important;height:58px!important;border:0!important;background:transparent!important;color:#b8c9db!important;text-decoration:none!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    font:800 9.5px/1 Inter,Segoe UI,Arial,sans-serif!important;padding:0 2px!important;border-radius:14px!important;
  }
  html body .dm17-mobile-nav i{font-size:20px!important;color:#b8c9db!important}
  html body .dm17-mobile-nav a.active{background:rgba(18,94,171,.30)!important;color:#fff!important}
  html body .dm17-mobile-nav a.active i{color:#60e4ff!important}
  html body .dm17-mobile-nav .nav-rdv{height:72px!important;transform:translateY(-14px)!important;color:#e8f4ff!important}
  html body .dm17-mobile-nav .nav-rdv-icon{
    width:64px!important;height:64px!important;margin-bottom:-4px!important;border-radius:20px!important;display:grid!important;place-items:center!important;
    background:linear-gradient(145deg,#1384ff,#116bdc)!important;border:3px solid rgba(107,208,255,.46)!important;
    box-shadow:0 8px 24px rgba(0,98,255,.40),inset 0 0 0 1px rgba(255,255,255,.14)!important;
  }
  html body .dm17-mobile-nav .nav-rdv-icon i{font-size:27px!important;color:#fff!important}

  html body .dm17-sheet-backdrop{position:fixed!important;inset:0!important;z-index:10030!important;background:rgba(0,4,12,.68)!important;backdrop-filter:blur(3px)!important}
  html body .dm17-bottom-sheet{position:fixed!important;left:12px!important;right:12px!important;bottom:96px!important;z-index:10040!important;padding:11px 12px 14px!important;border-radius:22px!important;background:linear-gradient(160deg,#072852,#03162f 72%,#170a38)!important;border:1px solid var(--v17-line)!important;box-shadow:0 20px 50px rgba(0,0,0,.48)!important}
  html body .dm17-sheet-handle{width:42px!important;height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;margin:0 auto 9px!important}
  html body .dm17-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}
  html body .dm17-sheet-head strong{font-size:17px!important;color:#fff!important}
  html body .dm17-sheet-close{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid var(--v17-line)!important;background:#08264e!important;color:#fff!important}
  html body .dm17-sheet-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  html body .dm17-sheet-grid a{min-height:72px!important;padding:8px!important;border-radius:13px!important;background:rgba(6,39,80,.88)!important;border:1px solid rgba(57,218,255,.20)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important;text-align:center!important}
  html body .dm17-sheet-grid i{font-size:19px!important;color:var(--v17-cyan)!important}
  html body .dm17-bottom-sheet[hidden],html body .dm17-sheet-backdrop[hidden]{display:none!important}

  /* Supprime les anciens menus/widgets mobile qui peuvent revenir */
  html body .dm11-mobile-nav,
  html body .dm12-mobile-nav,
  html body .dm13-mobile-nav,
  html body .dm14-mobile-nav,
  html body .mobile-bottom,
  html body .mobile-bottom-nav,
  html body .v12-bottom-sheet,
  html body .v12-sheet-backdrop,
  html body .dm14-bottom-sheet,
  html body .dm14-sheet-backdrop,
  html body .mobile-menu-btn,
  html body #mobileMenuBtn,
  html body .menu-toggle,
  html body .header-quick-actions,
  html body .header-actions,
  html body .floating-actions,
  html body .float-actions{display:none!important;visibility:hidden!important;pointer-events:none!important}

  html body iframe[src*="tawk"],
  html body [id*="tawk" i],
  html body [class*="tawk" i]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}

@media(max-width:390px){
  html body .dm17-mobile-header img{width:288px!important;max-width:91vw!important}
  html body.home-page .dm17-van-scene{height:162px!important;background-position:73% 21%!important}
  html body .dm17-mobile-nav{left:7px!important;right:7px!important}
  html body .dm17-mobile-nav a,html body .dm17-mobile-nav button{font-size:8.8px!important}
  html body .dm17-mobile-nav .nav-rdv-icon{width:59px!important;height:59px!important}
}


/* =============================================================
   DEPANNE-MOI11 — V18 CORRECTIFS MOBILES CIBLÉS
   1) Footer accordéons cliquables
   2) Accès rapide 100% sombre / lisible
   3) Badges / petits titres cyan centrés
   ============================================================= */
@media (max-width:820px){
  /* --- 1. FOOTER : réactive les <summary> bloqués par un ancien CSS --- */
  html body footer.pro-footer details.footer-section > summary,
  html body .footer.pro-footer .footer-section > summary{
    pointer-events:auto!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    position:relative!important;
    z-index:3!important;
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0!important;
    padding:18px 22px!important;
    color:#fff!important;
    opacity:1!important;
    touch-action:manipulation!important;
  }
  html body footer.pro-footer details.footer-section > summary::after,
  html body .footer.pro-footer .footer-section > summary::after{
    content:"+"!important;
    color:#2b86ff!important;
    font-size:31px!important;
    font-weight:900!important;
    line-height:1!important;
    flex:none!important;
  }
  html body footer.pro-footer details.footer-section[open] > summary::after,
  html body .footer.pro-footer .footer-section[open] > summary::after{
    content:"–"!important;
  }
  html body footer.pro-footer details.footer-section > ul,
  html body .footer.pro-footer .footer-section > ul{
    padding:0 22px 20px!important;
  }
  html body footer.pro-footer details.footer-section:not([open]) > ul,
  html body .footer.pro-footer .footer-section:not([open]) > ul{
    display:none!important;
  }
  html body footer.pro-footer details.footer-section[open] > ul,
  html body .footer.pro-footer .footer-section[open] > ul{
    display:grid!important;
  }

  /* --- 2. ACCÈS RAPIDE : aucune grande zone blanche --- */
  html body.home-page main .dm11-mobile-problem-finder,
  html body main .dm11-mobile-problem-finder{
    display:block!important;
    width:100%!important;
    padding:28px 0 24px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(24,128,255,.12),transparent 30%),
      linear-gradient(180deg,#010b1b 0%,#031733 100%)!important;
    border-top:1px solid rgba(76,238,255,.10)!important;
    border-bottom:1px solid rgba(76,238,255,.12)!important;
  }
  html body.home-page main .dm11-mobile-problem-card,
  html body main .dm11-mobile-problem-card{
    width:calc(100% - 28px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:18px!important;
    border-radius:24px!important;
    background:linear-gradient(155deg,rgba(6,42,88,.98),rgba(2,17,43,.995) 58%,rgba(25,8,58,.97))!important;
    border:1px solid rgba(76,238,255,.36)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  html body.home-page main .dm11-mobile-problem-head,
  html body main .dm11-mobile-problem-head{
    align-items:center!important;
    margin-bottom:16px!important;
  }
  html body.home-page main .dm11-mobile-problem-head > div,
  html body main .dm11-mobile-problem-head > div{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:center!important;
  }
  html body.home-page main .dm11-mobile-problem-head small,
  html body main .dm11-mobile-problem-head small{
    display:block!important;
    margin:0 auto 6px!important;
    color:#48e8ff!important;
    opacity:1!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-align:center!important;
  }
  html body.home-page main .dm11-mobile-problem-head h2,
  html body main .dm11-mobile-problem-head h2{
    margin:0 auto!important;
    color:#fff!important;
    opacity:1!important;
    text-align:center!important;
    font-size:clamp(25px,7.4vw,34px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  html body.home-page main .dm11-mini-shield,
  html body main .dm11-mini-shield{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    color:#47edff!important;
    background:linear-gradient(145deg,#084982,#06305c)!important;
    border:1px solid rgba(76,238,255,.30)!important;
    box-shadow:0 0 18px rgba(0,204,255,.16)!important;
  }
  html body.home-page main .dm11-problem-grid,
  html body main .dm11-problem-grid{
    gap:10px!important;
  }
  html body.home-page main .dm11-problem-item,
  html body main .dm11-problem-item{
    min-height:92px!important;
    padding:13px!important;
    border-radius:18px!important;
    background:linear-gradient(150deg,rgba(4,37,78,.96),rgba(5,20,52,.99) 70%,rgba(24,8,55,.95))!important;
    border:1px solid rgba(76,238,255,.27)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
  }
  html body.home-page main .dm11-problem-icon,
  html body main .dm11-problem-icon{
    flex:0 0 43px!important;
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    color:#4ceeff!important;
    background:#064274!important;
    border:1px solid rgba(76,238,255,.22)!important;
  }
  html body.home-page main .dm11-problem-item strong,
  html body main .dm11-problem-item strong{
    color:#fff!important;
    opacity:1!important;
    font-size:16px!important;
    line-height:1.15!important;
  }
  html body.home-page main .dm11-problem-item span,
  html body main .dm11-problem-item span{
    color:#cfe1f3!important;
    opacity:1!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  html body.home-page main .dm11-problem-other,
  html body main .dm11-problem-other{
    margin-top:12px!important;
    min-height:52px!important;
    padding:12px 15px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#0b477b,#0a2e59)!important;
    color:#f2fbff!important;
    border:1px solid rgba(76,238,255,.28)!important;
    font-size:14px!important;
  }
  html body.home-page main .dm11-client-trust-strip,
  html body main .dm11-client-trust-strip{
    gap:8px!important;
    margin-top:12px!important;
  }
  html body.home-page main .dm11-client-trust-strip span,
  html body main .dm11-client-trust-strip span{
    padding:10px 5px!important;
    border-radius:12px!important;
    background:rgba(4,31,66,.96)!important;
    border:1px solid rgba(76,238,255,.18)!important;
    color:#eaf7ff!important;
    opacity:1!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  /* --- 3. PETITS TITRES CYAN / BLEUS : centrage harmonisé --- */
  html body main .title > .k,
  html body main .title > .k2,
  html body main .section-heading > .k,
  html body main .section-heading > .k2,
  html body main .svc-title > .k,
  html body main .tp-title > .k,
  html body main .pack-head > .k,
  html body main .home-showcase-copy > .k,
  html body main .rdv-side > .k,
  html body main .google-live-title > .k,
  html body main .guarantee-box > .k,
  html body main .eyebrow{
    display:table!important;
    width:auto!important;
    max-width:94%!important;
    margin:0 auto 10px!important;
    padding:5px 9px!important;
    text-align:center!important;
    color:#4ceeff!important;
    opacity:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    line-height:1.15!important;
  }

  /* Le bloc "Votre technicien local" garde le contenu lisible mais le badge est centré */
  html body main .home-showcase-copy{
    text-align:left!important;
  }
  html body main .home-showcase-copy > .k{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Footer : les liens ouverts restent au-dessus de la nav fixe */
  html body footer.pro-footer{
    padding-bottom:145px!important;
  }
}

@media (max-width:430px){
  html body.home-page main .dm11-mobile-problem-head{
    align-items:flex-start!important;
  }
  html body.home-page main .dm11-mini-shield{
    flex-basis:43px!important;width:43px!important;height:43px!important;
  }
}