/** Shopify CDN: Minification failed

Line 1075:0 Unexpected "}"

**/
/* ==========================================================================
   MUSE BALM — Design system
   Loaded by muse-* sections only. Never overrides native theme files.
   Fonts: DM Sans (headings + body, one family) must be selected in
   Theme settings > Typography. Falls back to the theme fonts otherwise.
   Headings are lowercase, weight 500; the identity is scale + space, not weight.
   ========================================================================== */

:root {
  --muse-magenta: #ed0b8c;
  --muse-magenta-dark: #c50873;
  --muse-tint: #ffeaf4;
  --muse-ink: #141414;
  --muse-white: #ffffff;

  --muse-radius: 12px;
  --muse-radius-sm: 10px;

  --muse-shadow: 0 1px 2px rgba(20, 20, 20, 0.04), 0 4px 16px rgba(20, 20, 20, 0.06);
  --muse-shadow-lift: 0 2px 4px rgba(20, 20, 20, 0.05), 0 10px 30px rgba(20, 20, 20, 0.09);

  --muse-content-width: 720px;
  --muse-wide-width: 1100px;

  --muse-font-heading: "DM Sans", var(--font-heading-family, ui-sans-serif), sans-serif;
  --muse-font-body: "DM Sans", var(--font-body-family, ui-sans-serif), sans-serif;
}

.muse-section {
  font-family: var(--muse-font-body);
  color: var(--muse-ink);
  -webkit-font-smoothing: antialiased;
}

.muse-section *,
.muse-section *::before,
.muse-section *::after {
  box-sizing: border-box;
}

.muse-container {
  width: 100%;
  max-width: var(--muse-content-width);
  margin-inline: auto;
  padding-inline: 20px;
}

.muse-container--wide {
  max-width: var(--muse-wide-width);
}

.muse-heading {
  font-family: var(--muse-font-heading);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.025em;
  text-transform: lowercase;
  color: var(--muse-ink);
  margin: 0;
  text-wrap: balance;
}

.muse-eyebrow {
  font-family: var(--muse-font-body);
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muse-magenta);
  margin: 0 0 12px;
}

.muse-body {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.muse-footnote {
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(20, 20, 20, 0.6);
  margin: 0;
}

.muse-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Buy box helpers (injected through main-product custom_liquid blocks)
   -------------------------------------------------------------------------- */

.muse-anchor {
  display: block;
  position: relative;
  top: -100px;
  height: 0;
  visibility: hidden;
}

.muse-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--muse-tint);
  color: var(--muse-magenta-dark);
  font-family: var(--muse-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 7px 13px;
  border-radius: 999px;
  margin: 0 0 12px;
}

.muse-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muse-magenta);
  flex: none;
}

/* --------------------------------------------------------------------------
   muse-ai-faq
   -------------------------------------------------------------------------- */

.muse-faq__window {
  background: var(--muse-white);
  border: 1px solid rgba(20, 20, 20, 0.09);
  border-radius: var(--muse-radius);
  box-shadow: var(--muse-shadow);
  overflow: hidden;
}

.muse-faq__bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: var(--muse-tint);
  border-bottom: 1px solid rgba(20, 20, 20, 0.06);
}

.muse-faq__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--muse-magenta);
  color: var(--muse-white);
  font-family: var(--muse-font-heading);
  font-weight: 600;
  font-size: 0.75rem;
  display: grid;
  place-items: center;
  flex: none;
}

.muse-faq__bar-title {
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 0;
}

.muse-faq__cats {
  display: flex;
  gap: 8px;
  padding: 16px 18px 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.muse-faq__cats::-webkit-scrollbar {
  display: none;
}

.muse-faq__cat {
  flex: none;
  border: 1px solid rgba(20, 20, 20, 0.09);
  background: var(--muse-white);
  color: var(--muse-ink);
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.muse-faq__cat:hover {
  border-color: var(--muse-magenta);
  color: var(--muse-magenta);
}

.muse-faq__cat[aria-selected="true"] {
  background: var(--muse-magenta);
  border-color: var(--muse-magenta);
  color: var(--muse-white);
}

.muse-faq__thread {
  padding: 18px;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media screen and (min-width: 750px) {
  .muse-faq__thread { min-height: 220px; }
}

.muse-faq__msg {
  max-width: 86%;
  padding: 12px 15px;
  border-radius: var(--muse-radius-sm);
  font-size: 0.9375rem;
  line-height: 1.5;
  animation: muse-pop 0.22s ease-out both;
}

.muse-faq__msg--bot {
  align-self: flex-start;
  background: var(--muse-tint);
  color: var(--muse-ink);
  border-bottom-left-radius: 4px;
}

.muse-faq__msg--user {
  align-self: flex-end;
  background: var(--muse-magenta);
  color: var(--muse-white);
  border-bottom-right-radius: 4px;
}

.muse-faq__msg p {
  margin: 0 0 8px;
}

.muse-faq__msg p:last-child {
  margin-bottom: 0;
}

.muse-faq__questions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 18px;
}

.muse-faq__q {
  border: 1px solid var(--muse-magenta);
  background: var(--muse-white);
  color: var(--muse-magenta);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.muse-faq__q:hover {
  background: var(--muse-magenta);
  color: var(--muse-white);
}

.muse-faq__q[hidden] {
  display: none;
}

.muse-faq__typing {
  align-self: flex-start;
  display: inline-flex;
  gap: 4px;
  padding: 14px 16px;
  background: var(--muse-tint);
  border-radius: var(--muse-radius-sm);
  border-bottom-left-radius: 4px;
}

.muse-faq__typing span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--muse-magenta);
  opacity: 0.45;
  animation: muse-blink 1.1s infinite ease-in-out;
}

.muse-faq__typing span:nth-child(2) {
  animation-delay: 0.16s;
}

.muse-faq__typing span:nth-child(3) {
  animation-delay: 0.32s;
}

@keyframes muse-blink {
  0%, 70%, 100% { opacity: 0.3; transform: translateY(0); }
  35% { opacity: 1; transform: translateY(-3px); }
}

@keyframes muse-pop {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media screen and (min-width: 750px) {
  .muse-faq__msg {
    max-width: 72%;
  }
}

/* --------------------------------------------------------------------------
   muse-studies-popup
   -------------------------------------------------------------------------- */

.muse-studies__trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: none;
  border: 0;
  padding: 0;
  font-family: var(--muse-font-body);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muse-magenta);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.muse-studies__trigger:hover {
  color: var(--muse-magenta-dark);
}

.muse-studies__overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(20, 20, 20, 0.5);
  padding: 0;
}

.muse-studies__overlay[open],
.muse-studies__overlay.is-open {
  display: flex;
}

.muse-studies__dialog {
  position: relative;
  width: 100%;
  max-width: var(--muse-content-width);
  max-height: 88vh;
  overflow-y: auto;
  background: var(--muse-white);
  border-radius: var(--muse-radius) var(--muse-radius) 0 0;
  box-shadow: var(--muse-shadow-lift);
  padding: 28px 20px 32px;
  animation: muse-slide-up 0.24s ease-out both;
}

.muse-studies__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  background: rgba(20, 20, 20, 0.06);
  color: var(--muse-ink);
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
}

.muse-studies__close:hover {
  background: rgba(20, 20, 20, 0.12);
}

.muse-studies__group {
  padding: 0;
  margin-top: 22px;
}
.muse-studies__group + .muse-studies__group { border-top: 1px solid rgba(20, 20, 20, 0.08); padding-top: 22px; }
.muse-studies__group:first-of-type { margin-top: 16px; }

.muse-studies__ingredient {
  font-family: var(--muse-font-heading);
  font-weight: 600;
  color: var(--muse-ink);
  margin: 0 0 8px;
}
.muse-studies__intro { font-size: 1.45rem; line-height: 1.55; color: rgba(20, 20, 20, 0.66); margin: 12px 0 0; }
.muse-studies__desc { font-size: 1.45rem; line-height: 1.55; color: var(--muse-ink); margin: 0 0 14px; }
.muse-studies__slabel { font-size: 1.05rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(20, 20, 20, 0.42); margin: 0 0 9px; }
.muse-studies__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.muse-studies__slink { display: inline-flex; align-items: flex-start; gap: 5px; font-size: 1.35rem; line-height: 1.4; font-weight: 600; color: var(--muse-magenta); text-decoration: none; }
.muse-studies__slink:hover { color: var(--muse-magenta-dark); text-decoration: underline; text-underline-offset: 2px; }
.muse-studies__slink svg { flex: none; margin-top: 3px; }

.muse-studies__cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Evidence card: plain-language takeaway first, citation under, CTA last */
.muse-studies__card {
  background: #fcf4f8;
  border: 1px solid rgba(237, 11, 140, 0.11);
  border-radius: var(--muse-radius-sm);
  padding: 15px 16px;
}
.muse-studies__note {
  font-size: 1.4rem;
  line-height: 1.45;
  font-weight: 500;
  color: var(--muse-ink);
  margin: 0;
}
.muse-studies__cite {
  font-size: 1.2rem;
  line-height: 1.4;
  color: rgba(20, 20, 20, 0.5);
  margin: 7px 0 0;
}
.muse-studies__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  font-weight: 700;
  color: var(--muse-magenta);
  text-decoration: none;
  word-break: normal;
}
.muse-studies__link:hover { color: var(--muse-magenta-dark); }
.muse-studies__link svg { transition: transform 0.15s ease; }
.muse-studies__link:hover svg { transform: translateX(2px); }

@keyframes muse-slide-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@media screen and (min-width: 750px) {
  .muse-studies__overlay {
    align-items: center;
    padding: 24px;
  }

  .muse-studies__dialog {
    border-radius: var(--muse-radius);
    padding: 34px 34px 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .muse-faq__msg,
  .muse-studies__dialog {
    animation: none;
  }

  .muse-faq__typing span {
    animation: none;
    opacity: 0.5;
  }
}

/* ==========================================================================
   MUSE — Sections v2 (actives, before/after, face map, compare)
   ========================================================================== */

.muse-hl { font-style: normal; color: var(--muse-magenta); }

.muse-pill-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--muse-tint);
  color: var(--muse-magenta-dark);
  font-family: var(--muse-font-body);
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 14px;
  border-radius: 999px;
  margin: 0 0 18px;
}
.muse-pill-eyebrow svg { width: 13px; height: 13px; flex: none; }

.muse-attrs { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-block: 26px; }
.muse-attr {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid rgba(20,20,20,.09); background: var(--muse-white);
  border-radius: 999px; padding: 8px 14px; font-size: .84rem; font-weight: 700;
}
.muse-attr::before { content: "\2713"; color: var(--muse-magenta); font-weight: 600; }

/* carousel shared ---------------------------------------------------------- */
.muse-car { position: relative; margin-top: 30px; }
.muse-car__track {
  /* 78% leaves the neighbouring cards peeking on both sides, which is what
     makes people swipe. Wider than ~82% and the affordance disappears. */
  display: grid; grid-auto-flow: column; grid-auto-columns: 78%;
  gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 6px;
}
.muse-car__track::-webkit-scrollbar { display: none; }
.muse-car__track > * { scroll-snap-align: center; }
.muse-car__arrow {
  display: none; position: absolute; top: 45%; translate: 0 -50%; z-index: 2;
  width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(20,20,20,.09);
  background: var(--muse-white); color: var(--muse-magenta); font-size: 1.1rem;
  cursor: pointer; box-shadow: var(--muse-shadow);
}
.muse-car__arrow--prev { left: -14px; }
.muse-car__arrow--next { right: -14px; }
.muse-car__dots { display: flex; gap: 7px; justify-content: center; margin-top: 20px; }
.muse-car__dot {
  width: 7px; height: 7px; border-radius: 999px; border: 0; padding: 0;
  background: rgba(20,20,20,.16); cursor: pointer; transition: width .2s, background .2s;
}
.muse-car__dot[aria-current="true"] { width: 22px; background: var(--muse-magenta); }

/* actives ------------------------------------------------------------------ */
.muse-card {
  /* The section heading is centered; the cards must not inherit it. */
  text-align: left;
  background: var(--muse-white); border: 1px solid rgba(20,20,20,.09);
  border-radius: var(--muse-radius); padding: 18px; box-shadow: var(--muse-shadow);
  display: flex; flex-direction: column; gap: 12px;
}
.muse-card__media { border-radius: var(--muse-radius-sm); overflow: hidden; aspect-ratio: 1; }
.muse-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.muse-card__tag {
  align-self: flex-start; font-family: var(--muse-font-heading); font-weight: 600;
  font-size: .7rem; letter-spacing: .04em; color: var(--muse-magenta);
  background: var(--muse-tint); padding: 5px 10px; border-radius: 999px;
}
.muse-card h3 { font-family: var(--muse-font-heading); font-weight: 600; font-size: 1.1rem; line-height: 1.3; margin: 0; }
.muse-card p { color: rgba(20,20,20,.62); font-size: 1rem; margin: 0; }

/* before / after ----------------------------------------------------------- */
.muse-ba { position: relative; border-radius: var(--muse-radius); overflow: hidden; box-shadow: var(--muse-shadow); user-select: none; }
.muse-ba__pane { aspect-ratio: 4 / 5; }
.muse-ba__pane img { width: 100%; height: 100%; object-fit: cover; display: block; }
.muse-ba__after { position: absolute; inset: 0; clip-path: inset(0 0 0 var(--muse-split, 50%)); }
.muse-ba__handle { position: absolute; top: 0; bottom: 0; left: var(--muse-split, 50%); width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(20,20,20,.12); pointer-events: none; }
.muse-ba__grip {
  position: absolute; top: 50%; left: 50%; translate: -50% -50%;
  width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--muse-magenta);
  display: grid; place-items: center; font-weight: 600; box-shadow: 0 2px 10px rgba(20,20,20,.2);
}
.muse-ba__tag {
  position: absolute; bottom: 12px; font-size: .64rem; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; background: rgba(20,20,20,.72); color: #fff; padding: 5px 10px; border-radius: 999px;
}
.muse-ba__tag--before { left: 12px; }
.muse-ba__tag--after { right: 12px; background: var(--muse-magenta); }
.muse-ba__range { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; }
.muse-ba__cap { text-align: center; font-size: .84rem; color: rgba(20,20,20,.62); margin-top: 12px; }

.muse-cmpcard__list { text-align: left; }

/* face map ----------------------------------------------------------------- */
.muse-face { display: grid; gap: 30px; margin-top: 34px; }
.muse-face__stage { position: relative; }
/* No forced ratio and no cropping: the hotspots are positioned in percent,
   so any crop would move them off the feature they point at. */
.muse-face__img { border-radius: var(--muse-radius); overflow: hidden; line-height: 0; }
.muse-face__img img { width: 100%; height: auto; display: block; }
.muse-face__hot {
  position: absolute; translate: -50% -50%; width: 30px; height: 30px; border-radius: 50%;
  border: 2px solid #fff; background: var(--muse-magenta); color: #fff;
  font-family: var(--muse-font-heading); font-weight: 600; font-size: .62rem; cursor: pointer;
  box-shadow: 0 2px 8px rgba(20,20,20,.28); display: grid; place-items: center; transition: transform .16s;
}
.muse-face__hot:hover { transform: scale(1.14); }
.muse-face__hot[aria-pressed="true"] { background: var(--muse-ink); transform: scale(1.2); }
.muse-face__read { align-self: center; text-align: center; }
.muse-face__num {
  font-family: var(--muse-font-heading); font-weight: 600; font-size: clamp(3.4rem, 14vw, 5rem);
  line-height: 1; letter-spacing: -.045em; color: var(--muse-magenta);
  font-variant-numeric: tabular-nums; display: block;
}
.muse-face__zone { font-family: var(--muse-font-heading); font-weight: 600; font-size: 1.15rem; margin: 10px 0 0; }
.muse-face__desc { color: rgba(20,20,20,.62); margin: 8px 0 0; }
.muse-face__when {
  display: inline-block; margin-top: 14px; font-size: .72rem; font-weight: 800; letter-spacing: .07em;
  text-transform: uppercase; color: var(--muse-magenta-dark); background: var(--muse-tint);
  padding: 6px 12px; border-radius: 999px;
}
.muse-face__list { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 22px; }
.muse-face__btn {
  font-family: var(--muse-font-body); font-size: .8rem; font-weight: 700; padding: 8px 13px;
  border-radius: 999px; border: 1px solid rgba(20,20,20,.09); background: var(--muse-white);
  color: var(--muse-ink); cursor: pointer;
}
.muse-face__btn[aria-pressed="true"] { background: var(--muse-magenta); border-color: var(--muse-magenta); color: #fff; }

/* compare — two cards ------------------------------------------------------ */
.muse-tabshell {
  display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: var(--muse-white);
  border: 1px solid rgba(20,20,20,.09); margin-block: 28px 10px; max-width: 100%;
  overflow-x: auto; scrollbar-width: none;
}
.muse-tabshell::-webkit-scrollbar { display: none; }
.muse-tabshell__tab {
  flex: none; font-family: var(--muse-font-body); font-weight: 800; font-size: .85rem;
  padding: 10px 17px; border-radius: 999px; border: 0; background: transparent;
  color: rgba(20,20,20,.62); cursor: pointer;
}
.muse-tabshell__tab[aria-selected="true"] { background: var(--muse-magenta); color: #fff; }
/* Side by side from the smallest screen up: stacking them doubles the scroll
   depth right before the buying decision. */
.muse-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: start; }
.muse-duo__panel[hidden] { display: none; }
.muse-duo__kicker { color: var(--muse-magenta); font-weight: 800; margin: 0 0 22px; }
.muse-cmpcard { border-radius: var(--muse-radius); overflow: hidden; border: 1px solid rgba(20,20,20,.09); box-shadow: var(--muse-shadow); background: var(--muse-white); }
.muse-cmpcard__head { padding: 22px; text-align: center; }
.muse-cmpcard--us .muse-cmpcard__head { background: var(--muse-magenta); color: #fff; }
.muse-cmpcard--them .muse-cmpcard__head { background: rgba(20,20,20,.04); }
.muse-cmpcard__media { width: 92px; height: 92px; margin: 0 auto 12px; border-radius: var(--muse-radius-sm); overflow: hidden; }
.muse-cmpcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.muse-cmpcard__name { font-family: var(--muse-font-heading); font-weight: 600; font-size: 1.25rem; margin: 0; }
.muse-cmpcard__sub { font-size: 1.2rem; opacity: .82; margin: 3px 0 0; }
.muse-cmpcard__list { list-style: none; margin: 0; padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 13px; }
.muse-cmpcard__list li { display: flex; align-items: flex-start; gap: 11px; font-size: 1rem; font-weight: 600; }
.muse-mark { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: .7rem; font-weight: 600; margin-top: 1px; }
.muse-mark--yes { background: var(--muse-magenta); color: #fff; }
.muse-mark--no { background: rgba(20,20,20,.09); color: rgba(20,20,20,.42); }

@media screen and (max-width: 759px) {
  .muse-cmpcard__head { padding: 14px 10px; }
  .muse-cmpcard__media { width: 60px; height: 60px; margin-bottom: 8px; }
  .muse-cmpcard__name { font-size: 1rem; }
  .muse-cmpcard__sub { font-size: 1.15rem; line-height: 1.35; }
  .muse-cmpcard__list { padding: 14px 12px 18px; gap: 12px; }
  .muse-cmpcard__list li { font-size: 0.82rem; gap: 8px; line-height: 1.35; }
  .muse-mark { width: 18px; height: 18px; font-size: 0.62rem; }
}

@media screen and (min-width: 760px) {
  .muse-car__track { grid-auto-columns: calc((100% - 32px) / 3); }
  .muse-car__track--ba { grid-auto-columns: calc((100% - 16px) / 2); }
  .muse-car__arrow { display: grid; place-items: center; }
  .muse-face { grid-template-columns: 1fr 1fr; gap: 48px; }
  .muse-duo { gap: 16px; }
}

/* ==========================================================================
   MUSE — Sections v3 (hook, timeline, closing CTA)
   ========================================================================== */

/* hook ------------------------------------------------------------------- */
.muse-hook__grid { display: grid; gap: 34px; align-items: center; }
.muse-hook__media { border-radius: var(--muse-radius); overflow: hidden; box-shadow: var(--muse-shadow); }
.muse-hook__media img { width: 100%; height: auto; display: block; }
.muse-hook__body { display: flex; flex-direction: column; gap: 16px; }
.muse-hook__lead { font-size: 1.24rem; line-height: 1.5; color: var(--muse-ink); margin: 0; }

/* Hook — promesses courtes. Un filet magenta court porte l'accent, pas de
   pastille ni de titre/description : l'échelle et le blanc font l'identité. */
.muse-hook__feats { display: flex; flex-direction: column; gap: 0; margin: 4px 0 20px; }
.muse-hook__feat { padding: 13px 0; border-top: 1px solid rgba(20, 20, 20, 0.09); }
.muse-hook__feat:last-child { border-bottom: 1px solid rgba(20, 20, 20, 0.09); }
.muse-hook__feat-t {
  font-family: var(--muse-font-body); font-weight: 500; color: var(--muse-ink);
  margin: 0; font-size: 1.55rem; line-height: 1.35;
  display: flex; align-items: baseline; gap: 12px;
}
/* Puce = coche magenta dans une pastille rose. Le tiret d'avant se lisait
   comme un reste de mise en page, pas comme une puce. */
.muse-hook__feat-t::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--muse-tint) no-repeat center / 11px 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ed0b8c' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  transform: translateY(3px);
}
.muse-hook__feat-t em { font-style: normal; font-weight: 700; }
.muse-hook__body p { color: rgba(20,20,20,.62); margin: 0; }
.muse-hook__cta {
  align-self: flex-start; margin-top: 6px; display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--muse-font-body); font-weight: 800; font-size: 1rem; text-decoration: none;
  background: var(--muse-magenta); color: #fff; border: 0; border-radius: 999px; padding: 15px 30px; cursor: pointer;
}
.muse-hook__cta:hover { background: var(--muse-magenta-dark); }

@media screen and (min-width: 760px) {
  .muse-hook__grid { grid-template-columns: 1fr 1fr; gap: 48px; }
  .muse-hook__grid--media-right .muse-hook__media { order: 2; }
}

/* CTA de remontée vers la buy box — partagé par les sections de preuve.
   Reste invisible tant que le libellé n'est pas rempli dans le customizer. */
.muse-jump { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 34px; }
.muse-jump__btn {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--muse-font-body); font-weight: 800; font-size: 1.5rem; text-decoration: none;
  background: var(--muse-magenta); color: #fff; border: 0; border-radius: 999px;
  padding: 15px 32px; cursor: pointer; transition: background .18s ease;
}
.muse-jump__btn:hover { background: var(--muse-magenta-dark); color: #fff; }
.muse-jump__note { margin: 0; font-size: 1.25rem; line-height: 1.4; color: rgba(20, 20, 20, 0.55); text-align: center; }

/* timeline --------------------------------------------------------------- */
.muse-tl { display: flex; flex-direction: column; }
.muse-tl__row { display: grid; gap: 22px; align-items: center; padding-block: 30px; }
.muse-tl__row + .muse-tl__row { border-top: 1px solid rgba(20,20,20,.09); }
.muse-tl__media { border-radius: var(--muse-radius); overflow: hidden; box-shadow: var(--muse-shadow); }
.muse-tl__media img { width: 100%; height: auto; display: block; aspect-ratio: 1; object-fit: cover; }
.muse-tl__week {
  font-family: var(--muse-font-heading); font-weight: 600; font-size: .74rem; letter-spacing: .14em;
  color: var(--muse-magenta); margin: 0 0 10px;
}
.muse-tl__title { font-family: var(--muse-font-heading); font-weight: 600; font-size: 1.5rem; line-height: 1.15; letter-spacing: -.02em; margin: 0; }
.muse-tl__text { color: rgba(20,20,20,.62); margin: 10px 0 0; font-size: 1.02rem; }

@media screen and (min-width: 760px) {
  .muse-tl__row { grid-template-columns: 1fr 1fr; gap: 42px; }
  .muse-tl__row:nth-child(even) .muse-tl__media { order: 2; }
}

/* closing CTA ------------------------------------------------------------ */
.muse-close { text-align: center; }
.muse-close__body { max-width: 52ch; margin: 18px auto 0; color: rgba(20,20,20,.62); font-size: 1.06rem; line-height: 1.6; }
.muse-close__body strong { color: var(--muse-ink); }
.muse-close__cta {
  display: inline-flex; align-items: center; gap: 9px; margin-top: 28px;
  font-family: var(--muse-font-body); font-weight: 800; font-size: 1.05rem; text-decoration: none;
  background: var(--muse-magenta); color: #fff; border: 0; border-radius: 999px; padding: 17px 36px; cursor: pointer;
}
.muse-close__cta:hover { background: var(--muse-magenta-dark); }
.muse-close__reassure { margin-top: 16px; font-size: 1.2rem; color: rgba(20,20,20,.42); }

/* --------------------------------------------------------------------------
   Guarantee card + generic modal (buy box, via custom_liquid)
   -------------------------------------------------------------------------- */
.muse-gtee {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: var(--muse-tint);
  border-radius: var(--muse-radius);
  margin: 0 0 6px;
}
.muse-gtee__icon {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--muse-white);
  color: var(--muse-magenta);
  display: grid;
  place-items: center;
}
.muse-gtee__icon svg { width: 20px; height: 20px; }
.muse-gtee__heading { font-weight: 700; font-size: 0.95rem; color: var(--muse-ink); margin: 0; }
.muse-gtee__blurb { font-size: 0.85rem; line-height: 1.5; color: rgba(20, 20, 20, 0.62); margin: 5px 0 0; }
.muse-gtee__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 11px;
  padding: 0;
  background: none;
  border: 0;
  font-family: var(--muse-font-body);
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--muse-magenta);
  cursor: pointer;
}
.muse-gtee__link:hover { color: var(--muse-magenta-dark); }
.muse-gtee__link svg { transition: transform 0.15s ease; }
.muse-gtee__link:hover svg { transform: translateX(2px); }

/* generic modal (shared shape with studies popup) */
.muse-modal__overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(20, 20, 20, 0.5);
}
.muse-modal__overlay.is-open { display: flex; }
.muse-modal__dialog {
  position: relative;
  width: 100%;
  max-width: var(--muse-content-width);
  max-height: 88vh;
  overflow-y: auto;
  background: var(--muse-white);
  border-radius: var(--muse-radius) var(--muse-radius) 0 0;
  box-shadow: var(--muse-shadow-lift);
  padding: 28px 20px 30px;
  animation: muse-slide-up 0.24s ease-out both;
}
.muse-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  background: rgba(20, 20, 20, 0.06);
  color: var(--muse-ink);
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
}
.muse-modal__close:hover { background: rgba(20, 20, 20, 0.12); }
.muse-modal__steps { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.muse-modal__step { display: flex; align-items: flex-start; gap: 14px; }
.muse-modal__num {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--muse-magenta);
  color: var(--muse-white);
  font-family: var(--muse-font-heading);
  font-weight: 600;
  font-size: 0.9rem;
  display: grid;
  place-items: center;
}
.muse-modal__step-title { font-weight: 700; font-size: 0.98rem; color: var(--muse-ink); margin: 3px 0 0; }
.muse-modal__step-text { font-size: 0.9rem; line-height: 1.5; color: rgba(20, 20, 20, 0.62); margin: 5px 0 0; }
.muse-modal__step-text a { color: var(--muse-magenta); text-decoration: underline; text-underline-offset: 2px; }

@media screen and (min-width: 750px) {
  .muse-modal__overlay { align-items: center; padding: 24px; }
  .muse-modal__dialog { border-radius: var(--muse-radius); padding: 34px 34px 36px; }
}

/* --------------------------------------------------------------------------
   Buy box: benefits + accordion (custom_liquid)
   -------------------------------------------------------------------------- */
/* La marge BASSE sépare les puces du bloc d'offres (app Moon Bundles), dont on
   ne peut pas régler l'espacement depuis son propre réglage. On pousse donc
   depuis le dernier élément du thème situé juste au-dessus. */
.muse-benefits { margin: 4px 0 30px; }
.muse-benefits__intro { font-size: 1.15rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; color: var(--muse-ink); margin: 0 0 14px; }
.muse-benefits__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.muse-benefits__item { display: flex; align-items: flex-start; gap: 11px; }
.muse-benefits__check {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--muse-tint);
  color: var(--muse-magenta);
  display: grid;
  place-items: center;
  margin-top: 1px;
}
.muse-benefits__check svg { width: 13px; height: 13px; }
.muse-benefits__text { font-size: 0.95rem; line-height: 1.4; color: var(--muse-ink); }

.muse-acc { display: flex; flex-direction: column; margin: 4px 0; }
.muse-acc__item { border-top: 1px solid rgba(20, 20, 20, 0.09); }
.muse-acc__item:last-child { border-bottom: 1px solid rgba(20, 20, 20, 0.09); }
.muse-acc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 2px;
  cursor: pointer;
  list-style: none;
  font-family: var(--muse-font-body);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--muse-ink);
}
.muse-acc__head::-webkit-details-marker { display: none; }
.muse-acc__chevron { flex: none; color: var(--muse-magenta); transition: transform 0.2s ease; }
.muse-acc__item[open] .muse-acc__chevron { transform: rotate(180deg); }
.muse-acc__body { padding: 0 2px 16px; }
.muse-acc__body p { font-size: 0.9rem; line-height: 1.55; color: rgba(20, 20, 20, 0.62); margin: 0 0 8px; }
.muse-acc__body p:last-child { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .muse-acc__chevron { transition: none; }
}

/* --------------------------------------------------------------------------
   Buy box: simple shipping line (custom_liquid)
   -------------------------------------------------------------------------- */
.muse-ship {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 13px 2px;
  font-size: 1.25rem;
}
.muse-ship__left {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #16a34a;
}
.muse-ship__dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #16a34a;
  flex: none;
}
.muse-ship__dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1.5px solid #16a34a;
  opacity: 0.45;
  animation: muse-ship-pulse 1.9s ease-out infinite;
}
.muse-ship__sep { color: rgba(20, 20, 20, 0.3); }
.muse-ship__right {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(20, 20, 20, 0.86);
}
.muse-ship__right strong { color: var(--muse-ink); font-weight: 700; }
.muse-ship__flag { font-size: 1.5rem; line-height: 1; }
@keyframes muse-ship-pulse {
  0% { transform: scale(0.8); opacity: 0.5; }
  70% { transform: scale(1.5); opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .muse-ship__dot::after { animation: none; }
}


/* --------------------------------------------------------------------------
   Buy box spacing tweaks (grouping title + reviews, tightening shipping)
   -------------------------------------------------------------------------- */
/* shipping line sits just below the add-to-cart button (no overlap) */
.muse-ship { margin-top: -20px; padding-top: 7px; }


/* --------------------------------------------------------------------------
   Buy box: réassurance sous l'ATC (muse-deliv-bar.liquid)
   Volontairement compact : icônes de paiement + une ligne de livraison.
   -------------------------------------------------------------------------- */
.muse-deliv {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* respiration entre les logos de paiement et la ligne de livraison */
  gap: 16px;
  /* de l'air sous le bouton, et avant la carte garantie qui suit */
  margin: 18px 0 22px;
}

/* Icônes de paiement — mêmes logos et mêmes couleurs que les autres pages
   produit. Pas de filtre : un logo de paiement se reconnaît à sa couleur. */
.muse-deliv__pay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 9px;
}
.muse-deliv__pay-label {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(20, 20, 20, 0.42);
  font-weight: 600;
}
.muse-deliv__pay-icons { display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.muse-deliv__pay-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--muse-white);
  box-shadow: inset 0 0 0 1px rgba(20, 20, 20, 0.09);
}
/* Shopify sort ses icônes en viewBox 38x24 avec des width/height en dur :
   on neutralise ces attributs pour qu'elles remplissent la case proprement. */
.muse-deliv__pay-ic svg,
.muse-deliv__pay-ic img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

/* Ligne de livraison */
.muse-deliv__date-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.4;
  color: rgba(20, 20, 20, 0.62);
  text-align: center;
}
.muse-deliv__dot {
  position: relative;
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--muse-magenta);
}
.muse-deliv__dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1.5px solid var(--muse-magenta);
  opacity: 0.45;
  animation: muse-deliv-pulse 2s ease-out infinite;
}
.muse-deliv__date { color: var(--muse-magenta-dark); font-weight: 700; }

@keyframes muse-deliv-pulse {
  0% { transform: scale(0.8); opacity: 0.5; }
  70% { transform: scale(1.6); opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .muse-deliv__dot::after { animation: none; }
}
}

/* Kaching bundle → Add-to-cart : resserrer l'écart.
   Le champ button_padding_top du customizer bute à 18px ; on tire le bouton
   vers le haut pour qu'il colle davantage au bundle. Ajuster la valeur au besoin. */
.product__info-container .product-form { margin-top: -6px !important; }


/* ==========================================================================
   Section textures — self-contained CSS/SVG, no image files, no perf cost.
   Soft magenta glow (Rhode-like restraint) is the default across the
   full-bleed sections; silk ripples (Cove-like) accent the two "look inside"
   moments (hook + actives). Sits under content; text rides on z-index 1.
   The buy-box .muse-section snippets are deliberately left untouched.
   ========================================================================== */

/* anchor the texture layer to each full-bleed section */
.muse-hook,
.muse-actives,
.muse-ba-section,
.muse-timeline,
.muse-face-section,
.muse-compare-section,
.muse-faq,
.muse-closing { position: relative; }

/* lift real content above the texture */
.muse-hook > .muse-container,
.muse-actives > .muse-container,
.muse-ba-section > .muse-container,
.muse-timeline > .muse-container,
.muse-face-section > .muse-container,
.muse-compare-section > .muse-container,
.muse-faq > .muse-container,
.muse-closing > .muse-container { position: relative; z-index: 1; }

/* Fonds PLATS UNIS choisis (2026-07-17, style Rhode) — plus de glow ni texture
   overlay. L'alternance A/B (blanc chaud #FCFAF9 / rose #FCEFF5) est réglée par
   section dans le template. Le contenu et le blanc portent, pas des effets. */


/* --------------------------------------------------------------------------
   Type scale — calé sur la vraie base du thème (html = 62.5% × body_scale,
   donc 1rem = 10px à échelle 100). Le corps natif Dawn = 1.5rem = 15px : on
   aligne la prose muse dessus (≈15px), emphase sur les leads/intros/titres.
   Tout est en rem → le curseur "Échelle de taille de police" scale l'ensemble.
   px indiqués à échelle 100.
   -------------------------------------------------------------------------- */
.muse-body { font-size: 1.5rem; }              /* 15px */
.muse-hook__lead { font-size: 1.9rem; }        /* 19px */
.muse-hook__body p { font-size: 1.55rem; }     /* 15.5px */
.muse-card h3 { font-size: 1.6rem; }           /* 16px */
.muse-card p { font-size: 1.5rem; }            /* 15px */
.muse-tl__title { font-size: 2.05rem; }        /* 20.5px */
.muse-tl__text { font-size: 1.5rem; }          /* 15px */
.muse-close__body { font-size: 1.6rem; }       /* 16px */
.muse-face__zone { font-size: 1.55rem; }       /* 15.5px */
.muse-benefits__intro { font-size: 1.75rem; }  /* 17.5px */
.muse-benefits__text { font-size: 1.5rem; }    /* 15px */
.muse-acc__head { font-size: 1.5rem; }         /* 15px */
.muse-acc__body p { font-size: 1.45rem; }      /* 14.5px */
.muse-faq__msg p { font-size: 1.5rem; }        /* 15px */
.muse-faq__q { font-size: 1.5rem; }            /* 15px */
.muse-gtee__heading { font-size: 1.5rem; }     /* 15px */
.muse-gtee__blurb { font-size: 1.4rem; }       /* 14px */
.muse-studies__ingredient { font-size: 1.75rem; } /* 17.5px */
.muse-studies__title { font-size: 1.5rem; }    /* 15px */
.muse-cmpcard__name { font-size: 1.9rem; }     /* 19px */
.muse-cmpcard__list li { font-size: 1.55rem; } /* 15.5px */
@media screen and (max-width: 759px) {
  .muse-cmpcard__name { font-size: 1.65rem; }  /* 16.5px */
  .muse-cmpcard__list li { font-size: 1.4rem; } /* 14px */
}

/* Popups, modals, labels & carrousels — même recalage d'échelle (base 10px).
   Ces classes n'étaient pas dans le bloc ci-dessus et restaient à 6-9px. */
.muse-gtee__link { font-size: 1.25rem; }        /* 12.5px — lien garantie buy box */
.muse-modal__num { font-size: 1.35rem; }        /* 13.5px — n° d'étape popup */
.muse-modal__step-title { font-size: 1.5rem; }  /* 15px   — titre d'étape popup garantie */
.muse-modal__step-text { font-size: 1.45rem; }  /* 14.5px — corps popup garantie */
.muse-studies__trigger { font-size: 1.3rem; }   /* 13px   — "Backed by science" */
.muse-studies__link { font-size: 1.35rem; }     /* 13.5px — "Read the study" */
.muse-footnote { font-size: 1.2rem; }           /* 12px   — disclaimers / footnotes */
.muse-attr { font-size: 1.2rem; }               /* 12px   — pills d'attributs */
.muse-card__tag { font-size: 1.05rem; }         /* 10.5px — tag carte actif */
.muse-car__arrow { font-size: 1.6rem; }         /* flèche carrousel */
.muse-ba__cap { font-size: 1.3rem; }            /* 13px   — légende before/after */
.muse-ba__tag { font-size: 1rem; }              /* 10px   — badge BEFORE/AFTER */
.muse-face__hot { font-size: 0.95rem; }         /* 9.5px  — n° dans la pastille 30px */
.muse-face__when { font-size: 1.05rem; }        /* 10.5px — pill semaine */
.muse-face__btn { font-size: 1.2rem; }          /* 12px   — boutons de zone */
.muse-tabshell__tab { font-size: 1.3rem; }      /* 13px   — onglets comparatif */
.muse-mark { font-size: 1.05rem; }              /* 10.5px — coche / croix */
.muse-tl__week { font-size: 1.1rem; }           /* 11px   — eyebrow semaine timeline */
@media screen and (max-width: 759px) {
  .muse-mark { font-size: 0.95rem; }
}


/* --------------------------------------------------------------------------
   Buy box selling copy — hero promise + transformation line + bolded bullets
   -------------------------------------------------------------------------- */
.muse-benefits__intro { margin: 0 0 6px; }
.muse-benefits__desc { font-size: 1.5rem; line-height: 1.55; color: rgba(20, 20, 20, 0.68); margin: 0 0 16px; }
.muse-benefits__text strong { color: var(--muse-ink); font-weight: 700; }


/* ============================================================
   Muse Hero (homepage) — overlay on desktop, stacked on mobile
   ============================================================ */
.muse-hero { position: relative; overflow: hidden; display: flex; flex-direction: column; }
.muse-hero__bg { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 70% center; }
.muse-hero__inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding: 34px 22px 42px; }
.muse-hero__title { margin: 0 0 14px; }
.muse-hero__sub { font-family: var(--muse-font-body); font-size: 1.72rem; line-height: 1.5; color: rgba(20,20,20,.82); max-width: 34ch; margin: 0 0 24px; }
.muse-hero__actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.muse-hero__cta { margin: 0; }
.muse-hero__link { display: inline-flex; align-items: center; gap: 5px; font-family: var(--muse-font-body); font-size: 1.45rem; font-weight: 600; color: var(--muse-ink); text-decoration: none; border-bottom: 1.5px solid rgba(20,20,20,.25); padding-bottom: 1px; transition: color .15s ease, border-color .15s ease; }
.muse-hero__link:hover { color: var(--muse-magenta); border-color: var(--muse-magenta); }
.muse-hero__link svg { flex: none; }
.muse-hero__trust { margin: 20px 0 0; font-family: var(--muse-font-body); font-size: 1.28rem; font-weight: 600; color: rgba(20,20,20,.66); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.muse-hero__stars { color: var(--muse-magenta); letter-spacing: 2px; font-size: 1.15rem; }

@media screen and (min-width: 750px) {
  .muse-hero { flex-direction: row; align-items: center; min-height: clamp(520px, 72vh, 720px); }
  .muse-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-position: 80% center; }
  .muse-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(90deg, rgba(252,250,249,.97) 0%, rgba(252,250,249,.9) 32%, rgba(252,250,249,.35) 56%, rgba(252,250,249,0) 76%); }
  .muse-hero__inner { background: transparent !important; max-width: min(560px, 52%); margin-right: auto; padding: 56px 0 56px clamp(24px, 6vw, 96px); }
  .muse-hero__sub { font-size: 1.9rem; }
}


/* ============================================================
   "Backed by science" — editorial rules seal
   ============================================================ */
.muse-studies__trigger.muse-sci {
  flex-direction: column;
  align-items: center;
  gap: 3px;
  text-decoration: none;
  color: var(--muse-ink);
}
.muse-sci__seal { display: inline-flex; align-items: center; gap: 12px; }
.muse-sci__rule { display: block; width: 42px; height: 1px; background: rgba(20, 20, 20, 0.28); flex: none; }
.muse-sci__label {
  font-family: var(--muse-font-body);
  font-size: 1.18rem; font-weight: 700;
  letter-spacing: .13em; text-transform: uppercase;
  color: var(--muse-ink); white-space: nowrap;
}
.muse-sci__link {
  display: inline-flex; align-items: center; gap: 3px;
  font-family: var(--muse-font-body);
  font-size: 1.08rem; font-weight: 600;
  color: var(--muse-magenta);
  text-decoration: underline; text-underline-offset: 2px;
}
.muse-sci__link svg { flex: none; }
.muse-studies__trigger.muse-sci:hover .muse-sci__label { color: var(--muse-magenta); }
.muse-studies__trigger.muse-sci:hover .muse-sci__rule { background: var(--muse-magenta); }
.muse-studies__trigger.muse-sci:hover .muse-sci__link { color: var(--muse-magenta-dark); }