/* ===== V280 : la version tablette commence à 600 px (iPad mini = 744 px recevait la version cellulaire) ===== */
@media (min-width:600px) and (max-width:760px){
  .hero{display:flex;align-items:center;aspect-ratio:auto;padding-inline:clamp(24px,5vw,40px);background-color:#0a3f94;background-image:url(../img/hero.webp);background-image:image-set(url(../img/hero.webp) type("image/webp"));background-size:cover;background-position:68% center}
  .hero-text{display:block;width:auto}
  .hero h1 em{display:inline}
  .hero h1 .h1-l{display:block;white-space:nowrap}
  .m-br{display:none}
  .mini svg.d-only{display:block!important}
  .mini svg.m-only{display:none}
  .hero span.d-only{display:inline!important}
  .hero span.m-only{display:none}
  .hero .kicker{white-space:nowrap}
  .hero .kicker span{margin:0 8px}
  .hero .btns{flex-direction:row;flex-wrap:nowrap;align-items:center}
  .hero .btn{width:auto;white-space:nowrap;border-radius:12px}
  .hero .mini{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%}
  .hero .mini li,.hero .mini li+li,.hero .mini li:first-child,.hero .mini li:last-child{white-space:nowrap;padding:0;border-left:0;justify-content:flex-start;gap:10px}
  .hero .mini svg{width:24px;height:24px}
  .hero .mini li:nth-child(2) svg{width:30px}
}

/* ===== V279 : page d'accueil — version tablette (761 à 1199 px) ===== */
@media (min-width:600px) and (max-width:1199px){
  /* Hero : texte plus gros, colonne plus large, voile foncé derrière le texte */
  .hero{min-height:clamp(560px,62vw,660px);background-position:68% center;padding-block:clamp(48px,6vw,72px)}
  .hero::before{background:linear-gradient(90deg,rgba(4,16,52,.94) 0%,rgba(4,16,52,.86) 42%,rgba(4,16,52,.55) 66%,rgba(4,16,52,.18) 100%)}
  .hero-text{max-width:min(720px,88%)}
  .hero .kicker{font-size:.84rem;letter-spacing:.08em;font-weight:600;margin-bottom:16px}
  .hero h1{font-size:clamp(1.8rem,4.3vw,2.65rem);line-height:1.1;width:auto;max-width:none}
  .hero .lead{font-size:clamp(1rem,1.75vw,1.15rem);line-height:1.6;max-width:44ch;width:auto;margin:20px 0 28px;color:#fff}
  .hero .lead .lead-l{display:inline;white-space:normal}
  .hero .btns{gap:14px}
  .hero .btn{font-size:clamp(.95rem,1.6vw,1.05rem);padding:15px 24px}
  .hero .mini{margin-top:clamp(36px,4.5vw,52px);gap:clamp(18px,2.6vw,32px)}
  .hero .mini li{font-size:clamp(.95rem,1.6vw,1.05rem)}

  /* Sections Services et Réalisations : petits textes plus lisibles */
  .svx .svx-eyebrow,.rz .rz-eyebrow{font-size:.84rem}
  .svx .svx-lead,.rz .rz-lead{font-size:clamp(.98rem,1.7vw,1.1rem);line-height:1.6;max-width:60ch}
  .svx h2,.rz h2{font-size:clamp(1.75rem,3.6vw,2.4rem)}
  .svx .svx-card h3{font-size:clamp(1.1rem,1.9vw,1.25rem)}
  .svx .svx-card p{font-size:clamp(.88rem,1.5vw,.98rem);line-height:1.5}

  /* Réalisations : texte au-dessus, carrousel pleine largeur en dessous */
  .rz{grid-template-columns:minmax(0,1fr);gap:28px}
  .rz .br{display:none}
  .rz h2 em{white-space:normal}
  .rz .rz-ctrl{max-width:none}
  .rz .rz-card{width:min(72%,720px)}
  .rz .rz-track .rz-card[data-pos="1"]{transform:translateX(58%) rotateY(-28deg) scale(.8)}
  .rz .rz-track .rz-card[data-pos="-1"]{transform:translateX(-58%) rotateY(28deg) scale(.8)}
  .rz .rz-meta h3{font-size:clamp(1.05rem,1.9vw,1.25rem)}
  .rz .rz-meta p{font-size:clamp(.88rem,1.5vw,.98rem)}
}