/** Shopify CDN: Minification failed

Line 816:14 Unexpected "{"
Line 816:23 Expected ":"
Line 816:29 Unexpected ","
Line 2627:14 Unexpected "{"
Line 2627:23 Expected ":"
Line 2627:29 Unexpected ","

**/
/* ============================================================
   LEMIERÉ PARIS — Global Luxury Overrides
   Dark luxury · Parisian apothecary aesthetic
   Palette: #000000 bg · #F5F0E8 parchment · #C9A96E rose gold
   Fonts: Cormorant Garamond (headings) · Jost (body)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');

/* ── BUTTON RADIUS: override Shrine Pro CSS variables ──
   base.css uses --buttons-radius-outset on .button and
   --buttons-radius on .button::after (the visible border box).
   Setting both variables here + targeting pseudo-elements
   directly ensures pill shape wins everywhere.              */
:root {
  --buttons-radius: 24px;
  --buttons-radius-outset: 24px;
  --font-heading-family: 'Cormorant Garamond', Georgia, serif;
  --font-body-family: 'Inter', sans-serif;
  --font-number-family: 'Playfair Display', Georgia, serif;
}

/* ── TEXT SELECTION ── */
::selection {
  background: rgba(201, 169, 110, 0.25);
  color: #F5F0E8;
}

/* ── SCROLL-TRIGGERED FADE-IN ── */
.lm-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lm-fade.lm-visible {
  opacity: 1;
  transform: translateY(0);
}
.lm-fade.lm-delay-1 { transition-delay: 0.1s; }
.lm-fade.lm-delay-2 { transition-delay: 0.2s; }
.lm-fade.lm-delay-3 { transition-delay: 0.35s; }

@media (prefers-reduced-motion: reduce) {
  .lm-fade { opacity: 1; transform: none; transition: none; }
}

.button::before,
.button::after,
.product-form__submit::before,
.product-form__submit::after,
.customer button::before,
.customer button::after,
.shopify-payment-button [role="button"]::before,
.shopify-payment-button [role="button"]::after {
  border-radius: 24px !important;
}


/* ─── 0. SHARED PAGE COMPONENTS ────────────────────────────
   Hero banner used across FAQ, Shipping, and other inner pages. */

.lp-page-hero {
  text-align: center;
  padding: 80px 20px 48px;
  border-bottom: 1px solid rgba(201, 169, 110, 0.18);
}

.lp-page-hero__eyebrow {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C9A96E;
  margin-bottom: 1.2rem;
}

.lp-page-hero__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #F5F0E8;
  margin: 0 0 1.2rem;
  line-height: 1.15;
}

.lp-page-hero__sub {
  font-size: 1.05rem;
  color: rgba(245, 240, 232, 0.9);
  font-style: italic;
  letter-spacing: 0.04em;
}

/* ─────────────────────────────────────────────────────────── */


/* ─── 1. SECTION SPACING ────────────────────────────────────
   Shopify injects margin between sections. Combined with each
   section's own padding this creates dead-air blocks on a flat
   black background. Collapse all inter-section margins.      */

.shopify-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Tighten the generous default vertical rhythm on content
   sections without breaking their own padding logic.         */
.page-width {
  --section-vertical-padding: 48px;
}

@media screen and (max-width: 749px) {
  .page-width {
    --section-vertical-padding: 32px;
  }
}

/* Thin gold rule between major content sections —
   turns "dead space" into intentional breathing room.        */
.shopify-section:not(.shopify-section-header):not(.shopify-section-footer) + .shopify-section:not(.shopify-section-footer)::before {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: rgba(201, 169, 110, 0.3);
  margin: 0 auto;
}

/* Trust bar: flush with the section below — no gap, no gold rule */
#shopify-section-lm-trust-bar-1,
#shopify-section-lm-trust-bar-1 section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#shopify-section-lm-trust-bar-1 + .shopify-section::before {
  display: none !important;
}

/* Doctor → Doctor Carousel: flush, no gap, no gold rule */
#shopify-section-lm-doctor-1,
#shopify-section-lm-doctor-1 section {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#shopify-section-lm-doctor-1 .lm-doctor {
  padding-bottom: 0 !important;
}
#shopify-section-lm-doctor-1 + .shopify-section::before {
  display: none !important;
}
#shopify-section-lm-doctor-carousel-1,
#shopify-section-lm-doctor-carousel-1 section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#shopify-section-lm-doctor-carousel-1 .lm-doc-car {
  padding-top: 0 !important;
}


/* ─── 2. ANNOUNCEMENT BAR ───────────────────────────────────
   Replace the salmon/pink "sale" look with dark luxury.
   The section's color-custom vars are set via JSON, but these
   selectors handle any residual theme defaults.              */

.announcement-bar {
  border-bottom: 1px solid rgba(201, 169, 110, 0.15) !important;
}

.announcement-bar__item {
  gap: 0.8rem;
}

/* Force the announcement text to feel editorial, not promotional */
.announcement-bar .announcement-bar__item p,
.announcement-bar .announcement-bar__item span,
.announcement-bar .announcement-bar__item a {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.14em !important;
  font-style: italic;
  font-weight: 400 !important;
  text-transform: none !important;
}


/* ─── 3. HORIZONTAL TICKER (the FREE SHIPPING bar) ─────────
   Override the white/light-scheme ticker to feel like a refined
   editorial marquee, not a Black Friday banner.              */

.horizontal-ticker {
  border-top: 1px solid rgba(201, 169, 110, 0.12) !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.12) !important;
}

/* Ticker text: Cormorant, italic, spaced — not shouted */
.horizontal-ticker__item {
  font-family: 'Inter', sans-serif !important;
  font-size: var(--desktop-text-size, 1.4rem) !important;
  letter-spacing: 0.16em !important;
  font-style: italic !important;
  font-weight: 300 !important;
  text-transform: none !important;
  opacity: 0.88;
}

/* The separator dots/pipes between ticker items */
.horizontal-ticker__item::after {
  content: ' ·';
  margin-left: 0.6em;
  color: #C9A96E;
  font-style: normal;
}


/* ─── 4. ICONS SECTION ──────────────────────────────────────
   Give the floating icons image banner an anchoring label
   and a subtle framing treatment.                            */

.image-banner .title-wrapper,
.image-banner .image-banner__box {
  background: transparent !important;
}

/* The section heading that labels the icons */
.image-banner h2.title,
.image-banner h1.title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
  color: #F5F0E8 !important;
  text-align: center !important;
  margin-bottom: 2rem !important;
}

/* Thin rose-gold lines flanking the icons section heading */
.image-banner h2.title::before,
.image-banner h1.title::before,
.image-banner h2.title::after,
.image-banner h1.title::after {
  content: '';
  display: inline-block;
  width: 3rem;
  height: 1px;
  background: rgba(201, 169, 110, 0.5);
  vertical-align: middle;
  margin: 0 1.2rem;
}


/* ─── 5. NAV — carried over from header.liquid ──────────────
   These mirror the styles in header.liquid for resilience in
   case the section style block is cached differently.        */

/* Ensure the header wrapper has no bottom border by default
   (the show_line_separator setting handles this, but just in
   case theme resets interfere).                              */
.header-wrapper {
  border-bottom: none !important;
}

/* Logo container — .media class sets a semi-transparent foreground bg by default;
   clear it so no tinted line bleeds around the logo image */
.header__heading-link.media {
  background-color: transparent !important;
}

/* Header icon buttons (search, account, cart) — match the
   parchment tone instead of inheriting theme's foreground.  */
.header__icon svg {
  color: rgba(245, 240, 232, 0.75);
  transition: color 0.25s ease;
}

.header__icon:hover svg {
  color: #C9A96E;
}

/* Cart bubble — rose gold counter badge */
.cart-count-bubble {
  background: #C9A96E !important;
  color: #000 !important;
}


/* ═══════════════════════════════════════════════════════════
   6. TRUST / ICON BAR
   Restyle the multicolumn icon-bar from generic grid to an
   editorial row with rose-gold vertical dividers between items.
   ═══════════════════════════════════════════════════════════ */

.icon-bar {
  background: #000 !important;
  --gradient-background: #000 !important;
}

/* Outer container: constrain and center */
.icon-bar .page-width {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Splide destroy state: horizontal flex row with dividers */
.icon-bar .splide--destroy-desktop .splide__list,
.icon-bar .splide__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}

.icon-bar .splide__slide {
  flex: 1 !important;
  position: relative;
}

/* Rose-gold vertical divider between items */
.icon-bar .splide__slide + .splide__slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 16%;
  height: 68%;
  width: 1px;
  background: rgba(201, 169, 110, 0.25);
  pointer-events: none;
}

/* Each trust point card */
.icon-bar .icon-bar-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 32px 20px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: 0.75rem !important;
}

/* Icon: rose-gold tint, restrained size */
.icon-bar .icon-bar-card__icon {
  color: #C9A96E !important;
  font-size: 1.6rem !important;
  opacity: 0.9;
  flex-shrink: 0;
}

.icon-bar .icon-bar-card__icon svg,
.icon-bar .icon-bar-card__icon .material-icon {
  width: 28px !important;
  height: 28px !important;
}

.icon-bar .icon-bar-card__icon img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(73%) sepia(28%) saturate(591%) hue-rotate(1deg) brightness(94%) contrast(90%);
}

/* Card title: small Cormorant, letter-spaced, parchment */
.icon-bar .multicolumn-card__info h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #F5F0E8 !important;
  margin: 0 0 0.3rem !important;
  line-height: 1.3 !important;
}

/* Card body text: small, muted, italic */
.icon-bar .multicolumn-card__info .rte,
.icon-bar .multicolumn-card__info .rte p {
  font-size: 0.78rem !important;
  letter-spacing: 0.06em !important;
  color: rgba(245, 240, 232, 0.9) !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  .icon-bar .splide__slide + .splide__slide::before {
    display: none;
  }
  .icon-bar .icon-bar-card {
    padding: 24px 12px !important;
  }
  .icon-bar .multicolumn-card__info h3 {
    font-size: 0.75rem !important;
    letter-spacing: 0.12em !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   7. COMPARISON TABLE
   Dark background, rose-gold checkmarks, editorial borders.
   ═══════════════════════════════════════════════════════════ */

.comparison-table-container {
  width: 100%;
}

.comparison-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #080808 !important;
  border: 1px solid rgba(201, 169, 110, 0.18) !important;
}

/* Section heading above table */
.comparison-table + *,
.content-and-comparison .title,
.content-and-comparison h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
}

/* Header row */
.comparison-table thead th {
  padding: 24px 16px 20px !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.2) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  background: transparent !important;
}

/* "Us" column header: rose-gold tint */
.comparison-table__logo {
  color: #C9A96E !important;
  border-right: 1px solid rgba(201, 169, 110, 0.15) !important;
  border-left: 1px solid rgba(201, 169, 110, 0.15) !important;
}

/* Competitor column headers: muted */
.comparison-table__others {
  color: rgba(245, 240, 232, 0.35) !important;
}

/* Body rows */
.comparison-table tbody tr {
  border-bottom: 1px solid rgba(245, 240, 232, 0.05) !important;
  transition: background 0.2s ease;
}

.comparison-table tbody tr:last-child {
  border-bottom: none !important;
}

/* Row feature label */
.comparison-table__row-name {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(245, 240, 232, 0.8) !important;
  padding: 16px 20px !important;
  text-align: left !important;
  background: transparent !important;
}

/* All body cells */
.comparison-table td {
  padding: 14px 16px !important;
  background: transparent !important;
}

/* "Our" column cells: subtle rose-gold tint + side borders */
.comparison-table .highlighted-cell {
  background: rgba(201, 169, 110, 0.04) !important;
  border-left: 1px solid rgba(201, 169, 110, 0.12) !important;
  border-right: 1px solid rgba(201, 169, 110, 0.12) !important;
}

/* Checkmark icon: rose gold */
.comparison-table__icon {
  width: 22px !important;
  height: 22px !important;
  margin: 0 auto !important;
}

.comparison-table .highlighted-cell .comparison-table__icon svg path {
  fill: #C9A96E !important;
}

.comparison-table .highlighted-cell .comparison-table__icon--solid {
  background: rgba(201, 169, 110, 0.12) !important;
  border: 1px solid rgba(201, 169, 110, 0.3) !important;
  border-radius: 50% !important;
}

/* Competitor checkmarks and X marks: very muted */
.comparison-table .regular-cell .comparison-table__icon svg path {
  fill: rgba(245, 240, 232, 0.2) !important;
}

.comparison-table .regular-cell .comparison-table__icon--solid {
  background: transparent !important;
  border: 1px solid rgba(245, 240, 232, 0.1) !important;
  border-radius: 50% !important;
}

/* Override any color scheme injecting light backgrounds */
.comparison-table .color-background-1,
.comparison-table .color-background-2,
.comparison-table .color-accent-1,
.comparison-table .color-accent-2 {
  background: transparent !important;
  --color-background: 0, 0, 0 !important;
}


/* ═══════════════════════════════════════════════════════════
   8. TESTIMONIALS
   Luxury magazine layout — bordered cards, serif text,
   editorial quote treatment.
   ═══════════════════════════════════════════════════════════ */

/* Section heading */
.multicolumn.testimonials .title-wrapper-with-link h2,
.shopify-section .multicolumn .title-wrapper-with-link h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
}

/* Individual testimonial card */
.testimonial-card {
  background: rgba(8, 8, 8, 1) !important;
  --gradient-background: #080808 !important;
  border: 1px solid rgba(201, 169, 110, 0.16) !important;
  border-radius: 0 !important;
  padding: 36px 32px !important;
  position: relative;
}

/* Rose-gold top accent line */
.testimonial-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 32px;
  width: 32px;
  height: 2px;
  background: #C9A96E;
}

/* Opening quote mark */
.testimonial-card__quotes {
  margin-bottom: 1.2rem !important;
  justify-content: flex-start !important;
}

.testimonial-card__quotes svg {
  width: 28px !important;
  height: 28px !important;
  color: rgba(201, 169, 110, 0.45) !important;
}

/* Stars */
.testimonial-card__stars {
  margin-bottom: 1rem !important;
  justify-content: flex-start !important;
  --star-color: #C9A96E !important;
  --bg-star-color: rgba(201, 169, 110, 0.2) !important;
}

/* Review title */
.testimonial-card .multicolumn-card__info h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
  color: #F5F0E8 !important;
  line-height: 1.5 !important;
  margin-bottom: 0.8rem !important;
}

/* Review body */
.testimonial-card .multicolumn-card__info .rte,
.testimonial-card .multicolumn-card__info .rte p {
  font-size: 0.92rem !important;
  line-height: 1.85 !important;
  color: rgba(245, 240, 232, 0.9) !important;
  font-style: normal !important;
  letter-spacing: 0.025em !important;
  margin: 0 !important;
}

/* Author section */
.testimonial-card__author-container {
  margin-top: 1.6rem !important;
  padding-top: 1.2rem !important;
  border-top: 1px solid rgba(245, 240, 232, 0.07) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

/* Author avatar: circular, rose-gold ring */
.testimonial-card__avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(201, 169, 110, 0.3) !important;
}

/* Author name */
.testimonial-card__author {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
  font-style: normal !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  .testimonial-card {
    padding: 28px 20px !important;
  }
  .testimonial-card::before {
    left: 20px;
  }
}


/* ═══════════════════════════════════════════════════════════
   9. RESULTS / SCIENCE SECTION
   Compelling progress bars, editorial stat presentation.
   ═══════════════════════════════════════════════════════════ */

.content-and-results {
  align-items: center;
}

/* Results headline */
.results .title,
.results h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
}

/* Individual result row */
.results__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(245, 240, 232, 0.06) !important;
}

.results__row:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

/* Progress bar track */
.results__percentage {
  width: 100%;
  height: 3px !important;
  background: rgba(245, 240, 232, 0.08) !important;
  position: relative;
  border-radius: 0 !important;
  overflow: hidden;
}

/* Progress bar fill: rose-gold */
.results__percentage::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--percentage, 0%) !important;
  background: linear-gradient(90deg, rgba(201, 169, 110, 0.6) 0%, #C9A96E 100%) !important;
  display: block !important;
}

/* Stat label */
.results__text {
  font-size: 0.82rem !important;
  letter-spacing: 0.1em !important;
  color: rgba(245, 240, 232, 0.9) !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* Caption / footnote */
.results__caption {
  font-size: 0.72rem !important;
  color: rgba(245, 240, 232, 0.3) !important;
  font-style: italic !important;
  letter-spacing: 0.04em !important;
  margin-top: 1.6rem !important;
  line-height: 1.6 !important;
}

/* Content side (image / text) of the results section */
.content-and-results__image {
  border: 1px solid rgba(201, 169, 110, 0.12) !important;
}


/* ═══════════════════════════════════════════════════════════
   10. BEFORE / AFTER IMAGES
   Elegant framing with rose-gold border treatment.
   ═══════════════════════════════════════════════════════════ */

/* image-with-text grid: ensure dark background */
.image-with-text {
  background: #000 !important;
  --gradient-background: #000 !important;
}

.image-with-text__media {
  position: relative;
}

/* Rose-gold corner frame marks */
.image-with-text__media::before,
.image-with-text__media::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
  pointer-events: none;
}

.image-with-text__media::before {
  top: 12px;
  left: 12px;
  border-top: 1px solid rgba(201, 169, 110, 0.55);
  border-left: 1px solid rgba(201, 169, 110, 0.55);
}

.image-with-text__media::after {
  bottom: 12px;
  right: 12px;
  border-bottom: 1px solid rgba(201, 169, 110, 0.55);
  border-right: 1px solid rgba(201, 169, 110, 0.55);
}

/* Caption / label beneath before-after */
.image-with-text__content .eyebrow {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
}

.image-with-text__content h2,
.image-with-text__content .title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
  line-height: 1.2 !important;
}

.image-with-text__content .rte p {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.025em !important;
}


/* ═══════════════════════════════════════════════════════════
   11. PRODUCT PAGE
   Dark background, rose-gold accents, premium typography,
   luxury variant/bundle selector, elegant ATC button.
   ═══════════════════════════════════════════════════════════ */

/* ── 11a. Page background ── */
#MainProduct-{{ section.id }},
.template-product .shopify-section,
.template-product main,
.template-product .page-width {
  background: #000 !important;
}

/* Use non-Liquid selectors that work globally */
body.template-product {
  background: #000 !important;
}

body.template-product main > .shopify-section {
  background: #000 !important;
}

/* ── 11b. Product title ── */
.product__title h1,
.product__title .h1,
.main-product__info-container h1 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.9rem, 3.5vw, 3rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  color: #F5F0E8 !important;
  line-height: 1.15 !important;
  margin-bottom: 0.4rem !important;
}

/* Hide the second <h2> title link (theme duplicates it) */
.product__title a.product__title {
  display: none !important;
}

/* ── 11c. Price ── */
.product-page-price .price__regular .price-item,
.product-page-price .price__sale .price-item--sale,
.product-page-price .price-item--regular {
  font-family: var(--font-number-family, 'Playfair Display', serif) !important;
  font-size: clamp(1.8rem, 2.5vw, 2.2rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: #C9A96E !important;
}

/* Compare-at price: muted strikethrough */
.product-page-price .price-item--regular.price-item--last,
.product-page-price .price__compare .price-item {
  color: rgba(245, 240, 232, 0.3) !important;
  font-size: 1rem !important;
  text-decoration: line-through !important;
}

/* Sale badge: dark, rose-gold border */
.badge--sale {
  background: transparent !important;
  border: 1px solid rgba(201, 169, 110, 0.45) !important;
  color: #C9A96E !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 3px 8px !important;
}

/* ── 11d. Variant / Bundle selector ── */

/* Swatch-style or block-style variant buttons */
.product-form__input {
  gap: 8px !important;
}

.product-form__input .form__label {
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(245, 240, 232, 0.9) !important;
  margin-bottom: 10px !important;
}

/* Block/pill variant buttons */
.swatch-input__label,
.block-swatch__label,
.product-form__input .button-swatch,
.product-form__input label[for] {
  border: 1px solid rgba(245, 240, 232, 0.15) !important;
  background: transparent !important;
  color: rgba(245, 240, 232, 0.9) !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.12em !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

/* Selected variant */
.swatch-input__input:checked + .swatch-input__label,
.block-swatch input:checked + label,
.product-form__input input:checked + label,
.product-form__input .button-swatch.active,
.product-form__input .button-swatch.selected {
  border-color: #C9A96E !important;
  color: #C9A96E !important;
  background: rgba(201, 169, 110, 0.07) !important;
}

/* Hover state */
.swatch-input__label:hover,
.block-swatch__label:hover,
.product-form__input .button-swatch:hover {
  border-color: rgba(201, 169, 110, 0.5) !important;
  color: #F5F0E8 !important;
}

/* Dropdown-style variant select */
.product-form__input select,
.product-form__input .select__select {
  background: #0a0a0a !important;
  border: 1px solid rgba(245, 240, 232, 0.15) !important;
  border-radius: 0 !important;
  color: rgba(245, 240, 232, 0.8) !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  padding: 12px 16px !important;
  appearance: none;
  outline: none !important;
  transition: border-color 0.2s ease;
}

.product-form__input select:focus,
.product-form__input .select__select:focus {
  border-color: rgba(201, 169, 110, 0.5) !important;
}

/* ── 11e. Quantity selector ── */
.quantity.main-quantity {
  background: transparent !important;
  border: 1px solid rgba(245, 240, 232, 0.15) !important;
  border-radius: 0 !important;
}

.quantity.main-quantity .quantity__input,
quantity-input.main-quantity .quantity__input {
  background: transparent !important;
  color: #F5F0E8 !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  border: none !important;
}

.quantity.main-quantity .quantity__button,
quantity-input.main-quantity .quantity__button {
  color: #F5F0E8 !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.2s ease;
}

.quantity.main-quantity .quantity__button svg path,
quantity-input.main-quantity .quantity__button svg path {
  fill: #F5F0E8 !important;
}

.quantity.main-quantity .quantity__button:hover,
quantity-input.main-quantity .quantity__button:hover {
  color: #C9A96E !important;
}

.quantity.main-quantity .quantity__button:hover svg path,
quantity-input.main-quantity .quantity__button:hover svg path {
  fill: #C9A96E !important;
}

/* ── 11f. Add to Cart button ── */
.product-form__submit.button--primary,
.product-form__submit[name="add"] {
  background: #C9A96E !important;
  color: #000 !important;
  border: none !important;
  border-radius: 24px !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  padding: 18px 40px !important;
  transition: background 0.25s ease, opacity 0.25s ease !important;
}

.product-form__submit.button--primary:hover,
.product-form__submit[name="add"]:hover {
  background: #b8925a !important;
  opacity: 1 !important;
}

/* Sold-out / disabled state */
.product-form__submit[disabled] {
  background: rgba(201, 169, 110, 0.2) !important;
  color: rgba(245, 240, 232, 0.4) !important;
  cursor: not-allowed !important;
}

/* ── 11g. Product description ── */
.product__description.rte p,
.product__description.rte li {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 0.95rem !important;
  line-height: 1.9 !important;
  letter-spacing: 0.025em !important;
}

.product__description.rte strong {
  color: #F5F0E8 !important;
  font-weight: 700 !important;
}

.product__description.rte h3,
.product__description.rte h4 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
  margin: 1.4em 0 0.6em !important;
}

/* ── 11h. Collapsible accordions (ingredients, how to use, etc.) ── */
.product__accordion.accordion {
  border-top: 1px solid rgba(245, 240, 232, 0.08) !important;
  border-bottom: none !important;
}

.product__accordion.accordion + .product__accordion.accordion {
  border-top: 1px solid rgba(245, 240, 232, 0.08) !important;
}

.product__accordion .accordion__summary {
  padding: 18px 0 !important;
  background: transparent !important;
}

.product__accordion .accordion__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: rgba(245, 240, 232, 0.8) !important;
  text-transform: none !important;
}

.product__accordion .accordion__summary:hover .accordion__title {
  color: #C9A96E !important;
}

.product__accordion .accordion__content {
  padding-bottom: 18px !important;
}

.product__accordion .accordion__content p {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 0.9rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.025em !important;
}

/* Expand/collapse icon: rose-gold on open */
.product__accordion details[open] .accordion__title {
  color: #C9A96E !important;
}

/* ── 11i. Product media gallery ── */
.product__media-wrapper .media {
  background: #080808 !important;
}

/* Thumbnail border treatments */
.thumbnail-slider__button {
  border: 1px solid rgba(245, 240, 232, 0.1) !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease !important;
}

.thumbnail-slider__button.is-active,
.thumbnail-slider__button:hover {
  border-color: #C9A96E !important;
}

/* ── 11j. Sticky ATC bar ── */
.sticky-atc {
  background: rgba(4, 4, 4, 0.96) !important;
  border-top: 1px solid rgba(201, 169, 110, 0.2) !important;
  backdrop-filter: blur(12px);
}

.sticky-atc .button {
  background: #C9A96E !important;
  color: #000 !important;
  border-radius: 24px !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
}

.sticky-atc__product-title {
  font-family: 'Inter', sans-serif !important;
  color: #F5F0E8 !important;
  font-weight: 300 !important;
}

.sticky-atc__price {
  font-family: var(--font-number-family, 'Playfair Display', serif) !important;
  color: #C9A96E !important;
}


/* ═══════════════════════════════════════════════════════════
   FIX 1b — RESULTS ROW: REMOVE INDENT FROM INGREDIENT NAMES
   Base CSS sets .results__row as display:flex (row direction),
   putting the percentage bar on the left and text to the right.
   Force column layout so the bar (hidden) and text stack.
   ═══════════════════════════════════════════════════════════ */

.results__row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Hide the 0% bars — they add no information and cause indent */
.results__percentage {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════
   FIX A — TESTIMONIAL SLIDESHOW: TEXT BELOW IMAGE
   The liquid adds .slideshow__slide--text-below when
   show_text_below=true AND show_text_box=true (testimonials
   only — the hero slide has show_text_box=false so is safe).
   Base CSS: .banner__media is position:absolute filling 100%
   height. We flip it to relative so it takes image height,
   then the flex-column slide stacks text naturally below.
   ═══════════════════════════════════════════════════════════ */

/* Image: pull out of absolute flow, take natural height */
.slideshow__slide--text-below .slideshow__media.banner__media {
  position: relative !important;
  height: auto !important;
  width: 100% !important;
  top: auto !important;
  left: auto !important;
}

.slideshow__slide--text-below .slideshow__media.banner__media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* Suppress the ::after image overlay */
.slideshow__slide--text-below .banner__media::after {
  display: none !important;
}

/* Text wrapper: remove min-height that forces tall empty space,
   sit below image as a normal flex child */
.slideshow__slide--text-below .slideshow__text-wrapper.banner__content {
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 40px 48px !important;
  background: #060606 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.12) !important;
  align-self: auto !important;
  justify-self: auto !important;
}

/* Inner box: constrain width, centred */
.slideshow__slide--text-below .slideshow__text.banner__box {
  max-width: 860px !important;
  margin: 0 auto !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Slide heading: italic Cormorant, editorial scale */
.slideshow__slide--text-below .banner__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.2rem, 2vw, 1.7rem) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
  color: #F5F0E8 !important;
  line-height: 1.45 !important;
  margin-bottom: 1rem !important;
}

/* Subheading (full review text) */
.slideshow__slide--text-below .banner__text {
  font-size: 0.9rem !important;
  color: rgba(245, 240, 232, 0.9) !important;
  line-height: 1.85 !important;
  letter-spacing: 0.025em !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 749px) {
  .slideshow__slide--text-below .slideshow__text-wrapper.banner__content {
    padding: 28px 20px !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   FIX B — COMPARISON TABLE: LOGO CELL BACKGROUND
   Remove the white/light box behind the Lemieré logo.
   Also apply an invert filter so a dark logo reads on black.
   ═══════════════════════════════════════════════════════════ */

.comparison-table__logo,
.comparison-table__logo.highlighted-color-d2d3417b-e92f-428c-b221-5bceffb552be,
.comparison-table thead th.comparison-table__logo {
  background: transparent !important;
  --color-background: 0, 0, 0 !important;
  --gradient-background: transparent !important;
  background-color: transparent !important;
}

/* If the logo is dark/black on white, invert it to show on black */
.comparison-table__logo img {
  filter: invert(1) brightness(0.9) !important;
  background: transparent !important;
}

/* Also clear out any color-scheme class applied to the th */
.comparison-table thead th[class*="highlighted-color"],
.comparison-table thead th[class*="color-accent"],
.comparison-table thead th[class*="color-background"] {
  background: transparent !important;
  --gradient-background: transparent !important;
}


/* ═══════════════════════════════════════════════════════════
   FIX C — RESULTS SECTION: INGREDIENT NAME PROMINENCE
   The <strong> inside each .results__text is the ingredient
   name (Procapil™, Redensyl™, Capixyl™). Lift it out of the
   small body text and give it Cormorant editorial scale.
   ═══════════════════════════════════════════════════════════ */

.results__text {
  text-transform: none !important;
  font-size: 0.88rem !important;
}

.results__text strong {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #F5F0E8 !important;
  margin-bottom: 0.35em !important;
  line-height: 1.2 !important;
}

.results__text br {
  display: block;
  margin-bottom: 0.2em;
}


/* ═══════════════════════════════════════════════════════════
   12. GLOBAL SECTION HEADINGS
   Any section heading anywhere on the site: ensure Cormorant.
   ═══════════════════════════════════════════════════════════ */

.title-wrapper-with-link .title,
.title-wrapper .title,
section .title.h1,
section .title.h2,
section .title.h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
}

/* Subtext beneath section headings */
.multicolumn-text,
.multicolumn-text p {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  letter-spacing: 0.03em !important;
  font-style: italic !important;
}



/* ═══════════════════════════════════════════════════════════
   13. HOMEPAGE — FULL REBUILD
   References: Tom Ford Beauty · Augustinus Bader · La Mer
   Story flow: Hero → Problem → Science → Proof → Conviction
   UI/UX rules: visual-hierarchy, whitespace-balance,
   primary-action, font-scale, style-match, mobile-first,
   animation 150-300ms, accessibility contrast 4.5:1
   ═══════════════════════════════════════════════════════════ */


/* ── 13a. Global dark canvas ── */

html,
body {
  background: #000 !important;
}

.shopify-section {
  background: #000;
}

#shopify-section-1774166382dc8241d2 {
  display: none !important;
}


/* ── 13b. Scroll-reveal (CSS-native, graceful degradation) ── */

@keyframes lm-fade-up {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

@supports (animation-timeline: view()) {
  .shopify-section:not(.shopify-section-header):not(.shopify-section-footer) > div,
  .shopify-section:not(.shopify-section-header):not(.shopify-section-footer) > section {
    animation: lm-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-timeline: view();
    animation-range: entry 0% entry 28%;
  }
}

@media (prefers-reduced-motion: reduce) {
  @supports (animation-timeline: view()) {
    .shopify-section > div,
    .shopify-section > section {
      animation: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }
}


/* ── 13c. HERO — Cinematic, ghost CTA ── */

/* Hero height: use theme's slide_height setting (admin-controlled) */
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow {
  min-height: 0 !important;
}

/* Ghost button: outline gold → fills on hover */
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .banner__buttons .button,
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .banner__buttons a.button {
  background: transparent !important;
  border: 1px solid rgba(201, 169, 110, 0.8) !important;
  color: #C9A96E !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  padding: 18px 48px !important;
  border-radius: 24px !important;
  min-width: 240px !important;
  text-align: center !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}

#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .banner__buttons .button:hover {
  background: #C9A96E !important;
  color: #000 !important;
}

/* Bottom gradient scrim for CTA legibility */
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow__media.banner__media::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 55% !important;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 55%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Only one active slide — hide nav */
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slider-buttons,
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slider-counter {
  display: none !important;
}

/* ── Hero: mobile image fix ── */
@media screen and (max-width: 749px) {
  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow__slide {
    min-height: 520px !important;
  }

  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow__media.banner__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow__media.banner__media img,
  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow__media.banner__media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* ── 13d. PROBLEM / PROMISE (image_banner) ── */
/* Give the floating icons image an editorial anchor.
   Vertical padding, display-scale heading, centred image. */

#shopify-section-image_banner_ti7NfU {
  background: #050505 !important;
  --gradient-background: #050505 !important;
}

#shopify-section-image_banner_ti7NfU .image-banner {
  background: #050505 !important;
}

/* Section heading: display scale — no longer h3 small */
#shopify-section-image_banner_ti7NfU .title-wrapper h1,
#shopify-section-image_banner_ti7NfU .title-wrapper h2,
#shopify-section-image_banner_ti7NfU .title-wrapper h3,
#shopify-section-image_banner_ti7NfU h1.title,
#shopify-section-image_banner_ti7NfU h2.title,
#shopify-section-image_banner_ti7NfU h3.title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(2.6rem, 5vw, 4.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 80px 20px 56px !important;
}

/* Kill the flanking decorative lines from section 4 on this heading */
#shopify-section-image_banner_ti7NfU h1.title::before,
#shopify-section-image_banner_ti7NfU h1.title::after,
#shopify-section-image_banner_ti7NfU h2.title::before,
#shopify-section-image_banner_ti7NfU h2.title::after,
#shopify-section-image_banner_ti7NfU h3.title::before,
#shopify-section-image_banner_ti7NfU h3.title::after {
  display: none !important;
}

/* Image: centred, max-width constrained so it doesn't feel raw */
#shopify-section-image_banner_ti7NfU .image-banner__media,
#shopify-section-image_banner_ti7NfU .banner__media,
#shopify-section-image_banner_ti7NfU .media {
  background: transparent !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Gold rule separating this section from science */
#shopify-section-image_banner_ti7NfU::after {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(201, 169, 110, 0.2) 50%, transparent 100%);
}


/* ── 13e. SCIENCE / RESULTS ── */

#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa {
  background: #060606 !important;
  --gradient-background: #060606 !important;
}

#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .results__content-wrapper,
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .content-and-results,
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .color-background-1 {
  background: #060606 !important;
  --color-background: 6, 6, 6 !important;
}

/* Display-scale section title */
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .title-wrapper .title {
  font-size: clamp(2.4rem, 4.5vw, 4rem) !important;
  line-height: 1.08 !important;
}

/* Section subtitle — larger than before, readable */
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .title-wrapper .rte p,
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .subtitle {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 1.1rem !important;
  line-height: 1.85 !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
}

/* "Real Science. Real Results." headline */
.results__headline,
.results__headline-text {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
  margin-bottom: 2.4rem !important;
  line-height: 1.2 !important;
}

/* Caption line */
.results__caption,
#shopify-section-0f1fc9e4-bc4c-4052-9747-62d1f8472caa .caption {
  font-size: 0.82rem !important;
  color: rgba(245, 240, 232, 0.32) !important;
  font-style: italic !important;
  letter-spacing: 0.04em !important;
  margin-top: 2rem !important;
  line-height: 1.65 !important;
}


/* ── 13f. PROOF / TESTIMONIALS — Single editorial pull quote ── */

#shopify-section-slideshow_UV7iQG {
  background: #000 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.1) !important;
}

/* Section eyebrow label above the testimonial */
#shopify-section-slideshow_UV7iQG::before {
  content: 'REAL RESULTS';
  display: block;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.45em;
  color: #C9A96E;
  padding: 48px 20px 0;
}

/* Only one slide — hide navigation entirely */
#shopify-section-slideshow_UV7iQG .slider-buttons,
#shopify-section-slideshow_UV7iQG .slider-counter,
#shopify-section-slideshow_UV7iQG .slideshow__controls {
  display: none !important;
}

/* Remove ALL overflow containment — images must flow above text naturally */
#shopify-section-slideshow_UV7iQG,
#shopify-section-slideshow_UV7iQG .slideshow,
#shopify-section-slideshow_UV7iQG .slideshow__slider,
#shopify-section-slideshow_UV7iQG .slideshow__list,
#shopify-section-slideshow_UV7iQG .slideshow__slide,
#shopify-section-slideshow_UV7iQG .banner,
#shopify-section-slideshow_UV7iQG .banner__media,
#shopify-section-slideshow_UV7iQG .slideshow__media {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Image: positioned in normal flow, fills width, no absolute positioning */
#shopify-section-slideshow_UV7iQG .banner__media,
#shopify-section-slideshow_UV7iQG .slideshow__media {
  position: relative !important;
  width: 100% !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

#shopify-section-slideshow_UV7iQG .banner__media img,
#shopify-section-slideshow_UV7iQG .slideshow__media img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* No overlay on testimonial image */
#shopify-section-slideshow_UV7iQG .banner__media::after,
#shopify-section-slideshow_UV7iQG .banner__media::before {
  display: none !important;
}

/* Text section: flows below image */
#shopify-section-slideshow_UV7iQG .slideshow__text-wrapper.banner__content,
#shopify-section-slideshow_UV7iQG .banner__content {
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 44px 40px 56px !important;
  background: #000 !important;
  border-top: none !important;
  align-self: auto !important;
  justify-self: auto !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

#shopify-section-slideshow_UV7iQG .slideshow__text.banner__box {
  max-width: 820px !important;
  margin: 0 auto !important;
  background: transparent !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Pull quote: large italic Cormorant — the main event */
#shopify-section-slideshow_UV7iQG .banner__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  letter-spacing: 0.02em !important;
  color: #F5F0E8 !important;
  line-height: 1.35 !important;
  margin-bottom: 1.8rem !important;
}

/* Review body text */
#shopify-section-slideshow_UV7iQG .banner__text {
  font-size: 1.4rem !important;
  color: rgba(245, 240, 232, 0.9) !important;
  line-height: 1.9 !important;
  letter-spacing: 0.02em !important;
  max-width: 700px !important;
}


/* ── 13g. CONVICTION / COMPARISON ── */

#shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be {
  background: #040404 !important;
  --gradient-background: #040404 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.1) !important;
}

#shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be .color-background-1 {
  background: #040404 !important;
  --color-background: 4, 4, 4 !important;
}

#shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be .title-wrapper-with-link {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  padding-bottom: 52px !important;
}

#shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be .title {
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  line-height: 1.1 !important;
}

#shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be .rte p {
  color: rgba(245, 240, 232, 0.9) !important;
  font-size: 1.2rem !important;
  line-height: 1.8 !important;
  letter-spacing: 0.03em !important;
  font-style: italic !important;
  max-width: 560px !important;
  margin: 0.8rem auto 0 !important;
}


/* ── 13h. 30-DAY GUARANTEE (image at very bottom of page) ── */

#shopify-section-image_with_text_hA7BMG {
  background: #000 !important;
  --gradient-background: #000 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.1) !important;
}

#shopify-section-image_with_text_hA7BMG .image-with-text {
  background: #000 !important;
}

/* Hide empty text column — image takes full width */
#shopify-section-image_with_text_hA7BMG .image-with-text__text-item {
  display: none !important;
}

#shopify-section-image_with_text_hA7BMG .image-with-text__grid--desktop {
  grid-template-columns: 1fr !important;
}

#shopify-section-image_with_text_hA7BMG .image-with-text__media-item {
  grid-column: 1 / -1 !important;
}

#shopify-section-image_with_text_hA7BMG .image-with-text__media-item img {
  max-width: 900px !important;
  margin: 0 auto !important;
  display: block !important;
}


/* ── 13i. GLOBAL SUBHEADLINE FIX ──
   Per UI/UX SKILL: readable-font-size rule.
   Subtitle / description text under section headings was
   rendering below 1rem. Minimum 1.05rem everywhere. */

.title-wrapper + .rte p,
.title-wrapper-with-link + .rte p,
.title-wrapper ~ .rte p {
  font-size: 1.25rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.03em !important;
  color: rgba(245, 240, 232, 0.9) !important;
}

.shopify-section .subtitle {
  font-size: 1.2rem !important;
  line-height: 1.8 !important;
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Multicolumn trust bar descriptions */
.multicolumn-text,
.multicolumn-text p {
  font-size: 1.1rem !important;
  line-height: 1.75 !important;
  color: rgba(245, 240, 232, 0.9) !important;
  font-style: italic !important;
  letter-spacing: 0.02em !important;
}


/* ── 13j. NAV — Kill active link colored box ──
   highlighted_link_color_scheme was "accent-1" (#fafaf8 bg).
   Now set to background-1 in header-group.json + CSS safety net. */

.header__inline-menu .list-menu__item .color-accent-1,
.header__inline-menu .list-menu__item .color-accent-2,
.header__inline-menu .list-menu__item .color-background-1,
.header__menu-item .color-accent-1,
.header__menu-item .color-accent-2,
.list-menu__item.color-accent-1,
.list-menu__item.color-accent-2,
.header__menu-item--main[class*="color-"] {
  background: transparent !important;
  --color-background: 0, 0, 0 !important;
  --gradient-background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* ── 13k. SLIDER DOTS / ARROWS ── */

.slider-counter__dots .slider-counter__link {
  background: rgba(245, 240, 232, 0.22) !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  transition: background 0.25s ease, transform 0.25s ease !important;
}

.slider-counter__dots .slider-counter__link--active,
.slider-counter__dots .slider-counter__link[aria-current="true"] {
  background: #C9A96E !important;
  transform: scale(1.4) !important;
}

.slider-buttons .slider-button {
  border: 1px solid rgba(245, 240, 232, 0.18) !important;
  color: rgba(245, 240, 232, 0.4) !important;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 0 !important;
  backdrop-filter: blur(4px) !important;
  transition: all 0.2s ease !important;
}

.slider-buttons .slider-button:hover {
  border-color: #C9A96E !important;
  color: #C9A96E !important;
}


/* ── 13l. GLOBAL BUTTON POLISH ── */

.button { border-radius: 24px !important; }

.button--primary:not(.product-form__submit):not([name="add"]) {
  background: #C9A96E !important;
  color: #000 !important;
  border: none !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  border-radius: 24px !important;
  transition: background 0.25s ease !important;
}

.button--primary:not(.product-form__submit):not([name="add"]):hover {
  background: #b8925a !important;
}

.button--secondary {
  background: #111111 !important;
  border: 1px solid rgba(201, 169, 110, 0.55) !important;
  color: #C9A96E !important;
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  border-radius: 24px !important;
  transition: all 0.25s ease !important;
}

.button--secondary:hover {
  background: #1a1a1a !important;
  border-color: #C9A96E !important;
}


/* ── 13m. RTE BODY TEXT GLOBAL ── */

.shopify-section .rte p {
  color: rgba(245, 240, 232, 0.9);
  line-height: 1.85;
  letter-spacing: 0.025em;
}

.shopify-section .rte strong {
  color: #F5F0E8;
  font-weight: 500;
}

.shopify-section .rte a {
  color: #C9A96E;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 169, 110, 0.3);
  transition: border-color 0.2s ease;
}

.shopify-section .rte a:hover {
  border-color: #C9A96E;
}


/* ── 13n. MOBILE ── */

@media screen and (max-width: 749px) {
  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .slideshow {
    min-height: 0 !important;
  }

  #shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 .banner__buttons .button {
    min-width: 200px !important;
    padding: 15px 28px !important;
    font-size: 0.62rem !important;
  }

  #shopify-section-image_banner_ti7NfU .title-wrapper h3.title,
  #shopify-section-image_banner_ti7NfU h3.title {
    padding: 56px 20px 40px !important;
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
  }

  #shopify-section-slideshow_UV7iQG .slideshow__media.banner__media {
    max-height: none !important;
    overflow: visible !important;
  }

  #shopify-section-slideshow_UV7iQG .slideshow__text-wrapper.banner__content {
    padding: 32px 20px 48px !important;
  }

  #shopify-section-d2d3417b-e92f-428c-b221-5bceffb552be .title-wrapper-with-link {
    padding-bottom: 36px !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   14. GLOBAL FONT SIZE LIFT
   Base html font-size bumped to 17px so all rem values scale
   proportionally. Hardcoded sub-1rem paragraph sizes also
   raised explicitly to ensure readability across all sections.
   UI/UX rule: readable-font-size (min 16px body, 1.5 line-height)
   ═══════════════════════════════════════════════════════════ */

/* Base font size: 16px (browser default) — text bumped via specific rules below */

/* ── Body paragraph text ── */
p,
.rte p,
.shopify-section p {
  font-size: 1.2rem !important;
  line-height: 1.9 !important;
}

/* ── Testimonial card body ── */
.testimonial-card .multicolumn-card__info .rte,
.testimonial-card .multicolumn-card__info .rte p {
  font-size: 1.15rem !important;
  line-height: 1.85 !important;
}

/* ── Accordion / collapsible content ── */
.product__accordion .accordion__content p,
.accordion__content p {
  font-size: 1.15rem !important;
  line-height: 1.9 !important;
}

/* ── Product description ── */
.product__description.rte p,
.product__description.rte li {
  font-size: 1.15rem !important;
  line-height: 1.9 !important;
}

/* ── Icon bar / trust bar descriptions ── */
.icon-bar .multicolumn-card__info .rte,
.icon-bar .multicolumn-card__info .rte p {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

/* ── Results ingredient labels ── */
.results__text {
  font-size: 1.1rem !important;
}

/* ── Section subtitles / descriptions ── */
.title-wrapper + .rte p,
.title-wrapper-with-link + .rte p,
.title-wrapper ~ .rte p {
  font-size: 1.3rem !important;
  line-height: 1.85 !important;
}

/* ─────────────────────────────────────────────────────────── */


/* ═══════════════════════════════════════════════════════════
   15. BUTTON BORDER RADIUS
   All CTA / action buttons get rounded edges.
   Primary CTAs = pill (50px). UI controls = subtle (6px).
   These end-of-file rules win over earlier border-radius:0.
   ═══════════════════════════════════════════════════════════ */

/* Pill-style primary CTAs */
.button--primary,
.product-form__submit,
.product-form__submit[name="add"],
.banner__buttons .button,
.lm-section__cta,
.lm-final-cta__btn {
  border-radius: 24px !important;
}

/* Round on secondary / outline buttons */
.button--secondary,
.button[type="button"],
.button[type="submit"] {
  border-radius: 24px !important;
}

/* General button fallback */
.button:not([class*="icon"]):not(.slider-button):not(.quantity__button) {
  border-radius: 24px !important;
}

/* UI controls: small radius only */
.swatch-input__label,
.block-swatch__label,
.quantity.main-quantity,
.select__select,
.product-form__input select {
  border-radius: 6px !important;
}

/* Sticky ATC button */
.sticky-atc .button {
  border-radius: 24px !important;
}

/* Badge: keep pill */
.badge--sale {
  border-radius: 12px !important;
}

/* Thumbnail: keep sharp */
.thumbnail-slider__button {
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   Section 16 — Hide old hero slideshow (replaced by lm-hero-1)
   ═══════════════════════════════════════════════════════════════ */
#shopify-section-cfca4268-6358-426c-98ab-d292aeef11e5 {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   Section 17 — LM CUSTOM CTA STANDARDISATION
   All custom section CTAs: 0.85rem, 500 weight, 50px radius, pill.
   Overrides section-level {%- style -%} blocks sitewide.
   ═══════════════════════════════════════════════════════════════ */

.lm-hero__cta,
.lm-diff__cta,
.lm-hiw__cta-wrap .button,
.lm-cta__btn,
.lm-satc__btn,
.lm-popup__submit,
.lm-cookie-bar__btn--accept {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  border-radius: 24px !important;
  padding: 18px 40px !important;
}

.lm-hero__cta {
  background: #C9A96E !important;
  color: #000 !important;
}

/* Sticky ATC compact bar — slightly less vertical padding */
.lm-satc__btn {
  padding: 16px 36px !important;
}

/* Cookie bar accept button stays compact */
.lm-cookie-bar__btn--accept {
  padding: 12px 24px !important;
}


/* ═══════════════════════════════════════════════════════════════
   Section 18 — SECTION-LEVEL GREY TEXT OVERRIDES
   All muted/grey text in LM custom sections → near-white.
   Handles colors set in {%- style -%} blocks that sed can't reach.
   ═══════════════════════════════════════════════════════════════ */

/* Hero subtext + trust line */
.lm-hero__sub,
.lm-hero__trust {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* The Difference paragraph text */
.lm-diff__para-text {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* How It Works step text + subheadline */
.lm-hiw__sub,
.lm-hiw__step-text {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Doctor carousel card text */
.lm-doc-card__title,
.lm-doc-card__quote {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Testimonial author line */
.lm-testi__author {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Doctor section credentials */
.lm-doctor__credentials {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Final CTA subheadline */
.lm-cta__sub {
  color: rgba(245, 240, 232, 0.9) !important;
}

/* Trust line below CTAs */
.lm-cta__trust {
  color: rgba(245, 240, 232, 0.7) !important;
}

/* Popup sub text */
.lm-popup__sub,
.lm-popup__no-thanks {
  color: rgba(245, 240, 232, 0.75) !important;
}

/* Cookie bar text */
.lm-cookie-bar__text {
  color: rgba(245, 240, 232, 0.85) !important;
}


/* ═══════════════════════════════════════════════════════════════
   Section 19 — SMALL TEXT SIZE LIFT
   Eyebrow labels, trust bar items, captions: minimum 0.78rem.
   Body/subtext: minimum 1.1rem. Per fix-4 readability rules.
   ═══════════════════════════════════════════════════════════════ */

/* Eyebrow labels in LM custom sections */
.lm-hero__eyebrow,
.lm-diff__eyebrow,
.lm-hiw__eyebrow,
.lm-doc-car__eyebrow,
.lm-testi__eyebrow,
.lm-cta__eyebrow,
.lm-doctor__accent + .lm-doctor__name,
.lm-doc-card__recco {
  font-size: 0.78rem !important;
  letter-spacing: 0.4em !important;
}

/* Eyebrow in the page-hero shared component */
.lp-page-hero__eyebrow {
  font-size: 0.78rem !important;
}

/* Page hero subtext */
.lp-page-hero__sub {
  font-size: 1.15rem !important;
}

/* Icon bar card titles */
.icon-bar .multicolumn-card__info h3 {
  font-size: 0.95rem !important;
}

/* Icon bar card body */
.icon-bar .multicolumn-card__info .rte,
.icon-bar .multicolumn-card__info .rte p {
  font-size: 1.05rem !important;
}

/* Comparison table header text */
.comparison-table thead th {
  font-size: 0.82rem !important;
}

/* Comparison table row label */
.comparison-table__row-name {
  font-size: 1.05rem !important;
}

/* Testimonial card body text */
.testimonial-card .multicolumn-card__info .rte,
.testimonial-card .multicolumn-card__info .rte p {
  font-size: 1.1rem !important;
}

/* Testimonial card author */
.testimonial-card__author {
  font-size: 0.85rem !important;
}

/* Accordion title */
.product__accordion .accordion__title {
  font-size: 1.1rem !important;
}

/* Accordion content */
.product__accordion .accordion__content p,
.accordion__content p {
  font-size: 1.15rem !important;
}

/* Results stat text (ingredient descriptions) */
.results__text {
  font-size: 1.1rem !important;
}

/* Product description */
.product__description.rte p,
.product__description.rte li {
  font-size: 1.15rem !important;
}

/* LM section body text sizes */
.lm-diff__para-text {
  font-size: 1.1rem !important;
}

.lm-hiw__step-text {
  font-size: 1.1rem !important;
}

.lm-hiw__sub {
  font-size: 1.15rem !important;
}

.lm-doctor__credentials {
  font-size: 1rem !important;
}

.lm-doc-card__title {
  font-size: 0.9rem !important;
}

.lm-testi__author {
  font-size: 0.95rem !important;
}

/* Announcement bar */
.announcement-bar .announcement-bar__item p,
.announcement-bar .announcement-bar__item span,
.announcement-bar .announcement-bar__item a {
  font-size: 1.15rem !important;
}

/* Mobile overrides */
@media screen and (max-width: 749px) {
  .icon-bar .multicolumn-card__info h3 {
    font-size: 0.88rem !important;
  }
}


/* ─── LM PURCHASE WIDGET ────────────────────────────────────
   Product page — quantity selector + purchase type + ATC CTA
   Dark luxury: #000 bg · #C9A96E accents · Inter font
   ─────────────────────────────────────────────────────────── */

.lm-purchase-widget {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  font-family: 'Inter', sans-serif !important;
  color: #F5F0E8 !important;
}

/* ── Section label ── */
.lm-pw__section-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(245, 240, 232, 0.45) !important;
  margin: 0 0 10px !important;
}

/* ── Quantity cards: 3-column grid ── */
.lm-pw__qty-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

.lm-pw__qty-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 20px 10px 18px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1.5px solid rgba(245, 240, 232, 0.12) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  text-align: center !important;
  color: #F5F0E8 !important;
  font-family: 'Inter', sans-serif !important;
}

.lm-pw__qty-card:hover {
  border-color: rgba(201, 169, 110, 0.45) !important;
  background: rgba(201, 169, 110, 0.04) !important;
}

.lm-pw__qty-card.is-active {
  border-color: #C9A96E !important;
  background: rgba(201, 169, 110, 0.08) !important;
}

/* Badge floats above the card */
.lm-pw__qty-badge {
  position: absolute !important;
  top: -11px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #C9A96E !important;
  color: #000 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}

.lm-pw__qty-name {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #F5F0E8 !important;
}

.lm-pw__qty-save {
  font-size: 0.9rem !important;
  color: #C9A96E !important;
  font-weight: 400 !important;
}

/* Recommendation text below quantity cards */
.lm-pw__recommend {
  font-size: 0.9rem !important;
  color: rgba(245, 240, 232, 0.4) !important;
  line-height: 1.5 !important;
  margin: -4px 0 0 !important;
  font-style: italic !important;
}

/* ── Purchase type cards ── */
.lm-pw__type-cards {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Label is a flex row: radio-dot + inner content */
.lm-pw__type-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 18px 18px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1.5px solid rgba(245, 240, 232, 0.12) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

.lm-pw__type-card:hover {
  border-color: rgba(201, 169, 110, 0.45) !important;
}

.lm-pw__type-card.is-active {
  border-color: #C9A96E !important;
  background: rgba(201, 169, 110, 0.08) !important;
}

/* Visible radio button indicator */
.lm-pw__radio-dot {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(245, 240, 232, 0.25) !important;
  margin-top: 1px !important;
  position: relative !important;
  transition: border-color 0.2s ease !important;
}

.lm-pw__type-card.is-active .lm-pw__radio-dot {
  border-color: #C9A96E !important;
}

.lm-pw__type-card.is-active .lm-pw__radio-dot::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #C9A96E !important;
}

/* Inner content takes remaining width */
.lm-pw__type-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.lm-pw__type-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.lm-pw__type-name {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #F5F0E8 !important;
}

.lm-pw__type-pricing {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

.lm-pw__price-strike {
  font-size: 1rem !important;
  color: rgba(245, 240, 232, 0.35) !important;
  text-decoration: line-through !important;
}

.lm-pw__price-sub {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #C9A96E !important;
}

.lm-pw__price-full {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: rgba(245, 240, 232, 0.65) !important;
}

.lm-pw__type-perks {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px 16px !important;
}

.lm-pw__perk {
  font-size: 0.9rem !important;
  color: rgba(245, 240, 232, 0.5) !important;
}

.lm-pw__type-card.is-active .lm-pw__perk {
  color: rgba(245, 240, 232, 0.8) !important;
}

/* ── ATC button ── */
.lm-pw__form {
  margin: 0 !important;
}

.lm-pw__cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 20px 24px !important;
  background: #C9A96E !important;
  color: #000 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  position: relative !important;
  overflow: hidden !important;
  gap: 0 !important;
}

.lm-pw__cta-btn:hover {
  background: #b8925a !important;
}

.lm-pw__cta-btn:active {
  opacity: 0.88 !important;
}

.lm-pw__cta-text {
  flex-shrink: 0 !important;
}

.lm-pw__cta-pricing {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 6px !important;
  font-weight: 500 !important;
}

.lm-pw__cta-strike {
  font-size: 0.82em !important;
  opacity: 0.5 !important;
  text-decoration: line-through !important;
}

.lm-pw__cta-final {
  font-weight: 800 !important;
}

/* Loading spinner inside CTA */
.lm-pw__cta-btn .loading-overlay__spinner {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: #C9A96E !important;
}
.lm-pw__cta-btn .loading-overlay__spinner:not(.hidden) {
  display: flex !important;
}

/* Keep interactive elements clickable inside product-info wrapper */
.lm-pw__qty-card,
.lm-pw__type-card,
.lm-pw__radio,
.lm-pw__cta-btn {
  pointer-events: all !important;
  cursor: pointer !important;
}

.lm-pw__cta-btn .spinner .path {
  stroke: #000 !important;
}

/* ── Mobile ── */
@media screen and (max-width: 480px) {
  .lm-pw__qty-cards {
    gap: 8px !important;
  }

  .lm-pw__qty-card {
    padding: 14px 6px 12px !important;
  }

  .lm-pw__qty-name {
    font-size: 0.72rem !important;
  }

  .lm-pw__cta-btn {
    font-size: 0.82rem !important;
    padding: 16px 16px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   Section 20 — PRODUCT PAGE VISUAL FIXES
   1. Remove blue border/outline on the price block
   2. Remove blue horizontal progress bar at page top
   3. Hide the zoom "+" icon on product gallery images
   ═══════════════════════════════════════════════════════════════ */

/* 1. Price block: strip any border/outline coming from accent-1 color scheme */
.product-page-price,
.product-page-price .price,
.product-page-price .price__container,
.price-block,
[class*="price-block"],
.product-info__price {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 2. Blue horizontal line at page top — Shrine Pro loading/progress bar */
.loading-bar,
.progress-bar:not(.cart-progress-bar),
.page-progress,
.predictive-search-status,
body > .color-accent-1:first-of-type {
  display: none !important;
}

/* Also strip any blue top-border injected by accent-1 on the main product section */
#MainProduct-{{ section.id }},
.template-product .shopify-section:first-child {
  border-top: none !important;
}
.section-main-product,
.main-product,
[id^="MainProduct-"] {
  border-top: none !important;
  outline: none !important;
}

/* 3. Hide zoom "+" icon on product gallery images */
.product__media-icon,
.product__modal-opener .product__media-icon {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   Section 21 — GLOBAL LUXURY POLISH (Trust & Conversion Layer)
   Typography consistency, micro-interactions, trust signals.
   ═══════════════════════════════════════════════════════════════ */

/* ── Smooth scroll for anchor nav ── */
html {
  scroll-behavior: smooth;
}

/* ── Cursor refinement ── */
a, button, [role="button"], summary {
  cursor: pointer;
}

/* ── Focus ring: rose gold instead of browser default ── */
:focus-visible {
  outline: 1px solid rgba(201, 169, 110, 0.6);
  outline-offset: 3px;
}

/* ── Body background: absolute black ── */
body {
  background-color: #000 !important;
}

/* ── Scrollbar: subtle dark luxury ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: rgba(201, 169, 110, 0.25); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201, 169, 110, 0.45); }

/* ── Product page: price font upgrade ── */
.price__regular .price-item,
.price__sale .price-item {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
  color: #C9A96E !important;
}

/* ── Product title on product page ── */
.product__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: #F5F0E8 !important;
}

/* ── Add to cart button: ensure pill + brand colours ── */
.product-form__submit {
  border-radius: 24px !important;
  background: #C9A96E !important;
  color: #000 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  transition: background 0.25s ease, transform 0.2s ease !important;
}
.product-form__submit:hover {
  background: #b8925a !important;
  transform: translateY(-1px) !important;
}

/* ── Quantity stepper: dark luxury ── */
.quantity {
  border-color: rgba(201, 169, 110, 0.25) !important;
  background: transparent !important;
  border-radius: 6px !important;
  color: #F5F0E8 !important;
}
.quantity__button {
  color: #C9A96E !important;
}

/* ── Lp-product-faq on product page: integrate cleanly ── */
#shopify-section-lp-product-faq-1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ── Image hover: very subtle scale on product cards ── */
.card__media img,
.card-wrapper .media img {
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.card__media:hover img,
.card-wrapper:hover .media img {
  transform: scale(1.03) !important;
}

/* ── New section: press bar flush spacing ── */
#shopify-section-lm-press-bar-1 + .shopify-section::before {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   Section 22 — COMPETITOR-DERIVED PRECISION OVERRIDES
   Values sourced from Rahua, Rossano Ferretti, Augustinus Bader
   via live site analysis. Rossano Ferretti scale: 13/20/36/42px.
   ═══════════════════════════════════════════════════════════════ */

/* ── Rossano Ferretti type scale applied to global headings ── */
h1, .h1 { font-size: clamp(2.4rem, 5vw, 2.625rem); }   /* ~42px */
h2, .h2 { font-size: clamp(1.8rem, 3.5vw, 2.25rem); }  /* ~36px */
h3, .h3 { font-size: clamp(1.2rem, 2vw, 1.25rem); }    /* ~20px */
h4, h5, h6 { font-size: 0.8125rem; }                    /* ~13px */

/* ── Body text: Rahua letter-spacing (0.02em) ── */
body, p, li, td, input, textarea, select {
  letter-spacing: 0.02em;
}

/* ── Line height precision — Augustinus Bader clean readability ── */
p { line-height: 1.78; }

/* ── Rossano Ferretti: generous section breathing room ── */
.lm-diff, .lm-science, .lm-doctor {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

/* ── Rahua-inspired button hover: invert on ghost/outline buttons ── */
.lm-prec__cta,
.lm-diff__cta,
.lm-hero__cta {
  position: relative;
  overflow: hidden;
}

/* ── Micro-interaction: underline CTA links slide in ── */
a.lm-underline-cta {
  position: relative;
  text-decoration: none;
  color: #C9A96E;
}
a.lm-underline-cta::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #C9A96E;
  transition: width 0.3s ease;
}
a.lm-underline-cta:hover::after {
  width: 100%;
}

/* ── Card depth: Rahua-inspired subtle border on all content cards ── */
.lm-diff__para,
.lm-prec__left,
.lp-faq__item {
  border-left-color: rgba(201, 169, 110, 0.2) !important;
}

/* ── Precision statement: flush with adjacent sections ── */
#shopify-section-lm-precision-statement-1 + .shopify-section::before {
  display: none !important;
}

/* ── Announcement bar: Jost italic precision ── */
.announcement-bar__message {
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.18em !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

/* ── Star ratings on product cards: rose gold ── */
.rating .icon-star,
.rating__wrapper svg,
.product-card__review svg {
  fill: #C9A96E !important;
  color: #C9A96E !important;
}

/* ── Footer: luxury payment icons — mute to grayscale, hover gold ── */
.footer__payment .icon {
  opacity: 0.4;
  filter: grayscale(1) brightness(2);
  transition: opacity 0.25s ease, filter 0.25s ease;
}
.footer__payment .icon:hover {
  opacity: 0.75;
  filter: grayscale(0) brightness(1) sepia(0.4) saturate(2) hue-rotate(-10deg);
}

/* ── Footer: secure checkout badge ── */
.footer__content-bottom-wrapper {
  position: relative;
}

/* ── Thin gold rule between main sections on all pages ── */
.shopify-section:not(.shopify-section-header):not(.shopify-section-footer) + .shopify-section:not(.shopify-section-footer)::before {
  background: linear-gradient(90deg, transparent 0%, rgba(201, 169, 110, 0.12) 20%, rgba(201, 169, 110, 0.12) 80%, transparent 100%) !important;
}

/* ── Cursor: pointer on all interactive elements ── */
.lm-prec__right,
.lm-testi__slide,
.lm-timeline__step,
.lm-guarantee__seal-ring {
  cursor: default;
}

/* ── Subtle section hover shimmer on key credibility sections ── */
.lm-doctor:hover .lm-doctor__accent,
.lm-diff__para:hover {
  border-left-color: rgba(201, 169, 110, 0.5) !important;
  transition: border-left-color 0.3s ease;
}

/* ── Mobile typography tightening ── */
@media screen and (max-width: 749px) {
  h1, .h1 { font-size: clamp(2rem, 8vw, 2.4rem); }
  h2, .h2 { font-size: clamp(1.6rem, 6vw, 2rem); }
  p { line-height: 1.7; }
  body { letter-spacing: 0.015em; }
}

/* ═══════════════════════════════════════════════════════════
   ── SOFTER MODERN DTC REFRESH ──
   Border radius, Inter font, spacing, shadows
   ═══════════════════════════════════════════════════════════ */

/* ── Buttons → full pill 50px ── */
.button,
.btn,
button:not(.quantity__button):not(.shopify-payment-button__button--unbranded),
[type="submit"],
.lm-pw__cta-btn,
.shopify-payment-button__button--branded,
.cart__checkout-button,
.cart-drawer__checkout,
.link--button {
  border-radius: 50px !important;
}

/* ── Cards and containers → 16px ── */
.testimonial-card,
.lm-pw__qty-card,
.lm-pw__type-card,
.card,
.card-wrapper .card__inner,
.card__media,
.product-card-wrapper .card,
.comparison-table,
.lm-doctor,
.lm-diff__para,
.lm-timeline__item,
.lm-guarantee__seal,
.popup__container,
.cookie-bar,
.modal__content,
.drawer__inner {
  border-radius: 16px !important;
}

/* ── Input fields → 12px ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
select,
textarea,
.field__input,
.search__input {
  border-radius: 12px !important;
}

/* ── Cart drawer → 16px ── */
cart-drawer .drawer__inner {
  border-radius: 16px 0 0 16px !important;
}

/* ── Soft shadows on cards ── */
.testimonial-card,
.lm-pw__qty-card,
.lm-pw__type-card,
.card-wrapper .card__inner,
.comparison-table {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
}

cart-drawer .drawer__inner {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
}

/* ── Spacing — ~20% more padding on key containers ── */
.testimonial-card {
  padding: 44px 40px !important;
}

.lm-pw__qty-card,
.lm-pw__type-card {
  padding: 18px 14px !important;
}

.cart-drawer__body {
  padding: 0 1.8rem !important;
}

.drawer__footer {
  padding: 1.8rem !important;
}

.card__content {
  padding: 1.8rem !important;
}

/* ── Newsletter / email signup section — force dark background ── */
.newsletter,
.shopify-section .newsletter,
section.newsletter {
  background: #000 !important;
  --color-background: 0, 0, 0 !important;
  --gradient-background: #000 !important;
  color: #F5F0E8 !important;
}

.newsletter .newsletter__subtext,
.newsletter h1,
.newsletter h2,
.newsletter p,
.newsletter label {
  color: #F5F0E8 !important;
}

/* ── Inter for all UI / body text (headings stay Cormorant) ── */
body,
p,
li,
span,
label,
.price,
.price__regular,
.price__sale,
.price-item,
.button,
.btn,
button,
nav,
.nav-link,
header a,
.header__menu-item,
.cart-item__name,
.cart-item__price,
.cart-item__quantity,
.cart-drawer__subtotal,
.totals,
.badge,
.tag,
.quantity__input,
.field__label,
.field__input,
.product__description,
.accordion__summary,
.accordion__content,
.trust-badge,
.lm-pw__qty-label,
.lm-pw__price-full,
.lm-pw__price-sub,
.lm-pw__price-strike,
.lm-pw__cta-text,
.lm-pw__cta-pricing {
  font-family: 'Inter', sans-serif !important;
}