/** Shopify CDN: Minification failed

Line 471:293 Expected "}" to go with "{"

**/
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
  overflow-y: hidden;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  visibility: visible;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 54.5rem;
}

.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
  }

  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
  }

  .slideshow__text.slideshow__text-mobile--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: flex-end;
    text-align: right;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}

.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
    padding: 5rem;
  }
}

.slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path {
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover .svg-wrapper {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}


/* Masquer les points de pagination et le bouton pause du diaporama */
.slider-counter--dots,
.slideshow__autoplay {
  display: none !important;
  }

  /* ===================================================
     IMAGE PRINCIPALE - TAILLE PREMIUM + EFFET ZOOM
        Optimisé mobile (99% des visiteurs)
        =================================================== */

        /* Hauteur premium - presque plein écran */
        .slideshow.banner--small:not(.banner--adapt),
        .slideshow.banner--medium:not(.banner--adapt),
        .slideshow.banner--large:not(.banner--adapt) {
          min-height: 88vh !important;
          }

          /* Mobile : image haute et impactante */
          @media screen and (max-width: 749px) {
            .slideshow.banner--small:not(.banner--adapt),
              .slideshow.banner--medium:not(.banner--adapt),
                .slideshow.banner--large:not(.banner--adapt) {
                    min-height: 85vh !important;
                      }

                        /* L'image prend toute la hauteur sur mobile */
                          .slideshow__slide .media,
                            .slideshow__slide .banner__media {
                                height: 100% !important;
                                    min-height: 85vh !important;
                                      }
                                      }

                                      /* Effet Ken Burns - zoom lent et élégant sur l'image */
                                      @keyframes kenBurns {
                                        0% {
                                            transform: scale(1) translate(0, 0);
                                              }
                                                50% {
                                                    transform: scale(1.06) translate(-0.5%, -0.5%);
                                                      }
                                                        100% {
                                                            transform: scale(1.03) translate(0.3%, 0.2%);
                                                              }
                                                              }

                                                              /* Appliquer le Ken Burns sur l'image active */
                                                              .slideshow__slide.is-active .media img,
                                                              .slideshow__slide.is-active img {
                                                                animation: kenBurns 12s ease-in-out infinite alternate;
                                                                  transform-origin: center center;
                                                                    will-change: transform;
                                                                    }

                                                                    /* Image qui entre dans le carrousel : zoom fluide */
                                                                    .slideshow__slide:not(.is-active) .media img,
                                                                    .slideshow__slide:not(.is-active) img {
                                                                      animation: none;
                                                                        transform: scale(1);
                                                                          transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                                                                          }

                                                                          /* S'assurer que l'image couvre bien tout l'espace */
                                                                          .slideshow__slide .media img,
                                                                          .slideshow__slide img {
                                                                            object-fit: cover !important;
                                                                              object-position: center center !important;
                                                                                width: 100% !important;
                                                                                  height: 100% !important;
                                                                                  }

                                                                                  /* Overlay léger pour contraste du texte (style luxe) */
                                                                                  .slideshow__slide.is-active .media::after {
                                                                                    content: '';
                                                                                      position: absolute;
                                                                                        inset: 0;
                                                                                          background: linear-gradient(
                                                                                              to bottom,
                                                                                                  rgba(0,0,0,0.08) 0%,
                                                                                                      rgba(0,0,0,0.15) 50%,
                                                                                                          rgba(0,0,0,0.25) 100%
                                                                                                            );
                                                                                                              pointer-events: none;
                                                                                                                z-index: 1;
                                                                                                                }

                                                                                                                /* Le texte reste au-dessus de l'overlay */
                                                                                                                .slideshow__slide .slideshow__text-wrapper {
                                                                                                                  position: relative;
                                                                                                                    z-index: 2;
                                                                                                                    }

                                                                                                                    /* Transition douce entre les slides */
                                                                                                                    .slideshow__slide {
                                                                                                                      transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
                                                                                                                      }

                                                                                                                      /* Desktop : légèrement plus petit */
                                                                                                                      @media screen and (min-width: 990px) {
                                                                                                                        .slideshow.banner--small:not(.banner--adapt),
                                                                                                                          .slideshow.banner--medium:not(.banner--adapt),
                                                                                                                            .slideshow.banner--large:not(.banner--adapt) {
                                                                                                                                min-height: 82vh !important;
                                                                                                                                  }
                                                                                                                                  }

                                                                                                                                  /* Correction : Ken Burns sur toutes les slides (Dawn utilise slider__slide, pas is-active) */
                                                                                                                                  .slideshow__slide .media img,
                                                                                                                                  .slideshow__slide img {
                                                                                                                                    animation: kenBurns 12s ease-in-out infinite alternate !important;
                                                                                                                                      transform-origin: center center;
                                                                                                                                        will-change: transform;
                                                                                                                                        }

                                                                                                                                        /* Overlay sur toutes les slides media */
                                                                                                                                        .slideshow__slide .media {
                                                                                                                                          position: relative;
                                                                                                                                            overflow: hidden;
                                                                                                                                            }

                                                                                                                                            .slideshow__slide .media::after {
                                                                                                                                              content: '';
                                                                                                                                                position: absolute;
                                                                                                                                                  inset: 0;
                                                                                                                                                    background: linear-gradient(
                                                                                                                                                        to bottom,
                                                                                                                                                            rgba(0,0,0,0.05) 0%,
                                                                                                                                                                rgba(0,0,0,0.2) 100%
                                                                                                                                                                  );
                                                                                                                                                                    pointer-events: none;
                                                                                                                                                                      z-index: 1;
                                                                                                                                                                      }

                                                                                                                                                                      /* ===================================================
                                                                                                                                                                         HERO PREMIUM - IMAGE PLEIN ECRAN (FULL BLEED)
                                                                                                                                                                            L'image couvre tout le slide, texte en overlay
                                                                                                                                                                            =================================================== */

                                                                                                                                                                            /* Le slide est le conteneur relatif */
                                                                                                                                                                            .slideshow__slide {
                                                                                                                                                                              position: relative !important;
                                                                                                                                                                                overflow: hidden !important;
                                                                                                                                                                                }

                                                                                                                                                                                /* L'image de fond couvre tout le slide */
                                                                                                                                                                                .slideshow__slide .slideshow__media.banner__media {
                                                                                                                                                                                  position: absolute !important;
                                                                                                                                                                                    inset: 0 !important;
                                                                                                                                                                                      width: 100% !important;
                                                                                                                                                                                        height: 100% !important;
                                                                                                                                                                                          z-index: 0 !important;
                                                                                                                                                                                          }

                                                                                                                                                                                          /* Le texte est au-dessus de l'image */
                                                                                                                                                                                          .slideshow__slide .slideshow__text-wrapper.banner__content {
                                                                                                                                                                                            position: relative !important;
                                                                                                                                                                                              z-index: 3 !important;
                                                                                                                                                                                                min-height: 100% !important;
                                                                                                                                                                                                  display: flex !important;
                                                                                                                                                                                                    align-items: center !important;
                                                                                                                                                                                                    }

                                                                                                                                                                                                    /* Overlay plus marque pour le texte */
                                                                                                                                                                                                    .slideshow__slide .slideshow__media.banner__media::after {
                                                                                                                                                                                                      background: linear-gradient(
                                                                                                                                                                                                          135deg,
                                                                                                                                                                                                              rgba(0,0,0,0.45) 0%,

                                                                                                                                                                                                              /* Force text white + visible (override scroll animation initial state) */
                                                                                                                                                                                                              .slideshow__slide .slideshow__text-wrapper * {
                                                                                                                                                                                                                color: #ffffff !important;
                                                                                                                                                                                                                  opacity: 1 !important;
                                                                                                                                                                                                                  }

                                                                                                                                                                                                                  .slideshow__slide .slideshow__text-wrapper h2,
                                                                                                                                                                                                                  .slideshow__slide .slideshow__text-wrapper .slideshow__heading {
                                                                                                                                                                                                                    color: #ffffff !important;
                                                                                                                                                                                                                      text-shadow: 0 2px 12px rgba(0,0,0,0.5);
                                                                                                                                                                                                                        font-weight: 700;
                                                                                                                                                                                                                        }

                                                                                                                                                                                                                        .slideshow__slide .slideshow__text-wrapper p,
                                                                                                                                                                                                                        .slideshow__slide .slideshow__text-wrapper .slideshow__subheading {
                                                                                                                                                                                                                          color: rgba(255,255,255,0.92) !important;
                                                                                                                                                                                                                            text-shadow: 0 1px 6px rgba(0,0,0,0.4);
                                                                                                                                                                                                                            }

                                                                                                                                                                                                                            /* L'animation scroll-trigger ne doit pas affecter le contenu du hero */
                                                                                                                                                                                                                            .slideshow .scroll-trigger.animate--slide-in {
                                                                                                                                                                                                                              animation: none !important;
                                                                                                                                                                                                                                opacity: 1 !important;
                                                                                                                                                                                                                                  transform: none !important;
                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                  rgba(0,0,0,0.2) 50%,
                                                                                                                                                                                                                      rgba(0,0,0,0.1) 100%
                                                                                                                                                                                                                        ) !important;
                                                                                                                                                                                                                        }

                                                                                                                                                                                                                        /* Le texte en blanc pour contraste sur l'image */
                                                                                                                                                                                                                        .slideshow__slide .slideshow__text-wrapper h2,
                                                                                                                                                                                                                        .slideshow__slide .slideshow__text-wrapper p {
                                                                                                                                                                                                                          color: #ffffff !important;
                                                                                                                                                                                                                            text-shadow: 0 2px 8px rgba(0,0,0,0.4);
                                                                                                                                                                                                                            }

                                                                                                                                                                                                                            /* ===============================================
                                                                                                                                                                                                                               BOUTON CTA HERO — VERT PREMIUM + ANIMATION
                                                                                                                                                                                                                                  Visible sur fond sombre, effet premium
                                                                                                                                                                                                                                     =============================================== */

                                                                                                                                                                                                                                     /* Animation: pulsation douce + glow */
                                                                                                                                                                                                                                     @keyframes hero-btn-pulse {
                                                                                                                                                                                                                                       0%   { box-shadow: 0 4px 20px rgba(46,204,113,0.4), 0 0 0 0 rgba(46,204,113,0.3); transform: translateY(0) scale(1); }
                                                                                                                                                                                                                                         50%  { box-shadow: 0 6px 28px rgba(46,204,113,0.6), 0 0 0 8px rgba(46,204,113,0); transform: translateY(-2px) scale(1.01); }
                                                                                                                                                                                                                                           100% { box-shadow: 0 4px 20px rgba(46,204,113,0.4), 0 0 0 0 rgba(46,204,113,0); transform: translateY(0) scale(1); }
                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                           /* Bouton "Achetez" dans le slideshow hero */
                                                                                                                                                                                                                                           .slideshow .button,
                                                                                                                                                                                                                                           .slideshow__slide .button,
                                                                                                                                                                                                                                           .slideshow a.button {
                                                                                                                                                                                                                                             background-color: #4A7C59 !important;
                                                                                                                                                                                                                                               border-color: #4A7C59 !important;
                                                                                                                                                                                                                                                 color: #ffffff !important;
                                                                                                                                                                                                                                                   font-weight: 700 !important;
                                                                                                                                                                                                                                                     letter-spacing: 0.06em !important;
                                                                                                                                                                                                                                                       text-transform: uppercase !important;
                                                                                                                                                                                                                                                         border-radius: 50px !important;
                                                                                                                                                                                                                                                           padding: 16px 36px !important;
                                                                                                                                                                                                                                                             animation: hero-btn-pulse 2.8s ease-in-out infinite !important;
                                                                                                                                                                                                                                                               transition: background-color 0.3s ease, transform 0.2s ease !important;
                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                               /* Hover: vert plus foncé, léger scale */
                                                                                                                                                                                                                                                               .slideshow .button:hover,
                                                                                                                                                                                                                                                               .slideshow__slide .button:hover,
                                                                                                                                                                                                                                                               .slideshow a.button:hover {
                                                                                                                                                                                                                                                                 background-color: #3A6347 !important;
                                                                                                                                                                                                                                                                   border-color: #3A6347 !important;
                                                                                                                                                                                                                                                                     color: #ffffff !important;
                                                                                                                                                                                                                                                                       animation: none !important;
                                                                                                                                                                                                                                                                         transform: translateY(-3px) scale(1.03) !important;
                                                                                                                                                                                                                                                                           box-shadow: 0 8px 32px rgba(46,204,113,0.55) !important;
                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                           /* Mobile: ajustement taille */
                                                                                                                                                                                                                                                                           @media (max-width: 749px) {
                                                                                                                                                                                                                                                                             .slideshow .button,
                                                                                                                                                                                                                                                                               .slideshow__slide .button,
                                                                                                                                                                                                                                                                                 .slideshow a.button {
                                                                                                                                                                                                                                                                                     padding: 14px 28px !important;
                                                                                                                                                                                                                                                                                         font-size: 1.4rem !important;
                                                                                                                                                                                                                                                                                           }
                                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                                           /* Respect prefers-reduced-motion */
                                                                                                                                                                                                                                                                                           @media (prefers-reduced-motion: reduce) {
                                                                                                                                                                                                                                                                                             .slideshow .button,
                                                                                                                                                                                                                                                                                               .slideshow__slide .button,
                                                                                                                                                                                                                                                                                                 .slideshow a.button {
                                                                                                                                                                                                                                                                                                     animation: none !important;