/** Shopify CDN: Minification failed

Line 2581:0 Unexpected "}"

**/
/* =========================================================================
   NEKTR PDP V9.1 — scoped under .nektr-pdp-v9-9
   Client feedback applied Apr 22 2026:
   - Softer palette (#005645 + #8EA792 instead of #0A2118 deep forest)
   - Hero accordion
   - Photo reviews moved up
   - Stats simplified (removed "fewer sick days")
   - "How colostrum works" SVG section added
   - Comparison: "never above 140°F" removed
   - Timeline: 60 days not 90
   - Ingredients: "Whole-Spectrum / First-Day Milking" framing
   ========================================================================= */

html:has(.nektr-pdp-v9-9), body.has-v9-1 { margin: 0; padding: 0; }
.nektr-pdp-v9-9 { margin: 0 !important; padding: 0 !important; }
.nektr-pdp-v9-9 *, .nektr-pdp-v9-9 *::before, .nektr-pdp-v9-9 *::after { box-sizing: border-box; }

/* =========================================================================
   SHOPIFY / CONTAINER CONTRACT
   -------------------------------------------------------------------------
   This PDP is self-contained and works at any container width ≥ 320px.
   When embedded in a Shopify section (<div class="shopify-section"> inside
   the theme's .page-width wrapper), the outer .nektr-pdp-v9-9 root is the
   containment boundary. No 100vw tricks, no negative-margin bleed escapes
   the root. Safe to drop into any Dawn-style theme or Custom Liquid block.

   FOUNDATION RULES — these prevent CSS Grid / Flex blowout when the page
   is rendered inside a narrower container (Shopify two-col layouts, iframe
   theme previews, sidebar-ed PDP variants, etc.):
   ========================================================================= */

/* Hide the Appstle Subscriptions Widget that's required as a theme app
   block for Shopify/Appstle to honor selling_plan in /cart/add.js on this
   alternate template. The block must EXIST in the DOM (otherwise Appstle's
   cart interceptor strips the plan), but we have our own subscribe UI in
   the buybox, so the visible Appstle widget is redundant. visibility:hidden
   + position:absolute + zero size keeps the DOM live for Appstle's runtime
   while making it invisible and taking no layout space.
   DO NOT use display:none — that would unmount the widget and Appstle's
   interceptor would fail to engage (subscription drops to one-time again). */
[id^="shopify-block-"][id*="appstle_subscription_product_page_widget"],
[id^="shopify-block-"][id*="appstle_subscription"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Horizontal containment for negative-margin carousels — applied to the
   sections that actually have wide content, NOT the root. Root-level
   overflow-x: clip can break position: sticky on grandchildren when the
   PDP is rendered inside a Shopify theme wrapper (e.g. Impulse v8).
   The hero section explicitly opts out so its sticky gallery works. */
.nektr-pdp-v9-9 .reviews-top,
.nektr-pdp-v9-9 .all-reviews,
.nektr-pdp-v9-9 .systems,
.nektr-pdp-v9-9 .compare,
.nektr-pdp-v9-9 .gut-wall,
.nektr-pdp-v9-9 .stats,
.nektr-pdp-v9-9 .ingredients,
.nektr-pdp-v9-9 .final-cta { overflow-x: clip; }
.nektr-pdp-v9-9 .hero,
.nektr-pdp-v9-9 .hero-grid { overflow: visible; }

/* Grid blowout prevention: CSS Grid items default to min-width:auto which
   expands the track to intrinsic content size (e.g. a flex row of 80px
   thumbs = 720px). Collapsing to min-width:0 lets 1fr actually mean 1fr. */
.nektr-pdp-v9-9 .hero-grid > *,
.nektr-pdp-v9-9 .buybox > *,
.nektr-pdp-v9-9 .benefit-pills > *,
.nektr-pdp-v9-9 .flavor-grid > *,
.nektr-pdp-v9-9 .purchase-opts > *,
.nektr-pdp-v9-9 .reviews-grid > *,
.nektr-pdp-v9-9 .systems-grid > *,
.nektr-pdp-v9-9 .comp-v2-row > *,
.nektr-pdp-v9-9 .comp-v2-head > *,
.nektr-pdp-v9-9 .shield-grid > *,
.nektr-pdp-v9-9 .works-tabs > *,
.nektr-pdp-v9-9 .layer-row > *,
.nektr-pdp-v9-9 .gpa-row > *,
.nektr-pdp-v9-9 .gpb-captions > *,
.nektr-pdp-v9-9 .gpc-meta > *,
.nektr-pdp-v9-9 .gpd-row > *,
.nektr-pdp-v9-9 .gpe-panel > *,
.nektr-pdp-v9-9 .gpf-grid > *,
.nektr-pdp-v9-9 .gpg-rail > *,
.nektr-pdp-v9-9 .gph-row > *,
.nektr-pdp-v9-9 .gpi-compare > * { min-width: 0; }

/* Long-word safety: only block-level prose containers (headlines + paragraphs)
   get `anywhere` — the most aggressive break mode. Spans / buttons / anchors
   use `break-word` instead, which only breaks if there's no other option AND
   tries to break at word boundaries first. The previous catch-all `anywhere`
   on inline elements was too aggressive — it caused "Included" → "Includ ed"
   and "SAVE 25%" → vertical letter stack at narrow desktop widths. */
.nektr-pdp-v9-9 h1,
.nektr-pdp-v9-9 h2,
.nektr-pdp-v9-9 h3,
.nektr-pdp-v9-9 p { overflow-wrap: anywhere; }
.nektr-pdp-v9-9 a,
.nektr-pdp-v9-9 span,
.nektr-pdp-v9-9 button { overflow-wrap: break-word; }

/* HTML `hidden` attribute hardener.
   The UA stylesheet rule `[hidden] { display: none }` is BEATEN by any author
   rule that sets `display: block/flex/grid/...` on the element (cascade order,
   same specificity). That made the rotating gallery badge stay visible even
   when JS set `el.hidden = true`. This re-asserts hidden inside our scope so
   the JS-driven visibility flag works on every element, not just the ones
   we remembered to add per-element `[hidden]` overrides for. */
.nektr-pdp-v9-9 [hidden] { display: none !important; }

.nektr-pdp-v9-9 {
  --ink: #1a1a1a;
  --teal: #005645;         /* primary green */
  --teal-deep: #004636;    /* hover/pressed */
  --gray-green: #8EA792;   /* softer green (client request) */
  --gray-green-soft: #D7E0D9; /* tint for soft bg sections */
  --cream: #EFEDE8;
  --cream-2: #E4E0D8;
  --gold: #C8A84E;
  --gold-lime: #D4CC3A;
  --rule: #00000018;

  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-feature-settings: "tnum" on, "lnum" on;
  font-variant-numeric: tabular-nums lining-nums;
}

.nektr-pdp-v9-9 img { display: block; max-width: 100%; height: auto; }
.nektr-pdp-v9-9 a { color: inherit; text-decoration: none; }
.nektr-pdp-v9-9 button { font-family: inherit; }
.nektr-pdp-v9-9 .mono { font-family: 'JetBrains Mono', monospace; letter-spacing: 0.04em; }
.nektr-pdp-v9-9 .headline { font-family: 'Archivo Black', sans-serif; font-weight: 400; letter-spacing: -0.01em; line-height: 0.96; text-transform: uppercase; font-feature-settings: "tnum" on, "lnum" on; font-variant-numeric: tabular-nums lining-nums; }
.nektr-pdp-v9-9 .wrap { max-width: 1400px; margin: 0 auto; padding: 0 32px; }

/* ---- Announcement bar ---- */
.nektr-pdp-v9-9 .ann-bar {
  background: var(--teal); color: var(--cream);
  text-align: center; padding: 10px 24px;
  font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
  font-weight: 600;
}
.nektr-pdp-v9-9 .ann-bar span { margin: 0 8px; }

/* ---- Scrolling trust marquee ---- */
.nektr-pdp-v9-9 .marquee {
  background: #fff; color: var(--ink);
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
  overflow: hidden;
}
.nektr-pdp-v9-9 .marquee-track {
  display: flex; gap: 64px; padding: 12px 0;
  white-space: nowrap;
  animation: nektrScroll 38s linear infinite;
}
.nektr-pdp-v9-9 .marquee span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--teal); font-weight: 600;
}
@keyframes nektrScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ========== HERO ========== */
.nektr-pdp-v9-9 .hero {
  padding: 32px 0 48px;
}
.nektr-pdp-v9-9 .hero-grid {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px;
  align-items: start;
}
/* Sticky gallery on desktop — gallery stays, long buy-box scrolls past it.
   Paired with the 760px breakpoint: above 760 → 2-col hero, sticky active. */
@media (min-width: 761px) {
  .nektr-pdp-v9-9 .hero-grid > div:first-child {
    position: sticky;
    top: 24px;
    align-self: start;
  }
}

/* Ship estimate line near ATC */
.nektr-pdp-v9-9 .ship-line {
  display: flex; align-items: center; gap: 8px; margin-top: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(26,26,26,0.75);
}
/* (V9.9) ship-line-above-atc removed per user — in-stock line no longer rendered. */
.nektr-pdp-v9-9 .ship-line .dot-live {
  width: 7px; height: 7px; border-radius: 50%; background: var(--teal);
  animation: nektrPulse 2.2s ease-in-out infinite;
  flex-shrink: 0;
}
.nektr-pdp-v9-9 .gallery-main {
  position: relative; aspect-ratio: 1/1;
  background: var(--cream-2); overflow: hidden;
  border-radius: 4px;
}
.nektr-pdp-v9-9 .gallery-main img {
  width: 100%; height: 100%; object-fit: cover;
}
/* First PS (UNFLAVORED hero) — slightly enlarged so the jar fills more of the
   frame. Scale grows toward the bottom-left (transform-origin top right) so
   the right edge stays anchored where the rotating badge sits. Slight overlap
   with the badge is intentional and acceptable. */
.nektr-pdp-v9-9 .gallery-main img[src*="hero_B1_bright_reveal"] {
  transform: scale(1.10);
  transform-origin: top right;
}
.nektr-pdp-v9-9 .gallery-caption {
  position: absolute; left: 16px; bottom: 16px;
  background: var(--cream); padding: 5px 10px; font-size: 10px;
  letter-spacing: 0.14em; text-transform: uppercase;
  font-family: 'JetBrains Mono', monospace;
}
.nektr-pdp-v9-9 .gallery-counter {
  position: absolute; right: 16px; bottom: 16px;
  background: var(--cream); padding: 5px 10px; font-size: 10px;
  letter-spacing: 0.12em;
  font-family: 'JetBrains Mono', monospace;
}
.nektr-pdp-v9-9 .gal-badge {
  position: absolute; top: 18px; right: 18px; width: 108px; height: 108px;
  display: flex; align-items: center; justify-content: center;
  z-index: 2;
}
.nektr-pdp-v9-9 .gal-badge .ring-text {
  position: absolute; inset: 0; width: 100%; height: 100%;
  animation: nektrRotate 16s linear infinite;
}
.nektr-pdp-v9-9 .gal-badge .ring-text text {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  fill: var(--teal); font-weight: 600;
  /* letter-spacing removed — the textPath uses textLength + lengthAdjust to
     distribute spacing evenly along the circle path at any badge size. */
}
.nektr-pdp-v9-9 .gal-badge .center {
  width: 56px; height: 56px; border-radius: 50%; background: var(--teal);
  color: var(--cream); display: flex; align-items: center; justify-content: center;
  font-family: 'Archivo Black'; font-size: 22px;
}
@keyframes nektrRotate { to { transform: rotate(-360deg); } }

/* Hero meta row (per-serving + bestseller tags) */
.nektr-pdp-v9-9 .hero-meta {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;
}
.nektr-pdp-v9-9 .hero-meta .chip {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase;
  padding: 5px 10px; border-radius: 3px; font-weight: 600;
}
.nektr-pdp-v9-9 .hero-meta .chip.per-serving { background: var(--gold-lime); color: var(--ink); }
.nektr-pdp-v9-9 .hero-meta .chip.best-seller { background: var(--teal); color: var(--cream); }

/* Hero product description paragraph */
.nektr-pdp-v9-9 .hero-desc {
  font-size: 14.5px; line-height: 1.6; color: rgba(26,26,26,0.82);
  margin: 16px 0 8px; max-width: 520px;
}

/* (removed Apr-25) standalone .value-stack — its rows now live inside the
   subscribe panel as .opt-vs (see purchase-opt CSS below). */
/* Thumbs: desktop wraps to 2 rows of 4 (supports 8+ thumbs without cramping) */
.nektr-pdp-v9-9 .thumbs {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px;
}
.nektr-pdp-v9-9 .thumb {
  aspect-ratio: 1/1; padding: 0; cursor: pointer;
  border: 1px solid var(--rule); background: #fff; overflow: hidden; border-radius: 3px;
  transition: border-color .15s;
}
.nektr-pdp-v9-9 .thumb.on { border: 2px solid var(--teal); }
.nektr-pdp-v9-9 .thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Caption + counter overlays — hidden permanently (removed per Apr-24 client feedback) */
.nektr-pdp-v9-9 .gallery-caption,
.nektr-pdp-v9-9 .gallery-counter { display: none !important; }

.nektr-pdp-v9-9 .buybox { display: flex; flex-direction: column; gap: 22px; }
.nektr-pdp-v9-9 .eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.2em; color: var(--teal);
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .h1-main {
  font-size: clamp(40px, 5vw, 56px);
  line-height: 0.94; margin: 12px 0 0;
  color: var(--ink);
}
.nektr-pdp-v9-9 .h1-main .teal { color: var(--teal); }
.nektr-pdp-v9-9 .h1-main .stroke {
  -webkit-text-stroke: 1.5px var(--ink);
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.nektr-pdp-v9-9 .star-row {
  display: flex; align-items: center; gap: 8px; font-size: 13px; margin-top: 14px;
}
.nektr-pdp-v9-9 .star-row .stars { color: var(--gold); letter-spacing: 1px; }
.nektr-pdp-v9-9 .star-row .stock {
  background: var(--teal); color: var(--cream); font-size: 10px; padding: 3px 7px;
  font-family: 'JetBrains Mono', monospace; letter-spacing: 0.12em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .star-row a { text-decoration: underline; text-underline-offset: 3px; }
.nektr-pdp-v9-9 .star-row .dot { opacity: 0.4; }

.nektr-pdp-v9-9 .benefit-pills {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0; padding: 0;
  list-style: none;
}
.nektr-pdp-v9-9 .benefit-pills li {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border: 1px solid var(--rule); background: #fff; font-size: 13px; border-radius: 3px;
}
.nektr-pdp-v9-9 .benefit-pills .icon {
  width: 32px; height: 32px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.nektr-pdp-v9-9 .benefit-pills .icon img {
  width: 100%; height: 100%; display: block; object-fit: contain;
}

.nektr-pdp-v9-9 .section-label {
  display: flex; justify-content: space-between; align-items: baseline;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  margin-bottom: 10px;
}
.nektr-pdp-v9-9 .section-label .meta { opacity: 0.55; }

.nektr-pdp-v9-9 .flavor-grid, .nektr-pdp-v9-9 .purchase-box {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.nektr-pdp-v9-9 .flavor-btn {
  text-align: left; padding: 14px 16px; background: transparent; color: var(--ink);
  border: 1px solid var(--ink); cursor: pointer; border-radius: 3px;
  transition: all 0.15s;
}
.nektr-pdp-v9-9 .flavor-btn.on { background: var(--ink); color: var(--cream); }
.nektr-pdp-v9-9 .flavor-btn .name {
  font-family: 'Archivo Black'; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .flavor-btn .sub { font-size: 11px; opacity: 0.75; margin-top: 3px; }

.nektr-pdp-v9-9 .qty-stepper {
  display: inline-flex; border: 1px solid var(--ink); align-items: center; border-radius: 3px; overflow: hidden;
}
.nektr-pdp-v9-9 .qty-stepper button {
  width: 44px; height: 44px; background: transparent; border: none; cursor: pointer;
  font-family: 'Archivo Black'; font-size: 18px; color: var(--ink);
}
.nektr-pdp-v9-9 .qty-stepper button:disabled { opacity: 0.3; cursor: not-allowed; }
.nektr-pdp-v9-9 .qty-stepper .qty-val {
  width: 64px; height: 44px; display: flex; align-items: center; justify-content: center;
  border-left: 1px solid var(--ink); border-right: 1px solid var(--ink);
  font-family: 'Archivo Black'; font-size: 16px;
}
.nektr-pdp-v9-9 .qty-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.6; margin-top: 8px; letter-spacing: 0.08em; text-transform: uppercase;
}

/* ====== TALLOW VARIANT v4 — editorial typography card + image card ======
   Two pieces:
   (1) .opt-bonus  — typography-only "+ TALLOW BALM" card INSIDE the
       Subscribe option panel. Mirrors V9.9 hero's stroke-text treatment
       so it instantly reads as same brand family. No icon, no border, no
       background — pure editorial typography. Adapts to currentColor.
   (2) .atc-bonus-card — image-based reinforcement card BELOW the ATC
       button. Real tallow balm photo (BALM-01 with bg removed, uploaded as
       nektr-pdp-v9-9-tallow-balm.png), eyebrow + headline + meta, subtle
       gold-lime tint bg + ink hairline border. ARMRA's pattern in V9.9 style. */

/* --- (1) In-Subscribe typography card --- */
.nektr-pdp-v9-9 .opt-bonus {
  margin: 14px 0 8px;
  padding: 14px 0 6px;
  padding-left: 26px; /* aligns under title — radio width + gap */
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.nektr-pdp-v9-9 .opt-bonus-content {
  flex: 1; min-width: 0;
}
.nektr-pdp-v9-9 .opt-bonus-price {
  flex: 0 0 auto;
  display: flex; flex-direction: column; align-items: flex-end;
  gap: 4px;
  padding-top: 18px; /* drop FREE down to align roughly with the headline baseline */
  padding-right: 2px;
}
.nektr-pdp-v9-9 .opt-bonus-price-free {
  font-family: 'Archivo Black', sans-serif;
  font-size: 22px; line-height: 1;
  color: var(--gold-lime);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .opt-bonus-price-strike {
  font-family: 'Archivo Black', sans-serif;
  font-size: 14px; line-height: 1;
  color: currentColor; opacity: 0.55;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
  letter-spacing: 0.02em;
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus-price-free {
  color: #8a6d18; /* darker gold for cream-bg readability when not selected */
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus {
  border-top-color: rgba(26, 26, 26, 0.1);
}
.nektr-pdp-v9-9 .opt-bonus-tail {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.05em; line-height: 1.5;
  color: var(--gold-lime);
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 700;
  /* Default block flow + &nbsp; in markup keeps check inline with first word. */
}
.nektr-pdp-v9-9 .opt-bonus-check {
  display: inline-block;
  font-size: 12px; font-weight: 800;
  color: var(--gold-lime);
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus-tail,
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus-check {
  color: #8a6d18;
}
.nektr-pdp-v9-9 .opt-bonus-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--gold-lime); font-weight: 700;
  margin-bottom: 8px;
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus-eyebrow {
  color: #8a6d18; /* darker gold for cream-bg contrast */
}
.nektr-pdp-v9-9 .opt-bonus-headline {
  font-family: 'Archivo Black', sans-serif;
  font-size: 26px; line-height: 1.05; letter-spacing: 0.01em;
  text-transform: uppercase;
  color: currentColor;
  margin-bottom: 10px;
  display: block;
}
.nektr-pdp-v9-9 .opt-bonus-plus {
  color: var(--gold-lime);
  font-size: 30px;
  margin-right: 6px;
  vertical-align: -1px;
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-bonus-plus {
  color: #8a6d18;
}
.nektr-pdp-v9-9 .opt-bonus-stroke {
  /* Outlined "Balm" — mirrors hero "COLOSTRUM" treatment */
  color: transparent;
  -webkit-text-stroke: 1.5px currentColor;
  margin-left: 4px;
}
.nektr-pdp-v9-9 .opt-bonus-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; letter-spacing: 0.04em; line-height: 1.5;
  color: currentColor; opacity: 0.78;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.nektr-pdp-v9-9 .opt-bonus-value {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px; letter-spacing: 0.06em;
  color: currentColor; opacity: 0.95;
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .opt-bonus-amount {
  font-weight: 700;
}

@media (max-width: 540px) {
  /* Mobile: smaller opt-vs font + tighter line-height + tighter row gap
     (the right column "1 click, no calls" was crowding the left text) */
  .nektr-pdp-v9-9 .purchase-opt .opt-vs { font-size: 10px; gap: 4px; line-height: 1.5; letter-spacing: 0.02em; }
  .nektr-pdp-v9-9 .purchase-opt .opt-vs-row { gap: 8px; }
  .nektr-pdp-v9-9 .opt-bonus { padding-left: 22px; padding-top: 12px; margin-top: 12px; gap: 10px; }
  .nektr-pdp-v9-9 .opt-bonus-eyebrow { font-size: 9.5px; letter-spacing: 0.16em; margin-bottom: 6px; }
  .nektr-pdp-v9-9 .opt-bonus-headline { font-size: 22px; margin-bottom: 8px; }
  .nektr-pdp-v9-9 .opt-bonus-plus { font-size: 26px; }
  .nektr-pdp-v9-9 .opt-bonus-stroke { -webkit-text-stroke-width: 1.2px; }
  .nektr-pdp-v9-9 .opt-bonus-meta { font-size: 11.5px; line-height: 1.4; }
  .nektr-pdp-v9-9 .opt-bonus-value { font-size: 11px; }
  /* Right-side price column on mobile — push left content tighter, free up the gap */
  .nektr-pdp-v9-9 .opt-bonus-price { padding-top: 22px; padding-right: 0; gap: 3px; }
  .nektr-pdp-v9-9 .opt-bonus-price-free { font-size: 18px; letter-spacing: 0.04em; }
  .nektr-pdp-v9-9 .opt-bonus-price-strike { font-size: 12.5px; }
  .nektr-pdp-v9-9 .opt-bonus-tail { font-size: 9.5px; letter-spacing: 0.04em; line-height: 1.45; margin-top: 8px; gap: 4px; }
  .nektr-pdp-v9-9 .opt-bonus-check { font-size: 11px; }
}

/* --- (1b) Price summary block at the bottom of Subscribe option ---
   Anchors the panel with a clear total-value-strike → you-pay-bold
   pattern. Hairline above to separate from the bonus card. */
.nektr-pdp-v9-9 .opt-summary {
  margin: 14px 0 2px;
  padding-left: 26px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  display: flex; flex-direction: column; gap: 6px;
}
.nektr-pdp-v9-9 .purchase-opt.sub:not(.on) .opt-summary {
  border-top-color: rgba(26, 26, 26, 0.1);
}
.nektr-pdp-v9-9 .opt-summary-row {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px;
}
.nektr-pdp-v9-9 .opt-summary-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: currentColor; opacity: 0.72;
}
.nektr-pdp-v9-9 .opt-summary-strike {
  font-family: 'Archivo Black', sans-serif;
  font-size: 16px; opacity: 0.78;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  color: currentColor;
  letter-spacing: 0.02em;
}
.nektr-pdp-v9-9 .opt-summary-pay-row .opt-summary-label {
  opacity: 0.95;
  font-weight: 700;
}
.nektr-pdp-v9-9 .opt-summary-final {
  font-family: 'Archivo Black', sans-serif;
  font-size: 18px;
  color: currentColor;
  letter-spacing: 0.02em;
}
@media (max-width: 540px) {
  /* Match opt-vs left edge precisely (opt-vs has padding-left:26px but its
     mono letter-spacing visually offsets less than opt-summary-label's wider
     0.14em letter-spacing — bumping opt-summary padding-left DOWN to 22px
     compensates and lines them up). */
  .nektr-pdp-v9-9 .opt-summary { padding-left: 22px; padding-top: 10px; margin-top: 12px; }
  .nektr-pdp-v9-9 .opt-summary-label { font-size: 9.5px; letter-spacing: 0.1em; }
  .nektr-pdp-v9-9 .opt-summary-strike { font-size: 14px; }
  .nektr-pdp-v9-9 .opt-summary-final { font-size: 16px; }
}

/* --- (2) Under-ATC image card v5 — ARMRA "FREE MEMBER GIFTS" treatment in V9.9 style ---
   Larger photo on right that anchors the card visually. Prominent lime
   badge top-left. Bold Archivo Black product name + inline value statement
   in teal. Mono meta line below. No white bg behind photo — transparent PNG
   renders against the card's subtle gold tint. Border + bg create a real
   "highlighted notice" presence, not a small reminder. */
.nektr-pdp-v9-9 .atc-bonus-card {
  margin: 16px 0 18px;
  display: flex; align-items: stretch;
  border: 1px solid var(--ink);
  background: rgba(218, 173, 65, 0.1);
  border-radius: 4px;
  overflow: hidden;
  min-height: 120px;
}
.nektr-pdp-v9-9 .atc-bonus-content {
  flex: 1; min-width: 0;
  padding: 14px 14px 14px 16px;
  display: flex; flex-direction: column; gap: 8px;
  justify-content: center;
}
.nektr-pdp-v9-9 .atc-bonus-badge {
  display: inline-block; align-self: flex-start;
  background: var(--gold-lime);
  color: var(--ink);
  padding: 5px 12px; border-radius: 2px;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  font-weight: 800;
}
.nektr-pdp-v9-9 .atc-bonus-headline {
  font-family: 'Archivo Black', sans-serif;
  font-size: 17px; line-height: 1.2; letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ink);
}
.nektr-pdp-v9-9 .atc-bonus-value {
  display: flex; align-items: baseline; gap: 8px;
  flex-wrap: wrap;
}
.nektr-pdp-v9-9 .atc-bonus-amount {
  font-family: 'Archivo Black', sans-serif;
  font-size: 16px;
  color: var(--teal);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .atc-bonus-sep {
  color: rgba(26, 26, 26, 0.35);
  font-size: 12px;
}
.nektr-pdp-v9-9 .atc-bonus-included {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.06em;
  color: rgba(26, 26, 26, 0.7);
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .atc-bonus-foot {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.05em; line-height: 1.5;
  color: var(--teal); /* dark turquoise — matches brand, reads against gold-tinted card */
  font-weight: 700;
  text-transform: uppercase;
  /* Default block flow — checkmark span sits inline with text. Combined with
     &nbsp; in markup between check and first word, prevents the check from
     ever wrapping to its own line on narrow viewports. */
}
.nektr-pdp-v9-9 .atc-bonus-check {
  display: inline-block;
  font-weight: 800;
  color: var(--teal);
}
.nektr-pdp-v9-9 .atc-bonus-photo {
  flex: 0 0 150px;
  background: transparent; /* image's own gradient bg matches card → seamless blend */
  display: block;
  padding: 0;
  overflow: hidden;
  position: relative;
  align-self: stretch;
}
.nektr-pdp-v9-9 .atc-bonus-photo img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 540px) {
  .nektr-pdp-v9-9 .atc-bonus-card { min-height: 110px; }
  .nektr-pdp-v9-9 .atc-bonus-content { padding: 12px 10px 12px 14px; gap: 6px; }
  .nektr-pdp-v9-9 .atc-bonus-badge { font-size: 10px; padding: 4px 10px; letter-spacing: 0.16em; }
  .nektr-pdp-v9-9 .atc-bonus-headline { font-size: 14.5px; }
  .nektr-pdp-v9-9 .atc-bonus-amount { font-size: 14px; }
  .nektr-pdp-v9-9 .atc-bonus-foot { font-size: 9.5px; line-height: 1.45; gap: 4px; }
  .nektr-pdp-v9-9 .atc-bonus-photo { flex: 0 0 130px; padding: 0; }
}

.nektr-pdp-v9-9 .purchase-opts { border: 1px solid var(--ink); border-radius: 3px; overflow: hidden; }
.nektr-pdp-v9-9 .purchase-opt {
  width: 100%; display: flex; justify-content: space-between; align-items: center;
  padding: 16px; background: transparent; color: var(--ink);
  border: none; cursor: pointer; text-align: left;
  border-bottom: 1px solid var(--ink);
}
/* Subscribe variant is column-stacked: top row (title + price) | value-stack rows below */
.nektr-pdp-v9-9 .purchase-opt.sub {
  flex-direction: column; align-items: stretch; gap: 10px;
}
.nektr-pdp-v9-9 .purchase-opt.sub .opt-top {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
}
.nektr-pdp-v9-9 .purchase-opt.sub .opt-title-row {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  min-width: 0; flex: 1 1 auto;
}
.nektr-pdp-v9-9 .purchase-opt.sub .opt-title-main {
  display: inline-flex; align-items: center; gap: 10px; min-width: 0;
}
.nektr-pdp-v9-9 .purchase-opt.sub .opt-price-col {
  text-align: right; flex: 0 0 auto;
}
.nektr-pdp-v9-9 .purchase-opt:last-child { border-bottom: none; }
.nektr-pdp-v9-9 .purchase-opt.on.sub { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .purchase-opt.on.one { background: var(--ink); color: var(--cream); }
/* Disabled state — purchase option not eligible for the current variant
   (e.g. variant has no Appstle selling-plan attached). Visual cue + cursor
   change; JS click handler also early-returns. */
.nektr-pdp-v9-9 .purchase-opt.disabled {
  opacity: 0.45; cursor: not-allowed; pointer-events: none;
}
.nektr-pdp-v9-9 .purchase-opt.disabled::after {
  content: 'Subscription not available for this flavor';
  display: block; font-family: 'JetBrains Mono', monospace; font-size: 10.5px;
  letter-spacing: 0.06em; color: rgba(176, 64, 48, 0.85); margin-top: 6px; padding-left: 26px;
}
.nektr-pdp-v9-9 .flavor-btn[disabled],
.nektr-pdp-v9-9 .flavor-btn:disabled {
  opacity: 0.5; cursor: not-allowed;
}
.nektr-pdp-v9-9 .flavor-btn[disabled]::after {
  content: 'Sold out'; display: block; font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.1em; color: rgba(176, 64, 48, 0.85); margin-top: 4px;
}
.nektr-pdp-v9-9 .purchase-opt .radio {
  width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor;
  display: flex; align-items: center; justify-content: center;
}
.nektr-pdp-v9-9 .purchase-opt .radio-inner {
  width: 8px; height: 8px; border-radius: 50%; background: currentColor;
}
.nektr-pdp-v9-9 .purchase-opt .opt-title {
  font-family: 'Archivo Black'; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .purchase-opt .opt-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; padding: 2px 6px; letter-spacing: 0.1em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .purchase-opt.on.sub .opt-tag { background: var(--cream); color: var(--teal); }
.nektr-pdp-v9-9 .purchase-opt:not(.on) .opt-tag { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .purchase-opt .opt-sub {
  font-size: 11px; opacity: 0.85; margin-top: 6px; margin-left: 26px;
}
/* In-panel value-stack — replaces the old single-line opt-sub with the
   same 4 key/value rows from the (removed) standalone value-stack.
   currentColor + opacity keeps it readable in BOTH selected (cream on teal)
   and unselected (ink on cream) states. Lives as a full-width second row
   inside .purchase-opt.sub (which is flex-direction: column). */
.nektr-pdp-v9-9 .purchase-opt .opt-vs {
  font-size: 12px; line-height: 1.55;
  display: flex; flex-direction: column; gap: 3px;
  padding-left: 26px; /* align under title (16px radio + 10px gap) */
}
.nektr-pdp-v9-9 .purchase-opt .opt-vs-row {
  display: flex; justify-content: space-between; gap: 12px;
  color: currentColor; opacity: 0.85;
  align-items: baseline; flex-wrap: nowrap;
}
.nektr-pdp-v9-9 .purchase-opt .opt-vs-row > span:first-child {
  flex: 1 1 auto; min-width: 0;
}
.nektr-pdp-v9-9 .purchase-opt .opt-vs-row > span:last-child {
  flex: 0 0 auto; text-align: right; white-space: nowrap;
}
.nektr-pdp-v9-9 .purchase-opt .opt-vs-row .arrow {
  font-weight: 700; opacity: 1;
}
.nektr-pdp-v9-9 .purchase-opt.on.sub .opt-vs-row .arrow { color: var(--gold-lime); }
.nektr-pdp-v9-9 .purchase-opt:not(.on) .opt-vs-row .arrow { color: var(--teal); }
.nektr-pdp-v9-9 .purchase-opt .price {
  font-family: 'Archivo Black'; font-size: 20px;
}
.nektr-pdp-v9-9 .purchase-opt .strike { font-size: 11px; opacity: 0.7; text-decoration: line-through; }
.nektr-pdp-v9-9 .purchase-opt .per-serving {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.75; margin-top: 2px; letter-spacing: 0.08em; text-transform: uppercase;
}

.nektr-pdp-v9-9 .atc-btn {
  width: 100%; box-sizing: border-box;
  padding: 20px 22px; background: var(--ink); color: var(--cream); border: none;
  cursor: pointer; display: flex; justify-content: center; align-items: center;
  gap: 20px;
  font-family: 'Archivo Black'; font-size: 15px; letter-spacing: 0.08em;
  border-radius: 3px; text-transform: uppercase;
  transition: background 0.2s;
}
.nektr-pdp-v9-9 .atc-btn:hover { background: #000; }
.nektr-pdp-v9-9 .atc-btn .atc-main {
  display: flex; align-items: center; justify-content: center; gap: 16px; flex: 1; min-width: 0;
}
.nektr-pdp-v9-9 .atc-btn .atc-label { flex: 0 0 auto; }
.nektr-pdp-v9-9 .atc-btn .atc-arrow { flex: 0 0 auto; font-size: 18px; }
.nektr-pdp-v9-9 .atc-btn .save-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; background: var(--teal); padding: 4px 9px; letter-spacing: 0.1em;
  border-radius: 2px;
  white-space: nowrap; flex: 0 0 auto;
}
.nektr-pdp-v9-9 .atc-btn .atc-label { white-space: nowrap; }
.nektr-pdp-v9-9 .pay-line {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.6; text-align: center; letter-spacing: 0.1em; text-transform: uppercase;
  margin-top: 10px;
}
/* Trust-mini: 3-col grid, each item 2 lines (icon + first word / second word indented).
   This used to be mobile-only — promoted to the default layout 2026-04-25 because at
   narrow desktop widths the old inline flex layout was breaking words awkwardly
   ("U.S SHIPPI/NG", "GUARANT/EE", etc.). The 2-line mini-grid stays clean at any width. */
.nektr-pdp-v9-9 .trust-mini {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px; font-size: 11px;
  color: rgba(26,26,26,0.7); margin-top: 8px;
  font-family: 'JetBrains Mono', monospace; letter-spacing: 0.06em; text-transform: uppercase;
}
/* Icon spans BOTH rows ("icon" in both grid areas) → naturally vertically
   centered between the two text lines. */
.nektr-pdp-v9-9 .trust-mini > span {
  display: grid;
  grid-template-columns: 16px 1fr;
  grid-template-areas:
    "icon w1"
    "icon w2";
  column-gap: 6px; row-gap: 1px;
  align-items: center;
}
.nektr-pdp-v9-9 .trust-mini > span > svg {
  grid-area: icon;
  width: 14px; height: 14px;
  color: var(--teal); flex-shrink: 0;
  align-self: center; /* lock icon to vertical center of its row span */
}
.nektr-pdp-v9-9 .trust-mini > span > .ts-w1 { grid-area: w1; line-height: 1.15; }
.nektr-pdp-v9-9 .trust-mini > span > .ts-w2 { grid-area: w2; line-height: 1.15; }

/* Hero trust strip (4-stat strip) */
.nektr-pdp-v9-9 .trust-strip-hero {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink);
  padding: 14px 0; margin-top: 8px;
}
.nektr-pdp-v9-9 .trust-strip-hero > div {
  text-align: center; border-right: 1px solid rgba(26,26,26,0.15); padding: 0 10px;
}
.nektr-pdp-v9-9 .trust-strip-hero > div:last-child { border-right: none; }
.nektr-pdp-v9-9 .trust-strip-hero .big {
  font-family: 'Archivo Black'; font-size: 20px;
}
.nektr-pdp-v9-9 .trust-strip-hero .small {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.1em; opacity: 0.65; margin-top: 3px; text-transform: uppercase;
}

/* ========== Hero accordion (client: add how-to-use / key features / ingredients here) ========== */
.nektr-pdp-v9-9 .hero-accordion {
  margin-top: 4px;
  border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink);
}
.nektr-pdp-v9-9 .acc-item { border-bottom: 1px solid rgba(26,26,26,0.12); }
.nektr-pdp-v9-9 .acc-item:last-child { border-bottom: none; }
.nektr-pdp-v9-9 .acc-head {
  width: 100%; background: transparent; border: none; padding: 16px 0;
  display: flex; justify-content: space-between; align-items: center;
  font-family: 'Archivo Black'; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--ink); cursor: pointer; text-align: left;
}
.nektr-pdp-v9-9 .acc-head .plus {
  width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;
  transition: transform 0.2s;
}
.nektr-pdp-v9-9 .acc-item.open .acc-head .plus { transform: rotate(45deg); }
.nektr-pdp-v9-9 .acc-head .plus { transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
.nektr-pdp-v9-9 .acc-body {
  max-height: 0; overflow: hidden; opacity: 0;
  padding: 0; font-size: 13.5px; line-height: 1.6; color: rgba(26,26,26,0.82);
  transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1),
              opacity 0.28s ease,
              padding 0.32s cubic-bezier(0.33, 1, 0.68, 1);
}
.nektr-pdp-v9-9 .acc-item.open .acc-body {
  max-height: 600px; opacity: 1; padding: 0 0 18px;
}
.nektr-pdp-v9-9 .acc-body ul { margin: 8px 0 0; padding-left: 18px; }
.nektr-pdp-v9-9 .acc-body li { margin-bottom: 4px; }

/* ========== SHIELD TRUST STRIP BELOW HERO ========== */
.nektr-pdp-v9-9 .shield-strip {
  background: #fff; padding: 32px 0;
  border-bottom: 1px solid var(--rule);
}
.nektr-pdp-v9-9 .shield-grid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px;
  align-items: center;
}
.nektr-pdp-v9-9 .shield-item {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 10px;
}
.nektr-pdp-v9-9 .shield-item svg {
  width: 36px; height: 36px; color: var(--teal);
}
.nektr-pdp-v9-9 .shield-item .label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink); font-weight: 600;
}

/* ========== REVIEWS WITH PHOTOS (client: move up right under hero) ========== */
.nektr-pdp-v9-9 .reviews-top {
  background: var(--cream); padding: 64px 0;
}
.nektr-pdp-v9-9 .reviews-top .head {
  display: flex; justify-content: space-between; align-items: end;
  margin-bottom: 32px; gap: 32px;
}
.nektr-pdp-v9-9 .reviews-top h2 {
  font-size: clamp(32px, 4.5vw, 56px); margin: 8px 0 0; max-width: 780px;
}
.nektr-pdp-v9-9 .reviews-top .summary {
  max-width: 380px; font-size: 14px; opacity: 0.75;
}
.nektr-pdp-v9-9 .reviews-top .summary .rating-big {
  font-family: 'Archivo Black'; font-size: 48px; color: var(--teal); line-height: 1;
}
.nektr-pdp-v9-9 .reviews-top .summary .stars-big {
  color: var(--gold); font-size: 18px; margin: 4px 0 8px;
}
.nektr-pdp-v9-9 .reviews-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  grid-auto-rows: 1fr;
}
.nektr-pdp-v9-9 .reviews-grid > :nth-child(n+5) { display: none; }

/* See more reviews link (desktop + mobile) */
.nektr-pdp-v9-9 .reviews-more {
  text-align: center; margin-top: 32px;
}
.nektr-pdp-v9-9 .reviews-more a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--teal); font-weight: 600;
  border: 1px solid var(--teal); border-radius: 999px;
  transition: all 0.15s;
  cursor: pointer;
  background: transparent;
}
.nektr-pdp-v9-9 .reviews-more a:hover {
  background: var(--teal); color: var(--cream);
}
.nektr-pdp-v9-9 .reviews-more a svg { width: 14px; height: 14px; }
.nektr-pdp-v9-9 .review-card {
  background: #fff; border-radius: 4px; overflow: hidden;
  border: 1px solid var(--rule);
  display: flex; flex-direction: column;
}
.nektr-pdp-v9-9 .review-card .photo {
  aspect-ratio: 4/5; background: var(--cream-2);
  overflow: hidden;
}
.nektr-pdp-v9-9 .review-card .photo img {
  width: 100%; height: 100%; object-fit: cover;
}
.nektr-pdp-v9-9 .review-card .body { padding: 16px 16px 18px; }
.nektr-pdp-v9-9 .review-card .verified {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--teal); margin-bottom: 8px;
}
.nektr-pdp-v9-9 .review-card .verified svg { width: 12px; height: 12px; }
.nektr-pdp-v9-9 .review-card .r-title {
  font-family: 'Archivo Black'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.03em;
  margin-bottom: 6px; line-height: 1.2;
}
.nektr-pdp-v9-9 .review-card .r-quote {
  font-size: 13px; line-height: 1.55; color: rgba(26,26,26,0.78); margin-bottom: 10px;
}
.nektr-pdp-v9-9 .review-card .r-author {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--teal);
}

/* ========== RADIAL VISUAL ANCHOR (editorial breather) ========== */
.nektr-pdp-v9-9 .section-toggle:hover { opacity: 1; }
.nektr-pdp-v9-9 .section-restore {
  padding: 18px 16px; text-align: center;
  background: rgba(0,86,69,0.04); border-top: 1px dashed rgba(0,86,69,0.25); border-bottom: 1px dashed rgba(0,86,69,0.25);
}
.nektr-pdp-v9-9 .section-restore button {
  background: transparent; border: 1px solid var(--teal); color: var(--teal);
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 10px 18px;
  border-radius: 3px; cursor: pointer; transition: background 0.15s, color 0.15s;
}
.nektr-pdp-v9-9 .section-restore button:hover { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .section-collapsed .section-body { display: none; }
.nektr-pdp-v9-9 .section-collapsed .section-toggle { display: none; }


/* ========== RESULT PROOF (Arrae-pattern: big stat circles + result photo) ========== */
.nektr-pdp-v9-9 .result-proof {
  background: var(--cream); padding: 72px 0 88px;
}
.nektr-pdp-v9-9 .result-proof .grid {
  display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center;
}
.nektr-pdp-v9-9 .result-proof .photo {
  aspect-ratio: 4/5; overflow: hidden; border-radius: 4px; background: var(--cream-2);
}
.nektr-pdp-v9-9 .result-proof .photo img { width: 100%; height: 100%; object-fit: cover; }
.nektr-pdp-v9-9 .result-proof h2 {
  font-size: clamp(32px, 4.2vw, 52px); margin: 12px 0 16px; line-height: 0.98;
}
.nektr-pdp-v9-9 .result-proof h2 .accent { color: var(--teal); }
.nektr-pdp-v9-9 .result-proof .lede {
  font-size: 15px; opacity: 0.8; max-width: 460px; line-height: 1.6; margin-bottom: 28px;
}
.nektr-pdp-v9-9 .stat-circles { display: flex; flex-direction: column; gap: 20px; }
.nektr-pdp-v9-9 .stat-circle-row {
  display: flex; align-items: center; gap: 20px;
}
.nektr-pdp-v9-9 .stat-circle {
  flex-shrink: 0;
  width: 96px; height: 96px; border-radius: 50%;
  border: 2.5px solid var(--teal);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Archivo Black'; font-size: 26px; color: var(--teal);
  position: relative;
  background: #fff;
}
.nektr-pdp-v9-9 .stat-circle::before {
  content: ""; position: absolute; inset: -4px;
  border-radius: 50%; border: 1px dashed rgba(0,86,69,0.25);
}
.nektr-pdp-v9-9 .stat-circle-row .stat-body {
  flex: 1; font-size: 14px; line-height: 1.55; color: rgba(26,26,26,0.82);
}
.nektr-pdp-v9-9 .stat-circle-row .stat-body strong {
  display: block; font-family: 'Archivo Black'; font-size: 14px; color: var(--ink);
  text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px;
}
.nektr-pdp-v9-9 .result-proof .note {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.1em; opacity: 0.55; margin-top: 20px; text-transform: uppercase;
}

/* Review filter chips */
.nektr-pdp-v9-9 .review-card { transition: opacity 0.3s ease, transform 0.3s ease; }
.nektr-pdp-v9-9 .review-card.hidden { display: none; }

/* Rating breakdown */
.nektr-pdp-v9-9 .rating-breakdown {
  margin-top: 14px; display: flex; flex-direction: column; gap: 6px;
}
.nektr-pdp-v9-9 .rating-row {
  display: grid; grid-template-columns: 30px 1fr 36px; gap: 10px; align-items: center;
  font-size: 11px;
}
.nektr-pdp-v9-9 .rating-row .r-star {
  font-family: 'JetBrains Mono', monospace; font-weight: 600; color: var(--teal);
}
.nektr-pdp-v9-9 .rating-row .r-track {
  height: 6px; background: rgba(0,86,69,0.15); border-radius: 2px; overflow: hidden;
  display: block; position: relative;
}
.nektr-pdp-v9-9 .rating-row .r-fill {
  display: block; width: 100%; height: 100%; background: var(--teal); border-radius: 2px;
  transform: scaleX(var(--rp, 0)); transform-origin: left;
  transition: transform 1.2s cubic-bezier(.2,.8,.2,1);
}
.nektr-pdp-v9-9 .rating-breakdown.inview .r-fill { transform: scaleX(var(--rp, 0)); }
.nektr-pdp-v9-9 .rating-row .r-pct {
  font-family: 'JetBrains Mono', monospace; font-size: 10px;
  color: rgba(26,26,26,0.7); text-align: right;
}

/* Play overlay for future video */
.nektr-pdp-v9-9 .review-card .photo {
  position: relative;
}
.nektr-pdp-v9-9 .review-card .photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.35) 100%);
  opacity: 0; transition: opacity 0.2s;
  pointer-events: none;
}
.nektr-pdp-v9-9 .review-card:hover .photo::after { opacity: 1; }

/* ========== ONE SCOOP. FIVE SYSTEMS. (benefit cards - softened palette) ========== */
.nektr-pdp-v9-9 .five-systems {
  background: var(--teal); color: var(--cream); padding: 64px 0;
  position: relative;
}
.nektr-pdp-v9-9 .five-systems .head {
  display: flex; justify-content: space-between; align-items: end;
  margin-bottom: 48px; gap: 40px;
}
.nektr-pdp-v9-9 .five-systems h2 {
  font-size: clamp(40px, 6vw, 72px); margin: 12px 0 0; max-width: 780px;
}
.nektr-pdp-v9-9 .five-systems h2 .accent { color: var(--gray-green); }
.nektr-pdp-v9-9 .five-systems .intro {
  max-width: 340px; font-size: 14px; opacity: 0.85;
}
.nektr-pdp-v9-9 .systems-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  border: 1px solid rgba(239,237,232,0.18);
}
.nektr-pdp-v9-9 .system {
  border-right: 1px solid rgba(239,237,232,0.18);
  display: flex; flex-direction: column;
}
.nektr-pdp-v9-9 .system:last-child { border-right: none; }
.nektr-pdp-v9-9 .system .sys-img {
  position: relative; aspect-ratio: 4/3; overflow: hidden;
  border-bottom: 1px solid rgba(239,237,232,0.18);
}
.nektr-pdp-v9-9 .system .sys-img img {
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(1) contrast(1.05) brightness(0.85);
  opacity: 0.9;
}
.nektr-pdp-v9-9 .system .sys-img::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0,70,54,0.6) 100%);
  pointer-events: none;
}
.nektr-pdp-v9-9 .system .sys-badge {
  /* (V9.9) hidden — user removed the 01/04, 02/04 etc index badges from system cards */
  display: none;
}
.nektr-pdp-v9-9 .system .sys-overlay {
  position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 1;
}
.nektr-pdp-v9-9 .system .sys-overlay .big {
  font-family: 'Archivo Black'; font-size: 36px; line-height: 0.9; color: var(--cream);
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .system .sys-overlay .small {
  font-family: 'Archivo Black'; font-size: 14px; line-height: 1.1; color: var(--gray-green);
  margin-top: 4px; letter-spacing: 0.04em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .system .sys-body {
  padding: 22px 22px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1;
}
.nektr-pdp-v9-9 .system .sys-stat {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.12em; color: var(--gray-green); text-transform: uppercase;
}
.nektr-pdp-v9-9 .system .sys-copy { font-size: 13px; line-height: 1.55; opacity: 0.88; }

/* ========== STATS (simplified — 4 bars — softer bg) ========== */
.nektr-pdp-v9-9 .stats-section {
  background: var(--gray-green-soft); color: var(--ink); padding: 56px 0;
}
.nektr-pdp-v9-9 .stats-section .head {
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: end; margin-bottom: 32px; gap: 32px;
}
.nektr-pdp-v9-9 .stats-section h2 {
  font-size: clamp(36px, 5vw, 64px); margin: 12px 0 0;
}
.nektr-pdp-v9-9 .stats-section h2 .accent { color: var(--teal); }
.nektr-pdp-v9-9 .stats-section .intro-text {
  max-width: 460px; font-size: 14px; opacity: 0.75;
}
.nektr-pdp-v9-9 .bar-row {
  display: grid; grid-template-columns: 120px minmax(140px, 0.8fr) 380px; gap: 14px;
  align-items: center; padding: 24px 0; border-bottom: 1px solid rgba(0,86,69,0.2);
}
.nektr-pdp-v9-9 .bar-row:first-of-type { border-top: 1px solid rgba(0,86,69,0.2); }
.nektr-pdp-v9-9 .bar-row .pct {
  font-family: 'Archivo Black'; font-size: 52px; line-height: 1; color: var(--teal);
}
.nektr-pdp-v9-9 .bar-row .pct .sign { font-size: 26px; color: var(--gray-green); margin-left: 2px; }
.nektr-pdp-v9-9 .bar-row .sys-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.6; letter-spacing: 0.16em; margin-top: 4px; text-transform: uppercase;
}
.nektr-pdp-v9-9 .bar-track {
  height: 10px; background: rgba(0,86,69,0.15); position: relative; overflow: hidden;
  border-radius: 2px;
}
.nektr-pdp-v9-9 .bar-fill {
  position: absolute; inset: 0; background: var(--teal);
  transform: scaleX(0); transform-origin: left center;
  transition: transform 2.2s cubic-bezier(.2,.8,.2,1);
}
.nektr-pdp-v9-9 .bar-row.inview .bar-fill { transform: scaleX(var(--pct, 0)); }
.nektr-pdp-v9-9 .bar-ticks {
  display: flex; justify-content: space-between; margin-top: 6px;
  font-family: 'JetBrains Mono', monospace; font-size: 9px; color: rgba(0,86,69,0.5);
}
.nektr-pdp-v9-9 .bar-label {
  font-family: 'Archivo Black'; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .bar-sub { font-size: 12px; opacity: 0.7; margin-top: 4px; line-height: 1.5; }
.nektr-pdp-v9-9 .stats-section .ftc {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.55; margin-top: 16px; letter-spacing: 0.1em;
}

/* ========== HOW COLOSTRUM WORKS (NEW - animated SVG diagram per client request) ========== */
.nektr-pdp-v9-9 .how-works {
  background: var(--cream); padding: 64px 0;
  position: relative;
}
.nektr-pdp-v9-9 .how-works .head {
  text-align: center; margin-bottom: 48px;
}
.nektr-pdp-v9-9 .how-works h2 {
  font-size: clamp(36px, 5vw, 64px); margin: 12px 0 0;
}
.nektr-pdp-v9-9 .how-works h2 .accent { color: var(--teal); }
.nektr-pdp-v9-9 .how-works .subtitle {
  max-width: 640px; margin: 16px auto 0; font-size: 15px; opacity: 0.75; line-height: 1.6;
}
.nektr-pdp-v9-9 .works-diagram {
  display: block; max-width: 1200px; margin: 0 auto;
}
.nektr-pdp-v9-9 .works-diagram > .gut-svg-wrap { margin-bottom: 32px; }
.nektr-pdp-v9-9 .gut-svg-wrap {
  background: #fff; border: 1px solid var(--rule); border-radius: 6px;
  padding: 24px; position: relative;
}
.nektr-pdp-v9-9 .gut-svg { width: 100%; height: auto; display: block; }
/* Apr 24 client pass: animation removed — render layers static, no falling/pulsing */
.nektr-pdp-v9-9 .gut-svg .anim-path,
.nektr-pdp-v9-9 .gut-svg .anim-dot,
.nektr-pdp-v9-9 .gut-svg .anim-cell {
  opacity: 1;
}
.nektr-pdp-v9-9 .gut-svg text.panel-label {
  font-family: 'Archivo Black'; font-size: 11px; letter-spacing: 0.12em;
}
.nektr-pdp-v9-9 .gut-svg text.leg-label {
  font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: 0.1em;
  fill: rgba(26,26,26,0.7);
}

/* First-day decay mini-chart (in Spectrum section) */
.nektr-pdp-v9-9 .decay-chart {
  margin-top: 24px; border: 1px solid rgba(239,237,232,0.22);
  padding: 26px 28px 28px; background: rgba(0,0,0,0.10);
}
.nektr-pdp-v9-9 .decay-chart .dc-head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 40px; gap: 16px; flex-wrap: wrap;
}
.nektr-pdp-v9-9 .decay-chart .dc-title {
  font-family: 'Archivo Black'; font-size: 15px; letter-spacing: 0.03em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .decay-chart .dc-sub {
  font-size: 12px; opacity: 0.78; max-width: 440px;
}
.nektr-pdp-v9-9 .decay-bars {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: end;
  height: 240px; padding-bottom: 28px; padding-top: 32px;
  border-bottom: 1px solid rgba(239,237,232,0.22); position: relative;
}
.nektr-pdp-v9-9 .decay-bars .bar-col {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  position: relative; height: 100%; justify-content: flex-end;
}
.nektr-pdp-v9-9 .decay-bars .dbar {
  width: 60%; background: var(--gray-green); height: 0;
  transition: height 1.8s cubic-bezier(.2,.8,.2,1); border-radius: 3px 3px 0 0;
  min-height: 0; max-height: 100%;
  position: relative;
}
.nektr-pdp-v9-9 .decay-bars.inview .bar-col.peak .dbar { height: 170px; }
.nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(2) .dbar { height: 92px; transition-delay: 0.2s; }
.nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(3) .dbar { height: 50px; transition-delay: 0.4s; }
.nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(4) .dbar { height: 22px; transition-delay: 0.6s; }
.nektr-pdp-v9-9 .decay-bars .bar-col.peak .dbar { background: var(--gold-lime); }
.nektr-pdp-v9-9 .decay-bars .bar-col.peak { filter: drop-shadow(0 0 10px rgba(212,204,58,0.18)); }
.nektr-pdp-v9-9 .decay-bars .bar-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase;
  text-align: center; opacity: 0.85;
  white-space: nowrap; min-height: 14px;
}
.nektr-pdp-v9-9 .decay-bars .bar-val {
  font-family: 'Archivo Black'; font-size: 13px; color: var(--cream);
  position: absolute; top: -22px;
}
.nektr-pdp-v9-9 .decay-chart .dc-footer {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 14px; font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.1em; opacity: 0.7; text-transform: uppercase;
}
.nektr-pdp-v9-9 .decay-chart .dc-footer .drop {
  color: var(--gold-lime); font-weight: 700;
}

.nektr-pdp-v9-9 .works-steps { display: flex; flex-direction: column; gap: 24px; }
.nektr-pdp-v9-9 .work-step {
  display: grid; grid-template-columns: 60px 1fr; gap: 18px;
  padding: 20px; background: #fff; border-radius: 4px;
  border: 1px solid var(--rule);
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.4; transform: translateX(20px);
}
.nektr-pdp-v9-9 .work-step.active { opacity: 1; transform: translateX(0); border-color: var(--teal); }
.nektr-pdp-v9-9 .work-step .num {
  font-family: 'Archivo Black'; font-size: 40px; color: var(--teal); line-height: 1;
}
.nektr-pdp-v9-9 .work-step .t {
  font-family: 'Archivo Black'; font-size: 16px; text-transform: uppercase; letter-spacing: 0.03em;
  margin-bottom: 6px;
}
.nektr-pdp-v9-9 .work-step .d { font-size: 13.5px; line-height: 1.6; color: rgba(26,26,26,0.78); }

/* ========== COMPARISON (cold-processed "never above 140°F" removed per client) ========== */
.nektr-pdp-v9-9 .comparison {
  background: var(--cream); padding: 56px 0;
  border-top: 1px solid var(--rule);
}
.nektr-pdp-v9-9 .comparison h2 {
  font-size: clamp(36px, 5vw, 60px); margin: 12px 0 8px;
}
.nektr-pdp-v9-9 .comparison h2 .accent { color: var(--teal); }
.nektr-pdp-v9-9 .comparison .subnote {
  display: flex; align-items: center; gap: 10px; max-width: 720px;
  margin-bottom: 28px;
}
.nektr-pdp-v9-9 .comparison .subnote .verify {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; padding: 4px 8px; border: 1px dashed var(--gold); color: #8a7637;
  letter-spacing: 0.12em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .comparison .subnote span {
  font-size: 12.5px; opacity: 0.7;
}
.nektr-pdp-v9-9 .comp-table {
  display: grid; grid-template-columns: 2fr repeat(4, 1fr);
  border: 1px solid var(--ink); background: var(--cream);
}
.nektr-pdp-v9-9 .comp-table .th-blank {
  padding: 16px 20px; border-bottom: 1px solid var(--ink); border-right: 1px solid var(--ink);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.15em; opacity: 0.5; text-transform: uppercase;
}
.nektr-pdp-v9-9 .comp-table .th {
  padding: 16px 14px; border-bottom: 1px solid var(--ink); border-right: 1px solid var(--ink);
  text-align: center;
}
.nektr-pdp-v9-9 .comp-table .th:last-child { border-right: none; }
.nektr-pdp-v9-9 .comp-table .th.nektr-col { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .comp-table .th .name { font-family: 'Archivo Black'; font-size: 16px; }
.nektr-pdp-v9-9 .comp-table .row-label {
  padding: 18px 20px; border-bottom: 1px solid rgba(26,26,26,0.15); border-right: 1px solid rgba(26,26,26,0.15);
  font-size: 14px; line-height: 1.4;
}
.nektr-pdp-v9-9 .comp-table .row-label .row-why {
  display: block; font-size: 11.5px; color: rgba(26,26,26,0.55);
  margin-top: 4px; font-weight: 400;
}
.nektr-pdp-v9-9 .comp-table .group-header {
  grid-column: 1 / -1;
  background: rgba(0,86,69,0.08);
  padding: 12px 20px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
  font-weight: 600; color: var(--teal);
  border-bottom: 1px solid rgba(26,26,26,0.15);
}
.nektr-pdp-v9-9 .comp-table .row-cell {
  padding: 18px 14px; border-bottom: 1px solid rgba(26,26,26,0.15); border-right: 1px solid rgba(26,26,26,0.15);
  text-align: center;
}
.nektr-pdp-v9-9 .comp-table .row-cell:last-child { border-right: none; }
.nektr-pdp-v9-9 .comp-table .row-cell.nektr-col { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .comp-table .row-last { border-bottom: none; }
.nektr-pdp-v9-9 .check { color: var(--teal); font-size: 18px; }
.nektr-pdp-v9-9 .row-cell.nektr-col .check { color: var(--cream); }
.nektr-pdp-v9-9 .xmark { color: rgba(26,26,26,0.3); font-size: 18px; }
.nektr-pdp-v9-9 .partial {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.55; text-transform: uppercase; letter-spacing: 0.1em;
}
.nektr-pdp-v9-9 .price-cell {
  font-family: 'Archivo Black'; font-size: 15px;
}

/* Color = Potency split */
.nektr-pdp-v9-9 .yellow-test {
  margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  border: 1px solid var(--ink);
}
.nektr-pdp-v9-9 .yellow-test .photo {
  position: relative; aspect-ratio: 1/1; overflow: hidden;
  border-right: 1px solid var(--ink);
  background: var(--ink);
}
.nektr-pdp-v9-9 .yellow-test .photo img {
  width: 100%; height: 100%; object-fit: cover; object-position: center center;
}
.nektr-pdp-v9-9 .yellow-test .photo .caption {
  position: absolute; left: 16px; bottom: 16px; padding: 6px 10px;
  background: var(--cream);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .yellow-test .copy {
  padding: 40px 44px; background: var(--teal); color: var(--cream);
  display: flex; flex-direction: column; justify-content: center;
}
.nektr-pdp-v9-9 .yellow-test .copy .label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.2em; opacity: 0.7; text-transform: uppercase;
}
.nektr-pdp-v9-9 .yellow-test .copy h3 {
  font-size: clamp(32px, 4.5vw, 56px); margin: 12px 0 16px;
  line-height: 0.94;
}
.nektr-pdp-v9-9 .yellow-test .copy h3 .gold { color: var(--gold-lime); }
.nektr-pdp-v9-9 .yellow-test .copy p {
  font-size: 14px; line-height: 1.6; opacity: 0.9; max-width: 420px;
}
.nektr-pdp-v9-9 .yellow-test .compare-pair {
  display: flex; gap: 24px; margin-top: 24px;
}
.nektr-pdp-v9-9 .yellow-test .compare-pair > div .big {
  font-family: 'Archivo Black'; font-size: 26px;
}
.nektr-pdp-v9-9 .yellow-test .compare-pair .gold .big { color: var(--gold-lime); }
.nektr-pdp-v9-9 .yellow-test .compare-pair .white .big { opacity: 0.45; }
.nektr-pdp-v9-9 .yellow-test .compare-pair .sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.65; letter-spacing: 0.12em; margin-top: 4px; text-transform: uppercase;
}
.nektr-pdp-v9-9 .yellow-test .divider-v { width: 1px; background: rgba(239,237,232,0.25); }

/* ========== TIMELINE — 60 days (client: changed from 90) ========== */
@keyframes nektrPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,86,69,0.6); transform: scale(1); }
  50% { box-shadow: 0 0 0 8px rgba(0,86,69,0); transform: scale(1.1); }
}

/* ========== WHOLE-SPECTRUM / FIRST-DAY MILKING (replaces 60+ bioactives per client) ========== */
.nektr-pdp-v9-9 .spectrum {
  background: var(--teal); color: var(--cream); padding: 64px 0;
}
.nektr-pdp-v9-9 .spectrum .eyebrow {
  color: rgba(239,237,232,0.6); font-size: 11px; letter-spacing: 0.2em;
}
.nektr-pdp-v9-9 .spectrum h2 {
  font-size: clamp(36px, 5vw, 64px); margin: 12px 0 36px; line-height: 0.95;
}
.nektr-pdp-v9-9 .spectrum h2 .accent { color: var(--gray-green); }
.nektr-pdp-v9-9 .spectrum-grid {
  display: grid; grid-template-columns: 1.25fr 1fr; gap: 32px; align-items: start;
}
.nektr-pdp-v9-9 .ing-table {
  border: 1px solid rgba(239,237,232,0.22);
}
.nektr-pdp-v9-9 .ing-table-header {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  opacity: 0.6; padding: 0 0 14px;
}
.nektr-pdp-v9-9 .ing-row {
  display: grid; grid-template-columns: 1.6fr 1fr 1.4fr;
  gap: 16px; padding: 16px 20px;
  border-bottom: 1px solid rgba(239,237,232,0.15);
  align-items: baseline;
}
.nektr-pdp-v9-9 .ing-row:last-child { border-bottom: none; }
.nektr-pdp-v9-9 .ing-name { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.nektr-pdp-v9-9 .ing-name .ing-toggle {
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(239,237,232,0.15); color: var(--cream);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Archivo Black'; font-size: 12px;
  transition: transform 0.2s, background 0.2s;
  flex-shrink: 0;
}
.nektr-pdp-v9-9 .ing-row.open .ing-name .ing-toggle {
  transform: rotate(45deg); background: var(--gray-green); color: var(--teal);
}
.nektr-pdp-v9-9 .ing-row { cursor: pointer; transition: background 0.15s; }
.nektr-pdp-v9-9 .ing-row:hover { background: rgba(239,237,232,0.04); }
.nektr-pdp-v9-9 .ing-amt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; opacity: 0.7;
}
.nektr-pdp-v9-9 .ing-role { font-size: 12px; opacity: 0.75; }

/* Ingredient expanded drawer */
.nektr-pdp-v9-9 .ing-drawer {
  grid-column: 1 / -1;
  max-height: 0; overflow: hidden;
  transition: max-height 0.35s ease;
  background: rgba(0,0,0,0.14);
  border-top: 1px solid rgba(239,237,232,0.08);
  margin: 16px -20px -18px;
}
.nektr-pdp-v9-9 .ing-row.open .ing-drawer { max-height: 260px; }
.nektr-pdp-v9-9 .ing-drawer-inner {
  padding: 16px 20px 20px; font-size: 13px; line-height: 1.6; opacity: 0.88;
  display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: start;
}
.nektr-pdp-v9-9 .ing-systems {
  display: flex; flex-wrap: wrap; gap: 4px; align-items: start;
}
.nektr-pdp-v9-9 .ing-systems span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--gray-green); padding: 4px 8px;
  border: 1px solid var(--gray-green); border-radius: 999px;
  opacity: 0.9;
}

/* Honest Per-Scoop panel */
.nektr-pdp-v9-9 .per-scoop-panel {
  margin-top: 28px; padding: 24px 28px;
  background: var(--teal-deep); border: 1px solid rgba(239,237,232,0.18);
  display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: start;
}
.nektr-pdp-v9-9 .per-scoop-panel .ps-label {
  font-family: 'Archivo Black'; font-size: 13px; text-transform: uppercase;
  letter-spacing: 0.06em; color: var(--gray-green); white-space: nowrap;
  padding-top: 2px;
}
.nektr-pdp-v9-9 .per-scoop-panel .ps-body { font-size: 13.5px; line-height: 1.7; opacity: 0.92; }
.nektr-pdp-v9-9 .per-scoop-panel .ps-body strong { color: var(--cream); }
.nektr-pdp-v9-9 .per-scoop-panel .ps-body em {
  font-family: 'JetBrains Mono', monospace; font-style: normal; font-size: 11px;
  letter-spacing: 0.06em; opacity: 0.7; display: block; margin-top: 10px;
}
.nektr-pdp-v9-9 .spectrum-photo {
  position: relative; overflow: hidden; border: 1px solid rgba(239,237,232,0.22);
  min-height: 520px; align-self: stretch;
  background: rgba(239,237,232,0.04);
}
.nektr-pdp-v9-9 .spectrum-photo img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  object-position: center;
}
.nektr-pdp-v9-9 .spectrum-photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,86,69,0.08) 0%, transparent 40%, rgba(0,70,54,0.92) 100%);
  pointer-events: none;
}
.nektr-pdp-v9-9 .spectrum-photo .specs {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  border-top: 1px solid rgba(239,237,232,0.22);
  backdrop-filter: blur(6px); background: rgba(0,70,54,0.55);
  z-index: 1;
}
.nektr-pdp-v9-9 .spectrum-photo .specs > div {
  padding-left: 14px; border-left: 1px solid rgba(239,237,232,0.22);
}
.nektr-pdp-v9-9 .spectrum-photo .specs > div:first-child { padding-left: 0; border-left: none; }
.nektr-pdp-v9-9 .spectrum-photo .spec-big {
  font-family: 'Archivo Black'; font-size: 20px; line-height: 1; color: var(--cream); text-transform: uppercase;
}
.nektr-pdp-v9-9 .spectrum-photo .spec-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; opacity: 0.75; letter-spacing: 0.12em; margin-top: 6px;
  color: var(--cream); text-transform: uppercase;
}
.nektr-pdp-v9-9 .standard-strip {
  margin-top: 28px; border: 1px solid rgba(239,237,232,0.22);
  display: grid; grid-template-columns: auto 1fr;
}
.nektr-pdp-v9-9 .standard-label {
  padding: 22px 28px; background: var(--teal-deep);
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
  border-right: 1px solid rgba(239,237,232,0.22);
}
.nektr-pdp-v9-9 .standard-label .tag {
  font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.18em; opacity: 0.6; text-transform: uppercase;
}
.nektr-pdp-v9-9 .standard-label .h {
  font-family: 'Archivo Black'; font-size: 20px; line-height: 1.05; text-transform: uppercase;
}
.nektr-pdp-v9-9 .standard-certs {
  display: grid; grid-template-columns: repeat(5, 1fr);
}
.nektr-pdp-v9-9 .standard-certs > div {
  padding: 22px 18px; border-right: 1px solid rgba(239,237,232,0.22);
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
}
.nektr-pdp-v9-9 .standard-certs > div:last-child { border-right: none; }
.nektr-pdp-v9-9 .standard-certs .n {
  font-family: 'Archivo Black'; font-size: 18px; line-height: 1; color: var(--gray-green); text-transform: uppercase;
}
.nektr-pdp-v9-9 .standard-certs .l {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.75; letter-spacing: 0.12em; text-transform: uppercase;
}

/* ========== HOW TO USE (30 seconds) ========== */
.nektr-pdp-v9-9 .how-to {
  background: var(--cream-2); padding: 80px 0;
}
.nektr-pdp-v9-9 .how-to-grid {
  display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center;
}
.nektr-pdp-v9-9 .how-to-photo { aspect-ratio: 4/5; overflow: hidden; }
.nektr-pdp-v9-9 .how-to-photo img { width: 100%; height: 100%; object-fit: cover; }
.nektr-pdp-v9-9 .how-to h2 {
  font-size: clamp(32px, 4.5vw, 56px); margin: 12px 0 8px; line-height: 0.96;
}
.nektr-pdp-v9-9 .how-to .intro {
  font-size: 14.5px; max-width: 440px; opacity: 0.8; margin-bottom: 32px;
}
.nektr-pdp-v9-9 .how-to ol { list-style: none; padding: 0; margin: 0; }
.nektr-pdp-v9-9 .how-to li {
  display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 22px 0;
  border-top: 1px solid var(--ink);
}
.nektr-pdp-v9-9 .how-to li:last-child { border-bottom: 1px solid var(--ink); }
.nektr-pdp-v9-9 .how-to .step-n {
  font-family: 'Archivo Black'; font-size: 32px; color: var(--teal); line-height: 1;
}
.nektr-pdp-v9-9 .how-to .step-t {
  font-family: 'Archivo Black'; font-size: 18px; letter-spacing: 0.04em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .how-to .step-c { font-size: 14px; opacity: 0.75; margin-top: 4px; line-height: 1.6; }

/* ========== LAB TRUST BLOCK (Light Labs COA detail) ========== */
.nektr-pdp-v9-9 .lab-trust {
  background: var(--cream); padding: 72px 0;
  border-top: 1px solid var(--rule);
}
.nektr-pdp-v9-9 .lab-trust .grid {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center;
}
.nektr-pdp-v9-9 .lab-trust h2 {
  font-size: clamp(32px, 4.2vw, 52px); margin: 14px 0 16px; line-height: 0.96;
}
.nektr-pdp-v9-9 .lab-trust h2 .accent { color: var(--teal); }
.nektr-pdp-v9-9 .lab-trust p.lede {
  font-size: 15px; line-height: 1.65; opacity: 0.82; margin: 0 0 24px; max-width: 560px;
}
.nektr-pdp-v9-9 .test-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px;
}
.nektr-pdp-v9-9 .test-item {
  display: flex; align-items: center; gap: 12px; padding: 14px 16px;
  background: #fff; border: 1px solid var(--rule); border-radius: 4px;
}
.nektr-pdp-v9-9 .test-item .test-icon {
  width: 28px; height: 28px; border-radius: 50%; background: var(--teal); color: var(--cream);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.nektr-pdp-v9-9 .test-item .test-icon svg { width: 14px; height: 14px; }
.nektr-pdp-v9-9 .test-item .test-name {
  font-family: 'Archivo Black'; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.15;
}
.nektr-pdp-v9-9 .test-item .test-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; opacity: 0.6; letter-spacing: 0.08em; margin-top: 3px;
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .lab-cta {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 22px; background: var(--teal); color: var(--cream);
  font-family: 'Archivo Black'; font-size: 12px; letter-spacing: 0.08em;
  text-transform: uppercase; border-radius: 999px;
  transition: background 0.15s;
}
.nektr-pdp-v9-9 .lab-cta:hover { background: var(--teal-deep); }
.nektr-pdp-v9-9 .lab-cta svg { width: 14px; height: 14px; }
.nektr-pdp-v9-9 .lab-trust .badge-column {
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  padding: 36px; background: var(--teal); color: var(--cream);
  border-radius: 6px; text-align: center;
}
.nektr-pdp-v9-9 .lab-trust .badge-ring {
  width: 140px; height: 140px; border-radius: 50%;
  border: 2px solid var(--gray-green);
  display: flex; align-items: center; justify-content: center;
  position: relative; margin-top: 4px;
}
.nektr-pdp-v9-9 .lab-trust .badge-ring::before {
  content: ""; position: absolute; inset: -10px; border-radius: 50%;
  border: 1px dashed rgba(142,167,146,0.5);
}
.nektr-pdp-v9-9 .lab-trust .badge-ring .ring-inner {
  text-align: center;
}
.nektr-pdp-v9-9 .lab-trust .badge-ring .ring-big {
  font-family: 'Archivo Black'; font-size: 28px; line-height: 1; color: var(--gray-green);
}
.nektr-pdp-v9-9 .lab-trust .badge-ring .ring-small {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.14em; margin-top: 6px; opacity: 0.8;
}
.nektr-pdp-v9-9 .lab-trust .badge-copy {
  font-family: 'Archivo Black'; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; margin-top: 6px;
}
.nektr-pdp-v9-9 .lab-trust .badge-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--gray-green); opacity: 0.9;
}

/* ========== FAQ ========== */
.nektr-pdp-v9-9 .faq {
  background: var(--cream); padding: 56px 0;
}
.nektr-pdp-v9-9 .faq-inner { max-width: 960px; margin: 0 auto; }
.nektr-pdp-v9-9 .faq h2 {
  font-size: clamp(32px, 4.5vw, 52px); margin: 12px 0 32px; line-height: 0.95;
}
.nektr-pdp-v9-9 .faq-head {
  display: flex; justify-content: space-between; align-items: end;
  gap: 16px; margin-bottom: 24px;
}
.nektr-pdp-v9-9 .faq-expand-all {
  background: transparent; border: 1px solid var(--ink);
  padding: 10px 18px; border-radius: 999px; cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink); font-weight: 600;
  transition: all 0.15s;
}
.nektr-pdp-v9-9 .faq-expand-all:hover { background: var(--ink); color: var(--cream); }
.nektr-pdp-v9-9 .faq-list { border-top: 1px solid var(--ink); }
.nektr-pdp-v9-9 .faq-item { border-bottom: 1px solid var(--ink); }
.nektr-pdp-v9-9 .faq-q {
  width: 100%; background: transparent; border: none; padding: 22px 0;
  display: flex; justify-content: space-between; align-items: center; cursor: pointer;
  text-align: left;
}
.nektr-pdp-v9-9 .faq-q .q-text {
  font-family: 'Archivo Black'; font-size: 18px; letter-spacing: 0.02em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .faq-q .plus {
  transition: transform 0.2s; display: flex; align-items: center; justify-content: center;
}
.nektr-pdp-v9-9 .faq-item.open .plus { transform: rotate(45deg); }
.nektr-pdp-v9-9 .faq-a {
  max-height: 0; overflow: hidden; opacity: 0;
  padding: 0; font-size: 14.5px; line-height: 1.7; max-width: 820px;
  transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1),
              opacity 0.28s ease,
              padding 0.32s cubic-bezier(0.33, 1, 0.68, 1);
}
.nektr-pdp-v9-9 .faq-item.open .faq-a {
  max-height: 800px; opacity: 0.85; padding: 0 0 22px;
}

/* ========== FINAL CTA ========== */
.nektr-pdp-v9-9 .final-cta {
  background: var(--teal); color: var(--cream); padding: 64px 0;
  text-align: center;
}
.nektr-pdp-v9-9 .final-cta .eyebrow { color: rgba(239,237,232,0.7); }
.nektr-pdp-v9-9 .final-cta h2 {
  font-size: clamp(36px, 5.5vw, 72px); margin: 14px 0 18px; line-height: 0.94;
}
.nektr-pdp-v9-9 .final-cta p {
  font-size: 15.5px; max-width: 560px; margin: 0 auto 32px; opacity: 0.85; line-height: 1.6;
}
.nektr-pdp-v9-9 .final-cta .btn {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 18px 32px; background: var(--cream); color: var(--teal);
  font-family: 'Archivo Black'; font-size: 16px; letter-spacing: 0.08em; text-transform: uppercase;
  border: none; cursor: pointer; border-radius: 3px;
  transition: background 0.2s;
}
.nektr-pdp-v9-9 .final-cta .btn:hover { background: #fff; }

/* Final-CTA offer stack — stacked below the button, NOT side-by-side */
.nektr-pdp-v9-9 .final-cta .offer-recap {
  display: flex; gap: 14px 28px; flex-wrap: wrap; justify-content: center;
  margin: 28px auto 0; padding-top: 22px;
  border-top: 1px solid rgba(239,237,232,0.25);
  max-width: 760px;
}
.nektr-pdp-v9-9 .final-cta .offer-recap > div {
  display: flex; align-items: center; gap: 8px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(239,237,232,0.85);
}
.nektr-pdp-v9-9 .final-cta .offer-recap svg {
  width: 14px; height: 14px; color: var(--gold-lime); flex-shrink: 0;
}

/* Risk reversal microcopy (buy box) */
.nektr-pdp-v9-9 .risk-line {
  display: flex; align-items: flex-start; justify-content: flex-start;
  gap: 10px; padding: 12px 14px; margin-top: 12px;
  background: rgba(0,86,69,0.06); border-left: 3px solid var(--teal);
  font-size: 12px; color: var(--teal);
}
.nektr-pdp-v9-9 .risk-line svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }
.nektr-pdp-v9-9 .risk-line .risk-copy { display: flex; flex-direction: column; gap: 3px; }
.nektr-pdp-v9-9 .risk-line strong { font-family: 'Archivo Black'; letter-spacing: 0.04em; text-transform: uppercase; font-size: 11px; }
.nektr-pdp-v9-9 .risk-line .risk-sub { font-size: 12px; opacity: 0.85; font-weight: 400; }

/* ========== FOOTER / FTC ========== */
.nektr-pdp-v9-9 .ftc-footer {
  background: var(--cream); color: var(--ink); padding: 40px 0 48px;
  border-top: 1px solid var(--rule);
}
.nektr-pdp-v9-9 .ftc-footer .text {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; line-height: 1.7; opacity: 0.7; max-width: 860px; margin: 0 auto; text-align: center;
}

/* ========== STICKY MOBILE ATC ========== */
.nektr-pdp-v9-9 .sticky-mobile {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  background: #fff; border-top: 1px solid var(--ink);
  padding: 10px 16px; display: none; align-items: center; gap: 10px;
  box-shadow: 0 -8px 22px rgba(0,0,0,0.08);
}
.nektr-pdp-v9-9 .sticky-mobile .sm-info { flex: 1; font-size: 12px; }
.nektr-pdp-v9-9 .sticky-mobile .sm-price {
  font-family: 'Archivo Black'; font-size: 16px; color: var(--teal);
}
.nektr-pdp-v9-9 .sticky-mobile .sm-sub { font-size: 10.5px; opacity: 0.65; }
.nektr-pdp-v9-9 .sticky-mobile .sm-btn {
  padding: 12px 18px; background: var(--ink); color: var(--cream);
  border: none; cursor: pointer; font-family: 'Archivo Black';
  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 3px;
}



/* ========== V9.7 GUT-WALL 8-PATTERN COMPARISON (Apr 24 PM) ========== */
/* Selector switcher */
.nektr-pdp-v9-9 .gut-patterns-switcher {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  padding: 14px 18px; margin: 0 auto 28px; max-width: 1200px;
  background: #fff; border: 1px solid rgba(26,26,26,0.12); border-radius: 4px;
}
.nektr-pdp-v9-9 .gps-label {
  font-size: 10px; letter-spacing: 0.2em; color: var(--teal);
  text-transform: uppercase; font-weight: 500;
}
.nektr-pdp-v9-9 .gps-buttons { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.nektr-pdp-v9-9 .gps-btn {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  padding: 7px 12px; background: #fafaf6; border: 1px solid rgba(26,26,26,0.15);
  border-radius: 3px; cursor: pointer; letter-spacing: 0.04em;
  color: rgba(26,26,26,0.75);
  transition: all 0.15s ease;
}
.nektr-pdp-v9-9 .gps-btn:hover { background: #fff; border-color: var(--teal); color: var(--teal); }
.nektr-pdp-v9-9 .gps-btn[aria-pressed="true"] {
  background: var(--teal); color: var(--cream); border-color: var(--teal);
}
.nektr-pdp-v9-9 .gut-patterns-stage { max-width: 1200px; margin: 0 auto; }

/* ====== PATTERN A: Folqs 4-card row (with pain points + conditions + mechanism) ====== */
.nektr-pdp-v9-9 .gpa-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.nektr-pdp-v9-9 .gpa-card {
  display: flex; flex-direction: column; gap: 10px;
  padding: 0 0 20px 0; background: #fff;
  border: 1px solid rgba(26,26,26,0.08); border-radius: 6px; overflow: hidden;
}
.nektr-pdp-v9-9 .gpa-eyebrow {
  font-size: 10px; letter-spacing: 0.2em; color: var(--teal);
  text-transform: uppercase;
  padding: 16px 18px 0;
}
.nektr-pdp-v9-9 .gpa-svg { width: 100%; height: auto; aspect-ratio: 1/1; display: block; background: #EFEDE8; }
.nektr-pdp-v9-9 .gpa-title {
  font-family: 'Archivo Black'; font-size: 15px; text-transform: uppercase;
  letter-spacing: 0.03em; line-height: 1.15;
  padding: 4px 18px 0;
}
.nektr-pdp-v9-9 .gpa-fails {
  font-size: 12px; line-height: 1.5;
  color: rgba(176,64,48,0.95);
  padding: 0 18px;
}
.nektr-pdp-v9-9 .gpa-fails span { color: rgba(26,26,26,0.7); }
.nektr-pdp-v9-9 .gpa-conditions {
  font-size: 10px; letter-spacing: 0.1em; color: rgba(26,26,26,0.55);
  padding: 0 18px; line-height: 1.5;
}
.nektr-pdp-v9-9 .gpa-fix {
  font-size: 12px; line-height: 1.55; color: rgba(26,26,26,0.82); margin: 4px 0 0;
  padding: 10px 18px 0;
  border-top: 1px dashed rgba(0,86,69,0.25);
}
.nektr-pdp-v9-9 .gpa-fix .fix-label {
  display: inline-block; font-family: 'Archivo Black'; font-size: 10px;
  letter-spacing: 0.1em; text-transform: uppercase;
  background: var(--teal); color: var(--cream);
  padding: 2px 6px; border-radius: 2px; margin-right: 6px;
  vertical-align: 1px;
}
.nektr-pdp-v9-9 .gpa-fix em { color: var(--teal); font-style: normal; font-weight: 500; }
@media (max-width: 760px) {
  .nektr-pdp-v9-9 .gpa-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .nektr-pdp-v9-9 .gpa-row { grid-template-columns: 1fr; }
}

/* ====== PATTERN B: Unified cross-section ====== */
.nektr-pdp-v9-9 .gpb-hero {
  background: #fff; border: 1px solid rgba(26,26,26,0.08);
  border-radius: 6px; padding: 12px; overflow: hidden;
}
.nektr-pdp-v9-9 .gpb-hero svg { width: 100%; height: auto; display: block; }
.nektr-pdp-v9-9 .gpb-captions {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; margin-top: 18px;
}
.nektr-pdp-v9-9 .gpb-cap {
  font-size: 13px; line-height: 1.55; color: rgba(26,26,26,0.78);
}
.nektr-pdp-v9-9 .gpb-cap .mono { color: var(--teal); font-weight: 700; margin-right: 4px; }
.nektr-pdp-v9-9 .gpb-cap .gpb-t {
  font-family: 'Archivo Black'; font-size: 12px; text-transform: uppercase;
  letter-spacing: 0.03em; color: var(--ink);
}
@media (max-width: 720px) {
  .nektr-pdp-v9-9 .gpb-captions { grid-template-columns: 1fr; }
}

/* ====== PATTERN C: Accordion ====== */
.nektr-pdp-v9-9 .gpc-list { background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px; overflow: hidden; }
.nektr-pdp-v9-9 .gpc-item { border-bottom: 1px solid rgba(26,26,26,0.08); }
.nektr-pdp-v9-9 .gpc-item:last-child { border-bottom: none; }
.nektr-pdp-v9-9 .gpc-item summary {
  display: flex; align-items: center; gap: 14px; padding: 14px 18px;
  cursor: pointer; list-style: none;
  transition: background 0.18s ease;
}
.nektr-pdp-v9-9 .gpc-item summary::-webkit-details-marker { display: none; }
.nektr-pdp-v9-9 .gpc-item summary:hover { background: rgba(0,86,69,0.03); }
.nektr-pdp-v9-9 .gpc-thumb { width: 64px; height: 48px; flex-shrink: 0; border-radius: 3px; display: block; }
.nektr-pdp-v9-9 .gpc-meta { flex: 1; display: grid; grid-template-columns: auto auto 1fr; gap: 4px 14px; align-items: baseline; }
.nektr-pdp-v9-9 .gpc-num { font-size: 11px; letter-spacing: 0.15em; color: var(--teal); }
.nektr-pdp-v9-9 .gpc-title { font-family: 'Archivo Black'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.03em; }
.nektr-pdp-v9-9 .gpc-tease { grid-column: 1 / -1; font-size: 12.5px; color: rgba(26,26,26,0.65); }
.nektr-pdp-v9-9 .gpc-chev {
  flex-shrink: 0; font-family: 'JetBrains Mono', monospace; font-size: 18px; font-weight: 300;
  color: var(--teal); transition: transform 0.25s ease;
}
.nektr-pdp-v9-9 .gpc-item[open] .gpc-chev { transform: rotate(45deg); }
.nektr-pdp-v9-9 .gpc-body { padding: 0 18px 18px 96px; font-size: 13.5px; line-height: 1.65; color: rgba(26,26,26,0.82); display: flex; flex-direction: column; gap: 8px; }
.nektr-pdp-v9-9 .gpc-body em { color: var(--teal); font-style: normal; font-weight: 500; }
.nektr-pdp-v9-9 .gpc-fails { font-size: 13px; padding: 8px 10px; background: rgba(176,64,48,0.06); border-left: 3px solid rgba(176,64,48,0.85); border-radius: 2px; }
.nektr-pdp-v9-9 .gpc-fails strong { color: rgba(176,64,48,1); font-weight: 700; letter-spacing: 0.02em; }
.nektr-pdp-v9-9 .gpc-conditions { font-size: 10.5px; letter-spacing: 0.12em; color: rgba(26,26,26,0.55); line-height: 1.5; }
.nektr-pdp-v9-9 .gpc-fix { margin: 0; padding: 10px 12px; background: rgba(0,86,69,0.05); border-left: 3px solid var(--teal); border-radius: 2px; color: rgba(26,26,26,0.82); }
.nektr-pdp-v9-9 .gpc-fix .fix-label {
  display: inline-block; font-family: 'Archivo Black'; font-size: 10px;
  letter-spacing: 0.1em; text-transform: uppercase;
  background: var(--teal); color: var(--cream);
  padding: 2px 7px; border-radius: 2px; margin-right: 8px;
  vertical-align: 1px;
}
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .gpc-body { padding-left: 18px; }
}
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .gpc-meta { grid-template-columns: 1fr; gap: 2px; }
  .nektr-pdp-v9-9 .gpc-body { padding-left: 18px; }
}

/* ====== PATTERN D: Numbered strip (with connectors) ====== */
.nektr-pdp-v9-9 .gpd-row {
  display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  align-items: center; gap: 8px;
}
.nektr-pdp-v9-9 .gpd-card {
  display: flex; flex-direction: column; gap: 8px; position: relative;
  padding: 20px 16px 18px; background: #fff;
  border: 1px solid rgba(26,26,26,0.08); border-radius: 6px;
}
.nektr-pdp-v9-9 .gpd-big-num {
  position: absolute; top: -14px; left: 16px;
  font-family: 'Archivo Black'; font-size: 26px; line-height: 1;
  background: var(--teal); color: var(--cream);
  padding: 5px 10px; border-radius: 3px; letter-spacing: 0.02em;
}
.nektr-pdp-v9-9 .gpd-svg { width: 100%; height: auto; aspect-ratio: 1/1; display: block; margin-top: 14px; border-radius: 3px; background: #EFEDE8; }
.nektr-pdp-v9-9 .gpd-title {
  font-family: 'Archivo Black'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.15;
}
.nektr-pdp-v9-9 .gpd-tag { font-size: 10px; letter-spacing: 0.12em; color: rgba(176,64,48,0.85); line-height: 1.5; text-transform: uppercase; }
.nektr-pdp-v9-9 .gpd-desc { font-size: 12.5px; line-height: 1.55; color: rgba(26,26,26,0.82); margin: 0; padding-top: 8px; border-top: 1px dashed rgba(0,86,69,0.25); }
.nektr-pdp-v9-9 .gpd-desc em { color: var(--teal); font-style: normal; font-weight: 500; }
.nektr-pdp-v9-9 .gpd-connector {
  height: 1px; background: linear-gradient(to right, transparent, var(--teal), transparent);
  opacity: 0.4;
}
@media (max-width: 760px) {
  .nektr-pdp-v9-9 .gpd-row { grid-template-columns: 1fr; gap: 18px; }
  .nektr-pdp-v9-9 .gpd-connector { display: none; }
}

/* ====== PATTERN E: Manual tabs ====== */
.nektr-pdp-v9-9 .gpe-tabs { display: flex; gap: 4px; margin-bottom: 0; border-bottom: 2px solid rgba(26,26,26,0.08); }
.nektr-pdp-v9-9 .gpe-tab {
  flex: 1; padding: 14px 12px; background: transparent; border: none;
  font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 600;
  color: rgba(26,26,26,0.5); cursor: pointer;
  border-bottom: 2px solid transparent; margin-bottom: -2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.nektr-pdp-v9-9 .gpe-tab .mono { font-size: 10px; letter-spacing: 0.15em; margin-right: 4px; }
.nektr-pdp-v9-9 .gpe-tab:hover { color: var(--teal); }
.nektr-pdp-v9-9 .gpe-tab.active { color: var(--teal); border-bottom-color: var(--teal); }
.nektr-pdp-v9-9 .gpe-panel {
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; align-items: center;
  padding: 32px 24px;
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-top: none;
  border-radius: 0 0 6px 6px;
}
.nektr-pdp-v9-9 .gpe-panel[hidden] { display: none; }
.nektr-pdp-v9-9 .gpe-svg { width: 100%; max-width: 360px; height: auto; display: block; border-radius: 4px; }
.nektr-pdp-v9-9 .gpe-eyebrow { font-size: 10px; letter-spacing: 0.2em; color: var(--teal); text-transform: uppercase; margin-bottom: 6px; }
.nektr-pdp-v9-9 .gpe-title { font-family: 'Archivo Black'; font-size: 22px; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.1; margin-bottom: 12px; }
.nektr-pdp-v9-9 .gpe-fails {
  font-size: 13px; line-height: 1.55; color: rgba(26,26,26,0.78); margin-bottom: 10px;
  padding: 10px 12px; background: rgba(176,64,48,0.06); border-left: 3px solid rgba(176,64,48,0.85); border-radius: 2px;
}
.nektr-pdp-v9-9 .gpe-fails strong { color: rgba(176,64,48,1); font-weight: 700; letter-spacing: 0.02em; }
.nektr-pdp-v9-9 .gpe-conditions {
  font-size: 11px; letter-spacing: 0.12em; color: rgba(26,26,26,0.55); margin-bottom: 14px;
  line-height: 1.55;
}
.nektr-pdp-v9-9 .gpe-fix {
  font-size: 14px; line-height: 1.65; color: rgba(26,26,26,0.82); margin: 0;
  padding: 12px 14px; background: rgba(0,86,69,0.05); border-left: 3px solid var(--teal); border-radius: 2px;
}
.nektr-pdp-v9-9 .gpe-fix .fix-label {
  display: inline-block; font-family: 'Archivo Black'; font-size: 10px;
  letter-spacing: 0.1em; text-transform: uppercase;
  background: var(--teal); color: var(--cream);
  padding: 2px 7px; border-radius: 2px; margin-right: 8px;
  vertical-align: 1px;
}
.nektr-pdp-v9-9 .gpe-fix em { color: var(--teal); font-style: normal; font-weight: 500; }
@media (max-width: 720px) {
  .nektr-pdp-v9-9 .gpe-panel { grid-template-columns: 1fr; gap: 18px; padding: 22px 16px; }
  .nektr-pdp-v9-9 .gpe-tab { font-size: 11px; padding: 12px 6px; }
  .nektr-pdp-v9-9 .gpe-tab .mono { display: block; margin: 0 0 2px; }
}

/* ====== PATTERN F: Dense icon grid ====== */
.nektr-pdp-v9-9 .gpf-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px; padding: 20px;
}
.nektr-pdp-v9-9 .gpf-cell {
  display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center;
  padding: 14px 10px;
}
.nektr-pdp-v9-9 .gpf-icon { width: 44px; height: 44px; display: block; }
.nektr-pdp-v9-9 .gpf-name { font-family: 'Archivo Black'; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
.nektr-pdp-v9-9 .gpf-desc { font-size: 12px; line-height: 1.5; color: rgba(26,26,26,0.68); margin: 0; }
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .gpf-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ====== PATTERN G: Sticky-scroll rail ====== */
.nektr-pdp-v9-9 .gpg-rail { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; }
.nektr-pdp-v9-9 .gpg-sticky { position: sticky; top: 100px; }
.nektr-pdp-v9-9 .gpg-svg-wrap {
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px;
  padding: 14px; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center;
}
.nektr-pdp-v9-9 .gpg-svg { width: 100%; height: 100%; display: block; }
.nektr-pdp-v9-9 .gpg-svg[hidden] { display: none !important; }
.nektr-pdp-v9-9 .gpg-text-col { display: flex; flex-direction: column; gap: 48px; }
.nektr-pdp-v9-9 .gpg-block { padding: 16px 0; border-left: 3px solid transparent; padding-left: 20px; transition: border-color 0.3s ease; }
.nektr-pdp-v9-9 .gpg-block.active { border-left-color: var(--teal); }
.nektr-pdp-v9-9 .gpg-num { font-size: 10px; letter-spacing: 0.2em; color: var(--teal); text-transform: uppercase; margin-bottom: 6px; }
.nektr-pdp-v9-9 .gpg-title { font-family: 'Archivo Black'; font-size: 22px; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.1; margin-bottom: 10px; }
.nektr-pdp-v9-9 .gpg-fails { font-size: 12.5px; line-height: 1.55; color: rgba(26,26,26,0.78); padding: 8px 10px; background: rgba(176,64,48,0.06); border-left: 3px solid rgba(176,64,48,0.85); border-radius: 2px; margin-bottom: 8px; }
.nektr-pdp-v9-9 .gpg-fails strong { color: rgba(176,64,48,1); font-weight: 700; }
.nektr-pdp-v9-9 .gpg-conditions { font-size: 10.5px; letter-spacing: 0.12em; color: rgba(26,26,26,0.55); margin-bottom: 12px; line-height: 1.5; }
.nektr-pdp-v9-9 .gpg-block p { font-size: 14px; line-height: 1.65; color: rgba(26,26,26,0.82); margin: 0; padding: 10px 12px; background: rgba(0,86,69,0.05); border-left: 3px solid var(--teal); border-radius: 2px; }
.nektr-pdp-v9-9 .gpg-block em { color: var(--teal); font-style: normal; font-weight: 500; }
@media (max-width: 720px) {
  .nektr-pdp-v9-9 .gpg-rail { grid-template-columns: 1fr; gap: 24px; }
  .nektr-pdp-v9-9 .gpg-sticky { position: static; }
  .nektr-pdp-v9-9 .gpg-text-col { gap: 24px; }
}

/* ====== PATTERN H: Tight 4-icon row ====== */
.nektr-pdp-v9-9 .gph-row {
  display: grid; grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  align-items: center; gap: 8px;
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px; padding: 20px;
}
.nektr-pdp-v9-9 .gph-card { display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center; padding: 10px 6px; }
.nektr-pdp-v9-9 .gph-icon { width: 40px; height: 40px; display: block; }
.nektr-pdp-v9-9 .gph-name { font-family: 'Archivo Black'; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
.nektr-pdp-v9-9 .gph-plus { font-family: 'JetBrains Mono', monospace; font-size: 20px; color: var(--teal); font-weight: 300; text-align: center; opacity: 0.5; }
.nektr-pdp-v9-9 .gph-caption { text-align: center; margin: 14px 0 0; font-size: 13px; color: rgba(26,26,26,0.75); }
.nektr-pdp-v9-9 .gph-caption strong { color: var(--teal); font-family: 'Outfit', sans-serif; font-weight: 700; }

/* ====== PATTERN I: Healthy vs Damaged (Folqs-style comparison) ====== */
/* ============ PATTERN I (LIVE 2026-04-25) — Sticky image + condition tags + NEKTR mechanism ============ */
.nektr-pdp-v9-9 .gpi-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 48px;
  align-items: start;
}
.nektr-pdp-v9-9 .gpi-image-col {
  position: sticky;
  top: 24px;
  align-self: start;
}
.nektr-pdp-v9-9 .gpi-image-col .gpi-img {
  width: 100%; height: auto; display: block;
  border-radius: 4px;
}
.nektr-pdp-v9-9 .gpi-image-caption {
  margin-top: 12px;
  font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase;
  color: rgba(26,26,26,0.55); text-align: center; line-height: 1.4;
}
.nektr-pdp-v9-9 .gpi-content-col {
  display: flex; flex-direction: column; gap: 32px;
}
.nektr-pdp-v9-9 .gpi-section {
  padding: 24px 26px;
  border-radius: 6px;
  background: rgba(255,255,255,0.55);
  border: 1px solid transparent; /* base — color set by per-state rule below */
}
/* Thin full-perimeter border (was a 3px left-only stroke). Subtle by design. */
.nektr-pdp-v9-9 .gpi-healthy { border-color: rgba(0,86,69,0.30); }
.nektr-pdp-v9-9 .gpi-damaged { border-color: rgba(176,64,48,0.30); }
.nektr-pdp-v9-9 .gpi-section-tag {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 5px 10px; border-radius: 3px; font-weight: 600;
}
.nektr-pdp-v9-9 .gpi-section-tag-healthy { background: var(--teal); color: var(--cream); }
.nektr-pdp-v9-9 .gpi-section-tag-damaged { background: rgba(176,64,48,0.95); color: #fff; }
.nektr-pdp-v9-9 .gpi-section-title {
  font-family: 'Outfit', sans-serif; font-weight: 600;
  font-size: 19px; line-height: 1.25;
  margin: 12px 0 0; color: var(--ink);
}
/* Accordion (collapsed by default, click to expand) */
.nektr-pdp-v9-9 .gpi-collapsible .gpi-toggle {
  width: 100%; background: none; border: none; cursor: pointer;
  text-align: left; padding: 0; margin: 0;
  display: block; position: relative; padding-right: 40px;
  font: inherit; color: inherit;
}
.nektr-pdp-v9-9 .gpi-collapsible .gpi-toggle:focus { outline: none; }
.nektr-pdp-v9-9 .gpi-collapsible .gpi-toggle:focus-visible {
  outline: 2px solid var(--teal); outline-offset: 4px; border-radius: 3px;
}
.nektr-pdp-v9-9 .gpi-toggle-icon {
  position: absolute; right: 0; top: 50%;
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 26px; font-weight: 300; line-height: 1;
  color: var(--teal);
  transition: transform 0.3s ease;
  transform: translateY(-50%);
}
.nektr-pdp-v9-9 .gpi-damaged .gpi-toggle-icon { color: rgba(176,64,48,1); }
.nektr-pdp-v9-9 .gpi-collapsible.open .gpi-toggle-icon {
  transform: translateY(-50%) rotate(45deg);
}
.nektr-pdp-v9-9 .gpi-section-body {
  max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height 0.45s ease, opacity 0.3s ease, margin-top 0.3s ease, padding-top 0.3s ease;
  margin-top: 0; padding-top: 0;
}
.nektr-pdp-v9-9 .gpi-collapsible.open .gpi-section-body {
  max-height: 3000px; opacity: 1;
  margin-top: 18px; padding-top: 4px;
}
/* Healthy: mechanism list */
.nektr-pdp-v9-9 .gpi-mech-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 14px;
}
.nektr-pdp-v9-9 .gpi-mech-list li {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,86,69,0.12);
}
.nektr-pdp-v9-9 .gpi-mech-list li:last-child { border-bottom: none; padding-bottom: 0; }
.nektr-pdp-v9-9 .gpi-mech-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--teal); margin-bottom: 5px;
  display: flex; align-items: baseline; gap: 8px;
}
.nektr-pdp-v9-9 .gpi-mech-num {
  font-size: 10px; color: rgba(0,86,69,0.55); font-weight: 500;
  letter-spacing: 0.08em;
}
.nektr-pdp-v9-9 .gpi-mech-text {
  font-size: 13px; line-height: 1.55; color: rgba(26,26,26,0.82);
  margin: 0;
}
.nektr-pdp-v9-9 .gpi-mech-text em { color: var(--teal); font-style: italic; font-weight: 600; }
/* Damaged: condition list with tag pills */
.nektr-pdp-v9-9 .gpi-cond-list {
  display: flex; flex-direction: column; gap: 18px;
}
.nektr-pdp-v9-9 .gpi-cond-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em;
  color: rgba(176,64,48,1); margin-bottom: 8px;
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}
.nektr-pdp-v9-9 .gpi-cond-num {
  font-size: 10px; color: rgba(176,64,48,0.55); font-weight: 500;
  letter-spacing: 0.08em;
}
.nektr-pdp-v9-9 .gpi-cond-name em {
  font-family: 'Outfit', sans-serif; font-weight: 400; font-style: normal;
  text-transform: none; letter-spacing: 0; font-size: 11.5px;
  color: rgba(176,64,48,0.7);
}
.nektr-pdp-v9-9 .gpi-cond-tags {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.nektr-pdp-v9-9 .gpi-tag {
  display: inline-block;
  background: rgba(176,64,48,0.08);
  color: rgba(176,64,48,1);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; padding: 4px 9px;
  letter-spacing: 0.04em;
  border: 1px solid rgba(176,64,48,0.18);
  border-radius: 3px;
}
.nektr-pdp-v9-9 .gpi-section-foot {
  margin: 18px 0 0; padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,0.08);
  font-size: 12.5px; color: rgba(26,26,26,0.7); line-height: 1.55;
}
.nektr-pdp-v9-9 .gpi-section-foot strong {
  color: var(--teal); font-family: 'Outfit', sans-serif; font-weight: 700;
}
.nektr-pdp-v9-9 .gpi-damaged .gpi-section-foot strong { color: rgba(176,64,48,1); }

@media (max-width: 760px) {
  .nektr-pdp-v9-9 .gpi-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  /* No sticky on mobile — too cramped, image stacks above content */
  .nektr-pdp-v9-9 .gpi-image-col { position: static; }
  .nektr-pdp-v9-9 .gpi-section { padding: 20px 18px; }
  .nektr-pdp-v9-9 .gpi-section-title { font-size: 17px; }
  .nektr-pdp-v9-9 .gpi-tag { font-size: 10px; padding: 3px 8px; }
}

/* ============ Old Pattern I styles (kept for reference, no longer used) ============ */
.nektr-pdp-v9-9 .gpi-hero {
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px; padding: 12px; overflow: hidden;
}
.nektr-pdp-v9-9 .gpi-img { width: 100%; height: auto; display: block; border-radius: 3px; }
.nektr-pdp-v9-9 .gpi-compare {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px;
}
.nektr-pdp-v9-9 .gpi-col {
  background: #fff; border: 1px solid rgba(26,26,26,0.08); border-radius: 6px;
  padding: 18px 20px;
  display: flex; flex-direction: column; gap: 10px;
}
/* (V9.9) Removed: old gpi-healthy/gpi-damaged border-left rules — they were
   overriding the new thin full-perimeter border defined ~150 lines above. */
.nektr-pdp-v9-9 .gpi-col-head {
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
}
.nektr-pdp-v9-9 .gpi-healthy .gpi-col-head { color: var(--teal); }
.nektr-pdp-v9-9 .gpi-damaged .gpi-col-head { color: rgba(176,64,48,1); }
.nektr-pdp-v9-9 .gpi-col ul { margin: 0; padding: 0 0 0 16px; font-size: 13px; line-height: 1.6; color: rgba(26,26,26,0.82); }
.nektr-pdp-v9-9 .gpi-col li { margin-bottom: 4px; }
.nektr-pdp-v9-9 .gpi-col strong { font-family: 'Archivo Black'; font-size: 11.5px; letter-spacing: 0.03em; text-transform: uppercase; }
.nektr-pdp-v9-9 .gpi-healthy strong { color: var(--teal); }
.nektr-pdp-v9-9 .gpi-damaged strong { color: rgba(176,64,48,1); }
.nektr-pdp-v9-9 .gpi-col-foot {
  margin: 4px 0 0; font-size: 12.5px; line-height: 1.55; color: rgba(26,26,26,0.78);
  padding-top: 10px; border-top: 1px dashed rgba(26,26,26,0.1);
}
.nektr-pdp-v9-9 .gpi-col-foot strong {
  font-family: 'Outfit', sans-serif; font-size: 13px; text-transform: none; letter-spacing: 0;
  color: var(--teal); font-weight: 700;
}
@media (max-width: 720px) {
  .nektr-pdp-v9-9 .gpi-compare { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .gph-row { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .nektr-pdp-v9-9 .gph-plus { display: none; }
}

/* ========== legacy: V9.7 GUT-WALL LAYERS (Apr 24 client pass, deprecated by 8-pattern switcher) ========== */
.nektr-pdp-v9-9 .works-layers[hidden] { display: none !important; }
.nektr-pdp-v9-9 .works-layers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 32px;
}
.nektr-pdp-v9-9 .layer-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 1.7fr;
  gap: 28px;
  align-items: center;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid rgba(26,26,26,0.08);
  border-radius: 4px;
}
.nektr-pdp-v9-9 .layer-text { display: flex; flex-direction: column; gap: 8px; }
.nektr-pdp-v9-9 .layer-num {
  font-size: 11px; letter-spacing: 0.2em; color: var(--teal);
  text-transform: uppercase;
}
.nektr-pdp-v9-9 .layer-title {
  font-family: 'Archivo Black'; font-size: 18px; letter-spacing: 0.04em;
  text-transform: uppercase; line-height: 1.15;
}
.nektr-pdp-v9-9 .layer-desc {
  font-size: 13.5px; line-height: 1.6; color: rgba(26,26,26,0.78); margin: 0;
}
.nektr-pdp-v9-9 .layer-desc em { color: var(--teal); font-style: normal; font-weight: 500; }
.nektr-pdp-v9-9 .layer-svg { min-width: 0; }
.nektr-pdp-v9-9 .layer-svg .wf-svg {
  width: 100%; height: auto; display: block;
  border-radius: 3px; overflow: hidden;
}
@media (max-width: 720px) {
  .nektr-pdp-v9-9 .layer-row { grid-template-columns: 1fr; gap: 14px; padding: 18px 16px; }
}

/* Legacy tab styles kept below for backwards-compatibility but not used in V9.7 */
.nektr-pdp-v9-9 .works-tabs { display: none; }
.nektr-pdp-v9-9 .works-focus { display: none; }
.nektr-pdp-v9-9 .works-tabs-legacy { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 24px; }
.nektr-pdp-v9-9 .wt-tab {
  display: flex; gap: 12px; align-items: flex-start; text-align: left;
  padding: 18px 14px;
  background: rgba(26,26,26,0.04); border: 1px solid rgba(26,26,26,0.1); border-radius: 4px;
  cursor: pointer; transition: background 0.25s, border-color 0.25s, transform 0.15s;
  color: rgba(26,26,26,0.5);
  font: inherit;
}
.nektr-pdp-v9-9 .wt-tab:hover { transform: translateY(-1px); background: rgba(26,26,26,0.06); }
.nektr-pdp-v9-9 .wt-tab.active {
  background: #fff; border-color: var(--teal); color: var(--ink);
  box-shadow: 0 4px 18px rgba(0,86,69,0.08);
}
.nektr-pdp-v9-9 .wt-tab .num {
  font-family: 'Archivo Black'; font-size: 16px; color: var(--teal); letter-spacing: 0.05em;
  min-width: 26px;
}
.nektr-pdp-v9-9 .wt-tab .t {
  font-family: 'Archivo Black'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.nektr-pdp-v9-9 .wt-tab .d { font-size: 12.5px; line-height: 1.5; }
.nektr-pdp-v9-9 .wt-tab.active .num { color: var(--teal); }

.nektr-pdp-v9-9 .works-focus {
  margin-top: 20px; border: 1px solid rgba(26,26,26,0.12); border-radius: 4px; overflow: hidden;
  background: #EFF4EF;
}
.nektr-pdp-v9-9 .works-focus .wf-svg { width: 100%; height: auto; display: block; }

/* Subtle animations per layer */
@keyframes wfMicrobiome { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes wfPulse { 0%,100% { opacity: 0.8; } 50% { opacity: 1; } }
.nektr-pdp-v9-9 .wf-svg .wf-anim-microbiome { animation: wfMicrobiome 3s ease-in-out infinite; transform-origin: center; }

@media (max-width: 760px) {
  .nektr-pdp-v9-9 .works-tabs { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .works-tabs { grid-template-columns: 1fr; }
}

/* ========== V9.7 COMPARISON V2 (2-col NEKTR vs Other Brands, Cowboy-layout) ========== */







.nektr-pdp-v9-9 .comp-v2 {
  border: 1px solid var(--ink); border-radius: 3px; overflow: hidden;
  background: #fff;
}
.nektr-pdp-v9-9 .comp-v2-head {
  display: grid; grid-template-columns: 1.3fr 1fr 1fr;
  background: var(--gold-lime);
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-th { padding: 24px 18px; text-align: center; }
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-label-col { background: #fff; }
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-nektr-col {
  background: var(--gold-lime); color: var(--ink);
  border-left: 1px solid rgba(26,26,26,0.1);
  border-right: 1px solid rgba(26,26,26,0.1);
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-other-col {
  background: #f7f3ea; color: rgba(26,26,26,0.7);
}


.nektr-pdp-v9-9 .comp-v2-img img { max-height: 100%; width: auto; object-fit: contain; }

/* Variant A — crop from broll-comparison-02.png showing WHITE jar on the left side */

/* Variant B — SVG illustration */

/* Variant C — placeholder */





.nektr-pdp-v9-9 .comp-v2-name {
  font-family: 'Archivo Black'; font-size: 18px; text-transform: uppercase; letter-spacing: 0.04em;
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-other-col .comp-v2-name { opacity: 0.7; }

.nektr-pdp-v9-9 .comp-v2-rows { display: grid; }
.nektr-pdp-v9-9 .comp-v2-row {
  display: grid; grid-template-columns: 1.3fr 1fr 1fr;
  align-items: stretch;
  border-top: 1px solid rgba(26,26,26,0.1);
  transition: background 0.2s;
}
.nektr-pdp-v9-9 .comp-v2-row:first-child { border-top: none; }
.nektr-pdp-v9-9 .comp-v2-row[aria-expanded="true"] { background: rgba(0,86,69,0.03); }
.nektr-pdp-v9-9 .comp-v2-row[aria-expanded="true"] .comp-v2-nektr-col { background: rgba(212,204,58,0.12); }

/* Label cell — contains the clickable toggle + in-cell description */
.nektr-pdp-v9-9 .comp-v2-label-cell {
  padding: 18px 20px;
  display: flex; flex-direction: column; gap: 14px;
  align-items: flex-start; justify-content: flex-start;
}
.nektr-pdp-v9-9 .cv2-toggle {
  background: transparent; border: none; padding: 0; margin: 0;
  font: inherit; font-size: 14px; font-weight: 500; color: inherit;
  display: flex; align-items: center; gap: 10px;
  cursor: pointer; text-align: left;
  width: 100%;
}
.nektr-pdp-v9-9 .cv2-toggle:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
.nektr-pdp-v9-9 .cv2-chev {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  border: 1px solid rgba(0,86,69,0.4); color: var(--teal);
  font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; line-height: 1;
  flex-shrink: 0;
  transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1), background 0.2s, color 0.2s;
}
.nektr-pdp-v9-9 .comp-v2-row[aria-expanded="true"] .cv2-chev {
  transform: rotate(45deg);
  background: var(--teal); color: var(--cream); border-color: var(--teal);
}

/* Description — stays INSIDE the label cell, the row grows around it */
.nektr-pdp-v9-9 .comp-v2-detail {
  font-size: 13.5px; line-height: 1.55; color: rgba(26,26,26,0.78); max-width: 68ch;
  max-height: 300px; opacity: 1;
  margin-top: 8px;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1),
              opacity 0.28s ease,
              margin 0.32s cubic-bezier(0.33, 1, 0.68, 1);
}
.nektr-pdp-v9-9 .comp-v2-detail[hidden] {
  display: block !important;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
}
.nektr-pdp-v9-9 .comp-v2-detail p { margin: 0; }

/* Value cells — flex-center so values stay vertically centered as row grows */
.nektr-pdp-v9-9 .comp-v2-cell {
  padding: 18px 12px; text-align: center;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  border-left: 1px solid rgba(26,26,26,0.08);
}
.nektr-pdp-v9-9 .comp-v2-cell.comp-v2-nektr-col { background: rgba(212,204,58,0.08); }
.nektr-pdp-v9-9 .comp-v2-cell.comp-v2-other-col { background: transparent; }
.nektr-pdp-v9-9 .v2-val { font-family: 'Archivo Black'; font-size: 15px; }
.nektr-pdp-v9-9 .v2-muted { color: rgba(26,26,26,0.6); font-family: 'Archivo Black'; }
.nektr-pdp-v9-9 .v2-check { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: var(--teal); color: var(--cream); align-items: center; justify-content: center; font-weight: 700; font-size: 15px; }
.nektr-pdp-v9-9 .v2-x { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: #e8e4dd; color: #9a9689; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.nektr-pdp-v9-9 .v2-sub { display: block; margin-top: 4px; font-size: 9.5px; letter-spacing: 0.1em; color: rgba(26,26,26,0.6); text-transform: uppercase; }

/* (Replaces the earlier spanning-detail layout) */
.nektr-pdp-v9-9 .comp-v2-row .comp-v2-cell {
  padding: 18px 12px; text-align: center;
  border-left: 1px solid rgba(26,26,26,0.08);
}
.nektr-pdp-v9-9 .comp-v2-row .comp-v2-nektr-col { background: rgba(212,204,58,0.08); }
.nektr-pdp-v9-9 .comp-v2-row .comp-v2-other-col { background: transparent; }
.nektr-pdp-v9-9 .v2-val { font-family: 'Archivo Black'; font-size: 15px; }
.nektr-pdp-v9-9 .v2-muted { color: rgba(26,26,26,0.6); font-family: 'Archivo Black'; }
.nektr-pdp-v9-9 .v2-check { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: var(--teal); color: var(--cream); align-items: center; justify-content: center; font-weight: 700; font-size: 15px; }
.nektr-pdp-v9-9 .v2-x { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: #e8e4dd; color: #9a9689; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.nektr-pdp-v9-9 .v2-sub { display: block; margin-top: 4px; font-size: 9.5px; letter-spacing: 0.1em; color: rgba(26,26,26,0.6); text-transform: uppercase; }
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .comp-v2-head { grid-template-columns: 1fr 1fr 1fr; }
  .nektr-pdp-v9-9 .comp-v2-row { grid-template-columns: 1fr 0.7fr 0.7fr; }
  .nektr-pdp-v9-9 .comp-v2-row .comp-v2-label { padding: 14px 12px; font-size: 12.5px; }
  .nektr-pdp-v9-9 .comp-v2-row .comp-v2-cell { padding: 14px 6px; }
  .nektr-pdp-v9-9 .comp-v2-img { height: 80px; }
  .nektr-pdp-v9-9 .comp-v2-name { font-size: 13px; }
  .nektr-pdp-v9-9 .v2-val { font-size: 12.5px; }
  .nektr-pdp-v9-9 .v2-check, .nektr-pdp-v9-9 .v2-x { width: 22px; height: 22px; font-size: 12px; }
  
  
}

/* V9.7 "Inside the jar" spectrum-photo — macro powder image + 4-stat overlay */





/* V9.7 Comparison — single-variant clean design (post-A/B/C removal) */
/* Apr 24 client pass: shorter first row, both jars same visual size */
.nektr-pdp-v9-9 .comp-v2-img { height: 96px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.nektr-pdp-v9-9 .comp-v2-nektr-img img { height: 96px; width: auto; display: block; object-fit: contain; }
.nektr-pdp-v9-9 .comp-v2-other-img svg { height: 96px; width: auto; display: block; }
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .comp-v2-img { height: 78px; margin-bottom: 8px; }
  .nektr-pdp-v9-9 .comp-v2-nektr-img img { height: 78px; }
  .nektr-pdp-v9-9 .comp-v2-other-img svg { height: 78px; }
}

/* V9.7 patch: rebalance header + image sizing + hidden attribute win */
/* Apr 24 client pass: shorter first row */
.nektr-pdp-v9-9 .comp-v2-head { background: #fafaf6; }
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-th { padding: 18px 18px 14px; text-align: center; }
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-label-col {
  background: #fff;
  display: flex; align-items: center; justify-content: flex-start;
  padding: 18px 20px;
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-label-col .comp-v2-h-label {
  font-family: 'Archivo Black'; font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em;
  color: rgba(26,26,26,0.75);
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-nektr-col {
  background: rgba(212,204,58,0.12);
  color: var(--ink);
  border-left: 1px solid rgba(26,26,26,0.08);
  border-right: 1px solid rgba(26,26,26,0.08);
}
.nektr-pdp-v9-9 .comp-v2-head .comp-v2-other-col {
  background: #f5f1ea;
  color: rgba(26,26,26,0.7);
}

/* NEKTR image — fill the cell, no yellow sea */
.nektr-pdp-v9-9 .comp-v2-nektr-col .comp-v2-img img {
  height: 96px; width: auto; max-width: none;
  background: transparent;
}

/* Other-Brands images — match NEKTR jar height exactly */
.nektr-pdp-v9-9 .comp-v2-other-col .comp-v2-img > * { max-height: 96px; height: 96px; }
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .comp-v2-other-col .comp-v2-img > * { max-height: 78px; height: 78px; }
}




/* Nudge mobile: hide the label-col header text but keep the row labels */
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .comp-v2-head .comp-v2-label-col { padding: 16px 12px; }
  .nektr-pdp-v9-9 .comp-v2-head .comp-v2-label-col .comp-v2-h-label { font-size: 11px; }
  .nektr-pdp-v9-9 .comp-v2-img-A .comp-v2-img-crop,
  
}

/* ========== V9.7 COA widget in buy box ========== */
.nektr-pdp-v9-9 .coa-widget {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px; margin: 10px 0;
  background: rgba(0,86,69,0.05); border: 1px solid rgba(0,86,69,0.2); border-radius: 6px;
  text-decoration: none; color: inherit;
  transition: background 0.2s, transform 0.15s, border-color 0.2s;
  cursor: pointer;
}
.nektr-pdp-v9-9 .coa-widget:hover {
  background: rgba(0,86,69,0.1);
  border-color: var(--teal);
  transform: translateY(-1px);
}
.nektr-pdp-v9-9 .coa-ring {
  width: 54px; height: 54px; flex-shrink: 0;
  border: 2px dashed var(--teal); border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: #fff;
}
.nektr-pdp-v9-9 .coa-ring-big { font-family: 'Archivo Black'; font-size: 10px; color: var(--teal); letter-spacing: 0.08em; line-height: 1; }
.nektr-pdp-v9-9 .coa-ring-small { font-family: 'JetBrains Mono', monospace; font-size: 7px; color: var(--teal); letter-spacing: 0.18em; opacity: 0.8; margin-top: 2px; }
.nektr-pdp-v9-9 .coa-body { flex: 1; }
.nektr-pdp-v9-9 .coa-title { font-family: 'Archivo Black'; font-size: 13px; color: var(--ink); text-transform: uppercase; letter-spacing: 0.04em; }
.nektr-pdp-v9-9 .coa-meta { font-size: 9.5px; letter-spacing: 0.12em; color: rgba(26,26,26,0.6); text-transform: uppercase; margin-top: 2px; }
.nektr-pdp-v9-9 .coa-cta { font-size: 10px; color: var(--teal); font-weight: 700; letter-spacing: 0.08em; margin-top: 6px; text-transform: uppercase; }

/* ========== V9.7 Okendo Reviews Widget embed + skeleton loading ========== */
.nektr-pdp-v9-9 .reviews-widget-slot { margin-top: 40px; }
.nektr-pdp-v9-9 .okendo-widget-wrapper { position: relative; min-height: 280px; }

/* ========== Reviews CTA (in photo-reviews section, scrolls to full Okendo widget) ========== */
.nektr-pdp-v9-9 .reviews-cta-row { margin-top: 36px; text-align: center; }
.nektr-pdp-v9-9 .reviews-cta {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 16px 32px; background: var(--ink); color: var(--cream);
  font-family: 'Archivo Black'; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 3px; border: none; cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.nektr-pdp-v9-9 .reviews-cta svg { width: 18px; height: 18px; }
.nektr-pdp-v9-9 .reviews-cta:hover { background: #000; transform: translateY(-1px); }
.nektr-pdp-v9-9 .reviews-cta:active { transform: translateY(0); }

/* ========== All-reviews section (last content section, hosts the full Okendo widget) ========== */
.nektr-pdp-v9-9 .all-reviews { background: var(--cream); padding: 56px 0; }
.nektr-pdp-v9-9 .all-reviews-head { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.nektr-pdp-v9-9 .all-reviews-head h2 { font-size: clamp(36px, 4.5vw, 56px); margin: 12px 0 16px; line-height: 0.96; }
.nektr-pdp-v9-9 .all-reviews-sub { color: rgba(26,26,26,0.7); font-size: 14px; line-height: 1.6; }

/* Hide skeleton once the Okendo widget has populated the div with children */
.nektr-pdp-v9-9 .okendo-widget-wrapper:has([data-oke-widget] > *) .oke-skeleton { display: none; }

.nektr-pdp-v9-9 .okendo-widget-wrapper [data-oke-widget]:empty { min-height: 0; }
.nektr-pdp-v9-9 .okendo-widget-wrapper [data-oke-widget] { /* Okendo widget renders here */ }

/* Skeleton */
.nektr-pdp-v9-9 .oke-skeleton {
  padding: 24px 24px 32px; border: 1px solid rgba(0,86,69,0.12);
  border-radius: 4px; background: rgba(0,86,69,0.02);
}
.nektr-pdp-v9-9 .oke-sk-header { margin-bottom: 24px; display: flex; flex-direction: column; gap: 8px; }
.nektr-pdp-v9-9 .oke-sk-row {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 16px 0; border-top: 1px solid rgba(0,86,69,0.08);
}
.nektr-pdp-v9-9 .oke-sk-avatar {
  width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
  background: rgba(0,86,69,0.08);
  animation: okeShimmer 1.6s linear infinite;
}
.nektr-pdp-v9-9 .oke-sk-lines { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.nektr-pdp-v9-9 .oke-sk-bar {
  height: 10px; border-radius: 2px; background: rgba(0,86,69,0.08);
  animation: okeShimmer 1.6s linear infinite;
}
.nektr-pdp-v9-9 .oke-sk-bar-lg { width: 100%; }
.nektr-pdp-v9-9 .oke-sk-bar-md { width: 60%; }
.nektr-pdp-v9-9 .oke-sk-bar-sm { width: 40%; height: 8px; }
.nektr-pdp-v9-9 .oke-sk-note {
  text-align: center; margin-top: 20px; font-size: 10.5px;
  letter-spacing: 0.14em; text-transform: uppercase; color: rgba(0,86,69,0.55);
}
@keyframes okeShimmer {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* Scoped nudges to better blend the Okendo widget (applied after render) */
.nektr-pdp-v9-9 [data-oke-widget] .oke-w {
  font-family: 'Outfit', sans-serif !important;
}
.nektr-pdp-v9-9 [data-oke-widget] .oke-w-accent,
.nektr-pdp-v9-9 [data-oke-widget] .oke-w-btn-primary {
  background-color: var(--teal) !important;
  border-color: var(--teal) !important;
}
.nektr-pdp-v9-9 #reviews-widget .rw-ph-label {
  font-size: 11px; letter-spacing: 0.2em; color: var(--teal); text-transform: uppercase; margin-bottom: 10px;
}
.nektr-pdp-v9-9 #reviews-widget .rw-ph-note {
  font-size: 13px; color: rgba(26,26,26,0.6); max-width: 520px; margin: 0 auto 16px; line-height: 1.6;
}
.nektr-pdp-v9-9 #reviews-widget .rw-ph-link {
  display: inline-block; padding: 10px 22px; background: var(--teal); color: var(--cream);
  border-radius: 3px; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; text-decoration: none; transition: background 0.2s;
}
.nektr-pdp-v9-9 #reviews-widget .rw-ph-link:hover { background: #044334; }

/* ========== V9.7 micro-animations on clickable elements ========== */
.nektr-pdp-v9-9 .atc-btn,
.nektr-pdp-v9-9 .btn,
.nektr-pdp-v9-9 .flavor-btn,
.nektr-pdp-v9-9 .qty-stepper button,
.nektr-pdp-v9-9 .purchase-opt,
.nektr-pdp-v9-9 .thumb,
.nektr-pdp-v9-9 .faq-q,
.nektr-pdp-v9-9 .acc-head,
.nektr-pdp-v9-9 .lab-cta,
.nektr-pdp-v9-9 .comp-v2-opt,
.nektr-pdp-v9-9 .wt-tab,
.nektr-pdp-v9-9 .reviews-more a {
  transition: transform 0.18s ease, box-shadow 0.25s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.nektr-pdp-v9-9 .atc-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(26,26,26,0.2); }
.nektr-pdp-v9-9 .btn:hover { transform: translateY(-2px); }
.nektr-pdp-v9-9 .atc-btn:active,
.nektr-pdp-v9-9 .btn:active { transform: translateY(0); }
.nektr-pdp-v9-9 .thumb:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.12); }
.nektr-pdp-v9-9 .faq-q:hover,
.nektr-pdp-v9-9 .acc-head:hover { background: rgba(0,86,69,0.04); }


/* ========== V9.7 smooth-scroll + in-page anchor polish ========== */
html { scroll-behavior: smooth; }
.nektr-pdp-v9-9 { scroll-padding-top: 80px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Smooth accordion + drawer transitions (explicit easing) */
.nektr-pdp-v9-9 .acc-body,
.nektr-pdp-v9-9 .faq-a,
.nektr-pdp-v9-9 .ing-drawer {
  transition: max-height 0.45s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s ease, padding 0.3s ease;
}

/* ========== V9.7 Lab Testing iframe section (new — inline, smooth-scroll target) ========== */
.nektr-pdp-v9-9 .lab-testing {
  padding: 64px 0; background: var(--cream);
  border-top: 1px solid rgba(26,26,26,0.08);
}
.nektr-pdp-v9-9 .lab-testing .lab-head {
  text-align: center; margin-bottom: 28px;
}
.nektr-pdp-v9-9 .lab-testing .lab-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.2em; color: var(--teal); text-transform: uppercase; margin-bottom: 10px;
}
.nektr-pdp-v9-9 .lab-testing h2.lab-title {
  font-family: 'Archivo Black'; font-size: clamp(32px, 4vw, 46px);
  line-height: 1; margin: 0 0 10px; letter-spacing: -0.01em;
}
.nektr-pdp-v9-9 .lab-testing h2.lab-title .accent { color: var(--teal); }
.nektr-pdp-v9-9 .lab-testing .lab-sub {
  font-size: 13.5px; color: rgba(26,26,26,0.65); max-width: 560px; margin: 0 auto 20px; line-height: 1.6;
}
.nektr-pdp-v9-9 .lab-testing .lab-iframe-wrap {
  max-width: 900px; margin: 0 auto; padding: 12px;
  background: #fff; border: 1px solid rgba(26,26,26,0.12); border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.04);
}
.nektr-pdp-v9-9 .lab-testing .lab-iframe-wrap iframe,
.nektr-pdp-v9-9 .lab-testing .lab-iframe-wrap lightlabs-widget {
  display: block; width: 100%; min-height: 520px; border: 0; border-radius: 3px;
}
.nektr-pdp-v9-9 .lab-testing .lab-foot {
  text-align: center; margin-top: 16px;
  font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.12em;
  color: rgba(26,26,26,0.5); text-transform: uppercase;
}
.nektr-pdp-v9-9 .lab-testing .lab-foot a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .lab-testing { padding: 40px 0; }
  .nektr-pdp-v9-9 .lab-testing .lab-iframe-wrap iframe { min-height: 420px; }
}

/* ========== RESPONSIVE ========== */
@media (max-width: 760px) {
  /* Mobile whitespace audit (Apr-25): tighten section padding so the page
     doesn't feel like 50% empty bands. Desktop is now 56-64px per side;
     mobile drops to 44-48px so sections breathe without dominating. */
  .nektr-pdp-v9-9 .reviews-top,
  .nektr-pdp-v9-9 .five-systems,
  .nektr-pdp-v9-9 .stats-section,
  .nektr-pdp-v9-9 .comparison,
  .nektr-pdp-v9-9 .spectrum,
  .nektr-pdp-v9-9 .faq,
  .nektr-pdp-v9-9 .how-works,
  .nektr-pdp-v9-9 .all-reviews,
  .nektr-pdp-v9-9 .final-cta { padding: 44px 0; }

  .nektr-pdp-v9-9 .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .nektr-pdp-v9-9 .shield-grid { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
  .nektr-pdp-v9-9 .reviews-grid {
    display: flex; flex-wrap: nowrap; overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px; padding: 4px 16px 20px;
    margin: 0 -16px;
    scrollbar-width: none; -ms-overflow-style: none;
    scroll-behavior: smooth;
  }
  .nektr-pdp-v9-9 .reviews-grid::-webkit-scrollbar { display: none; }
  .nektr-pdp-v9-9 .reviews-grid > * {
    flex: 0 0 85%; max-width: 85%;
    scroll-snap-align: center;
    display: flex !important;
  }
  .nektr-pdp-v9-9 .systems-grid { grid-template-columns: repeat(2, 1fr); }
  .nektr-pdp-v9-9 .system { border-right: 1px solid rgba(239,237,232,0.18); border-bottom: 1px solid rgba(239,237,232,0.18); }
  .nektr-pdp-v9-9 .bar-row { grid-template-columns: 1fr; gap: 10px; }
  .nektr-pdp-v9-9 .bar-row .pct { font-size: 40px; }

  /* .head elements use flex on desktop — force column-stack on mobile so the summary/rating drops BELOW the big headline */
  .nektr-pdp-v9-9 .stats-section .head,
  .nektr-pdp-v9-9 .reviews-top .head,
  .nektr-pdp-v9-9 .five-systems .head,

  /* Explicit grids collapsing to 1 col */
  .nektr-pdp-v9-9 .how-to-grid,
  .nektr-pdp-v9-9 .works-diagram,
  .nektr-pdp-v9-9 .spectrum-grid,
  .nektr-pdp-v9-9 .yellow-test,

  /* Radial image caps its own height on mobile so it doesn't dominate */

  /* Lab trust badge column takes full width and normal height */
  .nektr-pdp-v9-9 .lab-trust .badge-column { margin-top: 8px; }

  /* Test-item grid stays 2-col at tablet, drops to 1-col at small phone */
  .nektr-pdp-v9-9 .test-grid { grid-template-columns: 1fr 1fr; }

  /* Ingredient rows: collapse the 3-col into 2-row layout — name full-width, then amount + role side by side */
  .nektr-pdp-v9-9 .ing-row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "amt role";
    gap: 8px 16px; padding: 14px 16px;
  }
  .nektr-pdp-v9-9 .ing-row .ing-name { grid-area: name; }
  .nektr-pdp-v9-9 .ing-row .ing-amt { grid-area: amt; }
  .nektr-pdp-v9-9 .ing-row .ing-role { grid-area: role; }
  .nektr-pdp-v9-9 .ing-drawer { grid-column: 1 / -1; margin: 10px -16px -14px; }
  .nektr-pdp-v9-9 .ing-drawer-inner { grid-template-columns: 1fr; gap: 10px; }

  /* Final CTA offer-recap on mobile: keep it vertical + tighter spacing */
  .nektr-pdp-v9-9 .final-cta .offer-recap { gap: 10px 22px; padding-top: 18px; margin-top: 20px; max-width: none; }

  .nektr-pdp-v9-9 .comp-table { font-size: 12px; }
  .nektr-pdp-v9-9 .comp-table .th .name { font-size: 12px; }
  .nektr-pdp-v9-9 .standard-certs { grid-template-columns: repeat(2, 1fr); }

  /* Hero trust strip stacks sooner (was only 2-col at 600px) */
  .nektr-pdp-v9-9 .trust-strip-hero { grid-template-columns: repeat(2, 1fr); row-gap: 14px; }
  .nektr-pdp-v9-9 .trust-strip-hero > div:nth-child(2n) { border-right: none; }

  .nektr-pdp-v9-9 .sticky-mobile { display: flex; }
  .nektr-pdp-v9-9 .yellow-test .photo { border-right: none; border-bottom: 1px solid var(--ink); }

  /* Comparison table: horizontal scroll wrapper on mobile — fixes 5-col cramming */
  .nektr-pdp-v9-9 .comparison .comp-scroll {
    overflow-x: auto; margin: 0 -16px; padding: 0 16px 12px;
    -webkit-overflow-scrolling: touch;
  }
  .nektr-pdp-v9-9 .comp-table { min-width: 620px; }
  .nektr-pdp-v9-9 .comparison .mobile-swipe-hint {
    display: block; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.14em;
    text-transform: uppercase; color: var(--teal); opacity: 0.7; margin: 4px 0 12px;
  }

  /* Hero accordion remains in flow below buy box (sticky gallery is desktop only) */
  .nektr-pdp-v9-9 .hero-grid > div:first-child { position: static; }
}
@media (max-width: 600px) {
  .nektr-pdp-v9-9 .wrap { padding: 0 16px; }
  .nektr-pdp-v9-9 .shield-grid { grid-template-columns: repeat(2, 1fr); }
  .nektr-pdp-v9-9 .systems-grid { grid-template-columns: 1fr; }
  .nektr-pdp-v9-9 .gut-svg-wrap { padding: 16px; aspect-ratio: auto; }
  .nektr-pdp-v9-9 .h1-main { font-size: 38px; }
  .nektr-pdp-v9-9 .benefit-pills { grid-template-columns: 1fr; }
  .nektr-pdp-v9-9 .standard-certs { grid-template-columns: 1fr; }
  .nektr-pdp-v9-9 .standard-certs > div { border-right: none; border-bottom: 1px solid rgba(239,237,232,0.22); }
  .nektr-pdp-v9-9 .test-grid { grid-template-columns: 1fr; }

  /* Decay chart bars: shorten on very small phones so the tiny "<15%" stays visible */
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col.peak .dbar { height: 140px; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(2) .dbar { height: 76px; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(3) .dbar { height: 42px; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(4) .dbar { height: 18px; }
  .nektr-pdp-v9-9 .decay-bars { height: 210px; padding-top: 32px; }

  /* Section heading sizes down — reduced 2026-04-25 so multi-line headlines
     like "WHOLE-SPECTRUM. FIRST-DAY MILKING." fit in 2 visible lines, not 4. */
  .nektr-pdp-v9-9 .reviews-top h2,
  .nektr-pdp-v9-9 .five-systems h2,
  .nektr-pdp-v9-9 .stats-section h2,
  .nektr-pdp-v9-9 .how-works h2,
  .nektr-pdp-v9-9 .comparison h2,
  .nektr-pdp-v9-9 .spectrum h2,
  .nektr-pdp-v9-9 .faq h2,
  .nektr-pdp-v9-9 .all-reviews-head h2,
  .nektr-pdp-v9-9 .how-works .head h2,
  .nektr-pdp-v9-9 .final-cta h2 { font-size: 30px !important; line-height: 1.0 !important; }

  /* FAQ expand-all can sit below heading on tiny phones */
  .nektr-pdp-v9-9 .faq-head { flex-direction: column; align-items: flex-start; gap: 12px; }

  /* Loop 2 (Arrae benchmark): hero badge scaled down so it stops covering ~25% of gallery on phones */
  /* Mobile badge sized 1.3× larger (was 72px → 94px) per user request 2026-04-25 */
  .nektr-pdp-v9-9 .gal-badge { width: 94px; height: 94px; top: 12px; right: 12px; }
  .nektr-pdp-v9-9 .gal-badge .center { width: 49px; height: 49px; font-size: 19.5px; }
  .nektr-pdp-v9-9 .gal-badge .ring-text text { font-size: 9.75px; }

  /* V9.6 mobile-tightness fixes (client feedback): */
  /* ATC button — mobile spacing, scaled-down font */
  .nektr-pdp-v9-9 .atc-btn { padding: 16px 14px; gap: 12px; font-size: 13px; }
  .nektr-pdp-v9-9 .atc-btn .atc-main { gap: 10px; }
  .nektr-pdp-v9-9 .atc-btn .save-badge { padding: 3px 7px; font-size: 9px; }

  /* Decay-chart footer — stack "peak bioactive potency" line and "up to 70% drop" callout on mobile */
  .nektr-pdp-v9-9 .decay-chart .dc-footer {
    flex-direction: column; align-items: flex-start; gap: 6px; font-size: 9.5px;
  }

  /* Section-toggle button — stay compact on mobile so it doesn't overhang the section edge */
  .nektr-pdp-v9-9 .section-toggle { top: 12px; right: 12px; font-size: 9px; padding: 6px 9px; letter-spacing: 0.1em; }

  /* Trust-mini mobile: smaller font + visual container (background + border).
     The 3-col grid + 2-line item structure is now the default in base CSS. */
  .nektr-pdp-v9-9 .trust-mini {
    font-size: 10px; padding: 10px 12px; background: rgba(0,86,69,0.04);
    border: 1px solid rgba(0,86,69,0.08); border-radius: 4px;
    margin-top: 12px;
  }

  /* Loop 2: sticky mobile ATC made taller + easier tap target (Arrae's buy-box feels like this on mobile) */
  .nektr-pdp-v9-9 .sticky-mobile { padding: 12px 16px; }
  .nektr-pdp-v9-9 .sticky-mobile .sm-btn { padding: 14px 20px; font-size: 13px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .nektr-pdp-v9-9 *, .nektr-pdp-v9-9 *::before, .nektr-pdp-v9-9 *::after {
    animation-duration: 0.001s !important; transition-duration: 0.001s !important;
  }
}

/* =============================================================================
   V9.7 · 2026-04-24 PM — MOBILE CLEANUP PASS (mobile-only, does NOT touch desktop)
   Single consolidated @media block so all mobile fixes live in one place.
   ============================================================================= */
@media (max-width: 600px) {

  /* --- Announcement bar: tighter, smaller type so it fits in 1-2 lines --- */
  .nektr-pdp-v9-9 .ann-bar {
    font-size: 10px; letter-spacing: 0.08em; padding: 8px 12px; line-height: 1.4;
  }
  .nektr-pdp-v9-9 .ann-bar span { margin: 0 4px; }

  /* --- .head elements (reviews, stats, five-systems) stack vertically on mobile --- */
  .nektr-pdp-v9-9 .stats-section .head,
  .nektr-pdp-v9-9 .reviews-top .head,
  .nektr-pdp-v9-9 .five-systems .head {
    display: flex !important; flex-direction: column !important; gap: 14px;
    align-items: flex-start !important;
  }
  .nektr-pdp-v9-9 .reviews-top .head > *,
  .nektr-pdp-v9-9 .stats-section .head > *,
  .nektr-pdp-v9-9 .five-systems .head > * { width: 100%; max-width: 100%; }
  .nektr-pdp-v9-9 .reviews-top .summary { text-align: left; }

  /* --- Explicit 2-col grids collapse to 1 col on mobile --- */
  .nektr-pdp-v9-9 .how-to-grid,
  .nektr-pdp-v9-9 .spectrum-grid,
  .nektr-pdp-v9-9 .yellow-test,
  .nektr-pdp-v9-9 .standard-strip {
    grid-template-columns: 1fr !important;
  }

  /* --- NEKTR Standard: label on top, 5 certs wrap as 2-col below --- */
  .nektr-pdp-v9-9 .standard-strip .standard-label { padding: 20px 18px; }
  .nektr-pdp-v9-9 .standard-certs {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .nektr-pdp-v9-9 .standard-certs > div:nth-child(odd) { border-right: 1px solid rgba(239,237,232,0.18); }
  .nektr-pdp-v9-9 .standard-certs > div:last-child {
    grid-column: 1 / -1; border-right: none; border-top: 1px solid rgba(239,237,232,0.18);
  }

  /* --- In-panel value-stack: align left edge with the RECOMMENDED tag
     (drop the 26px under-title indent) so rows don't crowd the right
     edge / visually mix with the price column above on narrow screens. --- */
  .nektr-pdp-v9-9 .purchase-opt .opt-vs {
    padding-left: 0;
  }
  /* opt-vs-row alignment + nowrap is now in base CSS (applies at all widths). */

  /* --- Reviews carousel: each card snaps to fill the viewport content area
     exactly. With flex-basis 100% (= 343px on a 375px viewport with 16px grid
     padding) and gap 0, the next card starts at the viewport's right edge —
     no peek, no bleed. snap-stop: always prevents fast-swipe overshoot. --- */
  .nektr-pdp-v9-9 .reviews-grid {
    padding-left: 16px !important; padding-right: 16px !important;
    margin-left: -16px; margin-right: -16px;
    scroll-padding-left: 16px;
    gap: 0 !important;
  }
  .nektr-pdp-v9-9 .reviews-grid > * {
    flex: 0 0 100% !important; max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always;
    /* card 1 right edge + this margin = viewport right edge → zero peek */
    margin-right: 16px;
  }
  .nektr-pdp-v9-9 .reviews-grid > *:last-child { margin-right: 0; }

  /* --- Gut-wall Pick-Layout switcher: label on top, buttons in 2-col wrap below --- */
  .nektr-pdp-v9-9 .gut-patterns-switcher {
    flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 14px;
  }
  .nektr-pdp-v9-9 .gps-label { text-align: left; }
  .nektr-pdp-v9-9 .gps-buttons {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px;
  }
  .nektr-pdp-v9-9 .gps-btn {
    font-size: 10px; padding: 8px 6px; text-align: center;
  }

  /* --- Hero trust strip: 2-col stays clean; "COLD-PROCESSED" etc. wrap naturally --- */
  .nektr-pdp-v9-9 .trust-strip-hero .small { font-size: 9px; line-height: 1.3; }

  /* --- Spectrum right column: hide the clipped thin-strip photo on mobile --- */
  .nektr-pdp-v9-9 .spectrum-grid > .spectrum-photo,
  .nektr-pdp-v9-9 .spectrum-grid > .spec-img-col,
  .nektr-pdp-v9-9 .spectrum-grid > div:last-child:has(img) { display: none; }

  /* --- Per-1-scoop panel: hide on mobile (low-value info, takes space) --- */
  .nektr-pdp-v9-9 .per-scoop-panel { display: none !important; }

  /* --- Stats bar rows: compress vertical by putting % + label inline --- */
  .nektr-pdp-v9-9 .bar-row { padding: 16px 0 !important; gap: 8px !important; }
  .nektr-pdp-v9-9 .bar-row > div:first-child {
    display: flex; align-items: baseline; gap: 10px;
  }
  .nektr-pdp-v9-9 .bar-row .pct { font-size: 36px !important; line-height: 1; }
  .nektr-pdp-v9-9 .bar-row .pct .sign { font-size: 18px; }
  .nektr-pdp-v9-9 .bar-row .sys-code { margin-top: 0 !important; font-size: 11px; }
  .nektr-pdp-v9-9 .bar-row .bar-track { height: 8px; }
  .nektr-pdp-v9-9 .bar-row .bar-label { font-size: 13px; }
  .nektr-pdp-v9-9 .bar-row .bar-sub { font-size: 12px; margin-top: 2px; line-height: 1.45; }

  /* --- Decay chart (first-day milking) — compress on mobile --- */
  .nektr-pdp-v9-9 .decay-chart { padding: 24px 14px !important; }
  .nektr-pdp-v9-9 .decay-chart .dc-head { margin-bottom: 18px !important; }
  .nektr-pdp-v9-9 .decay-chart .dc-title { font-size: 18px !important; line-height: 1.15; }
  .nektr-pdp-v9-9 .decay-chart .dc-sub { font-size: 12.5px !important; line-height: 1.5; }
  /* Bar group: pull bars to top, align all bar bases (single-line labels) */
  .nektr-pdp-v9-9 .decay-bars {
    height: 168px !important; padding-top: 22px !important; padding-bottom: 6px !important;
    gap: 6px !important; border-bottom: none !important;
  }
  .nektr-pdp-v9-9 .decay-bars .dbar { width: 72% !important; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col.peak .dbar { height: 118px !important; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(2) .dbar { height: 66px !important; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(3) .dbar { height: 38px !important; }
  .nektr-pdp-v9-9 .decay-bars.inview .bar-col:nth-of-type(4) .dbar { height: 18px !important; }
  .nektr-pdp-v9-9 .decay-bars .bar-val { font-size: 11px !important; top: -16px; }
  .nektr-pdp-v9-9 .decay-bars .bar-label {
    font-size: 8.5px !important; letter-spacing: 0.05em !important;
    line-height: 1.3 !important; padding-top: 4px;
    white-space: nowrap !important; min-height: 14px !important;
  }
  /* Chart footer: stack vertically on mobile */
  .nektr-pdp-v9-9 .decay-chart .dc-footer {
    flex-direction: column !important; gap: 6px !important;
    align-items: flex-start !important; margin-top: 10px !important;
    font-size: 9.5px !important; letter-spacing: 0.08em !important;
  }
  .nektr-pdp-v9-9 .decay-chart .dc-footer .drop { font-size: 10px !important; }

  /* ====== Apr-24 PM rev 2 — mobile hero + copy polish ====== */

  /* Hero gallery: horizontal scroll carousel on mobile (thumbs swipe sideways) */
  .nektr-pdp-v9-9 .thumbs {
    display: flex !important; grid-template-columns: none !important;
    overflow-x: auto; overflow-y: hidden;
    gap: 8px; padding: 6px 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none; -ms-overflow-style: none;
    margin-right: -16px; padding-right: 16px;
  }
  .nektr-pdp-v9-9 .thumbs::-webkit-scrollbar { display: none; }
  .nektr-pdp-v9-9 .thumbs .thumb {
    flex: 0 0 80px; width: 80px; height: 80px;
    scroll-snap-align: start;
  }

  /* Hero eyebrow "THE ORIGINAL GRASS-FED COLOSTRUM..." — hidden on mobile */
  .nektr-pdp-v9-9 .buybox > div > .eyebrow { display: none; }

  /* Hero title (mobile, 2-line): "NEKTR GRASS-FED" on line 1, "COLOSTRUM" on line 2.
     The first <br> (between NEKTR and GRASS-FED) is hidden so they sit inline.
     The second <br> (between GRASS-FED and COLOSTRUM) stays so it breaks. */
  .nektr-pdp-v9-9 .h1-main { font-size: 30px !important; line-height: 1.1 !important; margin-bottom: 6px; letter-spacing: -0.01em; }
  .nektr-pdp-v9-9 .h1-main .h1-br-1 { display: none; }
  .nektr-pdp-v9-9 .h1-main .stroke { letter-spacing: -0.02em; }

  /* Benefit pills mobile: 2x2 grid, each pill is HORIZONTAL (icon left, text right
     wrapping to 2 lines). More compact than the previous icon-on-top layout. */
  .nektr-pdp-v9-9 .benefit-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
  }
  .nektr-pdp-v9-9 .benefit-pills li {
    flex-direction: row !important; align-items: center !important;
    gap: 10px !important; padding: 10px 12px !important;
    min-height: 0;
  }
  .nektr-pdp-v9-9 .benefit-pills .icon {
    width: 30px !important; height: 30px !important;
    display: flex; align-items: center; justify-content: center;
    flex: 0 0 auto;
  }
  .nektr-pdp-v9-9 .benefit-pills .icon img {
    width: 100%; height: 100%; display: block; object-fit: contain;
  }
  .nektr-pdp-v9-9 .benefit-pills li > span:last-child {
    font-size: 12px; line-height: 1.25; font-weight: 600;
    min-width: 0; flex: 1 1 auto;
  }

  /* Spectrum "First-Day Milking" section — scoop image anchored at top, fades to solid teal.
     Top 30% lets image breathe (rgba(..,0.55)); below that the overlay strengthens so ingredient
     rows read cleanly over pure teal. */
  .nektr-pdp-v9-9 .spectrum {
    position: relative;
    background:
      linear-gradient(180deg,
        rgba(0,86,69,0.45) 0%,
        rgba(0,86,69,0.68) 22%,
        rgba(0,86,69,0.88) 45%,
        rgba(0,86,69,0.96) 100%),
      var(--nektr-spectrum-bg-image, none) center top / 100% auto no-repeat;
    background-color: var(--teal);
    background-attachment: scroll;
  }
  /* Ingredient rows: strongly-tinted translucent panels for crisp text on top of the bg image */
  .nektr-pdp-v9-9 .spectrum .ing-row {
    background: rgba(0,60,48,0.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 4px;
    margin-bottom: 3px;
    border: 1px solid rgba(239,237,232,0.06);
  }
  .nektr-pdp-v9-9 .spectrum .ing-row.open {
    background: rgba(0,60,48,0.92);
    border-color: rgba(239,237,232,0.14);
  }
  .nektr-pdp-v9-9 .spectrum .ing-drawer,
  .nektr-pdp-v9-9 .spectrum .ing-drawer-inner { background: rgba(0,40,32,0.85); }
  .nektr-pdp-v9-9 .spectrum .ing-table {
    border-color: rgba(239,237,232,0.18); background: transparent;
  }
  .nektr-pdp-v9-9 .spectrum .ing-table-header { opacity: 0.85; }
  /* Section heading + intro still need strong contrast against the image */
  .nektr-pdp-v9-9 .spectrum h2,
  .nektr-pdp-v9-9 .spectrum .eyebrow,
  .nektr-pdp-v9-9 .spectrum p { text-shadow: 0 1px 2px rgba(0,0,0,0.25); }

  /* --- Comparison table: align cols equally, shrink jars 15%, shrink + 10%, tighter label col --- */
  .nektr-pdp-v9-9 .comp-v2-head { grid-template-columns: 1.1fr 0.95fr 0.95fr !important; }
  .nektr-pdp-v9-9 .comp-v2-row { grid-template-columns: 1.1fr 0.95fr 0.95fr !important; }
  .nektr-pdp-v9-9 .comp-v2-head .comp-v2-th { padding: 14px 10px !important; }
  /* Jars 15% smaller: 78 → 66 */
  .nektr-pdp-v9-9 .comp-v2-nektr-col .comp-v2-img img { height: 66px !important; }
  .nektr-pdp-v9-9 .comp-v2-other-col .comp-v2-img > * { max-height: 66px !important; height: 66px !important; }
  .nektr-pdp-v9-9 .comp-v2-img { height: 66px !important; margin-bottom: 6px !important; }
  .nektr-pdp-v9-9 .comp-v2-nektr-img img { height: 66px !important; }
  .nektr-pdp-v9-9 .comp-v2-other-img svg { height: 66px !important; }
  /* Jar label smaller */
  .nektr-pdp-v9-9 .comp-v2-name { font-size: 12px !important; letter-spacing: 0.03em; }
  /* Label cell: tighter padding, + icon moves left */
  .nektr-pdp-v9-9 .comp-v2-label-cell { padding: 14px 12px 14px 10px !important; gap: 8px !important; }
  .nektr-pdp-v9-9 .cv2-toggle { gap: 8px !important; font-size: 13px; }
  /* + button 10% smaller: 22 → 20 */
  .nektr-pdp-v9-9 .cv2-chev { width: 20px !important; height: 20px !important; font-size: 12px !important; }
  /* Values slightly smaller, padding slimmer */
  .nektr-pdp-v9-9 .comp-v2-cell { padding: 14px 6px !important; }
  .nektr-pdp-v9-9 .v2-val { font-size: 12.5px !important; }

}