/* V77 — Services : corrections MOBILE uniquement. PC inchangé. */
@media (max-width:820px){
  /* Fond de page continu, y compris tout en bas sur Safari/iPhone. */
  html,
  body,
  body#top{
    background:#010916!important;
    background-color:#010916!important;
  }

  /* Sur Services, le header historique mobile affichait encore logo.svg.
     On conserve le HTML PC et on remplace visuellement le logo uniquement sur téléphone. */
  body .dm11-v48-original-header .logo{
    width:min(310px,90vw)!important;
    height:82px!important;
    margin:0 auto!important;
    display:block!important;
    background:url("logo-depannemoi11-mobile-v23.webp") center/contain no-repeat!important;
  }
  body .dm11-v48-original-header .logo img{
    display:none!important;
  }
  body .dm11-v48-original-header .nav{
    justify-content:center!important;
    align-items:center!important;
  }

  /* Titres et textes de présentation centrés. */
  body main.svc-page .svc-hero-copy,
  body main.svc-page .svc-title,
  body main.svc-page .svc-cta,
  body main.svc-page .svc-gaming-grid > div:first-child{
    text-align:center!important;
  }
  body main.svc-page .svc-hero-copy > p,
  body main.svc-page .svc-title > p,
  body main.svc-page .svc-cta > p,
  body main.svc-page .svc-gaming-grid > div:first-child > p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Badges et groupes de boutons bien centrés. */
  body main.svc-page .svc-chip-row,
  body main.svc-page .svc-hero-actions,
  body main.svc-page .svc-cta-actions,
  body main.svc-page .svc-gaming-actions{
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  body main.svc-page .svc-hero-actions,
  body main.svc-page .svc-cta-actions,
  body main.svc-page .svc-gaming-actions{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:11px!important;
  }
  body main.svc-page .svc-hero-actions .svc-btn,
  body main.svc-page .svc-cta-actions .svc-btn,
  body main.svc-page .svc-gaming-actions .svc-btn{
    width:min(100%,360px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* Centre aussi les titres des cartes sans rendre les listes difficiles à lire. */
  body main.svc-page .svc-card > h3,
  body main.svc-page .svc-audience-grid > article > h3,
  body main.svc-page .svc-process > div > h3{
    text-align:center!important;
  }
  body main.svc-page .svc-card .svc-card-icon,
  body main.svc-page .svc-audience-grid > article > i,
  body main.svc-page .svc-process > div > i{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Footer : aucune bande claire résiduelle à la fin de la page. */
  body .footer.pro-footer{
    background:#010916!important;
    background-color:#010916!important;
    margin-bottom:0!important;
    border-bottom:24px solid #010916!important;
  }
  body .footer.pro-footer .copy{
    background:#010916!important;
    color:#d9e6f5!important;
    margin-bottom:0!important;
    padding-bottom:18px!important;
  }
  body .footer.pro-footer + *{
    background:#010916!important;
  }
}

@media (max-width:390px){
  body .dm11-v48-original-header .logo{
    width:min(288px,91vw)!important;
    height:76px!important;
  }
}