/*
 * GATARD Pro Pages 1.13.0
 * CMS 10 uniquement — feuille finale unique et stable.
 * 4 cartes desktop / 3 tablette / 2 mobile, légendes blanches dans l'image
 * sur desktop et aucun conflit avec les anciennes versions.
 */

html body.cms-id-10 {
  overflow-x: hidden !important;
  background: #fbf7f2 !important;
}

@supports (overflow: clip) {
  html body.cms-id-10 { overflow-x: clip !important; }
}

body.cms-id-10 #wrapper,
body.cms-id-10 #main,
body.cms-id-10 #content-wrapper,
body.cms-id-10 #content,
body.cms-id-10 .page-content,
body.cms-id-10 section.page-cms {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

body.cms-id-10 .breadcrumb,
body.cms-id-10 .breadcrumb-wrapper,
body.cms-id-10 .page-header {
  display: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference {
  --gpp-gallery-gap: clamp(10px, 1vw, 18px);
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #241c13 !important;
  background: #fbf7f2 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

@supports (overflow: clip) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference {
    overflow-x: clip !important;
  }
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference * {
  box-sizing: border-box !important;
}

/* Hero collé au header, sans bande intermédiaire. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(430px, 42vw, 680px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-image: linear-gradient(90deg, rgba(16,12,8,.88) 0%, rgba(16,12,8,.62) 38%, rgba(16,12,8,.12) 78%), var(--gatard-gallery-hero) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-inner {
  width: min(1800px, calc(100% - 30px)) !important;
  min-height: inherit !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 112px) 0 clamp(98px, 10vw, 150px) !important;
  display: flex !important;
  align-items: center !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy {
  width: min(700px, 100%) !important;
  margin: 0 !important;
  color: #fff !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy p,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__eyebrow {
  font-family: Poppins, Arial, sans-serif !important;
}

/* Contenu central avec les mêmes gouttières de 15 px. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell {
  position: relative !important;
  width: min(1800px, calc(100% - 30px)) !important;
  max-width: 1800px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tabs {
  position: relative !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, .8vw, 14px) !important;
  width: 100% !important;
  margin: clamp(-72px, -5vw, -50px) 0 0 !important;
  padding: clamp(10px, .9vw, 16px) !important;
  border: 1px solid rgba(133,118,80,.14) !important;
  border-radius: clamp(16px, 1.2vw, 22px) !important;
  background: rgba(255,253,248,.97) !important;
  box-shadow: 0 18px 42px rgba(47,35,20,.10) !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab {
  min-width: 0 !important;
  min-height: clamp(66px, 5vw, 82px) !important;
  margin: 0 !important;
  padding: clamp(10px, .8vw, 14px) !important;
  border: 1px solid rgba(133,118,80,.14) !important;
  border-radius: clamp(12px, .9vw, 16px) !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(8px, .75vw, 13px) !important;
  color: #241c13 !important;
  background: #fffdf8 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab.gatard-is-active {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #c99b45, #ddb461) !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell-inner {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(46px, 4.5vw, 76px) 0 clamp(54px, 5vw, 86px) !important;
  background: transparent !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__duo,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-slider,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid {
  min-width: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section {
  width: 100% !important;
  margin: 0 0 clamp(44px, 5vw, 82px) !important;
  padding: 0 !important;
  border: 0 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__duo {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* En-tête de catégorie : texte à gauche et action sur la même ligne. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(10px, 1.2vw, 22px) !important;
  width: 100% !important;
  margin: 0 0 clamp(14px, 1.5vw, 24px) !important;
  padding: clamp(7px, .65vw, 12px) clamp(7px, .75vw, 13px) !important;
  border: 0 !important;
  background: transparent !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head h2 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #241c13 !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: clamp(23px, 1.8vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  text-align: left !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head p {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #746852 !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-actions {
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 clamp(10px, 1vw, 18px) !important;
  border: 0 !important;
  border-left: 1px solid rgba(184,139,63,.58) !important;
  background: transparent !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px clamp(11px, 1vw, 16px) !important;
  border: 1px solid rgba(184,139,63,.36) !important;
  border-radius: 999px !important;
  color: #7f6331 !important;
  background: rgba(255,253,248,.96) !important;
  box-shadow: 0 7px 18px rgba(47,35,20,.07) !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference:not(.gatard-gallery--single-category) .gatard-gallery__back {
  display: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__show-all {
  display: none !important;
}

/* Carrousel : une géométrie unique et fiable. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-slider {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(5px, .55vw, 10px) clamp(7px, .75vw, 13px) clamp(9px, .8vw, 14px) !important;
  overflow: visible !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid--mosaic,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid--cards,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid--team,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid--event {
  display: flex !important;
  align-items: stretch !important;
  gap: var(--gpp-gallery-gap) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  overscroll-behavior-x: contain !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid::-webkit-scrollbar {
  display: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid .gatard-gallery__photo:nth-child(n) {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 calc((100% - (3 * var(--gpp-gallery-gap))) / 4) !important;
  width: calc((100% - (3 * var(--gpp-gallery-gap))) / 4) !important;
  min-width: calc((100% - (3 * var(--gpp-gallery-gap))) / 4) !important;
  max-width: calc((100% - (3 * var(--gpp-gallery-gap))) / 4) !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(133,118,80,.14) !important;
  border-radius: clamp(12px, .9vw, 17px) !important;
  background: #eee8de !important;
  box-shadow: 0 10px 25px rgba(54,40,22,.08) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  scroll-snap-align: start !important;
  transform: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__open,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__open {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background-color: #eee8de !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  line-height: normal !important;
  cursor: pointer !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__open > img,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__open > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__open > img.gatard-gallery__image-error {
  opacity: 0 !important;
}

/* Légende blanche dans l'image sur desktop, compatible ancien et nouveau HTML. */
@media (min-width: 1200px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo > figcaption,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo > .gatard-gallery__open > figcaption,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo .gatard-gallery__open > figcaption {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    z-index: 20 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: calc(100% - 24px) !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(133,118,80,.18) !important;
    border-radius: 10px !important;
    background: rgba(255,253,248,.95) !important;
    background-image: none !important;
    color: #17130f !important;
    box-shadow: 0 8px 20px rgba(24,18,10,.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
    text-align: left !important;
    line-height: normal !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo figcaption strong,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo figcaption small {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Poppins, Arial, sans-serif !important;
    font-style: normal !important;
    text-align: left !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo figcaption strong {
    color: #17130f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo figcaption small {
    margin-top: 2px !important;
    color: #5f5649 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 1199px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo figcaption {
    display: none !important;
  }
}

/* Flèches au milieu des cartes. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__row-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(38px, 3vw, 50px) !important;
  min-width: clamp(38px, 3vw, 50px) !important;
  height: clamp(38px, 3vw, 50px) !important;
  min-height: clamp(38px, 3vw, 50px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(133,118,80,.16) !important;
  border-radius: 50% !important;
  color: #8a6e38 !important;
  background: rgba(255,253,248,.96) !important;
  box-shadow: 0 10px 24px rgba(38,29,18,.14) !important;
  transform: translateY(-50%) !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__row-arrow--prev { left: 0 !important; }
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__row-arrow--next { right: 0 !important; }

/* Vue "Voir toutes les photos" : vraie grille responsive. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section {
  display: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected {
  display: block !important;
  width: 100% !important;
  margin-bottom: clamp(30px, 4vw, 58px) !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  gap: var(--gpp-gallery-gap) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__photo:nth-child(n) {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__row-arrow,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__moments {
  display: none !important;
}

/* Visionneur large et propre. */
html body.cms-id-10 .gatard-gallery__viewer {
  box-sizing: border-box;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(15px, 3vw, 48px) !important;
  background: rgba(17,13,9,.94) !important;
}

html body.cms-id-10 .gatard-gallery__viewer.gatard-is-open {
  display: flex !important;
}

html body.cms-id-10 .gatard-gallery__viewer figure {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(1500px, 100%) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 0;
  margin: 0 !important;
}

html body.cms-id-10 .gatard-gallery__viewer img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 120px) !important;
  max-height: calc(100dvh - 120px) !important;
  min-height: 0;
  flex-shrink: 1;
  border-radius: clamp(10px, 1vw, 18px) !important;
  object-fit: contain !important;
}

/* Tablette : même logique mobile, avec trois cartes visibles. */
@media (min-width: 768px) and (max-width: 1199px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero {
    min-height: clamp(390px, 56vw, 560px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-inner {
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(48px, 7vw, 78px) 0 clamp(92px, 12vw, 132px) !important;
    text-align: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy {
    margin: 0 auto !important;
    text-align: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: clamp(-62px, -6vw, -46px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell-inner {
    padding-top: clamp(38px, 5vw, 56px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head h2 {
    font-size: clamp(21px, 3vw, 30px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head p {
    font-size: 14px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid .gatard-gallery__photo:nth-child(n) {
    flex-basis: calc((100% - (2 * var(--gpp-gallery-gap))) / 3) !important;
    width: calc((100% - (2 * var(--gpp-gallery-gap))) / 3) !important;
    min-width: calc((100% - (2 * var(--gpp-gallery-gap))) / 3) !important;
    max-width: calc((100% - (2 * var(--gpp-gallery-gap))) / 3) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__photo:nth-child(n) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Mobile : deux cartes, textes et boutons réduits intelligemment. */
@media (max-width: 767px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference {
    --gpp-gallery-gap: 10px;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero {
    min-height: clamp(330px, 104vw, 460px) !important;
    background-position: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-inner {
    width: calc(100% - 30px) !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 42px 0 94px !important;
    text-align: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy {
    margin: 0 auto !important;
    text-align: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell {
    width: calc(100% - 30px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: -48px !important;
    padding: 9px !important;
    border-radius: 16px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab {
    min-height: 54px !important;
    padding: 8px !important;
    gap: 7px !important;
    border-radius: 11px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell-inner {
    padding: 34px 0 48px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section {
    margin-bottom: clamp(30px, 9vw, 44px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    padding: 6px 5px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head h2 {
    font-size: clamp(17px, 5.2vw, 22px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-actions {
    padding-left: 8px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back {
    max-width: 116px !important;
    min-height: 44px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-slider {
    padding: 4px 6px 9px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__photo,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid .gatard-gallery__photo:nth-child(n) {
    flex-basis: calc((100% - var(--gpp-gallery-gap)) / 2) !important;
    width: calc((100% - var(--gpp-gallery-gap)) / 2) !important;
    min-width: calc((100% - var(--gpp-gallery-gap)) / 2) !important;
    max-width: calc((100% - var(--gpp-gallery-gap)) / 2) !important;
    border-radius: 11px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__row-arrow {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 24px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__photo:nth-child(n) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 359px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category .gatard-gallery__section.gatard-is-selected .gatard-gallery__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid {
    scroll-behavior: auto !important;
  }
}

/* Éléments de contenu indispensables : indépendants des anciennes feuilles. */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__eyebrow {
  margin: 0 0 clamp(10px, 1vw, 16px) !important;
  color: #d8ad59 !important;
  font-size: clamp(10px, .8vw, 13px) !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(42px, 4.6vw, 76px) !important;
  font-weight: 800 !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1 span,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1 em {
  display: block !important;
  font: inherit !important;
  font-style: normal !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1 em {
  color: #dfb45d !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy > p {
  max-width: 610px !important;
  margin: clamp(14px, 1.5vw, 24px) 0 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab-ico {
  flex: 0 0 clamp(34px, 3vw, 46px) !important;
  width: clamp(34px, 3vw, 46px) !important;
  height: clamp(34px, 3vw, 46px) !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(207,162,82,.11) !important;
  overflow: hidden !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab-ico img {
  display: block !important;
  width: 56% !important;
  height: 56% !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab > span:last-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab strong,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab small {
  font-family: Poppins, Arial, sans-serif !important;
  text-align: left !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab strong {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab small {
  color: inherit !important;
  opacity: .72 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments {
  display: grid !important;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.5fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 34px) !important;
  width: 100% !important;
  margin: clamp(10px, 2vw, 28px) 0 0 !important;
  padding: clamp(18px, 2vw, 34px) !important;
  border: 1px solid rgba(133,118,80,.13) !important;
  border-radius: clamp(16px, 1.2vw, 22px) !important;
  background: rgba(255,253,248,.58) !important;
  box-shadow: 0 16px 36px rgba(54,40,22,.06) !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments-copy h2 {
  margin: 0 !important;
  color: #241c13 !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: clamp(24px, 2vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments-copy p {
  margin: 10px 0 16px !important;
  color: #746852 !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments-copy a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #8a6b35 !important;
  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(10px, 1vw, 16px) !important;
  min-width: 0 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: clamp(150px, 12vw, 210px) !important;
  margin: 0 !important;
  padding: clamp(12px, 1.2vw, 20px) !important;
  border: 1px solid rgba(133,118,80,.12) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.68) !important;
  text-align: center !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article img {
  width: clamp(28px, 2.3vw, 42px) !important;
  height: clamp(28px, 2.3vw, 42px) !important;
  margin: 0 0 8px !important;
  object-fit: contain !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article strong,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article span,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article small {
  font-family: Poppins, Arial, sans-serif !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article strong {
  color: #9a7840 !important;
  font-size: clamp(24px, 2.2vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article span {
  margin-top: 7px !important;
  color: #241c13 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article small {
  margin-top: 3px !important;
  color: #746852 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

@media (max-width: 1199px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy > p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy h1 {
    font-size: clamp(32px, 9.2vw, 42px) !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__hero-copy > p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab-ico {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab strong {
    font-size: 14px !important;
    overflow-wrap: anywhere;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__tab small {
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments {
    padding: 15px !important;
    border-radius: 15px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__moments-copy {
    align-items: center !important;
    text-align: center !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__stats article {
    min-height: 122px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }
}

/* ================================================================
   v1.9.93 — CMS 10 uniquement
   Centrage mobile harmonisé + contenu du bouton entièrement contenu.
   Aucun changement du nombre de cartes ni des breakpoints validés.
   ================================================================ */
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back {
  gap: 5px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all > span,
html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back > span {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  font: inherit !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__shell-inner,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-slider,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-slider {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head {
    grid-template-columns: minmax(0, 1fr) clamp(120px, 31vw, 132px) !important;
    align-items: center !important;
    gap: 7px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head > div:first-child,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
    justify-self: start !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-actions,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-actions {
    width: 100% !important;
    min-width: 0 !important;
    align-self: center !important;
    justify-self: end !important;
    padding-left: 7px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 7px 7px !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-slider {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__grid {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 389px) {
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-head,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-head {
    grid-template-columns: minmax(0, 1fr) 116px !important;
    gap: 6px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__section-actions,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference.gatard-gallery--single-category
  .gatard-gallery__section.gatard-is-selected .gatard-gallery__section-actions {
    padding-left: 6px !important;
  }

  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__show-all,
  html body.cms-id-10 #gatard-gallery.gatard-gallery--reference .gatard-gallery__back {
    padding-left: 5px !important;
    padding-right: 5px !important;
    gap: 3px !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }
}

/* Long BO captions remain reachable on short landscape viewports. */
.gatard-gallery__viewer figcaption { max-height: 25vh; overflow: auto; overflow-wrap: anywhere; flex-shrink: 0; }