/* V52 — fond camionnette harmonisé sur tout le site */
body.dm11-client-ui{
  background:
    radial-gradient(circle at 14% 10%, rgba(60,120,255,.16), transparent 20%),
    radial-gradient(circle at 88% 8%, rgba(0,210,255,.10), transparent 18%),
    linear-gradient(180deg,#03101f 0%,#05172f 42%,#030814 100%) !important;
  color:#fff;
}

body.dm11-client-ui main{
  position:relative;
  isolation:isolate;
}

body.dm11-client-ui:not(.dm11-home) main::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:min(660px,72vh);
  background:
    linear-gradient(180deg, rgba(3,10,24,.20) 0%, rgba(3,10,24,.34) 42%, rgba(3,10,24,.94) 100%),
    linear-gradient(90deg, rgba(2,11,28,.82) 0%, rgba(2,12,30,.42) 49%, rgba(2,12,30,.78) 100%),
    url("fond-accueil-depannemoi11.webp") center top / cover no-repeat;
  pointer-events:none;
  z-index:-2;
}

body.dm11-client-ui:not(.dm11-home) main::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.10;
  pointer-events:none;
  z-index:-1;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.95) 0, rgba(0,0,0,.30) 460px, transparent 940px);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95) 0, rgba(0,0,0,.30) 460px, transparent 940px);
}

body.dm11-client-ui:not(.dm11-home) .page,
body.dm11-client-ui:not(.dm11-home) .svc-hero,
body.dm11-client-ui:not(.dm11-home) .faq-hero,
body.dm11-client-ui:not(.dm11-home) .tp-hero,
body.dm11-client-ui:not(.dm11-home) .booking-hero,
body.dm11-client-ui:not(.dm11-home) .packhero,
body.dm11-client-ui:not(.dm11-home) .orderhero,
body.dm11-client-ui:not(.dm11-home) .page-hero,
body.dm11-client-ui:not(.dm11-home) .local-seo-hero{
  position:relative;
  background:transparent !important;
}

body.dm11-client-ui:not(.dm11-home) .page::before,
body.dm11-client-ui:not(.dm11-home) .svc-hero::before,
body.dm11-client-ui:not(.dm11-home) .faq-hero::before,
body.dm11-client-ui:not(.dm11-home) .tp-hero::before,
body.dm11-client-ui:not(.dm11-home) .booking-hero::before,
body.dm11-client-ui:not(.dm11-home) .packhero::before,
body.dm11-client-ui:not(.dm11-home) .orderhero::before,
body.dm11-client-ui:not(.dm11-home) .page-hero::before,
body.dm11-client-ui:not(.dm11-home) .local-seo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(2,9,22,.10), rgba(2,9,22,.24) 58%, rgba(2,9,22,.48) 100%);
  pointer-events:none;
}

body.dm11-client-ui:not(.dm11-home) .page > *,
body.dm11-client-ui:not(.dm11-home) .svc-hero > *,
body.dm11-client-ui:not(.dm11-home) .faq-hero > *,
body.dm11-client-ui:not(.dm11-home) .tp-hero > *,
body.dm11-client-ui:not(.dm11-home) .booking-hero > *,
body.dm11-client-ui:not(.dm11-home) .packhero > *,
body.dm11-client-ui:not(.dm11-home) .orderhero > *,
body.dm11-client-ui:not(.dm11-home) .page-hero > *,
body.dm11-client-ui:not(.dm11-home) .local-seo-hero > *{
  position:relative;
  z-index:1;
}

body.dm11-client-ui:not(.dm11-home) .page,
body.dm11-client-ui:not(.dm11-home) .svc-hero,
body.dm11-client-ui:not(.dm11-home) .faq-hero,
body.dm11-client-ui:not(.dm11-home) .tp-hero,
body.dm11-client-ui:not(.dm11-home) .booking-hero,
body.dm11-client-ui:not(.dm11-home) .packhero,
body.dm11-client-ui:not(.dm11-home) .orderhero,
body.dm11-client-ui:not(.dm11-home) .page-hero,
body.dm11-client-ui:not(.dm11-home) .local-seo-hero{
  border-bottom:1px solid rgba(90,185,255,.14);
}

@media (max-width: 900px){
  body.dm11-client-ui:not(.dm11-home) main::before{
    height:min(520px,66vh);
    background-position:70% top;
  }
}