/*
Theme Name:        Blocksy — Retro Tide Science (v3 Light — Green-Ocean)
Theme URI:         https://retrotidescience.com
Description:       Child theme of Blocksy, customized for Retro Tide Science. Implements the v3 LIGHT green-ocean aesthetic — crisp near-white page (#F6F8F7), deep-forest statement bands (#001813/#0E2A20), gold accent (#C9A86A) + gold-ink (#977537), gold-wave + molecular-hexagon motif. Typography: EB Garamond + Nunito Sans. All compliance-sensitive copy is sourced from compliance-rules.md via wp_options — never hardcode disclaimer text in this file.
Author:            Retro Tide Science
Author URI:        https://retrotidescience.com
Template:          blocksy
Version:           0.1.9
Text Domain:       blocksy-rts-child
*/

/* ============================================================================
   Web fonts — v3 light green-ocean typography
   - EB Garamond  — display headlines, product titles
   - Nunito Sans  — body, navigation, buttons, forms, uppercase eyebrows
   ============================================================================ */
/* fonts now enqueued via mu-plugin csf-fonts.php (preconnect + non-blocking link) */

/* ============================================================================
   RTS design tokens — Premium Botanical Monograph palette
   Mapped to the canonical --bpc-* variable contract so the rest of this
   stylesheet (built around A1's structural rules) adopts the new palette
   automatically. Source: ../02-source/design-reference/DESIGN.md (extracted
   from Manus output at peptide-builds/rts/manus-export.zip).

   Hex palette from RTS mood board:
     #EDE7DF  Warm Sand   → page background
     #A3B59F  Soft Olive  → hairlines, secondary accents
     #2F4A3A  Deep Forest → primary brand, ink emphasis
     #FFFFFF  Clean White → card surface
     #181818  Carbon Text → body ink
   Manus retuned with one additional accent: #E6C766 (Warm Gold rim) — from the
   RTS logo's gold trim. Used sparingly for price emphasis + focus rings.

   Note: although this is a light-mode theme (vs A1's Chrome Vault dark mode),
   the variable contract is preserved. "Background" = the page paper, not a
   dark canvas. Components designed for dark mode may need light-mode tuning
   — adjust as the design loop iterates.
   ============================================================================ */
:root {
  /* Backgrounds (paper-toned, not dark) */
  --bpc-background:        oklch(0.95 0.018 84);   /* Warm Sand — page */
  --bpc-background-deeper: oklch(0.92 0.022 82);   /* deeper sand — sidebars */
  --bpc-foreground:        oklch(0.20 0.020 152);  /* Forest-tinted ink */

  /* Surfaces */
  --bpc-card:              oklch(0.985 0.012 84);  /* Clean White paper card */
  --bpc-card-image-well:   oklch(0.965 0.020 82);  /* warm wash for image bg */
  --bpc-secondary:         oklch(0.92 0.022 82);   /* deeper sand */
  --bpc-accent:            oklch(0.82 0.135 86);   /* Warm Gold rim (price/focus) */
  --bpc-muted:             oklch(0.94 0.030 86);   /* aged cream */
  --bpc-muted-fg:          oklch(0.48 0.062 138);  /* darker olive for muted text */

  /* Borders (hairline olive, never heavy) */
  --bpc-border-subtle:     oklch(0.82 0.040 128);  /* light olive wash */
  --bpc-border:            oklch(0.68 0.078 130);  /* Soft Olive — primary hairline */
  --bpc-border-strong:     oklch(0.48 0.062 138);  /* darker olive */
  --bpc-border-hover:      oklch(0.295 0.058 152); /* Deep Forest on hover */

  /* Primary brand (Deep Forest — used for buttons, headlines, ink) */
  --bpc-primary:           oklch(0.295 0.058 152); /* Deep Forest */
  --bpc-primary-hover:     oklch(0.235 0.060 152); /* darker on hover */

  /* Text scale (deep forest at top, fading toward olive) */
  --bpc-text-body:         oklch(0.20 0.020 152);  /* primary body ink */
  --bpc-text-muted:        oklch(0.36 0.025 152);  /* secondary body */
  --bpc-text-faint:        oklch(0.48 0.062 138);  /* darker olive — captions */
  --bpc-text-fainter:      oklch(0.58 0.062 135);  /* mid olive */
  --bpc-text-faintest:     oklch(0.68 0.078 130);  /* soft olive — meta */

  /* Semantic */
  --bpc-input:             oklch(0.84 0.024 130);  /* light olive-tinted input bg */
  --bpc-ring:              oklch(0.82 0.135 86);   /* Warm Gold focus ring */
  --bpc-destructive:       oklch(0.50 0.13 30);    /* warm brick (fits warm palette) */

  /* Typography */
  --bpc-font-sans:    'Nunito Sans', system-ui, sans-serif;
  --bpc-font-serif:   'EB Garamond', 'Cormorant Garamond', Georgia, serif;
  --bpc-font-sc:      'Cormorant SC', 'EB Garamond', Georgia, serif;
  --bpc-font-mono:    'Nunito Sans', system-ui, sans-serif; /* no mono in RTS — fallback to sans for prices */

  /* Geometry — 2px plate-corner radius (printed-plate metaphor) */
  --bpc-radius: 0.125rem;
  --bpc-container-max: 1280px;
}

/* sRGB hex fallback for browsers without oklch (~3% global)
   Uses the original RTS mood-board hex values directly. */
@supports not (color: oklch(0% 0 0)) {
  :root {
    --bpc-background:        #EDE7DF;
    --bpc-background-deeper: #E5DFD5;
    --bpc-foreground:        #1F2A22;
    --bpc-card:              #FFFFFF;
    --bpc-card-image-well:   #F5F1E8;
    --bpc-secondary:         #E5DFD5;
    --bpc-accent:            #E6C766;
    --bpc-muted:             #EFE9D9;
    --bpc-muted-fg:          #5B6F4F;
    --bpc-border-subtle:     #D4D9C7;
    --bpc-border:            #A3B59F;
    --bpc-border-strong:     #7C9A55;
    --bpc-border-hover:      #2F4A3A;
    --bpc-primary:           #2F4A3A;
    --bpc-primary-hover:     #1F3326;
    --bpc-text-body:         #1F2A22;
    --bpc-text-muted:        #3D4A40;
    --bpc-text-faint:        #5B6F4F;
    --bpc-text-fainter:      #7C9A55;
    --bpc-text-faintest:     #A3B59F;
    --bpc-input:             #ECECDF;
    --bpc-ring:              #E6C766;
    --bpc-destructive:       #B14A2E;
  }
}

/* ============================================================================
   Base body + typography
   These rules use !important to override Blocksy's dynamic-styles plugin
   which inlines its own body bg/font in <head> AFTER the child theme CSS.
   ============================================================================ */
html,
body,
body.woocommerce,
.ct-main-styles,
.site,
.ct-container {
  background: var(--bpc-background) !important;
  color: var(--bpc-foreground);
}
body {
  font-family: var(--bpc-font-sans) !important;
  -webkit-font-smoothing: antialiased;
  background: var(--bpc-background) !important;
  color: var(--bpc-foreground) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bpc-font-serif) !important;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--bpc-primary) !important; /* Deep Forest for emphasis */
}

/* Plate labels — Cormorant SC small-caps, micro-tracked uppercase */
.rts-plate-label,
.bpc-plate-label {
  font-family: var(--bpc-font-sc);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--bpc-text-faint);
  font-size: 0.75rem;
}

/* Override Blocksy's palette variables when they're used as fallbacks */
:root {
  --theme-palette-color-1: var(--bpc-primary);
  --theme-palette-color-2: var(--bpc-primary-hover);
  --theme-palette-color-3: var(--bpc-foreground);
  --theme-palette-color-4: var(--bpc-text-body);
  --theme-palette-color-5: var(--bpc-background);
  --theme-palette-color-6: var(--bpc-card);
  --theme-palette-color-7: var(--bpc-border);
  --theme-palette-color-8: var(--bpc-background-deeper);
  --theme-link-initial-color: var(--bpc-primary);
  --theme-link-hover-color: var(--bpc-primary-hover);
  --theme-text-color: var(--bpc-text-body);
  --theme-heading-color: var(--bpc-foreground);
}

.bpc-mono,
.woocommerce-Price-amount,
.price .amount,
.product-sku,
.product_meta .sku {
  font-family: var(--bpc-font-mono);
  font-feature-settings: 'tnum';
}

/* ============================================================================
   Compliance disclaimer block (rendered by bpc_research_only_disclaimer hook)
   ============================================================================ */
.bpc-disclaimer {
  margin: 1rem 0 1.25rem;
  padding: 0.875rem 1rem;
  background: var(--bpc-muted);
  border-left: 3px solid var(--bpc-primary);
  border-radius: var(--bpc-radius);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--bpc-muted-fg);
}
.bpc-disclaimer strong { color: var(--bpc-foreground); }

/* ============================================================================
   COA download / pending UX (rendered on product page + COA Library)
   ============================================================================ */
.bpc-coa-block {
  margin: 1rem 0;
  padding: 0.875rem 1rem;
  background: var(--bpc-card);
  border: 1px solid var(--bpc-border);
  border-radius: var(--bpc-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.bpc-coa-block.is-pending { border-color: var(--bpc-muted); }
.bpc-coa-block .bpc-coa-label {
  font-size: 0.8125rem;
  color: var(--bpc-muted-fg);
}
.bpc-coa-block .bpc-coa-cta {
  font-family: var(--bpc-font-mono);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  padding: 0.5rem 0.875rem;
  border-radius: var(--bpc-radius);
  background: var(--bpc-primary);
  color: var(--bpc-foreground);
}
.bpc-coa-block.is-pending .bpc-coa-cta {
  background: var(--bpc-secondary);
  color: var(--bpc-muted-fg);
  cursor: default;
  pointer-events: none;
}

/* ============================================================================
   Restricted-state checkout error (raised by bpc_block_restricted_states)
   ============================================================================ */
.woocommerce .woocommerce-error.bpc-restricted-state {
  border-top-color: var(--bpc-destructive);
}

/* ============================================================================
   Checkout consent checkbox (rendered by bpc_render_consent_checkbox)
   ============================================================================ */
.bpc-consent-wrap {
  margin: 1.25rem 0;
  padding: 0.875rem 1rem;
  background: var(--bpc-muted);
  border: 1px solid var(--bpc-border);
  border-radius: var(--bpc-radius);
}
.bpc-consent-wrap label {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--bpc-muted-fg);
  cursor: pointer;
}
.bpc-consent-wrap input[type="checkbox"] { margin-top: 0.25rem; }

/* ============================================================================
   Chrome Vault card hover treatment (matches Manus visual reference)
   ============================================================================ */
.chrome-card,
.products .product,
.woocommerce ul.products li.product {
  background: var(--bpc-card);
  border: 1px solid var(--bpc-border);
  border-radius: var(--bpc-radius);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.chrome-card:hover,
.products .product:hover,
.woocommerce ul.products li.product:hover {
  border-color: var(--bpc-border-hover);
  box-shadow: 0 8px 32px oklch(0 0 0 / 0.4);
}

/* ============================================================================
   Custom scrollbar (Chrome Vault aesthetic)
   ============================================================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bpc-background); }
::-webkit-scrollbar-thumb { background: oklch(0.30 0.01 260); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: oklch(0.40 0.015 260); }

/* ============================================================================
   Admin notice — COA pending count (rendered by bpc_admin_coa_notice)
   ============================================================================ */
.bpc-admin-notice {
  border-left: 4px solid var(--bpc-primary);
}

/* ============================================================================
 * Wave 2 + 3 sections (each agent appends within its own labelled block)
 * Order: F1 (already in :root above), C1, C2, C3, C4, P1, P2, P3, P4, P5, P6
 * Removing or reordering these markers breaks the parallel-agent merge model.
 * ========================================================================= */

/* === C1: Header === */
header.ct-header,
.site-header,
header[data-row="primary"] {
  background: var(--bpc-background) !important;
  border-bottom: 1px solid var(--bpc-border-subtle) !important;
  position: sticky;
  top: 0;
  z-index: 50;
  transition: background 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
}
header.ct-header.ct-scrolled,
.site-header.scrolled {
  background: oklch(0.13 0.005 260 / 0.95) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom-color: var(--bpc-border) !important;
}
/* Header row baseline */
header.ct-header [data-row="middle"],
header.ct-header [data-row],
header.ct-header .ct-header-cta-area,
header.ct-header [data-id="menu"],
header.ct-header [data-id="logo"] {
  background: transparent !important;
}
/* Nav links */
header.ct-header .menu li > a,
header.ct-header .ct-header-text [data-id="menu"] a,
header.ct-header [data-id="menu"] a {
  color: var(--bpc-text-body) !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 8px 16px !important;
  border-radius: var(--bpc-radius);
  transition: color 200ms ease, background-color 200ms ease;
  text-decoration: none;
}
header.ct-header .menu li > a:hover,
header.ct-header [data-id="menu"] a:hover {
  color: var(--bpc-foreground) !important;
  background: oklch(0.18 0.006 260) !important;
}
header.ct-header .menu li.current-menu-item > a,
header.ct-header .menu li.current-menu-ancestor > a,
header.ct-header [data-id="menu"] a.current,
header.ct-header [data-id="menu"] .current_page_item a {
  color: var(--bpc-foreground) !important;
  background: var(--bpc-accent) !important;
}
/* Logo height */
header.ct-header [data-id="logo"] img,
.ct-logo-container img {
  max-height: 36px !important;
}
/* Cart icon */
header.ct-header [data-id="cart"] .ct-button-text,
header.ct-header [data-id="cart"] svg {
  color: var(--bpc-text-body) !important;
  transition: color 200ms ease;
}
header.ct-header [data-id="cart"]:hover .ct-button-text,
header.ct-header [data-id="cart"]:hover svg {
  color: var(--bpc-foreground) !important;
}
header.ct-header [data-id="cart"] .ct-cart-item-count,
header.ct-header [data-id="cart"] .cart-count {
  background: var(--bpc-primary) !important;
  color: var(--bpc-foreground) !important;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  min-height: 18px;
  border-radius: 50%;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Mobile menu trigger */
header.ct-header .ct-toggle-dropdown-mobile,
.ct-mobile-menu-toggle {
  color: var(--bpc-text-body) !important;
}
header.ct-header .ct-toggle-dropdown-mobile:hover {
  color: var(--bpc-foreground) !important;
}
/* Mobile/dropdown panels — chrome-card style */
.ct-header-text .ct-mobile-menu,
.menu-item .sub-menu,
header .sub-menu {
  background: var(--bpc-card) !important;
  border: 1px solid var(--bpc-border-strong) !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 8px 32px oklch(0 0 0 / 0.5) !important;
  padding: 8px !important;
  min-width: 220px;
}
.ct-header-text .ct-mobile-menu a,
.sub-menu a {
  color: var(--bpc-text-body) !important;
  padding: 8px 12px !important;
  border-radius: var(--bpc-radius);
}
.ct-header-text .ct-mobile-menu a:hover,
.sub-menu a:hover {
  color: var(--bpc-foreground) !important;
  background: oklch(0.22 0.008 260) !important;
}



/* === C2: Footer === */
footer.ct-footer,
.site-footer {
  background: var(--bpc-background-deeper) !important;
  border-top: 1px solid var(--bpc-border-subtle) !important;
  color: var(--bpc-text-muted) !important;
  position: relative;
}
/* Inject the research notice band as a ::before pseudo on the footer */
footer.ct-footer::before,
.site-footer::before {
  content: 'For Research Use Only — Not for Human Consumption';
  display: block;
  text-align: center;
  font-family: var(--bpc-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--bpc-primary);
  background: var(--bpc-background-deeper);
  padding: 16px 24px;
  border-bottom: 1px solid var(--bpc-border-subtle);
}
/* All footer text, headings, and links — apply Chrome Vault */
footer.ct-footer *,
.site-footer *,
footer .ct-footer-text,
footer .widget,
footer p,
footer span,
footer li {
  color: var(--bpc-text-muted);
  background: transparent !important;
}
footer.ct-footer h1,
footer.ct-footer h2,
footer.ct-footer h3,
footer.ct-footer h4,
footer.ct-footer h5,
footer.ct-footer h6,
footer.ct-footer .widget-title,
footer .widgettitle {
  color: var(--bpc-text-fainter) !important;
  font-family: var(--bpc-font-sans);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 16px !important;
}
footer.ct-footer a,
footer.ct-footer ul li a,
footer.ct-footer p a,
footer.ct-footer .menu a {
  color: var(--bpc-text-muted) !important;
  text-decoration: none;
  transition: color 200ms ease;
  font-size: 14px;
}
footer.ct-footer a:hover {
  color: var(--bpc-foreground) !important;
}
/* Footer columns spacing */
footer.ct-footer ul,
footer.ct-footer .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.ct-footer ul li,
footer.ct-footer .menu li {
  margin-bottom: 10px;
  padding: 0;
}
/* Footer container padding */
footer.ct-footer [data-row="middle"],
footer.ct-footer [data-row="primary"],
footer.ct-footer .ct-container {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
/* Bottom band — copyright + bottom links */
footer.ct-footer [data-row="bottom"],
.ct-footer-bottom,
.site-info {
  border-top: 1px solid var(--bpc-border-subtle) !important;
  padding: 20px 0 !important;
  font-size: 11px !important;
  color: var(--bpc-text-faintest) !important;
}
footer.ct-footer [data-row="bottom"] a,
.ct-footer-bottom a,
.site-info a {
  color: var(--bpc-text-faint) !important;
  font-size: 11px !important;
}
footer.ct-footer [data-row="bottom"] a:hover {
  color: var(--bpc-primary) !important;
}



/* === C3: Product card === */
/* Chrome-card baseline (also targets WooCommerce product loops) */
.woocommerce ul.products,
.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .woocommerce ul.products,
  .products,
  ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
}
.woocommerce ul.products li.product,
.products .product,
ul.products li.product {
  background: var(--bpc-card) !important;
  border: 1px solid var(--bpc-border-strong) !important;
  border-radius: 0.5rem !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  position: relative;
  transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
  list-style: none;
}
.woocommerce ul.products li.product:hover,
.products .product:hover {
  border-color: var(--bpc-border-hover) !important;
  box-shadow: 0 8px 32px oklch(0 0 0 / 0.4);
}
/* Image well */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.products .product a.woocommerce-LoopProduct-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.woocommerce ul.products li.product img,
.products .product img,
.woocommerce ul.products li.product .wp-post-image {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  background: var(--bpc-card-image-well) !important;
  margin: 0 !important;
  transition: transform 500ms ease;
  border-radius: 0 !important;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.05);
}
/* Research badge — injected via ::before on the product link */
.woocommerce ul.products li.product > a::before,
.products .product > a::before {
  content: 'RESEARCH';
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  font-family: var(--bpc-font-sans);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bpc-primary);
  background: oklch(0.13 0.005 260 / 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
}
/* Card content area */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.products .product h2 {
  padding: 16px 16px 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--bpc-foreground) !important;
  letter-spacing: 0;
  margin: 0 0 4px 0 !important;
  line-height: 1.4;
  transition: color 200ms ease;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover h2,
.products .product:hover h2 {
  color: var(--bpc-primary) !important;
}
/* Category eyebrow — uses WC's product_cat data */
.woocommerce ul.products li.product .product-category-eyebrow {
  padding: 16px 16px 0 16px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bpc-text-fainter);
  margin-bottom: -4px;
}
/* Price + SKU row */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-Price-amount,
.products .product .price {
  padding: 0 16px !important;
  margin: 4px 0 !important;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-family: var(--bpc-font-mono) !important;
  font-feature-settings: 'tnum';
  color: var(--bpc-foreground) !important;
  font-size: 16px !important;
  font-weight: 700;
}
.woocommerce ul.products li.product .price del {
  color: var(--bpc-text-faintest);
  font-weight: 400;
  margin-right: 6px;
}
.woocommerce ul.products li.product .price ins {
  background: transparent;
  text-decoration: none;
}
/* Hide WC's default "Read more" / "Add to cart" loop button visually but keep
   for accessibility — we replace with a quick-add FAB on hover. */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .added_to_cart {
  position: absolute !important;
  bottom: calc(100% - 290px) !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: var(--bpc-radius) !important;
  background: var(--bpc-primary) !important;
  color: var(--bpc-foreground) !important;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 200ms ease, transform 200ms ease, background 200ms ease;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  border: none !important;
  z-index: 5 !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button::before {
  content: '+';
  display: block;
  font-size: 24px;
  font-weight: 300;
  text-indent: 0;
  line-height: 1;
  color: var(--bpc-foreground);
}
.woocommerce ul.products li.product:hover .button.add_to_cart_button {
  opacity: 1 !important;
  transform: translateY(0);
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover {
  background: var(--bpc-primary-hover) !important;
}
/* Card bottom padding */
.woocommerce ul.products li.product .ct-woo-card-actions-container,
.woocommerce ul.products li.product::after {
  content: '';
  display: block;
  padding-bottom: 16px;
}
/* Hide "Sold Out" banner default style — we restyle */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: var(--bpc-primary) !important;
  color: var(--bpc-foreground) !important;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
}



/* === C4: UI primitives (buttons, forms, quantity, disclaimer) === */
/* ===== Buttons ===== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.button:not(.bpc-outlined):not(.wp-block-button__link),
button.bpc-primary,
input[type="submit"].button {
  background: var(--bpc-primary) !important;
  color: var(--bpc-foreground) !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: var(--bpc-radius) !important;
  font-family: var(--bpc-font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.025em;
  text-transform: none !important;
  text-decoration: none;
  transition: background 200ms ease, transform 100ms ease, opacity 200ms ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.button:not(.bpc-outlined):hover,
button.bpc-primary:hover {
  background: var(--bpc-primary-hover) !important;
  color: var(--bpc-foreground) !important;
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.button:not(.bpc-outlined):active {
  transform: scale(0.98);
}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.button:disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}
/* Outlined / secondary buttons */
.button.bpc-outlined,
.button.alt-outlined,
a.bpc-outlined {
  background: transparent !important;
  color: var(--bpc-text-body) !important;
  border: 1px solid var(--bpc-border-strong) !important;
}
.button.bpc-outlined:hover {
  background: oklch(0.15 0.005 260) !important;
  color: var(--bpc-foreground) !important;
}
/* ===== Inputs ===== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type="text"]:not(.search-field),
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
  background: var(--bpc-muted) !important;
  border: 1px solid var(--bpc-border) !important;
  border-radius: var(--bpc-radius) !important;
  color: var(--bpc-foreground) !important;
  padding: 10px 14px !important;
  font-family: var(--bpc-font-sans) !important;
  font-size: 14px !important;
  width: 100%;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  box-shadow: none !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
.woocommerce form .form-row input.input-text:focus {
  outline: 2px solid rgba(230,199,102,0.65) !important; /* G3: was Chrome-Vault blue oklch(...240) → gold */
  outline-offset: 2px;
  border-color: var(--bpc-primary) !important;
}
::placeholder { color: var(--bpc-text-fainter) !important; opacity: 1; }
/* Labels */
.woocommerce form .form-row label,
.woocommerce-form label {
  color: var(--bpc-text-muted) !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 6px;
}
.woocommerce form .form-row .required {
  color: var(--bpc-destructive);
  text-decoration: none;
}
/* Checkbox styling */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--bpc-primary);
  width: 16px;
  height: 16px;
}
/* ===== Quantity selector ===== */
.woocommerce .quantity {
  display: inline-flex !important;
  align-items: stretch;
  border: 1px solid var(--bpc-border-strong);
  border-radius: var(--bpc-radius);
  overflow: hidden;
  background: var(--bpc-card);
}
.woocommerce .quantity input.qty {
  width: 50px !important;
  height: 40px !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-left: 1px solid var(--bpc-border-strong) !important;
  border-right: 1px solid var(--bpc-border-strong) !important;
  border-radius: 0 !important;
  font-family: var(--bpc-font-mono) !important;
  font-feature-settings: 'tnum';
  color: var(--bpc-foreground) !important;
  font-size: 14px;
  font-weight: 600;
  -moz-appearance: textfield;
}
.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Blocksy type-2 places +/- controls over a full-width input. Keep the
   numeric value inside the protected center lane so neither icon overlaps it. */
.woocommerce .quantity[data-type="type-2"] input.qty {
  width: 100% !important;
  height: 100% !important;
  padding-block: 0 !important;
  padding-inline: calc(var(--quantity-height, 55px) / 1.8 + 9%) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
/* ===== Notices (woocommerce-info / -error / -message) ===== */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background: var(--bpc-card) !important;
  border-left: 4px solid var(--bpc-primary) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: var(--bpc-radius);
  color: var(--bpc-text-body) !important;
  padding: 14px 18px !important;
  margin-bottom: 16px !important;
  font-size: 14px;
}
.woocommerce-error {
  border-left-color: var(--bpc-destructive) !important;
  color: var(--bpc-foreground) !important;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  display: none !important;
}
.woocommerce-info a,
.woocommerce-message a {
  color: var(--bpc-primary) !important;
}
/* ===== Eyebrow utility (used across many surfaces) ===== */
.bpc-eyebrow {
  display: inline-block;
  font-family: var(--bpc-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--bpc-primary);
  margin-bottom: 12px;
}



/* === Generic page-header overrides (was light-on-light from Blocksy hero) === */
.hero-section,
.ct-hero-section,
.ct-hero,
.entry-header,
.page-header,
.woocommerce-products-header,
.entry-header-style-2 {
  background: var(--bpc-background) !important;
  background-color: var(--bpc-background) !important;
  background-image: none !important;
  color: var(--bpc-foreground) !important;
  padding: 64px 0 32px 0 !important;
}
.ct-hero-section *,
.ct-hero *,
.entry-header *,
.page-header *,
.woocommerce-products-header *,
.entry-header-style-2 * {
  color: var(--bpc-foreground) !important;
  background: transparent !important;
}
.ct-hero-section h1,
.entry-title,
.page-title,
.woocommerce-products-header__title {
  color: var(--bpc-foreground) !important;
  font-family: var(--bpc-font-sans) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
/* WooCommerce result-count and sort row */
.woocommerce .woocommerce-result-count {
  color: var(--bpc-text-faint) !important;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: var(--bpc-font-sans);
}
.woocommerce .woocommerce-ordering select {
  background: var(--bpc-card) !important;
  border-color: var(--bpc-border) !important;
  color: var(--bpc-foreground) !important;
}
/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
  display: inline-flex;
  gap: 4px;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 1px solid var(--bpc-border) !important;
  background: var(--bpc-card) !important;
  border-radius: var(--bpc-radius);
  overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: var(--bpc-text-body) !important;
  background: transparent !important;
  padding: 8px 14px !important;
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--bpc-primary) !important;
  color: var(--bpc-foreground) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--bpc-accent) !important;
  color: var(--bpc-foreground) !important;
}

/* === P1: Homepage === */
/* Hide the default page title on the homepage — hero replaces it */
body.home .entry-header,
body.home .page-header,
body.home .hero-section,
body.home .ct-hero-section,
body.page-id-51 .entry-header,
body.page-id-51 .page-header,
body.page-id-51 .hero-section {
  display: none !important;
}
/* Remove page padding on home so hero goes edge-to-edge */
body.home .entry-content,
body.page-id-51 .entry-content,
body.home .post-edit-link { padding: 0 !important; max-width: 100% !important; }
body.home .content-area,
body.page-id-51 .content-area,
body.home .ct-container,
body.page-id-51 .ct-container { max-width: 100% !important; padding: 0 !important; }
/* Hero */
.bpc-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  margin-bottom: 64px;
}
.bpc-hero__bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: saturate(0.9);
}
.bpc-hero__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(to right,
      oklch(0.08 0.005 260 / 0.95) 0%,
      oklch(0.08 0.005 260 / 0.85) 35%,
      oklch(0.08 0.005 260 / 0.55) 65%,
      oklch(0.08 0.005 260 / 0.35) 100%);
}
.bpc-hero__content {
  position: relative; z-index: 1;
  max-width: 720px;
  padding: 96px 32px 96px 5%;
  color: var(--bpc-foreground);
}
.bpc-hero__headline {
  font-family: var(--bpc-font-sans) !important;
  font-size: clamp(32px, 5vw, 56px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  color: var(--bpc-foreground) !important;
  margin: 0 0 20px 0 !important;
}
.bpc-hero__sub {
  font-size: 16px;
  line-height: 1.65;
  color: var(--bpc-text-muted);
  max-width: 540px;
  margin: 0 0 32px 0;
}
.bpc-hero__ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.bpc-btn-primary,
.bpc-btn-outlined {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--bpc-radius);
  font-family: var(--bpc-font-sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-decoration: none !important;
  transition: background 200ms ease, transform 100ms ease, opacity 200ms ease;
}
.bpc-btn-primary {
  background: var(--bpc-primary);
  color: var(--bpc-foreground) !important;
}
.bpc-btn-primary:hover {
  background: var(--bpc-primary-hover);
}
.bpc-btn-primary:active,
.bpc-btn-outlined:active { transform: scale(0.98); }
.bpc-btn-outlined {
  background: transparent;
  border: 1px solid var(--bpc-border-strong);
  color: var(--bpc-text-body) !important;
}
.bpc-btn-outlined:hover {
  background: oklch(0.15 0.005 260);
  color: var(--bpc-foreground) !important;
}
.bpc-hero__notice {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--bpc-text-faint);
  margin: 0;
}
/* Generic sections */
.bpc-section {
  max-width: var(--bpc-container-max);
  margin: 0 auto;
  padding: 0 32px 64px 32px;
}
.bpc-section__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 16px;
}
.bpc-section__header--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bpc-section__title {
  font-family: var(--bpc-font-sans);
  font-size: 28px;
  font-weight: 700;
  color: var(--bpc-foreground);
  letter-spacing: -0.02em;
  margin: 6px 0 0 0;
}
.bpc-section__more {
  font-size: 14px;
  color: var(--bpc-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}
.bpc-section__more:hover {
  color: var(--bpc-foreground);
}
/* Categories grid */
.bpc-categories {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 1024px) {
  .bpc-categories { grid-template-columns: repeat(4, 1fr); gap: 24px; }
}
.bpc-cat-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 32px 24px;
  background: var(--bpc-card);
  border: 1px solid var(--bpc-border-strong);
  border-radius: 0.5rem;
  text-decoration: none !important;
  transition: border-color 300ms ease, transform 200ms ease;
  aspect-ratio: 3 / 4;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.bpc-cat-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(to top, oklch(0 0 0 / 0.55), oklch(0 0 0 / 0));
  z-index: 0;
}
.bpc-cat-card:hover {
  border-color: var(--bpc-border-hover);
  transform: translateY(-2px);
}
.bpc-cat-card__name,
.bpc-cat-card__desc {
  position: relative;
  z-index: 1;
}
.bpc-cat-card__name {
  font-size: 20px;
  font-weight: 700;
  color: var(--bpc-foreground);
  letter-spacing: -0.01em;
}
.bpc-cat-card__desc {
  font-size: 13px;
  color: var(--bpc-text-muted);
  line-height: 1.5;
}
/* About / features split */
.bpc-about {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}
.bpc-about__desc {
  font-size: 15px;
  line-height: 1.7;
  color: var(--bpc-text-muted);
  margin: 16px 0 32px 0;
}
.bpc-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 24px;
}
.bpc-feature {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bpc-feature strong {
  font-size: 14px;
  font-weight: 600;
  color: var(--bpc-foreground);
}
.bpc-feature span {
  font-size: 13px;
  color: var(--bpc-text-faint);
  line-height: 1.5;
}
/* Trust bar */
.bpc-section--trust {
  background: var(--bpc-background-deeper);
  max-width: 100%;
  padding: 40px 32px;
  margin: 0 0 64px 0;
  border-top: 1px solid var(--bpc-border-subtle);
  border-bottom: 1px solid var(--bpc-border-subtle);
}
.bpc-trust {
  max-width: var(--bpc-container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  text-align: center;
}
@media (min-width: 768px) { .bpc-trust { grid-template-columns: repeat(4, 1fr); } }
.bpc-trust > div { display: flex; flex-direction: column; gap: 4px; }
.bpc-trust strong {
  font-size: 22px;
  font-weight: 700;
  color: var(--bpc-foreground);
}
.bpc-trust span {
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--bpc-text-faint);
}
/* CTA */
.bpc-cta {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.bpc-cta p {
  color: var(--bpc-text-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 16px 0 32px 0;
}
.bpc-cta .bpc-hero__ctas { justify-content: center; }



/* === P2: Shop archive === */

/* === P3: Single product === */

/* === P4: Cart + Checkout === */

/* === P5: COA Library + content pages === */

/* === SIZE PILLS === (Spec 2026-05-12-size-pill-variable-products) */
.woocommerce .variations_form .variations,
.single-product .variations_form .variations {
	display: none !important;
}
.bpc-size-pills-label {
	display: block;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--bpc-text-fainter);
	margin-bottom: 4px;
}
.bpc-size-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 12px;
}
.bpc-size-pill {
	flex: 1 1 auto;
	min-width: 80px;
	background: var(--bpc-card);
	border: 1px solid var(--bpc-border-strong);
	border-radius: var(--bpc-radius);
	padding: 14px 12px;
	color: var(--bpc-text-body);
	font-family: var(--bpc-font-sans);
	cursor: pointer;
	transition: border-color 200ms ease, background 200ms ease, color 200ms ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.bpc-size-pill__mg {
	font-family: var(--bpc-font-mono);
	font-feature-settings: 'tnum';
	font-size: 18px;
	font-weight: 600;
	color: inherit;
	letter-spacing: 0.02em;
}
.bpc-size-pill__price {
	font-family: var(--bpc-font-mono);
	font-feature-settings: 'tnum';
	font-size: 11px;
	font-weight: 500;
	color: var(--bpc-text-fainter);
	letter-spacing: 0.05em;
}
.bpc-size-pill:not(.is-selected):hover {
	border-color: var(--bpc-border-hover);
	color: var(--bpc-foreground);
}
.bpc-size-pill.is-selected {
	background: var(--bpc-primary);
	border-color: var(--bpc-primary);
	color: var(--bpc-foreground);
	box-shadow: 0 0 0 6px rgba(230,199,102,0.18); /* G3: was Chrome-Vault blue oklch(...240) → gold */
}
.bpc-size-pill.is-selected .bpc-size-pill__price {
	color: oklch(1 0 0 / 0.8);
}
.bpc-size-pill:disabled,
.bpc-size-pill.is-disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.bpc-size-pill:focus-visible {
	outline: 2px solid var(--bpc-primary);
	outline-offset: 2px;
}

/* Simple-product strength selector (catalog-backed links from CSF Storefront Tweaks). */
.csf-strengths {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 12px;
}
.csf-strengths__label {
	flex: 0 0 100%;
	font-family: var(--bpc-font-sans);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--bpc-text-fainter);
}
.csf-strength {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	padding: 12px 16px;
	background: var(--bpc-card);
	border: 1px solid var(--bpc-border-strong);
	border-radius: var(--bpc-radius);
	color: var(--bpc-text-body);
	font-family: var(--bpc-font-mono);
	font-feature-settings: 'tnum';
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 200ms ease, background 200ms ease, color 200ms ease;
}
.csf-strength:hover {
	border-color: var(--bpc-border-hover);
	color: var(--bpc-foreground);
}
.csf-strength:focus-visible {
	outline: 2px solid var(--bpc-ring);
	outline-offset: 2px;
}
.csf-strength.is-active,
.csf-strength.is-active:hover {
	background: var(--bpc-primary);
	border-color: var(--bpc-primary);
	color: var(--rts-onforest);
	box-shadow: 0 0 0 4px rgba(201,168,106,.22);
}

/* === P6: Age Gate plugin skin === */
/* Themes the mcaskill "Age Gate" plugin's default markup (.age-gate__*) to the
   v3 LIGHT green-ocean system: deep-forest backdrop, white card, EB Garamond
   heading, Nunito Sans body, forest-fill primary + ink-outline secondary
   buttons — the same button/type language as .rts-btn sitewide. CSS-only;
   the plugin owns its own markup and copy (never hardcode disclaimer text here). */
/* .age-gate__wrapper is the fullscreen flex-centering overlay; .age-gate__background(-color)
   are the decorative backdrop layers behind the dialog; .age-gate (role="dialog") is the
   actual visible card — that's the one that gets the white-card treatment. */
.age-gate__wrapper { background: var(--bpc-primary) !important; }
.age-gate__background-color,
.age-gate__background {
  background: var(--bpc-primary) !important;
}
.age-gate {
  position: relative;
  background: var(--bpc-card) !important;
  color: var(--bpc-text-body) !important;
  max-width: 460px;
  padding: 48px 44px 40px;
  border-radius: 20px;
  box-shadow: 0 32px 80px -20px rgba(0, 8, 6, .55);
  overflow: hidden;
}
.age-gate::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--rts-gold), rgba(230, 199, 102, 0) 85%);
}
.age-gate__heading-title {
  font-family: var(--bpc-font-serif) !important;
  color: var(--bpc-primary) !important;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -.01em;
  margin: 0 0 14px;
}
.age-gate__subheadline {
  font-family: var(--bpc-font-sans) !important;
  color: var(--bpc-text-muted) !important;
  font-size: 15px;
  line-height: 1.6;
  max-width: 36ch;
  margin: 0 auto 26px;
}
.age-gate__form { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.age-gate__fields { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.age-gate__button,
.age-gate__submit {
  font-family: var(--bpc-font-sans) !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: .015em;
  border-radius: 999px !important;
  padding: 13px 30px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.age-gate__submit--yes,
.age-gate__button--yes {
  background: var(--bpc-primary) !important;
  color: #FFFFFF !important;
}
.age-gate__submit--yes:hover,
.age-gate__button--yes:hover {
  background: var(--bpc-primary-hover) !important;
  transform: translateY(-1px);
}
.age-gate__submit--no,
.age-gate__button--no {
  background: transparent !important;
  color: var(--bpc-text-body) !important;
  border-color: var(--bpc-border-strong) !important;
}
.age-gate__submit--no:hover,
.age-gate__button--no:hover {
  border-color: var(--bpc-primary) !important;
  color: var(--bpc-primary) !important;
}
.age-gate__remember-wrapper,
.age-gate__remember {
  font-family: var(--bpc-font-sans) !important;
  color: var(--bpc-text-faint) !important;
  font-size: 12.5px;
}
.age-gate__remember input[type="checkbox"] { accent-color: var(--bpc-primary); }
.age-gate__errors { color: var(--bpc-destructive) !important; font-size: 13.5px; }


/* ============================================================================
   CSF Phase D (retrofit, 2026-06-12) — canonical 8-key brand contract
   Source of truth: clients/rts/brand/palette.json (warm apothecary anchor).
   Appended LAST on purpose: this :root wins the cascade over the oklch token
   block above, pinning the exact brand hexes. Surgical retrofit — do not
   move, do not edit the blocks above, do not remove.
   ============================================================================ */
:root {
  --bpc-primary:           #2F4A3A; /* @brand:primary — Deep Forest */
  --bpc-primary-hover:     #1F3326; /* @brand:primary-hover — Forest Shadow */
  --bpc-foreground:        #181818; /* @brand:foreground — Carbon ink */
  --bpc-text-body:         #1F2A22; /* @brand:body — Forest Ink */
  --bpc-background:        #EDE7DF; /* @brand:background — Warm Sand */
  --bpc-card:              #FFFFFF; /* @brand:card — Clean White */
  --bpc-border:            #A3B59F; /* @brand:border — Soft Olive */
  --bpc-background-deeper: #E5DFD5; /* @brand:background-deeper — Deeper Sand */

  /* Blocksy chrome (buttons, links, breadcrumbs, active nav, add-to-cart)
     consumes Blocksy's OWN palette vars, emitted inline in <head> AFTER this
     stylesheet — the !important re-pin is required (csf-brand mapping law). */
  --theme-palette-color-1: var(--bpc-primary) !important;
  --theme-palette-color-2: var(--bpc-primary-hover) !important;
  --theme-palette-color-3: var(--bpc-foreground) !important;
  --theme-palette-color-4: var(--bpc-text-body) !important;
  --theme-palette-color-5: var(--bpc-background) !important;
  --theme-palette-color-6: var(--bpc-card) !important;
  --theme-palette-color-7: var(--bpc-border) !important;
  --theme-palette-color-8: var(--bpc-background-deeper) !important;
  --theme-link-initial-color: var(--bpc-primary) !important;
  --theme-link-hover-color: var(--bpc-primary-hover) !important;
  --theme-text-color: var(--bpc-text-body) !important;
  --theme-heading-color: var(--bpc-foreground) !important;
}


/* ============================================================================
   CSF Phase G3 — design port of the Gate-1 winner "v2-forest-monograph"
   (Austin pick 2026-06-13). Deep forest + gold botanical monograph, white+gold
   two-tone serif display, glass nav, white primary CTA. Appended LAST so it
   wins the cascade over the earlier structural (A1/Chrome-Vault) rules and the
   canonical :root token block. Keyed entirely on the --bpc-* contract.
   Adds local accents (forest scrims, gold, warm-white type-on-dark) the 8-key
   contract intentionally omits.
   ============================================================================ */
:root {
  --rts-night:        #15251C;  /* deepest forest — header glass + dark bands  */
  --rts-night-2:      #0F1A12;  /* scrims                                       */
  --rts-gold:         #E6C766;  /* accent — DARK SURFACES ONLY                  */
  --rts-gold-dim:     rgba(230,199,102,.55);
  --rts-warm-white:   #F4EEE2;  /* type on dark                                 */
  --rts-warm-dim:     #CFC9BC;  /* secondary type on dark                       */
  --rts-onforest:     #FFFFFF;  /* legible text on --bpc-primary (CONTRAST FIX) */
  --rts-maxw:         1240px;
}

/* ---------------------------------------------------------------------------
   1. CONTRAST FIX (Phase D + H flags) — text on --bpc-primary must be LIGHT.
   The shipped structural rules paired color:var(--bpc-foreground) (carbon)
   on var(--bpc-primary) (forest) ≈ 1.5:1. Repoint every such surface to white.
   White (#FFF) on Deep Forest #2F4A3A = 9.7:1 AA. These selectors mirror the
   structural rules; the override wins by source order + matched specificity.
   --------------------------------------------------------------------------- */
/* Woo loop quick-add FAB + its + glyph */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .button.add_to_cart_button::before,
/* on-sale / sold-out badge */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
/* primary buttons site-wide (incl. add-to-cart, place order, submit) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order,
.woocommerce .checkout button#place_order,
.button:not(.bpc-outlined):not(.wp-block-button__link),
.button:not(.bpc-outlined):hover,
button.bpc-primary,
button.bpc-primary:hover,
input[type="submit"].button,
/* pagination current page */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
/* cart count badge */
header.ct-header [data-id="cart"] .ct-cart-item-count,
header.ct-header [data-id="cart"] .cart-count,
/* size-pill selected */
.bpc-size-pill.is-selected,
.bpc-size-pill.is-selected .bpc-size-pill__mg,
.bpc-size-pill.is-selected .bpc-size-pill__price,
/* csf strength pill active */
.csf-strength.is-active {
  color: var(--rts-onforest) !important;
}
.bpc-size-pill.is-selected .bpc-size-pill__price { color: rgba(255,255,255,.82) !important; }
/* the pagination-current/hover keep gold hover legible: hover bg is gold accent,
   gold is light → switch hover text to forest for AA */
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--bpc-primary) !important;
  color: var(--rts-onforest) !important;
}
/* current-menu-item gold pill in header: gold bg needs dark ink → forest */
header.ct-header .menu li.current-menu-item > a,
header.ct-header .menu li.current-menu-ancestor > a,
header.ct-header [data-id="menu"] a.current,
header.ct-header [data-id="menu"] .current_page_item a {
  background: rgba(230,199,102,.16) !important;
  color: var(--rts-warm-white) !important;
}

/* ---------------------------------------------------------------------------
   2. CHROME-VAULT oklch SWEEP — blue focus ring + dark hover bgs → forest/gold.
   --------------------------------------------------------------------------- */
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus,
textarea:focus, select:focus,
.woocommerce form .form-row input.input-text:focus {
  outline: 2px solid var(--rts-gold) !important;
  outline-offset: 1px;
  border-color: var(--bpc-primary) !important;
}
.bpc-size-pill.is-selected { box-shadow: 0 0 0 4px rgba(230,199,102,.22) !important; }
.bpc-size-pill:focus-visible { outline-color: var(--bpc-primary) !important; }
header.ct-header .menu li > a:hover,
header.ct-header [data-id="menu"] a:hover { background: rgba(230,199,102,.14) !important; }
.button.bpc-outlined:hover { background: rgba(47,74,58,.08) !important; color: var(--bpc-primary) !important; }
.ct-header-text .ct-mobile-menu a:hover, .sub-menu a:hover { background: rgba(47,74,58,.08) !important; color: var(--bpc-primary) !important; }

/* ---------------------------------------------------------------------------
   3. HEADER — forest-dark glass bar (v2 signature element), sitewide. Logo ≥54px.
   --------------------------------------------------------------------------- */
/* Forest-glass bar — beat the C1 sticky sand rule + the [data-row] transparent
   rule (specificity 0,2,0) by prefixing body (0,3,0). Covers default + scrolled. */
body header.ct-header,
body .site-header,
body header[data-row="primary"],
body header.ct-header[data-row="primary"],
body header.ct-header.ct-scrolled,
body .site-header.scrolled,
body header.ct-header [data-row="middle"],
body header.ct-header [data-row="top"] {
  background: linear-gradient(180deg, rgba(15,26,18,.94), rgba(21,37,28,.9)) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
  border-bottom: 1px solid rgba(230,199,102,.20) !important;
}
/* inner functional areas stay transparent so the bar shows through */
body header.ct-header [data-id="logo"],
body header.ct-header [data-id="menu"],
body header.ct-header .ct-header-cta-area { background: transparent !important; }
/* nav links → warm-white on the dark bar */
header.ct-header .menu li > a,
header.ct-header [data-id="menu"] a {
  color: var(--rts-warm-dim) !important;
  font-family: var(--bpc-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
}
header.ct-header .menu li > a:hover,
header.ct-header [data-id="menu"] a:hover { color: var(--rts-warm-white) !important; }
/* logo presence: 54px desktop (Phase D bar; was capped 36px) */
header.ct-header [data-id="logo"] img,
.ct-logo-container img {
  max-height: 54px !important;
  width: auto !important;
  border-radius: 6px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45));
}
/* The RTS logo lockup already reads as the full brand mark (RTS monogram +
   helix + underline), so the Blocksy site-title text beside it is a redundant
   duplicate (and rendered carbon-on-dark = illegible). Hide it; the image is
   the lockup. alt="Retro Tide Science" keeps the accessible name. */
header.ct-header .site-logo-container { display: inline-flex; align-items: center; }
header.ct-header .site-title,
header.ct-header .ct-logo-container .site-title,
header.ct-header [data-id="logo"] .site-title { display: none !important; }
/* cart icon + text → warm-white on dark */
header.ct-header [data-id="cart"] .ct-button-text,
header.ct-header [data-id="cart"] svg,
header.ct-header [data-id="cart"]:hover .ct-button-text,
header.ct-header [data-id="cart"]:hover svg { color: var(--rts-warm-white) !important; }
header.ct-header [data-id="cart"] .ct-cart-item-count,
header.ct-header [data-id="cart"] .cart-count {
  background: var(--rts-gold) !important;
  color: var(--rts-night) !important;   /* gold pill → dark ink = AA */
}
/* mobile menu trigger on dark bar */
header.ct-header .ct-toggle-dropdown-mobile,
.ct-mobile-menu-toggle { color: var(--rts-warm-white) !important; }
/* the csf top-strip sits above the bar — keep it forest-night */
.csf-topstrip {
  background: var(--rts-night-2) !important;
  color: var(--rts-warm-dim) !important;
  border-bottom: 1px solid rgba(230,199,102,.16);
}
.csf-topstrip__right { color: var(--rts-warm-dim) !important; }

/* ---------------------------------------------------------------------------
   4. HOME page-chrome suppression — hero replaces the title; flush everything.
   --------------------------------------------------------------------------- */
body.home .entry-header, body.home .page-header,
body.home .ct-page-title, body.home h1.entry-title { display: none !important; }
body.home .entry-content { padding: 0 !important; max-width: 100% !important; margin: 0 !important; }
body.home .content-area, body.home .ct-container--narrow,
body.home article > .entry-content { max-width: 100% !important; padding: 0 !important; }
body.home #main, body.home .ct-main-content > article { padding: 0 !important; }
/* Blocksy's .ct-container-full adds 60px top padding → hero must sit flush under
   the forest header. Zero it on home (and the matching bottom gap to footer). */
body.home .ct-container-full,
body.home main.site-main,
body.home .site-main { padding-top: 0 !important; padding-bottom: 0 !important; }
body.home .entry-content > .rts-section:first-child,
body.home .entry-content > .rts-hero:first-child { margin-top: 0 !important; }

/* shared full-bleed + container helpers.
   The home content sits in a WP .is-layout-constrained wrapper whose
   :where(...) > * rule injects max-width + margin-inline:auto on every direct
   child, capping our sections at the content width. Force the breakout with a
   matched-or-higher-specificity rule + !important and clear the injected max. */
body.home .entry-content > .rts-hero,
body.home .entry-content > .rts-section,
body.home .entry-content > .rts-band,
body.home .entry-content > .wp-block-shortcode,
.rts-hero, .rts-band {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* the home featured-products shortcode block stays content-width inside the bleed */
body.home .entry-content > .wp-block-shortcode .woocommerce { width: 100%; }
.rts-wrap { max-width: var(--rts-maxw); margin-inline: auto; padding-inline: clamp(20px,4vw,40px); }
.rts-sc { font-family: var(--bpc-font-sc); font-weight: 500; letter-spacing: .22em; text-transform: uppercase; }
.rts-h2 {
  font-family: var(--bpc-font-serif);
  font-weight: 600;
  font-size: clamp(30px,4vw,46px);
  line-height: 1.06;
  letter-spacing: -.012em;
  color: var(--bpc-foreground);
  margin: 0;
}
.rts-h2 em { font-style: italic; font-weight: 500; color: var(--bpc-primary); }
.rts-h2--light { color: var(--rts-warm-white); }
.rts-h2--light em { color: var(--rts-gold); }
.rts-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.rts-eyebrow .rts-sc { font-size: 12.5px; letter-spacing: .26em; color: var(--rts-gold); }
.rts-eyebrow__rule { height: 1px; width: 44px; background: linear-gradient(90deg, var(--rts-gold), rgba(230,199,102,0)); flex: 0 0 auto; }

/* shared buttons (the v2 pill set) */
.rts-btn {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--bpc-font-sans);
  font-weight: 600; font-size: 14.5px; letter-spacing: .015em;
  border-radius: 999px; padding: 14px 28px;
  text-decoration: none; cursor: pointer;
  transition: transform .2s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.rts-btn__arrow { font-size: 14px; line-height: 1; }
.rts-btn--light { background: var(--rts-warm-white); color: var(--bpc-primary-hover); box-shadow: 0 14px 32px -14px rgba(0,0,0,.55); }
.rts-btn--light:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 18px 40px -14px rgba(0,0,0,.6); }
.rts-btn--ghost { color: var(--rts-gold); border: 1px solid rgba(230,199,102,.55); background: rgba(230,199,102,.05); }
.rts-btn--ghost:hover { border-color: var(--rts-gold); background: rgba(230,199,102,.12); transform: translateY(-2px); }
/* dark-on-light variant of ghost (used on light sections) */
.rts-section--cats .rts-btn--ghost, .rts-section--ruo .rts-btn--ghost {
  color: var(--bpc-primary); border-color: var(--bpc-primary); background: transparent;
}
.rts-section--cats .rts-btn--ghost:hover { background: rgba(47,74,58,.06); }

/* ---------------------------------------------------------------------------
   5. HERO — forest-dark, gold monograph field, two-tone serif display.
   --------------------------------------------------------------------------- */
.rts-hero {
  position: relative;
  min-height: clamp(560px, 78vh, 760px);
  display: flex; align-items: center;
  overflow: hidden;
  background: var(--rts-night);
  isolation: isolate;
}
.rts-hero__bg {
  position: absolute; inset: 0; z-index: 0;
  background: url("/wp-content/uploads/2026/06/hero-forest-dark.png") center right / cover no-repeat;
}
.rts-hero__scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(15,26,18,.92) 0%, rgba(21,37,28,.70) 40%, rgba(21,37,28,.12) 66%, rgba(21,37,28,0) 82%),
    radial-gradient(120% 90% at 78% 30%, rgba(47,74,58,0) 42%, rgba(15,26,18,.5) 100%);
}
.rts-hero__inner {
  position: relative; z-index: 2;
  width: 100%; max-width: var(--rts-maxw);
  margin-inline: auto; padding: clamp(48px,6vh,84px) clamp(20px,4vw,40px);
  display: grid; grid-template-columns: minmax(0,1.16fr) minmax(0,.84fr);
  align-items: center; gap: clamp(28px,5vw,64px);
}
.rts-hero__copy { max-width: 600px; }
.rts-display {
  font-family: var(--bpc-font-serif);
  font-weight: 600;
  font-size: clamp(50px,7.6vw,92px);
  line-height: .95; letter-spacing: -.014em;
  color: var(--rts-warm-white);
  margin: 0 0 24px;
}
.rts-display__gild { display: block; font-style: italic; font-weight: 500; color: var(--rts-gold); text-shadow: 0 1px 0 rgba(0,0,0,.25); }
.rts-lede {
  max-width: 46ch;
  font-family: var(--bpc-font-sans);
  font-size: clamp(15px,1.3vw,17px); font-weight: 300; line-height: 1.72;
  color: var(--rts-warm-dim); margin: 0 0 32px;
}
.rts-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 36px; }
.rts-trustrow {
  list-style: none; margin: 0; padding: 18px 0 0;
  border-top: 1px solid rgba(230,199,102,.28);
  display: flex; flex-wrap: wrap; gap: 10px 24px; max-width: 50ch;
}
.rts-trustrow li {
  font-family: var(--bpc-font-sc); font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase;
  font-size: 11.5px; color: var(--rts-warm-white);
  display: flex; align-items: center; gap: 9px;
}
.rts-trustrow li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--rts-gold); flex: 0 0 auto; }

/* hero figure — vessel in gold ring */
.rts-hero__figure { position: relative; display: flex; align-items: center; justify-content: center; min-height: 460px; }
.rts-monogram { position: relative; width: min(420px,82%); aspect-ratio: 1; display: flex; align-items: flex-end; justify-content: center; }
.rts-monogram__ring { position: absolute; inset: 0; z-index: 0; filter: drop-shadow(0 0 24px rgba(230,199,102,.16)); pointer-events: none; }
.rts-monogram__glow { position: absolute; left: 50%; top: 54%; transform: translate(-50%,-50%); width: 70%; height: 70%; z-index: 0; border-radius: 50%; background: radial-gradient(circle, rgba(230,199,102,.22) 0%, rgba(230,199,102,.06) 46%, rgba(230,199,102,0) 70%); pointer-events: none; }
.rts-monogram__vessel { position: relative; z-index: 2; height: 90%; width: auto; filter: drop-shadow(0 26px 34px rgba(0,0,0,.55)); }
.rts-hero__seal { position: absolute; top: 1%; right: 5%; z-index: 4; width: 78px; height: auto; opacity: .92; filter: drop-shadow(0 6px 14px rgba(0,0,0,.5)); }
.rts-figcaption {
  position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); z-index: 3;
  display: flex; align-items: center; gap: 11px; white-space: nowrap;
  font-size: 11.5px; letter-spacing: .2em; color: var(--rts-gold);
}
.rts-figcaption__sep { width: 1px; height: 11px; background: rgba(230,199,102,.5); }
.rts-figcaption__muted { color: var(--rts-warm-dim); }

/* hero entrance — resolve to stillness; transforms isolated so they don't clobber centering */
@keyframes rtsRise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes rtsFade { from { opacity: 0; } to { opacity: 1; } }
.rts-hero__copy > * { opacity: 0; animation: rtsRise .85s cubic-bezier(.2,.7,.2,1) forwards; }
.rts-hero__copy > :nth-child(1){ animation-delay:.05s } .rts-hero__copy > :nth-child(2){ animation-delay:.14s }
.rts-hero__copy > :nth-child(3){ animation-delay:.23s } .rts-hero__copy > :nth-child(4){ animation-delay:.32s }
.rts-hero__copy > :nth-child(5){ animation-delay:.41s }
.rts-monogram { opacity: 0; animation: rtsFade 1s ease .3s forwards; }
.rts-hero__seal, .rts-figcaption { opacity: 0; animation: rtsFade .8s ease .9s forwards; }

/* ---------------------------------------------------------------------------
   6. SECTION shells — light body on warm sand, forest statement bands.
   --------------------------------------------------------------------------- */
.rts-section { padding: clamp(56px,8vh,96px) 0; background: var(--bpc-background); }
.rts-section--cats { background: var(--bpc-background); }
.rts-section--featured { padding-bottom: clamp(40px,5vh,64px); }
.rts-shead { max-width: 640px; margin-bottom: clamp(32px,4vh,52px); }
.rts-shead--center { margin-inline: auto; text-align: center; }
.rts-shead--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; max-width: 100%; margin-bottom: 28px; }
.rts-shead__eyebrow { display: block; font-size: 12px; letter-spacing: .24em; color: var(--bpc-text-faint); margin-bottom: 12px; }
.rts-section--trust .rts-shead__eyebrow, .rts-shead--center .rts-shead__eyebrow { color: var(--bpc-primary); }
.rts-shead__sub { margin: 14px 0 0; font-size: 15.5px; line-height: 1.65; color: var(--bpc-text-muted); }
.rts-shead__more { font-size: 12.5px; letter-spacing: .14em; color: var(--bpc-primary); text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.rts-shead__more:hover { color: var(--bpc-primary-hover); }

/* category trio — engraved tiles */
.rts-cats { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(16px,2vw,28px); }
.rts-cat {
  display: flex; flex-direction: column;
  background: var(--bpc-card);
  border: 1px solid var(--bpc-border);
  border-radius: 12px; overflow: hidden; text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.rts-cat:hover { transform: translateY(-4px); border-color: var(--bpc-primary); box-shadow: 0 22px 44px -26px rgba(31,51,38,.55); }
.rts-cat__art { display: block; background: #EFEADD; border-bottom: 1px solid var(--bpc-border); }
.rts-cat__art img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; display: block; }
.rts-cat__body { display: flex; flex-direction: column; gap: 8px; padding: 24px 24px 26px; }
.rts-cat__name { font-family: var(--bpc-font-serif); font-weight: 600; font-size: 22px; color: var(--bpc-foreground); letter-spacing: -.01em; }
.rts-cat__desc { font-size: 13.5px; line-height: 1.6; color: var(--bpc-text-muted); }
.rts-cat__link { margin-top: 4px; font-size: 11px; letter-spacing: .16em; color: var(--bpc-primary); }

/* process / trust grid */
.rts-process { display: grid; grid-template-columns: repeat(4,1fr); gap: clamp(20px,2.4vw,36px); }
.rts-process__item { display: flex; flex-direction: column; gap: 10px; }
.rts-process__mark { width: 28px; height: 1px; background: var(--rts-gold); position: relative; margin-bottom: 4px; }
.rts-process__mark::before { content: ""; position: absolute; left: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--bpc-primary); }
.rts-process__item strong { font-family: var(--bpc-font-serif); font-weight: 600; font-size: 19px; color: var(--bpc-foreground); }
.rts-process__item span { font-size: 13.5px; line-height: 1.62; color: var(--bpc-text-muted); }

/* ---------------------------------------------------------------------------
   7. FOREST STATEMENT BANDS — COA documentation + CTA.
   --------------------------------------------------------------------------- */
.rts-band { position: relative; padding: clamp(56px,9vh,104px) 0; background: var(--rts-night); overflow: hidden; isolation: isolate; }
.rts-band__bg { position: absolute; inset: 0; z-index: 0; opacity: .9; background: url("/wp-content/uploads/2026/06/ambient-forest-band.webp") center / cover no-repeat; }
.rts-band__bg--cta { background: url("/wp-content/uploads/2026/06/ambient-forest-band.webp") center / cover no-repeat; opacity: .82; }
.rts-band::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(15,26,18,.78), rgba(15,26,18,.4)); pointer-events: none; }
.rts-band__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.6fr); align-items: center; gap: clamp(32px,5vw,72px); }
.rts-band__copy { max-width: 620px; }
.rts-band__text { font-size: 15.5px; line-height: 1.72; color: var(--rts-warm-dim); margin: 18px 0 30px; max-width: 56ch; }
.rts-band__seal { position: relative; display: flex; align-items: center; justify-content: center; }
.rts-band__seal img { width: min(240px,70%); height: auto; filter: drop-shadow(0 14px 30px rgba(0,0,0,.5)); }
.rts-band__sealtext { position: absolute; text-align: center; font-size: 11px; letter-spacing: .2em; color: var(--rts-gold); line-height: 1.5; }

/* CTA band */
.rts-band--cta { text-align: center; }
.rts-cta { position: relative; z-index: 2; max-width: 720px; margin-inline: auto; text-align: center; }
.rts-cta__title { margin-bottom: 16px; }
.rts-cta__text { font-size: 15.5px; line-height: 1.72; color: var(--rts-warm-dim); margin: 0 auto 30px; max-width: 56ch; }
.rts-cta__btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

/* RUO posture — quiet light band, centered */
.rts-section--ruo { background: var(--bpc-background-deeper); border-top: 1px solid var(--bpc-border); border-bottom: 1px solid var(--bpc-border); padding: clamp(48px,7vh,80px) 0; }
.rts-ruo { max-width: 760px; margin-inline: auto; text-align: center; }
.rts-ruo__rule { width: 40px; height: 1px; background: var(--rts-gold); margin: 0 auto 22px; }
.rts-ruo__title { font-size: clamp(24px,3vw,34px); margin-bottom: 16px; }
.rts-ruo__text { font-size: 14.5px; line-height: 1.74; color: var(--bpc-text-muted); margin: 0 auto; max-width: 64ch; }

/* ---------------------------------------------------------------------------
   8. FEATURED PRODUCTS — the home [products] grid in the v2 system.
   --------------------------------------------------------------------------- */
body.home .wp-block-shortcode .woocommerce,
body.home .entry-content > .woocommerce {
  max-width: var(--rts-maxw) !important; margin: 0 auto clamp(56px,8vh,96px) !important;
  padding-inline: clamp(20px,4vw,40px); background: var(--bpc-background);
}
body.home .wp-block-shortcode ul.products,
body.home .entry-content ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: clamp(16px,2vw,28px) !important; margin: 0 !important; }
body.home .wp-block-shortcode ul.products li.product,
body.home ul.products.columns-3 li.product { width: auto !important; margin: 0 !important; float: none !important; }

/* ---------------------------------------------------------------------------
   9. STOREFRONT — product cards (shop archive + home featured), v2 system.
   Premium card: white surface, olive hairline, image well, serif title, gold
   price, hover lift + reveal quick-add.
   --------------------------------------------------------------------------- */
.woocommerce ul.products li.product {
  background: var(--bpc-card);
  border: 1px solid var(--bpc-border);
  border-radius: 12px;
  overflow: hidden;
  padding: 0 0 18px !important;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display: flex; flex-direction: column;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); border-color: var(--bpc-primary); box-shadow: 0 22px 44px -26px rgba(31,51,38,.5); }
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .wp-post-image {
  width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover;
  margin: 0 0 14px !important;
  background: #F3EFE6; border-bottom: 1px solid var(--bpc-border);
  mix-blend-mode: multiply;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--bpc-font-serif) !important;
  font-weight: 600 !important; font-size: 17px !important;
  color: var(--bpc-foreground) !important;
  padding: 0 18px !important; margin: 0 0 6px !important; line-height: 1.25;
}
.woocommerce ul.products li.product .price {
  display: block; padding: 0 18px !important; margin: 0 !important;
  font-family: var(--bpc-font-sans) !important; font-feature-settings: 'tnum';
  color: var(--bpc-primary) !important; font-weight: 600 !important; font-size: 15px !important;
}
.woocommerce ul.products li.product .price .amount { color: var(--bpc-primary) !important; }
.woocommerce ul.products li.product .price del { color: var(--bpc-text-faint) !important; opacity: .7; font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
/* keep the quick-add FAB anchored to the image well bottom-right */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
  position: absolute !important; top: 0; bottom: auto !important;
  right: 12px !important;
  transform: translateY(calc(100% - 48px));   /* sit near image-well bottom */
}
.woocommerce ul.products li.product .button.add_to_cart_button {
  width: 40px !important; height: 40px !important;
  background: var(--bpc-primary) !important; border-radius: 50% !important;
  box-shadow: 0 8px 20px -8px rgba(31,51,38,.6) !important;
  opacity: 0; transform: translateY(calc(100% - 40px)) scale(.9);
  transition: opacity .2s ease, transform .25s ease, background .2s ease;
}
.woocommerce ul.products li.product:hover .button.add_to_cart_button { opacity: 1 !important; transform: translateY(calc(100% - 60px)) scale(1); }
.woocommerce ul.products li.product .button.add_to_cart_button:hover { background: var(--bpc-primary-hover) !important; }

/* shop archive header / result-count / ordering */
.woocommerce .woocommerce-products-header__title,
.woocommerce-page h1.entry-title,
.woocommerce .page-title { font-family: var(--bpc-font-serif) !important; font-weight: 600 !important; color: var(--bpc-foreground) !important; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering select { color: var(--bpc-text-muted); }

/* ---------------------------------------------------------------------------
   10. SINGLE PRODUCT — gallery + summary in the v2 system.
   --------------------------------------------------------------------------- */
.single-product div.product .product_title { font-family: var(--bpc-font-serif) !important; font-weight: 600 !important; font-size: clamp(28px,3.4vw,40px) !important; color: var(--bpc-foreground) !important; letter-spacing: -.01em; }
.single-product div.product p.price, .single-product div.product span.price { color: var(--bpc-primary) !important; font-weight: 600 !important; font-feature-settings: 'tnum'; font-size: 24px !important; }
.single-product div.product .woocommerce-product-details__short-description { color: var(--bpc-text-muted); line-height: 1.7; }
.single-product .woocommerce-product-gallery { background: #F3EFE6; border: 1px solid var(--bpc-border); border-radius: 12px; overflow: hidden; }
.single-product .woocommerce-product-gallery img { mix-blend-mode: multiply; }
.single-product .woocommerce-tabs ul.tabs li { background: var(--bpc-background-deeper) !important; border: 1px solid var(--bpc-border) !important; border-radius: 999px !important; }
.single-product .woocommerce-tabs ul.tabs li.active { background: var(--bpc-primary) !important; }
.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--rts-onforest) !important; }
.single-product .woocommerce-tabs ul.tabs li a { color: var(--bpc-text-body) !important; }
.single-product .quantity input.qty { border: 1px solid var(--bpc-border) !important; background: var(--bpc-card) !important; }

/* ---------------------------------------------------------------------------
   11. CART + CHECKOUT + MY-ACCOUNT — surfaces, tables, the upsell row.
   --------------------------------------------------------------------------- */
.woocommerce table.shop_table { background: var(--bpc-card) !important; border: 1px solid var(--bpc-border) !important; border-radius: 12px !important; overflow: hidden; }
.woocommerce table.shop_table th { background: var(--bpc-background-deeper) !important; color: var(--bpc-foreground) !important; font-family: var(--bpc-font-sans); }
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 { font-family: var(--bpc-font-serif) !important; font-weight: 600 !important; color: var(--bpc-foreground) !important; }
.woocommerce .cart_totals, .woocommerce-checkout #order_review { background: var(--bpc-card); border: 1px solid var(--bpc-border); border-radius: 12px; padding: 8px 20px 16px; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { background: var(--bpc-card); border: 1px solid var(--bpc-border); border-radius: 12px; padding: 8px 20px 16px; }
/* upsell row (csf-cart-upsell) */
.csf-upsell { background: var(--bpc-background-deeper); border: 1px solid var(--bpc-border); border-radius: 12px; padding: 24px 26px; margin: 28px 0; }
.csf-upsell-headline { font-family: var(--bpc-font-serif) !important; font-weight: 600 !important; font-size: 19px !important; color: var(--bpc-foreground) !important; margin: 0 0 18px !important; }
.csf-upsell-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.csf-upsell-card { background: var(--bpc-card); border: 1px solid var(--bpc-border); border-radius: 10px; padding: 14px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; transition: border-color .2s ease, transform .2s ease; }
.csf-upsell-card:hover { border-color: var(--bpc-primary); transform: translateY(-2px); }
.csf-upsell-media { display: block; }
.csf-upsell-media img { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; background: #F3EFE6; mix-blend-mode: multiply; }
.csf-upsell-name { font-family: var(--bpc-font-serif) !important; font-weight: 600; font-size: 14px; color: var(--bpc-foreground) !important; text-decoration: none; }
.csf-upsell-price { font-family: var(--bpc-font-sans); font-feature-settings: 'tnum'; color: var(--bpc-primary) !important; font-weight: 600; font-size: 13px; }
.csf-upsell-add { background: var(--bpc-primary) !important; color: var(--rts-onforest) !important; border-radius: 999px !important; padding: 8px 22px !important; font-size: 13px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: background .2s ease; }
.csf-upsell-add:hover { background: var(--bpc-primary-hover) !important; color: var(--rts-onforest) !important; }
@media (max-width: 680px) { .csf-upsell-cards { grid-template-columns: 1fr; } }
/* my-account */
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 1px solid var(--bpc-border); border-radius: 12px; overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--bpc-border); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active { background: var(--bpc-primary); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--rts-onforest) !important; }

/* ---------------------------------------------------------------------------
   12. CHECKOUT CONSENT CHECKBOXES (Phase H flag) — at 390px the white box on
   warm-sand panel read too faint. Bump border weight + contrast, give the box
   a white fill on a forest hairline so it's unmistakable.
   --------------------------------------------------------------------------- */
.woocommerce-checkout form.checkout input[type="checkbox"],
.woocommerce form .form-row input[type="checkbox"],
#csf-atc-ruo-box,
input#csf_ruo,
input[name="csf_ruo"],
input#terms,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  appearance: none; -webkit-appearance: none;
  width: 22px !important; height: 22px !important;
  min-width: 22px; flex: 0 0 22px;
  border: 2px solid var(--bpc-primary) !important;
  background: #FFFFFF !important;
  border-radius: 4px !important;
  cursor: pointer; vertical-align: middle;
  position: relative; margin-right: 10px !important;
  box-shadow: 0 0 0 1px rgba(31,51,38,.12);
  transition: background .15s ease, border-color .15s ease;
}
.woocommerce-checkout form.checkout input[type="checkbox"]:checked,
.woocommerce form .form-row input[type="checkbox"]:checked,
#csf-atc-ruo-box:checked, input#csf_ruo:checked, input[name="csf_ruo"]:checked,
input#terms:checked, .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked {
  background: var(--bpc-primary) !important; border-color: var(--bpc-primary) !important;
}
.woocommerce-checkout form.checkout input[type="checkbox"]:checked::after,
.woocommerce form .form-row input[type="checkbox"]:checked::after,
#csf-atc-ruo-box:checked::after, input#csf_ruo:checked::after, input[name="csf_ruo"]:checked::after,
input#terms:checked::after, .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked::after {
  content: ""; position: absolute; left: 6px; top: 2px;
  width: 6px; height: 11px; border: solid #FFFFFF; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
.woocommerce-checkout form.checkout input[type="checkbox"]:focus-visible,
input#csf_ruo:focus-visible, input#terms:focus-visible {
  outline: 2px solid var(--rts-gold) !important; outline-offset: 2px;
}
/* the consent label text — ensure AA on the sand panel */
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text,
.csf-ruo-label, label[for="csf_ruo"], #csf-atc-ruo-label { color: var(--bpc-text-body) !important; }

/* ---------------------------------------------------------------------------
   13. csf-bigfoot FOOTER — author the premium footer in the v2 system, with the
   a11y fixes the QA sweep flagged (target-size ≥24px, heading color contrast,
   heading level handled in markup h4→h3). Forest-deep footer, gold accents.
   --------------------------------------------------------------------------- */
footer.ct-footer, .site-footer { background: var(--rts-night) !important; border-top: 1px solid rgba(230,199,102,.2) !important; }
footer.ct-footer::before, .site-footer::before { display: none !important; }   /* drop the old ::before RUO band — bigfoot bar carries it */
.csf-bigfoot { width: 100%; color: var(--rts-warm-dim); padding: clamp(48px,7vh,72px) 0 0; }
.csf-bigfoot__wrap {
  max-width: var(--rts-maxw); margin-inline: auto; padding-inline: clamp(20px,4vw,40px);
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: clamp(28px,4vw,56px);
}
.csf-bigfoot__brand { max-width: 320px; }
.csf-footer-logo { height: 48px; width: auto; border-radius: 6px; margin-bottom: 16px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.csf-bigfoot__name { display: block; font-family: var(--bpc-font-serif); font-weight: 600; font-size: 19px; color: var(--rts-warm-white); margin-bottom: 10px; letter-spacing: .01em; }
.csf-bigfoot__brand p { font-size: 13.5px; line-height: 1.65; color: var(--rts-warm-dim); margin: 0; }
/* NB: prefix every footer text rule with footer.ct-footer so it beats the C1
   footer rules (footer.ct-footer h3 = specificity 0,1,2) — otherwise the old
   olive-on-night (1.03:1, illegible) wins. */
footer.ct-footer .csf-bigfoot, .site-footer .csf-bigfoot { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot__name, .site-footer .csf-bigfoot__name { color: var(--rts-warm-white) !important; }
footer.ct-footer .csf-bigfoot__brand p, .site-footer .csf-bigfoot__brand p { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot__col h2,
footer.ct-footer .csf-bigfoot__col h3,
footer.ct-footer .csf-bigfoot__col h4,
.site-footer .csf-bigfoot__col h2,
.site-footer .csf-bigfoot__col h3,
.site-footer .csf-bigfoot__col h4 {
  font-family: var(--bpc-font-sc) !important;
  font-size: 12px !important; font-weight: 600 !important;
  letter-spacing: .2em !important; text-transform: uppercase !important;
  color: var(--rts-gold) !important;        /* gold-on-night ≈ 8:1 — fixes the #6b835e/#e5dfd5 3.14:1 finding */
  margin: 0 0 16px !important; padding: 0 !important;
}
.csf-bigfoot__col { display: flex; flex-direction: column; }
footer.ct-footer .csf-bigfoot__col a,
.site-footer .csf-bigfoot__col a {
  display: block; color: var(--rts-warm-dim) !important; text-decoration: none !important;
  font-size: 14px !important; line-height: 1.2;
  padding: 7px 0 !important;                  /* ≥24px tap target (14px text + 14px pad) — fixes target-size finding */
  min-height: 24px; transition: color .2s ease;
}
footer.ct-footer .csf-bigfoot__col a:hover,
.site-footer .csf-bigfoot__col a:hover { color: var(--rts-warm-white) !important; }
footer.ct-footer .csf-bigfoot__bar, .site-footer .csf-bigfoot__bar {
  max-width: var(--rts-maxw); margin: clamp(40px,5vh,56px) auto 0; padding: 22px clamp(20px,4vw,40px);
  border-top: 1px solid rgba(230,199,102,.18);
  font-size: 12px; line-height: 1.6; color: var(--rts-warm-dim) !important; text-align: center;
}
/* compliance disclaimer rendered by csf-compliance in wp_footer — keep legible on night */
.bpc-disclaimer, .csf-asst-fine { color: var(--rts-warm-dim) !important; }
.csf-asst-fine { color: var(--bpc-text-faint) !important; }   /* assistant fine-print on its light panel → darker olive for AA */

/* ---------------------------------------------------------------------------
   14. MOBILE BOTTOM BAR — restyle to the forest/gold system (was white/red).
   --------------------------------------------------------------------------- */
.csf-bbar {
  background: linear-gradient(180deg, rgba(15,26,18,.97), rgba(21,37,28,.97)) !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-top: 1px solid rgba(230,199,102,.22) !important;
  box-shadow: 0 -4px 18px rgba(0,0,0,.28) !important;
}
.csf-bbar__i { color: var(--rts-warm-dim) !important; }
.csf-bbar__i:hover, .csf-bbar__i:active { color: var(--rts-warm-white) !important; }
.csf-bbar .csf-ic { color: var(--rts-warm-white); }
.csf-badge { background: var(--rts-gold) !important; color: var(--rts-night) !important; font-weight: 700; }

/* ---------------------------------------------------------------------------
   15. RESPONSIVE — tablet + mobile. Both 1440 AND 390 must read premium.
   --------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .rts-cats { grid-template-columns: repeat(3,1fr); }
  .rts-process { grid-template-columns: repeat(2,1fr); gap: 28px 32px; }
  body.home .wp-block-shortcode ul.products,
  body.home .entry-content ul.products.columns-3 { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 900px) {
  .rts-hero__inner { grid-template-columns: 1fr; gap: 32px; }
  .rts-hero__figure { order: -1; min-height: auto; }
  .rts-monogram { width: min(340px,76vw); }
  .rts-hero__seal { width: 64px; }
  .rts-band__inner { grid-template-columns: 1fr; }
  .rts-band__seal { display: none; }       /* seal redundant once stacked — keep the band clean */
  .rts-shead--row { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (max-width: 680px) {
  .rts-cats { grid-template-columns: 1fr; gap: 16px; }
  .rts-process { grid-template-columns: 1fr; gap: 24px; }
  .rts-hero { min-height: clamp(520px,86vh,640px); }
  .rts-display { font-size: clamp(42px,13vw,58px); }
  .rts-lede { font-size: 15px; }
  .rts-hero__ctas .rts-btn { flex: 1 1 auto; justify-content: center; }
  .rts-cta__btns .rts-btn { flex: 1 1 100%; justify-content: center; }
  body.home .wp-block-shortcode ul.products,
  body.home .entry-content ul.products.columns-3 { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .rts-section { padding: 48px 0; }
  .rts-band { padding: 48px 0; }
}
@media (max-width: 420px) {
  body.home .wp-block-shortcode ul.products,
  body.home .entry-content ul.products.columns-3 { grid-template-columns: 1fr 1fr !important; }
  .rts-monogram { width: min(280px,82vw); }
  .rts-figcaption { font-size: 10.5px; letter-spacing: .14em; }
  .csf-bigfoot__wrap { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
  .csf-bigfoot__brand { grid-column: 1 / -1; }
}
/* guard against any horizontal scroll from full-bleed bands */
html, body { overflow-x: hidden; max-width: 100%; }

/* ---------------------------------------------------------------------------
   16. REDUCED MOTION — resolve to stillness immediately.
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .rts-hero__copy > *, .rts-monogram, .rts-hero__seal, .rts-figcaption { animation: none !important; opacity: 1 !important; transform: none !important; }
  .rts-btn, .rts-cat, .woocommerce ul.products li.product { transition: none !important; }
}
/* neutralize the legacy .bpc-hero block (Chrome-Vault era) in case any page still emits it */
.bpc-hero__overlay { background: linear-gradient(to right, rgba(15,26,18,.92) 0%, rgba(21,37,28,.55) 70%, rgba(21,37,28,.2) 100%) !important; }
.bpc-hero__content, .bpc-hero__headline { color: var(--rts-warm-white) !important; }

/* ---------------------------------------------------------------------------
   17. PAGE / ARCHIVE HEROES — every non-home page gets a real hero band, not a
   bare title strip (banned-move #5). Forest band with ambient monogram + the
   page title in white serif. Applies to shop, product archives, and content
   pages (about/faq/contact/coa/policies). Home opts out (its own hero).
   --------------------------------------------------------------------------- */
body:not(.home):not(.single-product) .entry-header,
body:not(.home):not(.single-product) header.entry-header,
.woocommerce-page:not(.single-product) .woocommerce-products-header,
body.archive .page-header,
body.search .page-header {
  position: relative;
  width: 100vw; max-width: 100vw;
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  margin-top: 0 !important; margin-bottom: clamp(40px,5vh,64px) !important;
  padding: clamp(48px,8vh,88px) clamp(20px,4vw,40px) !important;
  background-color: var(--rts-night) !important;
  background-image:
    linear-gradient(90deg, rgba(15,26,18,.86), rgba(21,37,28,.5)),
    url("/wp-content/uploads/2026/06/ambient-forest-band.webp") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  text-align: center; overflow: hidden; isolation: isolate;
  border-bottom: 1px solid rgba(230,199,102,.18);
}
/* zero Blocksy's container-full top pad on these pages too so the hero sits flush */
body:not(.home) .ct-container-full { padding-top: 0 !important; }
body:not(.home):not(.single-product) .entry-header > *,
.woocommerce-page .woocommerce-products-header > * { position: relative; z-index: 2; max-width: var(--rts-maxw); margin-inline: auto; }
body:not(.home):not(.single-product) .entry-header .page-title,
body:not(.home):not(.single-product) .entry-header h1,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header .page-title {
  font-family: var(--bpc-font-serif) !important;
  font-weight: 600 !important;
  font-size: clamp(34px,5vw,56px) !important;
  letter-spacing: -.012em !important;
  color: var(--rts-warm-white) !important;
  margin: 0 !important;
}
/* archive description / result-count under the title → warm-dim */
.woocommerce-page .woocommerce-products-header .term-description,
.woocommerce-page .woocommerce-products-header .woocommerce-result-count,
body:not(.home):not(.single-product) .entry-header .page-description {
  color: var(--rts-warm-dim) !important; margin-top: 12px !important;
}
/* a thin gold rule under the title for the apothecary feel */
body:not(.home):not(.single-product) .entry-header::after,
.woocommerce-page .woocommerce-products-header::after {
  content: ""; position: absolute; left: 50%; bottom: clamp(28px,4vh,44px); transform: translateX(-50%);
  width: 44px; height: 1px; background: var(--rts-gold); z-index: 2;
}
/* the result-count + ordering bar sits OUTSIDE the hero, on the sand body */
.woocommerce-page .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering { position: relative; z-index: 1; }
.woocommerce-page form.woocommerce-ordering, .woocommerce-page .woocommerce-result-count { margin-top: 8px; }


/* ============================================================================
   CSF Phase G3 — LIGHT-MODE conversion (rebrand 2026-06-13, BRAND v3)
   --------------------------------------------------------------------------
   Austin pick: the approved index-light.html token set. This block converts
   the RTS child theme from the cream/parchment "Warm Sand" execution to the
   crisp LIGHT direction:

     page bg      #F6F8F7  (crisp near-white, faint cool tint — NEVER cream)
     ink          #13241C  (forest ink on the light page)
     statement    #001813 / #0E2A20  (DEEP forest-green bands: hero, COA,
                  bands  CTA, footer, header) — warm-white #F4EEE2 + gold on them
     cards        #FFFFFF  white, soft shadow + gold hairline (gold on hover)
     gold         #C9A86A  accents; on LIGHT use gold-ink #8A6A2F for legible
                  gold text (raw gold fails AA on white)
     motif        wave + hexagon-molecule; modern uppercase sans eyebrows

   APPEND LAST. This block is authored to win the cascade over:
     - the oklch token block (lines ~41-86)
     - the sRGB fallback (~90-116)
     - the canonical 8-key contract :root (~1349-1374)
     - the earlier G3 forest-monograph :root + rules (~1386-2102)
   It flips the --bpc-* tokens (so every var() consumer recolors for free),
   re-pins the Blocksy mirror vars, repaints the explicit dark/forest bands to
   #001813/#0E2A20, kills the three cream wells (#F3EFE6 / #EFEADD), and
   replaces mix-blend-mode:multiply with a drop-shadow so vials read clean on
   white. Compliance surfaces (.bpc-*, consent, COA, disclaimer) are kept
   >= AA legible. Do NOT edit functions.php.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   L1. TOKEN FLIP — the --bpc-* contract + the local --rts-* accents.
   These two :root blocks are the heart of the conversion. Because nearly every
   rule above reads var(--bpc-*) / var(--rts-*), repointing them here recolors
   the whole site. The explicit-hex band/well rules below mop up the rest.
   --------------------------------------------------------------------------- */
:root {
  /* --- core --bpc contract: now LIGHT --- */
  --bpc-background:        #F6F8F7 !important; /* crisp near-white page — was Warm Sand #EDE7DF */
  --bpc-background-deeper: #FFFFFF !important; /* light shells/panels — was Deeper Sand #E5DFD5; white reads crisp, the page tint distinguishes it */
  --bpc-foreground:        #13241C !important; /* forest ink (headings/emphasis) — was Carbon #181818 */
  --bpc-card:              #FFFFFF !important; /* white card surface (unchanged value, pinned) */
  --bpc-card-image-well:   #FFFFFF !important; /* image well now white, not warm wash */
  --bpc-secondary:         #FFFFFF !important;
  --bpc-muted:             #FFFFFF !important; /* form fields / disclaimer ground → white on the light page */
  --bpc-muted-fg:          #3A4A40 !important; /* AA muted text on white */

  /* hairlines: cool grey-green on the LIGHT page (was olive) */
  --bpc-border-subtle:     rgba(19,36,28,.07) !important; /* --line-soft */
  --bpc-border:            rgba(19,36,28,.12) !important; /* --line — primary hairline on light */
  --bpc-border-strong:     rgba(19,36,28,.18) !important;
  --bpc-border-hover:      #C9A86A !important; /* gold hairline on hover */

  /* primary brand stays Deep Forest (now the DEEPER #001813 family on bands) */
  --bpc-primary:           #001813 !important; /* deep forest-green — bands + ink CTAs */
  --bpc-primary-hover:     #0E2A20 !important; /* second forest stop */
  --bpc-accent:            #C9A86A !important; /* gold */

  /* text scale — forest ink fading to faint, all AA on #F6F8F7/#FFF */
  --bpc-text-body:         #13241C !important;
  --bpc-text-muted:        rgba(19,36,28,.74) !important; /* --ink-dim */
  --bpc-text-faint:        rgba(19,36,28,.64) !important; /* --ink-faint */
  --bpc-text-fainter:      rgba(19,36,28,.64) !important;
  --bpc-text-faintest:     rgba(19,36,28,.46) !important;

  --bpc-input:             #FFFFFF !important;
  --bpc-ring:              #C9A86A !important;
  --bpc-destructive:       #B14A2E !important;

  /* --- Blocksy mirror vars: MUST flip with the bg tokens (inline-emitted in
     <head> AFTER this sheet → !important re-pin is mandatory) --- */
  --theme-palette-color-1: var(--bpc-primary) !important;       /* #001813 forest */
  --theme-palette-color-2: var(--bpc-primary-hover) !important; /* #0E2A20 */
  --theme-palette-color-3: var(--bpc-foreground) !important;    /* #13241C ink */
  --theme-palette-color-4: var(--bpc-text-body) !important;     /* #13241C */
  --theme-palette-color-5: var(--bpc-background) !important;    /* #F6F8F7 page — flips with bg */
  --theme-palette-color-6: var(--bpc-card) !important;          /* #FFFFFF card */
  --theme-palette-color-7: var(--bpc-border) !important;        /* light hairline */
  --theme-palette-color-8: var(--bpc-background-deeper) !important; /* #FFFFFF shell — flips with bg */
  --theme-link-initial-color: var(--bpc-primary) !important;
  --theme-link-hover-color: var(--bpc-primary-hover) !important;
  --theme-text-color: var(--bpc-text-body) !important;
  --theme-heading-color: var(--bpc-foreground) !important;
}

:root {
  /* --- local accents (override the earlier G3 --rts-* set) --- */
  --rts-night:        #001813 !important; /* deepest forest — bands + header (was #15251C) */
  --rts-night-2:      #0E2A20 !important; /* second forest stop / top-strip (was #0F1A12) */
  --rts-gold:         #C9A86A !important; /* gold accent — DARK SURFACES ONLY (was #E6C766) */
  --rts-gold-dim:     rgba(201,168,106,.55) !important;
  --rts-gold-ink:     #8A6A2F;            /* legible gold TEXT on the LIGHT page (AA on white) */
  --rts-warm-white:   #F4EEE2 !important; /* type on dark bands */
  --rts-warm-dim:     rgba(244,238,226,.72) !important; /* secondary type on dark */
  --rts-warm-faint:   rgba(244,238,226,.50) !important;
  --rts-onforest:     #F4EEE2 !important; /* legible text on the forest primary (was pure #FFF; warm-white matches the bands) */

  /* light-mode helpers */
  --rts-page:         #F6F8F7;
  --rts-ink:          #13241C;
  --rts-ink-dim:      rgba(19,36,28,.74);
  --rts-ink-faint:    rgba(19,36,28,.64);
  --rts-line:         rgba(19,36,28,.12);
  --rts-line-soft:    rgba(19,36,28,.07);
  --rts-hairline:     rgba(201,168,106,.20);      /* on dark bands */
  --rts-hairline-soft:rgba(244,238,226,.08);      /* on dark bands */
  --rts-grad-gold:    linear-gradient(100deg,#A8864E 0%,#C9A86A 48%,#F2E2A6 100%);
}

/* ---------------------------------------------------------------------------
   L2. PAGE GROUND — crisp near-white everywhere, forest ink. Adds the faint
   ambient cool/gold pools from the mockup so the white page never reads flat.
   --------------------------------------------------------------------------- */
html, body,
body.woocommerce,
.ct-main-styles, .site, .ct-container {
  background: var(--bpc-background) !important; /* #F6F8F7 */
  color: var(--bpc-foreground) !important;
}
body { color: var(--bpc-foreground) !important; }
/* ambient light depth — faint cool/gold pools (mockup body::before), fixed + behind content */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(120% 80% at 78% -10%, rgba(14,42,32,.05) 0%, rgba(246,248,247,0) 55%),
    radial-gradient(90% 70% at 8% 12%, rgba(201,168,106,.05) 0%, rgba(246,248,247,0) 50%),
    radial-gradient(140% 120% at 50% 120%, rgba(14,42,32,.04) 0%, rgba(246,248,247,0) 60%);
}
/* keep real content above the ambient layer */
#main, .site-content, .ct-main-content, footer.ct-footer, header.ct-header { position: relative; z-index: 1; }

/* selection + scrollbar to the light system */
::selection { background: rgba(201,168,106,.30); color: var(--bpc-foreground); }
::-webkit-scrollbar-track { background: var(--bpc-background) !important; }
::-webkit-scrollbar-thumb { background: rgba(19,36,28,.28) !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(19,36,28,.42) !important; }

/* ---------------------------------------------------------------------------
   L3. MODERN SANS EYEBROWS — replace the vintage Cormorant-SC small-caps with
   a modern uppercase sans. Forest-ink on the light page (gold fails AA on
   white); gold only on the dark bands.
   --------------------------------------------------------------------------- */
.rts-sc,
.rts-eyebrow .rts-sc,
.rts-shead__eyebrow,
.bpc-eyebrow,
.rts-plate-label, .bpc-plate-label,
.rts-trustrow li {
  font-family: var(--bpc-font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: .30em !important;
  text-transform: uppercase !important;
}
/* eyebrow on the LIGHT page → forest ink */
.rts-shead__eyebrow,
.rts-section--cats .rts-shead__eyebrow,
.rts-section--trust .rts-shead__eyebrow,
.rts-shead--center .rts-shead__eyebrow,
.bpc-eyebrow {
  color: var(--bpc-foreground) !important; /* #13241C */
  font-size: 12px !important; letter-spacing: .30em !important;
}
/* eyebrow on a DARK band → gold */
.rts-band .rts-eyebrow .rts-sc,
.rts-hero .rts-eyebrow .rts-sc,
.rts-band__copy .rts-shead__eyebrow,
.on-dark .bpc-eyebrow,
.rts-eyebrow .rts-sc {
  color: var(--rts-gold) !important; /* gold on dark */
}

/* ---------------------------------------------------------------------------
   L4. HEADER — slim DEEP-forest-green bar (#001813), warm-white nav, gold logo.
   Re-pins the earlier body-prefixed forest-glass rule to the v3 stops.
   --------------------------------------------------------------------------- */
body header.ct-header,
body .site-header,
body header[data-row="primary"],
body header.ct-header[data-row="primary"],
body header.ct-header.ct-scrolled,
body .site-header.scrolled,
body header.ct-header [data-row="middle"],
body header.ct-header [data-row="top"] {
  background: rgba(0,24,19,.94) !important; /* #001813 @ .94, slim statement bar */
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--rts-hairline) !important; /* gold-tint hairline */
}
header.ct-header .menu li > a,
header.ct-header [data-id="menu"] a { color: var(--rts-warm-dim) !important; }
header.ct-header .menu li > a:hover,
header.ct-header [data-id="menu"] a:hover { color: var(--rts-warm-white) !important; }
/* active nav pill on the dark bar */
header.ct-header .menu li.current-menu-item > a,
header.ct-header .menu li.current-menu-ancestor > a,
header.ct-header [data-id="menu"] a.current,
header.ct-header [data-id="menu"] .current_page_item a {
  background: rgba(201,168,106,.16) !important; color: var(--rts-warm-white) !important;
}
header.ct-header .menu li > a:hover,
header.ct-header [data-id="menu"] a:hover { background: rgba(201,168,106,.14) !important; }
/* cart count → gold pill, forest ink */
header.ct-header [data-id="cart"] .ct-cart-item-count,
header.ct-header [data-id="cart"] .cart-count { background: var(--rts-gold) !important; color: var(--rts-night) !important; }
/* top-strip stays forest */
.csf-topstrip { background: var(--rts-night-2) !important; color: var(--rts-warm-dim) !important; border-bottom: 1px solid rgba(201,168,106,.16); }

/* ---------------------------------------------------------------------------
   L5. HERO — DEEP forest-green statement band (#001813). Repaint the scrim +
   the legacy .bpc-hero overlay to the v3 stops; keep type warm-white + gold.
   --------------------------------------------------------------------------- */
.rts-hero { background: var(--rts-night) !important; } /* #001813 */
.rts-hero__scrim {
  background:
    linear-gradient(90deg, rgba(0,24,19,.92) 0%, rgba(14,42,32,.70) 40%, rgba(14,42,32,.12) 66%, rgba(14,42,32,0) 82%),
    radial-gradient(120% 90% at 78% 30%, rgba(0,24,19,0) 42%, rgba(0,24,19,.5) 100%) !important;
}
/* hero ambient pools (carry depth on the dark band) */
.rts-hero::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(120% 90% at 80% -12%, rgba(17,72,57,.6) 0%, rgba(0,24,19,0) 58%),
    radial-gradient(90% 80% at 6% 16%, rgba(13,50,40,.5) 0%, rgba(0,24,19,0) 55%);
}
.rts-display { color: var(--rts-warm-white) !important; }
.rts-display__gild { color: var(--rts-gold) !important; }
.rts-lede { color: var(--rts-warm-dim) !important; }
.rts-trustrow { border-top-color: var(--rts-hairline) !important; }
.rts-trustrow li { color: var(--rts-warm-white) !important; }
.rts-trustrow li::before { background: var(--rts-gold) !important; }
.rts-figcaption { color: var(--rts-gold) !important; }
/* legacy .bpc-hero overlay (if any page still emits it) → deep forest */
.bpc-hero__overlay {
  background: linear-gradient(to right, rgba(0,24,19,.92) 0%, rgba(14,42,32,.55) 70%, rgba(14,42,32,.2) 100%) !important;
}
.bpc-hero__content, .bpc-hero__headline { color: var(--rts-warm-white) !important; }

/* ---------------------------------------------------------------------------
   L6. SECTION SHELLS — light body on the crisp page; KILL the cream shells.
   --------------------------------------------------------------------------- */
.rts-section,
.rts-section--cats,
.rts-section--featured { background: var(--bpc-background) !important; } /* #F6F8F7, was #EDE7DF */
.rts-shead__sub { color: var(--bpc-text-muted) !important; }
.rts-shead__eyebrow { color: var(--bpc-foreground) !important; }
.rts-shead__more,
.rts-section--cats .rts-shead__eyebrow { color: var(--rts-gold-ink) !important; } /* legible gold on light */
.rts-shead__more:hover { color: var(--bpc-primary) !important; }

/* process / trust grid → ink on light, gold marks */
.rts-process__mark { background: var(--rts-gold) !important; }
.rts-process__mark::before { background: var(--rts-gold) !important; }
.rts-process__item strong { color: var(--bpc-foreground) !important; }
.rts-process__item span { color: var(--bpc-text-muted) !important; }

/* the "trust band" tint (mockup .band) — faint forest+gold wash, not cream */
.bpc-section--trust,
.rts-section--trust {
  background: linear-gradient(165deg, rgba(14,42,32,.045) 0%, rgba(201,168,106,.05) 100%) !important;
  border-top: 1px solid var(--rts-line-soft) !important;
  border-bottom: 1px solid var(--rts-line-soft) !important;
}

/* ---------------------------------------------------------------------------
   L7. WHITE CARDS — soft shadow + gold hairline, gold accent + lift on hover.
   Category tiles, product cards, upsell cards, cat-cards.
   --------------------------------------------------------------------------- */
.rts-cat,
.woocommerce ul.products li.product,
.bpc-cat-card,
.csf-upsell-card,
.chrome-card,
.products .product {
  background: var(--bpc-card) !important;          /* white */
  border: 1px solid var(--rts-line) !important;    /* light hairline */
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(19,36,28,.04), 0 18px 40px -28px rgba(19,36,28,.30) !important; /* soft shadow */
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important;
}
.rts-cat:hover,
.woocommerce ul.products li.product:hover,
.bpc-cat-card:hover,
.csf-upsell-card:hover,
.chrome-card:hover,
.products .product:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(201,168,106,.55) !important; /* gold hairline on hover */
  box-shadow: 0 4px 8px rgba(19,36,28,.05), 0 30px 60px -30px rgba(19,36,28,.38) !important;
}
/* gold top-rule revealed on card hover (mockup .glass::before) */
.rts-cat, .woocommerce ul.products li.product { position: relative; }
.rts-cat::before,
.woocommerce ul.products li.product::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 3;
  background: var(--rts-grad-gold); opacity: 0; transition: opacity .35s ease; pointer-events: none;
}
.rts-cat:hover::before,
.woocommerce ul.products li.product:hover::before { opacity: 1; }
.rts-cat__name, .bpc-cat-card__name { color: var(--bpc-foreground) !important; }
.rts-cat__desc, .bpc-cat-card__desc { color: var(--bpc-text-muted) !important; }
.rts-cat__link { color: var(--rts-gold-ink) !important; } /* legible gold link on light */

/* ---------------------------------------------------------------------------
   L8. KILL THE CREAM WELLS + replace mix-blend-mode:multiply with drop-shadow.
   The three offenders: .rts-cat__art (#EFEADD ~1725), product img (#F3EFE6
   ~1801), single gallery (#F3EFE6 ~1847), upsell media (#F3EFE6 ~1872).
   On WHITE the multiply trick muddies the vials — swap to a clean white well
   + a soft drop-shadow so the cut-out vials float crisply.
   --------------------------------------------------------------------------- */
.rts-cat__art { background: #FFFFFF !important; border-bottom: 1px solid var(--rts-line) !important; }

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .wp-post-image {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--rts-line) !important;
  mix-blend-mode: normal !important;                 /* was multiply */
  filter: drop-shadow(0 14px 22px rgba(19,36,28,.16));
}

.single-product .woocommerce-product-gallery {
  background: #FFFFFF !important;
  border: 1px solid var(--rts-line) !important;
}
.single-product .woocommerce-product-gallery img {
  mix-blend-mode: normal !important;                 /* was multiply */
  filter: drop-shadow(0 18px 26px rgba(19,36,28,.18));
}

.csf-upsell-media img {
  background: #FFFFFF !important;
  mix-blend-mode: normal !important;                 /* was multiply */
  filter: drop-shadow(0 8px 14px rgba(19,36,28,.14));
}
/* upsell shell also light, not deeper-sand */
.csf-upsell {
  background: #FFFFFF !important;
  border: 1px solid var(--rts-line) !important;
  box-shadow: 0 1px 2px rgba(19,36,28,.04), 0 18px 40px -28px rgba(19,36,28,.30) !important;
}
.csf-upsell-headline { color: var(--bpc-foreground) !important; }
.csf-upsell-name { color: var(--bpc-foreground) !important; }
.csf-upsell-price { color: var(--rts-gold-ink) !important; }

/* ---------------------------------------------------------------------------
   L9. PRICES — gold-ink on the LIGHT page (raw gold fails AA on white).
   --------------------------------------------------------------------------- */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.single-product div.product p.price,
.single-product div.product span.price,
.rts-cat .price {
  color: var(--rts-gold-ink) !important; /* #8A6A2F — legible gold tone on white (AA) */
}
.woocommerce ul.products li.product .price del { color: var(--bpc-text-faint) !important; }

/* quick-add FAB stays forest with warm-white glyph (AA on #001813) */
.woocommerce ul.products li.product .button.add_to_cart_button { background: var(--bpc-primary) !important; }
.woocommerce ul.products li.product .button.add_to_cart_button:hover { background: var(--bpc-primary-hover) !important; }

/* ---------------------------------------------------------------------------
   L10. FOREST STATEMENT BANDS — COA + CTA repainted to the DEEP #001813 family.
   Glass panels ON the dark bands keep the dark-glass treatment.
   --------------------------------------------------------------------------- */
.rts-band { background: var(--rts-night) !important; } /* #001813 */
.rts-band::after { background: linear-gradient(90deg, rgba(0,24,19,.78), rgba(0,24,19,.4)) !important; }
.rts-band__bg, .rts-band__bg--cta { opacity: .9; } /* art still rides over the forest */
.rts-band__text { color: var(--rts-warm-dim) !important; }
.rts-band__sealtext { color: var(--rts-gold) !important; }
.rts-h2--light { color: var(--rts-warm-white) !important; }
.rts-h2--light em { color: var(--rts-gold) !important; }
.rts-cta__text { color: var(--rts-warm-dim) !important; }

/* COA panel as a dark-glass card sitting on the band (mockup .on-dark .glass) */
.rts-band .glass, .coa-band .glass, .rts-band__copy.glass {
  background: linear-gradient(160deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.018) 100%) !important;
  border: 1px solid var(--rts-hairline-soft) !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 24px 60px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* RUO posture band → quiet LIGHT band (was deeper-sand) */
.rts-section--ruo {
  background: var(--bpc-background) !important; /* #F6F8F7 */
  border-top: 1px solid var(--rts-line-soft) !important;
  border-bottom: 1px solid var(--rts-line-soft) !important;
}
.rts-ruo__rule { background: var(--rts-gold) !important; }
.rts-ruo__title { color: var(--bpc-foreground) !important; }
.rts-ruo__text { color: var(--bpc-text-muted) !important; }
/* RUO italic line (mockup .ruo p) — forest-ink italic serif, AA on light */
.rts-ruo__text, .ruo p { color: var(--bpc-text-muted) !important; }

/* ---------------------------------------------------------------------------
   L11. FEATURED PRODUCTS grid background → light page.
   --------------------------------------------------------------------------- */
body.home .wp-block-shortcode .woocommerce,
body.home .entry-content > .woocommerce { background: var(--bpc-background) !important; }

/* ---------------------------------------------------------------------------
   L12. FOOTER — DEEP forest-green band (#001813 → #0E2A20 gradient), gold
   headings, warm-white links. Re-pin to the v3 stops.
   --------------------------------------------------------------------------- */
footer.ct-footer, .site-footer {
  background: linear-gradient(180deg, #021A14, #00120E) !important; /* deep forest gradient from mockup */
  border-top: 1px solid var(--rts-hairline-soft) !important;
}
footer.ct-footer::before, .site-footer::before { display: none !important; }
.csf-bigfoot { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot, .site-footer .csf-bigfoot { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot__name, .site-footer .csf-bigfoot__name { color: var(--rts-warm-white) !important; }
footer.ct-footer .csf-bigfoot__brand p, .site-footer .csf-bigfoot__brand p { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot__col h2,
footer.ct-footer .csf-bigfoot__col h3,
footer.ct-footer .csf-bigfoot__col h4,
.site-footer .csf-bigfoot__col h2,
.site-footer .csf-bigfoot__col h3,
.site-footer .csf-bigfoot__col h4 {
  font-family: var(--bpc-font-sans) !important;      /* modern sans heading, not Cormorant SC */
  letter-spacing: .18em !important;
  color: var(--rts-gold) !important;                  /* gold-on-deep-forest ≈ AA */
}
footer.ct-footer .csf-bigfoot__col a,
.site-footer .csf-bigfoot__col a { color: var(--rts-warm-dim) !important; }
footer.ct-footer .csf-bigfoot__col a:hover,
.site-footer .csf-bigfoot__col a:hover { color: var(--rts-gold-hi, #F2E2A6) !important; }
footer.ct-footer .csf-bigfoot__bar, .site-footer .csf-bigfoot__bar {
  border-top: 1px solid var(--rts-hairline-soft) !important; color: var(--rts-warm-faint) !important;
}

/* ---------------------------------------------------------------------------
   L13. MOBILE BOTTOM BAR — deep forest, gold badge (re-pin to v3 stops).
   --------------------------------------------------------------------------- */
.csf-bbar {
  background: linear-gradient(180deg, rgba(0,24,19,.97), rgba(14,42,32,.97)) !important;
  border-top: 1px solid rgba(201,168,106,.22) !important;
}
.csf-bbar__i { color: var(--rts-warm-dim) !important; }
.csf-bbar__i:hover, .csf-bbar__i:active, .csf-bbar .csf-ic { color: var(--rts-warm-white) !important; }
.csf-badge { background: var(--rts-gold) !important; color: var(--rts-night) !important; }

/* ---------------------------------------------------------------------------
   L14. BUTTONS — light system. Gold gradient primary, ink/line ghost on light,
   warm-white/gold ghost on dark bands. Keep forest fill where it's used.
   --------------------------------------------------------------------------- */
/* primary forest buttons keep warm-white text (AA on #001813) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce #place_order,
.button:not(.bpc-outlined):not(.wp-block-button__link), button.bpc-primary,
input[type="submit"].button { color: var(--rts-onforest) !important; }
/* outlined / ghost on light → ink + light line, gold on hover */
.button.bpc-outlined, a.bpc-outlined,
.rts-section--cats .rts-btn--ghost, .rts-section--ruo .rts-btn--ghost {
  background: transparent !important; color: var(--bpc-foreground) !important;
  border: 1px solid var(--rts-line) !important;
}
.button.bpc-outlined:hover,
.rts-section--cats .rts-btn--ghost:hover {
  border-color: var(--rts-gold) !important; color: var(--rts-gold-ink) !important;
  background: rgba(201,168,106,.07) !important;
}
/* ghost button ON a dark band → warm-white + gold-tint line */
.rts-band .rts-btn--ghost, .rts-hero .rts-btn--ghost {
  color: var(--rts-warm-white) !important; border-color: var(--rts-hairline) !important; background: rgba(201,168,106,.05) !important;
}
.rts-band .rts-btn--ghost:hover, .rts-hero .rts-btn--ghost:hover {
  border-color: var(--rts-gold) !important; color: var(--rts-gold-hi, #F2E2A6) !important; background: rgba(201,168,106,.06) !important;
}
/* light pill button (mockup .rts-btn--light) on dark bands keeps warm-white fill */
.rts-btn--light { background: var(--rts-warm-white) !important; color: var(--bpc-primary) !important; }
.rts-btn--light:hover { background: #fff !important; }

/* ---------------------------------------------------------------------------
   L15. FORMS / INPUTS — white fields, light hairline, gold focus ring, ink text.
   --------------------------------------------------------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type="text"]:not(.search-field), input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="search"], textarea, select {
  background: #FFFFFF !important;
  border: 1px solid var(--rts-line) !important;
  color: var(--bpc-foreground) !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus,
textarea:focus, select:focus,
.woocommerce form .form-row input.input-text:focus {
  outline: 2px solid var(--rts-gold) !important; outline-offset: 2px;
  border-color: var(--bpc-primary) !important;
}
::placeholder { color: var(--bpc-text-faint) !important; }
.woocommerce form .form-row label, .woocommerce-form label { color: var(--bpc-text-muted) !important; }

/* notices on the light page → white card, forest accent, ink text */
.woocommerce-info, .woocommerce-message, .woocommerce-error {
  background: #FFFFFF !important; color: var(--bpc-text-body) !important;
  border-left: 4px solid var(--bpc-primary) !important;
  box-shadow: 0 1px 2px rgba(19,36,28,.04), 0 18px 40px -28px rgba(19,36,28,.30) !important;
}
.woocommerce-error { border-left-color: var(--bpc-destructive) !important; }

/* tables / totals / checkout columns → white card on the light page */
.woocommerce table.shop_table,
.woocommerce .cart_totals, .woocommerce-checkout #order_review,
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 {
  background: #FFFFFF !important; border: 1px solid var(--rts-line) !important;
}
.woocommerce table.shop_table th { background: var(--bpc-background) !important; color: var(--bpc-foreground) !important; }

/* size pills → white with forest selected (AA), gold focus */
.bpc-size-pill { background: #FFFFFF !important; border: 1px solid var(--rts-line) !important; color: var(--bpc-text-body) !important; }
.bpc-size-pill:not(.is-selected):hover { border-color: var(--rts-gold) !important; color: var(--bpc-foreground) !important; }
.bpc-size-pill.is-selected { background: var(--bpc-primary) !important; border-color: var(--bpc-primary) !important; color: var(--rts-onforest) !important; box-shadow: 0 0 0 4px rgba(201,168,106,.22) !important; }
.bpc-size-pill.is-selected .bpc-size-pill__price { color: rgba(244,238,226,.82) !important; }
.bpc-size-pill:focus-visible { outline: 2px solid var(--rts-gold) !important; }

/* single-product tabs → light, forest active */
.single-product .woocommerce-tabs ul.tabs li { background: #FFFFFF !important; border: 1px solid var(--rts-line) !important; }
.single-product .woocommerce-tabs ul.tabs li.active { background: var(--bpc-primary) !important; }
.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--rts-onforest) !important; }
.single-product .quantity input.qty { background: #FFFFFF !important; border: 1px solid var(--rts-line) !important; }

/* ---------------------------------------------------------------------------
   L16. COMPLIANCE SURFACES — keep every .bpc-* / consent / COA surface >= AA on
   the LIGHT page. These ride the flipped tokens; pinned here for safety.
   --------------------------------------------------------------------------- */
.bpc-disclaimer {
  background: #FFFFFF !important; border-left: 3px solid var(--bpc-primary) !important;
  color: var(--bpc-text-body) !important; /* ink on white = AA (was warm-dim from footer rule; that only applies in footer scope) */
}
.bpc-disclaimer strong { color: var(--bpc-foreground) !important; }
/* the compliance disclaimer that renders inside the forest FOOTER stays warm-white */
footer.ct-footer .bpc-disclaimer, .site-footer .bpc-disclaimer { background: transparent !important; color: var(--rts-warm-dim) !important; }
.bpc-consent-wrap { background: #FFFFFF !important; border: 1px solid var(--rts-line) !important; }
.bpc-consent-wrap label { color: var(--bpc-text-body) !important; }
.bpc-coa-block { background: #FFFFFF !important; border: 1px solid var(--rts-line) !important; }
.bpc-coa-block .bpc-coa-label { color: var(--bpc-text-muted) !important; }
.bpc-coa-block .bpc-coa-cta { background: var(--bpc-primary) !important; color: var(--rts-onforest) !important; }
.bpc-coa-block.is-pending .bpc-coa-cta { background: var(--bpc-background) !important; color: var(--bpc-text-muted) !important; }
/* assistant fine-print on its light panel → darker olive/ink for AA */
.csf-asst-fine { color: var(--bpc-text-faint) !important; }
/* checkout consent checkbox: white box on forest hairline, gold focus (kept) */
.woocommerce-checkout form.checkout input[type="checkbox"],
.woocommerce form .form-row input[type="checkbox"],
#csf-atc-ruo-box, input#csf_ruo, input[name="csf_ruo"], input#terms,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  background: #FFFFFF !important; border: 2px solid var(--bpc-primary) !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text,
.csf-ruo-label, label[for="csf_ruo"], #csf-atc-ruo-label { color: var(--bpc-text-body) !important; }

/* ---------------------------------------------------------------------------
   L17. NON-HOME PAGE/ARCHIVE HEROES — repaint the forest scrim to #001813.
   --------------------------------------------------------------------------- */
body:not(.home):not(.single-product) .entry-header,
body:not(.home):not(.single-product) header.entry-header,
.woocommerce-page:not(.single-product) .woocommerce-products-header,
body.archive .page-header,
body.search .page-header {
  background-color: var(--rts-night) !important; /* #001813 */
  background-image:
    linear-gradient(90deg, rgba(0,24,19,.86), rgba(14,42,32,.5)),
    url("/wp-content/uploads/2026/06/ambient-forest-band.webp") !important;
  border-bottom: 1px solid rgba(201,168,106,.18) !important;
}
body:not(.home):not(.single-product) .entry-header .page-title,
body:not(.home):not(.single-product) .entry-header h1,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header .page-title { color: var(--rts-warm-white) !important; }
.woocommerce-page .woocommerce-products-header .term-description,
.woocommerce-page .woocommerce-products-header .woocommerce-result-count,
body:not(.home):not(.single-product) .entry-header .page-description { color: var(--rts-warm-dim) !important; }
body:not(.home):not(.single-product) .entry-header::after,
.woocommerce-page .woocommerce-products-header::after { background: var(--rts-gold) !important; }

/* ---------------------------------------------------------------------------
   L18. sRGB FALLBACK — pin the light hexes for ~3% of browsers w/o oklch.
   (The earlier @supports block set the cream palette; re-pin to light here.)
   --------------------------------------------------------------------------- */
@supports not (color: oklch(0% 0 0)) {
  :root {
    --bpc-background:        #F6F8F7;
    --bpc-background-deeper:  #FFFFFF;
    --bpc-foreground:        #13241C;
    --bpc-card:              #FFFFFF;
    --bpc-card-image-well:   #FFFFFF;
    --bpc-secondary:         #FFFFFF;
    --bpc-accent:            #C9A86A;
    --bpc-muted:             #FFFFFF;
    --bpc-muted-fg:          #3A4A40;
    --bpc-border-subtle:     rgba(19,36,28,.07);
    --bpc-border:            rgba(19,36,28,.12);
    --bpc-border-strong:     rgba(19,36,28,.18);
    --bpc-border-hover:      #C9A86A;
    --bpc-primary:           #001813;
    --bpc-primary-hover:     #0E2A20;
    --bpc-text-body:         #13241C;
    --bpc-text-muted:        rgba(19,36,28,.74);
    --bpc-text-faint:        rgba(19,36,28,.64);
    --bpc-text-fainter:      rgba(19,36,28,.64);
    --bpc-text-faintest:     rgba(19,36,28,.46);
    --bpc-input:             #FFFFFF;
    --bpc-ring:              #C9A86A;
    --bpc-destructive:       #B14A2E;
  }
}

/* ---------------------------------------------------------------------------
   L19. REDUCED MOTION — the new card ::before fade + lift resolve to stillness.
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .rts-cat, .woocommerce ul.products li.product, .csf-upsell-card, .bpc-cat-card { transition: none !important; }
  .rts-cat::before, .woocommerce ul.products li.product::before { transition: none !important; }
}

/* ---------------------------------------------------------------------------
   L20. FIX-PASS 2 (2026-06-13) — per-section page-header art + home title harden.
   The default .page-header band is ambient-tide-band (wave/hex) for all non-home
   pages; these selectors swap in the matching art-v3 section hero per surface.
   The forest scrim gradient is retained so warm-white type stays AA on every art.
   --------------------------------------------------------------------------- */
/* Shop archive + every product-category archive → hero-shop.
   Targets the same elements as the L17 band rule (.entry-header /
   .woocommerce-products-header). The L17 generic rule uses two :not()
   pseudo-classes, so each per-section selector below repeats them to clear
   that specificity (0,3,x) and win as the later, equal-or-higher rule. */
html body.post-type-archive-product:not(.home):not(.single-product) .woocommerce-products-header,
html body.post-type-archive-product:not(.home):not(.single-product) .entry-header,
html body.tax-product_cat:not(.home):not(.single-product) .woocommerce-products-header,
html body.tax-product_cat:not(.home):not(.single-product) .entry-header {
  background-image:
    linear-gradient(90deg, rgba(0,24,19,.86), rgba(14,42,32,.5)),
    url("/wp-content/uploads/2026/06/hero-shop.webp") !important;
}
/* Affiliate program pages → hero-affiliate */
html body.page-id-133:not(.home):not(.single-product) .entry-header,   /* /affiliates/       */
html body.page-id-134:not(.home):not(.single-product) .entry-header,   /* /affiliate-portal/ */
html body.page-id-135:not(.home):not(.single-product) .entry-header {  /* /affiliate-terms/  */
  background-image:
    linear-gradient(90deg, rgba(0,24,19,.86), rgba(14,42,32,.5)),
    url("/wp-content/uploads/2026/06/hero-affiliate.webp") !important;
}
/* COA / compliance surface → hero-compliance */
html body.page-id-91:not(.home):not(.single-product) .entry-header {   /* /coa-library/ */
  background-image:
    linear-gradient(90deg, rgba(0,24,19,.86), rgba(14,42,32,.5)),
    url("/wp-content/uploads/2026/06/hero-compliance.webp") !important;
}
/* About → hero-about */
html body.page-id-78:not(.home):not(.single-product) .entry-header {   /* /about/ */
  background-image:
    linear-gradient(90deg, rgba(0,24,19,.86), rgba(14,42,32,.5)),
    url("/wp-content/uploads/2026/06/hero-about.webp") !important;
}
/* HOME title-strip harden — the orphaned h1.page-title not covered above. The
   .hero-section wrapper is already display:none; this is a belt-and-suspenders
   pin so no "Home" string can ever render above the custom .rts-hero. */
body.home .hero-section,
body.home .hero-section .entry-header,
body.home h1.page-title { display: none !important; }
/* ===================== END G3 LIGHT-MODE CONVERSION ===================== */

/* === FIX: announcement strip was run-together (no flex) + oversized === */
.csf-topstrip {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
  padding: 7px 28px !important;
  font-size: 12.5px !important;
  letter-spacing: .04em !important;
  line-height: 1.45 !important;
}
.csf-topstrip > span { white-space: nowrap; }
@media (max-width: 680px) {
  .csf-topstrip { justify-content: center !important; text-align: center; padding: 6px 14px !important; font-size: 11.5px !important; }
  .csf-topstrip__right { display: none !important; }
}

/* === FIX: header was light-on-light (nav invisible) + a stray cream block. Make it a slim dark-green bar so the gold logo pops + nav is legible. === */
header.ct-header, .site-header,
header.ct-header [data-row="middle"], header.ct-header [data-row="top"], header.ct-header [data-row] {
  background-color: #0E2A20 !important;
}
header.ct-header [data-id], header.ct-header .ct-container, header.ct-header .ct-header-text, header.ct-header > div {
  background-color: transparent !important;
  background-image: none !important;
}
header.ct-header { border-bottom: 1px solid rgba(201,168,106,.22) !important; }
header.ct-header [data-id="menu"] a, header.ct-header .menu li > a,
header.ct-header .ct-header-text [data-id="menu"] a {
  color: #F4EEE2 !important;
}
header.ct-header [data-id="menu"] a:hover, header.ct-header .menu li > a:hover,
header.ct-header .menu li.current-menu-item > a, header.ct-header .menu li.current-menu-ancestor > a {
  color: #C9A86A !important;
}
header.ct-header svg, header.ct-header [data-id="cart"] .ct-button-text,
header.ct-header .ct-toggle-dropdown-mobile { color: #F4EEE2 !important; fill: #F4EEE2 !important; }
header.ct-header [data-id="cart"]:hover svg, header.ct-header [data-id="searchbox"]:hover svg { color: #C9A86A !important; fill: #C9A86A !important; }
header.ct-header [data-id="cart"] .ct-cart-item-count, header.ct-header .cart-count { background: #C9A86A !important; color: #001813 !important; }
header.ct-header [data-row="middle"] > *, header.ct-header [data-column], header.ct-header [data-items], header.ct-header .ct-header-text > * { background-color: transparent !important; }
header.ct-header .ct-menu-link, header.ct-header [data-id="menu"] a, header.ct-header .menu li > a { background: transparent !important; background-color: transparent !important; }
header.ct-header .menu li.current-menu-item > a, header.ct-header .menu li.current_page_item > a, header.ct-header .ct-menu-link[aria-current] { color: #C9A86A !important; }
header.ct-header .ct-menu-link::before, header.ct-header .ct-menu-link::after,
header.ct-header .menu li > a::before, header.ct-header .menu li > a::after,
header.ct-header [data-id="menu"] a::before, header.ct-header [data-id="menu"] a::after {
  background: transparent !important; background-color: transparent !important;
}
body header.ct-header, body header.ct-header [data-row], body header.ct-header [data-row="middle"],
body header.ct-header [data-row="middle"] [data-column], body header.ct-header .ct-container {
  background: #001813 !important; background-image: none !important;
}
body header.ct-header, body header.ct-header [data-row], body header.ct-header [data-row="middle"],
body header.ct-header [data-row="middle"]::before, body header.ct-header [data-row="middle"]::after {
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  background: #001813 !important; opacity: 1 !important; box-shadow: none !important;
}
body header.ct-header [data-row="middle"]::before, body header.ct-header [data-row="middle"]::after { content: none !important; }

/* === hero: vial on a clean lit disc (edges melt into the light, premium product pedestal) === */
.rts-hero .rts-monogram__ring { opacity:.5 !important; }
.rts-hero .rts-monogram__glow {
  background:
    radial-gradient(circle at 50% 47%, #F8F6F0 0%, rgba(245,241,232,.94) 30%, rgba(238,233,222,.42) 52%, rgba(238,233,222,.06) 66%, rgba(238,233,222,0) 72%) !important;
  width: 430px !important; height: 430px !important;
  box-shadow: 0 30px 70px rgba(0,0,0,.45) !important;
}
.rts-hero .rts-monogram__vessel { filter: drop-shadow(0 20px 26px rgba(19,36,28,.30)) !important; }
.rts-hero .rts-monogram::after { content:""; position:absolute; left:50%; bottom:14%; transform:translateX(-50%); width:38%; height:16px; border-radius:50%; background:radial-gradient(ellipse at center, rgba(19,36,28,.28) 0%, rgba(19,36,28,0) 72%); z-index:1; pointer-events:none; }

/* === V.1 (2026-06-24): authoritative kill of the active-nav gold pill =========
 * Active item = li.current-menu-item > a.ct-menu-link. Earlier rules (C1 ~L348
 * var(--bpc-accent); L3 ~L1453 rgba(230,199,102,.16)) paint a gold pill at
 * specificity (0,3,3) that the later .ct-menu-link transparent rule (0,2,3)
 * cannot beat under !important. This matches at (0,4,3) and is last -> wins.
 * v3 active state = gold TEXT + underline only; no background block. */
header.ct-header .menu li.current-menu-item > a.ct-menu-link,
header.ct-header .menu li.current-menu-ancestor > a.ct-menu-link,
header.ct-header .menu li.current_page_item > a.ct-menu-link,
header.ct-header .ct-menu-link[aria-current] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}


/* === FluentForm brand styling (contact) — v3 green-ocean, kills default blue === */
.fluentform label { color: var(--bpc-text-body) !important; }
.fluentform input[type=text], .fluentform input[type=email], .fluentform textarea, .fluentform .ff-el-form-control {
  background:#fff !important; border:1px solid var(--bpc-border, rgba(19,36,28,.18)) !important;
  border-radius:.4rem !important; color: var(--bpc-text-body) !important;
}
.fluentform input:focus, .fluentform textarea:focus, .fluentform .ff-el-form-control:focus {
  border-color: var(--bpc-accent,#C9A86A) !important; box-shadow:0 0 0 3px rgba(201,168,106,.18) !important; outline:none !important;
}
.fluentform .ff-btn-submit, .fluentform button[type=submit], .fluentform .ff_btn_style {
  background: var(--bpc-primary,#001813) !important; background-image:none !important; color:#F4EEE2 !important;
  border:0 !important; border-radius:.42rem !important; padding:.72rem 1.7rem !important; font-weight:600 !important; letter-spacing:.01em !important;
  transition: background .2s, color .2s !important;
}
.fluentform .ff-btn-submit:hover, .fluentform button[type=submit]:hover { background: var(--bpc-accent,#C9A86A) !important; color:#001813 !important; }


/* === V.7 AA robustness — solid dark base under warm-white text on gradient/raster bands === */
.ct-footer { background-color: #001813 !important; }
.rts-ruo, .rts-cta__band, .rts-statement--dark, [class*="band--dark"] { background-color: #0E2A20; }


/* === Z: CINEMA — homepage scroll morph (BPC-157 -> GHK-Cu) ====================
   Per-client positioning for the owned cinema engine (library/cinema-engine).
   The engine's own CSS owns the stage/scene/scroll-lock mechanics; this block
   only positions the RTS scene copy over the film and tunes the legibility
   scrim. EVERY rule is scoped to html.csf-cinema-on, so the no-JS / crawler
   page (PRISM/SEO) is completely untouched. */

/* WP block layout (.entry-content.is-layout-constrained) caps fixed children
   with max-width + auto margins, which traps the cinema stage and the shop
   sheet inside the content column. Force them back to true full-viewport.
   (General Blocksy/WP-compat fix — belongs in the engine CSS; graduate at K.) */
html.csf-cinema-on .csf-cinema,
html.csf-cinema-on .csf-cinema-shop {
  inset: 0 !important;
  width: auto !important;          /* Blocksy sets width:var(--theme-block-width) on constrained children */
  max-width: none !important;
  margin: 0 !important;
}
/* The fixed cinema + shop collapse the page height, which floats the theme
   footer up into the hero (it wins a stacking race against the z-trapped stage).
   Grow the main content area so the footer parks a viewport below the fold —
   it stays in the DOM (PRISM/SEO read the links), just off the cinema. */
html.csf-cinema-on #main { min-height: 100vh; }

/* Copy column — right side on desktop (the vial sits left in the film) */
html.csf-cinema-on .csf-scene { justify-content: flex-end; }
html.csf-cinema-on .rts-cine {
  width: min(46%, 600px);
  padding: 0 6vw 0 0;
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.15rem;
}
html.csf-cinema-on .rts-cine .rts-display,
html.csf-cinema-on .rts-cine .rts-lede { margin: 0; }
html.csf-cinema-on .rts-cine .rts-lede { max-width: 46ch; }
html.csf-cinema-on .rts-cine .rts-hero__ctas { margin-top: .35rem; }
html.csf-cinema-on .rts-cine .rts-trustrow { margin-top: .5rem; }
.rts-display--sm { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
/* Cinema BPC hero: cap the display size so the full headline fits below the header */
html.csf-cinema-on #scene-bpc .rts-display { font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.08; }

/* BPC hero — right-weighted scrim (clear over the vial, dark under the copy) */
html.csf-cinema-on #scene-bpc { --csf-scene-overlay: linear-gradient(90deg, transparent 28%, rgba(0,18,13,.62) 92%); }

/* GHK beat — short epigram, bottom-centred so copy NEVER crosses the vial */
html.csf-cinema-on #scene-ghk {
  justify-content: center; align-items: flex-end;
  --csf-scene-overlay: linear-gradient(0deg, rgba(0,18,13,.90) 0%, rgba(0,18,13,.52) 30%, transparent 58%);
}
html.csf-cinema-on #scene-ghk .rts-cine { width: 100%; max-width: 760px; padding: 0 6vw 11vh; align-items: center; text-align: center; gap: 1rem; }
.rts-eyebrow--center { display: flex; align-items: center; justify-content: center; gap: .6rem; }
.rts-cine__statement {
  font-family: var(--bpc-font-serif, 'EB Garamond', Georgia, serif);
  font-weight: 500; font-size: clamp(2rem, 4.6vw, 3.5rem); line-height: 1.12; margin: 0; color: #F4EEE2;
}
.rts-cine__statement em { font-style: italic; color: var(--bpc-accent, #C9A86A); }

/* Scroll cue under the first hero */
.rts-cine__cue { display:flex; align-items:center; gap:.5rem; margin-top:1.4rem; opacity:.8; }
.rts-cine__cue .rts-sc { letter-spacing:.22em; font-size:.72rem; }
.rts-cine__cuearrow { display:inline-block; color: var(--bpc-accent,#C9A86A); animation: rts-cue 1.8s ease-in-out infinite; }
@keyframes rts-cue { 0%,100%{ transform:translateY(0); opacity:.55 } 50%{ transform:translateY(4px); opacity:1 } }
@media (prefers-reduced-motion: reduce){ .rts-cine__cuearrow { animation:none } }

/* Mobile (<=880px) — vial-centred crop plays; copy drops to a bottom card */
@media (max-width: 880px) {
  html.csf-cinema-on .csf-scene { align-items: flex-end; justify-content: center; }
  html.csf-cinema-on .rts-cine {
    width: 100%; padding: 0 7vw 15vh; align-items: center; text-align: center; gap: .9rem;
  }
  html.csf-cinema-on .rts-cine .rts-lede { max-width: 38ch; }
  html.csf-cinema-on .rts-cine .rts-trustrow { display: none; }
  /* BPC mobile: bottle up top, copy on a SOLID forest panel below — zero label ghosting */
  html.csf-cinema-on #scene-bpc { background-position: 20% 16%; --csf-scene-overlay: transparent; }
  html.csf-cinema-on #scene-bpc .rts-cine {
    width: 100%; margin: 0; padding: 9vh 7vw 15vh;
    background: linear-gradient(0deg, #001813 0%, #001813 74%, rgba(0,24,19,.90) 87%, rgba(0,24,19,0) 100%);
  }
  /* GHK mobile: short epigram over a soft bottom scrim (bottle stays a backdrop) */
  html.csf-cinema-on #scene-ghk { background-position: 24% center; --csf-scene-overlay: linear-gradient(0deg, rgba(0,18,13,.92) 4%, rgba(0,18,13,.40) 40%, transparent 64%); }
  .rts-cine__cue { display: none; }
}

/* === FIX: RUO disclaimer band was a dark-green "island" box with dark, invisible
   text (line ~2872 gave .rts-ruo a #0E2A20 bg while the title/text used the
   light-theme dark tokens). Make it a clean, readable light band. === */
.rts-section--ruo { background: #F6F8F7 !important; border-top: 1px solid rgba(0,24,19,.10) !important; border-bottom: 1px solid rgba(0,24,19,.10) !important; }
.rts-section--ruo .rts-ruo { background: transparent !important; }
.rts-section--ruo .rts-ruo__rule { background: var(--rts-gold, #C9A86A) !important; }
.rts-section--ruo .rts-ruo__title { color: #13241C !important; }
.rts-section--ruo .rts-ruo__text { color: #46594F !important; }

/* Shop already renders Blocksy's archive hero above the catalog. WooCommerce
   leaves an empty archive header behind; do not paint it as a second hero. */
body.post-type-archive-product .woocommerce-products-header {
  display: none !important;
}

/* The cinema engine maps its shop sheet to Blocksy palette color 7, which is
   translucent forest on RTS. Keep normal homepage content on opaque paper. */
html.csf-cinema-on .csf-cinema-shop {
  background: var(--bpc-background, #F6F8F7) !important;
}

/* Keep the shared logo/navigation header flush with the top of every public
   page. The legacy utility strip duplicated the site-wide RUO notice and left
   a 44px gap above the header (or exposed the cinema scene through that gap). */
.csf-topstrip {
  display: none !important;
}

/* Attach every internal title banner to the shared forest header. Blocksy's
   hero wrapper added a light 64px cap above the artwork, making otherwise
   continuous header/title treatments look like separate components. */
body:not(.home):not(.single-product) .hero-section {
  padding-top: 0 !important;
}