/** Shopify CDN: Minification failed

Line 40:9 Expected identifier but found whitespace
Line 40:11 Unexpected "{"
Line 40:20 Expected ":"
Line 40:54 Expected ":"
Line 51:13 Expected identifier but found whitespace
Line 51:15 Unexpected "{"
Line 51:24 Expected ":"
Line 106:9 Expected identifier but found whitespace
Line 106:10 Unexpected "0"
Line 106:15 Unexpected "{"
... and 10 more hidden warnings

**/
/* ==============================
   COMPOSANT: SECTION ELIXIR
   ============================== */

.section-elixir-container {
  padding: 4rem 0; 
  position: relative;
  overflow: hidden;
}

.section-elixir .page-width {
  max-width: 120rem; 
  margin: 0 auto;
  padding: 0 2rem;
}

.section-elixir__inner {
  display: flex;
  flex-direction: column;
  gap: 3rem; 
}

.section-elixir__image-container,
.section-elixir__placeholder {
  height: {{ section.settings.image_height_mobile }}px;
  border-radius: 1rem; 
  overflow: hidden;
  position: relative;
  -webkit-mask-image: radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

.section-elixir__img {
  width: 100%;
  height: 100%;
  object-fit: {{ section.settings.image_fit }};
  display: block;
  transition: transform 0.5s ease;
}

.section-elixir__image-container:hover .section-elixir__img {
  transform: scale(1.05);
}

.section-elixir__placeholder {
  background-color: var(--color-sable-doux);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-elixir__placeholder-svg {
  width: 100%;
  height: 100%;
}

.content-title h2 {
  margin-bottom: 2rem; 
  display: flex;
  flex-direction: column;
}

.h2-part1,
.h2-part2 {
  display: block;
}

.content-text.txt-medium p {
  margin-bottom: 1.6rem; /* 16px */
}

/* ==============================
   TABLETTE (min-width: 768px)
   ============================== */
@media (min-width: 76.8rem) { 
  .section-elixir-container {
    padding: 5rem 0;
  }

  .section-elixir__inner {
    flex-direction: row;
    align-items: stretch;
  }

  .section-elixir__inner--reverse {
    flex-direction: row-reverse;
  }

  .section-elixir__image {
    flex: 0 0 {{ section.settings.image_width_desktop }}%;
  }

  .section-elixir__image-container,
  .section-elixir__placeholder {
    height: {{ section.settings.image_height_desktop }}px;
  }

  .section-elixir__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: {{ section.settings.image_height_desktop }}px;
  }
}

/* ==============================
   DESKTOP (min-width: 990px)
   ============================== */
@media (min-width: 99rem) { 
  .section-elixir-container {
    padding: 6rem 0; 
  }

  .content-title h2 {
    margin-bottom: 2.4rem; 
  }
}

/* ==============================
   GRAND ÉCRAN (min-width: 1280px)
   ============================== */
@media (min-width: 128rem) { 
  .section-elixir-container {
    padding: 7rem 0; 
  }
}

/* ==============================
   TRÈS GRAND ÉCRAN (min-width: 1440px)
   ============================== */
@media (min-width: 144rem) { 
  .section-elixir-container {
    padding: 8rem 0; 
  }
}