/* V15 – retouches mobile */
@media (max-width: 768px){
  .section-heading{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:12px;
  }
  .section-heading > div{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .section-heading .eyebrow,
  .section-heading h2,
  .section-heading .text-link{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .service-intro{
    text-align:center;
  }
  .service-intro h1{
    font-size:clamp(2.05rem, 8.2vw, 3.5rem);
    line-height:1.08;
    letter-spacing:-1.3px;
    margin-left:auto;
    margin-right:auto;
    max-width:10ch;
  }
  .service-intro p,
  .service-intro .eyebrow{
    text-align:center;
  }

  .service-page .service-window .window-bar{
    padding:9px 10px;
    gap:8px;
    min-height:46px;
  }
  .service-page .service-window .window-bar strong{
    flex:1 1 auto;
    display:block;
    font-size:11px !important;
    line-height:1.12;
    letter-spacing:-.2px;
    text-align:center;
    margin:0 auto;
    max-width:58%;
    overflow:hidden;
    text-wrap:balance;
  }
  .service-page .service-window .window-tag{
    font-size:10px;
    padding:4px 7px;
    white-space:nowrap;
    flex:0 0 auto;
  }
  .service-page .service-window .traffic-lights{
    flex:0 0 auto;
  }
}

@media (max-width: 520px){
  .service-page .service-window .window-bar{
    padding:8px 9px;
    min-height:42px;
  }
  .service-page .service-window .window-bar strong{
    font-size:10px !important;
    line-height:1.08;
    max-width:64%;
  }
  .service-page .service-window .window-tag{
    display:none;
  }
}


/* V16 – titres mobile plus propres */
@media (max-width: 768px){
  .service-intro h1{
    font-size:clamp(1.8rem, 7vw, 2.85rem);
    line-height:1.06;
    letter-spacing:-1px;
    max-width:13ch;
    text-wrap:balance;
  }
  .service-intro p{
    max-width:30ch;
    margin-left:auto;
    margin-right:auto;
  }
  .hero-window .window-bar strong{
    font-size:13px;
    letter-spacing:-.2px;
  }
}

@media (max-width: 520px){
  .service-intro h1{
    font-size:clamp(1.62rem, 6.6vw, 2.2rem);
    line-height:1.05;
    letter-spacing:-.8px;
    max-width:14ch;
  }
  .hero-window .window-bar{
    padding:10px 12px;
  }
  .hero-window .window-bar strong{
    font-size:12px;
    line-height:1.1;
  }
}

/* V17 : titre Finder propre et secteur centré sur tous les écrans */
.hero-window .window-bar{min-height:52px;height:auto;gap:10px}
.hero-window .window-bar .mac-window-two-lines{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.22;font-size:12px;letter-spacing:0}
.hero-window .window-bar .mac-window-two-lines span{display:block}
.hero-window .window-bar .mac-window-two-lines span:first-child{font-weight:800;color:#274e7c}
.hero-window .window-bar .mac-window-two-lines span:last-child{font-weight:600;color:#60758d}
.hero-window .window-bar .traffic-lights{flex:0 0 auto}
.sector-centered{text-align:center}
.sector-centered .eyebrow,.sector-centered h2,.sector-centered .phone-line{text-align:center}
.sector-centered .zones{display:flex;flex-direction:column;align-items:center;gap:6px;list-style:none;padding:0;margin:18px auto 0;max-width:100%}
.sector-centered .zones li{text-align:center;line-height:1.6}
.sector-centered .zones li::before{content:'• ';color:#217be5}
.sector-centered .phone-line{display:inline-flex;justify-content:center}
@media(max-width:520px){
  .hero-window .window-bar{min-height:54px;padding:7px 10px}
  .hero-window .window-bar .mac-window-two-lines{font-size:11px;line-height:1.2}
  .sector-centered .zones{gap:6px}
}