/*
 * Accès pro uniquement. Charger après style.css, generated-images.css et devis.css.
 * Photo n°5 API 4K, convertie en WebP sans perte à sa résolution native.
 */
body.pro-page.sx-pro-mediterranee {
  --sx-pro-background-image: url('../images/fond-acces-pro-terrasse-iles-api-4k.webp?v=20261015-1');
  --sx-pro-header-height: 112px;
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  background: #050505;
}

/*
 * Couche liée au viewport, indépendante de la hauteur du contenu.
 * Une seule photo : ni dégradé, ni voile, ni filtre, ni étirement.
 */
body.pro-page.sx-pro-mediterranee::before {
  content: '';
  position: fixed;
  inset: var(--sx-pro-header-height) 0 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--sx-pro-background-image);
  background-position: left 28%;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: normal;
  opacity: 1;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  mix-blend-mode: normal;
  mask-image: none;
  -webkit-mask-image: none;
  transition: none;
  animation: none;
}

/* Les zones du site gardent leurs fonds de lisibilité, sans flouter la photo. */
body.pro-page.sx-pro-mediterranee .site-header,
body.pro-page.sx-pro-mediterranee .sx-quote::backdrop {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (max-width: 760px) {
  body.pro-page.sx-pro-mediterranee {
    --sx-pro-header-height: 74px;
  }
}