/* Plumber Deboucheur — v4-38 (2026-10-06). Charge apres v4-37.css.
   Banniere des pages sur tablette et telephone : la photo etait posee en absolu
   dans un cadre paysage (16/11), donc la photo avant/apres carree laissait deux
   bandes vides, et les vignettes « Agree assurances » et « 4,9 sur Google »,
   restees dans le flux du cadre, passaient sous la photo. Ici la photo reprend
   toute la largeur a ses vraies proportions. Les deux vignettes, posees
   dessous un temps, chargeaient trop le haut de page (« c'est moche ») : elles
   sont masquees sur tablette et telephone, et restent sur ordinateur. */
@media (max-width:900px){
  .a4-hero__photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible}
  .a4-hero__photo img{position:static!important;inset:auto!important;grid-column:1/-1;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .a4-hero__photo--entier img{aspect-ratio:auto;object-fit:contain!important}
  .a4-hero__photo .trust{display:none!important}
}

/* En-tete entre 901 et 1240 px (tablette a l'horizontale, petits portables) :
   « Zone d'intervention » et « Val-d'Oise (95) et Ile-de-France » passaient sur
   deux lignes et l'en-tete grimpait de 77 a 107 px. Les liens restent sur une
   ligne, et le texte « Urgence 24h/24 » laisse la place : le bouton d'appel
   reste, et le menu Services contient deja « Urgence 24h/24 ». */
.nav>a,.nav__drop>summary{white-space:nowrap}
@media (min-width:901px) and (max-width:1240px){
  .hdr__urgence{display:none}
  .nav{gap:clamp(12px,1.3vw,20px)}
}

/* Ordinateur : la photo avant/apres carree etait centree (contain) dans un cadre
   plus haut qu'elle, donc la vignette « Agree assurances » flottait au-dessus de
   la photo, separee par un vide. Le cadre prend le format carre de la photo :
   les vignettes retombent sur ses coins. */
@media (min-width:901px){
  .a4-hero__photo--entier{aspect-ratio:1/1;height:auto!important;min-height:0!important;align-self:center}
}