/** Shopify CDN: Minification failed

Line 423:0 Unexpected "}"

**/
/*
  Freya : charte freya.tn, chargée après theme.css d'Hyper (voir snippets/freya-head.liquid).
  Mêmes valeurs que freya-design (Freya-tn/freya-design, DESIGN.md) et l'app vendeuses.
  Règle : ne pas modifier le CSS d'Hyper, surcharger ici (les couleurs passent d'abord par les jeux de couleurs
  du thème, dans l'éditeur ; ce fichier ne fixe que ce que les réglages ne permettent pas).
*/

:root {
  --freya-ink: #111111;
  --freya-text-2: #6B6468;
  --freya-line: #E9E4E6;
  --freya-pink: #EE3388;
  --freya-pink-text: #C21868;
  --freya-powder: #FDEBF1;
  --freya-pink-200: #F9D9E5;
  --freya-cream: #FBF8F5;
  --freya-gradient-powder: linear-gradient(160deg, #F6E3EA 0%, #FDF4F7 100%);
  --freya-gradient-hero: linear-gradient(170deg, #F3D6E2 0%, #FBEFF4 55%, #F6E3EA 100%);
  --freya-halo: 0 8px 20px rgba(238, 51, 136, 0.35);

  /* Polices : Plus Jakarta Sans partout (texte, titres, navigation, boutons) */
  --font-body-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-subheading-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* Navigation, boutons, cartes produit : Hyper les prend dans ses réglages de police (Figtree) ; Plus Jakarta partout */
  --font-navigation-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-button-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-pcard-title-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-pcard-price-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-pcard-badge-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 800;
  --font-heading-letter-spacing: -0.02em;
  --font-body-weight: 400;
  --font-body-weight-bolder: 600;
  --font-body-weight-bold: 700;
}

/* Titres : extra-gras, serrés, encre */
h1, h2, h3, .h1, .h2, .h3, .hd1 { font-weight: 800; letter-spacing: -0.02em; }
h4, h5, h6, .h4, .h5, .h6 { font-weight: 700; letter-spacing: -0.01em; }

/* Mot d'accent : un texte en italique dans un titre (éditeur de thème : sélectionner le mot, puis I)
   s'affiche en Cormorant Garamond italique, comme « Pour votre type de peau. » sur la maquette */
h1 em, h2 em, h3 em, .h1 em, .h2 em, .h3 em, .hd1 em,
h1 i, h2 i, h3 i, .h1 i, .h2 i, .h3 i, .hd1 i {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 1.12em;
  line-height: 1;
}

/* Sous-titres au-dessus des titres : petites majuscules rose texte espacées (« PAR TYPE DE PEAU ») */
.subheading {
  font-family: var(--font-body-family);
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--freya-pink-text);
}

/* Boutons : pilules, texte non capitalisé, halo rose sous le bouton principal */
.btn { text-transform: none; letter-spacing: 0; }
.btn--primary { box-shadow: var(--freya-halo); }
.btn--primary:hover { box-shadow: var(--freya-halo); }
.btn--primary[disabled], .btn--primary.disabled { box-shadow: none; }

/* Cartes produit : fond blanc derrière la photo (poudré seulement sans photo, voir freya-card.css), sans ombre */
.product-card__image-wrapper { background: #FFFFFF; }
.product-card { box-shadow: none; }

/* Prix barré discret, prix en encre */
.product-card .price, .product-card__info .price { color: var(--freya-ink); }

/* Largeur de page (maquette) : contenu de 1 280 px (Réglages du thème > Largeur de page), centré ; seule la marge
   latérale change avec l'écran (80 px à 1 440, 43 px à 1 366, 320 px à 1 920), 16 px sur mobile. */
@media (min-width: 1024px) {
  :root { --page-padding: max(3.2rem, (100vw - var(--scrollbar-width, 0px) - var(--page-width)) / 2); }
}

/* Survol des boutons (tout le site) : le calque glissant d'Hyper (::before couleur du texte, texte inversé) donnait
   blanc sur blanc ou fuchsia sur rose avec les couleurs Freya. Survol Freya : fuchsia plus foncé, texte blanc ;
   boutons à contour, blancs ou ronds : fond noir, texte blanc. */
.btn:not(.btn--plain, .btn--underline, .btn--link, .btn--inherit)::before { content: none !important; display: none !important; }
@media (hover: hover) and (pointer: fine) {
  .btn--primary:not([disabled]):hover,
  .btn-hover-wrapper:hover .btn--primary {
    border-color: #B81A68 !important;
    background: #B81A68 !important;
    color: #FFFFFF !important;
  }
  .btn--secondary:not([disabled]):hover,
  .btn--outline:not([disabled]):hover,
  .btn--white:not([disabled]):hover,
  .btn--icon:not([disabled]):hover,
  .btn-hover-wrapper:hover .btn--secondary,
  .btn-hover-wrapper:hover .btn--outline,
  .btn-hover-wrapper:hover .btn--icon {
    border-color: #111111 !important;
    background: #111111 !important;
    color: #FFFFFF !important;
  }
  .btn:not(.btn--plain, .btn--underline, .btn--link, .btn--inherit):hover :is(.btn__text, .btn__icon, svg) { color: inherit !important; }
}

/* Boutons Freya (pages de contenu, fenêtre vidéo de l'accueil) : pilule 50 px, fuchsia plein ou contour noir */
.freya-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  height: 5rem;
  padding: 0 2.4rem;
  border: 0.15rem solid #111111;
  border-radius: 10rem;
  background: #FFFFFF;
  color: #111111;
  font-family: var(--font-body-family);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.freya-btn--primary { border-color: #D11F77; background: #D11F77; color: #FFFFFF; }
.freya-btn--primary:hover { border-color: #B81A68; background: #B81A68; }
.freya-btn--outline:hover { background: #111111; color: #FFFFFF; }
.freya-btn--outline .freya-icon--chat { color: #1FA855; }
.freya-btn--outline:hover .freya-icon--chat { color: inherit; }


/* Fenêtre « Prévenez-moi » de l'application Restock Rocket (alerte de retour en stock), aux couleurs Freya.
   L'application pose ses styles en ligne (OpenSans, gris, coins carrés, contour bleu) : surcharges !important.
   Ouverte depuis « Me prévenir » des cartes, de la fiche et de la barre mobile (assets/freya-quick-add.js). */
/* Choix de contenance de « Prévenez-moi » : tuiles (assets/freya-quick-add.js), liste native masquée */
#restock-rocket .freya-rr-select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
#restock-rocket .freya-rr-sizes { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 0 0 1.2rem; }
#restock-rocket .freya-rr-sizes::before { content: "Contenance"; flex: 0 0 100%; font-family: var(--font-body-family); font-size: 1.3rem; color: #6B6468; }
#restock-rocket .freya-rr-size {
  min-width: 9.6rem;
  height: 4.8rem;
  padding: 0 1.8rem;
  border: 0;
  border-radius: 1.4rem;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 0.15rem #E6C3D1;
  color: #111111;
  font-family: var(--font-body-family);
  font-size: 1.5rem;
  font-weight: 800;
  cursor: pointer;
}
#restock-rocket .freya-rr-size:hover { box-shadow: inset 0 0 0 0.15rem #111111; }
#restock-rocket .freya-rr-size[aria-checked="true"] { background: #111111; box-shadow: none; color: #FFFFFF; }
:root { --freya-overlay: rgba(17, 17, 17, 0.4); }
/* Fond légèrement assombri derrière toutes les fenêtres de choix ou de décision : tiroirs (panier, menu, filtres),
   choix de contenance des cartes (freya-card.css), « Prévenez-moi » */
.fixed-overlay { background-color: var(--freya-overlay); }
#restock-rocket .restock-rocket-wrapper { background: var(--freya-overlay) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
#restock-rocket #formContainer {
  width: min(44rem, calc(100vw - 3.2rem)) !important;
  max-width: none !important;
  padding: 2.8rem 2.8rem 2.4rem !important;
  border: 0 !important;
  border-radius: 2.4rem !important;
  outline: none !important;
  background: #FBF8F5 !important;
  box-shadow: 0 2.4rem 6rem rgba(17, 17, 17, 0.25) !important;
  color: #111111 !important;
  font-family: var(--font-body-family), 'Plus Jakarta Sans', sans-serif !important;
}
#restock-rocket #formContainer *:not(svg, path) { font-family: inherit !important; }
#restock-rocket .form-Content-Container { display: flex !important; flex-direction: column !important; gap: 1.4rem !important; }
#restock-rocket #form-Header-Container { display: flex !important; align-items: center !important; gap: 1rem !important; margin: 0 !important; }
#restock-rocket #form-Header-Icon { width: 2.2rem !important; height: 2.2rem !important; flex: 0 0 auto; }
#restock-rocket #form-Header-Icon path { fill: #D11F77 !important; }
#restock-rocket #form-Header-Text-Container { display: flex !important; flex: 1 1 auto !important; align-items: center !important; justify-content: space-between !important; }
#restock-rocket #form-Header-Text { margin: 0 !important; font-size: 2.2rem !important; font-weight: 800 !important; letter-spacing: -0.01em !important; color: #111111 !important; }
#restock-rocket #formContainer-Close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4rem !important;
  height: 4rem !important;
  border-radius: 50% !important;
  background-color: #FFFFFF !important;
  background-size: 1.4rem !important;
  box-shadow: inset 0 0 0 0.15rem #F3D6E2 !important;
  cursor: pointer;
}
#restock-rocket #formContainer-Close:hover { box-shadow: inset 0 0 0 0.15rem #111111 !important; }
#restock-rocket #form-Description { margin: 0 !important; font-size: 1.5rem !important; font-weight: 400 !important; line-height: 1.6 !important; color: #6B6468 !important; }
#restock-rocket #form-Product-Name {
  margin: 0 !important;
  padding: 1.2rem 1.4rem !important;
  border-radius: 1.4rem !important;
  background: #FFFFFF !important;
  box-shadow: inset 0 0 0 0.1rem #F3D6E2 !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
}
#restock-rocket #form-Email,
#restock-rocket #formContainer input[type="text"],
#restock-rocket #formContainer input[type="tel"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 5rem !important;
  padding: 0 1.6rem !important;
  border: 0 !important;
  border-radius: 1.4rem !important;
  background: #FFFFFF !important;
  box-shadow: inset 0 0 0 0.15rem #E6DEE1 !important;
  color: #111111 !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  outline: none !important;
}
#restock-rocket #form-Email:focus,
#restock-rocket #formContainer input:focus { box-shadow: inset 0 0 0 0.15rem #D11F77 !important; }
#restock-rocket #form-Email::placeholder { color: #A79FA3 !important; }
#restock-rocket #form-Button {
  height: 5rem !important;
  padding: 0 2.4rem !important;
  border: 0 !important;
  border-radius: 10rem !important;
  background-color: #D11F77 !important;
  color: #FFFFFF !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s;
}
#restock-rocket #form-Button:hover { background-color: #B81A68 !important; }
#restock-rocket #form-Terms { font-size: 1.2rem !important; font-weight: 400 !important; line-height: 1.5 !important; color: #6B6468 !important; }
#restock-rocket #form-Name-Container:empty { display: none !important; }
#restock-rocket .form-Content-Container > *, #restock-rocket #form-Email-Container { margin: 0 !important; }
@media (max-width: 767.98px) {
  /* Panneau du bas pleine largeur, coins arrondis en haut seulement */
  #restock-rocket #formContainer {
    width: 100% !important;
    padding: 2.4rem 2rem calc(2.4rem + env(safe-area-inset-bottom)) !important;
    border-radius: 2rem 2rem 0 0 !important;
  }
  #restock-rocket #form-Header-Text { font-size: 2rem !important; }
}

/* Fil d'Ariane (toutes les pages) : séparateur « / » dessiné (trait oblique), comme la fiche produit et la maquette */
.section-breadcrumb .breadcrumbs--sep {
  width: 0.5rem;
  height: 1.1rem;
  margin: 0 0.45rem;
  background: linear-gradient(to bottom right, transparent calc(50% - 0.06rem), currentColor calc(50% - 0.06rem), currentColor calc(50% + 0.06rem), transparent calc(50% + 0.06rem));
  opacity: 0.9;
}
/* Fond crème (charte) sur les pages encore blanches : panier, recherche, 404, blog, article */
:is(.cart-template, .search-template, .\34 04-template, .blog-template, .article-template) main { background: #FBF8F5; }

/* Recherche (sections/main-search.liquid) : barre d'outils comme les collections : « [N] résultats » en gras,
   tri en pilule blanche à filet rose « Trier : Pertinence » */
.search-template .collection__toolbar { align-items: center; padding-block-end: 1.6rem; background: transparent !important; box-shadow: none !important; }
.search-template #SortByContainer .facet-short { flex: 0 0 auto; width: auto; }
.search-template #SortByContainer .freya-sort__value { white-space: nowrap; }
.search-template #ProductCount { font-size: 1.4rem; font-weight: 600; color: var(--freya-ink, #111111); }
.search-template #SortByContainer {
  height: 4.4rem;
  padding: 0 1.8rem;
  border-radius: 10rem;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 0.15rem #E6C3D1;
  font-size: 1.4rem;
  font-weight: 600;
}
.search-template #SortByContainer .facet-short select { border: 0; background: transparent; box-shadow: none; font-weight: 600; }

/* Titres à deux voix hors accueil (panier vide…) : fin du titre en Cormorant Garamond italique, 4 px plus grande */
.freya-two-voices em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 500; font-size: 1.1em; letter-spacing: 0; }
/* Recherche : fond crème jusqu'aux sections (le jeu de couleurs de la section posait du blanc) ; tri : libellé court
   affiché, menu natif invisible par-dessus (comme les collections) */
.search-template main :is(.section, .collection) { background: transparent; }
.search-template #SortByContainer { position: relative; flex: 0 0 auto; width: auto; min-width: max-content; gap: 0.4rem; cursor: pointer; }
.search-template #SortByContainer .freya-sort__value { display: inline; }
.search-template #SortByContainer .facet-short { position: static; gap: 0.8rem; }
.search-template #SortByContainer .facet-short select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.search-template #SortByContainer .facet-short .icon { display: none; }
.search-template #SortByContainer .facet-short::after {
  content: "";
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Focus clavier (accessibilité) : contour fuchsia de la charte au lieu du bleu #0B61CD d'Hyper, visible partout,
   y compris sur les champs de recherche et de formulaire */
:focus-visible { outline: 0.2rem solid #D11F77 !important; outline-offset: 0.2rem; }
input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 0.2rem solid #D11F77 !important; outline-offset: 0; }
.header-section .search__input:focus { box-shadow: inset 0 0 0 0.15rem #D11F77 !important; }

/* Popup -10 DT de l'application 1ClickPopup (app embed, 29/10) : rendu dans la page, à la charte du thème ;
   textes et image réglés dans l'application (communs au site en ligne). Styles en ligne de l'application : !important */
#one-click-popup-main-content #modal-signup .signup-overlay { background: rgba(17, 17, 17, 0.45) !important; }
#one-click-popup-main-content #modal-signup .popup {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 2.4rem !important;
  background: var(--freya-gradient-powder) !important;
  box-shadow: 0 2rem 6rem rgba(17, 17, 17, 0.18) !important;
  font-family: 'Plus Jakarta Sans', var(--font-body-family), sans-serif !important;
  color: var(--freya-ink) !important;
  /* l'application réduit le popup (transform, ×0,64 sur mobile) : tailles réelles du thème à la place */
  transform: none !important;
  width: 46rem !important;
  max-width: calc(100vw - 3.2rem) !important;
  max-height: calc(100dvh - 3.2rem) !important;
  overflow-y: auto !important;
}
#one-click-popup-main-content #modal-signup .popup.has-side-image { width: 80rem !important; }
#one-click-popup-main-content #modal-signup .popup :is(div, p, input, button, a) { font-family: inherit !important; }
#one-click-popup-main-content #modal-signup .title,
#one-click-popup-main-content #modal-signup .title p {
  margin: 0 !important;
  font-size: 2.4rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: var(--freya-ink) !important;
}
#one-click-popup-main-content #modal-signup .title strong { font-weight: 800 !important; }
#one-click-popup-main-content #modal-signup .description p {
  margin: 1.2rem 0 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.45 !important;
  color: var(--freya-text-2) !important;
}
#one-click-popup-main-content #modal-signup .ocp__modal__custom__field {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 1rem !important;
  padding: 1.5rem 2.2rem !important;
  border: 1px solid var(--freya-pink-200) !important;
  border-radius: 10rem !important;
  outline: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
  color: var(--freya-ink) !important;
}
#one-click-popup-main-content #modal-signup .ocp__modal__custom__field:focus { border-color: var(--freya-pink) !important; }
#one-click-popup-main-content #modal-signup .ocp__modal__custom__field::placeholder { color: var(--freya-text-2) !important; opacity: 1 !important; }
#one-click-popup-main-content #modal-signup .ocp__modal__custom__field__error { margin: -0.4rem 0 1rem 2.2rem !important; font-size: 1.2rem !important; color: var(--freya-pink-text) !important; }
#one-click-popup-main-content #modal-signup .primary-action-button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 1.5rem 2.6rem !important;
  border: 0 !important;
  border-radius: 10rem !important;
  background: var(--freya-ink) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
}
#one-click-popup-main-content #modal-signup .primary-action-button:hover { background: var(--freya-pink) !important; }
#one-click-popup-main-content #modal-signup .footer { margin-top: 1.6rem !important; }
#one-click-popup-main-content #modal-signup .footer p { margin: 0.2rem 0 0 !important; font-size: 1.2rem !important; line-height: 1.4 !important; color: var(--freya-text-2) !important; }
#one-click-popup-main-content #modal-signup .dismissal { top: 1.4rem !important; right: 1.4rem !important; }
#one-click-popup-main-content #modal-signup .dismissal svg { width: 3.2rem !important; height: 3.2rem !important; filter: drop-shadow(0 2px 6px rgba(17, 17, 17, 0.15)); }
#one-click-popup-main-content #modal-signup .popup.has-side-image #modal-signup-main-content > div:first-child { padding: 4rem 3.6rem !important; align-self: center; }
#one-click-popup-main-content #modal-signup .popup:not(.has-side-image) { padding: 3.6rem 2.4rem 2.8rem !important; }
@media (max-width: 767.98px) {
  #one-click-popup-main-content #modal-signup .popup { border-radius: 2rem !important; }
  #one-click-popup-main-content #modal-signup .title,
  #one-click-popup-main-content #modal-signup .title p { font-size: 2.1rem !important; }
  #one-click-popup-main-content #modal-signup .description p { font-size: 1.4rem !important; margin-bottom: 1.6rem !important; }
}

/* Freya (30/10) : toucher sur mobile comme dans une app, sur tous les boutons et liens. Plus de rectangle gris de
   Safari ; à la place, retour immédiat sous le doigt : la classe freya-pressed est posée dès le contact et retirée au
   lâcher ou dès que le doigt glisse (défilement), par assets/freya-header.js, qui ajoute aussi une petite vibration.
   Boutons, pastilles, cercles : ils s'enfoncent (propriété scale, qui s'ajoute au transform existant) ; liens et lignes de menu : ils s'estompent ; cartes : la photo
   s'enfonce. Le retour à l'état normal est animé (0,15 s). */
html { -webkit-tap-highlight-color: transparent; }
@media (hover: none) and (pointer: coarse) {
  :is(a, button, summary, [role="button"], input[type="submit"], .btn, .freya-collections__icon, .product-card__image-wrapper) {
    transition: scale 0.15s ease, opacity 0.15s ease, background-color 0.15s ease;
  }
  :is(a, summary).freya-pressed { opacity: 0.6; transition-duration: 0s; }
  :is(button, [role="button"], input[type="submit"], .btn, .freya-coll-head__pill, .freya-quick__chip, .freya-tag, .freya-pdp-soldout__btn, .swatch, .variant-option__button-label).freya-pressed {
    opacity: 1;
    scale: 0.95;
    transition-duration: 0.06s;
  }
  .freya-collections__link.freya-pressed,
  .freya-coll-head__circles a.freya-pressed { opacity: 1; }
  .freya-collections__link.freya-pressed .freya-collections__icon,
  .freya-coll-head__circles a.freya-pressed { scale: 0.9; transition-duration: 0.06s; }
  .product-card a.freya-pressed { opacity: 1; }
  .product-card:has(.freya-pressed) .product-card__image-wrapper { scale: 0.97; opacity: 0.85; transition-duration: 0.06s; }
  .menu-drawer__item-link.freya-pressed,
  .freya-drawer-group__link.freya-pressed { opacity: 1; background-color: #FBF8F5; }
}
}

/* Freya (30/10) : barres de défilement aux couleurs de la charte (page, menus, tiroirs, recherche, listes) : fines,
   poignée rose poudré arrondie sur fond crème, rose foncé au survol. scrollbar-color pour Chrome, Edge et Firefox ;
   ::-webkit-scrollbar pour Safari sur Mac. Sur iPhone et iPad, Safari garde sa barre système (non modifiable). */
* { scrollbar-width: thin; scrollbar-color: #E6C3D1 transparent; }
html { scrollbar-width: thin; scrollbar-color: #E6C3D1 #FBF8F5; }
::-webkit-scrollbar { width: 1rem; height: 1rem; }
::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-track { background: #FBF8F5; }
::-webkit-scrollbar-thumb { border: 0.3rem solid transparent; border-radius: 1rem; background: #E6C3D1 padding-box; }
::-webkit-scrollbar-thumb:hover { background: #C21868 padding-box; border: 0.3rem solid transparent; }
::-webkit-scrollbar-corner { background: transparent; }