/* DigiPure desktop full-wide composition.
   The page background already spans the viewport; this layer lets the useful
   content follow it on large screens while keeping text measures readable. */
@media (min-width: 1181px) {
  :root {
    --dp-wide-gutter: clamp(1.5rem, 1.6vw, 3rem);
  }

  body.svc-sea .ga-hero__copy {
    width: min(47vw, 58rem) !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  html body.page-nos-solutions main > .solutions-hero .solutions-hero__grid,
  html body.page-nos-solutions main > .solutions-image-lab > .container-lg,
  html body.page-nos-solutions main > .solutions-marketplace > .container-lg,
  html body.page-nos-solutions main > .solutions-guidance > .solutions-guidance__inner {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__grid {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    grid-template-columns: minmax(25rem, 0.72fr) minmax(0, 1.28fr) !important;
    gap: clamp(2rem, 3vw, 5rem) !important;
  }

  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__copy {
    width: 100% !important;
    max-width: 43rem !important;
    justify-self: start !important;
  }

  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__visual,
  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__visual.reveal,
  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__visual.reveal.visible,
  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero__visual.reveal.is-revealed {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    justify-self: stretch !important;
  }

  html body.page-nos-solutions main > .solutions-hero.solutions-hero--art.solutions-hero--v2 .solutions-hero-layered {
    width: 100% !important;
    max-width: none !important;
  }

  body.page-nos-solutions .solutions-image-lab .solutions-section-head {
    max-width: 76rem !important;
  }

  body.page-nos-solutions .solutions-marketplace .mp-layout {
    grid-template-columns: minmax(0, 1fr) clamp(23rem, 19vw, 30rem) !important;
    gap: clamp(1.5rem, 2.2vw, 3.5rem) !important;
  }

  html body.page-nos-solutions main > .solutions-guidance > .solutions-guidance__inner {
    padding: clamp(2.5rem, 4vw, 6rem) !important;
    grid-template-columns: minmax(20rem, 0.82fr) minmax(30rem, 1.18fr) minmax(20rem, 0.82fr) !important;
    gap: clamp(2rem, 3vw, 5rem) !important;
  }

  html body.page-nos-solutions > .footer > .container-lg {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
}

/* Vite regroupe les feuilles par page et peut placer ce chunk avant les CSS
   historiques. Ces sélecteurs décrivent la hiérarchie réelle des pages : leur
   spécificité garantit que les anciens plafonds !important ne reprennent pas
   la main après le build. */
@media (min-width: 1181px) {

  html[data-theme] body.page-nos-solutions main .solutions-hero .solutions-hero__grid,
  html[data-theme] body.page-nos-solutions main .solutions-image-lab > .container-lg,
  html[data-theme] body.page-nos-solutions main .solutions-marketplace > .container-lg,
  html[data-theme] body.page-nos-solutions main .solutions-guidance > .solutions-guidance__inner {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  html[data-theme] body.page-nos-solutions main .solutions-image-lab > .container-lg,
  html[data-theme] body.page-nos-solutions main .solutions-marketplace > .container-lg {
    padding-inline: 0 !important;
  }

  html[data-theme] body.page-nos-solutions main .solutions-guidance > .solutions-guidance__inner {
    padding: clamp(2.5rem, 4vw, 6rem) !important;
  }
}