/*
 * ALTHÉA PRO
 * Feuille de style principale du thème enfant.
 */

/* Design System */
@import url("./variables.css");
@import url("./typography.css");
@import url("./spacing.css");
@import url("./buttons.css");
@import url("./cards.css");
@import url("./utilities.css");


/* ==========================================================
   AJUSTEMENTS GLOBAUX
   ========================================================== */

body {
  overflow-x: hidden;
  background-color: var(--althea-color-ivory);
  color: var(--althea-color-text);
}

main {
  overflow: hidden;
}

#wrapper {
  padding-top: 0;
  background-color: var(--althea-color-ivory);
}

.page-home #content-wrapper {
  width: 100%;
  padding: 0;
}

.page-home #content {
  padding: 0;
}

.page-home .container {
  max-width: var(--althea-container-width);
}

img {
  max-width: 100%;
}


/* ==========================================================
   HEADER PREMIUM — OPTION A
   Épuré, lumineux et discret
   ========================================================== */

#header {
  position: relative;
  z-index: 100;
  border: 0;
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 1px 0 rgb(31 31 31 / 7%);
  backdrop-filter: blur(14px);
}

/* Barre supérieure : contact, langue, connexion et panier */

#header .header-nav {
  min-height: 2.75rem;
  border-bottom: 1px solid var(--althea-color-border);
  background: var(--althea-color-ivory);
  color: var(--althea-color-text-soft);
  font-size: 0.82rem;
}

#header .header-nav .container {
  min-height: 2.75rem;
}

#header .header-nav a {
  color: var(--althea-color-text-soft);
  text-decoration: none;
  transition: color var(--althea-transition-fast);
}

#header .header-nav a:hover {
  color: var(--althea-color-gold-dark);
}

#header .header-nav .blockcart {
  border-radius: var(--althea-radius-pill);
  background: rgb(184 147 67 / 9%);
  transition: background-color var(--althea-transition-fast);
}

#header .header-nav .blockcart:hover {
  background: rgb(184 147 67 / 16%);
}

/* Zone principale du header */

#header .header-top {
  padding-block: 1.35rem;
  background: var(--althea-color-white);
}

#header .header-top > .container {
  display: grid;
  align-items: center;
  gap: var(--althea-space-4);
  grid-template-columns:
    minmax(9rem, 0.8fr)
    minmax(20rem, 2fr)
    minmax(12rem, 0.8fr);
}

/* Logo */

#header #_desktop_logo {
  width: auto;
  max-width: 10.5rem;
}

#header #_desktop_logo a {
  display: inline-flex;
  align-items: center;
}

#header .logo {
  width: auto;
  max-width: 10.5rem;
  max-height: 6.5rem;
  object-fit: contain;
}

/* Navigation principale */

#header .header-top-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

#header .menu {
  width: auto;
  margin: 0;
}

#header .top-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.2rem, 2.5vw, 2.75rem);
  margin: 0;
}

#header .top-menu a[data-depth="0"] {
  position: relative;
  padding: 0.65rem 0;
  color: var(--althea-color-text);
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--althea-transition-fast);
}

#header .top-menu a[data-depth="0"]::after {
  position: absolute;
  right: 0;
  bottom: 0.15rem;
  left: 0;
  width: 0;
  height: 1px;
  margin-inline: auto;
  background: var(--althea-color-gold);
  content: "";
  transition: width var(--althea-transition-default);
}

#header .top-menu a[data-depth="0"]:hover {
  color: var(--althea-color-gold-dark);
}

#header .top-menu a[data-depth="0"]:hover::after {
  width: 100%;
}

/* Sous-menus */

#header .top-menu .sub-menu {
  border: 1px solid var(--althea-color-border);
  border-radius: var(--althea-radius-medium);
  background: var(--althea-color-white);
  box-shadow: var(--althea-shadow-medium);
}

#header .top-menu .sub-menu a {
  color: var(--althea-color-text);
  text-decoration: none;
}

#header .top-menu .sub-menu a:hover {
  color: var(--althea-color-gold-dark);
}

/* Recherche */

#header .search-widget {
  width: min(100%, 17rem);
  margin-left: auto;
}

#header .search-widget form {
  position: relative;
}

#header .search-widget input[type="text"] {
  width: 100%;
  height: 3rem;
  padding: 0 3rem 0 1.1rem;
  border: 1px solid var(--althea-color-border);
  border-radius: var(--althea-radius-pill);
  background: var(--althea-color-ivory);
  color: var(--althea-color-text);
  transition:
    border-color var(--althea-transition-fast),
    background-color var(--althea-transition-fast),
    box-shadow var(--althea-transition-fast);
}

#header .search-widget input[type="text"]::placeholder {
  color: #99948e;
}

#header .search-widget input[type="text"]:focus {
  border-color: var(--althea-color-gold);
  background: var(--althea-color-white);
  box-shadow: 0 0 0 3px rgb(184 147 67 / 12%);
  outline: 0;
}

#header .search-widget button {
  right: 0.85rem;
  color: var(--althea-color-gold-dark);
}

/* Compte et panier */

#header .user-info,
#header .blockcart {
  font-size: 0.88rem;
}

#header .user-info a,
#header .blockcart a {
  text-decoration: none;
}


/* ==========================================================
   HERO DE LA PAGE D’ACCUEIL
   ========================================================== */

.althea-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(4.5rem, 9vw, 8.5rem);
  background:
    radial-gradient(
      circle at 78% 42%,
      rgb(184 147 67 / 14%),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #faf8f5 0%,
      #f4eee6 100%
    );
}

.althea-hero::before {
  position: absolute;
  top: -8rem;
  right: -7rem;
  width: 25rem;
  border: 1px solid rgb(184 147 67 / 10%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  aspect-ratio: 1;
}

.althea-hero::after {
  position: absolute;
  bottom: -12rem;
  left: -10rem;
  width: 28rem;
  border: 1px solid rgb(91 122 92 / 10%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  aspect-ratio: 1;
}

.althea-hero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 34rem;
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(20rem, 0.95fr);
}

.althea-hero__content {
  position: relative;
  z-index: 3;
}

.althea-hero__title {
  max-width: 48rem;
  margin-bottom: 0;
  color: var(--althea-color-text);
  font-size: clamp(3.25rem, 7vw, 6.8rem);
  line-height: 0.96;
}

.althea-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--althea-space-2);
  margin-top: var(--althea-space-2);
}


/* ==========================================================
   VISUEL DU HERO
   ========================================================== */

.althea-hero__visual {
  position: relative;
  display: grid;
  min-height: 31rem;
  place-items: center;
}

.althea-hero__halo {
  position: absolute;
  width: min(31rem, 82vw);
  border: 1px solid rgb(184 147 67 / 22%);
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgb(255 255 255 / 88%) 0%,
      rgb(255 255 255 / 36%) 48%,
      transparent 72%
    );
  box-shadow:
    inset 0 0 0 1.5rem rgb(255 255 255 / 16%),
    0 2rem 5rem rgb(31 31 31 / 8%);
  aspect-ratio: 1;
}

.althea-hero__monogram {
  position: relative;
  z-index: 1;
  color: var(--althea-color-gold);
  font-family: var(--althea-font-heading);
  font-size: clamp(10rem, 25vw, 19rem);
  font-weight: 400;
  line-height: 0.8;
  opacity: 0.72;
  text-shadow: 0 1.5rem 3rem rgb(31 31 31 / 10%);
}

.althea-hero__detail {
  position: absolute;
  z-index: 2;
  width: 5.5rem;
  height: 10rem;
  border: 1px solid rgb(91 122 92 / 35%);
  border-radius: 100% 0 100% 0;
  transform: rotate(35deg);
}

.althea-hero__detail--one {
  top: 8%;
  right: 8%;
}

.althea-hero__detail--two {
  bottom: 6%;
  left: 10%;
  width: 3.5rem;
  height: 7rem;
  border-color: rgb(184 147 67 / 40%);
  transform: rotate(210deg);
}


/* ==========================================================
   ANIMATIONS DISCRÈTES
   ========================================================== */

.althea-js-ready .althea-hero__content {
  animation: althea-content-reveal 700ms ease both;
}

.althea-js-ready .althea-hero__visual {
  animation: althea-visual-reveal 900ms ease 120ms both;
}

@keyframes althea-content-reveal {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes althea-visual-reveal {
  from {
    opacity: 0;
    transform: translateY(1.5rem) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* ==========================================================
   RESPONSIVE — TABLETTES
   ========================================================== */

@media (min-width: 992px) {
  #header {
    position: sticky;
    top: 0;
  }
}

@media (max-width: 1199px) {
  #header .header-top > .container {
    gap: var(--althea-space-3);
    grid-template-columns:
      minmax(8rem, 0.7fr)
      minmax(18rem, 1.8fr)
      minmax(11rem, 0.8fr);
  }

  #header .top-menu {
    gap: 1.25rem;
  }

  #header .top-menu a[data-depth="0"] {
    font-size: 0.78rem;
  }
}

@media (max-width: 991px) {
  #header .header-top > .container {
    display: flex;
    justify-content: space-between;
  }

  #header #_desktop_logo {
    max-width: 8rem;
  }

  #header .logo {
    max-width: 8rem;
    max-height: 5rem;
  }

  .althea-hero__grid {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .althea-hero__content {
    max-width: 48rem;
  }

  .althea-hero__visual {
    min-height: 24rem;
  }

  .althea-hero__halo {
    width: min(24rem, 78vw);
  }
}


/* ==========================================================
   RESPONSIVE — MOBILES
   ========================================================== */

@media (max-width: 575px) {
  .althea-hero {
    padding-block: 4rem;
  }

  .althea-hero__title {
    font-size: clamp(3rem, 15vw, 4.6rem);
    line-height: 0.98;
  }

  .althea-hero__title br {
    display: none;
  }

  .althea-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .althea-hero__actions .althea-btn {
    width: 100%;
  }

  .althea-hero__visual {
    min-height: 19rem;
  }

  .althea-hero__monogram {
    font-size: 11rem;
  }

  .althea-hero__detail--one {
    right: 3%;
  }

  .althea-hero__detail--two {
    left: 3%;
  }
}


/* ==========================================================
   ACCESSIBILITÉ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .althea-js-ready .althea-hero__content,
  .althea-js-ready .althea-hero__visual {
    animation: none;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* ==========================================================
   HEADER ALTHÉA — NOUVELLE STRUCTURE
   ========================================================== */

#header .althea-header-main {
  padding: 0;
  background: var(--althea-color-white);
}

#header .althea-header-main > .container {
  width: min(calc(100% - 2rem), var(--althea-container-width));
  max-width: none;
  padding: 0;
}

.althea-header-main__inner {
  display: grid;
  min-height: 9rem;
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  grid-template-columns: 11rem minmax(0, 1fr);
}

/* Logo */

.althea-header-main__brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.althea-header-main__logo-heading {
  margin: 0;
  line-height: 1;
}

.althea-header-main__brand a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.althea-header-main__brand .logo {
  display: block;
  width: auto;
  max-width: 9rem;
  max-height: 7.25rem;
  object-fit: contain;
}

/* Zone contenant le menu et la recherche */

.althea-header-main__content {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(1.5rem, 3vw, 3rem);
}

.althea-header-main__content > * {
  margin-top: 0;
  margin-bottom: 0;
}

/* Menu principal */

.althea-header-main__content .menu {
  flex: 1 1 auto;
  width: auto;
}

.althea-header-main__content .top-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.25rem, 2.5vw, 2.75rem);
  margin: 0;
}

.althea-header-main__content .top-menu > li {
  margin: 0;
}

.althea-header-main__content .top-menu a[data-depth="0"] {
  position: relative;
  display: inline-flex;
  padding: 0.75rem 0;
  color: var(--althea-color-text);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.11em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.althea-header-main__content .top-menu a[data-depth="0"]::after {
  position: absolute;
  right: 50%;
  bottom: 0.35rem;
  left: 50%;
  height: 1px;
  background: var(--althea-color-gold);
  content: "";
  transition:
    right var(--althea-transition-default),
    left var(--althea-transition-default);
}

.althea-header-main__content .top-menu a[data-depth="0"]:hover {
  color: var(--althea-color-gold-dark);
}

.althea-header-main__content .top-menu a[data-depth="0"]:hover::after {
  right: 0;
  left: 0;
}

/* Recherche */

.althea-header-main__content .search-widget {
  flex: 0 0 min(17rem, 30vw);
  width: auto;
  margin: 0;
}

.althea-header-main__content .search-widget form {
  position: relative;
  margin: 0;
}

.althea-header-main__content .search-widget input[type="text"] {
  width: 100%;
  height: 3.15rem;
  padding: 0 3rem 0 1.2rem;
  border: 1px solid var(--althea-color-border);
  border-radius: var(--althea-radius-pill);
  background: var(--althea-color-ivory);
  color: var(--althea-color-text);
}

.althea-header-main__content .search-widget input[type="text"]:focus {
  border-color: var(--althea-color-gold);
  background: var(--althea-color-white);
  box-shadow: 0 0 0 3px rgb(184 147 67 / 12%);
  outline: 0;
}

.althea-header-main__content .search-widget button {
  position: absolute;
  top: 50%;
  right: 0.9rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--althea-color-gold-dark);
  transform: translateY(-50%);
}

/* Barre supérieure */

#header .header-nav {
  min-height: 3rem;
}

#header .header-nav .container {
  width: min(calc(100% - 2rem), var(--althea-container-width));
  max-width: none;
  min-height: 3rem;
}

#header .header-nav .right-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

#header .header-nav .user-info {
  margin: 0;
}

#header .header-nav .blockcart {
  min-height: 2.45rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}

/* Tablettes */

@media (max-width: 1199px) {
  .althea-header-main__inner {
    gap: 2rem;
    grid-template-columns: 9rem minmax(0, 1fr);
  }

  .althea-header-main__brand .logo {
    max-width: 8rem;
  }

  .althea-header-main__content .top-menu {
    gap: 1.2rem;
  }

  .althea-header-main__content .top-menu a[data-depth="0"] {
    font-size: 0.72rem;
  }

  .althea-header-main__content .search-widget {
    flex-basis: 14rem;
  }
}

/* Mobile */

@media (max-width: 991px) {
  #header .althea-header-main {
    display: none;
  }

  #header .header-nav {
    min-height: auto;
  }
}
/* ==========================================================
   HEADER SIGNATURE — DIRECTION ARTISTIQUE ALTHÉA V3
   ========================================================== */

.althea-site-header {
  position: relative;
  z-index: 50;
  padding: 0;
  border: 0;
  background: var(--althea-color-white);
}

.althea-site-header > .container {
  width: min(calc(100% - 3rem), 1320px);
  max-width: none;
  padding: 0;
}

.althea-site-header__inner {
  display: grid;
  min-height: 5.75rem;
  align-items: center;
  gap: 2rem;
  grid-template-columns: 11rem minmax(0, 1fr) 9rem;
}

/* Nom de marque */

.althea-site-header__brand {
  display: flex;
  align-items: center;
}

.althea-site-header__brand-link {
  color: var(--althea-color-text);
  text-decoration: none;
}

.althea-site-header__brand-link:hover {
  color: var(--althea-color-gold);
  text-decoration: none;
}

.althea-site-header__brand-name {
  font-family: var(--althea-font-heading);
  font-size: 1.65rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1;
}

/* Navigation centrale */

.althea-site-header__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.35rem, 2.5vw, 2.75rem);
}

.althea-site-header__navigation a {
  position: relative;
  padding-block: 0.8rem;
  color: var(--althea-color-text);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-decoration: none;
  white-space: nowrap;
}

.althea-site-header__navigation a::after {
  position: absolute;
  right: 50%;
  bottom: 0.35rem;
  left: 50%;
  height: 1px;
  background: currentcolor;
  content: "";
  transition:
    right var(--althea-transition-default),
    left var(--althea-transition-default);
}

.althea-site-header__navigation a:hover {
  color: var(--althea-color-gold);
}

.althea-site-header__navigation a:hover::after {
  right: 0;
  left: 0;
}

/* Bouton Découvrir */

.althea-site-header__actions {
  display: flex;
  justify-content: flex-end;
}

.althea-site-header__discover {
  display: inline-flex;
  min-height: 2.85rem;
  align-items: center;
  justify-content: center;
  padding-inline: 1.45rem;
  border: 1px solid var(--althea-color-text);
  border-radius: var(--althea-radius-pill);
  color: var(--althea-color-text);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color var(--althea-transition-fast),
    border-color var(--althea-transition-fast),
    color var(--althea-transition-fast);
}

.althea-site-header__discover:hover {
  border-color: var(--althea-color-gold);
  background: var(--althea-color-gold);
  color: var(--althea-color-white);
  text-decoration: none;
}

/* Petite barre compte/langue/panier */

#header .althea-utility-bar {
  min-height: 2.6rem;
  border-bottom: 1px solid rgb(31 31 31 / 7%);
  background: var(--althea-color-ivory);
}

.althea-utility-bar > .container {
  width: min(calc(100% - 3rem), 1320px);
  max-width: none;
  min-height: 2.6rem;
  padding: 0;
}

.althea-utility-bar__inner {
  display: flex;
  min-height: 2.6rem;
  align-items: center;
  justify-content: space-between;
}

.althea-utility-bar__right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* Version immersive sur la page d’accueil */

.page-index #header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: transparent;
  box-shadow: none;
}

.page-index #header .althea-utility-bar {
  border-color: rgb(255 255 255 / 14%);
  background: rgb(12 15 18 / 20%);
  color: var(--althea-color-white);
  backdrop-filter: blur(8px);
}

.page-index #header .althea-utility-bar a,
.page-index #header .althea-utility-bar .material-icons {
  color: var(--althea-color-white);
}

.page-index #header .althea-site-header {
  background:
    linear-gradient(
      to bottom,
      rgb(8 10 13 / 50%),
      rgb(8 10 13 / 4%)
    );
}

.page-index .althea-site-header__brand-link,
.page-index .althea-site-header__navigation a {
  color: var(--althea-color-white);
}

.page-index .althea-site-header__discover {
  border-color: rgb(255 255 255 / 55%);
  background: rgb(255 255 255 / 7%);
  color: var(--althea-color-white);
  backdrop-filter: blur(8px);
}

.page-index .althea-site-header__discover:hover {
  border-color: var(--althea-color-white);
  background: var(--althea-color-white);
  color: var(--althea-color-text);
}

/* Préparer la Home pour le header superposé */

.page-index .althea-hero {
  min-height: 100svh;
  padding-top: 11rem;
}

/* Tablettes */

@media (max-width: 1199px) {
  .althea-site-header__inner {
    grid-template-columns: 9rem minmax(0, 1fr) 8rem;
  }

  .althea-site-header__navigation {
    gap: 1.2rem;
  }

  .althea-site-header__navigation a {
    font-size: 0.68rem;
  }
}

/* Mobile : conserver la mécanique native de PrestaShop */

@media (max-width: 991px) {
  .page-index #header {
    position: relative;
    background: var(--althea-color-white);
  }

  .page-index #header .althea-utility-bar {
    background: var(--althea-color-ivory);
    color: var(--althea-color-text);
  }

  .page-index #header .althea-utility-bar a,
  .page-index #header .althea-utility-bar .material-icons {
    color: var(--althea-color-text);
  }

  .page-index .althea-hero {
    min-height: auto;
    padding-top: 4rem;
  }
}
/* ==========================================================
   HEADER PRINCIPAL ALTHÉA — STRUCTURE INDÉPENDANTE
   ========================================================== */

.althea-mainbar {
  position: relative;
  z-index: 102;
  width: 100%;
  border-bottom: 1px solid rgb(31 31 31 / 8%);
  background: var(--althea-color-white);
}

.althea-mainbar__container {
  position: relative;
  display: grid !important;
  width: min(calc(100% - 3rem), 1320px);
  min-height: 5.75rem;
  align-items: center;
  gap: 2rem;
  padding: 0;
  margin: 0 auto;
  grid-template-columns: 11rem minmax(0, 1fr) 9rem;
}

/* Marque */

.althea-mainbar__brand {
  position: static !important;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  color: var(--althea-color-text);
  font-family: var(--althea-font-heading);
  font-size: 1.65rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.althea-mainbar__brand:hover {
  color: var(--althea-color-gold);
  text-decoration: none;
}

/* Navigation */

.althea-mainbar__nav {
  position: static !important;
  display: flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  gap: clamp(1.25rem, 2.4vw, 2.65rem);
  padding: 0;
  margin: 0;
}

.althea-mainbar__nav a {
  position: relative;
  display: inline-flex;
  padding: 0.8rem 0;
  margin: 0;
  color: var(--althea-color-text);
  font-family: var(--althea-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.055em;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.althea-mainbar__nav a::after {
  position: absolute;
  right: 50%;
  bottom: 0.35rem;
  left: 50%;
  height: 1px;
  background: currentcolor;
  content: "";
  transition:
    right var(--althea-transition-default),
    left var(--althea-transition-default);
}

.althea-mainbar__nav a:hover {
  color: var(--althea-color-gold);
}

.althea-mainbar__nav a:hover::after {
  right: 0;
  left: 0;
}

/* Bouton Découvrir */

.althea-mainbar__action {
  position: static !important;
  display: flex;
  width: auto;
  justify-content: flex-end;
}

.althea-mainbar__action a {
  display: inline-flex;
  min-height: 2.85rem;
  align-items: center;
  justify-content: center;
  padding: 0 1.45rem;
  border: 1px solid var(--althea-color-text);
  border-radius: var(--althea-radius-pill);
  color: var(--althea-color-text);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color var(--althea-transition-fast),
    border-color var(--althea-transition-fast),
    color var(--althea-transition-fast);
}

.althea-mainbar__action a:hover {
  border-color: var(--althea-color-gold);
  background: var(--althea-color-gold);
  color: var(--althea-color-white);
  text-decoration: none;
}

/* Accueil : superposition transparente sur le Hero */

.page-index #header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: transparent;
  box-shadow: none;
}

.page-index .althea-mainbar {
  border-bottom-color: rgb(255 255 255 / 14%);
  background:
    linear-gradient(
      to bottom,
      rgb(10 12 15 / 48%),
      rgb(10 12 15 / 5%)
    );
}

.page-index .althea-mainbar__brand,
.page-index .althea-mainbar__nav a {
  color: var(--althea-color-white);
}

.page-index .althea-mainbar__action a {
  border-color: rgb(255 255 255 / 60%);
  background: rgb(255 255 255 / 7%);
  color: var(--althea-color-white);
  backdrop-filter: blur(8px);
}

.page-index .althea-mainbar__action a:hover {
  border-color: var(--althea-color-white);
  background: var(--althea-color-white);
  color: var(--althea-color-text);
}

/* La barre utilitaire reste lisible */

.page-index #header .althea-utility-bar {
  border-bottom-color: rgb(255 255 255 / 15%);
  background: rgb(10 12 15 / 35%);
  color: var(--althea-color-white);
}

.page-index #header .althea-utility-bar a,
.page-index #header .althea-utility-bar .material-icons {
  color: var(--althea-color-white);
}

/* Espace nécessaire sous le header superposé */

.page-index .althea-hero {
  min-height: 100svh;
  padding-top: 11rem;
}

/* Tablettes */

@media (max-width: 1199px) {
  .althea-mainbar__container {
    gap: 1.25rem;
    grid-template-columns: 9rem minmax(0, 1fr) 8rem;
  }

  .althea-mainbar__nav {
    gap: 1.15rem;
  }

  .althea-mainbar__nav a {
    font-size: 0.68rem;
  }

  .althea-mainbar__brand {
    font-size: 1.4rem;
  }
}

/* Mobile */

@media (max-width: 991px) {
  .page-index #header {
    position: relative;
  }

  .althea-mainbar {
    border-bottom-color: var(--althea-color-border);
    background: var(--althea-color-white);
  }

  .althea-mainbar__container {
    display: block !important;
    width: 100%;
    min-height: auto;
  }

  .althea-mainbar__mobile {
    display: flex !important;
    min-height: 4.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
  }

  .althea-mainbar__mobile-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    color: var(--althea-color-text);
  }

  .page-index #header .althea-utility-bar {
    background: var(--althea-color-ivory);
    color: var(--althea-color-text);
  }

  .page-index #header .althea-utility-bar a,
  .page-index #header .althea-utility-bar .material-icons {
    color: var(--althea-color-text);
  }

  .page-index .althea-hero {
    min-height: auto;
    padding-top: 4rem;
  }
}
/* ==========================================================
   LE RITUEL DU MATIN
   ========================================================== */

.althea-morning-ritual {
  position: relative;
  overflow: hidden;
  padding-block: clamp(5rem, 10vw, 9rem);
  background: #f7f1e9;
}

.althea-morning-ritual__grid {
  display: grid;
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  grid-template-columns: minmax(19rem, 0.78fr) minmax(0, 1.22fr);
}

.althea-morning-ritual__content {
  position: relative;
  z-index: 2;
  max-width: 34rem;
}

.althea-morning-ritual__title {
  margin-bottom: var(--althea-space-3);
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 1;
}

.althea-morning-ritual__intro {
  margin-bottom: var(--althea-space-4);
  color: var(--althea-color-text-soft);
  font-size: 1.08rem;
  line-height: 1.75;
}

.althea-morning-ritual__benefits {
  display: grid;
  gap: 0.9rem;
  padding: 0;
  margin: 0 0 var(--althea-space-4);
  list-style: none;
}

.althea-morning-ritual__benefits li {
  position: relative;
  padding-left: 1.8rem;
  color: var(--althea-color-text);
  font-size: 0.95rem;
  line-height: 1.5;
}

.althea-morning-ritual__benefits li::before {
  position: absolute;
  top: 0.05rem;
  left: 0;
  color: var(--althea-color-gold-dark);
  content: "✓";
  font-weight: 700;
}

.althea-morning-ritual__link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--althea-color-gold);
  color: var(--althea-color-text);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.althea-morning-ritual__link span:last-child {
  color: var(--althea-color-gold-dark);
  font-size: 1.25rem;
  transition: transform var(--althea-transition-default);
}

.althea-morning-ritual__link:hover {
  color: var(--althea-color-gold-dark);
  text-decoration: none;
}

.althea-morning-ritual__link:hover span:last-child {
  transform: translateX(0.4rem);
}

.althea-morning-ritual__media {
  position: relative;
  overflow: hidden;
  min-height: 35rem;
  margin: 0;
  border-radius: var(--althea-radius-large);
  box-shadow: 0 2rem 5rem rgb(31 31 31 / 13%);
}

.althea-morning-ritual__media::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgb(42 31 20 / 8%),
      transparent 40%
    );
  content: "";
  pointer-events: none;
}

.althea-morning-ritual__media img {
  width: 100%;
  height: 100%;
  min-height: 35rem;
  object-fit: cover;
  object-position: center;
  transition: transform 1.2s ease;
}

.althea-morning-ritual__media:hover img {
  transform: scale(1.025);
}

@media (max-width: 991px) {
  .althea-morning-ritual__grid {
    grid-template-columns: 1fr;
  }

  .althea-morning-ritual__content {
    max-width: 46rem;
  }

  .althea-morning-ritual__media {
    min-height: 28rem;
  }

  .althea-morning-ritual__media img {
    min-height: 28rem;
  }
}

@media (max-width: 575px) {
  .althea-morning-ritual {
    padding-block: 4.5rem;
  }

  .althea-morning-ritual__media {
    min-height: 22rem;
    border-radius: var(--althea-radius-medium);
  }

  .althea-morning-ritual__media img {
    min-height: 22rem;
  }
}
/* ==========================================================
   ALTHÉA V3 — HERO PHOTOGRAPHIQUE
   ========================================================== */

.althea-v3-home {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.althea-v3-home .althea-v3-container {
  width: min(calc(100% - 2.5rem), 1240px);
  margin-inline: auto;
}

/* Hero */

.althea-v3-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 100svh;
  align-items: end;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(
      90deg,
      rgb(9 29 23 / 78%) 0%,
      rgb(9 29 23 / 45%) 42%,
      rgb(9 29 23 / 18%) 68%,
      rgb(9 29 23 / 8%) 100%
    ),
    url("../img/v3/hero-v3-premium.png") center 38% / cover no-repeat;
}

.althea-v3-hero::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 38%;
  background:
    linear-gradient(
      to bottom,
      transparent,
      rgb(8 27 21 / 70%)
    );
  content: "";
  pointer-events: none;
}

/* Contenu */

.althea-v3-hero__content {
  position: relative;
  z-index: 2;
  padding-top: 13rem;
  padding-bottom: 4.75rem;
  animation: althea-v3-hero-reveal 900ms ease both;
}

.althea-v3-kicker {
  margin: 0 0 1rem;
  color: #d5b56c;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  line-height: 1.4;
  text-transform: uppercase;
}

.althea-v3-hero h1 {
  max-width: 53rem;
  margin: 0;
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: clamp(3.5rem, 7vw, 7.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 0.98;
  text-shadow: 0 0.25rem 2.5rem rgb(0 0 0 / 24%);
}

.althea-v3-lead {
  max-width: 42rem;
  margin: 1.55rem 0 0;
  color: rgb(255 255 255 / 86%);
  font-size: clamp(1rem, 1.5vw, 1.22rem);
  line-height: 1.65;
}

/* Boutons */

.althea-v3-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2rem;
}

.althea-v3-btn {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  padding-inline: 1.6rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition:
    transform 250ms ease,
    background-color 250ms ease,
    border-color 250ms ease,
    color 250ms ease,
    box-shadow 250ms ease;
}

.althea-v3-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
}

.althea-v3-btn--light {
  border-color: #ffffff;
  background: #ffffff;
  color: #123d32;
  box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 14%);
}

.althea-v3-btn--light:hover {
  border-color: #d5b56c;
  background: #d5b56c;
  color: #123d32;
}

.althea-v3-btn--ghost {
  border-color: rgb(255 255 255 / 52%);
  background: rgb(255 255 255 / 10%);
  color: #ffffff;
  backdrop-filter: blur(10px);
}

.althea-v3-btn--ghost:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #123d32;
}

/* Bandeau des engagements */

.althea-v3-trust {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgb(255 255 255 / 22%);
  background: rgb(7 25 19 / 42%);
  backdrop-filter: blur(12px);
}

.althea-v3-trust > div {
  padding: 1.15rem;
  border-right: 1px solid rgb(255 255 255 / 16%);
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 700;
  text-align: center;
}

.althea-v3-trust > div:last-child {
  border-right: 0;
}

/* On neutralise les marges Classic uniquement sur la Home V3. */

.page-index #wrapper {
  padding-top: 0;
  background: #fffdf8;
}

.page-index #content-wrapper,
.page-index #content {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

.page-index .breadcrumb {
  display: none;
}

.althea-v3-placeholder {
  height: 1px;
}

.althea-v3-native-home {
  position: relative;
}

/* Apparition initiale */

@keyframes althea-v3-hero-reveal {
  from {
    opacity: 0;
    transform: translateY(1.75rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablettes */

@media (max-width: 991px) {
  .althea-v3-hero {
    min-height: 88svh;
    background-position: 61% center;
  }

  .althea-v3-hero__content {
    padding-top: 8rem;
    padding-bottom: 3.5rem;
  }

  .althea-v3-hero h1 {
    max-width: 42rem;
  }
}

/* Mobiles */

@media (max-width: 640px) {
  .althea-v3-home .althea-v3-container {
    width: min(calc(100% - 1.5rem), 1240px);
  }

  .althea-v3-hero {
    min-height: 88svh;
    background-position: 64% center;
  }

  .althea-v3-hero__content {
    padding-top: 7rem;
    padding-bottom: 2.75rem;
  }

  .althea-v3-hero h1 {
    max-width: 20rem;
    font-size: clamp(3.15rem, 15vw, 4.7rem);
  }

  .althea-v3-lead {
    max-width: 21rem;
    font-size: 0.98rem;
  }

  .althea-v3-hero__buttons {
    align-items: stretch;
    flex-direction: column;
    max-width: 21rem;
  }

  .althea-v3-btn {
    width: 100%;
  }

  .althea-v3-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-v3-trust > div:nth-child(2) {
    border-right: 0;
  }

  .althea-v3-trust > div:nth-child(-n + 2) {
    border-bottom: 1px solid rgb(255 255 255 / 16%);
  }
}

/* Accessibilité */

@media (prefers-reduced-motion: reduce) {
  .althea-v3-hero__content {
    animation: none;
  }
}
/* ==========================================================
   HOME V3 — PLEINE LARGEUR
   Neutralisation du conteneur Classic
   ========================================================== */

.page-index #wrapper > .container {
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.page-index #wrapper > .container > .row {
  margin-right: 0;
  margin-left: 0;
}

.page-index #content-wrapper {
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.page-index #content {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

.page-index .althea-v3-home,
.page-index .althea-v3-hero {
  width: 100%;
  max-width: none;
}
/* ==========================================================
   SÉLECTEUR DE LANGUE — MENU DÉROULANT
   ========================================================== */

#header .language-selector-wrapper {
  position: relative;
  z-index: 1200;
}

#header .language-selector-wrapper .dropdown-menu,
#header #_desktop_language_selector .dropdown-menu {
  top: calc(100% + 0.4rem);
  right: 0;
  left: auto;
  z-index: 1300;
  display: none;
  min-width: 10rem;
  padding: 0.45rem;
  margin: 0;
  border: 1px solid rgb(185 146 79 / 28%);
  border-radius: 0.65rem;
  background: #fffdf8;
  box-shadow: 0 1rem 2.5rem rgb(8 27 21 / 22%);
}

#header .language-selector-wrapper.open .dropdown-menu,
#header #_desktop_language_selector.open .dropdown-menu,
#header .language-selector-wrapper .dropdown-menu.show,
#header #_desktop_language_selector .dropdown-menu.show {
  display: block;
}

#header .language-selector-wrapper .dropdown-menu li,
#header #_desktop_language_selector .dropdown-menu li {
  display: block;
  width: 100%;
  margin: 0;
}

#header .language-selector-wrapper .dropdown-menu a,
#header #_desktop_language_selector .dropdown-menu a {
  display: block;
  width: 100%;
  padding: 0.65rem 0.85rem;
  border-radius: 0.4rem;
  background: transparent;
  color: #123d32 !important;
  font-size: 0.88rem;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

#header .language-selector-wrapper .dropdown-menu a:hover,
#header #_desktop_language_selector .dropdown-menu a:hover {
  background: #f8f1e7;
  color: #b9924f !important;
}

#header .language-selector-wrapper .dropdown-menu .current,
#header #_desktop_language_selector .dropdown-menu .current {
  color: #b9924f !important;
  font-weight: 700;
}
/* Sélecteur de langue desktop : garder le menu au premier plan */
@media (min-width: 992px) {
  #header .header-nav,
  #header .althea-utility-bar,
  #header .althea-utility-bar__inner,
  #header .althea-utility-bar__right,
  #header #_desktop_language_selector,
  #header .language-selector-wrapper {
    position: relative;
    overflow: visible;
  }

  #header .header-nav,
  #header .althea-utility-bar {
    z-index: 1200;
  }

  #header .althea-mainbar {
    z-index: 1100;
  }

  #header #_desktop_language_selector .dropdown-menu,
  #header .language-selector-wrapper .dropdown-menu {
    z-index: 1300;
    pointer-events: auto;
  }
  /* Sélecteur de langue desktop : garder le menu au premier plan */
@media (min-width: 992px) {
  #header .header-nav,
  #header .althea-utility-bar,
  #header .althea-utility-bar__inner,
  #header .althea-utility-bar__right,
  #header #_desktop_language_selector,
  #header .language-selector-wrapper {
    position: relative;
    overflow: visible;
  }

  #header .header-nav,
  #header .althea-utility-bar {
    z-index: 1200;
  }

  #header .althea-mainbar {
    z-index: 1100;
  }

  #header #_desktop_language_selector .dropdown-menu,
  #header .language-selector-wrapper .dropdown-menu {
    z-index: 1300;
    pointer-events: auto;
  
 }
}
 }
/* ==========================================================
   ALTHÉA V3 — LE RITUEL DU MATIN
   ========================================================== */

.althea-v3-section {
  padding-block: clamp(5.5rem, 10vw, 9rem);
}

.althea-v3-morning {
  background: #f8f1e7;
}

.althea-v3-feature {
  display: grid;
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.althea-v3-visual {
  overflow: hidden;
  border-radius: 28px;
  background: #eeeeee;
  box-shadow: 0 24px 70px rgb(18 61 50 / 12%);
}

.althea-v3-visual--portrait {
  aspect-ratio: 4 / 5;
}

.althea-v3-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s ease;
}

.althea-v3-visual:hover img {
  transform: scale(1.025);
}

.althea-v3-morning h2 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  font-weight: 500;
  line-height: 1.02;
}

.althea-v3-morning__steps {
  display: grid;
  gap: 1.25rem;
  margin-top: 2rem;
}

.althea-v3-morning__step {
  padding: 1.1rem 1.25rem;
  border-left: 2px solid #b9924f;
  background: rgb(255 253 248 / 72%);
}

.althea-v3-morning__step strong {
  display: block;
  color: #123d32;
  font-size: 0.98rem;
}

.althea-v3-morning__step span {
  display: block;
  margin-top: 0.2rem;
  color: #6e756f;
  font-size: 0.92rem;
}

.althea-v3-btn--primary {
  border-color: #123d32;
  background: #123d32;
  color: #ffffff;
}

.althea-v3-btn--primary:hover {
  border-color: #1e5647;
  background: #1e5647;
  color: #ffffff;
}

.althea-v3-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 800ms ease,
    transform 800ms ease;
}

.althea-v3-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 991px) {
  .althea-v3-feature {
    grid-template-columns: 1fr;
  }

  .althea-v3-visual--portrait {
    aspect-ratio: 16 / 11;
  }
}

@media (max-width: 640px) {
  .althea-v3-section {
    padding-block: 4.5rem;
  }

  .althea-v3-visual {
    border-radius: 18px;
  }

  .althea-v3-visual--portrait {
    aspect-ratio: 4 / 5;
  }
}
.althea-v3-morning .althea-v3-lead {
  color: #6e756f;
}
/* ==========================================================
   ALTHÉA V3 — BÉNÉFICES ESSENTIELS
   ========================================================== */

.althea-v3-benefits {
  background: #fffdf8;
}

.althea-v3-feature--reverse .althea-v3-visual {
  order: 2;
}

.althea-v3-visual--square {
  aspect-ratio: 1 / 1;
}

.althea-v3-benefits h2 {
  max-width: 42rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.6rem, 4.6vw, 4.7rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.03;
}

.althea-v3-benefits .althea-v3-lead {
  max-width: 38rem;
  color: #6e756f;
}

.althea-v3-benefits__list {
  display: grid;
  margin-top: 2.4rem;
  border-top: 1px solid rgb(18 61 50 / 14%);
}

.althea-v3-benefit {
  display: grid;
  align-items: start;
  gap: 1.25rem;
  padding-block: 1.3rem;
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  grid-template-columns: 2.5rem minmax(0, 1fr);
}

.althea-v3-benefit__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 1.15rem;
  line-height: 1.3;
}

.althea-v3-benefit strong {
  display: block;
  color: #123d32;
  font-size: 1rem;
}

.althea-v3-benefit p {
  margin: 0.3rem 0 0;
  color: #6e756f;
  font-size: 0.92rem;
  line-height: 1.55;
}

@media (max-width: 991px) {
  .althea-v3-feature--reverse .althea-v3-visual {
    order: 0;
  }

  .althea-v3-visual--square {
    aspect-ratio: 16 / 11;
  }
}

@media (max-width: 640px) {
  .althea-v3-visual--square {
    aspect-ratio: 1 / 1;
  }

  .althea-v3-benefit {
    grid-template-columns: 2rem minmax(0, 1fr);
  }
}
/* ==========================================================
   ALTHÉA V3 — LA FORMULE
   ========================================================== */

.althea-v3-formula {
  position: relative;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8.5rem);
  background: #f8f1e7;
}

.althea-v3-formula__heading {
  position: relative;
  z-index: 2;
  max-width: 62rem;
  padding-bottom: clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.althea-v3-formula__heading .althea-v3-kicker {
  text-align: center;
}

.althea-v3-formula__heading h2 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-formula__heading .althea-v3-lead {
  max-width: 48rem;
  margin-right: auto;
  margin-left: auto;
  color: #6e756f;
}

.althea-v3-formula__visual {
  position: relative;
  width: 100%;
  margin: 0;
  background: #f8f1e7;
}

.althea-v3-formula__visual::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 12%;
  background:
    linear-gradient(
      to bottom,
      #f8f1e7,
      rgb(248 241 231 / 0%)
    );
  content: "";
  pointer-events: none;
}

.althea-v3-formula__visual img {
  display: block;
  width: 100%;
  max-height: 92vh;
  object-fit: contain;
  object-position: center top;
}

@media (max-width: 991px) {
  .althea-v3-formula__visual img {
    max-height: none;
  }
}

@media (max-width: 640px) {
  .althea-v3-formula {
    padding-top: 4.5rem;
  }

  .althea-v3-formula__heading {
    text-align: left;
  }

  .althea-v3-formula__heading .althea-v3-kicker {
    text-align: left;
  }

  .althea-v3-formula__heading .althea-v3-lead {
    margin-left: 0;
  }

  .althea-v3-formula__visual {
    width: 100%;
    overflow: hidden;
  }

  .althea-v3-formula__visual img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    max-width: 100%;
    object-fit: contain;
  }
}
@media (max-width: 991px) {
  .althea-v3-formula__visual {
    width: 100%;
    overflow: hidden;
  }

  .althea-v3-formula__visual img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
  }
}
/* ==========================================================
   HEADER V3 — LISIBILITÉ DESKTOP ET LOGO MOBILE
   ========================================================== */

/* Accueil desktop : texte clair en permanence */

@media (min-width: 992px) {
  .page-index #header .althea-mainbar {
    border-bottom-color: rgb(255 255 255 / 18%);
    background:
      linear-gradient(
        90deg,
        rgb(4 20 15 / 74%) 0%,
        rgb(4 20 15 / 48%) 42%,
        rgb(20 17 9 / 56%) 100%
      );
    backdrop-filter: blur(14px);
  }

  .page-index #header .althea-mainbar__brand,
  .page-index #header .althea-mainbar__nav a {
    color: #ffffff !important;
    text-shadow: 0 1px 12px rgb(0 0 0 / 38%);
  }

  .page-index #header .althea-mainbar__brand {
    color: #d7b56a !important;
  }

  .page-index #header .althea-mainbar__nav a:hover {
    color: #e5c77f !important;
  }

  .page-index #header .althea-mainbar__action a {
    border-color: rgb(255 255 255 / 72%) !important;
    background: rgb(0 0 0 / 14%) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgb(0 0 0 / 30%);
  }

  .page-index #header .althea-mainbar__action a:hover {
    border-color: #d7b56a !important;
    background: #d7b56a !important;
    color: #123d32 !important;
    text-shadow: none;
  }

  .page-index #header .althea-utility-bar {
    background: rgb(4 20 15 / 68%);
    backdrop-filter: blur(14px);
  }

  .page-index #header .althea-utility-bar,
  .page-index #header .althea-utility-bar a,
  .page-index #header .althea-utility-bar span,
  .page-index #header .althea-utility-bar .material-icons {
    color: #ffffff !important;
  }
}

/* Logo et structure mobile */

.althea-mainbar__mobile-brand {
  display: inline-flex;
  align-items: center;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.45rem;
  font-weight: 500;
  letter-spacing: 0.17em;
  line-height: 1;
  text-decoration: none;
}

.althea-mainbar__mobile-brand:hover {
  color: #b9924f;
  text-decoration: none;
}

.althea-mainbar__mobile-actions {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

@media (max-width: 991px) {
  .althea-mainbar__mobile {
    display: grid !important;
    min-height: 4.6rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .althea-mainbar__mobile-trigger {
    margin: 0;
  }

  .althea-mainbar__mobile-actions {
    justify-content: flex-end;
  }
}

@media (max-width: 420px) {
  .althea-mainbar__mobile-brand {
    font-size: 1.22rem;
    letter-spacing: 0.13em;
  }
}
/* ==========================================================
   ALTHÉA V3 — COMPOSITION MULTIVITAMINES
   ========================================================== */

.althea-v3-composition {
  position: relative;
  overflow: hidden;
  background: #fffdf8;
}

.althea-v3-composition::before {
  position: absolute;
  top: -12rem;
  right: -10rem;
  width: 30rem;
  height: 30rem;
  border: 1px solid rgb(185 146 79 / 16%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-composition__visual {
  position: relative;
  z-index: 1;
}

.althea-v3-composition__visual img {
  object-position: center;
}

.althea-v3-composition__content {
  position: relative;
  z-index: 2;
}

.althea-v3-composition h2 {
  max-width: 38rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-composition .althea-v3-lead {
  max-width: 38rem;
  color: #6e756f;
}

.althea-v3-composition__groups {
  display: grid;
  margin-top: 2.4rem;
  border-top: 1px solid rgb(18 61 50 / 14%);
}

.althea-v3-composition__group {
  display: grid;
  align-items: start;
  gap: 1.25rem;
  padding-block: 1.35rem;
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  grid-template-columns: 2.6rem minmax(0, 1fr);
}

.althea-v3-composition__index {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 1.2rem;
  line-height: 1.35;
}

.althea-v3-composition__group h3 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-body);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}

.althea-v3-composition__group p {
  max-width: 35rem;
  margin: 0.35rem 0 0;
  color: #6e756f;
  font-size: 0.92rem;
  line-height: 1.6;
}

.althea-v3-composition__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 2rem;
}

.althea-v3-composition__highlights span {
  display: inline-flex;
  min-height: 2.45rem;
  align-items: center;
  padding-inline: 1rem;
  border: 1px solid rgb(18 61 50 / 16%);
  border-radius: 999px;
  background: #f8f1e7;
  color: #123d32;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.althea-v3-composition .althea-v3-buttons {
  margin-top: 2rem;
}

@media (max-width: 991px) {
  .althea-v3-composition::before {
    top: auto;
    right: -12rem;
    bottom: -12rem;
  }
}

@media (max-width: 640px) {
  .althea-v3-composition__group {
    gap: 0.8rem;
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .althea-v3-composition__highlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-v3-composition__highlights span {
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 390px) {
  .althea-v3-composition__highlights {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================
   ALTHÉA V3 — DÉTAILS DU PRODUIT
   ========================================================== */

.althea-v3-product-details {
  position: relative;
  overflow: hidden;
  background: #f8f1e7;
}

.althea-v3-product-details::after {
  position: absolute;
  bottom: -10rem;
  left: -10rem;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgb(185 146 79 / 14%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-product-details__visual {
  position: relative;
  z-index: 1;
}

.althea-v3-product-details__visual img {
  object-position: center;
}

.althea-v3-product-details__content {
  position: relative;
  z-index: 2;
}

.althea-v3-product-details h2 {
  max-width: 40rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-product-details .althea-v3-lead {
  max-width: 38rem;
  color: #6e756f;
}

.althea-v3-product-details__specs {
  display: grid;
  gap: 0;
  margin: 2.4rem 0 0;
  border-top: 1px solid rgb(18 61 50 / 14%);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.althea-v3-product-details__specs > div {
  padding: 1.2rem 1rem 1.2rem 0;
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.althea-v3-product-details__specs > div:nth-child(odd) {
  border-right: 1px solid rgb(18 61 50 / 14%);
}

.althea-v3-product-details__specs > div:nth-child(even) {
  padding-left: 1.25rem;
}

.althea-v3-product-details__specs dt {
  margin: 0;
  color: #b9924f;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.althea-v3-product-details__specs dd {
  margin: 0.35rem 0 0;
  color: #123d32;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.45;
}

.althea-v3-product-details__note {
  display: grid;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  padding: 1.25rem;
  border: 1px solid rgb(185 146 79 / 24%);
  border-radius: 18px;
  background: rgb(255 253 248 / 76%);
  grid-template-columns: auto minmax(0, 1fr);
}

.althea-v3-product-details__note > span {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border: 1px solid rgb(185 146 79 / 32%);
  border-radius: 50%;
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 1.7rem;
}

.althea-v3-product-details__note p {
  margin: 0;
  color: #6e756f;
  font-size: 0.9rem;
  line-height: 1.6;
}

.althea-v3-product-details .althea-v3-buttons {
  margin-top: 2rem;
}

@media (max-width: 991px) {
  .althea-v3-product-details::after {
    left: auto;
    right: -12rem;
  }
}

@media (max-width: 640px) {
  .althea-v3-product-details__specs {
    grid-template-columns: 1fr;
  }

  .althea-v3-product-details__specs > div,
  .althea-v3-product-details__specs > div:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
  }

  .althea-v3-product-details__note {
    align-items: start;
  }
}
/* ==========================================================
   ALTHÉA V3 — QUALITÉ
   ========================================================== */

.althea-v3-quality {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 82% 18%,
      rgb(185 146 79 / 14%),
      transparent 30%
    ),
    #123d32;
  color: #ffffff;
}

.althea-v3-quality::before {
  position: absolute;
  top: -13rem;
  left: -13rem;
  width: 32rem;
  height: 32rem;
  border: 1px solid rgb(255 255 255 / 8%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-quality__content,
.althea-v3-quality__visual {
  position: relative;
  z-index: 2;
}

.althea-v3-quality h2 {
  max-width: 38rem;
  margin: 0;
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-quality .althea-v3-kicker {
  color: #d7b56a;
}

.althea-v3-quality .althea-v3-lead {
  max-width: 38rem;
  color: rgb(255 255 255 / 74%);
}

.althea-v3-quality__pillars {
  display: grid;
  margin-top: 2.4rem;
  border-top: 1px solid rgb(255 255 255 / 14%);
}

.althea-v3-quality__pillar {
  display: grid;
  align-items: start;
  gap: 1.1rem;
  padding-block: 1.35rem;
  border-bottom: 1px solid rgb(255 255 255 / 14%);
  grid-template-columns: 2.5rem minmax(0, 1fr);
}

.althea-v3-quality__number {
  color: #d7b56a;
  font-family: var(--althea-font-heading);
  font-size: 1.15rem;
  line-height: 1.35;
}

.althea-v3-quality__pillar strong {
  display: block;
  color: #ffffff;
  font-size: 1rem;
}

.althea-v3-quality__pillar p {
  max-width: 35rem;
  margin: 0.3rem 0 0;
  color: rgb(255 255 255 / 68%);
  font-size: 0.92rem;
  line-height: 1.6;
}

.althea-v3-quality__visual {
  border: 1px solid rgb(255 255 255 / 10%);
  background: rgb(255 255 255 / 5%);
  box-shadow: 0 2rem 5rem rgb(0 0 0 / 24%);
}

.althea-v3-quality__visual img {
  object-position: center;
}

.althea-v3-quality .althea-v3-buttons {
  margin-top: 2rem;
}

@media (max-width: 640px) {
  .althea-v3-quality__pillar {
    gap: 0.8rem;
    grid-template-columns: 2rem minmax(0, 1fr);
  }
}
/* ==========================================================
   ALTHÉA V3 — COLLECTION
   ========================================================== */

.althea-v3-collection {
  position: relative;
  overflow: hidden;
  background: #fffdf8;
}

.althea-v3-collection::before {
  position: absolute;
  top: -11rem;
  right: -9rem;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgb(185 146 79 / 15%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-collection__heading {
  position: relative;
  z-index: 2;
  max-width: 54rem;
  margin: 0 auto clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.althea-v3-collection__heading .althea-v3-kicker {
  text-align: center;
}

.althea-v3-collection__heading h2 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.9rem, 5vw, 5.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-collection__heading .althea-v3-lead {
  max-width: 42rem;
  margin-right: auto;
  margin-left: auto;
  color: #6e756f;
}

.althea-v3-collection__stage {
  position: relative;
}

.althea-v3-collection__visual {
  position: relative;
  overflow: hidden;
  min-height: 38rem;
  margin: 0;
  border-radius: 28px;
  background: #f8f1e7;
  box-shadow: 0 24px 70px rgb(18 61 50 / 13%);
}

.althea-v3-collection__visual::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgb(8 27 21 / 5%),
      transparent 48%,
      rgb(8 27 21 / 10%)
    );
  content: "";
  pointer-events: none;
}

.althea-v3-collection__visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 38rem;
  object-fit: cover;
  object-position: center;
  transition: transform 1.2s ease;
}

.althea-v3-collection__stage:hover .althea-v3-collection__visual img {
  transform: scale(1.018);
}

.althea-v3-collection__card {
  position: absolute;
  bottom: clamp(1.5rem, 5vw, 4rem);
  left: clamp(1.5rem, 5vw, 4rem);
  z-index: 3;
  width: min(31rem, calc(100% - 3rem));
  overflow: hidden;
  padding: clamp(1.8rem, 4vw, 3rem);
  border: 1px solid rgb(255 255 255 / 65%);
  border-radius: 24px;
  background: rgb(255 253 248 / 91%);
  box-shadow: 0 1.5rem 4rem rgb(8 27 21 / 18%);
  backdrop-filter: blur(16px);
}

.althea-v3-collection__monogram {
  position: absolute;
  top: -1.4rem;
  right: 0.8rem;
  color: rgb(185 146 79 / 10%);
  font-family: var(--althea-font-heading);
  font-size: 10rem;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
}

.althea-v3-collection__card .althea-v3-kicker {
  position: relative;
  z-index: 2;
}

.althea-v3-collection__card h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.05;
}

.althea-v3-collection__card > p:not(.althea-v3-kicker) {
  position: relative;
  z-index: 2;
  margin: 1rem 0 0;
  color: #6e756f;
  font-size: 0.96rem;
  line-height: 1.65;
}

.althea-v3-collection__rituals {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.35rem;
}

.althea-v3-collection__rituals span {
  display: inline-flex;
  min-height: 2.15rem;
  align-items: center;
  padding-inline: 0.85rem;
  border: 1px solid rgb(18 61 50 / 15%);
  border-radius: 999px;
  background: rgb(248 241 231 / 72%);
  color: #123d32;
  font-size: 0.74rem;
  font-weight: 700;
}

.althea-v3-collection__card .althea-v3-buttons {
  position: relative;
  z-index: 2;
  margin-top: 1.6rem;
}

@media (max-width: 991px) {
  .althea-v3-collection__visual,
  .althea-v3-collection__visual img {
    min-height: 30rem;
  }

  .althea-v3-collection__card {
    position: relative;
    bottom: auto;
    left: auto;
    width: calc(100% - 2rem);
    margin: -5rem auto 0;
  }
}

@media (max-width: 640px) {
  .althea-v3-collection__heading {
    text-align: left;
  }

  .althea-v3-collection__heading .althea-v3-kicker {
    text-align: left;
  }

  .althea-v3-collection__heading .althea-v3-lead {
    margin-left: 0;
  }

  .althea-v3-collection__visual {
    min-height: 22rem;
    border-radius: 18px;
  }

  .althea-v3-collection__visual img {
    min-height: 22rem;
  }

  .althea-v3-collection__card {
    width: calc(100% - 1rem);
    padding: 1.5rem;
    margin-top: -2.5rem;
    border-radius: 18px;
  }

  .althea-v3-collection__monogram {
    font-size: 7rem;
  }
}
/* ==========================================================
   ALTHÉA V3 — SAVOIR-FAIRE
   ========================================================== */

.althea-v3-expertise {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #f8f1e7 0%,
      #fffdf8 100%
    );
}

.althea-v3-expertise::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90vw, 70rem);
  height: min(90vw, 70rem);
  border: 1px solid rgb(185 146 79 / 10%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.althea-v3-expertise__heading {
  position: relative;
  z-index: 2;
  max-width: 54rem;
  margin: 0 auto clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.althea-v3-expertise__heading .althea-v3-kicker {
  text-align: center;
}

.althea-v3-expertise__heading h2 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.9rem, 5vw, 5.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-expertise__heading .althea-v3-lead {
  max-width: 44rem;
  margin-right: auto;
  margin-left: auto;
  color: #6e756f;
}

.althea-v3-expertise__journey {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgb(18 61 50 / 12%);
  border-radius: 28px;
  background: rgb(18 61 50 / 12%);
  box-shadow: 0 24px 70px rgb(18 61 50 / 8%);
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.althea-v3-expertise__step {
  position: relative;
  min-height: 24rem;
  padding: clamp(1.6rem, 3vw, 2.4rem);
  background: rgb(255 253 248 / 96%);
  transition:
    background-color 300ms ease,
    transform 300ms ease;
}

.althea-v3-expertise__step:hover {
  z-index: 2;
  background: #ffffff;
  transform: translateY(-0.4rem);
}

.althea-v3-expertise__number {
  color: rgb(185 146 79 / 28%);
  font-family: var(--althea-font-heading);
  font-size: clamp(3.5rem, 5vw, 5.5rem);
  font-weight: 500;
  line-height: 1;
}

.althea-v3-expertise__content {
  margin-top: clamp(3rem, 8vw, 7rem);
}

.althea-v3-expertise__label {
  display: block;
  margin-bottom: 0.8rem;
  color: #b9924f;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.althea-v3-expertise__content h3 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(1.55rem, 2.2vw, 2.1rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.08;
}

.althea-v3-expertise__content p {
  margin: 1rem 0 0;
  color: #6e756f;
  font-size: 0.9rem;
  line-height: 1.65;
}

.althea-v3-expertise__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2.5rem;
  padding: 1.5rem 0;
}

.althea-v3-expertise__footer p {
  max-width: 38rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.2;
}

@media (max-width: 1100px) {
  .althea-v3-expertise__journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-v3-expertise__step:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .althea-v3-expertise__heading {
    text-align: left;
  }

  .althea-v3-expertise__heading .althea-v3-kicker {
    text-align: left;
  }

  .althea-v3-expertise__heading .althea-v3-lead {
    margin-left: 0;
  }

  .althea-v3-expertise__journey {
    border-radius: 18px;
    grid-template-columns: 1fr;
  }

  .althea-v3-expertise__step,
  .althea-v3-expertise__step:last-child {
    min-height: auto;
    grid-column: auto;
  }

  .althea-v3-expertise__content {
    margin-top: 2.5rem;
  }

  .althea-v3-expertise__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .althea-v3-expertise__footer .althea-v3-btn {
    width: 100%;
  }
}
/* ==========================================================
   ALTHÉA V3 — ESPACE PROFESSIONNELS
   ========================================================== */

.althea-v3-professionals {
  position: relative;
  overflow: hidden;
  background: #fffdf8;
}

.althea-v3-professionals::before {
  position: absolute;
  top: -14rem;
  right: -12rem;
  width: 34rem;
  height: 34rem;
  border: 1px solid rgb(185 146 79 / 14%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-professionals__panel {
  position: relative;
  z-index: 2;
  display: grid;
  overflow: hidden;
  border-radius: 28px;
  background: #123d32;
  box-shadow: 0 28px 80px rgb(18 61 50 / 16%);
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.althea-v3-professionals__visual {
  position: relative;
  min-height: 42rem;
  margin: 0;
  overflow: hidden;
}

.althea-v3-professionals__visual::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      transparent 60%,
      rgb(18 61 50 / 42%) 100%
    );
  content: "";
  pointer-events: none;
}

.althea-v3-professionals__visual img {
  width: 100%;
  height: 100%;
  min-height: 42rem;
  object-fit: cover;
  object-position: center;
  transition: transform 1.2s ease;
}

.althea-v3-professionals__panel:hover
.althea-v3-professionals__visual img {
  transform: scale(1.02);
}

.althea-v3-professionals__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.5rem, 6vw, 5.5rem);
  color: #ffffff;
}

.althea-v3-professionals .althea-v3-kicker {
  color: #d7b56a;
}

.althea-v3-professionals h2 {
  max-width: 37rem;
  margin: 0;
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.9rem, 5vw, 5.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-professionals__intro {
  max-width: 39rem;
  margin: 1.4rem 0 0;
  color: rgb(255 255 255 / 74%);
  font-size: 1rem;
  line-height: 1.75;
}

.althea-v3-professionals__advantages {
  display: grid;
  margin-top: 2.4rem;
  border-top: 1px solid rgb(255 255 255 / 14%);
}

.althea-v3-professionals__advantages article {
  display: grid;
  align-items: start;
  gap: 1rem;
  padding-block: 1.2rem;
  border-bottom: 1px solid rgb(255 255 255 / 14%);
  grid-template-columns: 2.4rem minmax(0, 1fr);
}

.althea-v3-professionals__advantages article > span {
  color: #d7b56a;
  font-family: var(--althea-font-heading);
  font-size: 1.1rem;
  line-height: 1.35;
}

.althea-v3-professionals__advantages strong {
  display: block;
  color: #ffffff;
  font-size: 0.98rem;
}

.althea-v3-professionals__advantages p {
  max-width: 34rem;
  margin: 0.3rem 0 0;
  color: rgb(255 255 255 / 66%);
  font-size: 0.9rem;
  line-height: 1.6;
}

.althea-v3-professionals__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem;
  margin-top: 2rem;
}

.althea-v3-professionals__secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgb(215 181 106 / 64%);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.althea-v3-professionals__secondary-link span:last-child {
  color: #d7b56a;
  font-size: 1.2rem;
  transition: transform 250ms ease;
}

.althea-v3-professionals__secondary-link:hover {
  color: #d7b56a;
  text-decoration: none;
}

.althea-v3-professionals__secondary-link:hover span:last-child {
  transform: translateX(0.35rem);
}

@media (max-width: 991px) {
  .althea-v3-professionals__panel {
    grid-template-columns: 1fr;
  }

  .althea-v3-professionals__visual,
  .althea-v3-professionals__visual img {
    min-height: 30rem;
  }

  .althea-v3-professionals__visual::after {
    background:
      linear-gradient(
        to bottom,
        transparent 66%,
        rgb(18 61 50 / 48%) 100%
      );
  }
}

@media (max-width: 640px) {
  .althea-v3-professionals__panel {
    border-radius: 18px;
  }

  .althea-v3-professionals__visual,
  .althea-v3-professionals__visual img {
    min-height: 22rem;
  }

  .althea-v3-professionals__content {
    padding: 2rem 1.5rem;
  }

  .althea-v3-professionals__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .althea-v3-professionals__actions .althea-v3-btn {
    width: 100%;
  }

  .althea-v3-professionals__secondary-link {
    justify-content: center;
  }
}
/* ==========================================================
   ALTHÉA V3 — REDIRECTION PARTICULIERS
   ========================================================== */

.althea-v3-individuals {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      135deg,
      #f8f1e7 0%,
      #fffdf8 72%
    );
}

.althea-v3-individuals__panel {
  position: relative;
  display: grid;
  min-height: 30rem;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgb(185 146 79 / 20%);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 16% 48%,
      rgb(185 146 79 / 14%),
      transparent 29%
    ),
    #fffdf8;
  box-shadow: 0 24px 70px rgb(18 61 50 / 10%);
  grid-template-columns: minmax(0, 1fr) 14rem;
}

.althea-v3-individuals__decoration {
  position: absolute;
  top: 50%;
  left: -8rem;
  width: 27rem;
  height: 27rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.althea-v3-individuals__circle {
  position: absolute;
  inset: 0;
  border: 1px solid rgb(185 146 79 / 22%);
  border-radius: 50%;
}

.althea-v3-individuals__circle::before,
.althea-v3-individuals__circle::after {
  position: absolute;
  border: 1px solid rgb(185 146 79 / 14%);
  border-radius: 50%;
  content: "";
}

.althea-v3-individuals__circle::before {
  inset: 2rem;
}

.althea-v3-individuals__circle::after {
  inset: 5rem;
}

.althea-v3-individuals__monogram {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  color: rgb(185 146 79 / 13%);
  font-family: var(--althea-font-heading);
  font-size: 13rem;
  line-height: 1;
  transform: translateY(-50%);
}

.althea-v3-individuals__content {
  position: relative;
  z-index: 2;
  align-self: center;
  max-width: 52rem;
  padding: clamp(3rem, 7vw, 6rem);
  padding-left: clamp(5rem, 13vw, 11rem);
}

.althea-v3-individuals h2 {
  max-width: 48rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-individuals__intro {
  max-width: 43rem;
  margin: 1.4rem 0 0;
  color: #6e756f;
  font-size: 1rem;
  line-height: 1.75;
}

.althea-v3-individuals__features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.7rem;
}

.althea-v3-individuals__features span {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  padding-inline: 0.95rem;
  border: 1px solid rgb(18 61 50 / 14%);
  border-radius: 999px;
  background: rgb(248 241 231 / 74%);
  color: #123d32;
  font-size: 0.78rem;
  font-weight: 700;
}

.althea-v3-individuals__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin-top: 2rem;
}

.althea-v3-individuals__domain {
  color: #b9924f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.althea-v3-individuals__side {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 2.2rem 1.5rem;
  background: #123d32;
  color: #ffffff;
}

.althea-v3-individuals__side-label {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.7rem;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.althea-v3-individuals__side-label span {
  color: #d7b56a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.2em;
}

.althea-v3-individuals__side-label strong {
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.althea-v3-individuals__arrow {
  color: #d7b56a;
  font-family: var(--althea-font-heading);
  font-size: 3rem;
  transition: transform 300ms ease;
}

.althea-v3-individuals__panel:hover
.althea-v3-individuals__arrow {
  transform: translateX(0.4rem);
}

@media (max-width: 991px) {
  .althea-v3-individuals__panel {
    grid-template-columns: 1fr;
  }

  .althea-v3-individuals__side {
    min-height: auto;
    align-items: center;
    flex-direction: row;
    padding: 1.25rem 1.5rem;
  }

  .althea-v3-individuals__side-label {
    align-items: center;
    flex-direction: row;
    writing-mode: initial;
    transform: none;
  }

  .althea-v3-individuals__content {
    padding-left: clamp(3rem, 10vw, 7rem);
  }
}

@media (max-width: 640px) {
  .althea-v3-individuals__panel {
    min-height: auto;
    border-radius: 18px;
  }

  .althea-v3-individuals__decoration {
    top: -5rem;
    left: -9rem;
    transform: none;
  }

  .althea-v3-individuals__content {
    padding: 3.5rem 1.5rem 2.5rem;
  }

  .althea-v3-individuals__monogram {
    right: 1rem;
    font-size: 9rem;
  }

  .althea-v3-individuals__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .althea-v3-individuals__actions .althea-v3-btn {
    width: 100%;
  }

  .althea-v3-individuals__domain {
    text-align: center;
  }

  .althea-v3-individuals__side-label strong {
    font-size: 1.25rem;
  }
}
/* ==========================================================
   ALTHÉA V3 — NEWSLETTER
   ========================================================== */

.althea-v3-newsletter {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgb(185 146 79 / 12%),
      transparent 32%
    ),
    #123d32;
  color: #ffffff;
}

.althea-v3-newsletter::before,
.althea-v3-newsletter::after {
  position: absolute;
  border: 1px solid rgb(255 255 255 / 8%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-v3-newsletter::before {
  top: -14rem;
  left: -10rem;
  width: 30rem;
  height: 30rem;
}

.althea-v3-newsletter::after {
  right: -12rem;
  bottom: -16rem;
  width: 34rem;
  height: 34rem;
}

.althea-v3-newsletter__content {
  position: relative;
  z-index: 2;
  max-width: 54rem;
  margin: 0 auto;
  text-align: center;
}

.althea-v3-newsletter .althea-v3-kicker {
  color: #d7b56a;
  text-align: center;
}

.althea-v3-newsletter h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.9rem, 5vw, 5.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.althea-v3-newsletter__intro {
  max-width: 42rem;
  margin: 1.4rem auto 0;
  color: rgb(255 255 255 / 72%);
  font-size: 1rem;
  line-height: 1.75;
}

.althea-v3-newsletter__form {
  display: flex;
  max-width: 44rem;
  gap: 0.75rem;
  padding: 0.5rem;
  margin: 2.25rem auto 0;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 999px;
  background: rgb(255 255 255 / 9%);
  backdrop-filter: blur(14px);
}

.althea-v3-newsletter__form input {
  flex: 1;
  min-width: 0;
  height: 3.5rem;
  padding: 0 1.25rem;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.95rem;
  outline: 0;
}

.althea-v3-newsletter__form input::placeholder {
  color: rgb(255 255 255 / 58%);
}

.althea-v3-newsletter__form input:focus {
  outline: 0;
}

.althea-v3-newsletter__form .althea-v3-btn {
  flex: 0 0 auto;
  min-width: 9rem;
  border-color: #d7b56a;
  background: #d7b56a;
  color: #123d32;
}

.althea-v3-newsletter__form .althea-v3-btn:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #123d32;
}

.althea-v3-newsletter__legal {
  max-width: 39rem;
  margin: 1rem auto 0;
  color: rgb(255 255 255 / 48%);
  font-size: 0.76rem;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .althea-v3-newsletter__content {
    text-align: left;
  }

  .althea-v3-newsletter .althea-v3-kicker {
    text-align: left;
  }

  .althea-v3-newsletter__intro,
  .althea-v3-newsletter__legal {
    margin-left: 0;
  }

  .althea-v3-newsletter__form {
    align-items: stretch;
    flex-direction: column;
    padding: 0.65rem;
    border-radius: 20px;
  }

  .althea-v3-newsletter__form input {
    width: 100%;
    min-height: 3.4rem;
  }

  .althea-v3-newsletter__form .althea-v3-btn {
    width: 100%;
  }
}
/* ==========================================================
   ALTHÉA V3 — FOOTER PREMIUM
   ========================================================== */

.althea-footer {
  position: relative;
  overflow: hidden;
  background: #0e3027;
  color: #ffffff;
}

.althea-footer::before {
  position: absolute;
  top: -14rem;
  right: -12rem;
  width: 34rem;
  height: 34rem;
  border: 1px solid rgb(255 255 255 / 7%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.althea-footer__main {
  position: relative;
  z-index: 2;
  padding: clamp(4.5rem, 8vw, 7rem) 0 2rem;
}

.althea-footer__grid {
  display: grid;
  gap: clamp(2rem, 5vw, 5rem);
  grid-template-columns: minmax(18rem, 1.45fr) repeat(3, minmax(10rem, 1fr));
}

.althea-footer__logo {
  display: inline-flex;
  color: #d7b56a;
  font-family: var(--althea-font-heading);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1;
  text-decoration: none;
}

.althea-footer__logo:hover {
  color: #ffffff;
  text-decoration: none;
}

.althea-footer__signature {
  max-width: 28rem;
  margin: 1.4rem 0 0;
  color: #ffffff;
  font-family: var(--althea-font-heading);
  font-size: clamp(1.45rem, 2.3vw, 2.2rem);
  line-height: 1.22;
}

.althea-footer__description {
  max-width: 31rem;
  margin: 1.2rem 0 0;
  color: rgb(255 255 255 / 62%);
  font-size: 0.92rem;
  line-height: 1.7;
}

.althea-footer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.5rem;
}

.althea-footer__badges span {
  display: inline-flex;
  min-height: 2.2rem;
  align-items: center;
  padding-inline: 0.9rem;
  border: 1px solid rgb(215 181 106 / 28%);
  border-radius: 999px;
  background: rgb(255 255 255 / 4%);
  color: #d7b56a;
  font-size: 0.72rem;
  font-weight: 700;
}

.althea-footer__column h2 {
  margin: 0 0 1.25rem;
  color: rgb(255 255 255 / 56%);
  font-family: var(--althea-font-body);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.althea-footer__column ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.althea-footer__column li + li {
  margin-top: 0.75rem;
}

.althea-footer__column a {
  color: rgb(255 255 255 / 74%);
  font-size: 0.9rem;
  line-height: 1.45;
  text-decoration: none;
  transition:
    color 220ms ease,
    transform 220ms ease;
}

.althea-footer__column a:hover {
  display: inline-block;
  color: #d7b56a;
  text-decoration: none;
  transform: translateX(0.2rem);
}

.althea-footer__separator {
  height: 1px;
  margin-top: clamp(3rem, 6vw, 5rem);
  background: rgb(255 255 255 / 12%);
}

.althea-footer__legal {
  padding-top: 1.5rem;
}

.althea-footer__legal-links {
  color: rgb(255 255 255 / 62%);
}

.althea-footer__legal-links .footer-container,
.althea-footer__legal-links .container,
.althea-footer__legal-links .row {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

.althea-footer__legal-links .links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.althea-footer__legal-links .links .h3,
.althea-footer__legal-links .links .title {
  display: none;
}

.althea-footer__legal-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.4rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.althea-footer__legal-links a {
  color: rgb(255 255 255 / 58%);
  font-size: 0.78rem;
  text-decoration: none;
}

.althea-footer__legal-links a:hover {
  color: #d7b56a;
}

.althea-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;

    padding-top: 1.5rem;
    padding-left: 8.5rem;
    padding-right: 4.5rem;

    width: 100%;
    box-sizing: border-box;

    color: rgba(255, 255, 255, 0.46);
    font-size: 0.78rem;
}

.althea-footer__made-in {
  color: #d7b56a;
  font-weight: 700;
}

@media (max-width: 991px) {
  .althea-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .althea-footer__grid {
    grid-template-columns: 1fr;
  }

  .althea-footer__brand {
    grid-column: auto;
  }

  .althea-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .althea-footer__legal-links .links,
  .althea-footer__legal-links ul {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.65rem;
  }
}
/* ==========================================================
   HOME V3 — SUPPRESSION DE L'ESPACE AVANT LE FOOTER
   ========================================================== */

.page-index #wrapper {
  padding-bottom: 0;
}

.page-index #content-wrapper,
.page-index #content,
.page-index .althea-v3-home {
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-index .althea-v3-newsletter {
  margin-bottom: 0;
}

.page-index #footer {
  margin-top: 0;
}

.page-index .footer-container {
  margin-top: 0;
}
.page-index #main,
.page-index #content-wrapper > .row,
.page-index #content-wrapper > .row > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* ==========================================================
   NEWSLETTER — MODULE PRESTASHOP NATIF
   ========================================================== */

.althea-v3-newsletter__module {
  max-width: 44rem;
  margin: 2.25rem auto 0;
}

.althea-v3-newsletter__module .block_newsletter {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  background: transparent;
}

.althea-v3-newsletter__module .block_newsletter > .row,
.althea-v3-newsletter__module .block_newsletter .row {
  display: block;
  margin: 0;
}

.althea-v3-newsletter__module .block_newsletter .col-md-7,
.althea-v3-newsletter__module .block_newsletter .col-md-5,
.althea-v3-newsletter__module .block_newsletter [class*="col-"] {
  width: 100%;
  max-width: none;
  padding: 0;
  float: none;
}

.althea-v3-newsletter__module .block_newsletter h3,
.althea-v3-newsletter__module .block_newsletter p:not(.alert) {
  display: none;
}

.althea-v3-newsletter__module .block_newsletter form {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 999px;
  background: rgb(255 255 255 / 9%);
  backdrop-filter: blur(14px);
}

.althea-v3-newsletter__module .block_newsletter input[type="email"],
.althea-v3-newsletter__module .block_newsletter input[name="email"] {
  flex: 1;
  min-width: 0;
  height: 3.5rem;
  padding: 0 1.25rem;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.95rem;
  outline: 0;
}

.althea-v3-newsletter__module .block_newsletter input::placeholder {
  color: rgb(255 255 255 / 58%);
}

.althea-v3-newsletter__module .block_newsletter input[type="submit"],
.althea-v3-newsletter__module .block_newsletter button[type="submit"] {
  min-width: 9rem;
  min-height: 3.5rem;
  padding: 0 1.6rem;
  border: 1px solid #d7b56a;
  border-radius: 999px;
  background: #d7b56a;
  color: #123d32;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition:
    background-color 250ms ease,
    border-color 250ms ease,
    transform 250ms ease;
}

.althea-v3-newsletter__module .block_newsletter input[type="submit"]:hover,
.althea-v3-newsletter__module .block_newsletter button[type="submit"]:hover {
  border-color: #ffffff;
  background: #ffffff;
  transform: translateY(-2px);
}

.althea-v3-newsletter__module .alert {
  margin: 1rem 0 0;
  border-radius: 12px;
  text-align: left;
}

@media (max-width: 640px) {
  .althea-v3-newsletter__module {
    margin-left: 0;
  }

  .althea-v3-newsletter__module .block_newsletter form {
    align-items: stretch;
    flex-direction: column;
    padding: 0.65rem;
    border-radius: 20px;
  }

  .althea-v3-newsletter__module .block_newsletter input[type="email"],
  .althea-v3-newsletter__module .block_newsletter input[name="email"],
  .althea-v3-newsletter__module .block_newsletter input[type="submit"],
  .althea-v3-newsletter__module .block_newsletter button[type="submit"] {
    width: 100%;
  }
}
/* ==========================================================
   NEWSLETTER — MESSAGE DE CONFIRMATION
   ========================================================== */

.althea-v3-newsletter__module .block_newsletter form {
  flex-wrap: wrap;
}

.althea-v3-newsletter__module .block_newsletter .alert {
  order: -1;
  width: 100%;
  margin: 0 0 0.75rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid rgb(87 145 85 / 28%);
  border-radius: 14px;
  background: #e5f3df;
  color: #245f2b;
  font-size: 0.86rem;
  line-height: 1.5;
  text-align: center;
}

.althea-v3-newsletter__module .block_newsletter .alert-success {
  background: #e5f3df;
  color: #245f2b;
}

.althea-v3-newsletter__module .block_newsletter .alert-danger {
  border-color: rgb(166 67 55 / 28%);
  background: #f8e3df;
  color: #8a3027;
}
/* ==========================================================
   ALTHÉA — HEADER GLOBAL SOMBRE
   Même identité que la page d’accueil
   ========================================================== */

#header {
  position: relative;
  z-index: 1000;
  background:
    linear-gradient(
      105deg,
      #061d17 0%,
      #0b2d24 34%,
      #4b4a3d 66%,
      #3b260d 100%
    );
  color: #fff;
}

#header .header-nav,
#header .althea-utility-bar {
  background: rgb(4 24 19 / 72%);
  border-bottom: 1px solid rgb(255 255 255 / 14%);
}

#header .althea-mainbar {
  background:
    linear-gradient(
      105deg,
      rgb(4 25 19 / 96%) 0%,
      rgb(11 43 34 / 93%) 38%,
      rgb(65 62 48 / 91%) 70%,
      rgb(64 38 8 / 93%) 100%
    );
  border-bottom: 1px solid rgb(255 255 255 / 12%);
}

#header .althea-mainbar__brand {
  color: #dfbd6b;
}

#header .althea-mainbar__nav a,
#header .header-nav a,
#header .user-info a,
#header .blockcart a,
#header .language-selector-wrapper,
#header .language-selector-wrapper button {
  color: rgb(255 255 255 / 88%);
}

#header .althea-mainbar__nav a:hover,
#header .althea-mainbar__nav a:focus,
#header .header-nav a:hover,
#header .user-info a:hover,
#header .blockcart a:hover {
  color: #dfbd6b;
  text-decoration: none;
}

#header .althea-mainbar__action a {
  color: #fff;
  border-color: rgb(255 255 255 / 66%);
  background: rgb(255 255 255 / 3%);
}

#header .althea-mainbar__action a:hover {
  color: #0b3328;
  border-color: #dfbd6b;
  background: #dfbd6b;
}

#header .material-icons {
  color: currentColor;
}

/* Menu des langues sur fond sombre */
#header .language-selector-wrapper .dropdown-menu,
#header #_desktop_language_selector .dropdown-menu {
  background: #f7f0e6;
  border: 1px solid rgb(215 181 106 / 42%);
  box-shadow: 0 18px 45px rgb(5 35 27 / 22%);
}

#header .language-selector-wrapper .dropdown-menu a,
#header #_desktop_language_selector .dropdown-menu a {
  color: #0b3328;
}

#header .language-selector-wrapper .dropdown-menu a:hover,
#header #_desktop_language_selector .dropdown-menu a:hover {
  color: #9b6b16;
  background: rgb(215 181 106 / 12%);
}
/* ==========================================================
   ALTHÉA — CONNEXION ET CRÉATION DE COMPTE
   ========================================================== */

body#authentication,
body#registration {
  background: #f5eee4;
  color: #0b3328;
}

body#authentication #wrapper,
body#registration #wrapper {
  background:
    radial-gradient(
      circle at 92% 5%,
      rgb(215 181 106 / 14%),
      transparent 28rem
    ),
    #f5eee4;
}

body#authentication .breadcrumb,
body#registration .breadcrumb {
  color: rgb(11 51 40 / 64%);
}

body#authentication .breadcrumb a,
body#registration .breadcrumb a {
  color: #0b3328;
}

body#authentication .page-header h1,
body#registration .page-header h1 {
  color: #0b3328;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
}

body#authentication .login-form,
body#registration .register-form {
  background: rgb(255 252 247 / 94%);
  border: 1px solid rgb(215 181 106 / 32%);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgb(7 49 38 / 12%);
}

body#authentication .form-control,
body#registration .form-control {
  min-height: 48px;
  color: #0b3328;
  background: #fffdf9;
  border: 1px solid rgb(11 51 40 / 22%);
  border-radius: 8px;
}

body#authentication .form-control:focus,
body#registration .form-control:focus {
  border-color: #d7b56a;
  box-shadow: 0 0 0 3px rgb(215 181 106 / 16%);
}

body#authentication .btn-primary,
body#registration .btn-primary {
  color: #fff;
  background: #0b4a3a;
  border-color: #0b4a3a;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

body#authentication .btn-primary:hover,
body#registration .btn-primary:hover {
  color: #0b3328;
  background: #dfbd6b;
  border-color: #dfbd6b;
}

body#authentication a,
body#registration a {
  color: #0b5a47;
}

body#authentication a:hover,
body#registration a:hover {
  color: #9b6b16;
}
.althea-scroll-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  padding: 0;

  color: #d7b56a;
  background: #062d24;

  border: 1px solid rgba(215, 181, 106, 0.72);
  border-radius: 50%;

  box-shadow:
    0 10px 28px rgba(6, 45, 36, 0.25);

  font-size: 24px;
  line-height: 1;

  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);

  cursor: pointer;

  transition:
    opacity 180ms ease,
    visibility 180ms ease,
    transform 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.althea-scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.althea-scroll-top:hover,
.althea-scroll-top:focus {
  color: #062d24;
  background: #d7b56a;
}

.althea-scroll-top:focus-visible {
  outline: 3px solid rgba(215, 181, 106, 0.5);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .althea-scroll-top {
    right: 14px;
    bottom: 14px;

    width: 44px;
    height: 44px;

    font-size: 21px;
  }
}
/* =========================================================
   ALTHÉA — RITUALS PREVIEW
   ========================================================= */

.althea-rituals-preview {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  color: #f8f3e9;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(183, 137, 58, 0.12),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #062d24 0%,
      #0a3d31 50%,
      #062d24 100%
    );
}

.althea-rituals-preview__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.althea-rituals-preview__circle {
  position: absolute;
  border: 1px solid rgba(215, 181, 106, 0.12);
  border-radius: 50%;
}

.althea-rituals-preview__circle--1 {
  top: -260px;
  right: -180px;
  width: 650px;
  height: 650px;
}

.althea-rituals-preview__circle--2 {
  bottom: -300px;
  left: -220px;
  width: 700px;
  height: 700px;
}

.althea-rituals-preview__heading {
  max-width: 860px;
  margin-bottom: 72px;
}

.althea-rituals-preview .althea-v3-kicker {
  color: #d7b56a;
}

.althea-rituals-preview__heading h2 {
  max-width: 780px;
  margin: 0 0 24px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 6vw, 82px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.althea-rituals-preview__intro {
  max-width: 690px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.7;
}

.althea-rituals-preview__families {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.althea-rituals-preview__family {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 60px;
  align-items: center;
  gap: 26px;
  min-height: 160px;
  padding: 32px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  transition:
    padding 240ms ease,
    background-color 240ms ease;
}

.althea-rituals-preview__family:hover {
  padding-right: 28px;
  padding-left: 28px;
  background: rgba(255, 255, 255, 0.035);
}

.althea-rituals-preview__number {
  color: #d7b56a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
}

.althea-rituals-preview__label {
  display: block;
  margin-bottom: 7px;
  color: rgba(215, 181, 106, 0.92);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.althea-rituals-preview__family h3 {
  margin: 0 0 9px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 400;
}

.althea-rituals-preview__family p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.6;
}

.althea-rituals-preview__arrow {
  color: #d7b56a;
  font-size: 28px;
  text-align: right;
  transition: transform 220ms ease;
}

.althea-rituals-preview__family:hover
.althea-rituals-preview__arrow {
  transform: translateX(8px);
}


/* Couleurs très discrètes selon l'univers */

.althea-rituals-preview__family--immunity:hover {
  background:
    linear-gradient(
      90deg,
      rgba(198, 145, 35, 0.11),
      transparent 70%
    );
}

.althea-rituals-preview__family--vitality:hover {
  background:
    linear-gradient(
      90deg,
      rgba(204, 100, 31, 0.10),
      transparent 70%
    );
}

.althea-rituals-preview__family--sleep:hover {
  background:
    linear-gradient(
      90deg,
      rgba(106, 74, 148, 0.16),
      transparent 70%
    );
}

.althea-rituals-preview__family--beauty:hover {
  background:
    linear-gradient(
      90deg,
      rgba(181, 67, 112, 0.11),
      transparent 70%
    );
}

.althea-rituals-preview__family--nutrition:hover {
  background:
    linear-gradient(
      90deg,
      rgba(70, 133, 79, 0.12),
      transparent 70%
    );
}

.althea-rituals-preview__family--new:hover {
  background:
    linear-gradient(
      90deg,
      rgba(215, 181, 106, 0.09),
      transparent 70%
    );
}


/* B2B */

.althea-rituals-preview__professional {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 34px;
  max-width: 980px;
  padding: 50px;
  margin-top: 86px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(215, 181, 106, 0.23);
  border-radius: 2px;
  backdrop-filter: blur(10px);
}

.althea-rituals-preview__professional-monogram {
  display: flex;
  width: 74px;
  height: 74px;
  align-items: center;
  justify-content: center;
  color: #d7b56a;
  border: 1px solid rgba(215, 181, 106, 0.5);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
}

.althea-rituals-preview__professional h3 {
  max-width: 700px;
  margin: 7px 0 14px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 3vw, 39px);
  font-weight: 400;
}

.althea-rituals-preview__professional p:last-child {
  max-width: 720px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.7;
}


/* Responsive */

@media (max-width: 900px) {

  .althea-rituals-preview {
    padding: 85px 0;
  }

  .althea-rituals-preview__heading {
    margin-bottom: 50px;
  }

  .althea-rituals-preview__family {
    grid-template-columns: 45px minmax(0, 1fr) 35px;
    min-height: 140px;
  }

  .althea-rituals-preview__professional {
    grid-template-columns: 1fr;
    padding: 36px;
  }

}

@media (max-width: 600px) {

  .althea-rituals-preview {
    padding: 68px 0;
  }

  .althea-rituals-preview__family {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 17px;
    padding: 26px 0;
  }

  .althea-rituals-preview__family:hover {
    padding-right: 0;
    padding-left: 0;
  }

  .althea-rituals-preview__arrow {
    display: none;
  }

  .althea-rituals-preview__family p {
    font-size: 13px;
  }

  .althea-rituals-preview__professional {
    padding: 28px 24px;
    margin-top: 58px;
  }

}
/* =========================================================
   ALTHÉA — IMMERSIVE RITUAL / SLEEP
   ========================================================= */

.althea-immersive-ritual {
  position: relative;
  min-height: min(920px, 92vh);
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #171315;
}


/* =========================================================
   MEDIA
   ========================================================= */

.althea-immersive-ritual__media {
  position: absolute;
  z-index: -4;
  inset: 0;
}

.althea-immersive-ritual__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.althea-immersive-ritual__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  transform: scale(1.015);

  transition:
    transform 8s cubic-bezier(.2, .7, .2, 1),
    filter 1s ease;
}

.althea-immersive-ritual:hover
.althea-immersive-ritual__media img {
  transform: scale(1.055);
}


/* =========================================================
   CINEMATIC OVERLAYS
   ========================================================= */

.althea-immersive-ritual__shade {
  position: absolute;
  z-index: -3;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(10, 8, 10, 0.88) 0%,
      rgba(10, 8, 10, 0.67) 34%,
      rgba(10, 8, 10, 0.22) 68%,
      rgba(10, 8, 10, 0.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7, 6, 8, 0.10) 0%,
      rgba(7, 6, 8, 0.12) 60%,
      rgba(7, 6, 8, 0.72) 100%
    );
}

.althea-immersive-ritual__glow {
  position: absolute;
  z-index: -2;
  top: -20%;
  left: -10%;

  width: 700px;
  height: 700px;

  background:
    radial-gradient(
      circle,
      rgba(111, 76, 137, 0.22) 0%,
      rgba(111, 76, 137, 0.08) 40%,
      transparent 72%
    );

  filter: blur(8px);
  pointer-events: none;
}


/* =========================================================
   CONTENT
   ========================================================= */

.althea-immersive-ritual__content {
  display: flex;
  min-height: min(920px, 92vh);
  align-items: center;

  padding-top: 100px;
  padding-bottom: 100px;
}

.althea-immersive-ritual__copy {
  position: relative;

  width: min(650px, 100%);
  padding-left: 58px;
}

.althea-immersive-ritual__copy::before {
  position: absolute;
  top: 4px;
  bottom: 7px;
  left: 0;

  width: 1px;

  content: "";

  background:
    linear-gradient(
      180deg,
      #d7b56a,
      rgba(215, 181, 106, 0.13)
    );
}


/* =========================================================
   NUMBER
   ========================================================= */

.althea-immersive-ritual__number {
  position: absolute;
  top: 0;
  left: -8px;

  color: rgba(215, 181, 106, 0.46);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  letter-spacing: 0.12em;

  transform: translateX(-100%);
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.althea-immersive-ritual__kicker {
  margin: 0 0 18px;

  color: #d7b56a;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;

  text-transform: uppercase;
}

.althea-immersive-ritual h2 {
  max-width: 620px;

  margin: 0 0 28px;

  color: #fff;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(50px, 6.6vw, 96px);
  font-weight: 400;

  line-height: 0.95;
  letter-spacing: -0.04em;
}

.althea-immersive-ritual__lead {
  max-width: 550px;

  margin: 0;

  color: rgba(255, 255, 255, 0.78);

  font-size: 18px;
  line-height: 1.75;
}


/* =========================================================
   SIGNATURE
   ========================================================= */

.althea-immersive-ritual__signature {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 30px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 11px;
  font-weight: 600;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.althea-immersive-ritual__signature
span:nth-child(even) {
  color: #d7b56a;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.althea-immersive-ritual__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 22px;

  margin-top: 42px;
}

.althea-immersive-ritual__button {
  color: #1b1420 !important;

  background: #f7f0e4;
  border-color: #f7f0e4;
}

.althea-immersive-ritual__button:hover,
.althea-immersive-ritual__button:focus {
  color: #173e34 !important;

  background: #d7b56a;
  border-color: #d7b56a;
}

.althea-immersive-ritual__professional {
  max-width: 200px;

  color: rgba(255, 255, 255, 0.48);

  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* =========================================================
   SCROLL INDICATOR
   ========================================================= */

.althea-immersive-ritual__scroll {
  position: absolute;
  right: 42px;
  bottom: 34px;

  display: flex;
  align-items: center;

  gap: 12px;

  color: rgba(255, 255, 255, 0.4);
}

.althea-immersive-ritual__scroll span {
  width: 42px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      #d7b56a,
      rgba(215, 181, 106, 0)
    );
}

.althea-immersive-ritual__scroll small {
  font-size: 9px;
  font-weight: 600;

  letter-spacing: 0.15em;
  text-transform: uppercase;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

  .althea-immersive-ritual {
    min-height: 800px;
  }

  .althea-immersive-ritual__content {
    min-height: 800px;

    align-items: flex-end;

    padding-top: 110px;
    padding-bottom: 95px;
  }

  .althea-immersive-ritual__shade {
    background:
      linear-gradient(
        180deg,
        rgba(9, 7, 10, 0.10) 0%,
        rgba(9, 7, 10, 0.35) 38%,
        rgba(9, 7, 10, 0.92) 78%,
        rgba(9, 7, 10, 0.98) 100%
      );
  }

}


@media (max-width: 600px) {

  .althea-immersive-ritual {
    min-height: 760px;
  }

  .althea-immersive-ritual__content {
    min-height: 760px;

    padding-bottom: 70px;
  }

  .althea-immersive-ritual__copy {
    padding-left: 25px;
  }

  .althea-immersive-ritual h2 {
    font-size: clamp(42px, 14vw, 66px);
  }

  .althea-immersive-ritual__lead {
    font-size: 15px;
  }

  .althea-immersive-ritual__actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 16px;
  }

  .althea-immersive-ritual__professional {
    max-width: none;
  }

  .althea-immersive-ritual__scroll {
    display: none;
  }

}
/* =========================================================
   ALTHÉA — IMMERSIVE VIDEO
   ========================================================= */

.althea-immersive-ritual__poster,
.althea-immersive-ritual__video {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  border: 0;
}

.althea-immersive-ritual__poster {
  z-index: 1;
}

.althea-immersive-ritual__poster img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

.althea-immersive-ritual__video {
  z-index: 2;

  background: transparent;
}

.althea-immersive-ritual__video--mobile {
  display: none;
}


/* Desktop */

@media (min-width: 768px) {

  .althea-immersive-ritual__video--desktop {
    display: block;
  }

  .althea-immersive-ritual__video--mobile {
    display: none;
  }

}


/* Mobile */

@media (max-width: 767px) {

  .althea-immersive-ritual__video--desktop {
    display: none;
  }

  .althea-immersive-ritual__video--mobile {
    display: block;
  }

}


/* Respect du réglage "réduire les animations" */

@media (prefers-reduced-motion: reduce) {

  .althea-immersive-ritual__video {
    display: none !important;
  }

  .althea-immersive-ritual__poster {
    display: block;
  }

}
/* =========================================================
   ALTHÉA — PREMIUM NAVIGATION DROPDOWNS
   ========================================================= */

.althea-mainbar__nav {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.althea-nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.althea-nav-item__link {
  display: flex;
  align-items: center;
  gap: 6px;

  padding: 24px 13px;

  color: rgba(255, 255, 255, 0.9);

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;

  text-decoration: none;

  transition:
    color 180ms ease,
    opacity 180ms ease;
}

.althea-nav-item__link:hover,
.althea-nav-item__link:focus {
  color: #d7b56a;
  text-decoration: none;
}

.althea-nav-item__chevron {
  display: inline-block;

  margin-top: -3px;

  color: #d7b56a;

  font-size: 14px;

  transition: transform 200ms ease;
}

.althea-nav-item--dropdown:hover
.althea-nav-item__chevron,
.althea-nav-item--dropdown:focus-within
.althea-nav-item__chevron {
  transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.althea-nav-dropdown {
  position: absolute;
  z-index: 9999;

  top: calc(100% - 2px);
  left: 50%;

  display: grid;
  grid-template-columns: 280px 330px;

  width: 650px;

  padding: 0;

  visibility: hidden;
  opacity: 0;

  color: #173d32;
  background: #faf7f0;

  border: 1px solid rgba(183, 142, 62, 0.2);

  box-shadow:
    0 28px 65px rgba(4, 31, 25, 0.2);

  transform:
    translateX(-50%)
    translateY(10px);

  pointer-events: none;

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 180ms ease;
}

.althea-nav-item--dropdown:hover
.althea-nav-dropdown,
.althea-nav-item--dropdown:focus-within
.althea-nav-dropdown {
  visibility: visible;
  opacity: 1;

  transform:
    translateX(-50%)
    translateY(0);

  pointer-events: auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.althea-nav-dropdown__intro {
  padding: 34px;

  color: #f8f4e9;
  background:
    linear-gradient(
      145deg,
      #073b30,
      #0d5142
    );
}

.althea-nav-dropdown__kicker {
  display: block;

  margin-bottom: 16px;

  color: #d7b56a;

  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;

  text-transform: uppercase;
}

.althea-nav-dropdown__intro strong {
  display: block;

  margin-bottom: 28px;

  color: #fff;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.18;
}

.althea-nav-dropdown__intro a {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  color: #d7b56a;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;

  text-decoration: none;
  text-transform: uppercase;
}

.althea-nav-dropdown__intro a:hover {
  color: #fff;
}


/* =========================================================
   LINKS
   ========================================================= */

.althea-nav-dropdown__links {
  display: grid;
  align-content: start;

  padding: 20px;
}

.althea-nav-dropdown__links > a,
.althea-nav-dropdown__coming {
  display: flex;
  align-items: center;

  gap: 13px;

  min-height: 48px;

  padding: 10px 13px;

  color: #173d32;

  border-bottom:
    1px solid rgba(21, 61, 50, 0.09);

  font-size: 12px;
  font-weight: 600;

  text-decoration: none;

  transition:
    color 160ms ease,
    padding-left 160ms ease,
    background 160ms ease;
}

.althea-nav-dropdown__links > a:hover {
  padding-left: 18px;

  color: #9a7025;

  background: rgba(215, 181, 106, 0.08);
}

.althea-nav-dropdown__links > a span {
  min-width: 18px;

  color: #b48636;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
}

.althea-nav-dropdown__coming {
  justify-content: space-between;

  color: rgba(23, 61, 50, 0.6);
}

.althea-nav-dropdown__coming small {
  color: #b48636;

  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


/* =========================================================
   LARGEUR FORMULES / COLLECTION
   ========================================================= */

.althea-nav-dropdown--formula,
.althea-nav-dropdown--collection {
  width: 620px;

  grid-template-columns:
    270px 1fr;
}
/* =========================================================
   ALTHÉA — CORRECTION COULEURS MEGA MENU
   ========================================================= */

/* Liens principaux dans la partie crème */
.althea-mainbar__nav .althea-nav-dropdown__links > a {
  color: #073b30 !important;
}

/* Numéros / petits accents */
.althea-mainbar__nav .althea-nav-dropdown__links > a > span {
  color: #b48636 !important;
}

/* Hover : GOLD ALTHÉA */
.althea-mainbar__nav .althea-nav-dropdown__links > a:hover {
  color: #9a7025 !important;
  background: rgba(180, 134, 54, 0.08);
}

/* Éléments "Coming soon" */
.althea-mainbar__nav .althea-nav-dropdown__coming {
  color: rgba(7, 59, 48, 0.62) !important;
}

.althea-mainbar__nav .althea-nav-dropdown__coming small {
  color: #b48636 !important;
}

/* Partie verte du mega menu : texte blanc conservé */
.althea-mainbar__nav .althea-nav-dropdown__intro strong {
  color: #ffffff !important;
}

/* Kicker et CTA de la partie verte en GOLD */
.althea-mainbar__nav .althea-nav-dropdown__kicker,
.althea-mainbar__nav .althea-nav-dropdown__intro a {
  color: #d7b56a !important;
}

.althea-mainbar__nav .althea-nav-dropdown__intro a:hover {
  color: #ffffff !important;
}
/* =========================================================
   ALTHÉA — FORCE COULEURS DES LIENS DU MEGA MENU
   ========================================================= */

/* Tous les liens situés dans la partie crème */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-item
.althea-nav-dropdown
.althea-nav-dropdown__links
a {
  color: #073b30 !important;
}

/* Numéros / repères */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-item
.althea-nav-dropdown
.althea-nav-dropdown__links
a span {
  color: #b48636 !important;
}

/* Hover */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-item
.althea-nav-dropdown
.althea-nav-dropdown__links
a:hover,
.althea-mainbar
.althea-mainbar__nav
.althea-nav-item
.althea-nav-dropdown
.althea-nav-dropdown__links
a:focus {
  color: #9a7025 !important;
  background-color: rgba(180, 134, 54, 0.08) !important;
}

/* Partie verte : CTA en gold */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-dropdown
.althea-nav-dropdown__intro
a {
  color: #d7b56a !important;
}

/* Partie verte : hover CTA blanc */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-dropdown
.althea-nav-dropdown__intro
a:hover,
.althea-mainbar
.althea-mainbar__nav
.althea-nav-dropdown
.althea-nav-dropdown__intro
a:focus {
  color: #ffffff !important;
}

/* Coming soon */
.althea-mainbar
.althea-mainbar__nav
.althea-nav-dropdown
.althea-nav-dropdown__coming {
  color: rgba(7, 59, 48, 0.62) !important;
}

.althea-mainbar
.althea-mainbar__nav
.althea-nav-dropdown
.althea-nav-dropdown__coming small {
  color: #b48636 !important;
}
/* =========================================================
   ALTHÉA — RESPONSIVE HEADER FIX
   ========================================================= */

/*
 * DESKTOP
 * --------------------------------------------------------- */

@media (min-width: 768px) {

  .althea-mainbar__nav {
    display: flex !important;
  }

  .althea-mainbar__action {
    display: flex !important;
  }

  .althea-mainbar__mobile,
  #mobile_top_menu_wrapper.althea-mobile-menu {
    display: none !important;
  }

}


/*
 * MOBILE / TABLETTE
 * --------------------------------------------------------- */

@media (max-width: 767px) {

  /* Le menu desktop doit disparaître complètement */
  .althea-mainbar__nav,
  .althea-mainbar__action {
    display: none !important;
  }

  /* Notre barre mobile ALTHÉA */
  .althea-mainbar__mobile {
    display: flex !important;

    width: 100%;
    min-width: 0;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 14px 18px;
  }

  /* Logo */
  .althea-mainbar__mobile-brand {
    display: block;

    flex: 0 1 auto;

    min-width: 0;

    color: #d7b56a !important;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 500;

    letter-spacing: 0.16em;

    white-space: nowrap;

    text-decoration: none;
  }

  /* Burger */
  .althea-mainbar__mobile-trigger {
    display: flex;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    padding: 0;

    color: #f7f1e7;
    background: transparent;

    border: 0;

    cursor: pointer;
  }

  .althea-mainbar__mobile-trigger .material-icons {
    font-size: 26px;
  }

  /* Compte + panier */
  .althea-mainbar__mobile-actions {
    display: flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 8px;
  }

  /* Empêche tout dépassement horizontal */
  .althea-mainbar,
  .althea-mainbar__container,
  .althea-mainbar__mobile {
    max-width: 100%;
    overflow: visible;
  }

}
/* =========================================================
   ALTHÉA — DESKTOP DROPDOWN COLORS
   ========================================================= */

@media (min-width: 768px) {

  /* Partie crème */
  body
  .althea-mainbar
  .althea-mainbar__nav
  .althea-nav-dropdown
  .althea-nav-dropdown__links
  > a,
  body
  .althea-mainbar
  .althea-mainbar__nav
  .althea-nav-dropdown
  .althea-nav-dropdown__links
  > a:visited {
    color: #073b30 !important;
    -webkit-text-fill-color: #073b30 !important;
  }

  /* Repères / numéros */
  body
  .althea-mainbar
  .althea-mainbar__nav
  .althea-nav-dropdown
  .althea-nav-dropdown__links
  > a
  > span {
    color: #b48636 !important;
    -webkit-text-fill-color: #b48636 !important;
  }

  /* Hover gold */
  body
  .althea-mainbar
  .althea-mainbar__nav
  .althea-nav-dropdown
  .althea-nav-dropdown__links
  > a:hover,
  body
  .althea-mainbar
  .althea-mainbar__nav
  .althea-nav-dropdown
  .althea-nav-dropdown__links
  > a:focus {
    color: #9a7025 !important;
    -webkit-text-fill-color: #9a7025 !important;

    background: rgba(180, 134, 54, 0.08) !important;
  }

  /* Coming soon */
  body
  .althea-mainbar
  .althea-nav-dropdown
  .althea-nav-dropdown__coming {
    color: rgba(7, 59, 48, 0.65) !important;
  }

  body
  .althea-mainbar
  .althea-nav-dropdown
  .althea-nav-dropdown__coming
  small {
    color: #b48636 !important;
  }

}
/* =========================================================
   ALTHÉA — UTILITY BAR / CONTACT
   ========================================================= */

.althea-utility-bar__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.althea-utility-bar__contact a {
    color: #d7b45a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: opacity 0.25s ease;
}

.althea-utility-bar__contact a:hover {
    color: #d7b45a;
    opacity: 0.72;
    text-decoration: none;
}

.althea-utility-bar__right {
    margin-left: auto;
}
/* =========================================================
   ALTHÉA — MOBILE PREMIUM ACCORDION MENU
   ========================================================= */

@media (max-width: 767px) {

  #althea-mobile-menu {
    position: absolute;
    z-index: 99999;

    top: 100%;
    left: 0;

    display: none;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    color: #f8f3e9;

    background:
      linear-gradient(
        155deg,
        #062f26 0%,
        #0b4538 65%,
        #07352b 100%
      );

    border-top:
      1px solid rgba(215, 181, 106, 0.25);

    box-shadow:
      0 28px 55px rgba(0, 0, 0, 0.25);
  }

  #althea-mobile-menu.is-open {
    display: block;
  }

}


  /* =====================================================
     GROUPES / ACCORDÉON
     ===================================================== */

  .althea-mobile-menu__group {
    margin: 0;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.12);
  }

  .althea-mobile-menu__group summary {
    display: flex;

    min-height: 62px;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 0;

    color: #fff;

    cursor: pointer;

    list-style: none;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size: 22px;
    font-weight: 400;
  }

  .althea-mobile-menu__group summary::-webkit-details-marker {
    display: none;
  }


  /* + / - */

  .althea-mobile-menu__plus {
    display: flex;

    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    align-items: center;
    justify-content: center;

    color: #d7b56a;

    border:
      1px solid rgba(215, 181, 106, 0.38);

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 17px;

    transition:
      transform 200ms ease,
      color 200ms ease,
      background 200ms ease;
  }

  .althea-mobile-menu__group[open]
  .althea-mobile-menu__plus {
    color: #073b30;
    background: #d7b56a;

    transform: rotate(45deg);
  }


  /* =====================================================
     SOUS-MENU
     ===================================================== */

  .althea-mobile-menu__submenu {
    display: grid;

    padding:
      0 0
      17px 15px;
  }

  .althea-mobile-menu__submenu a,
  .althea-mobile-menu__soon {
    display: flex;

    min-height: 43px;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding:
      8px 0;

    color:
      rgba(255, 255, 255, 0.72) !important;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.07);

    font-size: 13px;
    font-weight: 500;

    text-decoration: none;
  }

  .althea-mobile-menu__submenu a:first-child {
    color: #d7b56a !important;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;
  }

  .althea-mobile-menu__submenu a:hover,
  .althea-mobile-menu__submenu a:focus {
    color: #d7b56a !important;
  }


  /* Coming soon */

  .althea-mobile-menu__soon {
    color:
      rgba(255, 255, 255, 0.45) !important;
  }

  .althea-mobile-menu__soon small {
    color: #d7b56a;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;
  }


  /* =====================================================
     LIENS DIRECTS
     ===================================================== */

  .althea-mobile-menu__direct {
    display: flex;

    min-height: 62px;

    align-items: center;
    justify-content: space-between;

    color: #fff !important;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.12);

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size: 22px;

    text-decoration: none !important;
  }

  .althea-mobile-menu__direct span {
    color: #d7b56a;

    font-family: Arial, sans-serif;
    font-size: 18px;
  }


  /* =====================================================
     FOOTER
     ===================================================== */

  .althea-mobile-menu__footer {
    padding-top: 26px;
  }

  .althea-mobile-menu__footer p {
    max-width: 260px;

    margin:
      22px 0 0;

    color:
      rgba(255, 255, 255, 0.38);

    font-size: 9px;
    font-weight: 600;

    line-height: 1.7;
    letter-spacing: 0.11em;

    text-transform: uppercase;
  }
  /* =========================================================
   ALTHÉA — MOBILE MENU FOOTER PREMIUM
   ========================================================= */

@media (max-width: 767px) {

  .althea-mobile-menu__footer {
    padding-top: 28px;
  }


  /* LANGUE + COMPTE
     ----------------------------------------- */

  .althea-mobile-menu__footer-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;

    padding-bottom: 24px;

    border-bottom: 1px solid rgba(215, 181, 106, 0.22);
  }


  .althea-mobile-menu__footer-item,
  .althea-mobile-menu__account {
    min-width: 0;
  }


  .althea-mobile-menu__footer-label {
    display: block;

    margin-bottom: 9px;

    color: rgba(255, 255, 255, 0.42);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;
  }


  /* SÉLECTEUR DE LANGUE PRESTASHOP
     ----------------------------------------- */

  .althea-mobile-menu__language {
    color: #ffffff;
  }


  .althea-mobile-menu__language .language-selector-wrapper,
  .althea-mobile-menu__language .language-selector,
  .althea-mobile-menu__language .dropdown {
    margin: 0;
  }


  .althea-mobile-menu__language button,
  .althea-mobile-menu__language .btn {
    padding: 0 !important;

    color: #d7b56a !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
    font-weight: 400;
  }


  .althea-mobile-menu__language .dropdown-menu {
    min-width: 150px;

    padding: 8px;
    margin-top: 8px;

    background: #f7f1e7;

    border: 1px solid rgba(215, 181, 106, 0.25);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.20);
  }


  .althea-mobile-menu__language .dropdown-menu a {
    display: block;

    padding: 8px 10px !important;

    color: #073b30 !important;
    background: transparent !important;

    font-size: 13px;

    text-decoration: none !important;
  }


  .althea-mobile-menu__language .dropdown-menu a:hover {
    color: #9a7025 !important;
    background: rgba(215, 181, 106, 0.08) !important;
  }


  /* COMPTE
     ----------------------------------------- */

  .althea-mobile-menu__account {
    display: block;

    color: #ffffff !important;

    text-decoration: none !important;
  }


  .althea-mobile-menu__account strong {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    color: #d7b56a;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
    font-weight: 400;
  }


  .althea-mobile-menu__account strong span {
    font-family: Arial, sans-serif;
    font-size: 14px;
  }


  /* SIGNATURE ALTHÉA
     ----------------------------------------- */

  .althea-mobile-menu__signature {
    display: grid;

    grid-template-columns: 42px minmax(0, 1fr);

    align-items: center;

    gap: 14px;

    padding-top: 24px;
  }


  .althea-mobile-menu__signature-mark {
    display: flex;

    width: 38px;
    height: 38px;

    align-items: center;
    justify-content: center;

    color: #d7b56a;

    border: 1px solid rgba(215, 181, 106, 0.42);
    border-radius: 50%;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
  }


  .althea-mobile-menu__signature p {
    max-width: 250px;

    margin: 0;

    color: rgba(255, 255, 255, 0.42);

    font-size: 8px;
    font-weight: 600;

    line-height: 1.65;
    letter-spacing: 0.11em;

    text-transform: uppercase;
  }

}

/* =========================================================
   ALTHÉA — CONTACT PAGE
   ========================================================= */

.althea-contact-page {
  background: #f7f1e7;
}


/* =========================================================
   HERO
   ========================================================= */

.althea-contact-hero {
  padding: 120px 0 90px;

  background:
    radial-gradient(
      circle at 85% 18%,
      rgba(215, 181, 106, 0.14),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #f7f1e7 0%,
      #fbf8f2 100%
    );
}

.althea-contact-hero__content {
  max-width: 850px;
}

.althea-contact-hero h1 {
  max-width: 760px;

  margin: 0 0 28px;

  color: #073b30;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(50px, 7vw, 88px);
  font-weight: 400;

  line-height: 0.98;
  letter-spacing: -0.04em;
}

.althea-contact-hero__lead {
  max-width: 720px;

  margin: 0;

  color: #5f6c67;

  font-size: 18px;
  line-height: 1.75;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.althea-contact-main {
  padding: 90px 0 110px;
}

.althea-contact-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 0.85fr)
    minmax(0, 1.15fr);

  gap: 70px;
}


/* =========================================================
   INFORMATIONS
   ========================================================= */

.althea-contact-info {
  display: grid;

  gap: 0;

  border-top: 1px solid rgba(7, 59, 48, 0.14);
}

.althea-contact-info__block {
  display: grid;

  grid-template-columns: 48px minmax(0, 1fr);

  gap: 22px;

  padding: 32px 0;

  border-bottom: 1px solid rgba(7, 59, 48, 0.14);
}

.althea-contact-info__number {
  color: #b48636;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
}

.althea-contact-info__label {
  margin: 0 0 8px;

  color: #b48636;

  font-size: 9px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.althea-contact-info h2 {
  margin: 0 0 12px;

  color: #073b30;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 400;
}

.althea-contact-info p {
  margin: 0;

  color: #64726d;

  line-height: 1.7;
}

.althea-contact-info__link {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-top: 16px;

  color: #9a7025 !important;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.08em;

  text-decoration: none !important;
  text-transform: uppercase;
}

.althea-contact-info__link:hover {
  color: #073b30 !important;
}

.althea-contact-address {
  line-height: 1.8 !important;
}


/* =========================================================
   FORMULAIRE
   ========================================================= */

.althea-contact-form {
  padding: 45px;

  background: #ffffff;

  border: 1px solid rgba(7, 59, 48, 0.10);

  box-shadow:
    0 24px 60px rgba(7, 59, 48, 0.06);
}

.althea-contact-form__heading {
  margin-bottom: 35px;
}

.althea-contact-form__heading h2 {
  margin: 0;

  color: #073b30;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 400;
}


/* =========================================================
   FORMULAIRE PRESTASHOP — RELOOKING
   ========================================================= */

.althea-contact-form__native .card,
.althea-contact-form__native .contact-form {
  padding: 0;

  background: transparent;

  border: 0;

  box-shadow: none;
}

.althea-contact-form__native .form-group {
  margin-bottom: 24px;
}

.althea-contact-form__native label {
  margin-bottom: 8px;

  color: #073b30;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.althea-contact-form__native
.form-control {
  min-height: 48px;

  padding: 12px 0;

  color: #073b30;
  background: transparent;

  border: 0;
  border-bottom: 1px solid rgba(7, 59, 48, 0.22);
  border-radius: 0;

  box-shadow: none;
}

.althea-contact-form__native
.form-control:focus {
  border-bottom-color: #b48636;

  box-shadow: none;
}

.althea-contact-form__native textarea.form-control {
  min-height: 140px;

  resize: vertical;
}

.althea-contact-form__native
.btn-primary {
  min-height: 48px;

  padding: 0 28px;

  color: #ffffff;

  background: #073b30;

  border: 1px solid #073b30;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.althea-contact-form__native
.btn-primary:hover {
  color: #073b30;

  background: #d7b56a;

  border-color: #d7b56a;
}


/* =========================================================
   CTA PROFESSIONNELS
   ========================================================= */

.althea-contact-pro {
  padding: 0 0 110px;
}

.althea-contact-pro__panel {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 50px;

  padding: 55px 60px;

  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      #06392f 0%,
      #0b4d3f 100%
    );
}

.althea-contact-pro__panel h2 {
  max-width: 680px;

  margin: 6px 0 16px;

  color: #ffffff;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 400;
}

.althea-contact-pro__panel p {
  max-width: 700px;

  margin: 0;

  color: rgba(255, 255, 255, 0.68);

  line-height: 1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

  .althea-contact-hero {
    padding: 85px 0 65px;
  }

  .althea-contact-main {
    padding: 65px 0 80px;
  }

  .althea-contact-grid {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .althea-contact-form {
    padding: 32px;
  }

  .althea-contact-pro__panel {
    grid-template-columns: 1fr;

    padding: 42px 36px;
  }

}

@media (max-width: 600px) {

  .althea-contact-hero {
    padding: 65px 0 50px;
  }

  .althea-contact-hero__lead {
    font-size: 15px;
  }

  .althea-contact-main {
    padding: 50px 0 65px;
  }

  .althea-contact-info__block {
    grid-template-columns: 34px minmax(0, 1fr);

    gap: 14px;

    padding: 26px 0;
  }

  .althea-contact-form {
    padding: 26px 20px;
  }

  .althea-contact-pro {
    padding-bottom: 70px;
  }

  .althea-contact-pro__panel {
    padding: 34px 24px;
  }

}
/* =========================================================
   ALTHÉA PRO — CONTACT
   Page Contact premium B2B
   ========================================================= */


/* ---------------------------------------------------------
   01 — PAGE CONTACT / STRUCTURE GÉNÉRALE
   --------------------------------------------------------- */

body#contact {
    background:
        linear-gradient(
            135deg,
            #f7f3eb 0%,
            #fbf9f4 55%,
            #f2eadc 100%
        );
}


/* Supprime l'ancienne colonne d'informations Classic */

body#contact #left-column,
body#contact #right-column {
    display: none !important;
}


/* Le contenu prend toute la largeur */

body#contact #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}


/* Suppression du cadre Classic */

body#contact .contact-form,
body#contact .card,
body#contact #content {
    background: transparent;
    border: 0;
    box-shadow: none;
}


/* ---------------------------------------------------------
   02 — FORMULAIRE ALTHÉA
   --------------------------------------------------------- */

.althea-contact-form {
    position: relative;

    max-width: 1180px;
    margin: 0 auto;

    padding:
        clamp(70px, 8vw, 130px)
        clamp(24px, 6vw, 90px);

    color: #143d32;
}


/* Petite ligne décorative */

.althea-contact-form::before {
    content: "";

    position: absolute;
    top: 80px;
    right: 0;

    width: 110px;
    height: 1px;

    background: #c8a45c;
}


/* ---------------------------------------------------------
   03 — INTRO
   --------------------------------------------------------- */

.althea-contact-form__intro {
    max-width: 850px;
    margin-bottom: 70px;
}


.althea-contact-form__eyebrow {
    display: block;

    margin-bottom: 20px;

    color: #b68c3e;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .22em;
    text-transform: uppercase;
}


.althea-contact-form__intro h2 {
    margin: 0 0 25px;

    max-width: 900px;

    color: #173d32;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 6vw, 92px);
    font-weight: 400;

    line-height: .98;
    letter-spacing: -.04em;
}


.althea-contact-form__intro p {
    max-width: 670px;

    margin: 0;

    color: #6f716d;

    font-size: 17px;
    line-height: 1.8;
}


/* ---------------------------------------------------------
   04 — CHAMPS
   --------------------------------------------------------- */

.althea-contact-form__fields {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 60px;
    row-gap: 42px;
}


.althea-contact-field {
    position: relative;
}


.althea-contact-field label {
    display: flex;

    justify-content: space-between;
    align-items: center;

    margin-bottom: 12px;

    color: #173d32;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .12em;
    text-transform: uppercase;
}


.althea-contact-field label span {
    color: #a7a095;

    font-size: 10px;
    font-weight: 500;

    letter-spacing: .1em;
}


/* ---------------------------------------------------------
   05 — INPUTS / SELECT / TEXTAREA
   --------------------------------------------------------- */

.althea-contact-field input[type="email"],
.althea-contact-field input[type="text"],
.althea-contact-field select,
.althea-contact-field textarea {

    display: block;

    width: 100%;

    margin: 0;

    padding: 17px 0;

    color: #173d32;

    background: transparent;

    border: 0;
    border-bottom: 1px solid rgba(23, 61, 50, .25);

    border-radius: 0;

    font-family: inherit;
    font-size: 16px;

    box-shadow: none;

    outline: none;

    transition:
        border-color .25s ease,
        color .25s ease;
}


.althea-contact-field input::placeholder,
.althea-contact-field textarea::placeholder {
    color: #a5a39e;
    opacity: 1;
}


.althea-contact-field input:focus,
.althea-contact-field select:focus,
.althea-contact-field textarea:focus {
    border-bottom-color: #c8a45c;
    box-shadow: none;
}


/* SELECT */

.althea-contact-select {
    position: relative;
}


.althea-contact-select::after {
    content: "↓";

    position: absolute;

    right: 3px;
    top: 50%;

    color: #b68c3e;

    font-size: 15px;

    pointer-events: none;

    transform: translateY(-50%);
}


.althea-contact-field select {
    padding-right: 35px;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
}


/* ---------------------------------------------------------
   06 — MESSAGE
   --------------------------------------------------------- */

.althea-contact-field--message {
    grid-column: 1 / -1;
}


.althea-contact-field textarea {
    min-height: 160px;

    resize: vertical;

    line-height: 1.7;
}


/* ---------------------------------------------------------
   07 — FICHIER
   --------------------------------------------------------- */

.althea-contact-field--file {
    grid-column: 1 / -1;

    padding: 25px 0;

    border-top: 1px solid rgba(23, 61, 50, .12);
    border-bottom: 1px solid rgba(23, 61, 50, .12);
}


.althea-contact-field--file input[type="file"] {
    width: 100%;

    color: #656963;

    font-size: 14px;
}


.althea-contact-field--file input[type="file"]::file-selector-button {
    margin-right: 18px;

    padding: 11px 18px;

    color: #173d32;

    background: transparent;

    border: 1px solid rgba(23, 61, 50, .3);

    border-radius: 30px;

    cursor: pointer;

    font-weight: 600;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.althea-contact-field--file input[type="file"]::file-selector-button:hover {
    color: #fff;

    background: #173d32;

    border-color: #173d32;
}


.althea-contact-field--file small {
    display: block;

    margin-top: 12px;

    color: #8a8984;

    font-size: 12px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   08 — GDPR
   --------------------------------------------------------- */

.althea-contact-form__gdpr {
    grid-column: 1 / -1;

    color: #6f716d;

    font-size: 13px;
    line-height: 1.6;
}


.althea-contact-form__gdpr label {
    text-transform: none;
    letter-spacing: 0;
}


/* ---------------------------------------------------------
   09 — HONEYPOT ANTISPAM
   --------------------------------------------------------- */

.althea-contact-honeypot {
    position: absolute !important;

    left: -99999px !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   10 — BOUTON ENVOYER
   --------------------------------------------------------- */

.althea-contact-form__footer {
    grid-column: 1 / -1;

    display: flex;

    align-items: center;
    gap: 30px;

    margin-top: 10px;
}


.althea-contact-form__submit {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    min-width: 260px;

    padding: 17px 22px 17px 26px;

    color: #f7f1e6;

    background: #103d32;

    border: 1px solid #103d32;

    border-radius: 100px;

    cursor: pointer;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: .04em;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


.althea-contact-form__submit:hover {
    color: #173d32;

    background: #cba85e;

    border-color: #cba85e;

    transform: translateY(-2px);
}


.althea-contact-form__submit-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin-left: 30px;

    border: 1px solid rgba(255, 255, 255, .35);

    border-radius: 50%;

    font-size: 16px;
}


.althea-contact-form__footer > p {
    max-width: 280px;

    margin: 0;

    color: #8a8984;

    font-size: 12px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   11 — NOTIFICATIONS
   --------------------------------------------------------- */

.althea-contact-form__notification {
    margin-bottom: 45px;

    padding: 22px 25px;

    border-left: 2px solid #c8a45c;

    background: rgba(255, 255, 255, .55);
}


.althea-contact-form__notification p {
    margin: 0;

    color: #173d32;
}


.althea-contact-form__notification.is-error {
    border-left-color: #9e4c45;
}


.althea-contact-form__notification.is-success {
    border-left-color: #557e60;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

    .althea-contact-form {
        padding:
            75px
            40px;
    }

    .althea-contact-form__intro {
        margin-bottom: 55px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .althea-contact-form {
        padding:
            58px
            22px
            75px;
    }


    .althea-contact-form::before {
        top: 34px;
        right: 22px;

        width: 55px;
    }


    .althea-contact-form__intro {
        margin-bottom: 48px;
    }


    .althea-contact-form__eyebrow {
        margin-bottom: 16px;

        font-size: 10px;
    }


    .althea-contact-form__intro h2 {
        font-size: clamp(43px, 13vw, 62px);

        line-height: .98;
    }


    .althea-contact-form__intro p {
        font-size: 15px;
        line-height: 1.7;
    }


    .althea-contact-form__fields {
        grid-template-columns: 1fr;

        row-gap: 35px;
    }


    .althea-contact-field--message,
    .althea-contact-field--file,
    .althea-contact-form__gdpr,
    .althea-contact-form__footer {
        grid-column: 1;
    }


    .althea-contact-field textarea {
        min-height: 145px;
    }


    .althea-contact-form__footer {
        flex-direction: column;

        align-items: stretch;

        gap: 18px;

        margin-top: 5px;
    }


    .althea-contact-form__submit {
        width: 100%;

        min-width: 0;
    }


    .althea-contact-form__footer > p {
        max-width: none;
    }

}
/* =========================================================
   ALTHÉA PRO — CONTACT HERO & PATHS
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.althea-contact-hero {
    position: relative;

    overflow: hidden;

    color: #f8f3e9;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(201, 163, 88, .18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #07372d 0%,
            #0b493c 58%,
            #173a31 100%
        );
}


/* Grande lumière décorative */

.althea-contact-hero::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -270px;
    right: -120px;

    border: 1px solid rgba(215, 181, 106, .18);
    border-radius: 50%;

    pointer-events: none;
}


.althea-contact-hero::after {
    content: "A";

    position: absolute;

    right: 6%;
    top: 50%;

    color: rgba(215, 181, 106, .045);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(250px, 34vw, 520px);

    line-height: .7;

    transform: translateY(-50%);

    pointer-events: none;
}


/* ---------------------------------------------------------
   CONTENEUR
   --------------------------------------------------------- */

.althea-contact-hero__inner {
    position: relative;
    z-index: 2;

    max-width: 1180px;

    margin: 0 auto;

    padding:
        clamp(85px, 9vw, 145px)
        clamp(24px, 6vw, 90px)
        0;
}


/* ---------------------------------------------------------
   INTRO
   --------------------------------------------------------- */

.althea-contact-hero__intro {
    max-width: 850px;

    margin-bottom: clamp(70px, 8vw, 115px);
}


.althea-contact-hero__eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 24px;

    color: #d7b56a;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


.althea-contact-hero__eyebrow::before {
    content: "";

    width: 38px;
    height: 1px;

    background: #d7b56a;
}


.althea-contact-hero__intro h1 {
    max-width: 880px;

    margin: 0 0 30px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(58px, 7.2vw, 105px);
    font-weight: 400;

    line-height: .94;
    letter-spacing: -.045em;
}


.althea-contact-hero__intro p {
    max-width: 690px;

    margin: 0;

    color: rgba(255, 255, 255, .67);

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   PATHS — 3 ACCÈS
   ========================================================= */

.althea-contact-paths {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(215, 181, 106, .25);

    border-left:
        1px solid rgba(215, 181, 106, .13);
}


/* ---------------------------------------------------------
   UNE ENTRÉE
   --------------------------------------------------------- */

.althea-contact-path {
    position: relative;

    display: grid;

    grid-template-columns:
        36px minmax(0, 1fr) 38px;

    align-items: center;

    gap: 16px;

    min-height: 145px;

    padding: 28px 25px;

    color: #fff !important;

    border-right:
        1px solid rgba(215, 181, 106, .13);

    border-bottom:
        1px solid rgba(215, 181, 106, .13);

    text-decoration: none !important;

    transition:
        background .3s ease,
        transform .3s ease;
}


.althea-contact-path::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 0;
    height: 2px;

    background: #d7b56a;

    transition: width .35s ease;
}


.althea-contact-path:hover {
    color: #fff !important;

    background:
        rgba(255, 255, 255, .055);
}


.althea-contact-path:hover::before {
    width: 100%;
}


/* ---------------------------------------------------------
   NUMÉRO
   --------------------------------------------------------- */

.althea-contact-path__number {
    align-self: start;

    padding-top: 3px;

    color: #d7b56a;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 11px;
}


/* ---------------------------------------------------------
   TEXTE
   --------------------------------------------------------- */

.althea-contact-path__content {
    display: block;

    min-width: 0;
}


.althea-contact-path__content strong {
    display: block;

    margin-bottom: 7px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(20px, 2vw, 27px);
    font-weight: 400;

    line-height: 1.15;
}


.althea-contact-path__content small {
    display: block;

    color: rgba(255, 255, 255, .48);

    font-size: 9px;
    font-weight: 700;

    line-height: 1.5;
    letter-spacing: .11em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   FLÈCHE
   --------------------------------------------------------- */

.althea-contact-path__arrow {
    display: flex;

    width: 34px;
    height: 34px;

    align-items: center;
    justify-content: center;

    color: #d7b56a;

    border:
        1px solid rgba(215, 181, 106, .42);

    border-radius: 50%;

    font-size: 15px;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}


.althea-contact-path:hover
.althea-contact-path__arrow {
    color: #073b30;

    background: #d7b56a;

    transform: translateX(3px);
}


/* =========================================================
   TRANSITION HERO → FORMULAIRE
   ========================================================= */

.althea-contact-hero
+ .althea-contact-form {
    position: relative;
}


/*
 * Permet d'arriver proprement au formulaire
 * lorsqu'on clique sur "Écrire à ALTHÉA".
 */

#althea-contact-form {
    scroll-margin-top: 130px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

    .althea-contact-paths {
        grid-template-columns: 1fr;
    }


    .althea-contact-path {
        min-height: 110px;
    }


    .althea-contact-hero::after {
        right: -5%;

        opacity: .65;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .althea-contact-hero__inner {
        padding:
            70px
            22px
            0;
    }


    .althea-contact-hero__intro {
        margin-bottom: 55px;
    }


    .althea-contact-hero__eyebrow {
        margin-bottom: 18px;

        font-size: 9px;
    }


    .althea-contact-hero__eyebrow::before {
        width: 25px;
    }


    .althea-contact-hero__intro h1 {
        font-size: clamp(49px, 15vw, 68px);

        margin-bottom: 24px;
    }


    .althea-contact-hero__intro p {
        font-size: 15px;

        line-height: 1.7;
    }


    .althea-contact-path {
        grid-template-columns:
            30px minmax(0, 1fr) 34px;

        gap: 12px;

        min-height: 102px;

        padding:
            23px
            10px;
    }


    .althea-contact-path__content strong {
        font-size: 21px;
    }


    .althea-contact-path__content small {
        font-size: 8px;
    }


    .althea-contact-path__arrow {
        width: 30px;
        height: 30px;
    }


    .althea-contact-hero::before {
        width: 330px;
        height: 330px;

        top: -190px;
        right: -170px;
    }


    .althea-contact-hero::after {
        display: none;
    }

}
/* =========================================================
   ALTHÉA — CALLBACK REQUEST
   ========================================================= */

.althea-contact-callback {
    grid-column: 1 / -1;

    position: relative;

    margin: 10px 0 5px;

    padding: 38px 40px;

    background:
        linear-gradient(
            135deg,
            rgba(7, 59, 48, .055),
            rgba(215, 181, 106, .08)
        );

    border:
        1px solid rgba(7, 59, 48, .12);
}


.althea-contact-callback[hidden] {
    display: none !important;
}


.althea-contact-callback__intro {
    max-width: 620px;

    margin-bottom: 32px;
}


.althea-contact-callback__eyebrow {
    display: block;

    margin-bottom: 10px;

    color: #b48636;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .16em;
    text-transform: uppercase;
}


.althea-contact-callback__intro h3 {
    margin: 0 0 12px;

    color: #073b30;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 32px;
    font-weight: 400;

    line-height: 1.1;
}


.althea-contact-callback__intro p {
    max-width: 580px;

    margin: 0;

    color: #747873;

    font-size: 14px;
    line-height: 1.7;
}


.althea-contact-callback__fields {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 40px;
}


@media (max-width: 767px) {

    .althea-contact-callback {
        grid-column: 1;

        padding: 28px 22px;
    }


    .althea-contact-callback__intro h3 {
        font-size: 27px;
    }


    .althea-contact-callback__fields {
        grid-template-columns: 1fr;

        gap: 28px;
    }

}
/* =========================================================
   ALTHÉA — CONTACT HOUSE / FOOTER
   ========================================================= */

.althea-contact-house {
    padding: 110px 0;

    color: #f8f3e9;

    background:
        linear-gradient(
            135deg,
            #062f26 0%,
            #0a4337 60%,
            #123d33 100%
        );
}


.althea-contact-house__inner {
    max-width: 1180px;

    margin: 0 auto;

    padding:
        0 clamp(24px, 6vw, 90px);
}


/* INTRO */

.althea-contact-house__intro {
    max-width: 760px;

    margin-bottom: 75px;
}


.althea-contact-house__eyebrow {
    display: block;

    margin-bottom: 18px;

    color: #d7b56a;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .2em;
    text-transform: uppercase;
}


.althea-contact-house__intro h2 {
    margin: 0 0 24px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(42px, 5vw, 70px);
    font-weight: 400;

    line-height: 1;
    letter-spacing: -.035em;
}


.althea-contact-house__intro p {
    max-width: 660px;

    margin: 0;

    color: rgba(255, 255, 255, .6);

    font-size: 16px;
    line-height: 1.8;
}


/* GRID */

.althea-contact-house__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(215, 181, 106, .22);
}


.althea-contact-house__item {
    min-height: 220px;

    padding: 32px 28px;

    border-right:
        1px solid rgba(215, 181, 106, .15);

    border-bottom:
        1px solid rgba(215, 181, 106, .15);
}


.althea-contact-house__item:first-child {
    border-left:
        1px solid rgba(215, 181, 106, .15);
}


.althea-contact-house__number {
    display: block;

    margin-bottom: 30px;

    color: #d7b56a;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 11px;
}


.althea-contact-house__item strong {
    display: block;

    margin-bottom: 16px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 24px;
    font-weight: 400;
}


.althea-contact-house__item p {
    margin: 0;

    color: rgba(255, 255, 255, .55);

    font-size: 13px;
    line-height: 1.8;
}


.althea-contact-house__item a {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 14px;

    color: #d7b56a !important;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none !important;
    text-transform: uppercase;
}


.althea-contact-house__item a:hover {
    color: #fff !important;
}


/* SIGNATURE */

.althea-contact-house__signature {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 55px;

    padding-top: 35px;

    border-top:
        1px solid rgba(255, 255, 255, .09);
}


.althea-contact-house__mark {
    display: flex;

    width: 52px;
    height: 52px;

    align-items: center;
    justify-content: center;

    flex: 0 0 52px;

    color: #d7b56a;

    border:
        1px solid rgba(215, 181, 106, .45);

    border-radius: 50%;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 22px;
}


.althea-contact-house__signature strong {
    display: block;

    margin-bottom: 4px;

    color: #d7b56a;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;
    font-weight: 400;

    letter-spacing: .14em;
}


.althea-contact-house__signature p {
    margin: 0;

    color: rgba(255, 255, 255, .38);

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .11em;

    text-transform: uppercase;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .althea-contact-house {
        padding: 80px 0;
    }

    .althea-contact-house__grid {
        grid-template-columns: 1fr;
    }

    .althea-contact-house__item {
        min-height: auto;

        border-left:
            1px solid rgba(215, 181, 106, .15);
    }

}


@media (max-width: 600px) {

    .althea-contact-house {
        padding: 65px 0;
    }

    .althea-contact-house__intro {
        margin-bottom: 50px;
    }

    .althea-contact-house__item {
        padding: 28px 22px;
    }

    .althea-contact-house__signature {
        margin-top: 40px;
    }

}
/* =========================================================
   ALTHÉA — INTERNATIONAL PHONE
   ========================================================= */

.althea-contact-phone {
    display: grid;

    grid-template-columns:
        minmax(150px, .75fr)
        minmax(0, 1.25fr);

    gap: 20px;
}


.althea-contact-phone__prefix {
    position: relative;
}


.althea-contact-phone__prefix::after {
    content: "↓";

    position: absolute;

    right: 3px;
    top: 50%;

    color: #b48636;

    pointer-events: none;

    transform: translateY(-50%);
}


.althea-contact-phone__prefix select {
    width: 100%;

    padding:
        17px 30px
        17px 0;

    color: #173d32;

    background: transparent;

    border: 0;
    border-bottom:
        1px solid rgba(23, 61, 50, .25);

    border-radius: 0;

    appearance: none;
    -webkit-appearance: none;

    outline: none;
}


.althea-contact-phone__prefix select:focus {
    border-bottom-color: #c8a45c;
}


@media (max-width: 600px) {

    .althea-contact-phone {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}
/* =========================================================
   ALTHÉA — HOME V4
   À ajouter tout en bas de althea.css
   ========================================================= */

.althea-home-intro {
  padding: clamp(70px, 9vw, 130px) 0;
  background: #f7f1e7;
}

.althea-home-intro__grid {
  display: grid;
  grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr);
  gap: clamp(35px, 7vw, 110px);
  align-items: start;
}

.althea-home-intro__content {
  max-width: 850px;
}

.althea-home-intro__content h2 {
  margin: 0 0 28px;
  color: #073b30;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.6vw, 76px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
}

.althea-home-intro__content > p {
  max-width: 720px;
  margin: 0;
  color: #68736e;
  font-size: 17px;
  line-height: 1.8;
}

.althea-home-gateway {
  padding: clamp(85px, 10vw, 145px) 0;
  background: #fff;
}

.althea-home-gateway__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .65fr);
  gap: clamp(35px, 7vw, 100px);
  align-items: end;
  margin-bottom: 65px;
}

.althea-home-gateway__heading h2 {
  max-width: 760px;
  margin: 0;
  color: #073b30;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(46px, 6vw, 82px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.04em;
}

.althea-home-gateway__heading > p {
  margin: 0;
  color: #6d7672;
  font-size: 15px;
  line-height: 1.8;
}

.althea-home-gateway__list {
  border-top: 1px solid rgba(7, 59, 48, .15);
}

.althea-home-gateway__item {
  display: grid;
  grid-template-columns: 55px minmax(0, 1.25fr) minmax(140px, .55fr) 38px;
  align-items: center;
  gap: 20px;
  min-height: 86px;
  padding: 17px 12px;
  color: #073b30 !important;
  border-bottom: 1px solid rgba(7, 59, 48, .12);
  text-decoration: none !important;
  transition: padding-left .2s ease, background .2s ease;
}

.althea-home-gateway__item:hover {
  padding-left: 20px;
  background: rgba(215, 181, 106, .07);
}

.althea-home-gateway__index {
  color: #b48636;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
}

.althea-home-gateway__name {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(23px, 2.5vw, 34px);
}

.althea-home-gateway__meta {
  color: #8b8f8b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.althea-home-gateway__arrow {
  display: flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  justify-self: end;
  color: #b48636;
  border: 1px solid rgba(180, 134, 54, .35);
  border-radius: 50%;
}

.althea-home-gateway__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: 42px;
}

.althea-home-gateway__footer p {
  max-width: 620px;
  margin: 0;
  color: #777e7a;
  line-height: 1.7;
}

.althea-home-formulas {
  padding: clamp(90px, 10vw, 150px) 0;
  color: #fff;
  background:
    radial-gradient(circle at 80% 15%, rgba(215,181,106,.15), transparent 28%),
    linear-gradient(135deg, #062f26 0%, #0b4538 100%);
}

.althea-home-formulas__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .65fr);
  gap: clamp(35px, 7vw, 100px);
  align-items: end;
  margin-bottom: 60px;
}

.althea-home-formulas__heading h2 {
  max-width: 800px;
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.8vw, 78px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
}

.althea-home-formulas__heading > p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 15px;
  line-height: 1.8;
}

.althea-home-formulas__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid rgba(215,181,106,.22);
  border-left: 1px solid rgba(215,181,106,.12);
}

.althea-home-formulas__grid a {
  min-height: 180px;
  padding: 28px 22px;
  color: #fff !important;
  border-right: 1px solid rgba(215,181,106,.12);
  border-bottom: 1px solid rgba(215,181,106,.12);
  text-decoration: none !important;
}

.althea-home-formulas__grid span {
  display: block;
  margin-bottom: 32px;
  color: #d7b56a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
}

.althea-home-formulas__grid strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.15;
}

.althea-home-formulas__grid small {
  color: rgba(255,255,255,.44);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.althea-home-formulas__footer {
  margin-top: 42px;
}

.althea-home-collection {
  padding: clamp(90px, 10vw, 150px) 0;
  background: #f7f1e7;
}

.althea-home-collection__stage {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  align-items: center;
  gap: clamp(45px, 7vw, 95px);
}

.althea-home-collection__visual {
  margin: 0;
  overflow: hidden;
}

.althea-home-collection__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.althea-home-collection__content h2 {
  margin: 0 0 25px;
  color: #073b30;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
}

.althea-home-collection__content > p {
  margin: 0 0 30px;
  color: #68736e;
  font-size: 15px;
  line-height: 1.8;
}

.althea-home-collection__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 34px;
}

.althea-home-collection__tags span {
  padding: 9px 13px;
  color: #073b30;
  border: 1px solid rgba(7,59,48,.16);
  border-radius: 99px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.althea-home-quality {
  padding: clamp(90px, 10vw, 145px) 0;
  color: #fff;
  background: #073b30;
}

.althea-home-quality__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  align-items: center;
  gap: clamp(50px, 8vw, 120px);
}

.althea-home-quality__content h2 {
  margin: 0 0 25px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 70px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
}

.althea-home-quality__content > p {
  margin: 0 0 30px;
  color: rgba(255,255,255,.63);
  font-size: 15px;
  line-height: 1.8;
}

.althea-home-quality__points {
  display: grid;
  margin-bottom: 34px;
  border-top: 1px solid rgba(215,181,106,.23);
}

.althea-home-quality__points span {
  padding: 15px 0;
  color: rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(215,181,106,.15);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.althea-home-quality__visual {
  margin: 0;
}

.althea-home-quality__visual img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .althea-home-intro__grid,
  .althea-home-gateway__heading,
  .althea-home-formulas__heading,
  .althea-home-collection__stage,
  .althea-home-quality__grid {
    grid-template-columns: 1fr;
  }

  .althea-home-formulas__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-home-gateway__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .althea-home-gateway,
  .althea-home-formulas,
  .althea-home-collection,
  .althea-home-quality {
    padding: 70px 0;
  }

  .althea-home-gateway__item {
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    min-height: 76px;
    gap: 11px;
    padding: 14px 3px;
  }

  .althea-home-gateway__meta {
    display: none;
  }

  .althea-home-gateway__name {
    font-size: 23px;
  }

  .althea-home-formulas__grid {
    grid-template-columns: 1fr;
  }

  .althea-home-formulas__grid a {
    min-height: auto;
  }
}
/* =========================================================
   ALTHÉA — PROFESSIONALS COMPACT HOME V4
   ========================================================= */

.althea-v3-professionals__signature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;

    margin: 30px 0 34px;

    color: #d7b56a;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .11em;
    text-transform: uppercase;
}


.althea-v3-professionals__signature span[aria-hidden="true"] {
    color: rgba(215, 181, 106, .45);
}


@media (max-width: 767px) {

    .althea-v3-professionals__signature {
        gap: 7px;

        margin:
            24px
            0
            28px;

        font-size: 8px;
    }

}
/* =========================================================
   ALTHÉA — PROFESSIONALS COMPACT V4 — FINAL OVERRIDES
   ========================================================= */

.althea-v3-professionals__content {
    color: #0b4638;
}

.althea-v3-professionals__content .althea-v3-kicker {
    color: #c89b3c;
}

.althea-v3-professionals__content h2 {
    color: #173f35;
}

.althea-v3-professionals__intro {
    color: #66716d !important;
    max-width: 760px;
    margin-top: 24px;
    line-height: 1.75;
}

.althea-v3-professionals__signature {
    color: #c89b3c;
}

.althea-v3-professionals__secondary-link {
    color: #173f35 !important;
}

.althea-v3-professionals__secondary-link span {
    color: inherit;
}

.althea-v3-professionals__secondary-link:hover {
    color: #b8892f !important;
}

/* trait sous le lien */
.althea-v3-professionals__secondary-link {
    border-bottom-color: rgba(184, 137, 47, .55);
}


/* MOBILE */
@media (max-width: 767px) {

    .althea-v3-professionals__content h2 {
        font-size: clamp(38px, 11vw, 54px);
        line-height: .98;
    }

    .althea-v3-professionals__intro {
        margin-top: 20px;
        line-height: 1.65;
    }

    .althea-v3-professionals__actions {
        gap: 18px;
    }
}
/* =========================================================
   ALTHÉA — PAGE LES RITUELS
   ========================================================= */

.althea-rituals-page {
    --ritual-green: #073b30;
    --ritual-gold: #d7b56a;
    --ritual-gold-deep: #b48636;
    --ritual-ivory: #f7f1e7;

    background: var(--ritual-ivory);
}

body#cms .page-content,
body#cms .page-content.card,
body#cms .card-block {
    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;
}

.althea-rituals-container {
    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
}

.althea-rituals-kicker {
    margin: 0 0 18px;

    color: var(--ritual-gold-deep);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


/* HERO */

.althea-rituals-hero {
    position: relative;

    overflow: hidden;

    padding: clamp(95px, 11vw, 165px) 0 70px;

    color: #fff;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(215, 181, 106, .16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #062f26 0%,
            #0a4639 62%,
            #143a31 100%
        );
}

.althea-rituals-hero::before {
    content: "";

    position: absolute;

    top: -280px;
    right: -90px;

    width: 600px;
    height: 600px;

    border: 1px solid rgba(215, 181, 106, .15);
    border-radius: 50%;
}

.althea-rituals-hero::after {
    content: "A";

    position: absolute;

    right: 4%;
    bottom: -100px;

    color: rgba(215, 181, 106, .04);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(260px, 36vw, 520px);

    line-height: .8;
}

.althea-rituals-hero__content,
.althea-rituals-hero__signature {
    position: relative;
    z-index: 2;
}

.althea-rituals-hero .althea-rituals-kicker {
    color: var(--ritual-gold);
}

.althea-rituals-hero h1 {
    max-width: 980px;

    margin: 0 0 34px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(62px, 8.2vw, 118px);
    font-weight: 400;

    line-height: .92;
    letter-spacing: -.05em;
}

.althea-rituals-hero__lead {
    max-width: 760px;

    margin: 0;

    color: rgba(255,255,255,.66);

    font-size: 17px;
    line-height: 1.8;
}

.althea-rituals-hero__signature {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 70px;

    color: var(--ritual-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;
}


/* INDEX */

.althea-rituals-index {
    padding: clamp(85px, 10vw, 145px) 0;

    background: #fff;
}

.althea-rituals-index__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, .65fr);

    gap: 70px;

    align-items: end;

    margin-bottom: 62px;
}

.althea-rituals-index__heading h2 {
    margin: 0;

    color: var(--ritual-green);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 6vw, 82px);
    font-weight: 400;

    line-height: .98;
    letter-spacing: -.04em;
}

.althea-rituals-index__heading > p {
    margin: 0;

    color: #68736e;

    line-height: 1.8;
}

.althea-rituals-index__list {
    border-top:
        1px solid rgba(7,59,48,.14);
}

.althea-rituals-index__list a {
    display: grid;

    grid-template-columns:
        55px
        minmax(0,1fr)
        minmax(130px,.35fr)
        38px;

    align-items: center;

    gap: 18px;

    min-height: 86px;

    padding: 15px 10px;

    color: var(--ritual-green) !important;

    border-bottom:
        1px solid rgba(7,59,48,.12);

    text-decoration: none !important;
}

.althea-rituals-index__list a > span {
    color: var(--ritual-gold-deep);

    font-size: 10px;
}

.althea-rituals-index__list strong {
    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(24px, 2.6vw, 36px);
    font-weight: 400;
}

.althea-rituals-index__list small {
    color: #8b8f8b;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;
}

.althea-rituals-index__list i {
    display: flex;

    width: 34px;
    height: 34px;

    align-items: center;
    justify-content: center;

    justify-self: end;

    color: var(--ritual-gold-deep);

    border:
        1px solid rgba(180,134,54,.35);

    border-radius: 50%;

    font-style: normal;
}


/* SOMMEIL */

.althea-ritual-chapter {
    position: relative;

    min-height: 760px;

    overflow: hidden;

    color: #fff;

    background: #080708;
}

.althea-ritual-chapter__media,
.althea-ritual-chapter__media picture,
.althea-ritual-chapter__media img,
.althea-ritual-chapter__video {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;
}

.althea-ritual-chapter__media img,
.althea-ritual-chapter__video {
    object-fit: cover;
}

.althea-ritual-chapter__video--mobile {
    display: none;
}

.althea-ritual-chapter__overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,7,8,.94) 0%,
            rgba(8,7,8,.65) 48%,
            rgba(8,7,8,.2) 100%
        );
}

.althea-ritual-chapter__inner {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 760px;

    align-items: center;
}

.althea-ritual-chapter__copy {
    max-width: 700px;

    padding: 90px 0;
}

.althea-ritual-chapter__number {
    display: block;

    margin-bottom: 38px;

    color: var(--ritual-gold);
}

.althea-ritual-chapter__kicker {
    margin: 0 0 16px;

    color: var(--ritual-gold);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.althea-ritual-chapter h2 {
    margin: 0 0 28px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(58px, 7vw, 96px);
    font-weight: 400;

    line-height: .94;
    letter-spacing: -.045em;
}

.althea-ritual-chapter__copy > p {
    color: rgba(255,255,255,.67);

    font-size: 16px;
    line-height: 1.8;
}


/* TAGS */

.althea-ritual-chapter__tags,
.althea-ritual-editorial__tags {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin: 30px 0 34px;
}

.althea-ritual-chapter__tags span,
.althea-ritual-editorial__tags span {
    padding: 8px 12px;

    border-radius: 99px;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .09em;

    text-transform: uppercase;
}

.althea-ritual-chapter__tags span {
    color: rgba(255,255,255,.78);

    border:
        1px solid rgba(255,255,255,.17);
}

.althea-ritual-editorial__tags span {
    color: var(--ritual-green);

    border:
        1px solid rgba(7,59,48,.17);
}


/* BOUTONS */

.althea-ritual-chapter__actions,
.althea-ritual-collection__actions {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 25px;
}

.althea-ritual-btn {
    display: inline-flex;

    min-height: 50px;

    align-items: center;
    justify-content: center;

    padding: 0 26px;

    border: 1px solid transparent;

    border-radius: 99px;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none !important;
}

.althea-ritual-btn--light {
    color: var(--ritual-green) !important;

    background: #f7f1e7;

    border-color: #f7f1e7;
}

.althea-ritual-btn--dark {
    color: #fff !important;

    background: var(--ritual-green);

    border-color: var(--ritual-green);
}

.althea-ritual-text-link {
    display: inline-flex;

    gap: 10px;

    align-items: center;

    color: var(--ritual-gold) !important;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .09em;

    text-decoration: none !important;
    text-transform: uppercase;
}

.althea-ritual-text-link--dark {
    color: var(--ritual-green) !important;
}


/* CHAPITRES */

.althea-ritual-editorial {
    overflow: hidden;

    padding: clamp(95px, 11vw, 160px) 0;
}

.althea-ritual-editorial--immunity {
    background: #f5ead0;
}

.althea-ritual-editorial--energy {
    background: #f7f1e7;
}

.althea-ritual-editorial--natural {
    background: #e9f1ea;
}

.althea-ritual-editorial--beauty {
    background: #f5e9eb;
}

.althea-ritual-editorial__grid {
    display: grid;

    grid-template-columns:
        65px
        minmax(0,1fr)
        minmax(300px,.75fr);

    gap: clamp(35px, 6vw, 90px);

    align-items: center;
}

.althea-ritual-editorial__grid--reverse {
    grid-template-columns:
        65px
        minmax(300px,.75fr)
        minmax(0,1fr);
}

.althea-ritual-editorial__grid--reverse
.althea-ritual-editorial__content {
    grid-column: 3;
}

.althea-ritual-editorial__grid--reverse
.althea-ritual-editorial__art {
    grid-column: 2;
    grid-row: 1;
}

.althea-ritual-editorial__number {
    align-self: start;

    color: var(--ritual-gold-deep);
}

.althea-ritual-editorial h2 {
    margin: 0 0 26px;

    color: var(--ritual-green);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 6vw, 82px);
    font-weight: 400;

    line-height: .98;
    letter-spacing: -.04em;
}

.althea-ritual-editorial__content > p {
    color: #68736e;

    font-size: 16px;
    line-height: 1.8;
}


/* DÉCORS */

.althea-ritual-editorial__art {
    position: relative;

    min-height: 410px;
}

.althea-ritual-editorial__art span,
.althea-ritual-editorial__art::before,
.althea-ritual-editorial__art::after {
    content: "";

    position: absolute;

    display: block;
}


/* =========================================================
   ALTHÉA — RITUEL IMMUNITÉ
   ========================================================= */

.althea-ritual-story--immunity {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  background: #173f34;
}


/* ---------------------------------------------------------
   VIDEO
   --------------------------------------------------------- */

.althea-ritual-story--immunity .althea-ritual-story__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.althea-ritual-story--immunity .althea-ritual-story__video {
  position: absolute;

  /*
   * La vidéo Kling possède des bandes en haut/bas.
   * Le léger agrandissement permet de les sortir du cadre.
   */
  top: 50%;
  left: 50%;

  width: 108%;
  height: 108%;

  max-width: none;

  object-fit: cover;
  object-position: center center;

  transform: translate(-50%, -50%);

  display: block;
}


/* ---------------------------------------------------------
   OVERLAY
   On conserve la lumière naturelle du visuel Immunité.
   --------------------------------------------------------- */

.althea-ritual-story--immunity
.althea-ritual-story__overlay--immunity {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(4, 31, 25, 0.90) 0%,
      rgba(4, 31, 25, 0.72) 32%,
      rgba(4, 31, 25, 0.25) 58%,
      rgba(4, 31, 25, 0.06) 100%
    );
}


/* ---------------------------------------------------------
   CONTENU
   --------------------------------------------------------- */

.althea-ritual-story--immunity .althea-ritual-story__content {
  position: relative;
  z-index: 2;

  min-height: 680px;

  display: grid;
  grid-template-columns: 72px minmax(0, 700px);
  align-items: center;

  gap: 38px;

  padding:
    clamp(70px, 8vw, 120px)
    clamp(28px, 6vw, 90px);
}


/* Numéro */

.althea-ritual-story--immunity .althea-ritual-story__number {
  align-self: start;

  padding-top: 8px;

  color: #d9ad50;

  font-size: 12px;
  letter-spacing: 0.14em;
}


/* Kicker */

.althea-ritual-story--immunity .althea-ritual-story__kicker {
  margin: 0 0 22px;

  color: #e0b85d;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 0.22em;
  text-transform: uppercase;
}


/* Titre */

.althea-ritual-story--immunity .althea-ritual-story__title {
  max-width: 760px;

  margin: 0;

  color: #fffaf1;

  font-family: var(--althea-font-serif);
  font-size: clamp(54px, 6.5vw, 94px);
  font-weight: 400;

  line-height: 0.94;
  letter-spacing: -0.045em;
}


/* Introduction */

.althea-ritual-story--immunity .althea-ritual-story__intro {
  max-width: 660px;

  margin: 34px 0 0;

  color: rgba(255, 255, 255, 0.84);

  font-size: 16px;
  line-height: 1.8;
}


/* ---------------------------------------------------------
   ACTIFS
   --------------------------------------------------------- */

.althea-ritual-story--immunity .althea-ritual-story__actives {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 28px;
}

.althea-ritual-story--immunity .althea-ritual-story__actives span {
  display: inline-flex;
  align-items: center;

  min-height: 32px;

  padding: 7px 14px;

  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.90);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.althea-ritual-story--immunity .althea-ritual-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 26px;

  margin-top: 38px;
}


/* Bouton principal */

.althea-ritual-story--immunity .althea-ritual-story__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 28px;

  border-radius: 999px;

  background: #fffaf1;

  color: #0c493b;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.althea-ritual-story--immunity .althea-ritual-story__primary:hover {
  background: #dbae50;
  color: #092f27;

  transform: translateY(-2px);
}


/* Rituel suivant */

.althea-ritual-story--immunity .althea-ritual-story__next {
  display: inline-flex;
  align-items: center;

  gap: 14px;

  color: #e0b85d;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  text-decoration: none;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

  .althea-ritual-story--immunity {
    min-height: 640px;
  }

  .althea-ritual-story--immunity .althea-ritual-story__content {
    min-height: 640px;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 22px;

    padding: 72px 36px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .althea-ritual-story--immunity {
    min-height: 650px;
  }

  .althea-ritual-story--immunity .althea-ritual-story__video {
    width: 125%;
    height: 125%;

    /*
     * On privilégie femme + atmosphère sur mobile.
     * Le pot restera visible selon le recadrage disponible.
     */
    object-position: 58% center;
  }

  .althea-ritual-story--immunity
  .althea-ritual-story__overlay--immunity {
    background:
      linear-gradient(
        180deg,
        rgba(5, 35, 28, 0.28) 0%,
        rgba(5, 35, 28, 0.50) 35%,
        rgba(4, 29, 24, 0.92) 100%
      );
  }

  .althea-ritual-story--immunity .althea-ritual-story__content {
    min-height: 650px;

    display: block;

    padding:
      64px
      24px
      46px;
  }

  .althea-ritual-story--immunity .althea-ritual-story__number {
    margin-bottom: 42px;
  }

  .althea-ritual-story--immunity .althea-ritual-story__title {
    max-width: 500px;

    font-size: clamp(48px, 14vw, 68px);
  }

  .althea-ritual-story--immunity .althea-ritual-story__intro {
    margin-top: 26px;

    font-size: 15px;
    line-height: 1.65;
  }

  .althea-ritual-story--immunity .althea-ritual-story__actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;

    margin-top: 32px;
  }

}


/* ÉNERGIE */

.althea-ritual-editorial__art--arc span {
    top: 50%;
    left: 50%;

    width: 280px;
    height: 280px;

    border:
        1px solid rgba(180,134,54,.45);

    border-radius: 50%;

    transform:
        translate(-50%,-50%);
}

.althea-ritual-editorial__art--arc::before {
    top: 50%;
    left: 50%;

    width: 180px;
    height: 180px;

    border:
        1px solid rgba(7,59,48,.22);

    border-radius: 50%;

    transform:
        translate(-50%,-50%);
}


/* NATURE */

.althea-ritual-editorial__art--botanical span {
    top: 55px;
    left: 50%;

    width: 1px;
    height: 300px;

    background:
        rgba(7,59,48,.28);

    transform: rotate(18deg);
}

.althea-ritual-editorial__art--botanical::before,
.althea-ritual-editorial__art--botanical::after {
    top: 150px;
    left: 45%;

    width: 110px;
    height: 55px;

    border:
        1px solid rgba(7,59,48,.26);

    border-radius:
        100% 0 100% 0;

    transform: rotate(-20deg);
}

.althea-ritual-editorial__art--botanical::after {
    top: 240px;
    left: 51%;

    transform: rotate(160deg);
}


/* BEAUTÉ */

.althea-ritual-editorial__art--petal span {
    top: 50%;
    left: 50%;

    width: 180px;
    height: 260px;

    border:
        1px solid rgba(148,75,104,.27);

    border-radius:
        100% 0 100% 0;

    transform:
        translate(-50%,-50%)
        rotate(38deg);
}

.althea-ritual-editorial__art--petal::before {
    top: 50%;
    left: 50%;

    width: 180px;
    height: 260px;

    border:
        1px solid rgba(148,75,104,.2);

    border-radius:
        0 100% 0 100%;

    transform:
        translate(-50%,-50%)
        rotate(-38deg);
}


/* FUTURS RITUELS */

.althea-ritual-future {
    padding: clamp(95px, 11vw, 150px) 0;

    color: #fff;

    background: var(--ritual-green);
}

.althea-ritual-future__panel {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.8fr);

    gap: 80px;

    align-items: end;
}

.althea-ritual-future .althea-rituals-kicker {
    color: var(--ritual-gold);
}

.althea-ritual-future h2 {
    margin: 0 0 26px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 6vw, 82px);
    font-weight: 400;

    line-height: .98;
    letter-spacing: -.04em;
}

.althea-ritual-future__content > p {
    color: rgba(255,255,255,.62);

    line-height: 1.8;
}

.althea-ritual-future__list {
    border-top:
        1px solid rgba(215,181,106,.24);
}

.althea-ritual-future__list article {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 15px;

    padding: 23px 0;

    border-bottom:
        1px solid rgba(215,181,106,.15);
}

.althea-ritual-future__list article > span {
    color: var(--ritual-gold);
}

.althea-ritual-future__list strong {
    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
    font-weight: 400;
}

.althea-ritual-future__list small {
    grid-column: 2;

    color: rgba(255,255,255,.42);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;
}


/* COLLECTION */

.althea-ritual-collection {
    overflow: hidden;

    padding: clamp(95px, 11vw, 155px) 0;

    background: #fff;
}

.althea-ritual-collection__grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(260px,.55fr);

    align-items: center;

    gap: 60px;
}

.althea-ritual-collection h2 {
    margin: 0 0 25px;

    color: var(--ritual-green);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(50px, 6.5vw, 88px);
    font-weight: 400;

    line-height: .96;
    letter-spacing: -.04em;
}

.althea-ritual-collection__content > p {
    margin-bottom: 34px;

    color: #68736e;

    line-height: 1.8;
}

.althea-ritual-collection__monogram {
    color:
        rgba(7,59,48,.055);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(240px, 30vw, 430px);

    line-height: .8;

    text-align: center;
}


/* TABLETTE */

@media (max-width: 991px) {

    .althea-rituals-index__heading,
    .althea-ritual-future__panel,
    .althea-ritual-collection__grid {
        grid-template-columns: 1fr;
    }

    .althea-ritual-editorial__grid,
    .althea-ritual-editorial__grid--reverse {
        grid-template-columns:
            45px minmax(0,1fr);
    }

    .althea-ritual-editorial__grid--reverse
    .althea-ritual-editorial__content {
        grid-column: 2;
    }

    .althea-ritual-editorial__art,
    .althea-ritual-editorial__grid--reverse
    .althea-ritual-editorial__art {
        grid-column: 1 / -1;
        grid-row: auto;

        min-height: 260px;
    }

    .althea-ritual-collection__monogram {
        display: none;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-rituals-container {
        width:
            min(
                calc(100% - 36px),
                1180px
            );
    }

    .althea-rituals-hero {
        padding:
            78px 0 55px;
    }

    .althea-rituals-hero h1 {
        font-size:
            clamp(52px, 15vw, 72px);
    }

    .althea-rituals-hero__lead {
        font-size: 15px;
    }


    .althea-rituals-index {
        padding:
            70px 0;
    }

    .althea-rituals-index__heading {
        gap: 25px;

        margin-bottom: 42px;
    }

    .althea-rituals-index__list a {
        grid-template-columns:
            28px
            minmax(0,1fr)
            32px;

        min-height: 74px;

        gap: 10px;

        padding: 12px 2px;
    }

    .althea-rituals-index__list small {
        display: none;
    }

    .althea-rituals-index__list strong {
        font-size: 22px;
    }


    .althea-ritual-chapter,
    .althea-ritual-chapter__inner {
        min-height: 720px;
    }

    .althea-ritual-chapter__video--desktop {
        display: none;
    }

    .althea-ritual-chapter__video--mobile {
        display: block;
    }

    .althea-ritual-chapter__overlay {
        background:
            linear-gradient(
                0deg,
                rgba(8,7,8,.94) 0%,
                rgba(8,7,8,.68) 62%,
                rgba(8,7,8,.28) 100%
            );
    }

    .althea-ritual-chapter__copy {
        align-self: end;

        padding:
            70px 0;
    }

    .althea-ritual-chapter h2 {
        font-size:
            clamp(48px, 14vw, 66px);
    }


    .althea-ritual-editorial {
        padding:
            75px 0;
    }

    .althea-ritual-editorial__grid,
    .althea-ritual-editorial__grid--reverse {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .althea-ritual-editorial__number,
    .althea-ritual-editorial__content,
    .althea-ritual-editorial__grid--reverse
    .althea-ritual-editorial__content,
    .althea-ritual-editorial__art,
    .althea-ritual-editorial__grid--reverse
    .althea-ritual-editorial__art {
        grid-column: 1;
    }

    .althea-ritual-editorial__art {
        min-height: 200px;
    }


    .althea-ritual-future,
    .althea-ritual-collection {
        padding:
            75px 0;
    }

    .althea-ritual-future__panel {
        gap: 48px;
    }

    .althea-ritual-chapter__actions,
    .althea-ritual-collection__actions {
        flex-direction: column;

        align-items: flex-start;
    }

}
/* =========================================================
   ALTHÉA — RITUEL 03 — ÉNERGIE & VITALITÉ
   ========================================================= */

.althea-ritual-story--energy {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  background: #7a4826;
}


/* ---------------------------------------------------------
   MEDIA
   --------------------------------------------------------- */

.althea-ritual-story--energy .althea-ritual-story__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.althea-ritual-story--energy .althea-ritual-story__video {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 108%;
  height: 108%;
  max-width: none;

  object-fit: cover;
  object-position: center center;

  transform: translate(-50%, -50%);

  display: block;
}


/* ---------------------------------------------------------
   OVERLAY

   Plus chaud qu'Immunité afin de conserver l'identité
   solaire/orangée de Multivitamines.
   --------------------------------------------------------- */

.althea-ritual-story--energy
.althea-ritual-story__overlay--energy {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(38, 25, 15, 0.90) 0%,
      rgba(49, 31, 17, 0.74) 31%,
      rgba(70, 43, 20, 0.30) 56%,
      rgba(70, 43, 20, 0.05) 100%
    );
}


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.althea-ritual-story--energy .althea-ritual-story__content {
  position: relative;
  z-index: 2;

  min-height: 680px;

  display: grid;
  grid-template-columns: 72px minmax(0, 760px);
  align-items: center;

  gap: 38px;

  padding:
    clamp(70px, 8vw, 120px)
    clamp(28px, 6vw, 90px);
}


/* Numéro */

.althea-ritual-story--energy .althea-ritual-story__number {
  align-self: start;

  padding-top: 8px;

  color: #e2ad4c;

  font-size: 12px;
  letter-spacing: 0.14em;
}


/* Kicker */

.althea-ritual-story--energy .althea-ritual-story__kicker {
  margin: 0 0 22px;

  color: #e5b65b;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 0.22em;
  text-transform: uppercase;
}


/* Titre */

.althea-ritual-story--energy .althea-ritual-story__title {
  max-width: 800px;

  margin: 0;

  color: #fffaf1;

  font-family: var(--althea-font-serif);
  font-size: clamp(54px, 6.2vw, 90px);
  font-weight: 400;

  line-height: 0.95;
  letter-spacing: -0.045em;
}


/* Introduction */

.althea-ritual-story--energy .althea-ritual-story__intro {
  max-width: 650px;

  margin: 34px 0 0;

  color: rgba(255, 250, 241, 0.86);

  font-size: 16px;
  line-height: 1.8;
}


/* ---------------------------------------------------------
   ACTIFS
   --------------------------------------------------------- */

.althea-ritual-story--energy .althea-ritual-story__actives {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 28px;
}

.althea-ritual-story--energy .althea-ritual-story__actives span {
  display: inline-flex;
  align-items: center;

  min-height: 32px;

  padding: 7px 14px;

  border: 1px solid rgba(255, 250, 241, 0.30);
  border-radius: 999px;

  color: rgba(255, 250, 241, 0.92);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.althea-ritual-story--energy .althea-ritual-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 26px;

  margin-top: 38px;
}


/* Bouton principal */

.althea-ritual-story--energy .althea-ritual-story__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 28px;

  border-radius: 999px;

  background: #fffaf1;

  color: #174c3d;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.althea-ritual-story--energy .althea-ritual-story__primary:hover {
  background: #e1ad4d;
  color: #173b31;

  transform: translateY(-2px);
}


/* Rituel suivant */

.althea-ritual-story--energy .althea-ritual-story__next {
  display: inline-flex;
  align-items: center;

  gap: 14px;

  color: #e5b65b;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  text-decoration: none;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

  .althea-ritual-story--energy {
    min-height: 640px;
  }

  .althea-ritual-story--energy .althea-ritual-story__content {
    min-height: 640px;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 22px;

    padding: 72px 36px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .althea-ritual-story--energy {
    min-height: 680px;
  }

  .althea-ritual-story--energy .althea-ritual-story__video {
    width: 128%;
    height: 128%;

    /*
     * On déplace légèrement le cadrage vers la droite
     * pour essayer de conserver l'univers produit.
     */
    object-position: 61% center;
  }

  .althea-ritual-story--energy
  .althea-ritual-story__overlay--energy {
    background:
      linear-gradient(
        180deg,
        rgba(48, 30, 17, 0.22) 0%,
        rgba(48, 30, 17, 0.48) 34%,
        rgba(28, 23, 17, 0.94) 100%
      );
  }

  .althea-ritual-story--energy .althea-ritual-story__content {
    min-height: 680px;

    display: block;

    padding:
      64px
      24px
      46px;
  }

  .althea-ritual-story--energy .althea-ritual-story__number {
    margin-bottom: 42px;
  }

  .althea-ritual-story--energy .althea-ritual-story__title {
    max-width: 500px;

    font-size: clamp(46px, 13vw, 66px);
  }

  .althea-ritual-story--energy .althea-ritual-story__intro {
    margin-top: 26px;

    font-size: 15px;
    line-height: 1.65;
  }

  .althea-ritual-story--energy .althea-ritual-story__actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;

    margin-top: 32px;
  }

}
/* =========================================================
   ALTHÉA — RITUEL 04 — NUTRITION NATURELLE
   ========================================================= */

.althea-ritual-story--natural {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  background: #315d66;
}


/* ---------------------------------------------------------
   MEDIA
   --------------------------------------------------------- */

.althea-ritual-story--natural .althea-ritual-story__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.althea-ritual-story--natural .althea-ritual-story__video {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 108%;
  height: 108%;

  max-width: none;

  object-fit: cover;
  object-position: center center;

  transform: translate(-50%, -50%);

  display: block;
}


/* ---------------------------------------------------------
   OVERLAY
   --------------------------------------------------------- */

.althea-ritual-story--natural
.althea-ritual-story__overlay--natural {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(20, 47, 54, 0.92) 0%,
      rgba(25, 57, 65, 0.78) 30%,
      rgba(32, 78, 89, 0.38) 58%,
      rgba(35, 90, 105, 0.08) 100%
    );
}


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.althea-ritual-story--natural .althea-ritual-story__content {
  position: relative;
  z-index: 2;

  min-height: 680px;

  display: grid;
  grid-template-columns: 72px minmax(0, 760px);
  align-items: center;

  gap: 38px;

  padding:
    clamp(70px, 8vw, 120px)
    clamp(28px, 6vw, 90px);
}


/* Numéro */

.althea-ritual-story--natural .althea-ritual-story__number {
  align-self: start;

  padding-top: 8px;

  color: #8ed0dc;

  font-size: 12px;
  letter-spacing: 0.14em;
}


/* Kicker */

.althea-ritual-story--natural .althea-ritual-story__kicker {
  margin: 0 0 22px;

  color: #a8dbe4;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 0.22em;
  text-transform: uppercase;
}


/* Titre */

.althea-ritual-story--natural .althea-ritual-story__title {
  max-width: 800px;

  margin: 0;

  color: #f9fbfa;

  font-family: var(--althea-font-serif);
  font-size: clamp(54px, 6.2vw, 90px);
  font-weight: 400;

  line-height: 0.95;
  letter-spacing: -0.045em;
}


/* Introduction */

.althea-ritual-story--natural .althea-ritual-story__intro {
  max-width: 650px;

  margin: 34px 0 0;

  color: rgba(249, 251, 250, 0.86);

  font-size: 16px;
  line-height: 1.8;
}


/* ---------------------------------------------------------
   ACTIFS
   --------------------------------------------------------- */

.althea-ritual-story--natural .althea-ritual-story__actives {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 28px;
}

.althea-ritual-story--natural .althea-ritual-story__actives span {
  display: inline-flex;
  align-items: center;

  min-height: 32px;

  padding: 7px 14px;

  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.92);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.althea-ritual-story--natural .althea-ritual-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 26px;

  margin-top: 38px;
}

.althea-ritual-story--natural .althea-ritual-story__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 28px;

  border-radius: 999px;

  background: #f8fbfa;

  color: #174b55;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.althea-ritual-story--natural .althea-ritual-story__primary:hover {
  background: #9dd8e2;
  color: #123e47;

  transform: translateY(-2px);
}

.althea-ritual-story--natural .althea-ritual-story__next {
  display: inline-flex;
  align-items: center;

  gap: 14px;

  color: #a8dbe4;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  text-decoration: none;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

  .althea-ritual-story--natural {
    min-height: 640px;
  }

  .althea-ritual-story--natural .althea-ritual-story__content {
    min-height: 640px;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 22px;

    padding: 72px 36px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .althea-ritual-story--natural {
    min-height: 680px;
  }

  .althea-ritual-story--natural .althea-ritual-story__video {
    width: 132%;
    height: 132%;

    object-position: 62% center;
  }

  .althea-ritual-story--natural
  .althea-ritual-story__overlay--natural {
    background:
      linear-gradient(
        180deg,
        rgba(22, 55, 63, 0.20) 0%,
        rgba(22, 55, 63, 0.46) 36%,
        rgba(17, 42, 49, 0.94) 100%
      );
  }

  .althea-ritual-story--natural .althea-ritual-story__content {
    min-height: 680px;

    display: block;

    padding:
      64px
      24px
      46px;
  }

  .althea-ritual-story--natural .althea-ritual-story__number {
    margin-bottom: 42px;
  }

  .althea-ritual-story--natural .althea-ritual-story__title {
    max-width: 500px;

    font-size: clamp(46px, 13vw, 66px);
  }

  .althea-ritual-story--natural .althea-ritual-story__intro {
    margin-top: 26px;

    font-size: 15px;
    line-height: 1.65;
  }

  .althea-ritual-story--natural .althea-ritual-story__actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;

    margin-top: 32px;
  }

}
/* =========================================================
   ALTHÉA — RITUEL 05 — BEAUTÉ
   ========================================================= */

.althea-ritual-story--beauty {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  background: #6d4a46;
}


/* ---------------------------------------------------------
   MEDIA
   --------------------------------------------------------- */

.althea-ritual-story--beauty .althea-ritual-story__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.althea-ritual-story--beauty .althea-ritual-story__video {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 108%;
  height: 108%;

  max-width: none;

  object-fit: cover;
  object-position: center center;

  transform: translate(-50%, -50%);

  display: block;
}


/* ---------------------------------------------------------
   OVERLAY
   --------------------------------------------------------- */

.althea-ritual-story--beauty
.althea-ritual-story__overlay--beauty {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(51, 35, 32, 0.91) 0%,
      rgba(62, 40, 39, 0.76) 31%,
      rgba(93, 60, 61, 0.35) 58%,
      rgba(112, 75, 73, 0.06) 100%
    );
}


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.althea-ritual-story--beauty .althea-ritual-story__content {
  position: relative;
  z-index: 2;

  min-height: 680px;

  display: grid;
  grid-template-columns: 72px minmax(0, 760px);
  align-items: center;

  gap: 38px;

  padding:
    clamp(70px, 8vw, 120px)
    clamp(28px, 6vw, 90px);
}


/* Numéro */

.althea-ritual-story--beauty .althea-ritual-story__number {
  align-self: start;

  padding-top: 8px;

  color: #e0b57f;

  font-size: 12px;
  letter-spacing: 0.14em;
}


/* Kicker */

.althea-ritual-story--beauty .althea-ritual-story__kicker {
  margin: 0 0 22px;

  color: #edc69a;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 0.22em;
  text-transform: uppercase;
}


/* Titre */

.althea-ritual-story--beauty .althea-ritual-story__title {
  max-width: 800px;

  margin: 0;

  color: #fffaf6;

  font-family: var(--althea-font-serif);
  font-size: clamp(54px, 6.2vw, 90px);
  font-weight: 400;

  line-height: 0.95;
  letter-spacing: -0.045em;
}


/* Introduction */

.althea-ritual-story--beauty .althea-ritual-story__intro {
  max-width: 650px;

  margin: 34px 0 0;

  color: rgba(255, 250, 246, 0.86);

  font-size: 16px;
  line-height: 1.8;
}


/* ---------------------------------------------------------
   ACTIFS
   --------------------------------------------------------- */

.althea-ritual-story--beauty .althea-ritual-story__actives {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 28px;
}

.althea-ritual-story--beauty .althea-ritual-story__actives span {
  display: inline-flex;
  align-items: center;

  min-height: 32px;

  padding: 7px 14px;

  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.92);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.althea-ritual-story--beauty .althea-ritual-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 26px;

  margin-top: 38px;
}

.althea-ritual-story--beauty .althea-ritual-story__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 28px;

  border-radius: 999px;

  background: #fffaf6;

  color: #5d3d3c;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.althea-ritual-story--beauty .althea-ritual-story__primary:hover {
  background: #edc69a;
  color: #4d3432;

  transform: translateY(-2px);
}

.althea-ritual-story--beauty .althea-ritual-story__next {
  display: inline-flex;
  align-items: center;

  gap: 14px;

  color: #edc69a;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  text-decoration: none;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

  .althea-ritual-story--beauty {
    min-height: 640px;
  }

  .althea-ritual-story--beauty .althea-ritual-story__content {
    min-height: 640px;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 22px;

    padding: 72px 36px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .althea-ritual-story--beauty {
    min-height: 690px;
  }

  .althea-ritual-story--beauty .althea-ritual-story__video {
    width: 130%;
    height: 130%;

    object-position: 58% center;
  }

  .althea-ritual-story--beauty
  .althea-ritual-story__overlay--beauty {
    background:
      linear-gradient(
        180deg,
        rgba(70, 46, 44, 0.18) 0%,
        rgba(70, 46, 44, 0.46) 36%,
        rgba(44, 31, 30, 0.94) 100%
      );
  }

  .althea-ritual-story--beauty .althea-ritual-story__content {
    min-height: 690px;

    display: block;

    padding:
      64px
      24px
      46px;
  }

  .althea-ritual-story--beauty .althea-ritual-story__number {
    margin-bottom: 42px;
  }

  .althea-ritual-story--beauty .althea-ritual-story__title {
    max-width: 500px;

    font-size: clamp(46px, 13vw, 66px);
  }

  .althea-ritual-story--beauty .althea-ritual-story__intro {
    margin-top: 26px;

    font-size: 15px;
    line-height: 1.65;
  }

  .althea-ritual-story--beauty .althea-ritual-story__actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;

    margin-top: 32px;
  }

}
/* =========================================================
   FIX FINAL — RITUEL BEAUTÉ EN SUPERPOSITION
   ========================================================= */

.althea-ritual-story--beauty {
    position: relative !important;
    min-height: 680px !important;
    overflow: hidden !important;

    background: #5f4742;
}


/* VIDEO EN FOND */

.althea-ritual-story--beauty .althea-ritual-story__media {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    z-index: 0 !important;
}


.althea-ritual-story--beauty .althea-ritual-story__video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 108% !important;
    height: 108% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) !important;

    display: block !important;
}


/* FILTRE POUR LIRE LE TEXTE */

.althea-ritual-story--beauty
.althea-ritual-story__overlay--beauty {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(38, 27, 25, 0.92) 0%,
            rgba(49, 32, 31, 0.76) 32%,
            rgba(73, 47, 47, 0.32) 58%,
            rgba(87, 58, 55, 0.05) 100%
        ) !important;
}


/* CONTENU PAR-DESSUS LA VIDEO */

.althea-ritual-story--beauty .althea-ritual-story__content {
    position: relative !important;

    z-index: 2 !important;

    min-height: 680px !important;

    display: grid !important;

    grid-template-columns:
        72px
        minmax(0, 760px) !important;

    align-items: center !important;

    gap: 38px !important;

    padding:
        clamp(70px, 8vw, 120px)
        clamp(28px, 6vw, 90px) !important;

    background: transparent !important;
}


/* NUMERO */

.althea-ritual-story--beauty .althea-ritual-story__number {
    align-self: start !important;

    padding-top: 8px !important;

    color: #e8bd8a !important;

    font-size: 12px !important;

    letter-spacing: .14em !important;
}


/* BEAUTÉ */

.althea-ritual-story--beauty .althea-ritual-story__kicker {
    margin: 0 0 22px !important;

    color: #efc894 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: .22em !important;

    text-transform: uppercase !important;
}


/* TITRE */

.althea-ritual-story--beauty .althea-ritual-story__title {
    max-width: 800px !important;

    margin: 0 !important;

    color: #fffaf6 !important;

    font-family: var(--althea-font-serif) !important;

    font-size: clamp(54px, 6.2vw, 90px) !important;
    font-weight: 400 !important;

    line-height: .95 !important;

    letter-spacing: -.045em !important;
}


/* TEXTE */

.althea-ritual-story--beauty .althea-ritual-story__intro {
    max-width: 650px !important;

    margin: 34px 0 0 !important;

    color: rgba(255, 250, 246, .86) !important;

    font-size: 16px !important;

    line-height: 1.8 !important;
}


/* ACTIFS */

.althea-ritual-story--beauty .althea-ritual-story__actives {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 10px !important;

    margin-top: 28px !important;
}


.althea-ritual-story--beauty .althea-ritual-story__actives span {
    display: inline-flex !important;

    align-items: center !important;

    min-height: 32px !important;

    padding: 7px 14px !important;

    border:
        1px solid rgba(255, 255, 255, .28) !important;

    border-radius: 999px !important;

    color: rgba(255, 255, 255, .92) !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .1em !important;

    text-transform: uppercase !important;
}


/* ACTIONS */

.althea-ritual-story--beauty .althea-ritual-story__actions {
    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    gap: 26px !important;

    margin-top: 38px !important;
}


.althea-ritual-story--beauty .althea-ritual-story__primary {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 54px !important;

    padding: 0 28px !important;

    border-radius: 999px !important;

    background: #fffaf6 !important;

    color: #5d3d3c !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


.althea-ritual-story--beauty .althea-ritual-story__next {
    display: inline-flex !important;

    align-items: center !important;

    gap: 14px !important;

    color: #efc894 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .14em !important;

    text-transform: uppercase !important;

    text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .althea-ritual-story--beauty {
        min-height: 690px !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__video {
        width: 130% !important;
        height: 130% !important;

        object-position: 58% center !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__overlay--beauty {
        background:
            linear-gradient(
                180deg,
                rgba(70, 46, 44, .18) 0%,
                rgba(70, 46, 44, .46) 36%,
                rgba(44, 31, 30, .94) 100%
            ) !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__content {
        min-height: 690px !important;

        display: block !important;

        padding:
            64px
            24px
            46px !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__number {
        margin-bottom: 42px !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__title {
        max-width: 500px !important;

        font-size:
            clamp(46px, 13vw, 66px) !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__intro {
        margin-top: 26px !important;

        font-size: 15px !important;

        line-height: 1.65 !important;
    }


    .althea-ritual-story--beauty
    .althea-ritual-story__actions {
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 22px !important;

        margin-top: 32px !important;
    }

}
/* =========================================================
   ALTHÉA — 06 — NOUVEAUX RITUELS
   ========================================================= */

.althea-ritual-future {
    position: relative;

    overflow: hidden;

    background: #f4eee2;

    color: #063f34;

    border-top: 1px solid rgba(6, 63, 52, .12);
}


/* Grand cercle décoratif */

.althea-ritual-future::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -360px;
    right: -130px;

    border: 1px solid rgba(190, 143, 52, .20);
    border-radius: 50%;

    pointer-events: none;
}


/* Lettre ALTHÉA décorative */

.althea-ritual-future::after {
    content: "A";

    position: absolute;

    right: 3%;
    bottom: -145px;

    color: rgba(6, 63, 52, .025);

    font-family: var(--althea-font-serif);
    font-size: clamp(300px, 35vw, 580px);
    font-weight: 400;

    line-height: 1;

    pointer-events: none;
}


.althea-ritual-future__inner {
    position: relative;
    z-index: 2;

    max-width: 1440px;

    margin: 0 auto;

    padding:
        clamp(90px, 10vw, 150px)
        clamp(30px, 6vw, 90px)
        clamp(80px, 9vw, 130px);
}


/* =========================================================
   HEADER
   ========================================================= */

.althea-ritual-future__header {
    display: grid;

    grid-template-columns:
        60px
        minmax(0, 1.4fr)
        minmax(280px, .65fr);

    gap: 36px;

    align-items: end;

    margin-bottom: 80px;
}


.althea-ritual-future__number {
    align-self: start;

    padding-top: 7px;

    color: #b67d20;

    font-size: 12px;

    letter-spacing: .14em;
}


.althea-ritual-future__kicker {
    margin: 0 0 22px;

    color: #b67d20;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}


.althea-ritual-future__heading h2 {
    max-width: 850px;

    margin: 0;

    color: #063f34;

    font-family: var(--althea-font-serif);

    font-size: clamp(58px, 7vw, 100px);
    font-weight: 400;

    line-height: .91;

    letter-spacing: -.045em;
}


.althea-ritual-future__intro {
    padding-bottom: 8px;
}


.althea-ritual-future__intro p {
    max-width: 420px;

    margin: 0;

    color: #686158;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   CARTES
   ========================================================= */

.althea-ritual-future__grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid rgba(6, 63, 52, .18);
    border-bottom: 1px solid rgba(6, 63, 52, .18);
}


.althea-ritual-future__card {
    position: relative;

    min-height: 360px;

    padding: 30px 32px 34px;

    display: flex;
    flex-direction: column;

    transition:
        background-color .35s ease,
        transform .35s ease;
}


.althea-ritual-future__card + .althea-ritual-future__card {
    border-left: 1px solid rgba(6, 63, 52, .18);
}


.althea-ritual-future__card:hover {
    background: rgba(255, 255, 255, .34);
}


.althea-ritual-future__card-number {
    color: #b67d20;

    font-size: 10px;

    letter-spacing: .14em;
}


.althea-ritual-future__card-content {
    margin-top: auto;

    padding-right: 35px;
}


.althea-ritual-future__status {
    display: block;

    margin-bottom: 17px;

    color: #8b8175;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .19em;

    text-transform: uppercase;
}


.althea-ritual-future__card h3 {
    max-width: 340px;

    margin: 0 0 18px;

    color: #063f34;

    font-family: var(--althea-font-serif);

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -.025em;
}


.althea-ritual-future__card p {
    max-width: 350px;

    margin: 0;

    color: #70685f;

    font-size: 13px;

    line-height: 1.7;
}


.althea-ritual-future__arrow {
    position: absolute;

    top: 27px;
    right: 30px;

    display: flex;

    width: 38px;
    height: 38px;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(182, 125, 32, .38);
    border-radius: 50%;

    color: #b67d20;

    font-size: 17px;

    transition:
        transform .3s ease,
        background-color .3s ease;
}


.althea-ritual-future__card:hover
.althea-ritual-future__arrow {
    transform: translate(3px, -3px);

    background: rgba(182, 125, 32, .08);
}


/* =========================================================
   FOOTER DU BLOC
   ========================================================= */

.althea-ritual-future__footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    padding-top: 42px;
}


.althea-ritual-future__footer p {
    margin: 0;

    color: #857b70;

    font-family: var(--althea-font-serif);

    font-size: 20px;
}


.althea-ritual-future__collection-link {
    display: inline-flex;

    align-items: center;

    gap: 60px;

    min-width: 310px;

    padding: 0 0 13px;

    border-bottom: 1px solid #b67d20;

    color: #063f34;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .09em;

    text-decoration: none;

    text-transform: uppercase;
}


.althea-ritual-future__collection-link span:last-child {
    color: #b67d20;

    font-size: 18px;

    transition: transform .3s ease;
}


.althea-ritual-future__collection-link:hover
span:last-child {
    transform: translateX(5px);
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

    .althea-ritual-future__header {
        grid-template-columns: 45px 1fr;

        margin-bottom: 60px;
    }


    .althea-ritual-future__intro {
        grid-column: 2;

        max-width: 600px;

        padding-top: 10px;
    }


    .althea-ritual-future__grid {
        grid-template-columns: 1fr;
    }


    .althea-ritual-future__card {
        min-height: 270px;
    }


    .althea-ritual-future__card
    + .althea-ritual-future__card {
        border-left: 0;

        border-top: 1px solid rgba(6, 63, 52, .18);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .althea-ritual-future__inner {
        padding:
            72px
            24px
            70px;
    }


    .althea-ritual-future::before {
        width: 360px;
        height: 360px;

        top: -230px;
        right: -180px;
    }


    .althea-ritual-future__header {
        display: block;

        margin-bottom: 52px;
    }


    .althea-ritual-future__number {
        margin-bottom: 42px;
    }


    .althea-ritual-future__kicker {
        margin-bottom: 18px;
    }


    .althea-ritual-future__heading h2 {
        max-width: 500px;

        font-size: clamp(48px, 14vw, 68px);
    }


    .althea-ritual-future__intro {
        margin-top: 28px;

        padding: 0;
    }


    .althea-ritual-future__intro p {
        font-size: 14px;

        line-height: 1.7;
    }


    .althea-ritual-future__card {
        min-height: 290px;

        padding:
            26px
            20px
            30px;
    }


    .althea-ritual-future__card h3 {
        padding-right: 20px;

        font-size: 34px;
    }


    .althea-ritual-future__arrow {
        top: 22px;
        right: 18px;
    }


    .althea-ritual-future__footer {
        align-items: flex-start;
        flex-direction: column;

        padding-top: 36px;
    }


    .althea-ritual-future__collection-link {
        width: 100%;
        min-width: 0;

        justify-content: space-between;
    }

}
/* =========================================================
   FIX COULEURS — 06 NOUVEAUX RITUELS
   ========================================================= */

/* Texte principal */
.althea-ritual-future,
.althea-ritual-future p,
.althea-ritual-future h2,
.althea-ritual-future h3 {
    color: #063f34 !important;
}


/* Kicker + numéro 06 */
.althea-ritual-future__number,
.althea-ritual-future__kicker {
    color: #b67d20 !important;
}


/* Texte d'introduction */
.althea-ritual-future__intro p {
    color: #686158 !important;
}


/* Numéros 01 / 02 / 03 */
.althea-ritual-future__card-number {
    color: #b67d20 !important;
}


/* Titres des futurs rituels */
.althea-ritual-future__card h3 {
    color: #063f34 !important;
}


/* Petites mentions */
.althea-ritual-future__status {
    color: #8b8175 !important;
}


/* Descriptions des cartes */
.althea-ritual-future__card p {
    color: #70685f !important;
}


/* Bas du bloc */
.althea-ritual-future__footer p {
    color: #857b70 !important;
}


/* Lien collection */
.althea-ritual-future__collection-link {
    color: #063f34 !important;
}


/* Flèches */
.althea-ritual-future__arrow,
.althea-ritual-future__collection-link span:last-child {
    color: #b67d20 !important;
}
/* =========================================================
   FIX FINAL — 06 NOUVEAUX RITUELS
   Structure réelle de page-10.tpl
   ========================================================= */

.althea-ritual-future {
    background: #f4eee2 !important;
    color: #063f34 !important;
}


/* KICKER */

.althea-ritual-future
.althea-rituals-kicker {
    color: #b67d20 !important;
}


/* GRAND TITRE */

.althea-ritual-future
.althea-ritual-future__content h2 {
    color: #063f34 !important;
}


/* TEXTE INTRODUCTION */

.althea-ritual-future
.althea-ritual-future__content > p {
    color: #4f625b !important;
}


/* LISTE DE DROITE */

.althea-ritual-future
.althea-ritual-future__list {
    border-top:
        1px solid rgba(6, 63, 52, .16) !important;
}


.althea-ritual-future
.althea-ritual-future__list article {
    border-bottom:
        1px solid rgba(6, 63, 52, .13) !important;
}


/* 01 / 02 / 03 */

.althea-ritual-future
.althea-ritual-future__list article > span {
    color: #b67d20 !important;
}


/* TITRES */

.althea-ritual-future
.althea-ritual-future__list strong {
    color: #063f34 !important;

    font-family:
        var(--althea-font-serif) !important;

    font-weight: 400 !important;
}


/* PETITES MENTIONS */

.althea-ritual-future
.althea-ritual-future__list small {
    color: #8a8176 !important;
}


/* GRAND A DÉCORATIF */

.althea-ritual-future::after {
    color: rgba(6, 63, 52, .035) !important;
}


/* CERCLE */

.althea-ritual-future::before {
    border-color:
        rgba(182, 125, 32, .22) !important;
}
/* =========================================================
   ALTHÉA — RITUELS
   FINITION MOBILE GLOBALE 01 → 05
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       STRUCTURE GÉNÉRALE
       ----------------------------------------------------- */

    .althea-ritual-story,
    .althea-ritual-chapter {
        position: relative !important;

        width: 100% !important;

        min-height: 760px !important;

        overflow: hidden !important;
    }


    /* -----------------------------------------------------
       MEDIA
       ----------------------------------------------------- */

    .althea-ritual-story__media,
    .althea-ritual-chapter__media {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        overflow: hidden !important;

        z-index: 0 !important;
    }


    .althea-ritual-story__video,
    .althea-ritual-chapter__video {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;

        transform: none !important;

        display: block !important;
    }


    /* -----------------------------------------------------
       OVERLAY MOBILE
       ----------------------------------------------------- */

    .althea-ritual-story__overlay,
    .althea-ritual-chapter__overlay {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        z-index: 1 !important;

        background:
            linear-gradient(
                180deg,
                rgba(5, 20, 17, .10) 0%,
                rgba(5, 20, 17, .22) 24%,
                rgba(5, 20, 17, .52) 57%,
                rgba(5, 17, 15, .94) 100%
            ) !important;
    }


    /* -----------------------------------------------------
       CONTENU
       ----------------------------------------------------- */

    .althea-ritual-story__content,
    .althea-ritual-chapter__content {
        position: relative !important;

        z-index: 2 !important;

        width: 100% !important;

        min-height: 760px !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: flex-end !important;

        padding:
            56px
            24px
            44px !important;

        background: transparent !important;
    }


    .althea-ritual-story__body,
    .althea-ritual-chapter__copy {
        width: 100% !important;

        max-width: none !important;
    }


    /* -----------------------------------------------------
       NUMÉRO
       ----------------------------------------------------- */

    .althea-ritual-story__number,
    .althea-ritual-chapter__number {
        position: absolute !important;

        top: 48px !important;
        left: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #e3b75e !important;

        font-size: 11px !important;

        letter-spacing: .14em !important;
    }


    /* -----------------------------------------------------
       KICKER
       ----------------------------------------------------- */

    .althea-ritual-story__kicker,
    .althea-ritual-chapter__kicker {
        margin:
            0
            0
            22px !important;

        color: #e6bd6a !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        line-height: 1.3 !important;

        letter-spacing: .20em !important;

        text-transform: uppercase !important;
    }


    /* -----------------------------------------------------
       TITRES
       ----------------------------------------------------- */

    .althea-ritual-story__title,
    .althea-ritual-chapter__copy h2 {
        width: 100% !important;

        max-width: 350px !important;

        margin: 0 !important;

        font-size:
            clamp(43px, 12.2vw, 56px) !important;

        line-height: .96 !important;

        letter-spacing: -.035em !important;

        color: #fffaf4 !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    .althea-ritual-story__intro,
    .althea-ritual-chapter__copy > p:not(.althea-ritual-chapter__kicker) {
        width: 100% !important;

        max-width: 340px !important;

        margin:
            26px
            0
            0 !important;

        color:
            rgba(255, 250, 244, .88) !important;

        font-size: 14px !important;

        line-height: 1.7 !important;
    }


    /* -----------------------------------------------------
       TAGS
       ----------------------------------------------------- */

    .althea-ritual-story__actives,
    .althea-ritual-chapter__tags {
        display: flex !important;

        flex-wrap: wrap !important;

        gap: 8px !important;

        width: 100% !important;

        margin-top: 26px !important;
    }


    .althea-ritual-story__actives span,
    .althea-ritual-chapter__tags span {
        min-height: 32px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        padding:
            7px
            13px !important;

        border:
            1px solid
            rgba(255, 255, 255, .32) !important;

        border-radius: 999px !important;

        color:
            rgba(255, 255, 255, .94) !important;

        font-size: 9px !important;
        font-weight: 700 !important;

        line-height: 1 !important;

        letter-spacing: .08em !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       ACTIONS
       ----------------------------------------------------- */

    .althea-ritual-story__actions,
    .althea-ritual-chapter__actions {
        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 20px !important;

        width: 100% !important;

        margin-top: 30px !important;
    }


    .althea-ritual-story__primary,
    .althea-ritual-chapter__actions
    .althea-ritual-btn--light {
        min-height: 54px !important;

        max-width: 100% !important;

        padding:
            0
            25px !important;

        border-radius: 999px !important;

        font-size: 12px !important;

        white-space: normal !important;

        text-align: center !important;
    }


    .althea-ritual-story__next,
    .althea-ritual-chapter__actions
    a:not(.althea-ritual-btn--light) {
        font-size: 10px !important;

        letter-spacing: .14em !important;
    }

}
/* =========================================================
   CADRAGE MOBILE PAR RITUEL
   ========================================================= */

@media (max-width: 767px) {

    /* 01 — Sommeil */
    #ritual-sleep video {
        object-position: 68% center !important;
    }


    /* 02 — Immunité */
    #ritual-immunity video {
        object-position: 58% center !important;
    }


    /* 03 — Énergie */
    #ritual-energy video {
        object-position: 57% center !important;
    }


    /* 04 — Nutrition naturelle */
    #ritual-natural video {
        object-position: 58% center !important;
    }


    /* 05 — Beauté */
    #ritual-beauty video {
        object-position: 54% center !important;
    }

}
/* =========================================================
   RITUELS — FINITION MOBILE V2
   Hauteur adaptée au contenu
   ========================================================= */

@media (max-width: 767px) {

    /* On ne force plus tous les chapitres à la même hauteur */
    .althea-ritual-story,
    .althea-ritual-chapter {
        min-height: 0 !important;
        height: auto !important;
    }

    .althea-ritual-story__content,
    .althea-ritual-chapter__content {
        min-height: 0 !important;
        height: auto !important;

        /* Chaque rituel crée sa propre hauteur */
        padding:
            120px
            24px
            44px !important;
    }


    /* =====================================================
       01 — SOMMEIL
       ===================================================== */

    #ritual-sleep {
        min-height: 690px !important;
    }

    #ritual-sleep .althea-ritual-story__content,
    #ritual-sleep .althea-ritual-chapter__content {
        min-height: 690px !important;
    }


    /* =====================================================
       02 — IMMUNITÉ
       ===================================================== */

    #ritual-immunity {
        min-height: 700px !important;
    }

    #ritual-immunity .althea-ritual-story__content,
    #ritual-immunity .althea-ritual-chapter__content {
        min-height: 700px !important;
    }


    /* =====================================================
       03 — ÉNERGIE
       Plus de contenu : on lui donne davantage d'espace
       ===================================================== */

    #ritual-energy {
        min-height: 760px !important;
    }

    #ritual-energy .althea-ritual-story__content,
    #ritual-energy .althea-ritual-chapter__content {
        min-height: 760px !important;
    }


    /* =====================================================
       04 — NUTRITION NATURELLE
       ===================================================== */

    #ritual-natural {
        min-height: 700px !important;
    }

    #ritual-natural .althea-ritual-story__content,
    #ritual-natural .althea-ritual-chapter__content {
        min-height: 700px !important;
    }


    /* =====================================================
       05 — BEAUTÉ
       ===================================================== */

    #ritual-beauty {
        min-height: 720px !important;
    }

    #ritual-beauty .althea-ritual-story__content,
    #ritual-beauty .althea-ritual-chapter__content {
        min-height: 720px !important;
    }


    /* =====================================================
       ACTION "RITUEL SUIVANT"
       Elle doit rester DANS son chapitre
       ===================================================== */

    .althea-ritual-story__actions,
    .althea-ritual-chapter__actions {
        margin-bottom: 0 !important;
    }

    .althea-ritual-story__next,
    .althea-ritual-chapter__actions
    a:not(.althea-ritual-btn--light) {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;

        margin-top: 2px !important;

        color: #e3b75e !important;
    }

}
@media (max-width: 767px) {

    .althea-ritual-story__number,
    .althea-ritual-chapter__number {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: absolute !important;
        top: 32px !important;
        left: 24px !important;

        z-index: 5 !important;

        color: #e3b75e !important;
    }

}
/* =========================================================
   ALTHÉA — RITUELS MOBILE
   SAFE AREA BAS DE PAGE / CTA
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Réserve une vraie zone basse afin que
     * Cookies + scroll-top ne recouvrent jamais
     * les CTA ou "Rituel suivant".
     */

    #ritual-sleep .althea-ritual-chapter__inner,
    #ritual-immunity .althea-ritual-story__content,
    #ritual-energy .althea-ritual-story__content,
    #ritual-natural .althea-ritual-story__content,
    #ritual-beauty .althea-ritual-story__content {
        padding-bottom: 88px !important;
    }


    /*
     * Espace supplémentaire entre le bouton principal
     * et "Rituel suivant".
     */

    .althea-ritual-story__actions,
    .althea-ritual-chapter__actions {
        gap: 24px !important;
    }


    /*
     * Le lien suivant reste clairement au-dessus
     * des éléments flottants.
     */

    .althea-ritual-story__next,
    .althea-ritual-chapter__actions
    a:not(.althea-ritual-btn--light) {
        min-height: 24px !important;

        margin-bottom: 4px !important;
    }


    /*
     * Immunité possède un titre particulièrement long.
     * On lui accorde légèrement plus de hauteur.
     */

    #ritual-immunity,
    #ritual-immunity .althea-ritual-story__content {
        min-height: 750px !important;
    }


    /*
     * Sommeil : un peu plus d'espace également
     * pour conserver correctement le produit et le CTA.
     */

    #ritual-sleep,
    #ritual-sleep .althea-ritual-chapter__inner {
        min-height: 730px !important;
    }

}
/* =========================================================
   ALTHÉA — DU RITUEL AU PRODUIT
   ========================================================= */

.althea-ritual-path {
    position: relative;

    overflow: hidden;

    background: #fffdfa;

    color: #063f34;

    border-top:
        1px solid rgba(6, 63, 52, .10);
}


/* Décoration */

.althea-ritual-path::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -290px;
    bottom: -280px;

    border:
        1px solid rgba(182, 125, 32, .16);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.althea-ritual-path__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(300px, .65fr);

    gap: 80px;

    align-items: end;

    padding:
        clamp(90px, 10vw, 150px)
        0
        clamp(65px, 7vw, 95px);
}


.althea-ritual-path__heading h2 {
    max-width: 850px;

    margin: 0;

    color: #063f34 !important;

    font-family:
        var(--althea-font-serif);

    font-size:
        clamp(62px, 7vw, 104px);

    font-weight: 400;

    line-height: .92;

    letter-spacing: -.045em;
}


.althea-ritual-path .althea-rituals-kicker {
    margin: 0 0 22px;

    color: #b67d20 !important;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}


.althea-ritual-path__intro {
    padding-bottom: 8px;
}


.althea-ritual-path__intro p {
    max-width: 430px;

    margin: 0;

    color: #686158 !important;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   ÉTAPES
   ========================================================= */

.althea-ritual-path__steps {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(6, 63, 52, .18);

    border-bottom:
        1px solid rgba(6, 63, 52, .18);
}


.althea-ritual-path__step {
    position: relative;

    min-height: 410px;

    display: flex;

    flex-direction: column;

    padding:
        30px
        32px
        38px;
}


.althea-ritual-path__step
+ .althea-ritual-path__step {
    border-left:
        1px solid rgba(6, 63, 52, .18);
}


/* Haut de carte */

.althea-ritual-path__step-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.althea-ritual-path__number {
    color: #b67d20;

    font-size: 11px;

    letter-spacing: .14em;
}


.althea-ritual-path__word {
    color: #858078;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .20em;

    text-transform: uppercase;
}


/* Contenu */

.althea-ritual-path__step-content {
    margin-top: auto;

    padding-right: 34px;
}


.althea-ritual-path__step h3 {
    max-width: 330px;

    margin:
        0
        0
        22px;

    color: #063f34 !important;

    font-family:
        var(--althea-font-serif);

    font-size:
        clamp(34px, 3.3vw, 48px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: -.03em;
}


.althea-ritual-path__step p {
    max-width: 350px;

    margin: 0;

    color: #70685f !important;

    font-size: 13px;

    line-height: 1.75;
}


/* Flèche */

.althea-ritual-path__step-arrow {
    position: absolute;

    top: 50%;

    right: -18px;

    z-index: 3;

    display: flex;

    width: 36px;
    height: 36px;

    align-items: center;
    justify-content: center;

    transform:
        translateY(-50%);

    border:
        1px solid rgba(182, 125, 32, .38);

    border-radius: 50%;

    background: #fffdfa;

    color: #b67d20;

    font-size: 16px;
}


.althea-ritual-path__step:last-child
.althea-ritual-path__step-arrow {
    right: 26px;

    top: 29px;

    transform: none;
}


/* =========================================================
   FOOTER
   ========================================================= */

.althea-ritual-path__footer {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

    padding:
        44px
        0
        clamp(90px, 9vw, 130px);
}


.althea-ritual-path__footer p {
    margin: 0;

    color: #7e766d !important;

    font-family:
        var(--althea-font-serif);

    font-size: 20px;

    line-height: 1.4;
}


.althea-ritual-path__cta {
    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

    min-width: 310px;

    padding-bottom: 13px;

    border-bottom:
        1px solid #b67d20;

    color: #063f34 !important;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .10em;

    text-decoration: none;

    text-transform: uppercase;
}


.althea-ritual-path__cta
span:last-child {
    color: #b67d20;

    font-size: 18px;

    transition:
        transform .3s ease;
}


.althea-ritual-path__cta:hover
span:last-child {
    transform:
        translateX(5px);
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 991px) {

    .althea-ritual-path__header {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .althea-ritual-path__steps {
        grid-template-columns: 1fr;
    }


    .althea-ritual-path__step {
        min-height: 300px;
    }


    .althea-ritual-path__step
    + .althea-ritual-path__step {
        border-left: 0;

        border-top:
            1px solid
            rgba(6, 63, 52, .18);
    }


    .althea-ritual-path__step-arrow {
        display: none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .althea-ritual-path {
        padding: 0;
    }


    .althea-ritual-path__header {
        display: block;

        padding:
            74px
            0
            52px;
    }


    .althea-ritual-path__heading h2 {
        max-width: 340px;

        font-size:
            clamp(48px, 13.5vw, 64px);

        line-height: .95;
    }


    .althea-ritual-path__intro {
        margin-top: 28px;

        padding: 0;
    }


    .althea-ritual-path__intro p {
        max-width: 340px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-ritual-path__step {
        min-height: 290px;

        padding:
            25px
            20px
            30px;
    }


    .althea-ritual-path__step-content {
        padding-right: 0;
    }


    .althea-ritual-path__step h3 {
        max-width: 300px;

        font-size: 35px;
    }


    .althea-ritual-path__step p {
        max-width: 310px;

        font-size: 13px;
    }


    .althea-ritual-path__footer {
        align-items: flex-start;

        flex-direction: column;

        gap: 34px;

        padding:
            36px
            0
            76px;
    }


    .althea-ritual-path__footer p {
        max-width: 300px;

        font-size: 18px;
    }


    .althea-ritual-path__cta {
        width: 100%;

        min-width: 0;
    }

}
/* ==========================================================
   ALTHÉA — COLLECTION
   PAGE CMS 11
   ========================================================== */

.althea-collection-page {
    --collection-green: #003f35;
    --collection-gold: #c98a21;
    --collection-cream: #f3ede1;
    --collection-white: #fbfaf7;
    --collection-text: #635b52;
    --collection-line: rgba(0, 63, 53, .18);

    background: var(--collection-white);
    color: var(--collection-green);
}


/* ==========================================================
   HERO
   ========================================================== */

.althea-collection-hero {
    position: relative;
    overflow: hidden;
    background: var(--collection-cream);
    border-bottom: 1px solid var(--collection-line);
}

.althea-collection-hero::after {
    content: "";
    position: absolute;
    width: 720px;
    height: 720px;
    right: -180px;
    top: -470px;

    border: 1px solid rgba(201, 138, 33, .28);
    border-radius: 50%;

    pointer-events: none;
}

.althea-collection-hero__inner {
    position: relative;
    z-index: 1;

    min-height: 650px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 110px 0 90px;
}

.althea-collection-hero .althea-rituals-kicker {
    margin: 0 0 28px;

    color: var(--collection-gold);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.althea-collection-hero h1 {
    max-width: 1050px;

    margin: 0;

    color: var(--collection-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(64px, 6.4vw, 104px);
    font-weight: 400;
    line-height: .93;
    letter-spacing: -.045em;
}

.althea-collection-hero__intro {
    max-width: 680px;

    margin: 42px 0 0;

    color: var(--collection-text);

    font-size: 17px;
    line-height: 1.75;
}


/* ==========================================================
   UNIVERS
   ========================================================== */

.althea-collection-universes {
    position: relative;

    padding: 120px 0 130px;

    background: var(--collection-white);
}

.althea-collection-universes__header {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
    gap: 100px;
    align-items: end;

    margin-bottom: 80px;
}

.althea-collection-universes__header .althea-rituals-kicker {
    margin: 0 0 22px;

    color: var(--collection-gold);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.althea-collection-universes__header h2 {
    max-width: 720px;

    margin: 0;

    color: var(--collection-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 4.5vw, 72px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
}

.althea-collection-universes__header > p {
    max-width: 470px;

    margin: 0;

    color: var(--collection-text);

    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   LIGNES COLLECTION
   ========================================================== */

.althea-collection-universes__grid {
    border-top: 1px solid var(--collection-line);
}

.althea-collection-universe {
    position: relative;

    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 54px;
    gap: 28px;
    align-items: center;

    min-height: 155px;
    padding: 25px 4px;

    color: var(--collection-green);
    text-decoration: none !important;

    border-bottom: 1px solid var(--collection-line);

    transition:
        padding .35s ease,
        background-color .35s ease;
}

.althea-collection-universe__number {
    align-self: start;

    padding-top: 10px;

    color: var(--collection-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
}

.althea-collection-universe__micro {
    display: block;

    margin-bottom: 9px;

    color: var(--collection-text);

    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.althea-collection-universe h3 {
    margin: 0;

    color: var(--collection-green);

    font-size: clamp(30px, 3vw, 47px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.althea-collection-universe > span:last-child {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    color: var(--collection-gold);

    border: 1px solid rgba(201, 138, 33, .5);
    border-radius: 50%;

    font-size: 18px;

    transition:
        transform .35s ease,
        background-color .35s ease,
        color .35s ease;
}


/* ==========================================================
   HOVER DESKTOP
   ========================================================== */

@media (hover: hover) {

    .althea-collection-universe:hover {
        padding-left: 22px;
        padding-right: 22px;

        background: var(--collection-cream);
    }

    .althea-collection-universe:hover > span:last-child {
        transform: translateX(4px);

        background: var(--collection-green);
        border-color: var(--collection-green);
        color: #fff;
    }
}
/* ==========================================================
   ALTHÉA COLLECTION — MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* ------------------------------------------------------
       HERO COLLECTION
       ------------------------------------------------------ */

    .althea-collection-hero__inner {
        min-height: auto !important;

        display: block !important;

        padding:
            72px
            22px
            64px !important;
    }


    .althea-collection-hero h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size:
            clamp(48px, 13vw, 64px) !important;

        line-height: .95 !important;
        letter-spacing: -.035em !important;
    }


    .althea-collection-hero__intro {
        width: 100% !important;
        max-width: 340px !important;

        margin:
            28px
            0
            0 !important;

        font-size: 14px !important;
        line-height: 1.7 !important;
    }


    /* ------------------------------------------------------
       INTRO — EXPLORE BY UNIVERSE
       ------------------------------------------------------ */

    .althea-collection-universes {
        padding:
            72px
            22px
            80px !important;
    }


    .althea-collection-universes__header {
        display: block !important;

        margin-bottom: 50px !important;
    }


    .althea-collection-universes__header > div {
        width: 100% !important;
        max-width: 100% !important;
    }


    .althea-collection-universes__header h2 {
        width: 100% !important;
        max-width: 310px !important;

        margin: 0 !important;

        font-size:
            clamp(48px, 13vw, 62px) !important;

        line-height: .94 !important;
        letter-spacing: -.035em !important;
    }


    .althea-collection-universes__header > p {
        display: block !important;

        width: 100% !important;
        max-width: 330px !important;

        margin:
            28px
            0
            0 !important;

        color: #635b52 !important;

        font-size: 14px !important;
        line-height: 1.7 !important;
    }


    /* ------------------------------------------------------
       UNIVERS
       ------------------------------------------------------ */

    .althea-collection-universe {
        grid-template-columns:
            36px
            minmax(0, 1fr)
            42px !important;

        gap: 14px !important;

        min-height: 125px !important;

        padding:
            24px
            4px !important;
    }


    .althea-collection-universe__number {
        padding-top: 5px !important;

        font-size: 12px !important;
    }


    .althea-collection-universe__micro {
        margin-bottom: 8px !important;

        font-size: 8px !important;
    }


    .althea-collection-universe h3 {
        font-size: 30px !important;
        line-height: 1.02 !important;
    }


    .althea-collection-universe > span:last-child {
        width: 40px !important;
        height: 40px !important;

        font-size: 15px !important;
    }

}
/* ==========================================================
   ALTHÉA COLLECTION — LES ESSENTIELS
   ========================================================== */

.althea-collection-essentials {
    position: relative;

    padding:
        130px
        0
        140px;

    overflow: hidden;

    background: #f3ede1;

    border-top:
        1px solid rgba(0, 63, 53, .12);
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.althea-collection-essentials__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, .65fr);

    gap: 100px;

    align-items: end;

    margin-bottom: 80px;
}


.althea-collection-essentials__heading
.althea-rituals-kicker {
    margin:
        0
        0
        22px;

    color: #c98a21;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}


.althea-collection-essentials__heading h2 {
    max-width: 850px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(54px, 5.4vw, 84px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-collection-essentials__intro p {
    max-width: 450px;

    margin: 0;

    color: #635b52;

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================================
   GRID
   ========================================================== */

.althea-collection-essentials__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(0, 63, 53, .18);

    border-left:
        1px solid rgba(0, 63, 53, .18);
}


/* ==========================================================
   CARD
   ========================================================== */

.althea-essential-card {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 620px;

    padding:
        26px
        28px
        30px;

    border-right:
        1px solid rgba(0, 63, 53, .18);

    border-bottom:
        1px solid rgba(0, 63, 53, .18);

    background:
        rgba(255, 255, 255, .18);

    transition:
        background-color .35s ease,
        transform .35s ease;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-essential-card__top {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    align-items: center;
}


.althea-essential-card__number {
    color: #c98a21;

    font-size: 11px;

    letter-spacing: .14em;
}


.althea-essential-card__universe {
    color: #6c675f;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


/* ==========================================================
   VISUAL
   ========================================================== */

.althea-essential-card__visual {
    position: relative;

    height: 280px;

    margin:
        34px
        0
        30px;

    overflow: hidden;
}


.althea-essential-card__placeholder {
    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(0, 63, 53, .09);

    background:
        rgba(255, 255, 255, .32);
}


.althea-essential-card__placeholder::before {
    content: "A";

    position: absolute;

    color:
        rgba(0, 63, 53, .035);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 230px;

    line-height: 1;
}


.althea-essential-card__placeholder span {
    position: relative;

    z-index: 1;

    color: #847c72;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.althea-essential-card__content {
    margin-top: auto;
}


.althea-essential-card h3 {
    margin:
        0
        0
        16px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px, 3vw, 46px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: -.03em;
}


.althea-essential-card__formula {
    min-height: 44px;

    margin:
        0
        0
        22px;

    color: #675f56;

    font-size: 13px;

    line-height: 1.65;
}


/* ----------------------------------------------------------
   META
   ---------------------------------------------------------- */

.althea-essential-card__meta {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}


.althea-essential-card__meta span {
    display: inline-flex;

    align-items: center;

    min-height: 28px;

    padding:
        6px
        10px;

    border:
        1px solid rgba(0, 63, 53, .18);

    border-radius: 999px;

    color: #003f35;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


/* ==========================================================
   LINK
   ========================================================== */

.althea-essential-card__link {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 30px;

    padding-top: 18px;

    border-top:
        1px solid rgba(0, 63, 53, .18);

    color: #003f35 !important;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .12em;

    text-decoration: none !important;

    text-transform: uppercase;
}


.althea-essential-card__link
span:last-child {
    color: #c98a21;

    font-size: 18px;

    transition:
        transform .3s ease;
}


/* ==========================================================
   MICRO IDENTITÉS PAR UNIVERS
   ========================================================== */

.althea-essential-card--sleep {
    --essential-accent: #6e5576;
}


.althea-essential-card--immunity {
    --essential-accent: #d8a62c;
}


.althea-essential-card--energy {
    --essential-accent: #c86d30;
}


.althea-essential-card--spirulina {
    --essential-accent: #64804a;
}


.althea-essential-card--blue {
    --essential-accent: #447ca0;
}


.althea-essential-card--beauty {
    --essential-accent: #b6547b;
}


.althea-essential-card::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: 0;

    height: 3px;

    background:
        var(--essential-accent);

    transform:
        scaleX(0);

    transform-origin:
        left center;

    transition:
        transform .35s ease;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover: hover) {

    .althea-essential-card:hover {
        background:
            rgba(255, 255, 255, .48);
    }


    .althea-essential-card:hover::after {
        transform:
            scaleX(1);
    }


    .althea-essential-card:hover
    .althea-essential-card__link
    span:last-child {
        transform:
            translateX(5px);
    }

}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-collection-essentials__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-collection-essentials {
        padding:
            76px
            22px
            80px;
    }


    .althea-collection-essentials__header {
        display: block;

        margin-bottom: 52px;
    }


    .althea-collection-essentials__heading h2 {
        max-width: 330px;

        font-size:
            clamp(46px, 13vw, 62px);
    }


    .althea-collection-essentials__intro {
        margin-top: 28px;
    }


    .althea-collection-essentials__intro p {
        max-width: 330px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-collection-essentials__grid {
        grid-template-columns: 1fr;

        border-left: 0;
    }


    .althea-essential-card {
        min-height: auto;

        padding:
            24px
            0
            28px;

        border-right: 0;
    }


    .althea-essential-card__visual {
        height: 300px;

        margin:
            28px
            0
            28px;
    }


    .althea-essential-card h3 {
        font-size: 40px;
    }


    .althea-essential-card__formula {
        min-height: 0;
    }

}
/* ==========================================================
   COLLECTION — SÉPARATION PRODUITS MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-essential-card {
        position: relative;

        margin-bottom: 28px;
        padding-bottom: 42px;

        border-bottom: 0;
    }

    .althea-essential-card::before {
        content: "";

        position: absolute;

        left: 0;
        bottom: 0;

        width: 100%;
        height: 1px;

        background: rgba(201, 138, 33, .65);
    }

    /* Petit accent ALTHÉA au début de la ligne */
    .althea-essential-card::after {
        left: 0;
        right: auto;
        bottom: -1px;

        width: 52px;
        height: 3px;

        background: #c98a21;

        transform: none;
    }

    /* Pas de séparation inutile après le dernier produit */
    .althea-essential-card:last-child {
        margin-bottom: 0;
    }

    .althea-essential-card:last-child::before,
    .althea-essential-card:last-child::after {
        display: none;
    }

}
/* ==========================================================
   ALTHÉA COLLECTION — PRINCIPLES
   ========================================================== */

.althea-collection-principles {
    position: relative;

    padding: 135px 0 105px;

    overflow: hidden;

    background: #003f35;
    color: #f5efe4;
}


/* Grand A architectural */

.althea-collection-principles::before {
    content: "A";

    position: absolute;

    top: -130px;
    right: -35px;

    color: rgba(255,255,255,.025);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 600px;
    line-height: 1;

    pointer-events: none;
}


/* ==========================================================
   HEADER
   ========================================================== */

.althea-collection-principles__header {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(300px, .55fr);

    gap: 100px;

    align-items: end;

    margin-bottom: 90px;
}


.althea-collection-principles__kicker {
    grid-column: 1 / -1;

    margin: 0 0 -55px;

    color: #d2a24d;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


.althea-collection-principles__header h2 {
    max-width: 850px;

    margin: 0;

    color: #f5efe4;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(56px, 5.6vw, 88px);
    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-collection-principles__lead {
    max-width: 420px;

    margin: 0;

    color: rgba(245,239,228,.7);

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================================
   4 PRINCIPES
   ========================================================== */

.althea-collection-principles__grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.2);

    border-bottom:
        1px solid rgba(255,255,255,.2);
}


.althea-collection-principle {
    min-height: 340px;

    padding:
        28px
        30px
        34px;

    border-right:
        1px solid rgba(255,255,255,.16);
}


.althea-collection-principle:last-child {
    border-right: 0;
}


/* TOP */

.althea-collection-principle__top {
    display: flex;

    justify-content: space-between;
    align-items: center;

    margin-bottom: 90px;

    color: #d2a24d;

    font-size: 10px;

    letter-spacing: .12em;
}


.althea-collection-principle__mark {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 34px;

    padding: 0 8px;

    border:
        1px solid rgba(210,162,77,.55);

    border-radius: 999px;

    font-size: 9px;
    font-weight: 700;
}


/* CONTENT */

.althea-collection-principle h3 {
    margin:
        0
        0
        18px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -.025em;
}


.althea-collection-principle p {
    max-width: 280px;

    margin: 0;

    color:
        rgba(245,239,228,.65);

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.althea-collection-principles__footer {
    position: relative;
    z-index: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 18px;

    padding-top: 50px;

    color:
        rgba(245,239,228,.5);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-collection-principles__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .althea-collection-principle:nth-child(2) {
        border-right: 0;
    }


    .althea-collection-principle:nth-child(-n+2) {
        border-bottom:
            1px solid rgba(255,255,255,.16);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-collection-principles {
        padding:
            78px
            22px
            70px;
    }


    .althea-collection-principles::before {
        top: -30px;
        right: -40px;

        font-size: 330px;
    }


    .althea-collection-principles__header {
        display: block;

        margin-bottom: 58px;
    }


    .althea-collection-principles__kicker {
        margin:
            0
            0
            24px;
    }


    .althea-collection-principles__header h2 {
        max-width: 335px;

        font-size:
            clamp(47px, 13vw, 62px);
    }


    .althea-collection-principles__lead {
        max-width: 330px;

        margin-top: 30px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-collection-principles__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-collection-principle {
        min-height: auto;

        padding:
            25px
            0
            32px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.38) !important;
    }


    .althea-collection-principle__top {
        margin-bottom: 45px;
    }


    .althea-collection-principle h3 {
        max-width: 290px;

        font-size: 32px;
    }


    .althea-collection-principle p {
        max-width: 310px;

        font-size: 13px;
    }


    .althea-collection-principles__footer {
        justify-content: flex-start;

        padding-top: 40px;

        gap: 12px;

        line-height: 1.6;
    }

}
/* ==========================================================
   ALTHÉA COLLECTION — B2B GATEWAY
   ========================================================== */

.althea-collection-b2b {
    position: relative;

    padding:
        120px
        0
        130px;

    overflow: hidden;

    background: #f8f4ec;
}


.althea-collection-b2b__panel {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, .8fr);

    gap: 90px;

    align-items: end;

    padding:
        80px
        80px
        72px;

    background: #efe4cf;

    border:
        1px solid rgba(0, 63, 53, .12);
}


/* ==========================================================
   CONTENT
   ========================================================== */

.althea-collection-b2b__content .althea-rituals-kicker {
    margin:
        0
        0
        22px;

    color: #c98a21;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}


.althea-collection-b2b__content h2 {
    max-width: 760px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(56px, 5.5vw, 86px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-collection-b2b__intro {
    max-width: 640px;

    margin:
        34px
        0
        0;

    color: #645c53;

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.althea-collection-b2b__actions {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 28px;

    margin-top: 38px;
}


.althea-collection-b2b__contact {
    display: inline-flex;

    align-items: center;

    gap: 14px;

    color: #003f35 !important;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .12em;

    text-decoration: none !important;

    text-transform: uppercase;
}


.althea-collection-b2b__contact
span:last-child {
    color: #c98a21;

    font-size: 18px;

    transition:
        transform .3s ease;
}


.althea-collection-b2b__contact:hover
span:last-child {
    transform:
        translateX(5px);
}


/* ==========================================================
   SERVICES
   ========================================================== */

.althea-collection-b2b__services {
    border-top:
        1px solid rgba(0, 63, 53, .16);
}


.althea-collection-b2b__services article {
    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    gap: 16px;

    padding:
        24px
        0;

    border-bottom:
        1px solid rgba(0, 63, 53, .14);
}


.althea-collection-b2b__services article > span {
    color: #c98a21;

    font-size: 10px;
}


.althea-collection-b2b__services strong {
    display: block;

    margin-bottom: 8px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    font-weight: 400;

    line-height: 1.1;
}


.althea-collection-b2b__services p {
    margin: 0;

    color: #6b645c;

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-collection-b2b__panel {
        grid-template-columns: 1fr;

        gap: 60px;

        padding:
            65px
            50px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-collection-b2b {
        padding:
            76px
            22px
            80px;
    }


    .althea-collection-b2b__panel {
        display: block;

        padding:
            52px
            24px
            46px;
    }


    .althea-collection-b2b__content h2 {
        max-width: 330px;

        font-size:
            clamp(47px, 13vw, 62px);
    }


    .althea-collection-b2b__intro {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-collection-b2b__actions {
        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }


    .althea-collection-b2b__services {
        margin-top: 52px;
    }


    .althea-collection-b2b__services article {
        padding:
            22px
            0;
    }


    .althea-collection-b2b__services strong {
        font-size: 22px;
    }

}
/* ==========================================================
   ALTHÉA — LES FORMULES
   CMS 12
   ========================================================== */

.althea-formulas-page {
    --formula-green: #003f35;
    --formula-gold: #c98a21;
    --formula-cream: #f3ede1;
    --formula-white: #fbfaf7;
    --formula-text: #665f56;
    --formula-line: rgba(0, 63, 53, .16);

    background: var(--formula-white);
    color: var(--formula-green);
}


/* ==========================================================
   HERO
   ========================================================== */

.althea-formulas-hero {
    position: relative;
    overflow: hidden;

    background: var(--formula-green);
}

.althea-formulas-hero::before {
    content: "+";

    position: absolute;
    right: -30px;
    top: -185px;

    color: rgba(255,255,255,.025);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 650px;
    font-weight: 400;
    line-height: 1;

    pointer-events: none;
}

.althea-formulas-hero__inner {
    position: relative;
    z-index: 1;

    min-height: 650px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 110px 0 90px;
}

.althea-formulas-hero .althea-rituals-kicker {
    margin: 0 0 28px;

    color: #d2a24d;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.althea-formulas-hero h1 {
    max-width: 1050px;

    margin: 0;

    color: #f5efe4;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(64px, 6.4vw, 104px);
    font-weight: 400;
    line-height: .93;
    letter-spacing: -.045em;
}

.althea-formulas-hero__intro {
    max-width: 680px;

    margin: 42px 0 0;

    color: rgba(245,239,228,.68);

    font-size: 17px;
    line-height: 1.75;
}


/* ==========================================================
   INDEX — EXPLORE BY FAMILY
   ========================================================== */

.althea-formulas-index {
    padding: 120px 0 130px;

    background: var(--formula-white);
}

.althea-formulas-index__header {
    display: grid;
    grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr);

    gap: 100px;
    align-items: end;

    margin-bottom: 75px;
}

.althea-formulas-index__header .althea-rituals-kicker {
    margin: 0 0 22px;

    color: var(--formula-gold);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.althea-formulas-index__header h2 {
    max-width: 760px;

    margin: 0;

    color: var(--formula-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(50px,4.7vw,76px);
    font-weight: 400;
    line-height: .97;
    letter-spacing: -.04em;
}

.althea-formulas-index__header > p {
    max-width: 450px;

    margin: 0;

    color: var(--formula-text);

    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   INDEX LINES
   ========================================================== */

.althea-formulas-index__list {
    border-top: 1px solid var(--formula-line);
}

.althea-formulas-index__list > a {
    display: grid;

    grid-template-columns:
        65px
        minmax(0,1fr)
        minmax(160px,.35fr)
        45px;

    gap: 24px;
    align-items: center;

    min-height: 115px;

    padding: 20px 4px;

    border-bottom: 1px solid var(--formula-line);

    color: var(--formula-green) !important;
    text-decoration: none !important;

    transition:
        padding .3s ease,
        background-color .3s ease;
}

.althea-formulas-index__list > a > span {
    color: var(--formula-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
}

.althea-formulas-index__list strong {
    color: var(--formula-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px,2.5vw,40px);
    font-weight: 400;
    line-height: 1.05;
}

.althea-formulas-index__list small {
    color: var(--formula-text);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.althea-formulas-index__list i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(201,138,33,.5);
    border-radius: 50%;

    color: var(--formula-gold);

    font-style: normal;

    transition:
        transform .3s ease,
        background-color .3s ease,
        color .3s ease;
}

@media (hover:hover) {

    .althea-formulas-index__list > a:hover {
        padding-left: 20px;
        padding-right: 20px;

        background: var(--formula-cream);
    }

    .althea-formulas-index__list > a:hover i {
        transform: translateX(4px);

        background: var(--formula-green);
        border-color: var(--formula-green);
        color: #fff;
    }
}


/* ==========================================================
   FORMULA FAMILIES
   ========================================================== */

.althea-formula-family {
    position: relative;

    padding: 105px 0;

    border-top: 1px solid var(--formula-line);

    background: var(--formula-cream);

    scroll-margin-top: 110px;
}

.althea-formula-family:nth-of-type(even) {
    background: var(--formula-white);
}

.althea-formula-family__grid {
    display: grid;

    grid-template-columns:
        70px
        minmax(0,1.1fr)
        minmax(300px,.65fr);

    gap: 55px;
    align-items: start;
}

.althea-formula-family__number {
    padding-top: 8px;

    color: var(--formula-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
}

.althea-formula-family__content .althea-rituals-kicker {
    margin: 0 0 20px;

    color: var(--formula-gold);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.althea-formula-family__content h2 {
    max-width: 700px;

    margin: 0;

    color: var(--formula-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px,4.4vw,70px);
    font-weight: 400;
    line-height: .96;
    letter-spacing: -.04em;
}

.althea-formula-family__content > p:last-child {
    max-width: 580px;

    margin: 30px 0 0;

    color: var(--formula-text);

    font-size: 14px;
    line-height: 1.75;
}


/* ==========================================================
   ACTIVE PILLS
   ========================================================== */

.althea-formula-family__actives {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    padding-top: 38px;
}

.althea-formula-family__actives span {
    display: inline-flex;
    align-items: center;

    min-height: 38px;

    padding: 9px 15px;

    border: 1px solid rgba(0,63,53,.19);
    border-radius: 999px;

    color: var(--formula-green);

    background: rgba(255,255,255,.28);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}


/* Micro accents par famille */

.althea-formula-family--vitamins {
    border-left: 3px solid rgba(216,166,44,.7);
}

.althea-formula-family--sleep {
    border-left: 3px solid rgba(110,85,118,.7);
}

.althea-formula-family--natural {
    border-left: 3px solid rgba(100,128,74,.7);
}

.althea-formula-family--beauty {
    border-left: 3px solid rgba(182,84,123,.7);
}


/* ==========================================================
   FUTURE FORMULAS
   ========================================================== */

.althea-formula-future {
    position: relative;

    padding: 125px 0 130px;

    overflow: hidden;

    background: var(--formula-green);

    scroll-margin-top: 110px;
}

.althea-formula-future::after {
    content: "";

    position: absolute;
    width: 620px;
    height: 620px;

    right: -250px;
    bottom: -390px;

    border: 1px solid rgba(210,162,77,.25);
    border-radius: 50%;

    pointer-events: none;
}

.althea-formula-future__grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.7fr);

    gap: 100px;
    align-items: end;
}

.althea-formula-future .althea-rituals-kicker {
    margin: 0 0 24px;

    color: #d2a24d;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.althea-formula-future h2 {
    max-width: 800px;

    margin: 0;

    color: #f5efe4;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(54px,5.2vw,82px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.045em;
}


/* FUTURE LIST */

.althea-formula-future__list {
    border-top: 1px solid rgba(255,255,255,.2);
}

.althea-formula-future__list article {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 16px;

    padding: 23px 0;

    border-bottom: 1px solid rgba(255,255,255,.17);
}

.althea-formula-future__list article > span {
    color: #d2a24d;

    font-size: 9px;
}

.althea-formula-future__list strong {
    display: block;

    color: #f5efe4;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 400;
}

.althea-formula-future__list small {
    grid-column: 2;

    color: rgba(245,239,228,.5);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-formula-family__grid {
        grid-template-columns:
            55px
            minmax(0,1fr);
    }

    .althea-formula-family__actives {
        grid-column: 2;
        padding-top: 0;
    }

    .althea-formula-future__grid {
        grid-template-columns: 1fr;

        gap: 60px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* HERO */

    .althea-formulas-hero__inner {
        min-height: auto;

        display: block;

        padding:
            76px
            22px
            70px;
    }

    .althea-formulas-hero::before {
        top: -50px;
        right: -20px;

        font-size: 330px;
    }

    .althea-formulas-hero h1 {
        max-width: 340px;

        font-size: clamp(48px,13vw,64px);
        line-height: .94;
    }

    .althea-formulas-hero__intro {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;
        line-height: 1.7;
    }


    /* INDEX */

    .althea-formulas-index {
        padding:
            76px
            22px
            80px;
    }

    .althea-formulas-index__header {
        display: block;

        margin-bottom: 52px;
    }

    .althea-formulas-index__header h2 {
        max-width: 330px;

        font-size: clamp(47px,13vw,62px);
        line-height: .95;
    }

    .althea-formulas-index__header > p {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;
        line-height: 1.7;
    }

    .althea-formulas-index__list > a {
        grid-template-columns:
            30px
            minmax(0,1fr)
            38px;

        gap: 12px;

        min-height: 105px;

        padding: 20px 0;
    }

    .althea-formulas-index__list strong {
        font-size: 27px;
    }

    .althea-formulas-index__list small {
        grid-column: 2;

        margin-top: -8px;

        font-size: 7px;
    }

    .althea-formulas-index__list i {
        grid-column: 3;
        grid-row: 1 / span 2;

        width: 36px;
        height: 36px;
    }


    /* FAMILIES */

    .althea-formula-family {
        padding:
            76px
            22px;

        border-left-width: 2px;
    }

    .althea-formula-family__grid {
        display: block;
    }

    .althea-formula-family__number {
        margin-bottom: 35px;

        padding: 0;
    }

    .althea-formula-family__content h2 {
        max-width: 330px;

        font-size: clamp(43px,12vw,58px);
    }

    .althea-formula-family__content > p:last-child {
        max-width: 330px;

        margin-top: 26px;

        font-size: 14px;
        line-height: 1.7;
    }

    .althea-formula-family__actives {
        margin-top: 35px;

        padding: 0;
    }


    /* FUTURE */

    .althea-formula-future {
        padding:
            78px
            22px
            80px;
    }

    .althea-formula-future__grid {
        display: block;
    }

    .althea-formula-future h2 {
        max-width: 335px;

        font-size: clamp(47px,13vw,62px);
    }

    .althea-formula-future__list {
        margin-top: 55px;
    }

    .althea-formula-future__list strong {
        font-size: 22px;
    }
}
/* ==========================================================
   ALTHEA — FORMULAS / AVAILABLE FORMULAS
   ========================================================== */

.althea-formulas-available {
    background: #f7f3e9;
    color: #004c40;
    padding: 110px 0 120px;
}

.althea-formulas-available__header {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    gap: 80px;
    align-items: end;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 76, 64, .22);
}

.althea-formulas-available__header h2 {
    max-width: 760px;
    margin: 18px 0 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 5vw, 82px);
    line-height: .96;
    font-weight: 400;
    letter-spacing: -.04em;
    color: #004c40;
}

.althea-formulas-available__intro {
    max-width: 440px;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #665d55;
}


/* GRID */

.althea-formulas-available__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* CARD */

.althea-formula-card {
    min-height: 470px;
    padding: 34px 40px 30px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 76, 64, .22);
}

.althea-formula-card:nth-child(odd) {
    border-right: 1px solid rgba(0, 76, 64, .22);
}

.althea-formula-card__top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: #c77800;
}

.althea-formula-card__top span:last-child {
    color: #716960;
}

.althea-formula-card__body {
    padding: 70px 0 55px;
}

.althea-formula-card__body h3 {
    margin: 0 0 22px;
    max-width: 520px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 3.2vw, 56px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.035em;
    color: #004c40;
}

.althea-formula-card__body > p {
    max-width: 490px;
    margin: 0;
    color: #665d55;
    font-size: 15px;
    line-height: 1.75;
}


/* ACTIVES */

.althea-formula-card__actives {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
}

.althea-formula-card__actives span {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 13px;
    border: 1px solid rgba(0, 76, 64, .28);
    border-radius: 999px;
    font-size: 9px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #004c40;
}


/* FOOTER */

.althea-formula-card__footer {
    margin-top: auto;
    padding-top: 22px;
    border-top: 1px solid rgba(0, 76, 64, .14);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.althea-formula-card__footer > span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: #716960;
}

.althea-formula-card__footer a {
    display: inline-flex;
    align-items: center;
    gap: 28px;
    color: #004c40;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em;
    text-decoration: none;
}

.althea-formula-card__footer a span:last-child {
    color: #c77800;
    font-size: 18px;
    transition: transform .25s ease;
}

.althea-formula-card__footer a:hover span:last-child {
    transform: translateX(5px);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-formulas-available {
        padding: 72px 0 80px;
    }

    .althea-formulas-available__header {
        display: block;
        padding-bottom: 42px;
    }

    .althea-formulas-available__header h2 {
        margin-top: 15px;
        font-size: clamp(43px, 13vw, 58px);
        line-height: .98;
    }

    .althea-formulas-available__intro {
        margin-top: 30px;
        font-size: 14px;
        line-height: 1.7;
    }

    .althea-formulas-available__grid {
        display: block;
    }

    .althea-formula-card,
    .althea-formula-card:nth-child(odd) {
        min-height: 0;
        padding: 28px 0 26px;
        border-right: 0;
        border-bottom: 1px solid rgba(199, 120, 0, .48);
    }

    .althea-formula-card__body {
        padding: 48px 0 42px;
    }

    .althea-formula-card__body h3 {
        max-width: 310px;
        margin-bottom: 20px;
        font-size: 42px;
        line-height: 1;
    }

    .althea-formula-card__body > p {
        max-width: 330px;
        font-size: 14px;
        line-height: 1.7;
    }

    .althea-formula-card__actives {
        margin-top: 26px;
    }

    .althea-formula-card__footer {
        padding-top: 20px;
    }

    .althea-formula-card__footer a {
        gap: 15px;
    }

}
/* ==========================================================
   ALTHÉA — FORMULAS / TWO FORMATS
   ========================================================== */

.althea-formulas-formats {
    position: relative;

    padding: 125px 0 130px;

    overflow: hidden;

    background: #004c40;
    color: #f6efe4;
}


/* Cercle décoratif */

.althea-formulas-formats::before {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    right: -280px;
    top: -310px;

    border: 1px solid rgba(210, 162, 77, .24);
    border-radius: 50%;

    pointer-events: none;
}


/* ==========================================================
   GRID
   ========================================================== */

.althea-formulas-formats__grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(500px, 1.05fr);

    gap: 100px;

    align-items: end;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.althea-formulas-formats__kicker {
    margin: 0 0 24px;

    color: #d2a24d;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}


.althea-formulas-formats__content h2 {
    max-width: 760px;

    margin: 0;

    color: #f6efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(56px, 5.5vw, 86px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-formulas-formats__content > p:last-child {
    max-width: 600px;

    margin: 34px 0 0;

    color: rgba(246, 239, 228, .68);

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================================
   CHOICES
   ========================================================== */

.althea-formulas-formats__choices {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.2);

    border-bottom:
        1px solid rgba(255,255,255,.2);
}


/* ==========================================================
   FORMAT CARD
   ========================================================== */

.althea-formulas-format {
    position: relative;

    min-height: 400px;

    padding:
        28px
        30px
        34px;

    display: flex;

    flex-direction: column;

    overflow: hidden;
}


.althea-formulas-format
+ .althea-formulas-format {
    border-left:
        1px solid rgba(255,255,255,.16);
}


.althea-formulas-format__number {
    color: #d2a24d;

    font-size: 11px;

    letter-spacing: .14em;
}


.althea-formulas-format__body {
    position: relative;
    z-index: 2;

    margin-top: auto;

    padding-right: 20px;
}


.althea-formulas-format__label {
    display: block;

    margin-bottom: 16px;

    color: rgba(246,239,228,.52);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-formulas-format h3 {
    max-width: 270px;

    margin: 0 0 18px;

    color: #f6efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 34px;
    font-weight: 400;

    line-height: 1.03;

    letter-spacing: -.03em;
}


.althea-formulas-format p {
    max-width: 290px;

    margin: 0;

    color: rgba(246,239,228,.62);

    font-size: 12px;

    line-height: 1.7;
}


/* Grand chiffre décoratif */

.althea-formulas-format__mark {
    position: absolute;

    right: -20px;
    bottom: -85px;

    color: rgba(255,255,255,.025);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 240px;

    line-height: 1;

    pointer-events: none;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-formulas-formats {
        padding:
            78px
            22px
            80px;
    }


    .althea-formulas-formats__grid {
        display: block;
    }


    .althea-formulas-formats__content h2 {
        max-width: 335px;

        font-size:
            clamp(47px, 13vw, 62px);
    }


    .althea-formulas-formats__content > p:last-child {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-formulas-formats__choices {
        display: block;

        margin-top: 58px;

        border-bottom: 0;
    }


    .althea-formulas-format {
        min-height: 310px;

        padding:
            24px
            0
            30px;

        border-left: 0 !important;

        border-bottom:
            1px solid rgba(210,162,77,.4);
    }


    .althea-formulas-format__body {
        padding-right: 0;
    }


    .althea-formulas-format h3 {
        max-width: 290px;

        font-size: 32px;
    }


    .althea-formulas-format p {
        max-width: 310px;

        font-size: 13px;
    }


    .althea-formulas-format__mark {
        right: -10px;
        bottom: -55px;

        font-size: 170px;
    }

}
/* ==========================================================
   ALTHÉA — FORMULAS / FINAL GATEWAY
   ========================================================== */

.althea-formulas-next {
    padding: 120px 0 130px;
    background: #f8f4ec;
    color: #004c40;
}

.althea-formulas-next__header {
    max-width: 900px;
    margin-bottom: 70px;
}

.althea-formulas-next__header .althea-rituals-kicker {
    margin: 0 0 22px;
    color: #c77800;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.althea-formulas-next__header h2 {
    max-width: 820px;
    margin: 0;
    color: #004c40;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(54px, 5.3vw, 82px);
    font-weight: 400;
    line-height: .95;
    letter-spacing: -.04em;
}

.althea-formulas-next__header > p:last-child {
    max-width: 650px;
    margin: 30px 0 0;
    color: #665d55;
    font-size: 15px;
    line-height: 1.8;
}


/* GRID */

.althea-formulas-next__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(0, 76, 64, .2);
    border-left: 1px solid rgba(0, 76, 64, .2);
}

.althea-formulas-next__item {
    position: relative;

    min-height: 330px;

    display: grid;
    grid-template-rows: auto 1fr auto;

    gap: 28px;

    padding: 28px 30px 30px;

    border-right: 1px solid rgba(0, 76, 64, .2);
    border-bottom: 1px solid rgba(0, 76, 64, .2);

    color: #004c40 !important;
    text-decoration: none !important;

    background: rgba(255,255,255,.16);

    transition:
        background-color .3s ease,
        transform .3s ease;
}

.althea-formulas-next__number {
    color: #c77800;
    font-size: 10px;
    letter-spacing: .14em;
}

.althea-formulas-next__micro {
    display: block;
    margin-bottom: 14px;

    color: #746c63;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.althea-formulas-next__item h3 {
    max-width: 290px;

    margin: 0 0 18px;

    color: #004c40;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.althea-formulas-next__item p {
    max-width: 300px;

    margin: 0;

    color: #665d55;

    font-size: 12px;
    line-height: 1.7;
}

.althea-formulas-next__arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border: 1px solid rgba(199, 120, 0, .5);
    border-radius: 50%;

    color: #c77800;

    font-size: 17px;

    transition:
        transform .3s ease,
        background-color .3s ease,
        color .3s ease;
}

@media (hover:hover) {

    .althea-formulas-next__item:hover {
        background: #efe4cf;
    }

    .althea-formulas-next__item:hover
    .althea-formulas-next__arrow {
        transform: translateX(4px);

        background: #004c40;
        border-color: #004c40;
        color: #fff;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-formulas-next {
        padding: 78px 22px 80px;
    }

    .althea-formulas-next__header {
        margin-bottom: 52px;
    }

    .althea-formulas-next__header h2 {
        max-width: 335px;
        font-size: clamp(47px, 13vw, 62px);
    }

    .althea-formulas-next__header > p:last-child {
        max-width: 330px;
        margin-top: 28px;
        font-size: 14px;
        line-height: 1.7;
    }

    .althea-formulas-next__grid {
        display: block;
        border-left: 0;
    }

    .althea-formulas-next__item {
        min-height: 0;
        padding: 25px 0 30px;
        border-right: 0;
        border-bottom: 1px solid rgba(199, 120, 0, .45);
    }

    .althea-formulas-next__item h3 {
        max-width: 300px;
        font-size: 31px;
    }

    .althea-formulas-next__item p {
        max-width: 315px;
        font-size: 13px;
    }
}
/* ==========================================================
   ALTHÉA — QUALITY / CMS 13
   ========================================================== */

.althea-quality-page {
    --quality-green: #003f35;
    --quality-gold: #c98a21;
    --quality-cream: #f3ede1;
    --quality-light: #faf7f0;
    --quality-text: #655e55;
    --quality-line: rgba(0, 63, 53, .17);

    background: var(--quality-light);
    color: var(--quality-green);
}


/* ==========================================================
   COMMON
   ========================================================== */

.althea-quality-kicker {
    margin: 0;

    color: var(--quality-gold);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.althea-quality-hero {
    position: relative;

    overflow: hidden;

    background: var(--quality-light);
}


/* Cercle de contrôle / précision */

.althea-quality-hero::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -340px;
    right: -160px;

    border:
        1px solid rgba(201, 138, 33, .22);

    border-radius: 50%;

    pointer-events: none;
}


.althea-quality-hero::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    top: -210px;
    right: -30px;

    border:
        1px solid rgba(0, 63, 53, .08);

    border-radius: 50%;

    pointer-events: none;
}


.althea-quality-hero__inner {
    position: relative;
    z-index: 1;

    min-height: 670px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding:
        110px
        0
        85px;
}


.althea-quality-hero .althea-quality-kicker {
    margin-bottom: 28px;
}


.althea-quality-hero h1 {
    max-width: 1150px;

    margin: 0;

    color: var(--quality-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(68px, 6.7vw, 108px);

    font-weight: 400;

    line-height: .91;

    letter-spacing: -.05em;
}


/* ==========================================================
   HERO BOTTOM
   ========================================================== */

.althea-quality-hero__bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 650px)
        auto;

    justify-content: space-between;

    gap: 80px;

    align-items: end;

    margin-top: 55px;

    padding-top: 28px;

    border-top:
        1px solid var(--quality-line);
}


.althea-quality-hero__bottom > p {
    max-width: 650px;

    margin: 0;

    color: var(--quality-text);

    font-size: 16px;

    line-height: 1.8;
}


.althea-quality-hero__signature {
    display: flex;
    flex-direction: column;

    align-items: flex-end;

    gap: 6px;
}


.althea-quality-hero__signature span {
    color: var(--quality-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    letter-spacing: .1em;
}


.althea-quality-hero__signature small {
    color: #81796f;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


/* ==========================================================
   MADE IN FRANCE
   ========================================================== */

.althea-quality-france {
    padding:
        120px
        0
        130px;

    background: var(--quality-green);

    color: #f5efe4;

    scroll-margin-top: 110px;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-quality-france__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-quality-france__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-quality-france
.althea-quality-kicker {
    color: #d2a24d;
}


/* ==========================================================
   MAIN GRID
   ========================================================== */

.althea-quality-france__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-quality-france__title h2 {
    max-width: 850px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-quality-france__content p {
    margin: 0;

    color:
        rgba(245,239,228,.62);

    font-size: 14px;

    line-height: 1.8;
}


.althea-quality-france__content
.althea-quality-france__lead {
    margin-bottom: 25px;

    color:
        rgba(245,239,228,.88);

    font-size: 17px;

    line-height: 1.7;
}


/* ==========================================================
   FACTS
   ========================================================== */

.althea-quality-france__facts {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.18);

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-quality-france__facts article {
    min-height: 240px;

    padding:
        28px
        32px
        32px;

    border-right:
        1px solid rgba(255,255,255,.15);
}


.althea-quality-france__facts article:last-child {
    border-right: 0;
}


.althea-quality-france__facts article > span {
    display: block;

    margin-bottom: 65px;

    color: #d2a24d;

    font-size: 10px;
}


.althea-quality-france__facts strong {
    display: block;

    max-width: 300px;

    margin-bottom: 15px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 26px;
    font-weight: 400;

    line-height: 1.08;
}


.althea-quality-france__facts p {
    max-width: 290px;

    margin: 0;

    color:
        rgba(245,239,228,.58);

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-quality-france__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* HERO */

    .althea-quality-hero__inner {
        min-height: auto;

        padding:
            78px
            22px
            70px;
    }


    .althea-quality-hero::before {
        width: 330px;
        height: 330px;

        top: -190px;
        right: -150px;
    }


    .althea-quality-hero::after {
        display: none;
    }


    .althea-quality-hero h1 {
        max-width: 340px;

        font-size:
            clamp(49px, 13.5vw, 65px);

        line-height: .93;
    }


    .althea-quality-hero__bottom {
        display: block;

        margin-top: 38px;

        padding-top: 24px;
    }


    .althea-quality-hero__bottom > p {
        max-width: 330px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-quality-hero__signature {
        align-items: flex-start;

        margin-top: 34px;
    }


    /* MADE IN FRANCE */

    .althea-quality-france {
        padding:
            76px
            22px
            80px;
    }


    .althea-quality-france__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-quality-france__grid {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-quality-france__title h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-quality-france__content {
        margin-top: 35px;
    }


    .althea-quality-france__content
    .althea-quality-france__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-quality-france__content p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-quality-france__facts {
        display: block;

        border-bottom: 0;
    }


    .althea-quality-france__facts article {
        min-height: auto;

        padding:
            26px
            0
            30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.38);
    }


    .althea-quality-france__facts
    article > span {
        margin-bottom: 38px;
    }


    .althea-quality-france__facts strong {
        font-size: 27px;
    }

}
/* ==========================================================
   ALTHÉA QUALITY — 02 INGREDIENTS
   ========================================================== */

.althea-quality-ingredients {
    padding: 120px 0 130px;

    background: #f3ede1;
    color: #003f35;

    scroll-margin-top: 110px;
}

.althea-quality-ingredients__top {
    display: flex;
    align-items: center;
    gap: 35px;

    padding-bottom: 32px;

    border-bottom: 1px solid rgba(0,63,53,.16);
}

.althea-quality-ingredients__number {
    color: #c98a21;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
}

.althea-quality-ingredients__grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.65fr);

    gap: 110px;
    align-items: end;

    padding: 85px 0 90px;
}

.althea-quality-ingredients__title h2 {
    max-width: 850px;

    margin: 0;

    color: #003f35;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(58px,5.7vw,90px);
    font-weight: 400;

    line-height: .93;
    letter-spacing: -.045em;
}

.althea-quality-ingredients__content p {
    margin: 0;

    color: #655e55;

    font-size: 14px;
    line-height: 1.8;
}

.althea-quality-ingredients__content
.althea-quality-ingredients__lead {
    margin-bottom: 25px;

    color: #344f48;

    font-size: 17px;
    line-height: 1.7;
}


/* CRITERIA */

.althea-quality-ingredients__criteria {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    border-top: 1px solid rgba(0,63,53,.17);
    border-bottom: 1px solid rgba(0,63,53,.17);
}

.althea-quality-ingredients__criteria article {
    min-height: 240px;

    padding: 28px 32px 32px;

    border-right: 1px solid rgba(0,63,53,.14);
}

.althea-quality-ingredients__criteria article:last-child {
    border-right: 0;
}

.althea-quality-ingredients__criteria article > span {
    display: block;

    margin-bottom: 65px;

    color: #c98a21;

    font-size: 10px;
}

.althea-quality-ingredients__criteria strong {
    display: block;

    max-width: 300px;

    margin-bottom: 15px;

    color: #003f35;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 400;

    line-height: 1.08;
}

.althea-quality-ingredients__criteria p {
    max-width: 290px;

    margin: 0;

    color: #70685f;

    font-size: 12px;
    line-height: 1.7;
}


/* ==========================================================
   ALTHÉA QUALITY — 03 CONTROL
   ========================================================== */

.althea-quality-control {
    position: relative;

    padding: 120px 0 130px;

    overflow: hidden;

    background: #faf7f0;
    color: #003f35;

    scroll-margin-top: 110px;
}

.althea-quality-control::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -270px;
    bottom: -300px;

    border: 1px solid rgba(201,138,33,.18);
    border-radius: 50%;

    pointer-events: none;
}

.althea-quality-control__top {
    display: flex;
    align-items: center;
    gap: 35px;

    padding-bottom: 32px;

    border-bottom: 1px solid rgba(0,63,53,.16);
}

.althea-quality-control__number {
    color: #c98a21;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
}

.althea-quality-control__grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.65fr);

    gap: 110px;
    align-items: end;

    padding: 85px 0 90px;
}

.althea-quality-control__title h2 {
    max-width: 850px;

    margin: 0;

    color: #003f35;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(58px,5.7vw,90px);
    font-weight: 400;

    line-height: .93;
    letter-spacing: -.045em;
}

.althea-quality-control__content p {
    margin: 0;

    color: #655e55;

    font-size: 14px;
    line-height: 1.8;
}

.althea-quality-control__content
.althea-quality-control__lead {
    margin-bottom: 25px;

    color: #344f48;

    font-size: 17px;
    line-height: 1.7;
}


/* CONTROL STEPS */

.althea-quality-control__steps {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    border-top: 1px solid rgba(0,63,53,.17);
    border-bottom: 1px solid rgba(0,63,53,.17);
}

.althea-quality-control__steps article {
    min-height: 250px;

    display: grid;

    grid-template-columns:
        35px
        minmax(0,1fr);

    gap: 18px;

    padding: 30px 30px 34px;

    border-right: 1px solid rgba(0,63,53,.14);
}

.althea-quality-control__steps article:last-child {
    border-right: 0;
}

.althea-quality-control__step-number {
    color: #c98a21;

    font-size: 10px;
}

.althea-quality-control__steps article > div {
    align-self: end;
}

.althea-quality-control__steps strong {
    display: block;

    max-width: 300px;

    margin-bottom: 15px;

    color: #003f35;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 400;

    line-height: 1.08;
}

.althea-quality-control__steps p {
    max-width: 290px;

    margin: 0;

    color: #70685f;

    font-size: 12px;
    line-height: 1.7;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-quality-ingredients__grid,
    .althea-quality-control__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* INGREDIENTS */

    .althea-quality-ingredients {
        padding: 76px 22px 80px;
    }

    .althea-quality-ingredients__top {
        gap: 22px;

        padding-bottom: 25px;
    }

    .althea-quality-ingredients__grid {
        display: block;

        padding: 55px 0 60px;
    }

    .althea-quality-ingredients__title h2 {
        max-width: 335px;

        font-size: clamp(48px,13vw,62px);
    }

    .althea-quality-ingredients__content {
        margin-top: 35px;
    }

    .althea-quality-ingredients__content
    .althea-quality-ingredients__lead {
        max-width: 330px;

        font-size: 15px;
    }

    .althea-quality-ingredients__content p {
        max-width: 330px;

        font-size: 13px;
    }

    .althea-quality-ingredients__criteria {
        display: block;

        border-bottom: 0;
    }

    .althea-quality-ingredients__criteria article {
        min-height: auto;

        padding: 26px 0 30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(201,138,33,.38);
    }

    .althea-quality-ingredients__criteria article > span {
        margin-bottom: 38px;
    }

    .althea-quality-ingredients__criteria strong {
        font-size: 27px;
    }


    /* CONTROL */

    .althea-quality-control {
        padding: 76px 22px 80px;
    }

    .althea-quality-control::after {
        display: none;
    }

    .althea-quality-control__top {
        gap: 22px;

        padding-bottom: 25px;
    }

    .althea-quality-control__grid {
        display: block;

        padding: 55px 0 60px;
    }

    .althea-quality-control__title h2 {
        max-width: 335px;

        font-size: clamp(48px,13vw,62px);
    }

    .althea-quality-control__content {
        margin-top: 35px;
    }

    .althea-quality-control__content
    .althea-quality-control__lead {
        max-width: 330px;

        font-size: 15px;
    }

    .althea-quality-control__content p {
        max-width: 330px;

        font-size: 13px;
    }

    .althea-quality-control__steps {
        display: block;

        border-bottom: 0;
    }

    .althea-quality-control__steps article {
        min-height: auto;

        display: grid;

        grid-template-columns:
            32px
            minmax(0,1fr);

        padding: 26px 0 30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(201,138,33,.38);
    }

    .althea-quality-control__steps strong {
        font-size: 27px;
    }

}
/* ==========================================================
   ALTHÉA QUALITY — 04 TRACEABILITY
   ========================================================== */

.althea-quality-traceability {
    position: relative;

    padding: 120px 0 125px;

    overflow: hidden;

    background: #003f35;
    color: #f5efe4;

    scroll-margin-top: 110px;
}


/* ==========================================================
   TOP
   ========================================================== */

.althea-quality-traceability__top {
    display: flex;
    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-quality-traceability__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-quality-traceability
.althea-quality-kicker {
    color: #d2a24d;
}


/* ==========================================================
   HEADER
   ========================================================== */

.althea-quality-traceability__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-quality-traceability__header h2 {
    max-width: 850px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-quality-traceability__header p {
    margin: 0;

    color:
        rgba(245,239,228,.62);

    font-size: 14px;

    line-height: 1.8;
}


.althea-quality-traceability__header
.althea-quality-traceability__lead {
    margin-bottom: 25px;

    color:
        rgba(245,239,228,.88);

    font-size: 17px;

    line-height: 1.7;
}


/* ==========================================================
   FLOW
   ========================================================== */

.althea-quality-traceability__flow {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.18);

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


/* Ligne de progression */

.althea-quality-traceability__flow::before {
    content: "";

    position: absolute;

    top: 110px;
    left: 12.5%;
    right: 12.5%;

    height: 1px;

    background:
        rgba(210,162,77,.35);

    pointer-events: none;
}


.althea-quality-traceability__flow article {
    position: relative;

    min-height: 360px;

    padding:
        28px
        28px
        34px;

    border-right:
        1px solid rgba(255,255,255,.14);
}


.althea-quality-traceability__flow article:last-child {
    border-right: 0;
}


.althea-quality-traceability__step {
    display: block;

    color: #d2a24d;

    font-size: 10px;

    letter-spacing: .14em;
}


/* CIRCLE */

.althea-quality-traceability__circle {
    position: relative;
    z-index: 2;

    display: flex;

    width: 58px;
    height: 58px;

    align-items: center;
    justify-content: center;

    margin:
        52px
        0
        72px;

    border:
        1px solid rgba(210,162,77,.65);

    border-radius: 50%;

    background: #003f35;

    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
}


/* CONTENT */

.althea-quality-traceability__flow strong {
    display: block;

    max-width: 280px;

    margin-bottom: 15px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
    font-weight: 400;

    line-height: 1.08;
}


.althea-quality-traceability__flow p {
    max-width: 280px;

    margin: 0;

    color:
        rgba(245,239,228,.58);

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.althea-quality-traceability__footer {
    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 18px;

    padding-top: 48px;

    color:
        rgba(245,239,228,.52);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-quality-traceability__footer
span:nth-child(even) {
    color: #d2a24d;

    font-size: 14px;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-quality-traceability__header {
        grid-template-columns: 1fr;

        gap: 50px;
    }


    .althea-quality-traceability__flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .althea-quality-traceability__flow::before {
        display: none;
    }


    .althea-quality-traceability__flow
    article:nth-child(2) {
        border-right: 0;
    }


    .althea-quality-traceability__flow
    article:nth-child(-n+2) {
        border-bottom:
            1px solid rgba(255,255,255,.14);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-quality-traceability {
        padding:
            76px
            22px
            78px;
    }


    .althea-quality-traceability__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-quality-traceability__header {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-quality-traceability__header h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-quality-traceability__header > div:last-child {
        margin-top: 35px;
    }


    .althea-quality-traceability__header
    .althea-quality-traceability__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-quality-traceability__header p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-quality-traceability__flow {
        display: block;

        border-bottom: 0;
    }


    .althea-quality-traceability__flow article {
        min-height: auto;

        padding:
            26px
            0
            32px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.35) !important;
    }


    .althea-quality-traceability__circle {
        margin:
            35px
            0
            40px;
    }


    .althea-quality-traceability__flow strong {
        font-size: 28px;
    }


    .althea-quality-traceability__flow p {
        max-width: 315px;

        font-size: 13px;
    }


    .althea-quality-traceability__footer {
        justify-content: flex-start;

        padding-top: 38px;

        gap: 10px;

        line-height: 1.7;
    }

}
/* ==========================================================
   ALTHÉA QUALITY — 05 COMMITMENTS
   ========================================================== */

.althea-quality-commitments {
    padding: 120px 0 125px;

    background: #f3ede1;
    color: #003f35;
}


/* HEADER */

.althea-quality-commitments__header {
    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.65fr);

    gap: 100px;

    align-items: end;

    margin-bottom: 75px;
}


.althea-quality-commitments__header
.althea-quality-kicker {
    margin-bottom: 22px;
}


.althea-quality-commitments__header h2 {
    max-width: 850px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(56px,5.5vw,86px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-quality-commitments__header > p {
    max-width: 440px;

    margin: 0;

    color: #655e55;

    font-size: 15px;

    line-height: 1.8;
}


/* GRID */

.althea-quality-commitments__grid {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    border-top:
        1px solid rgba(0,63,53,.17);

    border-bottom:
        1px solid rgba(0,63,53,.17);
}


.althea-quality-commitments__grid article {
    min-height: 300px;

    padding:
        28px
        28px
        34px;

    border-right:
        1px solid rgba(0,63,53,.14);
}


.althea-quality-commitments__grid article:last-child {
    border-right: 0;
}


.althea-quality-commitments__grid article > span {
    display: block;

    margin-bottom: 82px;

    color: #c98a21;

    font-size: 10px;
}


.althea-quality-commitments__grid strong {
    display: block;

    max-width: 280px;

    margin-bottom: 16px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;

    font-weight: 400;

    line-height: 1.08;
}


.althea-quality-commitments__grid p {
    max-width: 280px;

    margin: 0;

    color: #70685f;

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   QUALITY — PROFESSIONAL GATEWAY
   ========================================================== */

.althea-quality-professional {
    padding:
        120px
        0
        130px;

    background: #faf7f0;
}


.althea-quality-professional__panel {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.42fr);

    gap: 80px;

    align-items: end;

    padding:
        80px
        80px
        72px;

    background: #efe4cf;

    border:
        1px solid rgba(0,63,53,.12);
}


.althea-quality-professional__content
.althea-quality-kicker {
    margin-bottom: 22px;
}


.althea-quality-professional__content h2 {
    max-width: 790px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(56px,5.5vw,86px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-quality-professional__content > p {
    max-width: 640px;

    margin:
        32px
        0
        0;

    color: #655e55;

    font-size: 15px;

    line-height: 1.8;
}


/* ACTIONS */

.althea-quality-professional__actions {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 28px;

    margin-top: 38px;
}


.althea-quality-professional__contact {
    display: inline-flex;

    align-items: center;

    gap: 14px;

    color: #003f35 !important;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-decoration: none !important;

    text-transform: uppercase;
}


.althea-quality-professional__contact
span:last-child {
    color: #c98a21;

    font-size: 18px;

    transition:
        transform .3s ease;
}


.althea-quality-professional__contact:hover
span:last-child {
    transform: translateX(5px);
}


/* META */

.althea-quality-professional__meta {
    text-align: right;
}


.althea-quality-professional__mark {
    display: block;

    color:
        rgba(0,63,53,.10);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 180px;

    line-height: .7;
}


.althea-quality-professional__meta p {
    max-width: 280px;

    margin:
        40px
        0
        0
        auto;

    color: #70685f;

    font-size: 11px;

    line-height: 1.7;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {

    .althea-quality-commitments__grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .althea-quality-professional__panel {
        grid-template-columns: 1fr;

        padding:
            65px
            50px;
    }


    .althea-quality-professional__meta {
        text-align: left;
    }


    .althea-quality-professional__meta p {
        margin-left: 0;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* COMMITMENTS */

    .althea-quality-commitments {
        padding:
            76px
            22px
            80px;
    }


    .althea-quality-commitments__header {
        display: block;

        margin-bottom: 52px;
    }


    .althea-quality-commitments__header h2 {
        max-width: 335px;

        font-size:
            clamp(48px,13vw,62px);
    }


    .althea-quality-commitments__header > p {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-quality-commitments__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-quality-commitments__grid article {
        min-height: auto;

        padding:
            26px
            0
            30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(201,138,33,.38);
    }


    .althea-quality-commitments__grid
    article > span {
        margin-bottom: 38px;
    }


    .althea-quality-commitments__grid strong {
        font-size: 28px;
    }


    /* PROFESSIONAL */

    .althea-quality-professional {
        padding:
            76px
            22px
            80px;
    }


    .althea-quality-professional__panel {
        display: block;

        padding:
            52px
            24px
            46px;
    }


    .althea-quality-professional__content h2 {
        max-width: 330px;

        font-size:
            clamp(47px,13vw,62px);
    }


    .althea-quality-professional__content > p {
        max-width: 330px;

        margin-top: 28px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-quality-professional__actions {
        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }


    .althea-quality-professional__meta {
        margin-top: 55px;

        text-align: left;
    }


    .althea-quality-professional__mark {
        font-size: 135px;
    }


    .althea-quality-professional__meta p {
        max-width: 250px;

        margin:
            28px
            0
            0;
    }

}
/* ==========================================================
   ALTHÉA PROFESSIONALS — CMS 14
   ========================================================== */

.althea-professionals-page {
    --professionals-green: #003f35;
    --professionals-gold: #c98a21;
    --professionals-cream: #f3ede1;
    --professionals-light: #faf7f0;
    --professionals-text: #655e55;
    --professionals-line: rgba(0, 63, 53, .17);

    background: var(--professionals-light);
    color: var(--professionals-green);
}


/* ==========================================================
   COMMON
   ========================================================== */

.althea-professionals-kicker {
    margin: 0;

    color: var(--professionals-gold);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO — PROFESSIONALS
   ========================================================== */

.althea-professionals-hero {
    position: relative;

    overflow: hidden;

    background: var(--professionals-light);
}


/* Grand cercle décoratif */

.althea-professionals-hero::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -340px;
    right: -160px;

    border:
        1px solid rgba(201, 138, 33, .22);

    border-radius: 50%;

    pointer-events: none;
}


/* Second cercle */

.althea-professionals-hero::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    top: -210px;
    right: -30px;

    border:
        1px solid rgba(0, 63, 53, .08);

    border-radius: 50%;

    pointer-events: none;
}


.althea-professionals-hero__inner {
    position: relative;
    z-index: 1;

    min-height: 670px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding:
        110px
        0
        85px;
}


.althea-professionals-hero
.althea-professionals-kicker {
    margin-bottom: 28px;
}


.althea-professionals-hero h1 {
    max-width: 1150px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(68px, 6.7vw, 108px);

    font-weight: 400;

    line-height: .91;

    letter-spacing: -.05em;
}


/* ==========================================================
   HERO BOTTOM
   ========================================================== */

.althea-professionals-hero__bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 650px)
        auto;

    justify-content: space-between;

    gap: 80px;

    align-items: end;

    margin-top: 55px;

    padding-top: 28px;

    border-top:
        1px solid var(--professionals-line);
}


.althea-professionals-hero__bottom > p {
    max-width: 650px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 16px;

    line-height: 1.8;
}


.althea-professionals-hero__signature {
    display: flex;
    flex-direction: column;

    align-items: flex-end;

    gap: 6px;
}


.althea-professionals-hero__signature span {
    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    letter-spacing: .1em;
}


.althea-professionals-hero__signature small {
    color: #81796f;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


/* ==========================================================
   01 — PROFESSIONAL PARTNERS
   ========================================================== */

.althea-professionals-who {
    padding:
        120px
        0
        130px;

    background: var(--professionals-green);

    color: #f5efe4;

    scroll-margin-top: 110px;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-professionals-who__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid rgba(255, 255, 255, .18);
}


.althea-professionals-who__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-professionals-who
.althea-professionals-kicker {
    color: #d2a24d;
}


/* ==========================================================
   MAIN GRID
   ========================================================== */

.althea-professionals-who__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-who__title h2 {
    max-width: 850px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-who__content p {
    margin: 0;

    color:
        rgba(245, 239, 228, .62);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-who__content
.althea-professionals-who__lead {
    margin-bottom: 25px;

    color:
        rgba(245, 239, 228, .88);

    font-size: 17px;

    line-height: 1.7;
}


/* ==========================================================
   PROFESSIONAL PROFILES
   ========================================================== */

.althea-professionals-who__profiles {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(255, 255, 255, .18);

    border-bottom:
        1px solid rgba(255, 255, 255, .18);
}


.althea-professionals-who__profiles article {
    min-height: 240px;

    padding:
        28px
        32px
        32px;

    border-right:
        1px solid rgba(255, 255, 255, .15);
}


.althea-professionals-who__profiles article:last-child {
    border-right: 0;
}


.althea-professionals-who__profiles article > span {
    display: block;

    margin-bottom: 65px;

    color: #d2a24d;

    font-size: 10px;
}


.althea-professionals-who__profiles strong {
    display: block;

    max-width: 300px;

    margin-bottom: 15px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 26px;
    font-weight: 400;

    line-height: 1.08;
}


.althea-professionals-who__profiles p {
    max-width: 290px;

    margin: 0;

    color:
        rgba(245, 239, 228, .58);

    font-size: 12px;

    line-height: 1.7;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

    .althea-professionals-who__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* HERO */

    .althea-professionals-hero__inner {
        min-height: auto;

        padding:
            78px
            22px
            70px;
    }


    .althea-professionals-hero::before {
        width: 330px;
        height: 330px;

        top: -190px;
        right: -150px;
    }


    .althea-professionals-hero::after {
        display: none;
    }


    .althea-professionals-hero h1 {
        max-width: 340px;

        font-size:
            clamp(49px, 13.5vw, 65px);

        line-height: .93;
    }


    .althea-professionals-hero__bottom {
        display: block;

        margin-top: 38px;

        padding-top: 24px;
    }


    .althea-professionals-hero__bottom > p {
        max-width: 330px;

        font-size: 14px;

        line-height: 1.7;
    }


    .althea-professionals-hero__signature {
        align-items: flex-start;

        margin-top: 34px;
    }


    /* PROFESSIONAL PARTNERS */

    .althea-professionals-who {
        padding:
            76px
            22px
            80px;
    }


    .althea-professionals-who__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-who__grid {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-who__title h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-who__content {
        margin-top: 35px;
    }


    .althea-professionals-who__content
    .althea-professionals-who__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-who__content p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-who__profiles {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-who__profiles article {
        min-height: auto;

        padding:
            26px
            0
            30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210, 162, 77, .38);
    }


    .althea-professionals-who__profiles
    article > span {
        margin-bottom: 38px;
    }


    .althea-professionals-who__profiles strong {
        font-size: 27px;
    }

}
/* ==========================================================
   02 — BECOME A RETAILER
   ========================================================== */

.althea-professionals-retailer {
    padding:
        125px
        0
        130px;

    background: #f3ede1;

    color: var(--professionals-green);

    scroll-margin-top: 110px;
}


/* TOP */

.althea-professionals-retailer__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-retailer__number {
    color: var(--professionals-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


/* MAIN */

.althea-professionals-retailer__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-retailer__intro h2 {
    max-width: 850px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-retailer__content p {
    margin: 0;

    color: var(--professionals-text);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-retailer__content
.althea-professionals-retailer__lead {
    margin-bottom: 25px;

    color: var(--professionals-green);

    font-size: 17px;

    line-height: 1.7;
}


/* BENEFITS */

.althea-professionals-retailer__benefits {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid var(--professionals-line);

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-retailer__benefits article {
    min-height: 245px;

    padding:
        30px
        32px
        34px;

    border-right:
        1px solid var(--professionals-line);
}


.althea-professionals-retailer__benefits article:last-child {
    border-right: 0;
}


.althea-professionals-retailer__benefit-number {
    display: block;

    margin-bottom: 62px;

    color: var(--professionals-gold);

    font-size: 10px;
}


.althea-professionals-retailer__benefits strong {
    display: block;

    max-width: 300px;

    margin-bottom: 15px;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 26px;
    font-weight: 400;

    line-height: 1.08;
}


.althea-professionals-retailer__benefits p {
    max-width: 290px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 12px;

    line-height: 1.7;
}


/* CTA */

.althea-professionals-retailer__action {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 60px;

    margin-top: 55px;

    padding:
        34px
        0
        0;
}


.althea-professionals-retailer__action > div > span {
    display: block;

    margin-bottom: 10px;

    color: var(--professionals-gold);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-professionals-retailer__action p {
    max-width: 650px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 14px;

    line-height: 1.7;
}


.althea-professionals-retailer__button {
    display: inline-flex;

    min-height: 54px;

    align-items: center;
    justify-content: center;

    gap: 28px;

    padding:
        0
        26px;

    border:
        1px solid var(--professionals-green);

    border-radius: 999px;

    color: var(--professionals-green);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .3s ease;
}


@media (hover:hover) {

    .althea-professionals-retailer__button:hover {
        background: var(--professionals-green);

        color: #f5efe4;

        transform: translateY(-2px);
    }

}


/* TABLET */

@media (max-width: 991px) {

    .althea-professionals-retailer__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-retailer {
        padding:
            76px
            22px
            82px;
    }


    .althea-professionals-retailer__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-retailer__grid {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-retailer__intro h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-retailer__content {
        margin-top: 35px;
    }


    .althea-professionals-retailer__content
    .althea-professionals-retailer__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-retailer__content p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-retailer__benefits {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-retailer__benefits article {
        min-height: auto;

        padding:
            27px
            0
            31px;

        border-right: 0;

        border-bottom:
            1px solid rgba(0, 63, 53, .20);
    }


    .althea-professionals-retailer__benefit-number {
        margin-bottom: 38px;
    }


    .althea-professionals-retailer__benefits strong {
        font-size: 27px;
    }


    .althea-professionals-retailer__action {
        display: block;

        margin-top: 42px;

        padding-top: 0;
    }


    .althea-professionals-retailer__action p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-retailer__button {
        width: 100%;

        margin-top: 30px;

        justify-content: space-between;
    }

}
/* ==========================================================
   03 — PROFESSIONAL COLLECTION
   ========================================================== */

.althea-professionals-collection {
    padding:
        125px
        0
        135px;

    background: var(--professionals-light);

    color: var(--professionals-green);

    scroll-margin-top: 110px;
}


/* TOP */

.althea-professionals-collection__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-collection__number {
    color: var(--professionals-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


/* HEADER */

.althea-professionals-collection__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-collection__header h2 {
    max-width: 850px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-collection__intro p {
    margin: 0;

    color: var(--professionals-text);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-collection__intro
.althea-professionals-collection__lead {
    margin-bottom: 25px;

    color: var(--professionals-green);

    font-size: 17px;

    line-height: 1.7;
}


/* CARDS */

.althea-professionals-collection__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid var(--professionals-line);

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-collection-card {
    display: flex;

    min-height: 430px;

    flex-direction: column;

    justify-content: space-between;

    padding:
        30px
        32px
        32px;

    border-right:
        1px solid var(--professionals-line);

    color: inherit;

    text-decoration: none;

    transition:
        background-color .3s ease,
        transform .3s ease;
}


.althea-professionals-collection-card:last-child {
    border-right: 0;
}


.althea-professionals-collection-card__top {
    display: flex;

    align-items: center;

    justify-content: space-between;
}


.althea-professionals-collection-card__top > span {
    color: var(--professionals-gold);

    font-size: 10px;
}


.althea-professionals-collection-card__top small {
    color: #81796f;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-professionals-collection-card__content {
    margin-top: auto;

    padding-top: 85px;
}


.althea-professionals-collection-card__kicker {
    margin:
        0
        0
        14px;

    color: var(--professionals-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-professionals-collection-card h3 {
    max-width: 330px;

    margin:
        0
        0
        22px;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(30px, 2.4vw, 39px);

    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -.035em;
}


.althea-professionals-collection-card__content > p:last-child {
    max-width: 300px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 12px;

    line-height: 1.7;
}


.althea-professionals-collection-card__link {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-top: 50px;

    padding-top: 21px;

    border-top:
        1px solid var(--professionals-line);

    color: var(--professionals-green);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.althea-professionals-collection-card__link
span:last-child {
    color: var(--professionals-gold);

    font-size: 18px;

    transition:
        transform .3s ease;
}


@media (hover:hover) {

    .althea-professionals-collection-card:hover {
        background: #f0e8d9;

        transform: translateY(-4px);
    }


    .althea-professionals-collection-card:hover
    .althea-professionals-collection-card__link
    span:last-child {
        transform: translateX(5px);
    }

}


/* TABLET */

@media (max-width: 991px) {

    .althea-professionals-collection__header {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-collection {
        padding:
            76px
            22px
            82px;
    }


    .althea-professionals-collection__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-collection__header {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-collection__header h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-collection__intro {
        margin-top: 35px;
    }


    .althea-professionals-collection__intro
    .althea-professionals-collection__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-collection__intro p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-collection__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-collection-card {
        min-height: auto;

        padding:
            28px
            0
            30px;

        border-right: 0;

        border-bottom:
            1px solid rgba(0, 63, 53, .20);

        transform: none;
    }


    .althea-professionals-collection-card__content {
        padding-top: 58px;
    }


    .althea-professionals-collection-card h3 {
        max-width: 330px;

        font-size: 33px;
    }


    .althea-professionals-collection-card__content > p:last-child {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-professionals-collection-card__link {
        margin-top: 38px;
    }

}
/* ==========================================================
   04 — COMMERCIAL SUPPORT
   ========================================================== */

.althea-professionals-support {
    padding:
        125px
        0
        135px;

    background: var(--professionals-green);

    color: #f5efe4;

    scroll-margin-top: 110px;
}


/* TOP */

.althea-professionals-support__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-professionals-support__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-professionals-support
.althea-professionals-kicker {
    color: #d2a24d;
}


/* MAIN GRID */

.althea-professionals-support__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-support__title h2 {
    max-width: 850px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-support__content p {
    margin: 0;

    color:
        rgba(245,239,228,.62);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-support__content
.althea-professionals-support__lead {
    margin-bottom: 25px;

    color:
        rgba(245,239,228,.9);

    font-size: 17px;

    line-height: 1.7;
}


/* SERVICES */

.althea-professionals-support__services {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.18);

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-professionals-support__services article {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 28px;

    min-height: 220px;

    padding:
        34px
        38px
        38px;

    border-right:
        1px solid rgba(255,255,255,.15);

    border-bottom:
        1px solid rgba(255,255,255,.15);
}


.althea-professionals-support__services article:nth-child(2n) {
    border-right: 0;
}


.althea-professionals-support__services article:nth-last-child(-n+2) {
    border-bottom: 0;
}


.althea-professionals-support__service-number {
    padding-top: 5px;

    color: #d2a24d;

    font-size: 10px;
}


.althea-professionals-support__services strong {
    display: block;

    max-width: 370px;

    margin-bottom: 18px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(27px, 2.3vw, 36px);

    font-weight: 400;

    line-height: 1.04;

    letter-spacing: -.025em;
}


.althea-professionals-support__services p {
    max-width: 430px;

    margin: 0;

    color:
        rgba(245,239,228,.6);

    font-size: 12px;

    line-height: 1.75;
}


/* TABLET */

@media (max-width: 991px) {

    .althea-professionals-support__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-support {
        padding:
            76px
            22px
            82px;
    }


    .althea-professionals-support__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-support__grid {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-support__title h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-support__content {
        margin-top: 35px;
    }


    .althea-professionals-support__content
    .althea-professionals-support__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-support__content p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-support__services {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-support__services article {
        display: block;

        min-height: auto;

        padding:
            28px
            0
            32px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.38);
    }


    .althea-professionals-support__service-number {
        display: block;

        margin-bottom: 34px;

        padding-top: 0;
    }


    .althea-professionals-support__services strong {
        max-width: 320px;

        font-size: 29px;
    }


    .althea-professionals-support__services p {
        max-width: 325px;

        font-size: 13px;
    }

}
/* ==========================================================
   05 — CUSTOM MANUFACTURING & PRIVATE LABEL
   ========================================================== */

.althea-professionals-manufacturing {
    padding:
        125px
        0
        135px;

    background: #efe6d6;

    color: var(--professionals-green);

    scroll-margin-top: 110px;
}


/* TOP */

.althea-professionals-manufacturing__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-manufacturing__number {
    color: var(--professionals-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


/* HEADER */

.althea-professionals-manufacturing__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-manufacturing__header h2 {
    max-width: 850px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-manufacturing__intro p {
    margin: 0;

    color: var(--professionals-text);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-manufacturing__intro
.althea-professionals-manufacturing__lead {
    margin-bottom: 25px;

    color: var(--professionals-green);

    font-size: 17px;

    line-height: 1.7;
}


/* OFFERS */

.althea-professionals-manufacturing__offers {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid var(--professionals-line);

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-manufacturing-card {
    display: flex;

    min-height: 560px;

    flex-direction: column;

    padding:
        32px
        42px
        38px;

    border-right:
        1px solid var(--professionals-line);
}


.althea-professionals-manufacturing-card:last-child {
    border-right: 0;
}


.althea-professionals-manufacturing-card__head {
    display: flex;

    align-items: center;

    justify-content: space-between;
}


.althea-professionals-manufacturing-card__head > span {
    color: var(--professionals-gold);

    font-size: 10px;
}


.althea-professionals-manufacturing-card__head small {
    color: #81796f;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-professionals-manufacturing-card__content {
    padding-top: 78px;
}


.althea-professionals-manufacturing-card__kicker {
    margin:
        0
        0
        15px;

    color: var(--professionals-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-professionals-manufacturing-card h3 {
    max-width: 520px;

    margin:
        0
        0
        26px;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px, 3.4vw, 54px);

    font-weight: 400;

    line-height: .98;

    letter-spacing: -.04em;
}


.althea-professionals-manufacturing-card__content > p {
    max-width: 500px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 13px;

    line-height: 1.75;
}


.althea-professionals-manufacturing-card ul {
    display: grid;

    gap: 13px;

    margin:
        34px
        0
        0;

    padding: 0;

    list-style: none;
}


.althea-professionals-manufacturing-card li {
    position: relative;

    padding-left: 22px;

    color: var(--professionals-green);

    font-size: 12px;

    line-height: 1.6;
}


.althea-professionals-manufacturing-card li::before {
    content: "";

    position: absolute;

    top: .7em;
    left: 0;

    width: 6px;
    height: 6px;

    border:
        1px solid var(--professionals-gold);

    border-radius: 50%;
}


.althea-professionals-manufacturing-card__link {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: auto;

    padding-top: 26px;

    border-top:
        1px solid var(--professionals-line);

    color: var(--professionals-green);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;
}


.althea-professionals-manufacturing-card__link
span:last-child {
    color: var(--professionals-gold);

    font-size: 18px;

    transition:
        transform .3s ease;
}


@media (hover:hover) {

    .althea-professionals-manufacturing-card__link:hover
    span:last-child {
        transform: translateX(5px);
    }

}


/* NOTE */

.althea-professionals-manufacturing__note {
    display: grid;

    grid-template-columns:
        240px
        minmax(0, 1fr);

    gap: 55px;

    align-items: start;

    margin-top: 45px;

    padding-top: 30px;
}


.althea-professionals-manufacturing__note span {
    color: var(--professionals-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-professionals-manufacturing__note p {
    max-width: 650px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 13px;

    line-height: 1.7;
}


/* TABLET */

@media (max-width: 991px) {

    .althea-professionals-manufacturing__header {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-manufacturing {
        padding:
            76px
            22px
            82px;
    }


    .althea-professionals-manufacturing__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-manufacturing__header {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-manufacturing__header h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-manufacturing__intro {
        margin-top: 35px;
    }


    .althea-professionals-manufacturing__intro
    .althea-professionals-manufacturing__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-manufacturing__intro p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-manufacturing__offers {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-manufacturing-card {
        min-height: auto;

        padding:
            28px
            0
            32px;

        border-right: 0;

        border-bottom:
            1px solid rgba(0,63,53,.20);
    }


    .althea-professionals-manufacturing-card__content {
        padding-top: 55px;
    }


    .althea-professionals-manufacturing-card h3 {
        max-width: 330px;

        font-size: 36px;
    }


    .althea-professionals-manufacturing-card__content > p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-professionals-manufacturing-card ul {
        margin-top: 28px;
    }


    .althea-professionals-manufacturing-card li {
        max-width: 320px;

        font-size: 12px;
    }


    .althea-professionals-manufacturing-card__link {
        margin-top: 42px;
    }


    .althea-professionals-manufacturing__note {
        display: block;

        margin-top: 38px;

        padding-top: 0;
    }


    .althea-professionals-manufacturing__note p {
        max-width: 325px;

        margin-top: 14px;

        font-size: 12px;
    }

}
/* ==========================================================
   06 — HOW TO WORK WITH ALTHEA
   ========================================================== */

.althea-professionals-process {
    padding:
        125px
        0
        135px;

    background: var(--professionals-light);

    color: var(--professionals-green);

    scroll-margin-top: 110px;
}


/* TOP */

.althea-professionals-process__top {
    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-process__number {
    color: var(--professionals-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


/* HEADER */

.althea-professionals-process__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap: 110px;

    align-items: end;

    padding:
        85px
        0
        90px;
}


.althea-professionals-process__header h2 {
    max-width: 850px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(58px, 5.7vw, 90px);

    font-weight: 400;

    line-height: .93;

    letter-spacing: -.045em;
}


.althea-professionals-process__intro p {
    margin: 0;

    color: var(--professionals-text);

    font-size: 14px;

    line-height: 1.8;
}


.althea-professionals-process__intro
.althea-professionals-process__lead {
    margin-bottom: 25px;

    color: var(--professionals-green);

    font-size: 17px;

    line-height: 1.7;
}


/* STEPS */

.althea-professionals-process__steps {
    border-top:
        1px solid var(--professionals-line);
}


.althea-professionals-process__steps article {
    display: grid;

    grid-template-columns:
        80px
        minmax(0, 1fr);

    gap: 35px;

    padding:
        37px
        0
        40px;

    border-bottom:
        1px solid var(--professionals-line);
}


.althea-professionals-process__step-number {
    padding-top: 7px;

    color: var(--professionals-gold);

    font-size: 10px;
}


.althea-professionals-process__steps small {
    display: block;

    margin-bottom: 14px;

    color: #81796f;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-professionals-process__steps strong {
    display: block;

    max-width: 720px;

    margin-bottom: 16px;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(30px, 2.8vw, 43px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: -.03em;
}


.althea-professionals-process__steps p {
    max-width: 650px;

    margin: 0;

    color: var(--professionals-text);

    font-size: 13px;

    line-height: 1.75;
}


/* FOOTER CTA */

.althea-professionals-process__footer {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 60px;

    margin-top: 50px;
}


.althea-professionals-process__footer p {
    max-width: 650px;

    margin: 0;

    color: var(--professionals-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(25px, 2.4vw, 35px);

    line-height: 1.08;
}


.althea-professionals-process__button {
    display: inline-flex;

    min-height: 54px;

    align-items: center;
    justify-content: center;

    gap: 30px;

    padding:
        0
        27px;

    border:
        1px solid var(--professionals-green);

    border-radius: 999px;

    color: var(--professionals-green);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .3s ease;
}


@media (hover:hover) {

    .althea-professionals-process__button:hover {
        background: var(--professionals-green);

        color: #f5efe4;

        transform: translateY(-2px);
    }

}


/* TABLET */

@media (max-width: 991px) {

    .althea-professionals-process__header {
        grid-template-columns: 1fr;

        gap: 50px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-process {
        padding:
            76px
            22px
            82px;
    }


    .althea-professionals-process__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-process__header {
        display: block;

        padding:
            55px
            0
            60px;
    }


    .althea-professionals-process__header h2 {
        max-width: 335px;

        font-size:
            clamp(48px, 13vw, 62px);
    }


    .althea-professionals-process__intro {
        margin-top: 35px;
    }


    .althea-professionals-process__intro
    .althea-professionals-process__lead {
        max-width: 330px;

        font-size: 15px;
    }


    .althea-professionals-process__intro p {
        max-width: 330px;

        font-size: 13px;
    }


    .althea-professionals-process__steps article {
        display: block;

        padding:
            28px
            0
            32px;
    }


    .althea-professionals-process__step-number {
        display: block;

        margin-bottom: 35px;

        padding-top: 0;
    }


    .althea-professionals-process__steps strong {
        max-width: 325px;

        font-size: 30px;
    }


    .althea-professionals-process__steps p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-professionals-process__footer {
        display: block;

        margin-top: 42px;
    }


    .althea-professionals-process__footer p {
        max-width: 325px;

        font-size: 27px;
    }


    .althea-professionals-process__button {
        width: 100%;

        margin-top: 30px;

        justify-content: space-between;
    }

}
/* ==========================================================
   07 — PROFESSIONAL ACCOUNT / CONTACT
   ========================================================== */

.althea-professionals-final {
    position: relative;

    overflow: hidden;

    padding:
        125px
        0
        110px;

    background: #002f29;

    color: #f5efe4;

    scroll-margin-top: 110px;
}


/* DECORATIVE CIRCLE */

.althea-professionals-final::before {
    content: "";

    position: absolute;

    width: 680px;
    height: 680px;

    top: -360px;
    right: -230px;

    border:
        1px solid rgba(210,162,77,.22);

    border-radius: 50%;

    pointer-events: none;
}


/* TOP */

.althea-professionals-final__top {
    position: relative;
    z-index: 1;

    display: flex;

    align-items: center;

    gap: 35px;

    padding-bottom: 32px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-professionals-final__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-professionals-final
.althea-professionals-kicker {
    color: #d2a24d;
}


/* HERO */

.althea-professionals-final__hero {
    position: relative;
    z-index: 1;

    max-width: 1000px;

    padding:
        90px
        0
        95px;
}


.althea-professionals-final__eyebrow {
    margin:
        0
        0
        25px;

    color: #d2a24d;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


.althea-professionals-final__hero h2 {
    max-width: 900px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(65px, 6.5vw, 104px);

    font-weight: 400;

    line-height: .91;

    letter-spacing: -.05em;
}


.althea-professionals-final__intro {
    max-width: 650px;

    margin:
        48px
        0
        0;

    color:
        rgba(245,239,228,.68);

    font-size: 15px;

    line-height: 1.8;
}


/* CHOICES */

.althea-professionals-final__choices {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    border-top:
        1px solid rgba(255,255,255,.18);

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-professionals-final-card {
    display: flex;

    min-height: 475px;

    flex-direction: column;

    padding:
        32px
        42px
        38px;

    border-right:
        1px solid rgba(255,255,255,.16);
}


.althea-professionals-final-card:last-child {
    border-right: 0;
}


.althea-professionals-final-card__top {
    display: flex;

    align-items: center;

    justify-content: space-between;
}


.althea-professionals-final-card__top > span {
    color: #d2a24d;

    font-size: 10px;
}


.althea-professionals-final-card__top small {
    color:
        rgba(245,239,228,.48);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .17em;

    text-transform: uppercase;
}


.althea-professionals-final-card__content {
    padding-top: 75px;
}


.althea-professionals-final-card__kicker {
    margin:
        0
        0
        15px;

    color: #d2a24d;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-professionals-final-card h3 {
    max-width: 500px;

    margin:
        0
        0
        25px;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px, 3.4vw, 53px);

    font-weight: 400;

    line-height: .99;

    letter-spacing: -.04em;
}


.althea-professionals-final-card__content > p {
    max-width: 500px;

    margin: 0;

    color:
        rgba(245,239,228,.62);

    font-size: 13px;

    line-height: 1.75;
}


/* LINKS */

.althea-professionals-final-card__link {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: auto;

    padding-top: 26px;

    border-top:
        1px solid rgba(255,255,255,.18);

    color: #f5efe4;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;
}


.althea-professionals-final-card__link
span:last-child {
    color: #d2a24d;

    font-size: 18px;

    transition:
        transform .3s ease;
}


@media (hover:hover) {

    .althea-professionals-final-card__link:hover
    span:last-child {
        transform: translateX(5px);
    }

}


/* SIGNATURE */

.althea-professionals-final__signature {
    position: relative;
    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding-top: 55px;
}


.althea-professionals-final__signature > span {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;

    letter-spacing: .13em;
}


.althea-professionals-final__signature p {
    max-width: 430px;

    margin: 0;

    color:
        rgba(245,239,228,.46);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .12em;

    text-align: right;

    text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-professionals-final {
        padding:
            76px
            22px
            72px;
    }


    .althea-professionals-final::before {
        width: 380px;
        height: 380px;

        top: -230px;
        right: -210px;
    }


    .althea-professionals-final__top {
        gap: 22px;

        padding-bottom: 25px;
    }


    .althea-professionals-final__hero {
        padding:
            58px
            0
            65px;
    }


    .althea-professionals-final__hero h2 {
        max-width: 335px;

        font-size:
            clamp(49px, 13vw, 64px);
    }


    .althea-professionals-final__intro {
        max-width: 325px;

        margin-top: 34px;

        font-size: 13px;
    }


    .althea-professionals-final__choices {
        display: block;

        border-bottom: 0;
    }


    .althea-professionals-final-card {
        min-height: auto;

        padding:
            28px
            0
            32px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.35);
    }


    .althea-professionals-final-card__content {
        padding-top: 55px;
    }


    .althea-professionals-final-card h3 {
        max-width: 325px;

        font-size: 36px;
    }


    .althea-professionals-final-card__content > p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-professionals-final-card__link {
        margin-top: 42px;
    }


    .althea-professionals-final__signature {
        display: block;

        padding-top: 45px;
    }


    .althea-professionals-final__signature p {
        max-width: 300px;

        margin-top: 15px;

        text-align: left;
    }

}
/* ==========================================================
   ALTHÉA — PRODUCT PAGE
   ========================================================== */

.althea-product-hero {
    --product-green: #003f35;
    --product-gold: #c98a21;
    --product-cream: #f3ede1;
    --product-light: #faf7f0;
    --product-text: #655e55;
    --product-line: rgba(0, 63, 53, .16);

    position: relative;

    overflow: hidden;

    padding:
        48px
        0
        105px;

    background: var(--product-light);

    color: var(--product-green);
}


.althea-product-container {
    width: min(100% - 48px, 1320px);

    margin-inline: auto;
}


/* ==========================================================
   TOP
   ========================================================== */

.althea-product-hero__top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding-bottom: 28px;

    border-bottom:
        1px solid var(--product-line);
}


.althea-product-hero__eyebrow,
.althea-product-hero__number {
    margin: 0;

    color: var(--product-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* ==========================================================
   GRID
   ========================================================== */

.althea-product-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, .78fr);

    gap:
        clamp(65px, 8vw, 125px);

    align-items: start;

    padding-top: 68px;
}


/* ==========================================================
   MEDIA / GALERIE
   ========================================================== */

.althea-product-hero__media {
    position: relative;

    min-width: 0;
}


.althea-product-gallery {
    position: relative;

    margin: 0;

    padding: 0;

    background: transparent;
}


.althea-product-hero__media
.product-cover {
    position: relative;

    display: flex;

    min-height: 590px;

    align-items: center;
    justify-content: center;

    margin: 0;

    background: #f1eadf;
}


.althea-product-hero__media
.product-cover img {
    width: auto;

    max-width: 88%;
    max-height: 570px;

    margin: auto;

    object-fit: contain;
}


.althea-product-hero__media
.product-images {
    margin-top: 20px;
}


.althea-product-hero__media
.product-images > li.thumb-container {
    margin:
        0
        10px
        10px
        0;
}


.althea-product-hero__media
.product-images img.thumb {
    border:
        1px solid transparent;

    opacity: .68;

    transition:
        border-color .25s ease,
        opacity .25s ease;
}


.althea-product-hero__media
.product-images img.thumb.selected,
.althea-product-hero__media
.product-images img.thumb:hover {
    border-color: var(--product-gold);

    opacity: 1;
}


/* ==========================================================
   PRODUCT INFORMATION
   ========================================================== */

.althea-product-hero__information {
    min-width: 0;

    padding-top: 10px;
}


.althea-product-hero__brand {
    margin:
        0
        0
        20px;

    color: var(--product-gold);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


.althea-product-hero__title {
    max-width: 620px;

    margin: 0;

    color: var(--product-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px, 4.5vw, 72px);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.045em;

    text-transform: none;
}


/* ==========================================================
   DESCRIPTION COURTE
   ========================================================== */

.althea-product-hero__description {
    max-width: 580px;

    margin-top: 36px;

    padding-top: 28px;

    border-top:
        1px solid var(--product-line);

    color: var(--product-text);

    font-size: 14px;

    line-height: 1.75;
}


.althea-product-hero__description p {
    margin:
        0
        0
        12px;
}


.althea-product-hero__description p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   FEATURES — CONTENANCE / UTILISATION
   ========================================================== */

.althea-product-hero__features {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    margin-top: 34px;

    border-top:
        1px solid var(--product-line);

    border-bottom:
        1px solid var(--product-line);
}


.althea-product-hero__feature {
    min-height: 92px;

    padding:
        21px
        22px
        22px
        0;

    border-right:
        1px solid var(--product-line);
}


.althea-product-hero__feature + .althea-product-hero__feature {
    padding-left: 22px;

    border-right: 0;
}


.althea-product-hero__feature span {
    display: block;

    margin-bottom: 9px;

    color: #81796f;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-product-hero__feature strong {
    display: block;

    color: var(--product-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
    font-weight: 400;

    line-height: 1.15;
}


/* ==========================================================
   COMMERCE
   ========================================================== */

.althea-product-hero__commerce {
    margin-top: 36px;
}


.althea-product-hero__commerce
.product-prices {
    margin:
        0
        0
        28px;
}


.althea-product-hero__commerce
.current-price {
    color: var(--product-green);
}


.althea-product-hero__commerce
.current-price-value {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 36px;
    font-weight: 400;
}


/* ==========================================================
   FORM / VARIANTS
   ========================================================== */

.althea-product-hero
.product-actions {
    margin: 0;
}


.althea-product-hero
.product-variants {
    margin:
        0
        0
        28px;
}


.althea-product-hero
.product-variants > .product-variants-item {
    margin:
        0
        0
        22px;
}


.althea-product-hero
.product-variants-item > span {
    display: block;

    margin-bottom: 10px;

    color: #81796f;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}


/* ==========================================================
   BUY
   ========================================================== */

.althea-product-hero__buy {
    margin-top: 25px;
}


.althea-product-hero
.product-add-to-cart {
    margin: 0;
}


.althea-product-hero
.product-quantity {
    display: flex;

    align-items: stretch;

    gap: 12px;
}


.althea-product-hero
.qty {
    margin: 0;
}


.althea-product-hero
.qty .input-group {
    height: 54px;
}


.althea-product-hero
.add-to-cart {
    min-height: 54px;

    padding:
        0
        32px;

    border:
        1px solid var(--product-green);

    border-radius: 999px;

    background: var(--product-green);

    color: #f5efe4;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .1em;

    text-transform: uppercase;

    box-shadow: none;

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .3s ease;
}


@media (hover:hover) {

    .althea-product-hero
    .add-to-cart:hover {
        background: transparent;

        color: var(--product-green);

        transform: translateY(-2px);
    }

}


/* ==========================================================
   ADDITIONAL / REASSURANCE
   ========================================================== */

.althea-product-hero__additional {
    margin-top: 25px;
}


.althea-product-hero__reassurance {
    margin-top: 30px;

    padding-top: 28px;

    border-top:
        1px solid var(--product-line);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

    .althea-product-hero__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(330px, .85fr);

        gap: 45px;
    }


    .althea-product-hero__media
    .product-cover {
        min-height: 480px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-product-hero {
        padding:
            28px
            0
            70px;
    }


    .althea-product-container {
        width: calc(100% - 44px);
    }


    .althea-product-hero__top {
        padding-bottom: 22px;
    }


    .althea-product-hero__grid {
        display: flex;

        flex-direction: column;

        gap: 0;

        padding-top: 42px;
    }


    .althea-product-hero__information {
        display: contents;
    }


    .althea-product-hero__brand {
        order: 1;

        margin-bottom: 16px;
    }


    .althea-product-hero__title {
        order: 2;

        max-width: 335px;

        font-size:
            clamp(43px, 12vw, 57px);
    }


    .althea-product-hero__media {
        order: 3;

        width: 100%;

        margin-top: 38px;
    }


    .althea-product-hero__media
    .product-cover {
        min-height: 390px;
    }


    .althea-product-hero__media
    .product-cover img {
        max-height: 370px;
    }


    .althea-product-hero__description {
        order: 4;

        width: 100%;

        margin-top: 38px;

        font-size: 13px;
    }


    .althea-product-hero__features {
        order: 5;

        width: 100%;

        margin-top: 28px;
    }


    .althea-product-hero__feature {
        min-height: 88px;

        padding:
            19px
            15px
            20px
            0;
    }


    .althea-product-hero__feature
    + .althea-product-hero__feature {
        padding-left: 15px;
    }


    .althea-product-hero__feature strong {
        font-size: 18px;
    }


    .althea-product-hero__commerce {
        order: 6;

        width: 100%;

        margin-top: 32px;
    }


    .althea-product-hero
    .product-quantity {
        display: block;
    }


    .althea-product-hero
    .qty {
        margin-bottom: 14px;
    }


    .althea-product-hero
    .add-to-cart {
        width: 100%;

        justify-content: center;
    }


    .althea-product-hero__reassurance {
        order: 7;

        width: 100%;
    }

}
/* ==========================================================
   ALTHÉA PRODUCT HERO — FINITIONS
   ========================================================== */

/* Grille plus équilibrée */

.althea-product-hero__grid {
    grid-template-columns:
        minmax(0, .95fr)
        minmax(420px, .82fr);

    gap:
        clamp(70px, 7vw, 115px);
}


/* ----------------------------------------------------------
   IMAGE PRINCIPALE
   ---------------------------------------------------------- */

.althea-product-hero__media
.product-cover {
    min-height: 520px;

    padding:
        38px
        34px;

    background: #efe7da;
}


.althea-product-hero__media
.product-cover picture {
    display: flex;

    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;
}


.althea-product-hero__media
.product-cover img {
    width: auto;

    max-width: 100%;
    max-height: 450px;

    object-fit: contain;
}


/* ----------------------------------------------------------
   FLAG STOCK
   ---------------------------------------------------------- */

.althea-product-hero
.product-flags {
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 3;

    margin: 0;
}


.althea-product-hero
.product-flags li.product-flag {
    margin: 0;

    padding:
        8px
        12px;

    border-radius: 0;

    background: var(--product-green);

    color: #f5efe4;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;

    box-shadow: none;
}


/* ----------------------------------------------------------
   MINIATURES
   ---------------------------------------------------------- */

.althea-product-hero__media
.js-qv-mask {
    margin-top: 18px;
}


.althea-product-hero__media
.product-images {
    display: flex;

    align-items: center;

    gap: 12px;

    margin: 0;
}


.althea-product-hero__media
.product-images > li.thumb-container {
    margin: 0;
}


.althea-product-hero__media
.product-images img.thumb {
    width: 82px;
    height: 82px;

    padding: 4px;

    border:
        1px solid transparent;

    background: #f7f2e9;

    object-fit: cover;
}


.althea-product-hero__media
.product-images img.thumb.selected {
    border-color: var(--product-gold);
}


/* ----------------------------------------------------------
   TITRE
   ---------------------------------------------------------- */

.althea-product-hero__title {
    max-width: 610px;

    font-size:
        clamp(48px, 4vw, 66px);

    line-height: .95;

    letter-spacing: -.045em;
}


/* ----------------------------------------------------------
   DESCRIPTION
   ---------------------------------------------------------- */

.althea-product-hero__description {
    max-width: 540px;

    margin-top: 30px;

    padding-top: 25px;

    font-size: 14px;

    line-height: 1.7;
}


/* ----------------------------------------------------------
   CARACTÉRISTIQUES
   ---------------------------------------------------------- */

.althea-product-hero__features {
    margin-top: 30px;
}


.althea-product-hero__feature {
    min-height: 88px;

    padding:
        20px
        20px
        21px
        0;
}


.althea-product-hero__feature + .althea-product-hero__feature {
    padding-left: 20px;
}


/* ----------------------------------------------------------
   PRIX
   ---------------------------------------------------------- */

.althea-product-hero__commerce {
    margin-top: 32px;
}


.althea-product-hero__commerce
.current-price-value {
    font-size: 34px;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .althea-product-hero__grid {
        display: flex;

        flex-direction: column;

        gap: 0;
    }


    .althea-product-hero__title {
        max-width: 335px;

        font-size:
            clamp(40px, 11vw, 52px);

        line-height: .96;
    }


    .althea-product-hero__media {
        margin-top: 34px;
    }


    .althea-product-hero__media
    .product-cover {
        min-height: 360px;

        padding:
            25px
            18px;
    }


    .althea-product-hero__media
    .product-cover img {
        max-height: 320px;
    }


    .althea-product-hero__media
    .product-images img.thumb {
        width: 68px;
        height: 68px;
    }


    .althea-product-hero__description {
        margin-top: 32px;

        padding-top: 24px;
    }


    .althea-product-hero__features {
        margin-top: 26px;
    }


    .althea-product-hero__feature strong {
        font-size: 17px;
    }

}
/* ==========================================================
   ALTHÉA — PRODUCT DESCRIPTION
   ========================================================== */

.althea-product-page .product-description,
.althea-product-hero__description {
    color: #655e55;
}

.althea-product-page .product-description h2,
.althea-product-page .product-description h3,
.althea-product-page .product-description h4 {
    margin:
        34px
        0
        14px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -.025em;
}

.althea-product-page .product-description h2 {
    font-size:
        clamp(30px, 3vw, 44px);
}

.althea-product-page .product-description h3 {
    font-size:
        clamp(24px, 2.3vw, 34px);
}

.althea-product-page .product-description h4 {
    font-size:
        clamp(20px, 1.9vw, 28px);
}

.althea-product-page .product-description p {
    margin:
        0
        0
        16px;

    color: #655e55;

    font-size: 15px;

    line-height: 1.75;
}

.althea-product-page .product-description strong {
    color: #003f35;
}

.althea-product-page .product-description ul {
    margin:
        18px
        0
        28px;

    padding-left: 0;

    list-style: none;
}

.althea-product-page .product-description li {
    position: relative;

    margin-bottom: 10px;

    padding-left: 24px;

    color: #655e55;

    font-size: 15px;

    line-height: 1.65;
}

.althea-product-page .product-description li::before {
    content: "•";

    position: absolute;

    left: 5px;

    color: #c98a21;
}

@media (max-width: 767px) {

    .althea-product-page .product-description h2 {
        font-size: 30px;
    }

    .althea-product-page .product-description h3 {
        font-size: 25px;
    }

    .althea-product-page .product-description p,
    .althea-product-page .product-description li {
        font-size: 14px;
    }

}
/* ==========================================================
   ALTHÉA PRODUCT HERO — TITRE PLUS COMPACT
   ========================================================== */

.althea-product-hero__title {
    max-width: 560px;

    font-size:
        clamp(42px, 3.4vw, 54px);

    line-height: .97;
}

@media (max-width: 767px) {

    .althea-product-hero__title {
        max-width: 320px;

        font-size:
            clamp(36px, 10vw, 46px);

        line-height: .98;
    }

}
/* ==========================================================
   PRODUCT HERO — REASSURANCE SOUS LA GALERIE
   ========================================================== */

.althea-product-hero__reassurance--media {
    margin-top: 42px;

    padding-top: 30px;

    border-top:
        1px solid var(--product-line);
}


.althea-product-hero__reassurance--media
.blockreassurance_product {
    margin: 0;
}


.althea-product-hero__reassurance--media
.blockreassurance_product > div {
    padding:
        16px
        0;

    border-bottom:
        1px solid rgba(0, 63, 53, .10);
}


.althea-product-hero__reassurance--media
.blockreassurance_product > div:last-child {
    border-bottom: 0;
}


.althea-product-hero__reassurance--media
.blockreassurance_product span,
.althea-product-hero__reassurance--media
.blockreassurance_product p {
    color: var(--product-text);
}


@media (max-width: 767px) {

    .althea-product-hero__reassurance--media {
        order: 4;

        width: 100%;

        margin-top: 32px;

        padding-top: 24px;
    }

}
/* ==========================================================
   02 — PRODUCT ESSENTIALS
   ========================================================== */

.althea-product-essential {
    padding:
        105px
        0
        115px;

    background: #003f35;

    color: #f5efe4;
}


.althea-product-essential__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-product-essential__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-essential__kicker {
    margin: 0;

    color: #d2a24d;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-essential__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding:
        72px
        0
        76px;
}


.althea-product-essential__header h2 {
    max-width: 760px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-essential__intro p {
    max-width: 480px;

    margin: 0;

    color:
        rgba(245,239,228,.66);

    font-size: 14px;

    line-height: 1.8;
}


/* GRID */

.althea-product-essential__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border-top:
        1px solid rgba(255,255,255,.18);

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-product-essential__item {
    min-height: 170px;

    padding:
        26px
        28px
        30px;

    border-right:
        1px solid rgba(255,255,255,.15);
}


.althea-product-essential__item:last-child {
    border-right: 0;
}


.althea-product-essential__label {
    display: block;

    margin-bottom: 45px;

    color: #d2a24d;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-product-essential__item strong {
    display: block;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 400;

    line-height: 1.08;
}


/* TABLET */

@media (max-width: 991px) {

    .althea-product-essential__header {
        grid-template-columns: 1fr;

        gap: 40px;
    }

    .althea-product-essential__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .althea-product-essential__item:nth-child(2n) {
        border-right: 0;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-essential {
        padding:
            72px
            22px
            78px;
    }


    .althea-product-essential__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-essential__header {
        display: block;

        padding:
            52px
            0
            56px;
    }


    .althea-product-essential__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-essential__intro {
        margin-top: 30px;
    }


    .althea-product-essential__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-essential__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-product-essential__item {
        min-height: auto;

        padding:
            25px
            0
            28px;

        border-right: 0;

        border-bottom:
            1px solid rgba(210,162,77,.35);
    }


    .althea-product-essential__label {
        margin-bottom: 28px;
    }


    .althea-product-essential__item strong {
        font-size: 26px;
    }

}
/* ==========================================================
   03 — PRODUCT FORMULA
   ========================================================== */

.althea-product-formula {
    padding:
        110px
        0
        120px;

    background: #faf7f0;

    color: #003f35;
}


.althea-product-formula__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(0,63,53,.16);
}


.althea-product-formula__number {
    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-formula__kicker {
    margin: 0;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-formula__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding:
        72px
        0
        70px;
}


.althea-product-formula__header h2 {
    max-width: 760px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-formula__intro p {
    max-width: 480px;

    margin: 0;

    color: #655e55;

    font-size: 14px;

    line-height: 1.8;
}


/* DESCRIPTION CONTENT */

.althea-product-formula__content {
    max-width: 1000px;

    padding-top: 58px;

    border-top:
        1px solid rgba(0,63,53,.16);
}


/* HEADINGS INSIDE PRODUCT DESCRIPTION */

.althea-product-formula__content h2,
.althea-product-formula__content h3,
.althea-product-formula__content h4 {
    color: #003f35;
}


.althea-product-formula__content h2 {
    margin:
        0
        0
        22px;

    font-size:
        clamp(34px, 3.5vw, 48px);
}


.althea-product-formula__content h3 {
    margin:
        40px
        0
        14px;

    font-size:
        clamp(27px, 2.6vw, 36px);
}


.althea-product-formula__content p {
    max-width: 900px;

    color: #655e55;

    font-size: 15px;

    line-height: 1.8;
}


.althea-product-formula__content ul {
    margin:
        24px
        0
        36px;
}


.althea-product-formula__content li {
    margin-bottom: 11px;

    color: #655e55;

    font-size: 15px;

    line-height: 1.7;
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-formula {
        padding:
            72px
            22px
            80px;
    }


    .althea-product-formula__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-formula__header {
        display: block;

        padding:
            52px
            0
            54px;
    }


    .althea-product-formula__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-formula__intro {
        margin-top: 30px;
    }


    .althea-product-formula__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-formula__content {
        padding-top: 42px;
    }


    .althea-product-formula__content h2 {
        font-size: 32px;
    }


    .althea-product-formula__content h3 {
        font-size: 27px;
    }


    .althea-product-formula__content p,
    .althea-product-formula__content li {
        font-size: 14px;
    }

}
/* ==========================================================
   04 — PRODUCT USE
   ========================================================== */

.althea-product-use {
    padding:
        110px
        0
        120px;

    background: #efe6d6;

    color: #003f35;
}


.althea-product-use__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(0,63,53,.16);
}


.althea-product-use__number {
    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-use__kicker {
    margin: 0;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-use__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding:
        72px
        0
        70px;
}


.althea-product-use__header h2 {
    max-width: 760px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-use__intro p {
    max-width: 480px;

    margin: 0;

    color: #655e55;

    font-size: 14px;

    line-height: 1.8;
}


/* GRID */

.althea-product-use__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(0,63,53,.16);

    border-bottom:
        1px solid rgba(0,63,53,.16);
}


.althea-product-use__item {
    min-height: 180px;

    padding:
        28px
        30px
        30px;

    border-right:
        1px solid rgba(0,63,53,.14);
}


.althea-product-use__item:last-child {
    border-right: 0;
}


.althea-product-use__label {
    display: block;

    margin-bottom: 48px;

    color: #c98a21;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-product-use__item strong {
    display: block;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
    font-weight: 400;

    line-height: 1.08;
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-use {
        padding:
            72px
            22px
            80px;
    }


    .althea-product-use__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-use__header {
        display: block;

        padding:
            52px
            0
            54px;
    }


    .althea-product-use__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-use__intro {
        margin-top: 30px;
    }


    .althea-product-use__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-use__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-product-use__item {
        min-height: auto;

        padding:
            25px
            0
            28px;

        border-right: 0;

        border-bottom:
            1px solid rgba(201,138,33,.25);
    }


    .althea-product-use__label {
        margin-bottom: 28px;
    }


    .althea-product-use__item strong {
        font-size: 27px;
    }

}
/* ==========================================================
   05 — PRODUCT QUALITY
   ========================================================== */

.althea-product-quality {
    padding: 110px 0 120px;

    background: #f7f2e8;

    color: #003f35;
}


/* TOP */

.althea-product-quality__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-quality__number {
    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-quality__kicker {
    margin: 0;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-quality__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding: 72px 0 75px;
}


.althea-product-quality__header h2 {
    max-width: 720px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-quality__intro p {
    max-width: 480px;

    margin: 0;

    color: #655e55;

    font-size: 14px;

    line-height: 1.8;
}


/* QUALITY CARDS */

.althea-product-quality__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(0, 63, 53, .16);

    border-bottom:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-quality__item {
    position: relative;

    min-height: 390px;

    padding:
        30px
        36px
        42px;

    border-right:
        1px solid rgba(0, 63, 53, .14);
}


.althea-product-quality__item:last-child {
    border-right: 0;
}


.althea-product-quality__index {
    display: block;

    margin-bottom: 58px;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .16em;
}


.althea-product-quality__icon {
    display: flex;

    width: 52px;
    height: 52px;

    margin-bottom: 34px;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(201, 138, 33, .55);

    border-radius: 50%;

    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
}


.althea-product-quality__item h3 {
    margin:
        0
        0
        20px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -.025em;
}


.althea-product-quality__item p {
    max-width: 330px;

    margin: 0;

    color: #655e55;

    font-size: 13px;

    line-height: 1.75;
}


/* FOOTER */

.althea-product-quality__footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    padding-top: 42px;
}


.althea-product-quality__footer p {
    margin: 0;

    color: #655e55;

    font-size: 13px;
}


.althea-product-quality__link {
    display: inline-flex;

    align-items: center;

    gap: 18px;

    padding-bottom: 7px;

    border-bottom:
        1px solid #c98a21;

    color: #003f35;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        color .2s ease,
        gap .2s ease;
}


.althea-product-quality__link:hover {
    gap: 24px;

    color: #c98a21;

    text-decoration: none;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-product-quality {
        padding:
            72px
            22px
            80px;
    }


    .althea-product-quality__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-quality__header {
        display: block;

        padding:
            52px
            0
            54px;
    }


    .althea-product-quality__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-quality__intro {
        margin-top: 30px;
    }


    .althea-product-quality__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-quality__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-product-quality__item {
        min-height: auto;

        padding:
            30px
            0
            42px;

        border-right: 0;

        border-bottom:
            1px solid rgba(0, 63, 53, .16);
    }


    .althea-product-quality__index {
        margin-bottom: 35px;
    }


    .althea-product-quality__icon {
        margin-bottom: 28px;
    }


    .althea-product-quality__item h3 {
        font-size: 29px;
    }


    .althea-product-quality__footer {
        display: block;

        padding-top: 36px;
    }


    .althea-product-quality__footer p {
        margin-bottom: 25px;
    }

}
/* ==========================================================
   06 — PRODUCT INFORMATION
   ========================================================== */

.althea-product-information {
    padding:
        110px
        0
        120px;

    background: #faf7f0;

    color: #003f35;
}


/* TOP */

.althea-product-information__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-information__number {
    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-information__kicker {
    margin: 0;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-information__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding:
        72px
        0
        72px;
}


.althea-product-information__header h2 {
    max-width: 760px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-information__intro p {
    max-width: 480px;

    margin: 0;

    color: #655e55;

    font-size: 14px;

    line-height: 1.8;
}


/* INFORMATION GRID */

.althea-product-information__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-information__row {
    display: grid;

    grid-template-columns:
        minmax(150px, .6fr)
        minmax(0, 1fr);

    gap: 30px;

    align-items: center;

    min-height: 82px;

    padding:
        20px
        28px;

    border-right:
        1px solid rgba(0, 63, 53, .14);

    border-bottom:
        1px solid rgba(0, 63, 53, .14);
}


.althea-product-information__row:nth-child(2n) {
    border-right: 0;
}


.althea-product-information__row > span {
    color: #81796f;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .17em;

    text-transform: uppercase;
}


.althea-product-information__row strong {
    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
    font-weight: 400;

    line-height: 1.15;
}


/* ATTACHMENTS */

.althea-product-information__attachments {
    margin-top: 55px;
}


.althea-product-information__attachments-title {
    margin:
        0
        0
        18px;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-product-information__attachments-list {
    border-top:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-information__attachment {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding:
        19px
        0;

    border-bottom:
        1px solid rgba(0, 63, 53, .16);

    color: #003f35;

    font-size: 13px;

    text-decoration: none;
}


.althea-product-information__attachment small {
    margin-left: 12px;

    color: #81796f;

    font-size: 10px;
}


.althea-product-information__attachment > span:last-child {
    color: #c98a21;

    font-size: 17px;

    transition:
        transform .2s ease;
}


@media (hover:hover) {

    .althea-product-information__attachment:hover
    > span:last-child {
        transform: translateY(3px);
    }

}


/* NOTE */

.althea-product-information__note {
    display: grid;

    grid-template-columns:
        150px
        minmax(0, 1fr);

    gap: 40px;

    margin-top: 55px;

    padding-top: 28px;

    border-top:
        1px solid rgba(0, 63, 53, .16);
}


.althea-product-information__note > span {
    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.althea-product-information__note p {
    max-width: 680px;

    margin: 0;

    color: #655e55;

    font-size: 13px;

    line-height: 1.75;
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-information {
        padding:
            72px
            22px
            80px;
    }


    .althea-product-information__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-information__header {
        display: block;

        padding:
            52px
            0
            54px;
    }


    .althea-product-information__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-information__intro {
        margin-top: 30px;
    }


    .althea-product-information__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-information__grid {
        display: block;
    }


    .althea-product-information__row {
        display: block;

        min-height: auto;

        padding:
            23px
            0
            25px;

        border-right: 0;
    }


    .althea-product-information__row > span {
        display: block;

        margin-bottom: 18px;
    }


    .althea-product-information__row strong {
        font-size: 22px;
    }


    .althea-product-information__attachments {
        margin-top: 42px;
    }


    .althea-product-information__attachment {
        font-size: 12px;
    }


    .althea-product-information__note {
        display: block;

        margin-top: 42px;
    }


    .althea-product-information__note p {
        max-width: 325px;

        margin-top: 15px;

        font-size: 12px;
    }

}
/* ==========================================================
   07 — PROFESSIONAL ORDERING
   ========================================================== */

.althea-product-b2b {
    padding:
        115px
        0
        120px;

    background: #003f35;

    color: #f5efe4;
}


/* TOP */

.althea-product-b2b__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(255,255,255,.18);
}


.althea-product-b2b__number {
    color: #d2a24d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-b2b__kicker {
    margin: 0;

    color: #d2a24d;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* GRID */

.althea-product-b2b__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(340px, .65fr);

    gap:
        clamp(70px, 8vw, 125px);

    align-items: end;

    padding-top: 82px;
}


/* CONTENT */

.althea-product-b2b__eyebrow {
    margin:
        0
        0
        22px;

    color: #d2a24d;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


.althea-product-b2b h2 {
    max-width: 760px;

    margin: 0;

    color: #f5efe4;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(54px, 5.5vw, 84px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.045em;
}


.althea-product-b2b__intro {
    max-width: 620px;

    margin:
        38px
        0
        0;

    color:
        rgba(245,239,228,.68);

    font-size: 14px;

    line-height: 1.8;
}


/* ACTIONS */

.althea-product-b2b__actions {
    display: grid;

    gap: 14px;
}


.althea-product-b2b__button {
    display: flex;

    min-height: 60px;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding:
        0
        25px;

    border:
        1px solid rgba(245,239,228,.45);

    color: #f5efe4;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.althea-product-b2b__button--primary {
    border-color: #d2a24d;

    background: #d2a24d;

    color: #003f35;
}


@media (hover:hover) {

    .althea-product-b2b__button:hover {
        border-color: #d2a24d;

        color: #d2a24d;

        transform: translateY(-2px);
    }


    .althea-product-b2b__button--primary:hover {
        background: transparent;

        color: #d2a24d;
    }

}


/* CONTACT */

.althea-product-b2b__link {
    display: inline-flex;

    width: fit-content;

    align-items: center;

    gap: 18px;

    margin-top: 16px;

    padding-bottom: 7px;

    border-bottom:
        1px solid rgba(210,162,77,.65);

    color:
        rgba(245,239,228,.72);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-b2b {
        padding:
            72px
            22px
            82px;
    }


    .althea-product-b2b__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-b2b__grid {
        display: block;

        padding-top: 54px;
    }


    .althea-product-b2b h2 {
        max-width: 330px;

        font-size:
            clamp(45px, 12vw, 58px);
    }


    .althea-product-b2b__intro {
        max-width: 325px;

        margin-top: 30px;

        font-size: 13px;
    }


    .althea-product-b2b__actions {
        margin-top: 48px;
    }


    .althea-product-b2b__button {
        width: 100%;
    }

}
/* ==========================================================
   08 — RELATED PRODUCTS / COMPLETE THE RITUAL
   ========================================================== */

.althea-product-related {
    padding:
        110px
        0
        120px;

    background: #efe6d6;

    color: #003f35;
}


/* TOP */

.althea-product-related__top {
    display: flex;

    align-items: center;

    gap: 34px;

    padding-bottom: 30px;

    border-bottom:
        1px solid rgba(0,63,53,.16);
}


.althea-product-related__number {
    color: #c98a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
}


.althea-product-related__kicker {
    margin: 0;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;
}


/* HEADER */

.althea-product-related__header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .7fr);

    gap: 100px;

    align-items: end;

    padding:
        72px
        0
        72px;
}


.althea-product-related__header h2 {
    max-width: 760px;

    margin: 0;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 5vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.althea-product-related__intro p {
    max-width: 480px;

    margin: 0;

    color: #655e55;

    font-size: 14px;

    line-height: 1.8;
}


/* GRID */

.althea-product-related__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid rgba(0,63,53,.16);

    border-bottom:
        1px solid rgba(0,63,53,.16);
}


.althea-product-related__card {
    display: flex;

    min-height: 560px;

    flex-direction: column;

    padding:
        30px
        30px
        36px;

    border-right:
        1px solid rgba(0,63,53,.14);
}


.althea-product-related__card:last-child {
    border-right: 0;
}


/* IMAGE */

.althea-product-related__media {
    display: flex;

    min-height: 300px;

    align-items: center;
    justify-content: center;

    background: #f7f2e8;

    overflow: hidden;
}


.althea-product-related__media img {
    width: 100%;

    max-width: 300px;
    max-height: 300px;

    object-fit: contain;

    transition:
        transform .35s ease;
}


@media (hover:hover) {

    .althea-product-related__media:hover img {
        transform: scale(1.03);
    }

}


/* CONTENT */

.althea-product-related__content {
    display: flex;

    flex: 1;

    flex-direction: column;

    padding-top: 28px;
}


.althea-product-related__index {
    margin-bottom: 24px;

    color: #c98a21;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .18em;
}


.althea-product-related__content h3 {
    margin:
        0
        0
        18px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(28px, 2.6vw, 38px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: -.03em;
}


.althea-product-related__content h3 a {
    color: #003f35;

    text-decoration: none;
}


.althea-product-related__description {
    color: #655e55;

    font-size: 13px;

    line-height: 1.7;
}


.althea-product-related__description p {
    margin:
        0
        0
        10px;
}


.althea-product-related__link {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: auto;

    padding-top: 24px;

    border-top:
        1px solid rgba(0,63,53,.16);

    color: #003f35;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-decoration: none;

    text-transform: uppercase;
}


.althea-product-related__link
span:last-child {
    color: #c98a21;

    font-size: 18px;

    transition:
        transform .25s ease;
}


@media (hover:hover) {

    .althea-product-related__link:hover
    span:last-child {
        transform: translateX(5px);
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .althea-product-related {
        padding:
            72px
            22px
            80px;
    }


    .althea-product-related__top {
        gap: 22px;

        padding-bottom: 24px;
    }


    .althea-product-related__header {
        display: block;

        padding:
            52px
            0
            54px;
    }


    .althea-product-related__header h2 {
        max-width: 330px;

        font-size:
            clamp(43px, 12vw, 56px);
    }


    .althea-product-related__intro {
        margin-top: 30px;
    }


    .althea-product-related__intro p {
        max-width: 325px;

        font-size: 13px;
    }


    .althea-product-related__grid {
        display: block;

        border-bottom: 0;
    }


    .althea-product-related__card {
        min-height: auto;

        padding:
            30px
            0
            36px;

        border-right: 0;

        border-bottom:
            1px solid rgba(0,63,53,.16);
    }


    .althea-product-related__media {
        min-height: 320px;
    }


    .althea-product-related__content h3 {
        max-width: 325px;

        font-size: 31px;
    }


    .althea-product-related__description {
        max-width: 325px;
    }


    .althea-product-related__link {
        margin-top: 35px;
    }

}
/* ==========================================================
   ALTHÉA PRODUCT HERO — COMMERCE / PRICE / CART
   ========================================================== */


/* ----------------------------------------------------------
   COMMERCE CONTAINER
   ---------------------------------------------------------- */

.althea-product-hero__commerce {
    margin-top: 36px;

    padding-top: 30px;

    border-top:
        1px solid rgba(0, 63, 53, .16);
}


/* ----------------------------------------------------------
   PRICE
   ---------------------------------------------------------- */

.althea-product-hero__commerce
.product-prices {
    margin:
        0
        0
        30px;

    padding: 0;
}


.althea-product-hero__commerce
.product-price {
    margin: 0;
}


.althea-product-hero__commerce
.current-price {
    display: flex;

    align-items: baseline;

    gap: 12px;

    color: #003f35;
}


.althea-product-hero__commerce
.current-price-value {
    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 38px;

    font-weight: 400;

    line-height: 1;
}


.althea-product-hero__commerce
.regular-price {
    color: #81796f;

    font-size: 14px;
}


/* TAX / SMALL PRICE INFO */

.althea-product-hero__commerce
.tax-shipping-delivery-label {
    display: block;

    margin-top: 8px;

    color: #81796f;

    font-size: 10px;

    line-height: 1.5;
}


/* ----------------------------------------------------------
   VARIANTS
   ---------------------------------------------------------- */

.althea-product-hero
.product-variants {
    margin:
        0
        0
        32px;
}


.althea-product-hero
.product-variants-item {
    margin-bottom: 0;
}


.althea-product-hero
.product-variants-item > span {
    display: block;

    margin-bottom: 14px;

    color: #81796f;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


/* RADIO FORMAT BUTTONS */

.althea-product-hero
.input-container {
    margin-right: 8px;
}


.althea-product-hero
.input-container label {
    margin: 0;
}


.althea-product-hero
.input-container span {
    transition:
        border-color .2s ease,
        background-color .2s ease,
        color .2s ease;
}


/* ----------------------------------------------------------
   AVAILABILITY
   ---------------------------------------------------------- */

.althea-product-hero
.product-availability {
    display: flex;

    align-items: center;

    gap: 8px;

    margin:
        0
        0
        20px;

    color: #003f35;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .04em;
}


.althea-product-hero
.product-availability .material-icons {
    color: #c98a21;

    font-size: 18px;
}


/* ----------------------------------------------------------
   QUANTITY + ADD TO CART
   ---------------------------------------------------------- */

.althea-product-hero__buy {
    margin-top: 0;
}


.althea-product-hero
.product-add-to-cart {
    margin: 0;
}


.althea-product-hero
.product-quantity {
    display: grid;

    grid-template-columns:
        92px
        minmax(0, 1fr);

    gap: 12px;

    align-items: stretch;
}


/* QUANTITY */

.althea-product-hero
.qty {
    width: 92px;

    margin: 0;
}


.althea-product-hero
.qty .input-group {
    width: 100%;

    height: 58px;
}


.althea-product-hero
#quantity_wanted {
    height: 58px;

    border:
        1px solid rgba(0,63,53,.28);

    background: transparent;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    text-align: center;

    box-shadow: none;
}


/* TOUCHSPIN +/- */

.althea-product-hero
.bootstrap-touchspin
.input-group-btn-vertical {
    border-left:
        1px solid rgba(0,63,53,.18);
}


.althea-product-hero
.bootstrap-touchspin
.btn-touchspin {
    border: 0;

    background: transparent;

    color: #003f35;

    box-shadow: none;
}


/* ADD BUTTON */

.althea-product-hero
.add {
    width: 100%;

    margin: 0;
}


.althea-product-hero
.add-to-cart {
    display: flex;

    width: 100%;

    min-height: 58px;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding:
        0
        30px;

    border:
        1px solid #003f35;

    border-radius: 0;

    background: #003f35;

    color: #f5efe4;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;

    box-shadow: none;

    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}


.althea-product-hero
.add-to-cart .material-icons {
    font-size: 17px;
}


@media (hover:hover) {

    .althea-product-hero
    .add-to-cart:hover {
        background: transparent;

        color: #003f35;

        transform: translateY(-2px);
    }

}


/* DISABLED / OUT OF STOCK */

.althea-product-hero
.add-to-cart:disabled,
.althea-product-hero
.add-to-cart.disabled {
    border-color:
        rgba(0,63,53,.25);

    background:
        rgba(0,63,53,.12);

    color:
        rgba(0,63,53,.45);

    cursor: not-allowed;

    transform: none;
}


/* ----------------------------------------------------------
   PRODUCT MINIMUM QUANTITY / ADDITIONAL MESSAGES
   ---------------------------------------------------------- */

.althea-product-hero
.product-minimal-quantity,
.althea-product-hero
.product-unavailable {
    margin-top: 12px;

    color: #81796f;

    font-size: 11px;

    line-height: 1.6;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .althea-product-hero__commerce {
        margin-top: 30px;

        padding-top: 26px;
    }


    .althea-product-hero__commerce
    .current-price-value {
        font-size: 34px;
    }


    .althea-product-hero
    .product-quantity {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .althea-product-hero
    .qty {
        width: 100%;
    }


    .althea-product-hero
    #quantity_wanted {
        width: 100%;
    }


    .althea-product-hero
    .add-to-cart {
        width: 100%;

        min-height: 58px;
    }

}
/* ==========================================================
   B2B PRICE LOCK
   ========================================================== */

.althea-product-hero__b2b-lock {
    margin:
        6px
        0
        30px;

    padding:
        28px
        30px
        30px;

    border:
        1px solid rgba(0, 63, 53, .18);

    background:
        rgba(239, 230, 214, .45);
}


.althea-product-hero__b2b-lock-label {
    display: block;

    margin-bottom: 16px;

    color: #c98a21;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


.althea-product-hero__b2b-lock-title {
    max-width: 430px;

    margin:
        0
        0
        24px;

    color: #003f35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 400;

    line-height: 1.15;
}


.althea-product-hero__b2b-lock-button {
    display: flex;

    min-height: 54px;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding:
        0
        22px;

    border:
        1px solid #003f35;

    background: #003f35;

    color: #f5efe4;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .09em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background-color .25s ease,
        color .25s ease;
}


@media (hover:hover) {

    .althea-product-hero__b2b-lock-button:hover {
        background: transparent;

        color: #003f35;

        text-decoration: none;
    }

}


@media (max-width: 767px) {

    .althea-product-hero__b2b-lock {
        padding:
            24px
            22px
            25px;
    }


    .althea-product-hero__b2b-lock-title {
        font-size: 22px;
    }

}
/* ==========================================================
   ALTHÉA V3 — PROFESSIONALS HOME / COMPACT OVERRIDE
   ========================================================== */

.althea-v3-professionals__panel {
  grid-template-columns:
    minmax(0, .78fr)
    minmax(0, 1.22fr);
}


/* IMAGE PLUS COMPACTE */

.althea-v3-professionals__visual {
  min-height: 34rem;
}

.althea-v3-professionals__visual img {
  min-height: 34rem;

  object-position: center 48%;
}


/* COLONNE TEXTE */

.althea-v3-professionals__content {
  justify-content: center;

  padding:
    clamp(2.4rem, 4.5vw, 4rem)
    clamp(2.5rem, 5vw, 4.5rem);
}


/* TITRE PLUS COMPACT ET PLUS LISIBLE */

.althea-v3-professionals h2 {
  max-width: 34rem;

  color: #fffdf8;

  font-size:
    clamp(2.7rem, 4vw, 4.25rem);

  line-height: .98;
}


/* INTRO PLUS CONTRASTÉE */

.althea-v3-professionals__intro {
  max-width: 36rem;

  margin-top: 1.2rem;

  color: rgb(255 253 248 / 88%);

  font-size: .96rem;

  line-height: 1.7;
}


/* AVANTAGES PLUS COMPACTS */

.althea-v3-professionals__advantages {
  margin-top: 1.8rem;
}

.althea-v3-professionals__advantages article {
  gap: .85rem;

  padding-block: .95rem;

  grid-template-columns:
    2.2rem
    minmax(0, 1fr);
}

.althea-v3-professionals__advantages strong {
  color: #fffdf8;

  font-size: .94rem;
}

.althea-v3-professionals__advantages p {
  margin-top: .22rem;

  color: rgb(255 253 248 / 78%);

  font-size: .86rem;

  line-height: 1.55;
}


/* ACTIONS */

.althea-v3-professionals__actions {
  margin-top: 1.6rem;
}


/* TABLET */

@media (max-width: 991px) {

  .althea-v3-professionals__panel {
    grid-template-columns: 1fr;
  }

  .althea-v3-professionals__visual,
  .althea-v3-professionals__visual img {
    min-height: 25rem;
  }

}


/* MOBILE */

@media (max-width: 640px) {

  .althea-v3-professionals__visual,
  .althea-v3-professionals__visual img {
    min-height: 19rem;
  }

  .althea-v3-professionals__content {
    padding:
      2rem
      1.4rem;
  }

  .althea-v3-professionals h2 {
    max-width: 19rem;

    font-size:
      clamp(2.35rem, 11vw, 3.15rem);
  }

  .althea-v3-professionals__intro {
    font-size: .9rem;
  }

}
/* ==========================================================
   HOME PRO — CONTRASTE FINAL
   ========================================================== */

.althea-v3-professionals__intro {
  color: rgb(255 253 248 / 86%) !important;
}

.althea-v3-professionals__advantages strong {
  color: #fffdf8 !important;
}

.althea-v3-professionals__advantages p {
  color: rgb(255 253 248 / 76%) !important;
}

.althea-v3-professionals__secondary-link {
  color: #fffdf8 !important;
}
/* ==========================================================
   COLLECTION — REAL PRODUCT IMAGE
   ========================================================== */

.althea-essential-card__product-image {
  display: block;

  width: 100%;
  height: 100%;

  max-height: 420px;

  object-fit: contain;

  transition:
    transform .4s ease;
}

.althea-essential-card__visual {
  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  text-decoration: none;
}

.althea-essential-card__title-link {
  color: inherit;

  text-decoration: none;
}

@media (hover:hover) {

  .althea-essential-card__visual:hover
  .althea-essential-card__product-image {
    transform: scale(1.025);
  }

  .althea-essential-card__title-link:hover {
    color: #c98a21;

    text-decoration: none;
  }

}

@media (max-width: 767px) {

  .althea-essential-card__product-image {
    max-height: 340px;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT RITUAL
   ========================================================== */

.althea-product-ritual {
  position: relative;
  overflow: hidden;
  padding: clamp(4.5rem, 8vw, 7.5rem) 0;
  background: #fffdf8;
}


/* ----------------------------------------------------------
   Décor discret
   ---------------------------------------------------------- */

.althea-product-ritual::before {
  position: absolute;
  top: -12rem;
  right: -10rem;
  width: 30rem;
  height: 30rem;
  border: 1px solid rgb(185 146 79 / 14%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-product-ritual__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.2rem;
}

.althea-product-ritual__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
}

.althea-product-ritual__kicker {
  margin: 0;
  color: #123d32;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.althea-product-ritual__header {
  display: grid;
  align-items: end;
  gap: 3rem;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
}

.althea-product-ritual__header h2 {
  max-width: 47rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.35rem, 4vw, 4.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.04;
}

.althea-product-ritual__intro {
  max-width: 34rem;
}

.althea-product-ritual__intro p {
  margin: 0;
  color: #65736d;
  font-size: 0.98rem;
  line-height: 1.75;
}


/* ----------------------------------------------------------
   STEPS
   ---------------------------------------------------------- */

.althea-product-ritual__steps {
  display: grid;
  margin-top: clamp(3rem, 6vw, 5rem);
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.althea-product-ritual__step {
  display: grid;
  min-height: 15rem;
  align-content: start;
  gap: 2rem;
  padding: 2.4rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.althea-product-ritual__step + .althea-product-ritual__step {
  border-left: 1px solid rgb(18 61 50 / 14%);
}

.althea-product-ritual__step-number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 1rem;
}

.althea-product-ritual__step h3 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.45rem;
  font-weight: 500;
}

.althea-product-ritual__step p {
  max-width: 19rem;
  margin: 0.8rem 0 0;
  color: #68756f;
  font-size: 0.92rem;
  line-height: 1.7;
}


/* ----------------------------------------------------------
   DETAILS
   ---------------------------------------------------------- */

.althea-product-ritual__details {
  display: grid;
  margin-top: 2.2rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  gap: 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.althea-product-ritual__details > div {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.althea-product-ritual__details span {
  color: #9b8255;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.althea-product-ritual__details strong {
  color: #123d32;
  font-size: 0.94rem;
  font-weight: 600;
}


/* ----------------------------------------------------------
   NOTE
   ---------------------------------------------------------- */

.althea-product-ritual__note {
  display: flex;
  max-width: 52rem;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 2rem;
}

.althea-product-ritual__note > span {
  color: #b9924f;
  font-size: 1rem;
  line-height: 1.6;
}

.althea-product-ritual__note p {
  margin: 0;
  color: #75817c;
  font-size: 0.82rem;
  line-height: 1.65;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

  .althea-product-ritual__header {
    gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .althea-product-ritual__steps {
    grid-template-columns: 1fr;
  }

  .althea-product-ritual__step {
    min-height: auto;
  }

  .althea-product-ritual__step + .althea-product-ritual__step {
    border-top: 1px solid rgb(18 61 50 / 14%);
    border-left: 0;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {

  .althea-product-ritual {
    padding: 4rem 0;
  }

  .althea-product-ritual__header h2 {
    font-size: 2.4rem;
  }

  .althea-product-ritual__step {
    gap: 1.2rem;
    padding: 1.8rem 0.4rem;
  }

  .althea-product-ritual__details {
    gap: 1.4rem;
    grid-template-columns: 1fr;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT DISCOVER
   ========================================================== */

.althea-product-discover {
  padding: clamp(5rem, 9vw, 8rem) 0;
  background: #f3eee3;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-product-discover__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.2rem;
}

.althea-product-discover__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 0.85rem;
}

.althea-product-discover__kicker {
  margin: 0;
  color: #123d32;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.althea-product-discover__header {
  display: grid;
  align-items: end;
  gap: 3rem;
  margin-bottom: clamp(3rem, 6vw, 5rem);
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(18rem, 0.8fr);
}

.althea-product-discover__header h2 {
  max-width: 48rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.6rem, 4.5vw, 4.6rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
}

.althea-product-discover__header p {
  max-width: 32rem;
  margin: 0;
  color: #68756f;
  font-size: 0.96rem;
  line-height: 1.75;
}


/* ----------------------------------------------------------
   GRID
   ---------------------------------------------------------- */

.althea-product-discover__grid {
  display: grid;
  border-top: 1px solid rgb(18 61 50 / 18%);
  border-left: 1px solid rgb(18 61 50 / 18%);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.althea-product-discover__card {
  min-width: 0;
  padding: 1.8rem;
  border-right: 1px solid rgb(18 61 50 / 18%);
  border-bottom: 1px solid rgb(18 61 50 / 18%);
  background: #fffdf8;
}

.althea-product-discover__card-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.5rem;
  color: #9a6a18;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   PLACEHOLDER PRODUIT
   ---------------------------------------------------------- */

.althea-product-discover__visual {
  position: relative;
  display: flex;
  min-height: 18rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  overflow: hidden;
  border: 1px solid rgb(18 61 50 / 10%);
  background: #f8f5ee;
}

.althea-product-discover__monogram {
  color: rgb(18 61 50 / 5%);
  font-family: var(--althea-font-heading);
  font-size: 11rem;
  line-height: 1;
}

.althea-product-discover__visual-label {
  position: absolute;
  color: #9b8255;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.althea-product-discover__content {
  padding-top: 1.8rem;
}

.althea-product-discover__content h3 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.althea-product-discover__content p {
  margin: 0.8rem 0 0;
  color: #6c756f;
  font-size: 0.86rem;
  line-height: 1.65;
}


/* ----------------------------------------------------------
   COLLECTION CARD
   ---------------------------------------------------------- */

.althea-product-discover__card--collection {
  display: flex;
  flex-direction: column;
  background: #123d32;
}

.althea-product-discover__card--collection
.althea-product-discover__card-top {
  color: #d7b56a;
}

.althea-product-discover__collection-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem 0 0;
}

.althea-product-discover__collection-kicker {
  margin-bottom: 1.2rem;
  color: #d7b56a;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.althea-product-discover__collection-content h3 {
  max-width: 22rem;
  margin: 0;
  color: #fffdf8;
  font-family: var(--althea-font-heading);
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.althea-product-discover__collection-content p {
  max-width: 22rem;
  margin: 1.2rem 0 0;
  color: rgb(255 255 255 / 68%);
  font-size: 0.88rem;
  line-height: 1.7;
}


/* ----------------------------------------------------------
   COLLECTION LINK
   ---------------------------------------------------------- */

.althea-product-discover__collection-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2.5rem;
  padding: 1rem 0;
  border-top: 1px solid rgb(215 181 106 / 35%);
  border-bottom: 1px solid rgb(215 181 106 / 35%);
  color: #fffdf8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.althea-product-discover__collection-link span:last-child {
  color: #d7b56a;
  font-size: 1.2rem;
  transition: transform 250ms ease;
}

.althea-product-discover__collection-link:hover {
  color: #d7b56a;
  text-decoration: none;
}

.althea-product-discover__collection-link:hover span:last-child {
  transform: translateX(0.35rem);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991px) {

  .althea-product-discover__header {
    gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .althea-product-discover__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .althea-product-discover__card--collection {
    grid-column: 1 / -1;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {

  .althea-product-discover {
    padding: 4rem 0;
  }

  .althea-product-discover__header h2 {
    font-size: 2.5rem;
  }

  .althea-product-discover__grid {
    grid-template-columns: 1fr;
  }

  .althea-product-discover__card--collection {
    grid-column: auto;
    min-height: 27rem;
  }

  .althea-product-discover__visual {
    min-height: 15rem;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT DISCOVER — MOBILE POLISH
   ========================================================== */

@media (max-width: 640px) {

  .althea-product-discover {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .althea-product-discover__top {
    margin-bottom: 1.75rem;
  }

  .althea-product-discover__header {
    margin-bottom: 3rem;
  }

  .althea-product-discover__header h2 {
    max-width: 100%;
    font-size: clamp(2.35rem, 11vw, 3rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
  }

  .althea-product-discover__header p {
    margin-top: 0.5rem;
    font-size: 0.92rem;
    line-height: 1.7;
  }

  .althea-product-discover__card {
    padding: 1.8rem;
  }

  .althea-product-discover__visual {
    min-height: 15rem;
  }
}
/* ==========================================================
   ALTHÉA — REASSURANCE
   ========================================================== */

.althea-reassurance {
  margin-top: 2.2rem;
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.althea-reassurance__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.althea-reassurance__item {
  position: relative;
  display: grid;
  align-items: center;
  gap: 1rem;
  min-height: 9rem;
  padding: 1.6rem 1.4rem;
  grid-template-columns: auto auto minmax(0, 1fr);
}

.althea-reassurance__item + .althea-reassurance__item {
  border-left: 1px solid rgb(18 61 50 / 14%);
}

.althea-reassurance__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: 0.78rem;
}

.althea-reassurance__icon {
  display: flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(185 146 79 / 35%);
  border-radius: 50%;
}

.althea-reassurance__icon img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  opacity: 0.8;
}

.althea-reassurance__content {
  min-width: 0;
}

.althea-reassurance__content strong {
  display: block;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.2;
}

.althea-reassurance__line {
  display: block;
  width: 2.8rem;
  height: 1px;
  margin-top: 0.7rem;
  background: #b9924f;
}

@media (max-width: 767px) {

  .althea-reassurance__grid {
    grid-template-columns: 1fr;
  }

  .althea-reassurance__item {
    min-height: auto;
    padding: 1.4rem 0;
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .althea-reassurance__item + .althea-reassurance__item {
    border-top: 1px solid rgb(18 61 50 / 14%);
    border-left: 0;
  }

}
/* ==========================================================
   ALTHÉA — REASSURANCE / VERSION HORIZONTALE
   ========================================================== */

.althea-reassurance {
  margin-top: 2.2rem;
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.althea-reassurance__grid {
  display: block;
}

.althea-reassurance__item {
  position: relative;

  display: grid;

  grid-template-columns:
    2rem
    3rem
    minmax(0, 1fr);

  align-items: center;

  gap: 1rem;

  min-height: 7rem;

  padding:
    1.35rem
    0.4rem;

  transition:
    background-color 220ms ease;
}

.althea-reassurance__item + .althea-reassurance__item {
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-left: 0;
}

.althea-reassurance__number {
  color: #b9924f;

  font-family:
    var(--althea-font-heading);

  font-size: 0.76rem;
}

.althea-reassurance__icon {
  display: flex;

  width: 2.6rem;
  height: 2.6rem;

  align-items: center;
  justify-content: center;

  border:
    1px solid rgb(185 146 79 / 38%);

  border-radius: 50%;
}

.althea-reassurance__icon img {
  width: 1.2rem;
  height: 1.2rem;

  object-fit: contain;

  opacity: .78;
}

.althea-reassurance__content {
  min-width: 0;
}

.althea-reassurance__title {
  display: block;

  color: #123d32;

  font-family:
    var(--althea-font-heading);

  font-size: 1.05rem;

  font-weight: 500;

  line-height: 1.2;
}

.althea-reassurance__description {
  max-width: 24rem;

  margin-top: .35rem;

  color: #6b756f;

  font-size: .8rem;

  line-height: 1.55;
}

.althea-reassurance__description p {
  margin: 0;
}

.althea-reassurance__line {
  display: block;

  width: 2.4rem;
  height: 1px;

  margin-top: .65rem;

  background: #b9924f;
}


/* HOVER */

@media (hover:hover) {

  .althea-reassurance__item[role="link"]:hover {
    background:
      rgb(18 61 50 / 2.5%);
  }

}


/* MOBILE */

@media (max-width: 767px) {

  .althea-reassurance__item {
    grid-template-columns:
      1.7rem
      2.7rem
      minmax(0, 1fr);

    gap: .8rem;

    min-height: auto;

    padding:
      1.3rem
      0;
  }

  .althea-reassurance__title {
    font-size: 1rem;
  }

}
/* ==========================================================
   ALTHÉA — CATALOG HERO
   ========================================================== */

.althea-catalog-hero {
  position: relative;
  overflow: hidden;

  margin-bottom: 3.5rem;

  padding:
    clamp(4.5rem, 8vw, 7.5rem)
    0
    0;

  background: #f3eee3;
}


/* CERCLE DÉCORATIF */

.althea-catalog-hero::after {
  position: absolute;

  top: -15rem;
  right: -12rem;

  width: 34rem;
  height: 34rem;

  border:
    1px solid rgb(185 146 79 / 16%);

  border-radius: 50%;

  content: "";

  pointer-events: none;
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.althea-catalog-hero__top {
  position: relative;
  z-index: 2;

  display: flex;

  align-items: center;

  gap: 1rem;

  padding-bottom: 2.2rem;

  border-bottom:
    1px solid rgb(18 61 50 / 15%);
}


.althea-catalog-hero__number {
  color: #b9924f;

  font-family:
    var(--althea-font-heading);

  font-size: .82rem;
}


.althea-catalog-hero__kicker {
  color: #123d32;

  font-size: .7rem;

  font-weight: 700;

  letter-spacing: .16em;

  text-transform: uppercase;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.althea-catalog-hero__header {
  position: relative;
  z-index: 2;

  display: grid;

  align-items: end;

  gap: 5rem;

  padding:
    clamp(3.3rem, 6vw, 5.5rem)
    0;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(18rem, .85fr);
}


.althea-catalog-hero__header h1 {
  max-width: 50rem;

  margin: 0;

  color: #123d32;

  font-family:
    var(--althea-font-heading);

  font-size:
    clamp(3.5rem, 6.5vw, 6.6rem);

  font-weight: 500;

  letter-spacing: -.045em;

  line-height: .92;
}


.althea-catalog-hero__intro {
  max-width: 35rem;

  padding-bottom: .5rem;
}


.althea-catalog-hero__intro p {
  margin: 0;

  color: #68756f;

  font-size: .97rem;

  line-height: 1.75;
}


.althea-catalog-hero__intro
.althea-catalog-hero__signature {
  margin-top: 1.4rem;

  color: #123d32;

  font-size: .72rem;

  font-weight: 700;

  letter-spacing: .08em;

  line-height: 1.6;

  text-transform: uppercase;
}


.althea-catalog-hero__category-description p {
  margin:
    0
    0
    .7rem;
}


/* ----------------------------------------------------------
   UNIVERS
   ---------------------------------------------------------- */

.althea-catalog-hero__universes {
  position: relative;
  z-index: 2;

  display: grid;

  border-top:
    1px solid rgb(18 61 50 / 15%);

  border-left:
    1px solid rgb(18 61 50 / 15%);

  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}


.althea-catalog-hero__universes a {
  display: flex;

  min-height: 8.5rem;

  flex-direction: column;

  justify-content: space-between;

  gap: 1rem;

  padding:
    1.5rem
    1.6rem;

  border-right:
    1px solid rgb(18 61 50 / 15%);

  background:
    rgb(255 253 248 / 45%);

  color: #123d32;

  text-decoration: none;

  transition:
    background-color 220ms ease,
    color 220ms ease;
}


.althea-catalog-hero__universes a > span {
  color: #b9924f;

  font-size: .68rem;
}


.althea-catalog-hero__universes strong {
  font-family:
    var(--althea-font-heading);

  font-size: 1.18rem;

  font-weight: 500;

  line-height: 1.2;
}


@media (hover:hover) {

  .althea-catalog-hero__universes a:hover {
    background: #123d32;

    color: #fffdf8;
  }

}


/* ==========================================================
   SUPPRESSION DE L'ANCIEN HEADER CLASSIC
   ========================================================== */

body#category
.block-category {
  display: none;
}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width: 991px) {

  .althea-catalog-hero__header {
    gap: 2rem;

    grid-template-columns: 1fr;
  }


  .althea-catalog-hero__universes {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


@media (max-width: 640px) {

  .althea-catalog-hero {
    margin-bottom: 2.5rem;

    padding-top: 4rem;
  }


  .althea-catalog-hero__header {
    padding:
      3rem
      0;
  }


  .althea-catalog-hero__header h1 {
    max-width: 20rem;

    font-size:
      clamp(3rem, 14vw, 4.2rem);

    line-height: .94;
  }


  .althea-catalog-hero__intro p {
    font-size: .9rem;
  }


  .althea-catalog-hero__universes {
    grid-template-columns: 1fr;
  }


  .althea-catalog-hero__universes a {
    min-height: auto;

    flex-direction: row;

    align-items: center;

    padding:
      1.4rem
      .4rem;

    border-right: 0;

    border-bottom:
      1px solid rgb(18 61 50 / 15%);

    background: transparent;
  }

}
/* ==========================================================
   ALTHÉA — CATALOG TOOLBAR
   ========================================================== */

.althea-catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;

  margin-bottom: 2.5rem;
  padding: 1.4rem 0;

  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.althea-catalog-toolbar__count {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.althea-catalog-toolbar__label {
  color: #b9924f;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.althea-catalog-toolbar__count strong {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.2rem;
  font-weight: 500;
}

.althea-catalog-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.althea-catalog-toolbar__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  min-width: 9rem;

  padding: .9rem 1rem;

  border: 1px solid rgb(18 61 50 / 20%);
  background: #fffdf8;

  color: #123d32;

  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;

  text-transform: uppercase;
}

.althea-catalog-toolbar__showing {
  width: 100%;

  color: #68756f;

  font-size: .82rem;

  text-align: center;
}


/* ==========================================================
   ALTHÉA — SUBCATEGORIES
   ========================================================== */

.althea-subcategories {
  margin-bottom: 3rem;
}

.althea-subcategories__top h2 {
  margin: .6rem 0 1.8rem;

  color: #123d32;

  font-family: var(--althea-font-heading);

  font-size: clamp(2rem, 4vw, 3rem);

  font-weight: 500;
}

.althea-subcategories__kicker {
  color: #b9924f;

  font-size: .68rem;

  font-weight: 700;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.althea-subcategories__grid {
  display: grid;

  border-top: 1px solid rgb(18 61 50 / 14%);
  border-left: 1px solid rgb(18 61 50 / 14%);

  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.althea-subcategories__card {
  display: grid;

  min-height: 8rem;

  align-content: space-between;

  gap: 1rem;

  padding: 1.4rem;

  border-right: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);

  background: #fffdf8;

  color: #123d32;

  text-decoration: none;
}

.althea-subcategories__number {
  color: #b9924f;

  font-size: .68rem;
}

.althea-subcategories__card strong {
  font-family: var(--althea-font-heading);

  font-size: 1.25rem;

  font-weight: 500;
}

.althea-subcategories__card > span:last-child {
  color: #b9924f;

  font-size: 1.1rem;
}

@media (hover:hover) {

  .althea-subcategories__card:hover {
    background: #123d32;

    color: #fffdf8;
  }

}

@media (max-width: 767px) {

  .althea-catalog-toolbar {
    align-items: stretch;

    flex-direction: column;

    gap: 1rem;
  }

  .althea-catalog-toolbar__actions {
    justify-content: space-between;
  }

  .althea-subcategories__grid {
    grid-template-columns: 1fr;
  }

}
/* ==========================================================
   ALTHÉA — CATALOG PRODUCT CARD / COMPACT
   ========================================================== */

.althea-catalog-product {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgb(18 61 50 / 14%);
  background: #fffdf8;
}

.althea-catalog-product .thumbnail-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  box-shadow: none;
}


/* TOP */

.althea-catalog-product__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.6rem;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgb(18 61 50 / 12%);
}

.althea-catalog-product__eyebrow {
  color: #9a6a18;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.althea-catalog-product__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: .72rem;
}


/* VISUEL */

.althea-catalog-product__visual {
  position: relative;
  min-height: 16rem;
  overflow: hidden;
  background: #f8f4eb;
}

.althea-catalog-product__image-link {
  display: flex;
  width: 100%;
  min-height: 16rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
}

.althea-catalog-product__image {
  width: 100%;
  max-height: 15rem;
  object-fit: contain;
  transition: transform 350ms ease;
}

@media (hover:hover) {
  .althea-catalog-product:hover
  .althea-catalog-product__image {
    transform: scale(1.025);
  }
}


/* FLAGS */

.althea-catalog-product__flags {
  position: absolute;
  top: .8rem;
  left: .8rem;
  z-index: 2;
}


/* PRESTASHOP NATIVE HOOKS */

.althea-catalog-product .highlighted-informations {
  position: absolute;
  inset: auto 0 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.althea-catalog-product__native-variants {
  display: none;
}


/* CONTENT */

.althea-catalog-product__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.35rem 1.2rem 1.2rem;
}

.althea-catalog-product__title {
  margin: 0;
}

.althea-catalog-product__title a {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.65rem;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.05;
  text-decoration: none;
}

.althea-catalog-product__formula {
  min-height: 2.8rem;
  margin-top: .75rem;
  overflow: hidden;
  color: #68756f;
  font-size: .82rem;
  line-height: 1.55;
}


/* BADGES */

.althea-catalog-product__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: 1rem;
}

.althea-catalog-product__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: .35rem .62rem;
  border: 1px solid rgb(18 61 50 / 16%);
  border-radius: 999px;
  color: #123d32;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}


/* PRICE */

.althea-catalog-product__commerce,
.althea-catalog-product__b2b {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgb(18 61 50 / 12%);
}

.althea-catalog-product__price {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.35rem;
}

.althea-catalog-product__b2b {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.althea-catalog-product__b2b-kicker {
  color: #b9924f;
  font-size: .57rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.althea-catalog-product__b2b strong {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: .92rem;
  font-weight: 500;
  line-height: 1.25;
}


/* CTA */

.althea-catalog-product__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: .9rem 0;
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  color: #123d32;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.althea-catalog-product__cta span:last-child {
  color: #b9924f;
  font-size: 1.1rem;
}


/* REVIEWS */

.althea-catalog-product__reviews {
  margin-top: .6rem;
}


/* GRID */

body#category .products {
  display: grid;
  gap: 1.4rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body#category .products > .product {
  width: auto;
  max-width: none;
  padding: 0;
}


/* TABLET */

@media (max-width: 1199px) {
  body#category .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* MOBILE */

@media (max-width: 767px) {

  body#category .products {
    grid-template-columns: 1fr;
  }

  .althea-catalog-product__visual,
  .althea-catalog-product__image-link {
    min-height: 14rem;
  }

  .althea-catalog-product__image {
    max-height: 13rem;
  }

  .althea-catalog-product__title a {
    font-size: 1.5rem;
  }

  .althea-catalog-product__formula {
    min-height: 0;
  }
}
/* ==========================================================
   ALTHÉA — CATALOG FILTERS
   ========================================================== */

.althea-catalog-filters {
  padding: 1.8rem 1.4rem;
  border: 1px solid rgb(18 61 50 / 12%);
  background: #fffdf8;
}


/* HEADER */

.althea-catalog-filters__header {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgb(18 61 50 / 12%);
}

.althea-catalog-filters__kicker {
  display: block;
  margin-bottom: .45rem;
  color: #b9924f;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.althea-catalog-filters__header h2 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: -.025em;
}


/* CLEAR */

.althea-catalog-filters__clear {
  padding: 1rem 0 0;
}

.althea-catalog-filters__clear button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem 0;
  border: 0;
  border-bottom: 1px solid rgb(18 61 50 / 14%);
  background: transparent;
  color: #9a6a18;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* FACET */

.althea-catalog-facet {
  padding: 1.4rem 0;
  border-bottom: 1px solid rgb(18 61 50 / 12%);
}

.althea-catalog-facet:last-child {
  border-bottom: 0;
}

.althea-catalog-facet__title {
  margin: 0 0 .9rem;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.02rem;
  font-weight: 500;
}


/* LIST */

.althea-catalog-facet__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.althea-catalog-facet__list li + li {
  margin-top: .55rem;
}


/* OPTION */

.althea-catalog-filter-option {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0;
}

.althea-catalog-filter-option__control {
  flex: 0 0 auto;
}

.althea-catalog-filter-option__link {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  color: #5f6c66;
  font-size: .82rem;
  line-height: 1.4;
  text-decoration: none;
}

.althea-catalog-filter-option__link:hover,
.althea-catalog-filter-option.active
.althea-catalog-filter-option__link {
  color: #123d32;
  text-decoration: none;
}

.althea-catalog-filter-option__count {
  color: #9d8c6d;
  font-size: .7rem;
}


/* CHECKBOX */

.althea-catalog-filters .custom-checkbox input + span,
.althea-catalog-filters .custom-radio input + span {
  border-color: rgb(18 61 50 / 30%);
}

.althea-catalog-filters
.custom-checkbox input:checked + span {
  border-color: #123d32;
  background: #123d32;
}


/* DROPDOWN */

.althea-catalog-filter-dropdown {
  width: 100%;
}

.althea-catalog-filter-dropdown__trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem .9rem;
  border: 1px solid rgb(18 61 50 / 15%);
  background: #fffdf8;
  color: #123d32;
  text-decoration: none;
}

.althea-catalog-filter-dropdown__menu {
  width: 100%;
}

.althea-catalog-filter-dropdown__menu a {
  display: block;
  padding: .65rem .8rem;
  color: #5f6c66;
}


/* MOBILE */

.althea-catalog-facet__mobile-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.althea-catalog-facet__mobile-title p {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.05rem;
  font-weight: 500;
}

.althea-catalog-facet__toggle {
  color: #b9924f;
}

@media (max-width: 767px) {

  .althea-catalog-filters {
    padding: 1.2rem;
  }

  .althea-catalog-facet {
    padding: 1.1rem 0;
  }

}
/* ==========================================================
   ALTHÉA — CATALOG SORT
   ========================================================== */

.althea-catalog-sort {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.althea-catalog-sort__label {
  color: #9a6a18;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.althea-catalog-sort__dropdown {
  min-width: 10.5rem;
}

.althea-catalog-sort__trigger {
  display: flex;
  width: 100%;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem 1rem;
  border: 1px solid rgb(18 61 50 / 16%);
  background: #fffdf8;
  color: #123d32;
}

.althea-catalog-sort__trigger:hover,
.althea-catalog-sort__trigger:focus {
  border-color: rgb(18 61 50 / 30%);
  color: #123d32;
  text-decoration: none;
}

.althea-catalog-sort__current {
  font-family: var(--althea-font-heading);
  font-size: .95rem;
  line-height: 1;
}

.althea-catalog-sort__trigger .material-icons {
  color: #b9924f;
  font-size: 1.2rem;
}

.althea-catalog-sort__menu {
  min-width: 100%;
  margin-top: .35rem;
  padding: .35rem 0;
  border: 1px solid rgb(18 61 50 / 14%);
  background: #fffdf8;
  box-shadow: 0 18px 40px rgb(18 61 50 / 10%);
}

.althea-catalog-sort__option {
  display: block;
  padding: .75rem 1rem;
  color: #5f6c66;
  font-size: .82rem;
  text-decoration: none;
}

.althea-catalog-sort__option:hover,
.althea-catalog-sort__option.current {
  background: rgb(18 61 50 / 5%);
  color: #123d32;
  text-decoration: none;
}


/* MOBILE */

@media (max-width: 767px) {

  .althea-catalog-sort {
    width: 100%;
  }

  .althea-catalog-sort__dropdown {
    width: 100%;
  }

  .althea-catalog-sort__trigger {
    width: 100%;
  }

}
/* ==========================================================
   ALTHÉA — CATALOG PAGINATION
   ========================================================== */

.althea-catalog-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;

  margin-top: 3rem;
  padding: 1.6rem 0;

  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.althea-catalog-pagination__summary {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.althea-catalog-pagination__kicker {
  color: #b9924f;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.althea-catalog-pagination__summary strong {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.05rem;
  font-weight: 500;
}

.althea-catalog-pagination__pages {
  display: flex;
  align-items: center;
  gap: .4rem;

  margin: 0;
  padding: 0;

  list-style: none;
}

.althea-catalog-pagination__link {
  display: inline-flex;
  min-width: 2.6rem;
  min-height: 2.6rem;

  align-items: center;
  justify-content: center;

  gap: .45rem;

  padding: .65rem .8rem;

  border: 1px solid rgb(18 61 50 / 14%);
  background: #fffdf8;

  color: #123d32;

  font-size: .72rem;
  font-weight: 700;

  text-decoration: none;
}

.althea-catalog-pagination__pages li.current
.althea-catalog-pagination__link {
  border-color: #123d32;
  background: #123d32;
  color: #fffdf8;
}

.althea-catalog-pagination__link:hover {
  border-color: #b9924f;
  color: #9a6a18;
  text-decoration: none;
}

.althea-catalog-pagination__link.disabled {
  opacity: .35;
  pointer-events: none;
}

.althea-catalog-pagination__pages .spacer {
  display: inline-flex;
  min-width: 2.2rem;
  justify-content: center;
  color: #8b928e;
}


/* MOBILE */

@media (max-width: 767px) {

  .althea-catalog-pagination {
    align-items: stretch;
    flex-direction: column;
    gap: 1.2rem;
  }

  .althea-catalog-pagination__pages {
    flex-wrap: wrap;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT REVIEWS
   ========================================================== */

.althea-product-reviews {
  padding: clamp(5rem, 8vw, 7rem) 0;
  background: #fffdf8;
}

.althea-product-reviews__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.2rem;
}

.althea-product-reviews__number {
  color: #b9924f;
  font-family: var(--althea-font-heading);
  font-size: .82rem;
}

.althea-product-reviews__kicker {
  margin: 0;
  color: #123d32;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.althea-product-reviews__header {
  display: grid;
  align-items: end;
  gap: 3rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
}

.althea-product-reviews__header h2 {
  max-width: 46rem;
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: clamp(2.5rem, 4.5vw, 4.4rem);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}

.althea-product-reviews__intro p {
  margin: 0;
  color: #68756f;
  line-height: 1.7;
}

#product-comments-list-header {
  margin-top: 3rem;
  padding: 1.2rem 0;
  border-top: 1px solid rgb(18 61 50 / 14%);
  border-bottom: 1px solid rgb(18 61 50 / 14%);
}

.comments-nb {
  display: flex;
  align-items: baseline;
  gap: .55rem;
}

.comments-nb strong {
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.6rem;
  font-weight: 500;
}

.comments-nb span {
  color: #7a837f;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.althea-product-reviews__list {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.althea-product-reviews__item,
.althea-product-reviews__empty {
  padding: 1.7rem;
  border: 1px solid rgb(18 61 50 / 14%);
  background: #f8f4eb;
}

.althea-product-reviews__item-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .8rem;
}

.althea-product-reviews__item-top strong,
.althea-product-reviews__item h3 {
  color: #123d32;
  font-family: var(--althea-font-heading);
}

.althea-product-reviews__item-top span {
  color: #8a928e;
  font-size: .76rem;
}

.althea-product-reviews__rating {
  margin-bottom: .7rem;
  color: #b9924f;
  font-weight: 700;
}

.althea-product-reviews__empty {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.althea-product-reviews__empty-mark {
  color: #b9924f;
  font-size: 1.2rem;
}

.althea-product-reviews__empty h3 {
  margin: 0;
  color: #123d32;
  font-family: var(--althea-font-heading);
  font-size: 1.35rem;
  font-weight: 500;
}

.althea-product-reviews__empty p {
  margin: .5rem 0 0;
  color: #68756f;
}

@media (max-width: 767px) {

  .althea-product-reviews__header {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .althea-product-reviews__item-top {
    flex-direction: column;
    gap: .3rem;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT GALLERY THUMBNAILS
   Taille homogène quelle que soit l'orientation du visuel
   ========================================================== */

.althea-product-gallery .product-images {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.althea-product-gallery .thumb-container {
  width: 58px !important;
  min-width: 58px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 3px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border: 1px solid transparent;
  background: #fffdf8;
}

.althea-product-gallery .thumb-container picture {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.althea-product-gallery .thumb-container .thumb {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;
  max-height: 100% !important;

  margin: 0 !important;

  object-fit: contain !important;
}

.althea-product-gallery .thumb-container:has(.thumb.selected),
.althea-product-gallery .thumb-container:has(.js-thumb-selected) {
  border-color: #c6922d;
}

@media (max-width: 767px) {

  .althea-product-gallery .thumb-container {
    width: 52px !important;
    min-width: 52px !important;
    height: 64px !important;
  }

}
/* ==========================================================
   ALTHÉA — PRODUCT IMAGE MODAL
   ========================================================== */

#product-modal .modal-dialog {
  width: min(1180px, calc(100vw - 48px));
  max-width: 1180px;
  margin: 24px auto;
}

#product-modal .modal-content {
  border: 0;
  border-radius: 0;
  background: #f8f4eb;
  box-shadow: 0 24px 80px rgb(0 0 0 / 22%);
}

#product-modal .modal-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 24px;

  padding: 24px;
}


/* GRANDE IMAGE */

#product-modal figure {
  min-width: 0;
  margin: 0;
}

#product-modal figure picture {
  display: flex;
  width: 100%;
  min-height: 650px;

  align-items: center;
  justify-content: center;

  background: #fffdf8;
}

#product-modal .product-cover-modal {
  display: block;

  width: auto;
  height: auto;

  max-width: 100%;
  max-height: 78vh;

  margin: 0 auto;

  object-fit: contain;
}


/* On ne veut pas la description courte dans le zoom */

#product-modal .image-caption {
  display: none;
}


/* MINIATURES */

#product-modal #thumbnails {
  width: 170px;
  min-width: 170px;
}

#product-modal .js-modal-mask {
  width: 100%;
  max-height: 78vh;
  overflow-y: auto;
  overflow-x: hidden;
}

#product-modal .js-modal-product-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;

  width: 100%;
  margin: 0;
  padding: 0;

  list-style: none;
}

#product-modal .thumb-container {
  width: 100% !important;
  height: 105px !important;
  margin: 0 !important;
  padding: 3px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgb(18 61 50 / 12%);
  background: #fffdf8;

  overflow: hidden;
}

#product-modal .thumb-container picture {
  display: flex;
  width: 100%;
  height: 100%;

  align-items: center;
  justify-content: center;
}

#product-modal .js-modal-thumb {
  display: block;

  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;

  cursor: pointer;
}

#product-modal .js-modal-thumb.selected {
  outline: 2px solid #c6922d;
  outline-offset: -2px;
}


/* On masque les grosses flèches Classic */

#product-modal .js-modal-arrows {
  display: none;
}


/* MOBILE */

@media (max-width: 767px) {

  #product-modal .modal-dialog {
    width: calc(100vw - 20px);
    margin: 10px auto;
  }

  #product-modal .modal-body {
    display: block;
    padding: 12px;
  }

  #product-modal figure picture {
    min-height: 0;
  }

  #product-modal .product-cover-modal {
    max-height: 68vh;
  }

  #product-modal #thumbnails {
    width: 100%;
    min-width: 0;

    margin-top: 12px;
  }

  #product-modal .js-modal-mask {
    max-height: none;
    overflow: visible;
  }

  #product-modal .js-modal-product-images {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #product-modal .thumb-container {
    height: 78px !important;
  }

}
/* ==========================================================
   FIX — COLLECTION PRINCIPLES + B2B
   Sécurisation largeur / débordements desktop
   ========================================================== */


/* ----------------------------------------------------------
   PRINCIPLES
   ---------------------------------------------------------- */

.althea-collection-principles__header {
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, .65fr);

    gap: clamp(45px, 6vw, 100px);
}


/* IMPORTANT :
   autorise réellement les colonnes Grid à se contracter */

.althea-collection-principles__header > * {
    min-width: 0;
}


.althea-collection-principles__header h2 {
    width: 100%;
    max-width: 850px;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}


.althea-collection-principles__lead {
    width: 100%;
    max-width: 420px;
}


/* Sécurisation des quatre cartes */

.althea-collection-principles__grid {
    width: 100%;
    min-width: 0;
}


.althea-collection-principle {
    min-width: 0;
}


.althea-collection-principle h3,
.althea-collection-principle p {
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}


/* ----------------------------------------------------------
   B2B
   ---------------------------------------------------------- */

.althea-collection-b2b__panel {
    width: 100%;
    min-width: 0;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(320px, .75fr);

    gap: clamp(45px, 5vw, 90px);
}


/* Les enfants Grid doivent pouvoir rétrécir */

.althea-collection-b2b__panel > *,
.althea-collection-b2b__content,
.althea-collection-b2b__services {
    min-width: 0;
}


.althea-collection-b2b__content h2 {
    width: 100%;
    max-width: 760px;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}


.althea-collection-b2b__intro {
    width: 100%;
    max-width: 640px;
}


/* ----------------------------------------------------------
   INTERMÉDIAIRE
   évite le gros titre coincé avant le breakpoint tablette
   ---------------------------------------------------------- */

@media (max-width: 1199px) {

    .althea-collection-principles__header h2,
    .althea-collection-b2b__content h2 {
        font-size: clamp(52px, 5.2vw, 70px);
    }


    .althea-collection-b2b__panel {
        padding:
            65px
            55px
            60px;

        gap: 55px;
    }

}


/* ----------------------------------------------------------
   TABLETTE
   ---------------------------------------------------------- */

@media (max-width: 991px) {

    .althea-collection-principles__header {
        grid-template-columns: 1fr;
        gap: 35px;
        align-items: start;
    }


    .althea-collection-principles__kicker {
        grid-column: auto;
        margin: 0;
    }


    .althea-collection-principles__lead {
        max-width: 620px;
    }


    .althea-collection-b2b__panel {
        grid-template-columns: 1fr;
        gap: 60px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .althea-collection-principles__header h2,
    .althea-collection-b2b__content h2 {
        width: 100%;
        max-width: 100%;

        font-size: clamp(42px, 12vw, 58px);
        line-height: .98;
        letter-spacing: -.04em;

        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }


    .althea-collection-b2b__panel {
        width: 100%;
        padding:
            52px
            24px
            46px;
    }

}
/* =========================================================
   FOOTER — MOBILE
   Respiration latérale
   ========================================================= */

@media (max-width: 767px) {

  .althea-footer .althea-v3-container {
    padding-left: 24px;
    padding-right: 24px;
  }

}
/* =========================================================
   FOOTER — MOBILE
   Ligne légale sur une seule ligne
   ========================================================= */

@media (max-width: 767px) {

  .althea-footer__bottom > span:first-child {
    white-space: nowrap;
  }

}
/* =========================================================
   ALTHÉA — ONE PAGE CHECKOUT
   ========================================================= */

body#checkout .althea-opc-step {
  margin: 0 0 18px;
  padding: 0;
  background: #fffdf8;
  border: 1px solid rgba(184, 145, 72, 0.22);
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(18, 49, 39, 0.05);
  overflow: hidden;
}

body#checkout .althea-opc-step__header {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 78px;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(184, 145, 72, 0.16);
}

body#checkout .althea-opc-step__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #b89148;
  border-radius: 50%;
  color: #b89148;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

body#checkout .althea-opc-step__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

body#checkout .althea-opc-step__title {
  margin: 0;
  color: #123127;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.2;
}

body#checkout .althea-opc-step__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #123127;
  color: #fff;
}

body#checkout .althea-opc-step__status .material-icons {
  font-size: 16px;
}

body#checkout .althea-opc-step .step-edit {
  margin-left: auto;
  color: #7d776d !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
}

body#checkout .althea-opc-step .step-edit .material-icons {
  color: #b89148;
  font-size: 16px;
  vertical-align: middle;
}

body#checkout .althea-opc-step__content {
  padding: 26px 28px 30px;
}

/* Boutons du checkout */
body#checkout .btn-primary,
body#checkout .continue {
  background: #123127;
  border-color: #123127;
  border-radius: 999px;
  padding: 13px 28px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

body#checkout .btn-primary:hover,
body#checkout .continue:hover {
  background: #1b493a;
  border-color: #1b493a;
}

/* Suppression des accents bleus natifs PrestaShop */
body#checkout .custom-radio input[type="radio"]:checked + span,
body#checkout .custom-checkbox input[type="checkbox"]:checked + span {
  border-color: #123127;
}

body#checkout a {
  color: #123127;
}

@media (max-width: 767px) {
  body#checkout .althea-opc-step__header {
    min-height: 68px;
    padding: 15px 16px;
    gap: 12px;
  }

  body#checkout .althea-opc-step__number {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }

  body#checkout .althea-opc-step__title {
    font-size: 19px;
  }

  body#checkout .althea-opc-step__content {
    padding: 20px 16px 24px;
  }
}
/* =========================================================
   ALTHÉA — CHECKOUT / FINITIONS UI
   Suppression des couleurs résiduelles du thème Classic
   ========================================================= */

/* ---------- CARTES ADRESSES ---------- */

#checkout .address-selector .address-item {
  border: 1px solid rgba(201, 154, 61, 0.28);
  background: #fff;
  border-radius: 14px;
  padding: 22px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#checkout .address-selector .address-item.selected {
  border: 1px solid #c99a3d;
  background: #fff;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.045);
}

/* ---------- RADIOS ---------- */

#checkout .custom-radio {
  border: 1px solid #c99a3d;
  background: #fff;
}

#checkout .custom-radio input[type="radio"]:checked + span {
  background: #073c2e;
}

/* Compatibilité structure Classic */
#checkout .custom-radio input[type="radio"]:checked + span::before {
  background: #073c2e;
}

/* ---------- CHECKBOXES ---------- */

#checkout .custom-checkbox span {
  border-color: #c99a3d;
}

#checkout .custom-checkbox input[type="checkbox"]:checked + span {
  background: #073c2e;
  border-color: #073c2e;
}

#checkout .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
  color: #fff;
}

/* ---------- LIENS CHECKOUT ---------- */

#checkout .address-selector a,
#checkout .add-address a,
#checkout .condition-label a {
  color: #073c2e;
}

#checkout .address-selector a:hover,
#checkout .add-address a:hover,
#checkout .condition-label a:hover {
  color: #b8862f;
}

/* ---------- BOUTONS ---------- */

#checkout .btn-primary,
#checkout .continue.btn-primary,
#checkout #payment-confirmation button {
  background: #073c2e;
  border: 1px solid #073c2e;
  color: #fff;
  border-radius: 999px;
  padding: 13px 28px;
  font-weight: 700;
  letter-spacing: .03em;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease,
              transform .2s ease;
}

#checkout .btn-primary:hover,
#checkout .continue.btn-primary:hover,
#checkout #payment-confirmation button:hover {
  background: #0b4b3a;
  border-color: #0b4b3a;
  color: #fff;
  transform: translateY(-1px);
}

/* ---------- OPTIONS DE LIVRAISON ---------- */

#checkout .delivery-option {
  border: 1px solid rgba(201, 154, 61, 0.25);
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
  padding: 15px 10px;
}

#checkout .delivery-option:hover {
  border-color: #c99a3d;
}

/* ---------- OPTIONS DE PAIEMENT ---------- */

#checkout .payment-option {
  padding: 13px 10px;
  border-bottom: 1px solid rgba(201, 154, 61, 0.18);
}

#checkout .payment-option label {
  color: #102f26;
  cursor: pointer;
}

/* ---------- FOCUS ---------- */

#checkout input:focus,
#checkout textarea:focus,
#checkout select:focus {
  border-color: #c99a3d;
  outline: none;
  box-shadow: 0 0 0 2px rgba(201, 154, 61, 0.10);
}
/* =========================================================
   ALTHÉA — Suppression des derniers accents turquoise Classic
   ========================================================= */

/* Checkout — carte adresse sélectionnée */
body#checkout .address-item.selected {
    border: 2px solid #c89b4b !important;
}

/* Radio de l'adresse sélectionnée */
body#checkout .custom-radio input[type="radio"]:checked + span {
    background-color: #0b3d2e !important;
}

/* Panier — bouton Commander */
body#cart .checkout a.btn-primary,
body#cart .cart-summary .btn-primary {
    background-color: #0b3d2e !important;
    border-color: #0b3d2e !important;
    color: #fff !important;
}

body#cart .checkout a.btn-primary:hover,
body#cart .cart-summary .btn-primary:hover {
    background-color: #082f24 !important;
    border-color: #082f24 !important;
}
/* =========================================================
   ALTHEA — HEADER CART
   Harmonisation du bouton panier
   ========================================================= */

#header .header-nav .cart-preview.active {
  background: #0b4a3b !important;
}

#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active i,
#header .header-nav .cart-preview.active .cart-products-count {
  color: #ffffff !important;
}

#header .header-nav .cart-preview.active:hover {
  background: #c9963b !important;
}

#header .header-nav .cart-preview.active:hover a,
#header .header-nav .cart-preview.active:hover i,
#header .header-nav .cart-preview.active:hover .cart-products-count {
  color: #ffffff !important;
}
/* =========================================================
   CHECKOUT — COULEURS DU FOOTER ALTHÉA
   Neutralise les couleurs imposées par Classic
   ========================================================= */

body#checkout #footer .althea-footer {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Logo */
body#checkout #footer .althea-footer__logo {
  color: #d7b56a !important;
  opacity: 1 !important;
}

/* Signature */
body#checkout #footer .althea-footer__signature {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Description */
body#checkout #footer .althea-footer__description {
  color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
}

/* Titres des colonnes */
body#checkout #footer .althea-footer__column h2 {
  color: rgba(255, 255, 255, 0.62) !important;
  opacity: 1 !important;
}

/* Liens */
body#checkout #footer .althea-footer__column a {
  color: rgba(255, 255, 255, 0.92) !important;
  opacity: 1 !important;
}

body#checkout #footer .althea-footer__column a:hover {
  color: #d7b56a !important;
}

/* Bas du footer */
body#checkout #footer .althea-footer__bottom {
  color: rgba(255, 255, 255, 0.62) !important;
}

body#checkout #footer .althea-footer__made-in {
  color: #d7b56a !important;
}
/* =========================================================
   ALTHÉA — CHECKOUT / MODE DE LIVRAISON
   ========================================================= */

body#checkout #checkout-delivery-step .delivery-options {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}

body#checkout #checkout-delivery-step .delivery-option {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 18px 20px;
  margin: 0;
  border: 1px solid rgba(201, 154, 61, 0.35);
  border-radius: 14px;
  background: #fff;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

body#checkout #checkout-delivery-step .delivery-option:hover {
  border-color: #c99a3d;
  box-shadow: 0 8px 24px rgba(7, 60, 46, 0.06);
  transform: translateY(-1px);
}

body#checkout #checkout-delivery-step .delivery-option:has(input:checked) {
  border-color: #c99a3d;
  box-shadow: 0 8px 24px rgba(7, 60, 46, 0.08);
}

body#checkout #checkout-delivery-step .carrier-name {
  color: #0b3d2e;
  font-weight: 700;
}

body#checkout #checkout-delivery-step .carrier-delay {
  color: #5f625f;
  font-size: .95rem;
}

body#checkout #checkout-delivery-step .carrier-price {
  color: #0b3d2e;
  font-weight: 700;
}

body#checkout #checkout-delivery-step .carrier-logo img {
  max-width: 48px;
  max-height: 38px;
  object-fit: contain;
}

/* Message de commande */

body#checkout #checkout-delivery-step #delivery {
  margin-top: 22px;
}

body#checkout #checkout-delivery-step #delivery label {
  display: block;
  margin-bottom: 10px;
  color: #4f5854;
  line-height: 1.55;
}

body#checkout #checkout-delivery-step #delivery_message {
  width: 100%;
  min-height: 90px;
  padding: 14px 16px;
  border: 1px solid rgba(201, 154, 61, 0.38);
  border-radius: 12px;
  background: #fff;
  resize: vertical;
  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

body#checkout #checkout-delivery-step #delivery_message:focus {
  border-color: #c99a3d;
  outline: none;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, 0.10);
}

/* Options complémentaires */

body#checkout #checkout-delivery-step .order-options .custom-checkbox {
  margin-top: 14px;
}

/* Responsive */

@media (max-width: 767px) {
  body#checkout #checkout-delivery-step .delivery-option {
    padding: 16px 14px;
  }

  body#checkout #checkout-delivery-step .delivery-option .row {
    align-items: center;
  }

  body#checkout #checkout-delivery-step .carrier-delay,
  body#checkout #checkout-delivery-step .carrier-price {
    margin-top: 6px;
  }
}
/* =========================================================
   ALTHÉA — CHECKOUT / PAIEMENT
   ========================================================= */

body#checkout #checkout-payment-step .payment-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}

body#checkout #checkout-payment-step .payment-option {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 14px 16px;
  margin: 0;
  border: 1px solid rgba(201, 154, 61, 0.28);
  border-radius: 12px;
  background: #fff;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

body#checkout #checkout-payment-step .payment-option:hover {
  border-color: #c99a3d;
  box-shadow: 0 6px 20px rgba(7, 60, 46, 0.05);
  transform: translateY(-1px);
}

body#checkout #checkout-payment-step .payment-option:has(input:checked) {
  border-color: #c99a3d;
  box-shadow: 0 6px 20px rgba(7, 60, 46, 0.07);
}

body#checkout #checkout-payment-step .payment-option label {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  color: #0b3d2e;
  font-weight: 600;
  cursor: pointer;
}

body#checkout #checkout-payment-step .payment-option img {
  max-height: 32px;
  width: auto;
}

/* CGV */

body#checkout #conditions-to-approve {
  margin-top: 20px;
  padding: 16px 18px;
  border: 1px solid rgba(201, 154, 61, 0.24);
  border-radius: 12px;
  background: rgba(201, 154, 61, 0.035);
}

body#checkout #conditions-to-approve ul {
  margin: 0;
}

body#checkout #conditions-to-approve li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

body#checkout #conditions-to-approve .condition-label {
  line-height: 1.5;
  color: #4f5854;
}

body#checkout #conditions-to-approve .condition-label a {
  color: #0b3d2e;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body#checkout #conditions-to-approve .condition-label a:hover {
  color: #c99a3d;
}

/* Bouton final */

body#checkout #payment-confirmation {
  margin-top: 20px;
}

body#checkout #payment-confirmation button {
  min-width: 148px;
}
/* =========================================================
   ALTHÉA — CHECKOUT / RÉCAPITULATIF COMMANDE
   Desktop + mobile
   ========================================================= */

body#checkout .cart-grid-right .card,
body#checkout .cart-grid-right .cart-summary {
  border: 1px solid rgba(201, 154, 61, 0.24);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(7, 60, 46, 0.04);
  overflow: hidden;
}

body#checkout .cart-grid-right .card-block,
body#checkout .cart-grid-right .cart-summary > div {
  background: transparent;
}

body#checkout .cart-grid-right .cart-summary-products {
  padding: 22px 20px 16px;
  border-bottom: 1px solid rgba(201, 154, 61, 0.20);
}

body#checkout .cart-grid-right .cart-summary-products p {
  margin: 0;
  color: #0b3d2e;
  font-weight: 600;
}

body#checkout .cart-grid-right .cart-summary-products a {
  color: #0b3d2e;
  font-size: .92rem;
  text-decoration: none;
}

body#checkout .cart-grid-right .cart-summary-products a:hover {
  color: #c99a3d;
}

body#checkout .cart-grid-right .cart-summary-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 10px 20px;
  color: #4f5854;
}

body#checkout .cart-grid-right .cart-summary-line .label {
  color: #4f5854;
}

body#checkout .cart-grid-right .cart-summary-line .value {
  margin-left: auto;
  color: #0b3d2e;
  font-weight: 700;
  text-align: right;
}

body#checkout .cart-grid-right .cart-summary-subtotals-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

body#checkout .cart-grid-right .cart-summary-totals {
  margin-top: 8px;
  padding: 14px 0 16px;
  border-top: 1px solid rgba(201, 154, 61, 0.24);
}

body#checkout .cart-grid-right .cart-summary-totals .cart-summary-line {
  padding-top: 8px;
  padding-bottom: 8px;
}

body#checkout .cart-grid-right .cart-summary-totals .cart-total {
  margin-top: 6px;
  padding-top: 16px;
  border-top: 1px solid rgba(201, 154, 61, 0.28);
}

body#checkout .cart-grid-right .cart-summary-totals .cart-total .label,
body#checkout .cart-grid-right .cart-summary-totals .cart-total .value {
  color: #0b3d2e;
  font-weight: 800;
  font-size: 1.05rem;
}

/* Mobile : la carte descend sous le paiement */
@media (max-width: 991px) {
  body#checkout .cart-grid-right {
    margin-top: 20px;
  }

  body#checkout .cart-grid-right .card,
  body#checkout .cart-grid-right .cart-summary {
    border-radius: 14px;
  }

  body#checkout .cart-grid-right .cart-summary-line {
    padding-left: 16px;
    padding-right: 16px;
  }

  body#checkout .cart-grid-right .cart-summary-products {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* =========================================================
   ALTHÉA — FINITIONS RÉCAPITULATIF CHECKOUT
   ========================================================= */

body#checkout .cart-grid-right .cart-summary-products {
  padding-top: 26px;
  padding-bottom: 20px;
}

body#checkout .cart-grid-right .cart-summary-products p {
  font-size: 0.95rem;
  letter-spacing: 0.01em;
}

body#checkout .cart-grid-right .cart-summary-products a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-weight: 600;
}

body#checkout
.cart-grid-right
.cart-summary-totals
.cart-total
.value {
  font-size: 1.12rem;
}
/* ==========================================================
   ALTHÉA — CHECKOUT / PAIEMENT PREMIUM
   Compatible modules PrestaShop + Stripe
   ========================================================== */

body#checkout .althea-payment {
  width: 100%;
}


/* ==========================================================
   OPTIONS DE PAIEMENT
   ========================================================== */

body#checkout .althea-payment__options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

body#checkout .althea-payment__option-wrapper {
  width: 100%;
}

body#checkout .althea-payment__option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 18px 20px;
  margin: 0;
  background: #fffdfa;
  border: 1px solid rgba(194, 139, 45, 0.32);
  border-radius: 14px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

body#checkout .althea-payment__option:hover {
  border-color: rgba(194, 139, 45, 0.72);
  box-shadow: 0 10px 28px rgba(25, 45, 38, 0.06);
}

body#checkout .althea-payment__option:has(input:checked) {
  border-color: #c28b2d;
  box-shadow: 0 10px 30px rgba(25, 45, 38, 0.08);
}


/* Radio */

body#checkout .althea-payment__radio {
  flex: 0 0 auto;
  margin-right: 16px;
}

body#checkout .althea-payment__option .custom-radio {
  margin-top: 0;
}


/* Label */

body#checkout .althea-payment__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

body#checkout .althea-payment__name {
  color: #063d31;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

body#checkout .althea-payment__logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

body#checkout .althea-payment__logo img {
  display: block;
  width: auto;
  max-width: 100px;
  max-height: 34px;
  object-fit: contain;
}


/* ==========================================================
   INFORMATIONS COMPLÉMENTAIRES
   Virement / Stripe / futurs modules
   ========================================================== */

body#checkout .althea-payment__additional {
  margin: 10px 0 4px;
  padding: 18px 20px;
  background: rgba(250, 247, 241, 0.72);
  border-left: 2px solid #c28b2d;
  border-radius: 0 10px 10px 0;
  color: #34463f;
  font-size: 14px;
  line-height: 1.6;
}

body#checkout .althea-payment__additional p:last-child {
  margin-bottom: 0;
}


/* ==========================================================
   CONDITIONS GÉNÉRALES
   ========================================================== */

body#checkout .althea-payment__conditions {
  margin-top: 20px;
}

body#checkout .althea-payment__conditions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body#checkout .althea-payment__condition {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: #fffdfa;
  border: 1px solid rgba(194, 139, 45, 0.30);
  border-radius: 14px;
}

body#checkout .althea-payment__checkbox {
  flex: 0 0 auto;
  padding-top: 1px;
}

body#checkout .althea-payment__condition-label {
  flex: 1 1 auto;
  min-width: 0;
}

body#checkout .althea-payment__condition-label label {
  margin: 0;
  color: #263b34;
  font-size: 14px;
  line-height: 1.55;
  cursor: pointer;
}

body#checkout .althea-payment__condition-label a {
  color: #063d31;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}


/* ==========================================================
   CONFIRMATION
   ========================================================== */

body#checkout .althea-payment__confirmation {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

body#checkout .althea-payment__confirmation > .ps-shown-by-js {
  width: auto;
}

body#checkout .althea-payment__submit {
  min-width: 190px;
  min-height: 50px;
  padding: 14px 28px;
  margin: 0;
  background: #004d3d;
  border: 1px solid #004d3d;
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  box-shadow: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

body#checkout .althea-payment__submit:hover,
body#checkout .althea-payment__submit:focus {
  background: #063d31;
  border-color: #063d31;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 9px 22px rgba(0, 77, 61, 0.15);
}

body#checkout .althea-payment__submit.disabled,
body#checkout .althea-payment__submit:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  body#checkout .althea-payment__option {
    min-height: 74px;
    padding: 16px 16px;
    border-radius: 13px;
  }

  body#checkout .althea-payment__radio {
    margin-right: 12px;
  }

  body#checkout .althea-payment__label {
    gap: 12px;
  }

  body#checkout .althea-payment__name {
    font-size: 14px;
  }

  body#checkout .althea-payment__logo img {
    max-width: 76px;
    max-height: 30px;
  }

  body#checkout .althea-payment__additional {
    padding: 15px 16px;
    font-size: 13px;
  }

  body#checkout .althea-payment__condition {
    gap: 12px;
    padding: 16px;
    border-radius: 13px;
  }

  body#checkout .althea-payment__condition-label label {
    font-size: 13px;
    line-height: 1.5;
  }

  body#checkout .althea-payment__confirmation,
  body#checkout .althea-payment__confirmation > .ps-shown-by-js {
    width: 100%;
  }

  body#checkout .althea-payment__submit {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    margin: 0;
  }
}
/* ==========================================================
   ALTHÉA — FINITION CGV PAIEMENT
   Supprime l'effet double encadrement
   ========================================================== */

body#checkout .althea-payment__conditions {
  margin-top: 20px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body#checkout .althea-payment__conditions ul {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

body#checkout .althea-payment__condition {
  margin: 0;
}
/* ==========================================================
   ALTHÉA — CONFIRMATION DE COMMANDE PREMIUM
   ========================================================== */

body#order-confirmation #wrapper {
  background: #f8f5ef;
}

body#order-confirmation #content-wrapper,
body#order-confirmation #content {
  width: 100%;
}

body#order-confirmation .althea-confirmation,
body#order-confirmation .althea-confirmation-hero {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}


/* ==========================================================
   HERO DE CONFIRMATION
   ========================================================== */

body#order-confirmation .althea-confirmation-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 26px;
  padding: 42px 46px;
  margin-top: 22px;
  margin-bottom: 28px;
  background: #fffdfa;
  border: 1px solid rgba(194, 139, 45, 0.22);
  border-radius: 20px;
  box-shadow: 0 14px 40px rgba(10, 45, 36, 0.04);
}

body#order-confirmation .althea-confirmation-hero__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-top: 4px;
  border-radius: 50%;
  background: #063d31;
  color: #fff;
  flex: 0 0 auto;
}

body#order-confirmation .althea-confirmation-hero__icon .material-icons {
  font-size: 26px;
}

body#order-confirmation .althea-confirmation-hero__eyebrow,
body#order-confirmation .althea-confirmation__eyebrow,
body#order-confirmation .althea-confirmation-products__eyebrow,
body#order-confirmation .althea-confirmation-details__eyebrow,
body#order-confirmation .althea-confirmation-payment__eyebrow {
  margin: 0 0 8px;
  color: #b67d20;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body#order-confirmation .althea-confirmation-hero__title {
  margin: 0;
  color: #102f27;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 400;
  line-height: 1.02;
}

body#order-confirmation .althea-confirmation-hero__text {
  max-width: 760px;
  margin: 18px 0 0;
  color: #66716d;
  font-size: 15px;
  line-height: 1.7;
}

body#order-confirmation .althea-confirmation-hero__text a {
  color: #063d31;
  font-weight: 600;
}

body#order-confirmation .althea-confirmation-hero__reference {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 10px 14px;
  border: 1px solid rgba(194, 139, 45, 0.26);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.65);
}

body#order-confirmation .althea-confirmation-hero__reference span {
  color: #68736f;
  font-size: 13px;
}

body#order-confirmation .althea-confirmation-hero__reference strong {
  color: #063d31;
  font-size: 13px;
  letter-spacing: 0.04em;
}


/* ==========================================================
   BLOC PRINCIPAL
   ========================================================== */

body#order-confirmation .althea-confirmation__order {
  margin: 0 0 28px;
  padding: 34px 40px 40px;
  background: #fff;
  border: 1px solid rgba(194, 139, 45, 0.18);
  border-radius: 18px;
  box-shadow: 0 10px 35px rgba(10, 45, 36, 0.035);
}

body#order-confirmation .althea-confirmation__heading {
  margin-bottom: 26px;
}

body#order-confirmation .althea-confirmation__title,
body#order-confirmation .althea-confirmation-products__header h2,
body#order-confirmation .althea-confirmation-details__header h2,
body#order-confirmation .althea-confirmation-payment__header h2 {
  margin: 0;
  color: #102f27;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

body#order-confirmation .althea-confirmation__title {
  font-size: 2rem;
}


/* ==========================================================
   PRODUITS
   ========================================================== */

body#order-confirmation .althea-confirmation-products {
  margin-top: 10px;
}

body#order-confirmation .althea-confirmation-products__header,
body#order-confirmation .althea-confirmation-details__header,
body#order-confirmation .althea-confirmation-payment__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

body#order-confirmation .althea-confirmation-products__number,
body#order-confirmation .althea-confirmation-details__number,
body#order-confirmation .althea-confirmation-payment__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #c28b2d;
  border-radius: 50%;
  color: #a86f17;
  font-size: 12px;
  font-weight: 700;
  flex: 0 0 auto;
}

body#order-confirmation .althea-confirmation-products__header h2,
body#order-confirmation .althea-confirmation-details__header h2,
body#order-confirmation .althea-confirmation-payment__header h2 {
  font-size: 1.7rem;
}

body#order-confirmation .althea-confirmation-products__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#order-confirmation .althea-confirmation-product {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 24px;
  padding: 18px;
  background: #fffdfa;
  border: 1px solid rgba(194, 139, 45, 0.20);
  border-radius: 16px;
}

body#order-confirmation .althea-confirmation-product__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

body#order-confirmation .althea-confirmation-product__image {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

body#order-confirmation .althea-confirmation-product__image img {
  display: block;
  width: 100%;
  height: auto;
}

body#order-confirmation .althea-confirmation-product__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

body#order-confirmation .althea-confirmation-product__name {
  margin: 0 0 18px;
  color: #102f27;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.3;
}

body#order-confirmation .althea-confirmation-product__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body#order-confirmation .althea-confirmation-product__meta-item {
  padding: 12px 14px;
  background: rgba(248, 245, 239, 0.72);
  border-radius: 10px;
}

body#order-confirmation .althea-confirmation-product__meta-item span {
  display: block;
  margin-bottom: 4px;
  color: #7a827f;
  font-size: 12px;
}

body#order-confirmation .althea-confirmation-product__meta-item strong {
  color: #063d31;
  font-size: 14px;
}


/* ==========================================================
   TOTAUX
   ========================================================== */

body#order-confirmation .althea-confirmation-totals {
  width: min(100%, 520px);
  margin: 24px 0 0 auto;
  padding: 18px 0 0;
  border-top: 1px solid rgba(194, 139, 45, 0.22);
}

body#order-confirmation .althea-confirmation-totals__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 9px 4px;
  color: #53605b;
}

body#order-confirmation .althea-confirmation-totals__row strong {
  color: #063d31;
}

body#order-confirmation .althea-confirmation-totals__row--grand {
  margin-top: 8px;
  padding: 16px 4px 4px;
  border-top: 1px solid rgba(194, 139, 45, 0.24);
  color: #063d31;
  font-size: 1.08rem;
  font-weight: 700;
}

body#order-confirmation .althea-confirmation-totals__row--grand strong {
  font-size: 1.16rem;
}


/* ==========================================================
   DÉTAILS DE COMMANDE
   ========================================================== */

body#order-confirmation .althea-confirmation-details {
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid rgba(194, 139, 45, 0.18);
}

body#order-confirmation .althea-confirmation-details__list {
  margin: 0;
}

body#order-confirmation .althea-confirmation-details__row {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) 1.2fr;
  gap: 26px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(16, 47, 39, 0.08);
}

body#order-confirmation .althea-confirmation-details__row dt {
  color: #77807c;
  font-weight: 400;
}

body#order-confirmation .althea-confirmation-details__row dd {
  margin: 0;
  color: #102f27;
  font-weight: 600;
}

body#order-confirmation .althea-confirmation-details__delay {
  display: block;
  margin-top: 3px;
  color: #68736f;
  font-size: 13px;
  font-weight: 400;
}


/* ==========================================================
   PAIEMENT / VIREMENT
   ========================================================== */

body#order-confirmation .althea-confirmation-payment {
  max-width: 1180px;
  margin: 0 auto 28px;
  padding: 34px 40px;
  background: #fff;
  border: 1px solid rgba(194, 139, 45, 0.20);
  border-radius: 18px;
  box-shadow: 0 10px 35px rgba(10, 45, 36, 0.035);
}

body#order-confirmation .althea-confirmation-payment__content {
  padding: 22px 24px;
  background: #fffdfa;
  border-left: 3px solid #c28b2d;
  border-radius: 0 14px 14px 0;
  color: #4e5a56;
  line-height: 1.65;
}

body#order-confirmation .althea-confirmation-payment__content p {
  margin-bottom: 10px;
}

body#order-confirmation .althea-confirmation-payment__content p:last-child {
  margin-bottom: 0;
}

body#order-confirmation .althea-confirmation-payment__content strong,
body#order-confirmation .althea-confirmation-payment__content b {
  color: #063d31;
}

body#order-confirmation .althea-confirmation-payment__content table {
  width: 100%;
  margin: 18px 0;
  border-collapse: separate;
  border-spacing: 0 8px;
}

body#order-confirmation .althea-confirmation-payment__content table td {
  padding: 12px 14px;
  background: rgba(248, 245, 239, 0.84);
  border: 0;
}

body#order-confirmation .althea-confirmation-payment__content table td:first-child {
  width: 34%;
  color: #65706c;
  font-weight: 500;
}

body#order-confirmation .althea-confirmation-payment__content table td:last-child {
  color: #102f27;
  font-weight: 600;
}


/* ==========================================================
   HOOKS / PRODUITS POPULAIRES
   ========================================================== */

body#order-confirmation .althea-confirmation-hook {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body#order-confirmation #content-hook-order-confirmation-footer {
  margin-top: 34px;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 991px) {
  body#order-confirmation .althea-confirmation-hero,
  body#order-confirmation .althea-confirmation__order,
  body#order-confirmation .althea-confirmation-payment {
    margin-left: 16px;
    margin-right: 16px;
  }

  body#order-confirmation .althea-confirmation-product {
    grid-template-columns: 110px minmax(0, 1fr);
  }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  body#order-confirmation .althea-confirmation-hero {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 26px 22px;
    border-radius: 16px;
  }

  body#order-confirmation .althea-confirmation-hero__icon {
    width: 46px;
    height: 46px;
  }

  body#order-confirmation .althea-confirmation-hero__title {
    font-size: 2.35rem;
  }

  body#order-confirmation .althea-confirmation-hero__reference {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 12px;
  }

  body#order-confirmation .althea-confirmation__order,
  body#order-confirmation .althea-confirmation-payment {
    padding: 24px 20px;
    border-radius: 16px;
  }

  body#order-confirmation .althea-confirmation-product {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
  }

  body#order-confirmation .althea-confirmation-product__name {
    font-size: 1.08rem;
  }

  body#order-confirmation .althea-confirmation-product__meta {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  body#order-confirmation .althea-confirmation-product__meta-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body#order-confirmation .althea-confirmation-product__meta-item span {
    margin: 0;
  }

  body#order-confirmation .althea-confirmation-totals {
    width: 100%;
  }

  body#order-confirmation .althea-confirmation-details__row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body#order-confirmation .althea-confirmation-payment__content {
    padding: 18px 16px;
  }

  body#order-confirmation .althea-confirmation-payment__content table,
  body#order-confirmation .althea-confirmation-payment__content tbody,
  body#order-confirmation .althea-confirmation-payment__content tr,
  body#order-confirmation .althea-confirmation-payment__content td {
    display: block;
    width: 100%;
  }

  body#order-confirmation .althea-confirmation-payment__content tr {
    margin-bottom: 10px;
  }

  body#order-confirmation .althea-confirmation-payment__content table td:first-child,
  body#order-confirmation .althea-confirmation-payment__content table td:last-child {
    width: 100%;
  }

  body#order-confirmation .althea-confirmation-payment__content table td:first-child {
    padding-bottom: 4px;
    border-radius: 10px 10px 0 0;
  }

  body#order-confirmation .althea-confirmation-payment__content table td:last-child {
    padding-top: 4px;
    border-radius: 0 0 10px 10px;
  }
}
/* ==========================================================
   ALTHÉA — CONFIRMATION
   FINITION PETIT MOBILE <= 480px
   ========================================================== */

@media (max-width: 480px) {

  /* Sécurité générale : aucun débordement horizontal */
  body#order-confirmation {
    overflow-x: hidden;
  }

  body#order-confirmation .althea-confirmation-hero,
  body#order-confirmation .althea-confirmation__order,
  body#order-confirmation .althea-confirmation-payment {
    margin-left: 10px;
    margin-right: 10px;
  }


  /* ----------------------------------------------------------
     HERO
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation-hero {
    padding: 22px 20px 26px;
  }

  body#order-confirmation .althea-confirmation-hero__title {
    font-size: 2rem;
    line-height: 1.08;
  }

  body#order-confirmation .althea-confirmation-hero__text {
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body#order-confirmation .althea-confirmation-hero__reference {
    gap: 8px;
    padding: 10px 12px;
  }

  body#order-confirmation .althea-confirmation-hero__reference span {
    font-size: 11px;
  }

  body#order-confirmation .althea-confirmation-hero__reference strong {
    font-size: 12px;
  }


  /* ----------------------------------------------------------
     BLOC RÉCAPITULATIF
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation__order {
    padding: 24px 20px 28px;
  }

  body#order-confirmation .althea-confirmation__title {
    font-size: 1.85rem;
    line-height: 1.08;
  }

  body#order-confirmation .althea-confirmation-products__header,
  body#order-confirmation .althea-confirmation-details__header,
  body#order-confirmation .althea-confirmation-payment__header {
    align-items: flex-start;
    gap: 12px;
  }

  body#order-confirmation .althea-confirmation-products__number,
  body#order-confirmation .althea-confirmation-details__number,
  body#order-confirmation .althea-confirmation-payment__number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }

  body#order-confirmation .althea-confirmation-products__header h2,
  body#order-confirmation .althea-confirmation-details__header h2,
  body#order-confirmation .althea-confirmation-payment__header h2 {
    font-size: 1.55rem;
    line-height: 1.15;
  }


  /* ----------------------------------------------------------
     PRODUIT : disposition verticale
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation-product {
    display: block;
    padding: 16px;
  }

  body#order-confirmation .althea-confirmation-product__visual {
    width: 100%;
    margin-bottom: 16px;
  }

  body#order-confirmation .althea-confirmation-product__image {
    width: 150px;
    max-width: 65%;
    margin: 0 auto;
  }

  body#order-confirmation .althea-confirmation-product__name {
    margin: 0 0 16px;
    font-size: 1.12rem;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
  }

  body#order-confirmation .althea-confirmation-product__meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  body#order-confirmation .althea-confirmation-product__meta-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 11px 12px;
  }

  body#order-confirmation .althea-confirmation-product__meta-item span,
  body#order-confirmation .althea-confirmation-product__meta-item strong {
    font-size: 12px;
  }


  /* ----------------------------------------------------------
     TOTAUX
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation-totals {
    margin-top: 22px;
  }

  body#order-confirmation .althea-confirmation-totals__row {
    padding: 10px 4px;
    font-size: 14px;
  }

  body#order-confirmation .althea-confirmation-totals__row--grand {
    padding-top: 16px;
  }


  /* ----------------------------------------------------------
     DÉTAILS
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation-details {
    margin-top: 28px;
    padding-top: 24px;
  }

  body#order-confirmation .althea-confirmation-details__row {
    padding: 13px 0;
  }


  /* ----------------------------------------------------------
     PAIEMENT
     ---------------------------------------------------------- */

  body#order-confirmation .althea-confirmation-payment {
    padding: 24px 20px;
  }

  body#order-confirmation .althea-confirmation-payment__content {
    padding: 18px 14px 18px 16px;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }

  body#order-confirmation .althea-confirmation-payment__content p {
    overflow-wrap: anywhere;
  }


  /* ----------------------------------------------------------
     PRODUITS POPULAIRES
     ---------------------------------------------------------- */

  body#order-confirmation #content-hook-order-confirmation-footer {
    overflow: hidden;
  }
}
/* ==========================================================
   ALTHÉA — PANIER PREMIUM
   ========================================================== */

body#cart {
  background: #f8f5ef;
}

body#cart .althea-cart-page {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 0 72px;
}


/* ----------------------------------------------------------
   HERO
   ---------------------------------------------------------- */

body#cart .althea-cart-hero {
  padding: 4px 0 22px;
}

body#cart .althea-cart-eyebrow,
body#cart .althea-cart-section-kicker,
body#cart .althea-cart-summary-kicker {
  color: #c8871a;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body#cart .althea-cart-title {
  margin: 5px 0 8px;
  color: #103f33;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 5vw, 4.7rem);
  font-weight: 400;
  line-height: 0.98;
}

body#cart .althea-cart-intro {
  margin: 18px 0 0;
  color: #6d6d6d;
  font-size: 0.95rem;
}


/* ----------------------------------------------------------
   GRILLE
   ---------------------------------------------------------- */

body#cart .althea-cart-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(300px, 1fr);
  gap: 30px;
  margin: 0;
}

body#cart .althea-cart-products-column,
body#cart .althea-cart-summary-column {
  width: 100%;
  max-width: none;
  padding: 0;
  float: none;
}


/* ----------------------------------------------------------
   CARTE PRODUITS
   ---------------------------------------------------------- */

body#cart .althea-cart-products-card,
body#cart .althea-cart-summary-card {
  margin: 0;
  background: #fffdfa;
  border: 1px solid #ead8b6;
  border-radius: 18px;
  box-shadow: none;
}

body#cart .althea-cart-products-card {
  padding: 28px 30px 30px;
}

body#cart .althea-cart-section-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eee3d2;
}

body#cart .althea-cart-section-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid #d49122;
  border-radius: 50%;
  color: #b9750d;
  font-size: 0.75rem;
}

body#cart .althea-cart-section-title {
  margin: 4px 0 0;
  color: #0a4033;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}


/* ----------------------------------------------------------
   SUPPRESSION DES STYLES CLASSIC INUTILES
   ---------------------------------------------------------- */

body#cart .cart-container > .card-block,
body#cart .cart-container > .separator {
  display: none;
}

body#cart .cart-overview {
  padding-top: 24px;
}

body#cart .cart-items {
  margin: 0;
  padding: 0;
}

body#cart .cart-item {
  list-style: none;
}

body#cart .cart-item + .cart-item {
  margin-top: 18px;
}


/* ----------------------------------------------------------
   LIGNE PRODUIT
   ---------------------------------------------------------- */

body#cart .product-line-grid {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 230px;
  gap: 24px;
  align-items: center;
  margin: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid #ead8b6;
  border-radius: 15px;
}

body#cart .product-line-grid-left,
body#cart .product-line-grid-body,
body#cart .product-line-grid-right {
  width: auto;
  max-width: none;
  padding: 0;
  float: none;
}

body#cart .product-image {
  display: block;
  width: 100%;
  background: #f8f4eb;
  border-radius: 10px;
  overflow: hidden;
}

body#cart .product-image img {
  display: block;
  width: 100%;
  height: auto;
}

body#cart .product-line-info > a.label {
  display: block;
  margin-bottom: 12px;
  color: #073f33;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.25;
}

body#cart .product-line-info.product-price {
  margin: 0 0 10px;
}

body#cart .product-line-info.product-price .price {
  color: #0b4a3c;
  font-size: 1rem;
  font-weight: 700;
}

body#cart .product-line-grid-body > br {
  display: none;
}

body#cart .product-line-info:not(.product-price) {
  margin-top: 6px;
  color: #666;
  font-size: 0.9rem;
}

body#cart .product-line-info:not(.product-price) .label {
  color: #6f6f6f;
  font-weight: 400;
}

body#cart .product-line-info:not(.product-price) .value {
  color: #173f36;
  font-weight: 600;
}


/* ----------------------------------------------------------
   ACTIONS PRODUIT
   ---------------------------------------------------------- */

body#cart .product-line-actions > .row {
  display: grid;
  grid-template-columns: minmax(92px, 1fr) 80px 32px;
  gap: 14px;
  align-items: center;
  margin: 0;
}

body#cart .product-line-actions > .row > div {
  width: auto;
  max-width: none;
  padding: 0;
}

body#cart .product-line-actions .hidden-md-up {
  display: none !important;
}

body#cart .product-line-actions .col-md-10 > .row {
  display: contents;
}

body#cart .product-line-actions .qty,
body#cart .product-line-actions .price {
  width: auto;
  max-width: none;
  padding: 0;
}

body#cart .js-cart-line-product-quantity {
  width: 86px;
  height: 44px;
  padding: 0 12px;
  color: #073f33;
  background: #fbfaf7;
  border: 1px solid #dec79d;
  border-radius: 8px;
  text-align: center;
}

body#cart .product-line-actions .price {
  text-align: right;
}

body#cart .product-line-actions .product-price strong {
  color: #073f33;
  font-size: 1rem;
}

body#cart .remove-from-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #8a8279;
  border-radius: 50%;
  transition: 0.2s ease;
}

body#cart .remove-from-cart:hover {
  color: #073f33;
  background: #f4eee2;
}

body#cart .remove-from-cart .material-icons {
  float: none !important;
  font-size: 20px;
}


/* ----------------------------------------------------------
   CONTINUER MES ACHATS
   ---------------------------------------------------------- */

body#cart .althea-cart-continue {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: #0a4033;
  font-size: 0.92rem;
  text-decoration: none;
}

body#cart .althea-cart-continue:hover {
  color: #b9750d;
}

body#cart .althea-cart-continue-arrow {
  font-size: 1.1rem;
}


/* ----------------------------------------------------------
   RÉCAPITULATIF
   ---------------------------------------------------------- */

body#cart .althea-cart-summary-card {
  overflow: hidden;
}

body#cart .althea-cart-summary-header {
  padding: 26px 22px 8px;
}

body#cart .althea-cart-summary-title {
  margin: 5px 0 0;
  color: #0a4033;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.08;
}

body#cart .cart-detailed-totals {
  margin: 0;
}

body#cart .cart-detailed-subtotals {
  padding: 18px 20px 8px;
}

body#cart .cart-summary-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  margin: 0;
  padding: 11px 0;
  color: #38443f;
  border-bottom: 1px solid #eee5d7;
}

body#cart .cart-summary-line .label {
  font-size: 0.93rem;
  font-weight: 400;
}

body#cart .cart-summary-line .value {
  margin-left: auto;
  color: #063f32;
  font-size: 0.96rem;
  font-weight: 700;
}

body#cart .cart-summary-totals {
  padding: 0;
}

body#cart .cart-summary-totals .cart-summary-line {
  padding: 14px 20px;
}

body#cart .cart-summary-totals .cart-total {
  margin-top: 0;
  background: #fbf8f2;
  border-top: 0;
}

body#cart .cart-summary-totals .cart-total .label,
body#cart .cart-summary-totals .cart-total .value {
  color: #073f33;
  font-size: 1.05rem;
  font-weight: 700;
}


/* ----------------------------------------------------------
   BOUTON COMMANDER
   ---------------------------------------------------------- */

body#cart .cart-detailed-actions {
  padding: 18px 20px 22px;
}

body#cart .cart-detailed-actions .text-sm-center {
  text-align: initial !important;
}

body#cart .cart-detailed-actions .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 20px;
  color: #fff;
  background: #06493b;
  border: 1px solid #06493b;
  border-radius: 999px;
  box-shadow: none;
  font-size: 0.83rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body#cart .cart-detailed-actions .btn-primary:hover {
  color: #fff;
  background: #093c32;
  border-color: #093c32;
}


/* ----------------------------------------------------------
   RÉASSURANCE ALTHÉA
   ---------------------------------------------------------- */

body#cart .althea-cart-reassurance {
  margin-top: 22px;
  border-top: 1px solid #ded8cc;
}

body#cart .althea-cart-reassurance-item {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  padding: 18px 4px;
  border-bottom: 1px solid #ded8cc;
}

body#cart .althea-cart-reassurance-number {
  color: #c9871e;
  font-size: 0.7rem;
  padding-top: 4px;
}

body#cart .althea-cart-reassurance-item strong {
  display: block;
  margin-bottom: 4px;
  color: #073f33;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.03rem;
  font-weight: 400;
}

body#cart .althea-cart-reassurance-item span:last-child {
  color: #777;
  font-size: 0.84rem;
  line-height: 1.45;
}


/* On masque le second bloc de réassurance natif ici,
   car nous avons déjà notre bloc ALTHÉA juste au-dessus. */

body#cart .althea-cart-summary-column > #block-reassurance,
body#cart .althea-cart-summary-column > .blockreassurance_product {
  display: none;
}


/* ----------------------------------------------------------
   TABLETTE
   ---------------------------------------------------------- */

@media (max-width: 991px) {

  body#cart .althea-cart-page {
    padding-left: 16px;
    padding-right: 16px;
  }

  body#cart .althea-cart-grid {
    grid-template-columns: 1fr;
  }

  body#cart .althea-cart-summary-column {
    margin-top: 8px;
  }

  body#cart .product-line-grid {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  body#cart .product-line-grid-right {
    grid-column: 2;
  }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

  body#cart .althea-cart-page {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 42px;
  }

  body#cart .althea-cart-hero {
    padding-top: 8px;
  }

  body#cart .althea-cart-title {
    font-size: 2.55rem;
  }

  body#cart .althea-cart-intro {
    margin-top: 12px;
    line-height: 1.5;
  }

  body#cart .althea-cart-products-card {
    padding: 20px 14px;
    border-radius: 15px;
  }

  body#cart .althea-cart-section-heading {
    gap: 12px;
    padding-bottom: 17px;
  }

  body#cart .althea-cart-section-number {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body#cart .althea-cart-section-title {
    font-size: 1.55rem;
  }

  body#cart .product-line-grid {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
  }

  body#cart .product-line-grid-left {
    grid-column: 1;
    grid-row: 1;
  }

  body#cart .product-line-grid-body {
    grid-column: 2;
    grid-row: 1;
  }

  body#cart .product-line-grid-right {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-top: 14px;
    border-top: 1px solid #eee5d7;
  }

  body#cart .product-line-info > a.label {
    margin-bottom: 7px;
    font-size: 1rem;
    line-height: 1.3;
  }

  body#cart .product-line-actions > .row {
    grid-template-columns: 92px 1fr 32px;
  }

  body#cart .product-line-actions .price {
    text-align: center;
  }

  body#cart .althea-cart-summary-title {
    font-size: 1.7rem;
  }

  body#cart .althea-cart-summary-card {
    border-radius: 15px;
  }
}


/* ----------------------------------------------------------
   PETIT MOBILE
   ---------------------------------------------------------- */

@media (max-width: 420px) {

  body#cart .althea-cart-page {
    padding-left: 8px;
    padding-right: 8px;
  }

  body#cart .althea-cart-title {
    font-size: 2.35rem;
  }

  body#cart .product-line-grid {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  body#cart .product-line-info > a.label {
    font-size: 0.95rem;
  }

  body#cart .product-line-actions > .row {
    grid-template-columns: 86px 1fr 30px;
    gap: 8px;
  }

  body#cart .js-cart-line-product-quantity {
    width: 78px;
  }
}
/* =========================================================
   ALTHEA — PANIER
   Masquer l'ancien bloc de réassurance
   ========================================================= */

body#cart .althea-cart-summary-column > .althea-reassurance {
    display: none !important;
}
/* =========================================================
   ALTHÉA — PANIER
   Sélecteur quantité premium — structure réelle PrestaShop
   ========================================================= */

body#cart .product-line-actions .qty .bootstrap-touchspin {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 38px 52px 38px;
  align-items: center;

  width: 128px !important;
  min-width: 128px !important;
  height: 44px !important;

  margin: 0 !important;

  border: 1px solid rgba(201, 139, 35, .42);
  border-radius: 12px;
  overflow: hidden;

  background: #fffdf9;
  box-shadow: none !important;
}


/* Champ quantité */

body#cart .product-line-actions .qty
.bootstrap-touchspin > input.js-cart-line-product-quantity {
  grid-column: 2;

  display: block !important;

  width: 52px !important;
  min-width: 52px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-left: 1px solid rgba(201, 139, 35, .18) !important;
  border-right: 1px solid rgba(201, 139, 35, .18) !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  text-align: center;
  font-size: 15px;
  line-height: 42px;
  color: #004638;

  -moz-appearance: textfield;
}


/* Retirer les flèches natives du input number */

body#cart .product-line-actions .qty
.bootstrap-touchspin > input::-webkit-inner-spin-button,

body#cart .product-line-actions .qty
.bootstrap-touchspin > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Conteneur des deux boutons PrestaShop */

body#cart .product-line-actions .qty
.bootstrap-touchspin > .input-group-btn-vertical {
  position: static !important;

  display: contents !important;

  width: auto !important;
  height: auto !important;
}


/* Boutons */

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down,

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up {
  position: static !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 38px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  color: #004638 !important;

  font-size: 0 !important;
}


/* − à gauche */

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down {
  grid-column: 1;
  grid-row: 1;
}

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down::before {
  content: "−";
  display: block;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}


/* + à droite */

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up {
  grid-column: 3;
  grid-row: 1;
}

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up::before {
  content: "+";
  display: block;
  font-family: Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}


body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down:hover,

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up:hover {
  background: rgba(201, 139, 35, .08) !important;
}
/* =========================================================
   ALTHÉA — PANIER
   Correction finale boutons quantité
   ========================================================= */

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up > *,

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down > * {
  display: none !important;
}

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-down::before {
  content: "−" !important;
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #004638 !important;
}

body#cart .product-line-actions .qty
.bootstrap-touchspin .bootstrap-touchspin-up::before {
  content: "+" !important;
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #004638 !important;
}
/* ============================================================
   ALTHÉA — MODALE AJOUT AU PANIER
   ============================================================ */

#blockcart-modal.althea-cart-modal {
  position: relative;
  background: #fbf8f2;
  color: #003f34;
}

#blockcart-modal .althea-cart-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  background: #fbf8f2;
  border: 1px solid rgba(199, 145, 47, 0.35);
  border-radius: 20px;
  overflow: hidden;
}

#blockcart-modal .althea-cart-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 30px;
  border-bottom: 1px solid rgba(199, 145, 47, 0.22);
}

#blockcart-modal .althea-cart-modal__success {
  display: flex;
  align-items: center;
  gap: 16px;
}

#blockcart-modal .althea-cart-modal__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #004638;
  color: #fff;
  font-size: 20px;
}

#blockcart-modal .althea-cart-modal__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #c47a00;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#blockcart-modal .althea-cart-modal__title {
  margin: 0;
  color: #003f34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.1;
  font-weight: 400;
  text-transform: none;
}

#blockcart-modal .althea-cart-modal__close {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(199, 145, 47, 0.35);
  border-radius: 50%;
  background: transparent;
  color: #003f34;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

#blockcart-modal .althea-cart-modal__close:hover {
  background: rgba(0, 63, 52, 0.05);
}

#blockcart-modal .althea-cart-modal__product-name {
  display: none;
}

#blockcart-modal .althea-cart-modal__content,
#blockcart-modal .althea-cart-modal__footer {
  background: transparent;
}
/* ============================================================
   Contenu natif injecté par ps_shoppingcart
   ============================================================ */

#blockcart-modal .modal-body {
  padding: 32px 34px 36px !important;
  background: #fbf8f2 !important;
}

#blockcart-modal .product-image {
  border-radius: 14px;
  overflow: hidden;
}

#blockcart-modal .product-name {
  margin-bottom: 12px !important;
  color: #003f34 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.6rem !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

#blockcart-modal .product-price,
#blockcart-modal .cart-products-count {
  color: #003f34 !important;
}

#blockcart-modal .cart-content {
  border-left: 1px solid rgba(199, 145, 47, 0.22) !important;
  padding-left: 34px !important;
}

#blockcart-modal .cart-content p {
  margin-bottom: 14px;
}

#blockcart-modal .cart-content-btn {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

#blockcart-modal .cart-content-btn .btn {
  min-height: 50px;
  padding: 0 25px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em;
  box-shadow: none !important;
}

#blockcart-modal .cart-content-btn .btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(0, 63, 52, 0.25) !important;
  color: #003f34 !important;
}

#blockcart-modal .cart-content-btn .btn-secondary:hover {
  background: rgba(0, 63, 52, 0.05) !important;
}

#blockcart-modal .cart-content-btn .btn-primary {
  background: #004638 !important;
  border: 1px solid #004638 !important;
  color: #fff !important;
}

#blockcart-modal .cart-content-btn .btn-primary:hover {
  background: #00382d !important;
  border-color: #00382d !important;
}
@media (max-width: 767px) {

  #blockcart-modal .althea-cart-modal__dialog {
    border-radius: 16px;
  }

  #blockcart-modal .althea-cart-modal__header {
    align-items: flex-start;
    padding: 20px 18px;
  }

  #blockcart-modal .althea-cart-modal__success {
    align-items: flex-start;
  }

  #blockcart-modal .althea-cart-modal__check {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
    font-size: 17px;
  }

  #blockcart-modal .althea-cart-modal__title {
    font-size: 1.35rem;
  }

  #blockcart-modal .althea-cart-modal__close {
    width: 36px;
    height: 36px;
    font-size: 23px;
  }

  #blockcart-modal .modal-body {
    padding: 22px 18px 26px !important;
  }

  #blockcart-modal .modal-body .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #blockcart-modal .product-name {
    font-size: 1.3rem !important;
  }

  #blockcart-modal .cart-content {
    margin-top: 24px !important;
    padding: 24px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(199, 145, 47, 0.22) !important;
  }

  #blockcart-modal .cart-content-btn {
    flex-direction: column;
  }

  #blockcart-modal .cart-content-btn .btn {
    width: 100% !important;
  }
}
/* ==========================================================
   ALTHÉA — MODALE AJOUT AU PANIER
   ========================================================== */

#blockcart-modal .modal-dialog {
  width: calc(100% - 48px);
  max-width: 1140px;
  margin: 5vh auto;
}

#blockcart-modal .althea-cart-modal {
  background: #fbf8f2;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(0, 36, 29, 0.18);
}


/* =========================
   HEADER
   ========================= */

#blockcart-modal .althea-cart-modal__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 34px;
  background: #fff;
  border-bottom: 1px solid rgba(201, 151, 55, 0.28);
}

#blockcart-modal .althea-cart-modal__success {
  display: flex;
  align-items: center;
  gap: 18px;
}

#blockcart-modal .althea-cart-modal__success::before {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #004638;
  color: #fff;
  font-size: 22px;
  font-family: Arial, sans-serif;
}

#blockcart-modal .althea-cart-modal__header h1 {
  margin: 0;
  color: #003f34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 400;
}

#blockcart-modal .althea-cart-modal__header h1::before {
  content: "PRODUCT ADDED";
  display: block;
  margin-bottom: 6px;
  color: #c78a1b;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
}


/* bouton fermer */

#blockcart-modal .althea-cart-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  margin-left: 25px;
  border: 1px solid rgba(201, 151, 55, 0.45);
  border-radius: 50%;
  background: transparent;
  color: #004638;
  font-size: 22px;
  cursor: pointer;
  transition: all .2s ease;
}

#blockcart-modal .althea-cart-modal__close:hover {
  background: #004638;
  border-color: #004638;
  color: #fff;
}


/* =========================
   CORPS
   ========================= */

#blockcart-modal .althea-cart-modal__body {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
  gap: 0;
  padding: 0;
}


/* colonne produit */

#blockcart-modal .althea-cart-modal__product {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 38px 40px;
}

#blockcart-modal .althea-cart-modal__product-image {
  width: 180px;
  height: 180px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(201, 151, 55, 0.25);
  border-radius: 10px;
}

#blockcart-modal .althea-cart-modal__product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#blockcart-modal .althea-cart-modal__selection {
  margin: 0 0 10px;
  color: #c78a1b;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

#blockcart-modal .althea-cart-modal__product-name {
  margin: 0 0 20px;
  color: #003f34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400;
}

#blockcart-modal .althea-cart-modal__product-info {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.9;
  color: #5f625f;
}

#blockcart-modal .althea-cart-modal__product-info strong {
  color: #003f34;
  font-weight: 700;
}


/* =========================
   RÉSUMÉ PANIER
   ========================= */

#blockcart-modal .althea-cart-modal__summary {
  padding: 38px 34px;
  background: #fff;
  border-left: 1px solid rgba(201, 151, 55, 0.22);
}

#blockcart-modal .althea-cart-modal__summary-label {
  margin-bottom: 8px;
  color: #c78a1b;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

#blockcart-modal .althea-cart-modal__summary h2 {
  margin: 0 0 24px;
  color: #003f34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
}

#blockcart-modal .althea-cart-modal__summary-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 11px 0;
  color: #646662;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #eee8dd;
}

#blockcart-modal .althea-cart-modal__summary-row strong {
  color: #003f34;
  font-weight: 700;
}

#blockcart-modal .althea-cart-modal__summary-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
  padding-top: 18px;
  color: #003f34;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

#blockcart-modal .althea-cart-modal__summary-total strong {
  font-size: 21px;
}


/* =========================
   FOOTER / BOUTONS
   ========================= */

#blockcart-modal .althea-cart-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 22px 34px;
  background: #fff;
  border-top: 1px solid rgba(201, 151, 55, 0.25);
}

#blockcart-modal .althea-cart-modal__footer a,
#blockcart-modal .althea-cart-modal__footer button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 24px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s ease;
}


/* continuer achats */

#blockcart-modal .althea-cart-modal__continue {
  border: 1px solid #d8c49b;
  background: transparent;
  color: #003f34;
}

#blockcart-modal .althea-cart-modal__continue:hover {
  background: #f4eee2;
  color: #003f34;
}


/* voir panier */

#blockcart-modal .althea-cart-modal__cart {
  border: 1px solid #003f34;
  background: #fff;
  color: #003f34;
}

#blockcart-modal .althea-cart-modal__cart:hover {
  background: #f2f5f3;
}


/* commander */

#blockcart-modal .althea-cart-modal__checkout {
  border: 1px solid #004638;
  background: #004638;
  color: #fff;
}

#blockcart-modal .althea-cart-modal__checkout:hover {
  background: #00382d;
  border-color: #00382d;
  color: #fff;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 991px) {

  #blockcart-modal .modal-dialog {
    width: calc(100% - 30px);
    margin: 3vh auto;
  }

  #blockcart-modal .althea-cart-modal__body {
    grid-template-columns: 1fr;
  }

  #blockcart-modal .althea-cart-modal__summary {
    border-left: 0;
    border-top: 1px solid rgba(201, 151, 55, 0.22);
  }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

  #blockcart-modal .modal-dialog {
    width: calc(100% - 20px);
    margin: 10px auto;
  }

  #blockcart-modal .althea-cart-modal__header {
    padding: 20px;
  }

  #blockcart-modal .althea-cart-modal__success {
    gap: 12px;
  }

  #blockcart-modal .althea-cart-modal__success::before {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    font-size: 17px;
  }

  #blockcart-modal .althea-cart-modal__header h1 {
    font-size: 21px;
  }

  #blockcart-modal .althea-cart-modal__product {
    grid-template-columns: 1fr;
    padding: 25px 20px;
  }

  #blockcart-modal .althea-cart-modal__product-image {
    width: 150px;
    height: 150px;
    margin: auto;
  }

  #blockcart-modal .althea-cart-modal__product-name {
    font-size: 21px;
  }

  #blockcart-modal .althea-cart-modal__summary {
    padding: 25px 20px;
  }

  #blockcart-modal .althea-cart-modal__footer {
    flex-direction: column;
    padding: 20px;
  }

  #blockcart-modal .althea-cart-modal__footer a,
  #blockcart-modal .althea-cart-modal__footer button {
    width: 100%;
  }
}