/** Shopify CDN: Minification failed

Line 6274:22 Expected identifier but found whitespace
Line 6274:23 Unexpected "1.5"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:bh-about (INDEX:2) */
/* ── SHARED ──────────────────────────────────────────────── */

  .bh-about__eyebrow,
  .bh-about__section-eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
  }

  .bh-about__eyebrow::before,
  .bh-about__section-eyebrow::before {
    content: "// ";
  }

  /* Default eyebrow: ink on light backgrounds */
  .bh-about__section-eyebrow {
    color: var(--ink);
  }

  /* Dark-background variant: cream */
  .bh-about__section-eyebrow--light {
    color: var(--base);
  }

  /* Yellow-background variant: ink */
  .bh-about__section-eyebrow--dark {
    color: var(--ink);
  }

  /* ── 1. HERO ─────────────────────────────────────────────── */

  .bh-about__hero {
    background-color: var(--base);
    border-bottom: var(--border);
    position: relative;
    overflow: hidden;
    padding: 96px var(--page-margin) 80px;
  }

  .bh-about__hero-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .bh-about__hero-headline {
    font-family: var(--font-display);
    font-size: clamp(40px, 6vw, 96px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
    max-width: 18ch;
  }

  .bh-about__hero-sub {
    font-family: var(--font-display);
    font-size: clamp(20px, 2.5vw, 36px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--ink);
    margin: 0;
    padding-left: 3px;
    border-left: 6px solid var(--yellow);
  }

  /* ── 2. WHAT'S WITH THE NAME? ────────────────────────────── */

  .bh-about__name {
    background-color: var(--yellow);
    border-bottom: var(--border);
  }

  .bh-about__name-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    gap: 0;
  }

  .bh-about__name-left {
    padding: 64px 56px 72px var(--page-margin);
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }

  .bh-about__name-heading {
    font-family: var(--font-display);
    font-size: clamp(28px, 3.5vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-about__name-right {
    padding: 64px var(--page-margin) 72px 56px;
    display: flex;
    align-items: center;
  }

  .bh-about__name-body {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.6;
    color: var(--ink);
    margin: 0;
    max-width: 48ch;
  }

  /* ── 3. WHO'S BEHIND THIS? ───────────────────────────────── */

  .bh-about__who {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-about__who-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 72px var(--page-margin);
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 760px;
  }

  .bh-about__who-heading {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--ink);
    margin: 0;
  }

  .bh-about__who-body {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.6;
    color: var(--ink);
    margin: 0;
  }

  /* ── 4. WHAT WE STAND FOR ────────────────────────────────── */

  .bh-about__stands {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-about__stands-header {
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px var(--page-margin) 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 3px solid var(--base);
    padding-bottom: 40px;
  }

  .bh-about__stands-heading {
    font-family: var(--font-display);
    font-size: clamp(24px, 2.5vw, 38px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--base);
    margin: 0;
  }

  .bh-about__pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .bh-about__pillar {
    padding: 48px 48px 64px;
    border-right: 3px solid var(--base);
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .bh-about__pillar:last-child {
    border-right: none;
  }

  .bh-about__pillar-num {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    color: var(--yellow);
    display: block;
  }

  .bh-about__pillar-heading {
    font-family: var(--font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--base);
    margin: 0;
  }

  .bh-about__pillar-body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.55;
    color: var(--base);
    margin: 0;
    max-width: 30ch;
  }

  /* ── 5. TWO WAYS ─────────────────────────────────────────── */

  .bh-about__twoways {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-about__twoways-header {
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px var(--page-margin) 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: var(--border);
  }

  .bh-about__twoways-heading {
    font-family: var(--font-display);
    font-size: clamp(24px, 2.5vw, 38px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-about__ways {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .bh-about__way {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 48px;
    text-decoration: none;
    color: var(--ink);
    border-right: var(--border);
    transition: transform 0.08s linear;
  }

  .bh-about__way:last-child {
    border-right: none;
  }

  .bh-about__way:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
    position: relative;
    z-index: 1;
  }

  .bh-about__way--gummies {
    background-color: var(--yellow);
  }

  .bh-about__way--apparel {
    background-color: var(--blue);
    color: var(--base);
  }

  .bh-about__way-label {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .bh-about__way-heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 2.5vw, 40px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    margin: 0;
  }

  .bh-about__way-sub {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    flex: 1;
  }

  .bh-about__way-cta {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    display: inline-block;
    padding: 12px 20px;
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--ink);
    color: var(--base);
    align-self: flex-start;
    margin-top: 8px;
  }

  .bh-about__way--apparel .bh-about__way-cta {
    background-color: var(--base);
    color: var(--ink);
  }

  /* ── 6. CLOSE ────────────────────────────────────────────── */

  .bh-about__close {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-about__close-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 96px var(--page-margin);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }

  .bh-about__close-headline {
    font-family: var(--font-display);
    font-size: clamp(36px, 5vw, 80px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--base);
    margin: 0;
  }

  .bh-about__close-sub {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.5;
    color: var(--base);
    margin: 0;
    max-width: 44ch;
  }

  .bh-about__close-cta {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    padding: 18px 36px;
    background-color: var(--yellow);
    color: var(--ink);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    transition: transform 0.08s linear;
  }

  .bh-about__close-cta:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* ── Mobile ──────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-about__hero {
      padding: 64px 24px 56px;
    }

    .bh-about__name-inner {
      grid-template-columns: 1fr;
    }

    .bh-about__name-left {
      padding: 48px 24px 32px;
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-about__name-right {
      padding: 32px 24px 48px;
    }

    .bh-about__who-inner {
      padding: 56px 24px;
    }

    .bh-about__stands-header {
      padding-left: 24px;
      padding-right: 24px;
    }

    .bh-about__pillars {
      grid-template-columns: 1fr;
    }

    .bh-about__pillar {
      border-right: none;
      border-bottom: 3px solid var(--base);
      padding: 40px 24px;
    }

    .bh-about__pillar:last-child {
      border-bottom: none;
    }

    .bh-about__twoways-header {
      padding-left: 24px;
      padding-right: 24px;
    }

    .bh-about__ways {
      grid-template-columns: 1fr;
    }

    .bh-about__way {
      border-right: none;
      border-bottom: var(--border);
      padding: 40px 24px;
    }

    .bh-about__way:last-child {
      border-bottom: none;
    }

    .bh-about__close-inner {
      padding: 72px 24px;
    }
  }
/* END_SECTION:bh-about */

/* START_SECTION:bh-collection-apparel (INDEX:3) */
/* ── BH COLLECTION: APPAREL ──────────────────────────────────── */

  /* ── A. HEADER ───────────────────────────────────────────────── */

  .bh-ca__header {
    background-color: var(--base);
    border-bottom: var(--border);
    position: relative;
  }

  .bh-ca__header-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px 40px 56px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
  }

  .bh-ca__header-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .bh-ca__title {
    font-family: var(--font-display);
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-ca__tagline {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
  }

  .bh-ca__intro {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.5;
    color: var(--ink);
    max-width: 60ch;
    margin: 0;
  }

  /* ── B. GRID WRAP ────────────────────────────────────────────── */

  .bh-ca__grid-wrap {
    background-color: var(--base);
    border-bottom: var(--border);
    padding: 40px;
  }

  .bh-ca__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--grid-cols, 3), 1fr);
    gap: 20px;
  }

  /* ── CARD ────────────────────────────────────────────────────── */

  .bh-ca__card {
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--base);
    transition: transform 0.08s linear;
  }

  .bh-ca__card:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  .bh-ca__card-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--ink);
    height: 100%;
  }

  /* Image: contain on cream so groovy prints aren't cropped */
  .bh-ca__img-wrap {
    background-color: var(--base);
    border-bottom: var(--border);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .bh-ca__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .bh-ca__img-placeholder {
    width: 100%;
    height: 100%;
    background-color: var(--base);
    border: 3px dashed var(--ink);
  }

  /* Card footer: title + price */
  .bh-ca__card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    flex-wrap: wrap;
  }

  .bh-ca__product-title {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--ink);
    flex: 1;
  }

  /* Price in alternating accent blocks */
  .bh-ca__price {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 4px 8px;
    border: var(--border);
    white-space: nowrap;
    flex-shrink: 0;
  }

  .bh-ca__price--yellow {
    background-color: var(--yellow);
    color: var(--ink);
  }

  .bh-ca__price--blue {
    background-color: var(--blue);
    color: var(--base);
  }

  /* ── EMPTY STATE ─────────────────────────────────────────────── */

  .bh-ca__empty {
    background-color: var(--ink);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 80px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-ca__empty-text {
    font-family: var(--font-display);
    font-size: clamp(32px, 5vw, 64px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--yellow);
  }

  /* ── C. CLOSING BAND ─────────────────────────────────────────── */

  .bh-ca__close {
    background-color: var(--ink);
    padding: 48px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-ca__close-text {
    font-family: var(--font-display);
    font-size: clamp(20px, 3vw, 36px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--yellow);
    margin: 0;
    text-align: center;
  }

  /* ── MOBILE ──────────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-ca__header-inner {
      padding: 48px 24px 40px;
      flex-direction: column;
      gap: 20px;
    }

    .bh-ca__grid-wrap {
      padding: 24px;
    }

    /* Always 2 cols on mobile regardless of desktop setting */
    .bh-ca__grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .bh-ca__close {
      padding: 40px 24px;
    }

    .bh-ca__empty {
      padding: 56px 24px;
    }
  }
/* END_SECTION:bh-collection-apparel */

/* START_SECTION:bh-doors (INDEX:4) */
/* ── BH DOORS ────────────────────────────────────────────── */

  .bh-doors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: var(--border);
  }

  /* Door 1 — yellow fill */
  .bh-doors__door--1 {
    background-color: var(--yellow);
    border-right: var(--border);
  }

  /* Door 2 — cream fill; sits on the same baseline as door 1 */
  .bh-doors__door--2 {
    background-color: var(--base);
  }

  /* Inner layout: image top, copy bottom */
  .bh-doors__door-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  /* Image slot — fixed aspect ratio, fills the door width */
  .bh-doors__img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-bottom: var(--border);
  }

  .bh-doors__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Placeholder shown when no image is set */
  .bh-doors__img-placeholder {
    background-color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base);
  }

  /* Copy block */
  .bh-doors__copy {
    padding: 40px 48px 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
  }

  .bh-doors__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-doors__eyebrow::before {
    content: "// ";
  }

  .bh-doors__heading {
    font-family: var(--font-display);
    font-size: clamp(32px, 3.5vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-doors__subline {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
    max-width: 36ch;
  }

  /* CTA — ink fill so it reads the same on yellow and cream */
  .bh-doors__cta {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    padding: 14px 24px;
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--ink);
    color: var(--base);
    align-self: flex-start;
    margin-top: auto;
    transition: transform 0.08s linear;
  }

  .bh-doors__cta:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* ── Mobile — stack equally ──────────────────────────────── */

  @media (max-width: 749px) {
    .bh-doors {
      grid-template-columns: 1fr;
    }

    /* Restore the shared border that was the dividing line */
    .bh-doors__door--1 {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-doors__copy {
      padding: 32px 24px 40px;
    }
  }
/* END_SECTION:bh-doors */

/* START_SECTION:bh-faq-v3 (INDEX:5) */
.bh-faq {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-faq__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 56px var(--page-margin, 24px) 72px;
  }

  .bh-faq__header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }

  .bh-faq__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-faq__eyebrow::before {
    content: "// ";
  }

  .bh-faq__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-faq__list {
    max-width: 860px;
  }

  .bh-faq__item {
    border: var(--border);
    margin-bottom: -3px;
    background-color: var(--base);
  }

  .bh-faq__item[open] {
    background-color: var(--yellow);
  }

  .bh-faq__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    list-style: none;
    padding: 20px 24px;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
  }

  .bh-faq__q::-webkit-details-marker {
    display: none;
  }

  .bh-faq__q:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: -3px;
  }

  .bh-faq__marker {
    font-family: var(--font-mono);
    font-size: 18px;
    flex-shrink: 0;
  }

  .bh-faq__marker::before {
    content: "+";
  }

  .bh-faq__item[open] .bh-faq__marker::before {
    content: "\2212";
  }

  .bh-faq__a {
    padding: 0 24px 22px;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    max-width: 62ch;
  }

  .bh-faq__a p {
    margin: 0 0 12px;
  }

  .bh-faq__a p:last-child {
    margin-bottom: 0;
  }

  /* V3 skin, scoped to the daily-v3 wrapper: yellow open-state becomes
     PINK, focus ring becomes SPLASH */
  [id$='__v3_faq'] .bh-faq__item[open] {
    background-color: var(--bh-pink);
  }

  [id$='__v3_faq'] .bh-faq__q:focus-visible {
    outline-color: var(--bh-splash);
  }

  /* v3.1 graphics layer: seam bear + marker underline on the header.
     The !important beats the bh-tokens.css background-image ban, which
     spine 3b scopes out for the graphics layer. */
  [id$='__v3_faq'] .bh-faq {
    position: relative;
  }

  .bh-v3-bear--faq {
    bottom: -30px;
    right: 9%;
    transform: rotate(-8deg);
  }

  [id$='__v3_faq'] .bh-faq__heading {
    align-self: flex-start;
    padding-bottom: 16px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'><path d='M4 8 C40 2, 70 12, 105 7 C140 2, 170 12, 205 7 C240 2, 270 12, 296 6' fill='none' stroke='%23E82F93' stroke-width='6' stroke-linecap='round'/></svg>") no-repeat left bottom / min(340px, 90%) 12px !important;
  }

  @media (max-width: 749px) {
    .bh-faq__inner {
      padding-top: 40px;
      padding-bottom: 56px;
    }

    .bh-faq__q {
      font-size: 14px;
      padding: 18px 18px;
    }

    .bh-faq__a {
      padding: 0 18px 20px;
    }
  }
/* END_SECTION:bh-faq-v3 */

/* START_SECTION:bh-faq (INDEX:6) */
.bh-faq {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-faq__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 56px var(--page-margin, 24px) 72px;
  }

  .bh-faq__header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }

  .bh-faq__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-faq__eyebrow::before {
    content: "// ";
  }

  .bh-faq__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-faq__list {
    max-width: 860px;
  }

  .bh-faq__item {
    border: var(--border);
    margin-bottom: -3px;
    background-color: var(--base);
  }

  .bh-faq__item[open] {
    background-color: var(--yellow);
  }

  .bh-faq__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    list-style: none;
    padding: 20px 24px;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
  }

  .bh-faq__q::-webkit-details-marker {
    display: none;
  }

  .bh-faq__q:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: -3px;
  }

  .bh-faq__marker {
    font-family: var(--font-mono);
    font-size: 18px;
    flex-shrink: 0;
  }

  .bh-faq__marker::before {
    content: "+";
  }

  .bh-faq__item[open] .bh-faq__marker::before {
    content: "\2212";
  }

  .bh-faq__a {
    padding: 0 24px 22px;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    max-width: 62ch;
  }

  .bh-faq__a p {
    margin: 0 0 12px;
  }

  .bh-faq__a p:last-child {
    margin-bottom: 0;
  }

  @media (max-width: 749px) {
    .bh-faq__inner {
      padding-top: 40px;
      padding-bottom: 56px;
    }

    .bh-faq__q {
      font-size: 14px;
      padding: 18px 18px;
    }

    .bh-faq__a {
      padding: 0 18px 20px;
    }
  }
/* END_SECTION:bh-faq */

/* START_SECTION:bh-featured (INDEX:7) */
/* ── BH FEATURED — "Right Now" swappable row ─────────────── */

  .bh-featured {
    border-bottom: var(--border);
    background-color: var(--base);
  }

  /* Header row: eyebrow + heading left, data note right */
  .bh-featured__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 48px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bh-featured__header-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .bh-featured__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-featured__eyebrow::before {
    content: "// ";
  }

  .bh-featured__heading {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  /* Small data note — merchant-editable, right-aligned */
  .bh-featured__note {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    text-align: right;
    max-width: 28ch;
    line-height: 1.4;
    margin: 0;
    padding-bottom: 4px;
  }

  /* 3-column product grid */
  .bh-featured__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: var(--border);
    margin-top: 32px;
  }

  /* ── Product card ────────────────────────────────────────── */

  .bh-featured__card {
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--ink);
    transition: transform 0.08s linear;
    background-color: var(--base);
  }

  .bh-featured__card:last-child {
    border-right: none;
  }

  .bh-featured__card:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
    position: relative;
    z-index: 1;
  }

  /* Square image slot */
  .bh-featured__card-img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-bottom: var(--border);
  }

  .bh-featured__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .bh-featured__card-img-placeholder {
    width: 100%;
    height: 100%;
    background-color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base);
  }

  /* Card body */
  .bh-featured__card-body {
    padding: 20px 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
  }

  .bh-featured__card-label {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    background-color: var(--yellow);
    display: inline-block;
    padding: 2px 8px;
    border: var(--border);
    align-self: flex-start;
  }

  .bh-featured__card-title {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--ink);
    margin: 0;
  }

  .bh-featured__card-price {
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 400;
    color: var(--ink);
    margin: 0;
    display: flex;
    gap: 10px;
    align-items: baseline;
  }

  .bh-featured__card-price--compare {
    text-decoration: line-through;
  }

  /* Placeholder card — dashed border signals "needs content" */
  .bh-featured__card--placeholder {
    outline: 2px dashed var(--ink);
    outline-offset: -8px;
    pointer-events: none;
  }

  /* Footer — "View All" link */
  .bh-featured__footer {
    border-top: var(--border);
    display: flex;
    justify-content: center;
    padding: 28px;
  }

  .bh-featured__view-all {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: var(--ink);
    padding: 14px 32px;
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--base);
    transition: transform 0.08s linear;
  }

  .bh-featured__view-all:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* ── Mobile — stack cards ────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-featured__header {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 0;
    }

    .bh-featured__note {
      text-align: left;
    }

    .bh-featured__grid {
      grid-template-columns: 1fr;
    }

    .bh-featured__card {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-featured__card:last-child {
      border-bottom: none;
    }
  }
/* END_SECTION:bh-featured */

/* START_SECTION:bh-hero (INDEX:8) */
/* ── BH HERO — layout ────────────────────────────────────── */

  .bh-hero {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-hero__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px var(--page-margin);
    gap: 0;
  }

  /* ── LEFT column ─────────────────────────────────────────── */

  .bh-hero__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    padding-right: 64px;
    border-right: var(--border);
  }

  .bh-hero__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-hero__eyebrow::before {
    content: "// ";
  }

  .bh-hero__headline {
    font-family: var(--font-display);
    font-size: clamp(36px, 5vw, 68px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-hero__subline {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ink);
    max-width: 440px;
    margin: 0;
  }

  /* ── CTAs — equal weight, side by side ───────────────────── */

  .bh-hero__ctas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .bh-hero__cta {
    display: block;
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;
    padding: 18px 20px;
    border: var(--border);
    box-shadow: var(--shadow) !important;  /* re-applied; beats the global reset */
    color: var(--ink);
    transition: transform 0.08s linear;
  }

  .bh-hero__cta:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* Yellow fill — Gummies */
  .bh-hero__cta--gummies {
    background-color: var(--yellow);
    color: var(--ink);
  }

  /* Blue fill — Apparel; text flips to --base for contrast */
  .bh-hero__cta--apparel {
    background-color: var(--blue);
    color: var(--base);
  }

  /* ── RIGHT column ────────────────────────────────────────── */

  .bh-hero__right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 64px;
  }

  /* ── Featured card ───────────────────────────────────────── */

  .bh-hero__card {
    width: 100%;
    max-width: 440px;
    border: var(--border);
    box-shadow: 8px 8px 0 var(--ink) !important;  /* hero card hero-shadow */
    background-color: var(--base);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .bh-hero__card-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
  }

  .bh-hero__card-placeholder {
    width: 100%;
    aspect-ratio: 4 / 3;
    background-color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base);
  }

  .bh-hero__card-body {
    padding: 24px;
    border-top: var(--border);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .bh-hero__card-label {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    background-color: var(--yellow);
    display: inline-block;
    padding: 3px 8px;
    border: var(--border);
  }

  .bh-hero__card-title {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--ink);
    margin: 0;
  }

  .bh-hero__card-sub {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.4;
    color: var(--ink);
    margin: 0;
  }

  .bh-hero__card-cta {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--ink);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
  }

  .bh-hero__card-cta::after {
    content: "→";
  }

  /* ── Mobile ──────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-hero__inner {
      grid-template-columns: 1fr;
      padding: 48px var(--page-margin);
      gap: 48px;
      min-height: unset;
    }

    .bh-hero__left {
      padding-right: 0;
      border-right: none;
      border-bottom: var(--border);
      padding-bottom: 48px;
    }

    .bh-hero__right {
      padding-left: 0;
    }
  }
/* END_SECTION:bh-hero */

/* START_SECTION:bh-lander-hero-v3 (INDEX:9) */
/* ── v3 token sheet (BARELY-HALAL-BRAND-SPINE-V3-DRAFT.md, section 1).
     Defined once here; only [id$='__v3_*']-scoped rules consume them. ── */
  :root {
    --bh-base: #FFFDF5;
    --bh-ink: #0A0A0A;
    /* v3.3: PINK is sampled from the bottle label (wordmark region of
       Main3_cream, exposure-compensated). LABELGRAD derives its pink
       stop from the same variable so the pair can never drift.
       v3.4: PINK-LOGO is the logo's measured pink. Logo pink for
       fills, label pink for strokes/text; never logo pink on cream
       text. */
    --bh-pink: #E82F93;
    --bh-pink-logo: #F878C8;
    --bh-grape: #7B2FBE;
    --bh-splash: #3EC6E0;
    --bh-labelgrad: linear-gradient(160deg, #7B2FBE 0%, var(--bh-pink) 55%, #3EC6E0 100%);
    --bh-border: 3px solid #0A0A0A;
    --bh-shadow: 4px 4px 0 #0A0A0A;
  }

  /* ── Base strip layout — identical to the v2.2 control ── */

  .bh-lh {
    background-color: var(--base);
  }

  .bh-lh__inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 28px var(--page-margin);
  }

  .bh-lh__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    padding-right: 40px;
  }

  .bh-lh__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-lh__eyebrow::before {
    content: "// ";
  }

  .bh-lh__headline {
    font-family: var(--font-display);
    font-size: clamp(28px, 3.4vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-lh__subline {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.5;
    color: var(--ink);
    max-width: 460px;
    margin: 0;
  }

  .bh-lh__right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-lh__img-wrap {
    width: 100%;
    max-width: 280px;
    border: var(--border);
    box-shadow: 6px 6px 0 var(--ink) !important;
    background-color: var(--base);
    overflow: hidden;
  }

  .bh-lh__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .bh-lh__img-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--base);
    padding: 32px;
  }

  .bh-lh__placeholder-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  /* ── V3 SKIN — every rule scoped to the v3 template's wrapper id ──
     Gradient rule: LABELGRAD fills the strip, the one gradient surface
     in this viewport. Display type gets a hard INK shadow; small type
     sits in BASE/INK boxes, never raw on gradient. ── */

  /* The !important flags below beat the v2 ban layer in bh-tokens.css
     (* { background-image/text-shadow/border-radius … !important }).
     The v3 spine explicitly legalizes these three, scoped to this
     template; the ban stays intact everywhere else. */

  [id$='__v3_hero'] .bh-lh {
    background-image: var(--bh-labelgrad) !important;
    border-bottom: var(--bh-border);
  }

  [id$='__v3_hero'] .bh-lh__headline {
    color: var(--bh-base);
    text-shadow: 3px 3px 0 var(--bh-ink) !important;
  }

  [id$='__v3_hero'] .bh-lh__eyebrow {
    align-self: flex-start;
    background-color: var(--bh-base);
    border: var(--bh-border);
    padding: 4px 10px;
    color: var(--bh-ink);
  }

  [id$='__v3_hero'] .bh-lh__subline {
    background-color: var(--bh-base);
    border: var(--bh-border);
    box-shadow: var(--bh-shadow) !important;
    padding: 10px 14px;
    color: var(--bh-ink);
    align-self: flex-start;
  }

  /* ── Chaos cluster, elements 1 + 2 (sticker, tape). Absolute only:
     zero layout impact, ships in render-blocking CSS. ── */

  [id$='__v3_hero'] .bh-lh__img-wrap {
    position: relative;
    overflow: visible;
  }

  [id$='__v3_hero'] .bh-lh3__tape {
    position: absolute;
    top: -13px;
    left: 50%;
    width: 58%;
    height: 26px;
    transform: translateX(-50%) rotate(-5deg);
    background-color: rgba(62, 198, 224, 0.62);
    z-index: 3;
    pointer-events: none;
  }

  [id$='__v3_hero'] .bh-lh3__sticker {
    position: absolute;
    left: -30px;
    bottom: -14px;
    z-index: 4;
    transform: rotate(-6deg);
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--bh-ink);
    background-color: var(--bh-pink-logo, #F878C8);
    border: 3px solid var(--bh-ink);
    border-radius: 18px !important; /* sticker die-cut: the single radius exception */
    padding: 9px 14px;
    box-shadow: var(--bh-shadow) !important;
    pointer-events: none;
  }

  /* ── v3.1 graphics layer: hover micro-tilt on the sticker. Triggered
     from the bottle column (the sticker itself stays pointer-events
     none per spine 3b). Hover-capable pointers only, and gated out
     entirely under prefers-reduced-motion. ── */

  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
    [id$='__v3_hero'] .bh-lh3__sticker {
      transition: transform 0.08s linear;
    }

    [id$='__v3_hero'] .bh-lh__right:hover .bh-lh3__sticker {
      transform: rotate(-3deg) translate(-2px, -2px);
    }
  }

  /* ── Mobile — same compact strip as the control ── */
  @media (max-width: 749px) {
    .bh-lh__inner {
      grid-template-columns: 1.4fr 1fr;
      align-items: center;
      padding: 20px var(--page-margin, 24px) 16px;
      gap: 16px;
    }

    .bh-lh__left {
      padding-right: 0;
      gap: 10px;
    }

    .bh-lh__headline {
      font-size: 28px;
    }

    .bh-lh__subline {
      font-size: 14px;
    }

    .bh-lh__img-wrap {
      max-width: 150px;
      box-shadow: 4px 4px 0 var(--ink) !important;
    }

    [id$='__v3_hero'] .bh-lh__subline {
      padding: 8px 10px;
    }

    [id$='__v3_hero'] .bh-lh3__tape {
      top: -9px;
      height: 18px;
    }

    [id$='__v3_hero'] .bh-lh3__sticker {
      left: -8px;
      bottom: -6px;
      font-size: 9px;
      border-width: 2px;
      border-radius: 12px !important;
      padding: 6px 10px;
      box-shadow: 3px 3px 0 var(--bh-ink) !important;
    }
  }
/* END_SECTION:bh-lander-hero-v3 */

/* START_SECTION:bh-lander-hero (INDEX:10) */
/* ── Headline strip — top half of the merged conversion block ── */

  .bh-lh {
    background-color: var(--base);
  }

  .bh-lh__inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 28px var(--page-margin);
  }

  .bh-lh__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    padding-right: 40px;
  }

  .bh-lh__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-lh__eyebrow::before {
    content: "// ";
  }

  .bh-lh__headline {
    font-family: var(--font-display);
    font-size: clamp(28px, 3.4vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-lh__subline {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.5;
    color: var(--ink);
    max-width: 460px;
    margin: 0;
  }

  .bh-lh__right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-lh__img-wrap {
    width: 100%;
    max-width: 280px;
    border: var(--border);
    box-shadow: 6px 6px 0 var(--ink) !important;
    background-color: var(--base);
    overflow: hidden;
  }

  .bh-lh__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .bh-lh__img-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--base);
    padding: 32px;
  }

  .bh-lh__placeholder-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  /* ── Buy box CONTAINER restyle — bottom half of the merged block ──
     Scoped to the lander's top buy box instance only. The widget inside
     (hidden forms, plan cards, ATC, trust JS) is untouched; these rules
     only reshape its wrapper and hide copy the strip above already says. */

  [id$='__buybox_top'] .bh-pg__buybox {
    border-bottom: var(--border);
  }

  [id$='__buybox_top'] .bh-pg__buybox-inner {
    display: block;
    min-height: 0;
    max-width: 820px;
    padding: 0 var(--page-margin, 24px) 36px;
  }

  /* Bottle already shown in the strip above — drop the duplicate gallery */
  [id$='__buybox_top'] .bh-pg__gallery {
    display: none;
  }

  [id$='__buybox_top'] .bh-pg__right {
    padding: 0;
    gap: 14px;
    justify-content: flex-start;
  }

  /* Copy the headline strip already carries: eyebrow, product title,
     benefit line. Trust strip duplicates the microline. */
  [id$='__buybox_top'] .bh-pg__eyebrow,
  [id$='__buybox_top'] .bh-pg__title,
  [id$='__buybox_top'] .bh-pg__benefit,
  [id$='__buybox_top'] .bh-pg__trust-strip {
    display: none;
  }

  /* Mobile: strip + plans + CTA inside the first thumb-scroll */
  @media (max-width: 749px) {
    .bh-lh__inner {
      grid-template-columns: 1.4fr 1fr;
      align-items: center;
      padding: 20px var(--page-margin, 24px) 16px;
      gap: 16px;
    }

    .bh-lh__left {
      padding-right: 0;
      gap: 10px;
    }

    .bh-lh__headline {
      font-size: 28px;
    }

    .bh-lh__subline {
      font-size: 14px;
    }

    .bh-lh__img-wrap {
      max-width: 150px;
      box-shadow: 4px 4px 0 var(--ink) !important;
    }

    [id$='__buybox_top'] .bh-pg__buybox-inner {
      padding: 0 16px 28px;
    }

    [id$='__buybox_top'] .bh-pg__right {
      padding: 0;
      gap: 12px;
    }
  }
/* END_SECTION:bh-lander-hero */

/* START_SECTION:bh-marquee (INDEX:11) */
/* ── BH MARQUEE ──────────────────────────────────────────── */

  .bh-marquee {
    background-color: var(--blue);
    border-bottom: var(--border);
    overflow: hidden;
    padding: 13px 0;
    /* Sit tight against the header below */
    display: block;
  }

  /* Track: two identical sets side by side, scrolls the first 50% to loop */
  .bh-marquee__track {
    display: flex;
    width: max-content;
    animation: bh-marquee-scroll 30s linear infinite;
  }

  .bh-marquee__set {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .bh-marquee__phrase {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--base);
    white-space: nowrap;
    padding: 0 24px;
  }

  /* Yellow square separator between phrases */
  .bh-marquee__sep {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: var(--yellow);
    border: 2px solid var(--base);
    flex-shrink: 0;
  }

  @keyframes bh-marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }

  /* The one honest marquee — stopped for reduced-motion users */
  @media (prefers-reduced-motion: reduce) {
    .bh-marquee__track {
      animation: none;
    }

    /* Show content as a wrapping list instead of a strip */
    .bh-marquee {
      overflow: visible;
      padding: 16px var(--page-margin);
    }

    .bh-marquee__track {
      width: auto;
      flex-wrap: wrap;
      gap: 12px;
    }

    /* Hide the duplicate set entirely when not scrolling */
    .bh-marquee__set + .bh-marquee__set {
      display: none;
    }
  }
/* END_SECTION:bh-marquee */

/* START_SECTION:bh-pillars (INDEX:12) */
/* ── BH PILLARS ──────────────────────────────────────────── */

  .bh-pillars {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  /* Optional section header row */
  .bh-pillars__header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
    border-bottom: 3px solid var(--base);
    padding-bottom: 32px;
  }

  .bh-pillars__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--base);
  }

  .bh-pillars__eyebrow::before {
    content: "// ";
  }

  .bh-pillars__section-heading {
    font-family: var(--font-display);
    font-size: clamp(24px, 2.5vw, 36px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--base);
    margin: 0;
  }

  /* Three-up grid */
  .bh-pillars__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  /* Individual pillar block */
  .bh-pillars__block {
    padding: 48px;
    border-right: 3px solid var(--base);
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .bh-pillars__block:last-child {
    border-right: none;
  }

  /* Mono number — large, top of block */
  .bh-pillars__num {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--yellow);
    display: block;
  }

  /* Pillar heading — display face, cream */
  .bh-pillars__heading {
    font-family: var(--font-display);
    font-size: clamp(22px, 2.2vw, 32px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--base);
    margin: 0;
  }

  /* Body copy — body face, cream, slightly muted via line-height not opacity */
  .bh-pillars__body {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--base);
    margin: 0;
    max-width: 32ch;
  }

  /* ── Mobile — stack ──────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-pillars__grid {
      grid-template-columns: 1fr;
    }

    .bh-pillars__block {
      padding: 40px 24px;
      border-right: none;
      border-bottom: 3px solid var(--base);
    }

    .bh-pillars__block:last-child {
      border-bottom: none;
    }

    .bh-pillars__header {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
/* END_SECTION:bh-pillars */

/* START_SECTION:bh-product-apparel (INDEX:13) */
/* ── BH PRODUCT: APPAREL ─────────────────────────────────────── */

  /* ── 1. BUY BOX ──────────────────────────────────────────────── */

  .bh-pa__buybox {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pa__buybox-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 640px;
  }

  /* ── Gallery ─────────────────────────────────────────────────── */

  .bh-pa__gallery {
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    background-color: var(--base);
  }

  .bh-pa__main-img-wrap {
    flex: 1;
    overflow: hidden;
    background-color: var(--base);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pa__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    min-height: 460px;
  }

  .bh-pa__img-placeholder {
    width: 100%;
    min-height: 460px;
    background-color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--base);
    padding: 48px;
  }

  .bh-pa__placeholder-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  .bh-pa__thumbs {
    display: flex;
    border-top: var(--border);
    background-color: var(--base);
  }

  .bh-pa__thumb {
    flex: 1;
    padding: 6px;
    background-color: var(--base);
    border: none;
    border-right: var(--border);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pa__thumb:last-child { border-right: none; }

  .bh-pa__thumb img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .bh-pa__thumb--active {
    outline: 3px solid var(--ink);
    outline-offset: -3px;
  }

  /* ── Right column ────────────────────────────────────────────── */

  .bh-pa__right {
    position: relative;
    padding: 56px 56px 56px 64px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
  }

  .bh-pa__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-pa__eyebrow::before { content: "// "; }

  .bh-pa__title {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--ink);
    margin: 0;
  }

  /* ── Price ───────────────────────────────────────────────────── */

  .bh-pa__price-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .bh-pa__price {
    font-family: var(--font-mono);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    padding: 6px 14px;
    display: inline-block;
  }

  .bh-pa__price-compare {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--ink);
    text-decoration: line-through;
  }

  /* ── Product form ────────────────────────────────────────────── */

  .bh-pa__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* ── Option groups ───────────────────────────────────────────── */

  .bh-pa__option-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .bh-pa__option-label {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
  }

  .bh-pa__selected-val {
    font-weight: 700;
  }

  .bh-pa__option-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .bh-pa__opt-btn {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    padding: 10px 16px;
    border: var(--border);
    background-color: var(--base);
    color: var(--ink);
    cursor: pointer;
    transition: transform 0.08s linear;
    line-height: 1;
  }

  .bh-pa__opt-btn:hover:not(.bh-pa__opt-btn--unavailable) {
    transform: translate(-1px, -1px);
    box-shadow: var(--shadow) !important;
  }

  /* Selected state — yellow fill + hard shadow */
  .bh-pa__opt-btn--selected {
    background-color: var(--yellow);
    box-shadow: var(--shadow) !important;
  }

  /* Unavailable/sold-out — strikethrough text, dashed border */
  .bh-pa__opt-btn--unavailable {
    text-decoration: line-through;
    border-style: dashed;
    cursor: not-allowed;
  }

  /* ── Quantity stepper ────────────────────────────────────────── */

  .bh-pa__qty-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .bh-pa__qty-stepper {
    display: flex;
    align-items: center;
    border: var(--border);
    width: fit-content;
  }

  .bh-pa__qty-btn {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    width: 44px;
    height: 44px;
    background-color: var(--base);
    border: none;
    border-right: var(--border);
    color: var(--ink);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pa__qty-btn:last-child {
    border-right: none;
    border-left: var(--border);
  }

  .bh-pa__qty-btn:hover {
    background-color: var(--yellow);
  }

  .bh-pa__qty-input {
    font-family: var(--font-mono);
    font-size: 15px;
    font-weight: 700;
    width: 56px;
    height: 44px;
    border: none;
    background-color: var(--base);
    color: var(--ink);
    text-align: center;
    -moz-appearance: textfield;
  }

  .bh-pa__qty-input::-webkit-outer-spin-button,
  .bh-pa__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* ── ATC button ──────────────────────────────────────────────── */

  .bh-pa__atc {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--yellow);
    background-color: var(--ink);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 20px 24px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-pa__atc:hover:not(:disabled) {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  .bh-pa__atc:disabled {
    cursor: not-allowed;
    background-color: var(--ink);
    color: var(--base);
    box-shadow: none !important;
  }

  /* ── Trust badges ────────────────────────────────────────────── */

  .bh-pa__trust {
    padding-top: 4px;
    border-top: var(--border);
  }

  .bh-pa__trust-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .bh-pa__badge {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    border: var(--border);
    padding: 4px 10px;
    display: inline-block;
  }

  .bh-pa__story {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    padding-top: 20px;
    border-top: var(--border);
  }

  .bh-pa__story p { margin: 0 0 12px; }
  .bh-pa__story p:last-child { margin-bottom: 0; }

  /* ── 2. DETAILS ──────────────────────────────────────────────── */

  .bh-pa__details {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pa__details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    border-top: var(--border);
  }

  .bh-pa__detail-block {
    padding: 48px 40px 56px;
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .bh-pa__detail-block:last-child { border-right: none; }

  .bh-pa__detail-eyebrow {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding-bottom: 12px;
    border-bottom: var(--border);
  }

  .bh-pa__detail-body {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.6;
    color: var(--ink);
  }

  .bh-pa__detail-body p { margin: 0 0 8px; }
  .bh-pa__detail-body p:last-child { margin-bottom: 0; }

  /* ── 3. PRODUCT DETAILS & SAFETY (collapsible) ───────────────── */

  .bh-pa__compliance {
    background-color: var(--base);
    border-bottom: var(--border);
    padding: 40px;
  }

  .bh-pa__compliance-details {
    border: var(--border);
    background-color: var(--base);
  }

  .bh-pa__compliance-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    cursor: pointer;
    list-style: none;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
  }

  /* Remove the native disclosure triangle */
  .bh-pa__compliance-summary::-webkit-details-marker { display: none; }
  .bh-pa__compliance-summary::marker { content: ''; }

  .bh-pa__compliance-icon {
    font-family: var(--font-mono);
    font-size: 20px;
    line-height: 1;
    color: var(--ink);
  }

  .bh-pa__compliance-icon::before { content: '+'; }
  .bh-pa__compliance-details[open] .bh-pa__compliance-icon::before { content: '−'; }
  .bh-pa__compliance-details[open] .bh-pa__compliance-summary { border-bottom: var(--border); }

  .bh-pa__compliance-body {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.6;
    color: var(--ink);
    padding: 24px;
  }

  .bh-pa__compliance-body p { margin: 0 0 8px; }
  .bh-pa__compliance-body p:last-child { margin-bottom: 0; }

  /* ── Mobile ──────────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-pa__buybox-inner {
      grid-template-columns: 1fr;
    }

    .bh-pa__gallery {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-pa__right {
      padding: 40px 24px 48px;
    }

    .bh-pa__detail-block {
      border-right: none;
      border-bottom: var(--border);
      padding: 36px 24px;
    }

    .bh-pa__detail-block:last-child { border-bottom: none; }
  }
/* END_SECTION:bh-product-apparel */

/* START_SECTION:bh-product-gummies-v3 (INDEX:14) */
/* ── SHARED helpers ──────────────────────────────────────── */

  .bh-pg__hidden-form {
    display: none;
  }

  .bh-pg__section-eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    display: block;
  }

  .bh-pg__section-eyebrow::before {
    content: "// ";
  }

  .bh-pg__section-heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  /* ── 1. BUY BOX ──────────────────────────────────────────── */

  .bh-pg__buybox {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pg__buybox-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 640px;
  }

  /* ── Gallery ─────────────────────────────────────────────── */

  .bh-pg__gallery {
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    background-color: var(--base);   /* cream frame — never pure white */
  }

  .bh-pg__main-img-wrap {
    flex: 1;
    overflow: hidden;
    background-color: var(--base);   /* shows as cream letterbox when photo doesn't fill frame */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pg__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;             /* full photo visible; cream shows in any letterbox area */
    display: block;
    min-height: 460px;
  }

  .bh-pg__img-placeholder {
    width: 100%;
    min-height: 460px;
    background-color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--base);
    padding: 48px;
  }

  .bh-pg__placeholder-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__thumbs {
    display: flex;
    border-top: var(--border);
    background-color: var(--base);   /* cream strip behind all thumbnails */
  }

  .bh-pg__thumb {
    flex: 1;
    padding: 6px;                    /* cream margin around each thumbnail image */
    background-color: var(--base);
    border: none;
    border-right: var(--border);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pg__thumb:last-child {
    border-right: none;
  }

  .bh-pg__thumb img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;             /* full thumbnail visible; cream shows in any letterbox area */
    display: block;
  }

  .bh-pg__thumb--active {
    outline: 3px solid var(--ink);
    outline-offset: -3px;
  }

  /* ── Right column ────────────────────────────────────────── */

  .bh-pg__right {
    position: relative;
    padding: 56px 56px 56px 64px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }

  .bh-pg__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-pg__eyebrow::before {
    content: "// ";
  }

  .bh-pg__title {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--ink);
    margin: 0;
  }

  .bh-pg__benefit {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  /* ── Plan cards (subscription selector) ─────────────────── */

  .bh-pg__plans {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .bh-pg__plan {
    position: relative;
    border: var(--border);
    margin-bottom: -3px;
    cursor: pointer;
    background-color: var(--base);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    z-index: 0;
  }

  /* Extra top clearance for the pinned badge */
  .bh-pg__plan--3mo,
  .bh-pg__plan--mo {
    padding-top: 36px;
  }

  .bh-pg__plan--active {
    background-color: var(--yellow);
    box-shadow: var(--shadow) !important;
    z-index: 1;
  }

  .bh-pg__plan:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 2px;
  }

  /* "MOST POPULAR · SAVE 33%" badge — top-right corner, contained */
  .bh-pg__plan-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: var(--ink);
    color: var(--base);
    padding: 5px 10px;
    white-space: nowrap;
    line-height: 1;
  }

  .bh-pg__plan-top {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  /* Square radio indicator */
  .bh-pg__plan-radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: var(--border);
    flex-shrink: 0;
    background-color: var(--base);
  }

  .bh-pg__plan-radio--checked {
    background-color: var(--ink);
  }

  .bh-pg__plan-name {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
  }

  .bh-pg__plan-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding-left: 28px;
  }

  /* Hero price number */
  .bh-pg__plan-hero {
    font-family: var(--font-display);
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
  }

  /* Monthly card: smaller hero number */
  .bh-pg__plan-hero--sm {
    font-size: 32px;
  }

  .bh-pg__plan-per {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink);
  }

  /* Struck-through original price */
  .bh-pg__plan-was {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    color: var(--ink);
  }

  .bh-pg__plan-sub {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding-left: 28px;
    line-height: 1.5;
  }

  /* ── ATC ─────────────────────────────────────────────────── */

  .bh-pg__atc {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--yellow);
    background-color: var(--ink);
    border: var(--border);
    box-shadow: 4px 4px 0 var(--blue) !important;
    padding: 20px 24px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-pg__atc:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 var(--blue) !important;
  }

  .bh-pg__microline {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    color: var(--ink);
    margin: 0;
    line-height: 1.5;
  }

  .bh-pg__setup-note {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    padding: 20px;
    border: var(--border);
  }

  /* ── Trust strip ─────────────────────────────────────────── */

  .bh-pg__trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 12px;
    border-top: var(--border);
  }

  .bh-pg__trust-strip span {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    white-space: nowrap;
  }

  /* ── 2. SIX-ADAPTOGEN GRID ───────────────────────────────── */

  .bh-pg__adaptogens {
    border-bottom: var(--border);
    background-color: var(--base);
  }

  .bh-pg__adaptogens-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bh-pg__adaptogens-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: var(--border);
    margin-top: 32px;
  }

  .bh-pg__adaptogen {
    padding: 36px 40px 44px;
    border-right: var(--border);
    border-bottom: var(--border);
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--base);
  }

  /* Every 3rd cell (right column): no right border */
  .bh-pg__adaptogen:nth-child(3n) {
    border-right: none;
  }

  /* Bottom row: no bottom border */
  .bh-pg__adaptogen:nth-last-child(-n+3) {
    border-bottom: none;
  }

  /* Featured cell (Shilajit) — yellow fill */
  .bh-pg__adaptogen--featured {
    background-color: var(--yellow);
  }

  .bh-pg__adaptogen-tag {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
    display: block;
  }

  .bh-pg__adaptogen-name {
    font-family: var(--font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-pg__adaptogen-benefit {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  /* ── 3. TIMELINE ─────────────────────────────────────────── */

  .bh-pg__timeline {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-pg__timeline-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bh-pg__timeline .bh-pg__section-eyebrow {
    color: var(--base);
  }

  .bh-pg__timeline .bh-pg__section-heading {
    color: var(--base);
  }

  .bh-pg__timeline-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 3px solid var(--base);
    margin-top: 32px;
  }

  .bh-pg__step {
    padding: 40px 48px 56px;
    border-right: 3px solid var(--base);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .bh-pg__step:last-child {
    border-right: none;
  }

  /* Mono number — blue on dark */
  .bh-pg__step-num {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--blue);
    display: block;
  }

  .bh-pg__step-month {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__step-heading {
    font-family: var(--font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__step-copy {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.55;
    color: var(--base);
    margin: 0;
    max-width: 28ch;
  }

  /* ── 4. VS BLOCK ─────────────────────────────────────────── */

  .bh-pg__vs {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pg__vs-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  /* Two-column grid: us (yellow) | them (cream) */
  .bh-pg__vs-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: var(--border);
    margin-top: 32px;
  }

  /* Column headings span one column each */
  .bh-pg__vs-col {
    padding: 20px 40px;
    border-bottom: var(--border);
  }

  .bh-pg__vs-col--us {
    background-color: var(--yellow);
    border-right: var(--border);
  }

  .bh-pg__vs-col--them {
    background-color: var(--base);
  }

  .bh-pg__vs-col-heading {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0;
  }

  /* Row cells */
  .bh-pg__vs-cell {
    padding: 18px 40px;
    border-bottom: var(--border);
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.5;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .bh-pg__vs-cell:last-child,
  .bh-pg__vs-cell:nth-last-child(2) {
    border-bottom: none;
  }

  .bh-pg__vs-cell--us {
    background-color: var(--yellow);
    border-right: var(--border);
    font-weight: 500;
  }

  .bh-pg__vs-cell--them {
    background-color: var(--base);
  }

  .bh-pg__vs-check {
    font-size: 16px;
    color: var(--ink);
    flex-shrink: 0;
  }

  .bh-pg__vs-x {
    font-size: 16px;
    color: var(--ink);
    flex-shrink: 0;
  }

  /* ── Mobile ──────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-pg__buybox-inner {
      grid-template-columns: 1fr;
    }

    .bh-pg__gallery {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-pg__right {
      padding: 40px 24px 48px;
    }

    .bh-pg__adaptogens-grid {
      grid-template-columns: 1fr 1fr;
    }

    .bh-pg__adaptogen:nth-child(3n) {
      border-right: var(--border);
    }

    .bh-pg__adaptogen:nth-child(2n) {
      border-right: none;
    }

    .bh-pg__adaptogen:nth-last-child(-n+3) {
      border-bottom: var(--border);
    }

    .bh-pg__adaptogen:nth-last-child(-n+2) {
      border-bottom: none;
    }

    .bh-pg__adaptogen {
      padding: 28px 24px 32px;
    }

    .bh-pg__timeline-steps,
    .bh-pg__adaptogens-grid {
      grid-template-columns: 1fr;
    }

    .bh-pg__step {
      border-right: none;
      border-bottom: 3px solid var(--base);
      padding: 36px 24px;
    }

    .bh-pg__step:last-child {
      border-bottom: none;
    }

    .bh-pg__vs-table {
      grid-template-columns: 1fr;
    }

    .bh-pg__vs-col--us,
    .bh-pg__vs-cell--us {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-pg__vs-col--them,
    .bh-pg__vs-cell--them {
      border-bottom: var(--border);
    }

    .bh-pg__vs-cell:last-child {
      border-bottom: none;
    }

    .bh-pg__adaptogens-header,
    .bh-pg__timeline-header,
    .bh-pg__vs-header {
      padding-left: 24px;
      padding-right: 24px;
    }
  }

  /* ════ V3 SKIN (BARELY-HALAL-BRAND-SPINE-V3-DRAFT.md) ════
     Everything below is scoped to the daily-v3 template's wrapper ids
     ([id$='__v3_*'] / [id*='__v3_buybox']) so nothing leaks into the
     live /pages/daily control or the PDP. The widget markup above is a
     byte-identical copy; the skin lives entirely in these selectors. */

  /* ── Merged-block container for the top buy box (mirror of v2.2) ── */

  [id$='__v3_buybox_top'] .bh-pg__buybox {
    border-bottom: var(--bh-border);
  }

  [id$='__v3_buybox_top'] .bh-pg__buybox-inner {
    display: block;
    min-height: 0;
    max-width: 820px;
    padding: 0 var(--page-margin, 24px) 36px;
  }

  [id$='__v3_buybox_top'] .bh-pg__gallery {
    display: none;
  }

  [id$='__v3_buybox_top'] .bh-pg__right {
    padding: 0;
    gap: 14px;
    justify-content: flex-start;
  }

  [id$='__v3_buybox_top'] .bh-pg__eyebrow,
  [id$='__v3_buybox_top'] .bh-pg__title,
  [id$='__v3_buybox_top'] .bh-pg__benefit,
  [id$='__v3_buybox_top'] .bh-pg__trust-strip {
    display: none;
  }

  /* ── Accent swap: retired taxi yellow becomes PINK, blue becomes
     SPLASH, on both buy box instances ── */

  /* v3.3: selected plan reads as a pink OUTLINE, not a pink slab.
     BASE fill, 3px pink border, price text in pink, everything else
     ink. Badge, radio, CTA, and the unselected card are untouched. */
  [id*='__v3_buybox'] .bh-pg__plan--active {
    background-color: var(--bh-base, #FFFDF5);
    border-color: var(--bh-pink, #E82F93);
  }

  [id*='__v3_buybox'] .bh-pg__plan--active .bh-pg__plan-hero,
  [id*='__v3_buybox'] .bh-pg__plan--active .bh-pg__plan-per,
  [id*='__v3_buybox'] .bh-pg__plan--active .bh-pg__plan-was {
    color: var(--bh-pink, #E82F93);
  }

  [id*='__v3_buybox'] .bh-pg__plan:focus-visible {
    outline-color: var(--bh-splash);
  }

  [id*='__v3_buybox'] .bh-pg__atc {
    color: var(--bh-pink-logo, #F878C8);
    box-shadow: 4px 4px 0 var(--bh-pink-logo, #F878C8) !important;
  }

  [id*='__v3_buybox'] .bh-pg__atc:hover {
    box-shadow: 6px 6px 0 var(--bh-pink-logo, #F878C8) !important;
  }

  [id$='__v3_adaptogens'] .bh-pg__adaptogen--featured {
    background-color: var(--bh-pink);
  }

  [id$='__v3_vs'] .bh-pg__vs-col--us,
  [id$='__v3_vs'] .bh-pg__vs-cell--us {
    background-color: var(--bh-pink);
  }

  /* ── Chaos cluster, element 3: marker scribble arrow pointing at the
     3-month price. Pseudo-element on the plans CONTAINER: no markup
     change, absolute position, desktop only, sits in the cream margin
     left of the card so it never overlaps plans, prices, CTA, microline,
     or form fields. ── */

  [id$='__v3_buybox_top'] .bh-pg__plans {
    position: relative;
  }

  [id$='__v3_buybox_top'] .bh-pg__plans::before {
    content: "";
    position: absolute;
    left: -86px;
    top: 104px;
    width: 68px;
    height: 56px;
    /* !important beats the bh-tokens.css background-image ban, which the
       v3 spine scopes out for this template's chaos kit */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'><path d='M14 8 C 26 62, 46 84, 92 60' fill='none' stroke='%23E82F93' stroke-width='10' stroke-linecap='round'/><path d='M84 46 L 112 62 L 82 80 Z' fill='%23E82F93'/></svg>") no-repeat center / contain !important;
    pointer-events: none;
  }

  @media (max-width: 999px) {
    [id$='__v3_buybox_top'] .bh-pg__plans::before {
      display: none;
    }
  }

  @media (max-width: 749px) {
    [id$='__v3_buybox_top'] .bh-pg__buybox-inner {
      padding: 0 16px 28px;
    }

    [id$='__v3_buybox_top'] .bh-pg__right {
      padding: 0;
      gap: 12px;
    }
  }

  /* ════ v3.1 GRAPHICS LAYER (spine draft 3b) ════
     Texture motifs: doodle strip (fixed-height band), gummy-bear
     scatter, margin starburst, price-arrow draw-in. Token colors only,
     decorative (aria-hidden + pointer-events none), no layout shift. */

  [id$='__v3_buybox_top'] {
    position: relative;
  }

  /* ── Adaptogen doodle strip: fixed-height in-flow band ── */

  .bh-v3-doodles {
    height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 44px;
    background-color: var(--bh-base, #FFFDF5);
    pointer-events: none;
  }

  .bh-v3-doodles__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .bh-v3-doodles__icon {
    width: 44px;
    height: 44px;
    fill: none;
    stroke: var(--bh-ink, #0A0A0A);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .bh-v3-doodles__label {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bh-ink, #0A0A0A);
    white-space: nowrap;
  }

  @media (max-width: 749px) {
    .bh-v3-doodles {
      height: 92px;
      gap: 10px;
    }

    .bh-v3-doodles__icon {
      width: 28px;
      height: 28px;
    }

    .bh-v3-doodles__label {
      font-size: 7px;
      letter-spacing: 0.04em;
    }
  }

  /* ── Gummy-bear scatter: shared bear styles (snippet bh-v3-bear).
     GRAPE body, 3px INK outline, PINK offset shadow, INK eyes. The
     wrapper is a decorative span, or a real <button> for interactive
     bears (v3.2, spine 3c). ── */

  .bh-v3-bear {
    position: absolute;
    width: 60px;
    z-index: 2;
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    pointer-events: none;
  }

  .bh-v3-bear__svg {
    display: block;
    width: 100%;
    height: auto;
  }

  button.bh-v3-bear {
    pointer-events: auto;
    cursor: pointer;
  }

  button.bh-v3-bear:focus-visible {
    outline: 3px solid var(--bh-splash, #3EC6E0);
    outline-offset: 3px;
  }

  .bh-v3-bear__s {
    fill: var(--bh-pink, #FF3EA5);
  }

  .bh-v3-bear__b {
    fill: var(--bh-grape, #7B2FBE);
    stroke: var(--bh-ink, #0A0A0A);
    stroke-width: 3;
  }

  .bh-v3-bear__eyes circle {
    fill: var(--bh-ink, #0A0A0A);
  }

  .bh-v3-bear__acc {
    fill: var(--bh-base, #FFFDF5);
    stroke: var(--bh-ink, #0A0A0A);
    stroke-width: 3;
    stroke-linecap: round;
  }

  /* Speech bubble (The Auditor): BASE fill, INK border, mono caps */
  .bh-v3-bear__bubble {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 24px;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bh-ink, #0A0A0A);
    background-color: var(--bh-base, #FFFDF5);
    border: 3px solid var(--bh-ink, #0A0A0A);
    padding: 7px 10px;
  }

  .bh-v3-bear__bubble::after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: -9px;
    width: 8px;
    height: 8px;
    background-color: var(--bh-base, #FFFDF5);
    border-right: 3px solid var(--bh-ink, #0A0A0A);
    border-bottom: 3px solid var(--bh-ink, #0A0A0A);
  }

  /* Poke protest sticker: die-cut (the sticker radius exception),
     PINK fill, popped by JS for 2.5s on every third click. Static
     pop-in under reduced motion: the punchline still shows. */
  .bh-v3-bear__poke {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) rotate(-4deg);
    white-space: nowrap;
    z-index: 5;
    font-family: var(--font-display);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bh-ink, #0A0A0A);
    background-color: var(--bh-pink-logo, #F878C8);
    border: 3px solid var(--bh-ink, #0A0A0A);
    border-radius: 12px !important;
    padding: 7px 11px;
    box-shadow: var(--bh-shadow, 4px 4px 0 #0A0A0A) !important;
  }

  .bh-v3-bear__poke[hidden] {
    display: none;
  }

  @media (max-width: 749px) {
    .bh-v3-bear {
      width: 38px;
    }

    .bh-v3-bear__poke {
      left: auto;
      right: 0;
      transform: rotate(-4deg);
      font-size: 8px;
      padding: 5px 8px;
      border-width: 2px;
    }

    .bh-v3-bear--proof-bot .bh-v3-bear__poke {
      left: 0;
      right: auto;
    }
  }

  /* ── v3.2 motion: flinch + side-eye on hover/focus, slap-in
     entrances, sea-moss idle wiggle. Every rule lives inside
     no-preference; reduced-motion users get everything static. ── */

  @media (prefers-reduced-motion: no-preference) {
    button.bh-v3-bear:hover .bh-v3-bear__svg,
    button.bh-v3-bear:focus-visible .bh-v3-bear__svg {
      animation: bh-v3-flinch 0.3s linear;
    }

    .bh-v3-bear__eyes {
      transition: transform 0.1s linear;
    }

    button.bh-v3-bear:hover .bh-v3-bear__eyes,
    button.bh-v3-bear:focus-visible .bh-v3-bear__eyes {
      transform: translateX(3.5px);
    }

    .bh-v3-bear__poke {
      animation: bh-v3-pop 0.25s linear;
    }

    .bh-lh3__sticker.bh-v3-slap {
      animation: bh-v3-slap-tilted 0.35s linear;
    }

    .bh-v3-star.bh-v3-slap svg {
      animation: bh-v3-slap 0.35s linear;
    }

    .bh-v3-doodles__icon--seamoss {
      animation: bh-v3-wiggle 4s linear infinite;
      transform-origin: 50% 90%;
    }
  }

  @keyframes bh-v3-flinch {
    0%   { transform: none; }
    30%  { transform: translate(-3px, 2px) rotate(-7deg); }
    70%  { transform: translate(2px, 0) rotate(3deg); }
    100% { transform: none; }
  }

  @keyframes bh-v3-pop {
    0%   { transform: translateX(-50%) rotate(-4deg) scale(0.5); }
    70%  { transform: translateX(-50%) rotate(-4deg) scale(1.1); }
    100% { transform: translateX(-50%) rotate(-4deg) scale(1); }
  }

  @keyframes bh-v3-slap {
    0%   { transform: scale(1.15); }
    60%  { transform: scale(0.96); }
    100% { transform: scale(1); }
  }

  @keyframes bh-v3-slap-tilted {
    0%   { transform: rotate(-6deg) scale(1.15); }
    60%  { transform: rotate(-6deg) scale(0.96); }
    100% { transform: rotate(-6deg) scale(1); }
  }

  @keyframes bh-v3-wiggle {
    0%, 88%, 100% { transform: rotate(0); }
    91%           { transform: rotate(-5deg); }
    94%           { transform: rotate(4deg); }
    97%           { transform: rotate(-2deg); }
  }

  /* Mobile pokes anchor to an edge, so the centered pop keyframes
     don't apply there; the sticker simply appears. */
  @media (max-width: 749px) {
    .bh-v3-bear__poke {
      animation: none !important;
    }
  }

  /* v3.2 CTA hover gag: the microline swaps text while the CTA is
     hovered. Height is reserved so the swap can never shift layout. */
  [id$='__v3_buybox_top'] .bh-pg__microline {
    min-height: 18px;
  }

  /* ── Buy-box margin decorations: flanking bears + WAS $50 starburst.
     Anchored to a zero-height wrapper that mirrors the 820px commerce
     column; fixed negative offsets hang them off its edges, fully
     outside the column. Desktop only. ── */

  .bh-v3-margin-anchor {
    position: relative;
    width: 100%;
    max-width: 820px;
    height: 0;
    margin: 0 auto;
    flex: none;
    pointer-events: none;
  }

  .bh-v3-bear--flank-l,
  .bh-v3-bear--flank-r,
  .bh-v3-star {
    display: none;
  }

  @media (min-width: 1200px) {
    .bh-v3-bear--flank-l {
      display: block;
      left: -140px;
      top: 150px;
      transform: rotate(8deg);
    }

    .bh-v3-star {
      display: block;
      position: absolute;
      right: -128px;
      top: 200px;
      width: 112px;
      height: 112px;
      transform: rotate(-8deg);
      z-index: 2;
      pointer-events: none;
    }
  }

  /* The bubble auditor needs enough margin for its speech bubble to
     stay clear of the commerce column, so it gates wider than the
     other margin decorations. */
  @media (min-width: 1440px) {
    .bh-v3-bear--flank-r {
      display: block;
      right: -148px;
      top: 470px;
      transform: rotate(-7deg);
    }
  }

  .bh-v3-star svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .bh-v3-star polygon {
    fill: var(--bh-pink-logo, #F878C8);
    stroke: var(--bh-ink, #0A0A0A);
    stroke-width: 3;
  }

  .bh-v3-star text {
    font-family: var(--font-display);
    font-weight: 900;
    fill: var(--bh-ink, #0A0A0A);
  }

  /* ── Price-arrow draw-in: wipe reveal on scroll-into-view. The
     transition exists only under no-preference, so reduced-motion
     users always get the finished arrow with zero movement. ── */

  @media (prefers-reduced-motion: no-preference) {
    [id$='__v3_buybox_top'] .bh-pg__plans::before {
      clip-path: inset(0 100% 0 0);
      transition: clip-path 0.6s linear;
    }

    [id$='__v3_buybox_top'].bh-v3-drawn .bh-pg__plans::before {
      clip-path: inset(0 0 0 0);
    }
  }
/* END_SECTION:bh-product-gummies-v3 */

/* START_SECTION:bh-product-gummies (INDEX:15) */
/* ── SHARED helpers ──────────────────────────────────────── */

  .bh-pg__hidden-form {
    display: none;
  }

  .bh-pg__section-eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    display: block;
  }

  .bh-pg__section-eyebrow::before {
    content: "// ";
  }

  .bh-pg__section-heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  /* ── 1. BUY BOX ──────────────────────────────────────────── */

  .bh-pg__buybox {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pg__buybox-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 640px;
  }

  /* ── Gallery ─────────────────────────────────────────────── */

  .bh-pg__gallery {
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    background-color: var(--base);   /* cream frame — never pure white */
  }

  .bh-pg__main-img-wrap {
    flex: 1;
    overflow: hidden;
    background-color: var(--base);   /* shows as cream letterbox when photo doesn't fill frame */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pg__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;             /* full photo visible; cream shows in any letterbox area */
    display: block;
    min-height: 460px;
  }

  .bh-pg__img-placeholder {
    width: 100%;
    min-height: 460px;
    background-color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--base);
    padding: 48px;
  }

  .bh-pg__placeholder-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__thumbs {
    display: flex;
    border-top: var(--border);
    background-color: var(--base);   /* cream strip behind all thumbnails */
  }

  .bh-pg__thumb {
    flex: 1;
    padding: 6px;                    /* cream margin around each thumbnail image */
    background-color: var(--base);
    border: none;
    border-right: var(--border);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bh-pg__thumb:last-child {
    border-right: none;
  }

  .bh-pg__thumb img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;             /* full thumbnail visible; cream shows in any letterbox area */
    display: block;
  }

  .bh-pg__thumb--active {
    outline: 3px solid var(--ink);
    outline-offset: -3px;
  }

  /* ── Right column ────────────────────────────────────────── */

  .bh-pg__right {
    position: relative;
    padding: 56px 56px 56px 64px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }

  .bh-pg__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-pg__eyebrow::before {
    content: "// ";
  }

  .bh-pg__title {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--ink);
    margin: 0;
  }

  .bh-pg__benefit {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  /* ── Plan cards (subscription selector) ─────────────────── */

  .bh-pg__plans {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .bh-pg__plan {
    position: relative;
    border: var(--border);
    margin-bottom: -3px;
    cursor: pointer;
    background-color: var(--base);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    z-index: 0;
  }

  /* Extra top clearance for the pinned badge */
  .bh-pg__plan--3mo,
  .bh-pg__plan--mo {
    padding-top: 36px;
  }

  .bh-pg__plan--active {
    background-color: var(--yellow);
    box-shadow: var(--shadow) !important;
    z-index: 1;
  }

  .bh-pg__plan:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 2px;
  }

  /* "MOST POPULAR · SAVE 33%" badge — top-right corner, contained */
  .bh-pg__plan-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: var(--ink);
    color: var(--base);
    padding: 5px 10px;
    white-space: nowrap;
    line-height: 1;
  }

  .bh-pg__plan-top {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  /* Square radio indicator */
  .bh-pg__plan-radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: var(--border);
    flex-shrink: 0;
    background-color: var(--base);
  }

  .bh-pg__plan-radio--checked {
    background-color: var(--ink);
  }

  .bh-pg__plan-name {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
  }

  .bh-pg__plan-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding-left: 28px;
  }

  /* Hero price number */
  .bh-pg__plan-hero {
    font-family: var(--font-display);
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
  }

  /* Monthly card: smaller hero number */
  .bh-pg__plan-hero--sm {
    font-size: 32px;
  }

  .bh-pg__plan-per {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink);
  }

  /* Struck-through original price */
  .bh-pg__plan-was {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    color: var(--ink);
  }

  .bh-pg__plan-sub {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding-left: 28px;
    line-height: 1.5;
  }

  /* ── ATC ─────────────────────────────────────────────────── */

  .bh-pg__atc {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--yellow);
    background-color: var(--ink);
    border: var(--border);
    box-shadow: 4px 4px 0 var(--blue) !important;
    padding: 20px 24px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-pg__atc:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 var(--blue) !important;
  }

  .bh-pg__microline {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    color: var(--ink);
    margin: 0;
    line-height: 1.5;
  }

  .bh-pg__setup-note {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    padding: 20px;
    border: var(--border);
  }

  /* ── Trust strip ─────────────────────────────────────────── */

  .bh-pg__trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 12px;
    border-top: var(--border);
  }

  .bh-pg__trust-strip span {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    white-space: nowrap;
  }

  /* ── 2. SIX-ADAPTOGEN GRID ───────────────────────────────── */

  .bh-pg__adaptogens {
    border-bottom: var(--border);
    background-color: var(--base);
  }

  .bh-pg__adaptogens-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bh-pg__adaptogens-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: var(--border);
    margin-top: 32px;
  }

  .bh-pg__adaptogen {
    padding: 36px 40px 44px;
    border-right: var(--border);
    border-bottom: var(--border);
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--base);
  }

  /* Every 3rd cell (right column): no right border */
  .bh-pg__adaptogen:nth-child(3n) {
    border-right: none;
  }

  /* Bottom row: no bottom border */
  .bh-pg__adaptogen:nth-last-child(-n+3) {
    border-bottom: none;
  }

  /* Featured cell (Shilajit) — yellow fill */
  .bh-pg__adaptogen--featured {
    background-color: var(--yellow);
  }

  .bh-pg__adaptogen-tag {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
    display: block;
  }

  .bh-pg__adaptogen-name {
    font-family: var(--font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-pg__adaptogen-benefit {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  /* ── 3. TIMELINE ─────────────────────────────────────────── */

  .bh-pg__timeline {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-pg__timeline-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bh-pg__timeline .bh-pg__section-eyebrow {
    color: var(--base);
  }

  .bh-pg__timeline .bh-pg__section-heading {
    color: var(--base);
  }

  .bh-pg__timeline-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 3px solid var(--base);
    margin-top: 32px;
  }

  .bh-pg__step {
    padding: 40px 48px 56px;
    border-right: 3px solid var(--base);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .bh-pg__step:last-child {
    border-right: none;
  }

  /* Mono number — blue on dark */
  .bh-pg__step-num {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--blue);
    display: block;
  }

  .bh-pg__step-month {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__step-heading {
    font-family: var(--font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--base);
    margin: 0;
  }

  .bh-pg__step-copy {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.55;
    color: var(--base);
    margin: 0;
    max-width: 28ch;
  }

  /* ── 4. VS BLOCK ─────────────────────────────────────────── */

  .bh-pg__vs {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-pg__vs-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 56px var(--page-margin) 0;
    max-width: 1400px;
    margin: 0 auto;
  }

  /* Two-column grid: us (yellow) | them (cream) */
  .bh-pg__vs-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: var(--border);
    margin-top: 32px;
  }

  /* Column headings span one column each */
  .bh-pg__vs-col {
    padding: 20px 40px;
    border-bottom: var(--border);
  }

  .bh-pg__vs-col--us {
    background-color: var(--yellow);
    border-right: var(--border);
  }

  .bh-pg__vs-col--them {
    background-color: var(--base);
  }

  .bh-pg__vs-col-heading {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0;
  }

  /* Row cells */
  .bh-pg__vs-cell {
    padding: 18px 40px;
    border-bottom: var(--border);
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.5;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .bh-pg__vs-cell:last-child,
  .bh-pg__vs-cell:nth-last-child(2) {
    border-bottom: none;
  }

  .bh-pg__vs-cell--us {
    background-color: var(--yellow);
    border-right: var(--border);
    font-weight: 500;
  }

  .bh-pg__vs-cell--them {
    background-color: var(--base);
  }

  .bh-pg__vs-check {
    font-size: 16px;
    color: var(--ink);
    flex-shrink: 0;
  }

  .bh-pg__vs-x {
    font-size: 16px;
    color: var(--ink);
    flex-shrink: 0;
  }

  /* ── Mobile ──────────────────────────────────────────────── */

  @media (max-width: 749px) {
    .bh-pg__buybox-inner {
      grid-template-columns: 1fr;
    }

    .bh-pg__gallery {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-pg__right {
      padding: 40px 24px 48px;
    }

    .bh-pg__adaptogens-grid {
      grid-template-columns: 1fr 1fr;
    }

    .bh-pg__adaptogen:nth-child(3n) {
      border-right: var(--border);
    }

    .bh-pg__adaptogen:nth-child(2n) {
      border-right: none;
    }

    .bh-pg__adaptogen:nth-last-child(-n+3) {
      border-bottom: var(--border);
    }

    .bh-pg__adaptogen:nth-last-child(-n+2) {
      border-bottom: none;
    }

    .bh-pg__adaptogen {
      padding: 28px 24px 32px;
    }

    .bh-pg__timeline-steps,
    .bh-pg__adaptogens-grid {
      grid-template-columns: 1fr;
    }

    .bh-pg__step {
      border-right: none;
      border-bottom: 3px solid var(--base);
      padding: 36px 24px;
    }

    .bh-pg__step:last-child {
      border-bottom: none;
    }

    .bh-pg__vs-table {
      grid-template-columns: 1fr;
    }

    .bh-pg__vs-col--us,
    .bh-pg__vs-cell--us {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-pg__vs-col--them,
    .bh-pg__vs-cell--them {
      border-bottom: var(--border);
    }

    .bh-pg__vs-cell:last-child {
      border-bottom: none;
    }

    .bh-pg__adaptogens-header,
    .bh-pg__timeline-header,
    .bh-pg__vs-header {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
/* END_SECTION:bh-product-gummies */

/* START_SECTION:bh-proof-strip-v3 (INDEX:16) */
.bh-ps {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-ps__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 56px var(--page-margin, 24px) 64px;
  }

  .bh-ps__header {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .bh-ps__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-ps__eyebrow::before {
    content: "// ";
  }

  .bh-ps__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-ps__badge .jdgm-preview-badge {
    font-family: var(--font-mono);
    color: var(--ink);
  }

  .bh-ps__quotes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
  }

  .bh-ps__quote {
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--base);
    padding: 28px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .bh-ps__quote-text {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  .bh-ps__quote-attrib {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-ps__quote-attrib::before {
    content: "— ";
  }

  /* V3 skin, scoped to the daily-v3 wrapper: the spine bans em dashes
     everywhere, so the attribution prefix becomes the mono slash mark. */
  [id$='__v3_proof'] .bh-ps__quote-attrib::before {
    content: "// ";
  }

  /* v3.1 graphics layer: seam-bear anchoring + marker circle on "Real".
     The !important beats the bh-tokens.css background-image ban, which
     spine 3b scopes out for the graphics layer. */
  [id$='__v3_proof'] .bh-ps {
    position: relative;
  }

  .bh-v3-bear--proof-top {
    top: -30px;
    right: 7%;
    transform: rotate(-10deg);
  }

  .bh-v3-bear--proof-bot {
    bottom: -28px;
    left: 5%;
    transform: rotate(7deg);
  }

  .bh-v3-circled {
    position: relative;
    display: inline-block;
  }

  .bh-v3-circled::after {
    content: "";
    position: absolute;
    top: -12px;
    right: -16px;
    bottom: -12px;
    left: -16px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' preserveAspectRatio='none'><path d='M8 30 C10 12, 40 4, 62 6 C92 8, 114 16, 112 32 C110 48, 80 56, 52 54 C24 52, 6 44, 8 30 Z' fill='none' stroke='%23E82F93' stroke-width='5' stroke-linecap='round'/></svg>") no-repeat center / 100% 100% !important;
    pointer-events: none;
  }

  @media (max-width: 749px) {
    .bh-ps__inner {
      padding-top: 40px;
      padding-bottom: 48px;
    }

    .bh-ps__quotes {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
/* END_SECTION:bh-proof-strip-v3 */

/* START_SECTION:bh-proof-strip (INDEX:17) */
.bh-ps {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  .bh-ps__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 56px var(--page-margin, 24px) 64px;
  }

  .bh-ps__header {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .bh-ps__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-ps__eyebrow::before {
    content: "// ";
  }

  .bh-ps__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-ps__badge .jdgm-preview-badge {
    font-family: var(--font-mono);
    color: var(--ink);
  }

  .bh-ps__quotes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
  }

  .bh-ps__quote {
    border: var(--border);
    box-shadow: var(--shadow) !important;
    background-color: var(--base);
    padding: 28px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .bh-ps__quote-text {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.5;
    color: var(--ink);
    margin: 0;
  }

  .bh-ps__quote-attrib {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-ps__quote-attrib::before {
    content: "— ";
  }

  @media (max-width: 749px) {
    .bh-ps__inner {
      padding-top: 40px;
      padding-bottom: 48px;
    }

    .bh-ps__quotes {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
/* END_SECTION:bh-proof-strip */

/* START_SECTION:bh-sticky-cta-v3 (INDEX:18) */
/* ── BH STICKY CTA — thin ink bar, yellow button, mobile only ── */

  .bh-scta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    background-color: var(--ink);
    padding: 10px 16px;
  }

  .bh-scta[hidden] {
    display: none;
  }

  .bh-scta__btn {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    box-shadow: 4px 4px 0 var(--blue) !important;
    padding: 14px 20px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-scta__btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 var(--blue) !important;
  }

  /* Desktop never sees the bar */
  @media (min-width: 750px) {
    .bh-scta {
      display: none;
    }
  }

  /* V3 skin, scoped to the daily-v3 wrapper: yellow becomes PINK,
     blue shadow becomes SPLASH */
  [id$='__v3_sticky_cta'] .bh-scta__btn {
    background-color: var(--bh-pink);
    box-shadow: 4px 4px 0 var(--bh-splash) !important;
  }

  [id$='__v3_sticky_cta'] .bh-scta__btn:hover {
    box-shadow: 6px 6px 0 var(--bh-splash) !important;
  }
/* END_SECTION:bh-sticky-cta-v3 */

/* START_SECTION:bh-sticky-cta (INDEX:19) */
/* ── BH STICKY CTA — thin ink bar, yellow button, mobile only ── */

  .bh-scta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    background-color: var(--ink);
    padding: 10px 16px;
  }

  .bh-scta[hidden] {
    display: none;
  }

  .bh-scta__btn {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    box-shadow: 4px 4px 0 var(--blue) !important;
    padding: 14px 20px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-scta__btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 var(--blue) !important;
  }

  /* Desktop never sees the bar */
  @media (min-width: 750px) {
    .bh-scta {
      display: none;
    }
  }
/* END_SECTION:bh-sticky-cta */

/* START_SECTION:bh-story-v3 (INDEX:20) */
.bh-st {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-st__inner {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 56px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px var(--page-margin, 24px);
  }

  .bh-st__left {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* Mono number — yellow, the pillars accent */
  .bh-st__num {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--yellow);
    display: block;
  }

  .bh-st__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--base);
  }

  .bh-st__eyebrow::before {
    content: "// ";
  }

  .bh-st__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--base);
    margin: 0;
  }

  .bh-st__right {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .bh-st__body {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.6;
    color: var(--base);
  }

  .bh-st__body p {
    margin: 0 0 16px;
  }

  .bh-st__body p:last-child {
    margin-bottom: 0;
  }

  .bh-st__kicker {
    align-self: flex-start;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 10px 16px;
    margin: 0;
  }

  @media (max-width: 749px) {
    .bh-st__inner {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 44px var(--page-margin, 24px) 52px;
    }
  }

  /* V3 skin, scoped to the daily-v3 wrapper: retired yellow becomes PINK */
  [id$='__v3_story'] .bh-st__num {
    color: var(--bh-pink);
  }

  /* v3.1 graphics layer: seam-bear anchoring */
  [id$='__v3_story'] .bh-st {
    position: relative;
  }

  .bh-v3-bear--story {
    top: -30px;
    right: 12%;
    transform: rotate(9deg);
  }

  [id$='__v3_story'] .bh-st__kicker {
    background-color: var(--bh-pink);
  }
/* END_SECTION:bh-story-v3 */

/* START_SECTION:bh-story (INDEX:21) */
.bh-st {
    background-color: var(--ink);
    border-bottom: var(--border);
  }

  .bh-st__inner {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 56px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px var(--page-margin, 24px);
  }

  .bh-st__left {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* Mono number — yellow, the pillars accent */
  .bh-st__num {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--yellow);
    display: block;
  }

  .bh-st__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--base);
  }

  .bh-st__eyebrow::before {
    content: "// ";
  }

  .bh-st__heading {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--base);
    margin: 0;
  }

  .bh-st__right {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .bh-st__body {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.6;
    color: var(--base);
  }

  .bh-st__body p {
    margin: 0 0 16px;
  }

  .bh-st__body p:last-child {
    margin-bottom: 0;
  }

  .bh-st__kicker {
    align-self: flex-start;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 10px 16px;
    margin: 0;
  }

  @media (max-width: 749px) {
    .bh-st__inner {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 44px var(--page-margin, 24px) 52px;
    }
  }
/* END_SECTION:bh-story */

/* START_SECTION:bh-ticker (INDEX:22) */
/* ── BH TICKER — trust strip ─────────────────────────────── */

  .bh-ticker {
    background-color: var(--ink);
    border-bottom: 3px solid var(--base);
    display: flex;
    flex-wrap: nowrap;
  }

  .bh-ticker__item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 12px;
    border-right: 3px solid var(--base);
  }

  .bh-ticker__item:last-child {
    border-right: none;
  }

  /* Yellow square — the marker that visually anchors each item */
  .bh-ticker__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--yellow);
    flex-shrink: 0;
  }

  .bh-ticker__text {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--base);
    white-space: nowrap;
  }

  /* ── Mobile — wrap into two columns ─────────────────────── */

  @media (max-width: 749px) {
    .bh-ticker {
      flex-wrap: wrap;
    }

    .bh-ticker__item {
      flex: 1 1 50%;
      border-bottom: 3px solid var(--base);
      padding: 16px 12px;
    }

    /* Kill the right border — layout handles separation via flex wrapping */
    .bh-ticker__item {
      border-right: none;
    }

    /* Restore right border only on odd items (left column) */
    .bh-ticker__item:nth-child(odd) {
      border-right: 3px solid var(--base);
    }

    /* Last row: no bottom border on either item if it's the last */
    .bh-ticker__item:last-child,
    .bh-ticker__item:nth-last-child(2):nth-child(odd) {
      border-bottom: none;
    }
  }
/* END_SECTION:bh-ticker */

/* START_SECTION:bh-v3-marquee (INDEX:23) */
.bh-v3mq {
    position: relative;
    height: 72px;
    overflow: hidden;
    background-color: var(--bh-pink-logo, #F878C8);
    border-top: var(--border);
    border-bottom: var(--border);
    pointer-events: none;
  }

  .bh-v3mq__track {
    position: absolute;
    left: 0;
    top: calc(50% - 22px);
    display: flex;
    white-space: nowrap;
    width: max-content;
  }

  .bh-v3mq__track--a {
    animation: bh-v3mq-a 64s linear infinite;
  }

  .bh-v3mq__track--b {
    visibility: hidden;
    animation: bh-v3mq-b 64s linear infinite;
  }

  .bh-v3mq__half {
    display: inline-block;
    flex-shrink: 0;
  }

  .bh-v3mq__text {
    font-family: var(--font-display);
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--bh-ink, #0A0A0A);
  }

  /* Track A: visible and scrolling for the first half of the timeline,
     hidden for the second. Track B: the reverse. Visibility is a hard
     discrete swap at the loop point: no fades, nothing banned. */

  @keyframes bh-v3mq-a {
    0%      { visibility: visible; transform: translateX(0); }
    49.999% { visibility: visible; transform: translateX(-50%); }
    50%     { visibility: hidden;  transform: translateX(0); }
    100%    { visibility: hidden;  transform: translateX(0); }
  }

  @keyframes bh-v3mq-b {
    0%      { visibility: hidden;  transform: translateX(0); }
    49.999% { visibility: hidden;  transform: translateX(0); }
    50%     { visibility: visible; transform: translateX(0); }
    100%    { visibility: visible; transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    .bh-v3mq__track {
      animation: none;
    }

    .bh-v3mq__track--b {
      display: none;
    }
  }

  @media (max-width: 749px) {
    .bh-v3mq {
      height: 48px;
    }

    .bh-v3mq__track {
      top: calc(50% - 13px);
    }

    .bh-v3mq__text {
      font-size: 26px;
    }
  }
/* END_SECTION:bh-v3-marquee */

/* START_SECTION:cart (INDEX:25) */
/* ── BH CART ─────────────────────────────────────────────────── */

  .bh-cart {
    background-color: var(--base);
    min-height: 60vh;
  }

  .bh-cart__wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--page-margin, 40px);
  }

  /* ── Page header ─────────────────────────────────────────────── */

  .bh-cart__page-header {
    display: flex;
    align-items: baseline;
    gap: 20px;
    padding: 56px 0 32px;
    border-bottom: var(--border);
  }

  .bh-cart__page-title {
    font-family: var(--font-display);
    font-size: clamp(32px, 4vw, 56px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__page-count {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    padding: 4px 10px;
    white-space: nowrap;
  }

  /* ── Layout: items | summary ─────────────────────────────────── */

  .bh-cart__layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    border: var(--border);
    border-top: none;
    margin-bottom: 80px;
  }

  /* ── Items column ────────────────────────────────────────────── */

  .bh-cart__items-col {
    border-right: var(--border);
  }

  /* Column header labels */
  .bh-cart__col-header {
    display: flex;
    align-items: center;
    padding: 14px 0 14px 24px;
    border-bottom: var(--border);
    background-color: var(--ink);
    gap: 0;
  }

  .bh-cart__col-h-item,
  .bh-cart__col-h-qty,
  .bh-cart__col-h-total {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--base);
  }

  .bh-cart__col-h-item  { flex: 1; padding-left: 164px; } /* 140px img + 24px gap */
  .bh-cart__col-h-qty   { width: 148px; text-align: center; }
  .bh-cart__col-h-total { width: 120px; text-align: right; padding-right: 24px; }

  /* ── Line item row ───────────────────────────────────────────── */

  .bh-cart__row {
    display: flex;
    align-items: center;
    border-bottom: var(--border);
    min-height: 0;
  }

  .bh-cart__row:last-of-type {
    border-bottom: none;
  }

  /* Thumbnail — 140×140, object-fit contain on cream */
  .bh-cart__img-wrap {
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    background-color: var(--base);
    border-right: var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
  }

  .bh-cart__img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    display: block;
  }

  .bh-cart__img-empty {
    width: 140px;
    height: 140px;
    background-color: var(--base);
  }

  /* Product info */
  .bh-cart__item-info {
    flex: 1;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: stretch;
    justify-content: center;
  }

  .bh-cart__item-title {
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--ink);
    text-decoration: none;
  }

  .bh-cart__item-title:hover {
    text-decoration: underline;
    text-decoration-color: var(--yellow);
    text-underline-offset: 3px;
  }

  .bh-cart__item-variant,
  .bh-cart__item-plan {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__item-unit-price {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.04em;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__remove {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    text-decoration: none;
    border-bottom: 2px solid var(--ink);
    align-self: flex-start;
    margin-top: 4px;
    line-height: 1.6;
  }

  .bh-cart__remove:hover {
    border-bottom-color: var(--yellow);
  }

  /* Quantity cell */
  .bh-cart__qty-cell {
    flex-shrink: 0;
    width: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-left: var(--border);
  }

  /* Brutalist stepper */
  .bh-cart__stepper {
    display: flex;
    align-items: center;
    border: var(--border);
  }

  .bh-cart__stepper-btn {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    width: 36px;
    height: 36px;
    background-color: var(--base);
    border: none;
    color: var(--ink);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .bh-cart__stepper-minus {
    border-right: var(--border);
  }

  .bh-cart__stepper-plus {
    border-left: var(--border);
  }

  .bh-cart__stepper-btn:hover {
    background-color: var(--yellow);
  }

  .bh-cart__stepper-input {
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 700;
    width: 44px;
    height: 36px;
    border: none;
    background-color: var(--base);
    color: var(--ink);
    text-align: center;
    -moz-appearance: textfield;
  }

  .bh-cart__stepper-input::-webkit-outer-spin-button,
  .bh-cart__stepper-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Line total */
  .bh-cart__total-cell {
    flex-shrink: 0;
    width: 120px;
    padding: 0 24px 0 8px;
    text-align: right;
    border-left: var(--border);
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .bh-cart__line-price {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--ink);
    background-color: var(--yellow);
    border: var(--border);
    padding: 4px 8px;
    white-space: nowrap;
  }

  /* Update cart row */
  .bh-cart__update-row {
    padding: 20px 24px;
    display: flex;
    justify-content: flex-end;
    border-top: var(--border);
  }

  .bh-cart__update-btn {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    background-color: var(--base);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 10px 20px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-cart__update-btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* ── Summary panel ───────────────────────────────────────────── */

  .bh-cart__summary {
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: flex-start;
    position: sticky;
    top: 80px; /* clears sticky header */
  }

  .bh-cart__summary-eyebrow {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding-bottom: 16px;
    border-bottom: var(--border);
  }

  .bh-cart__summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .bh-cart__summary-row--discount {
    color: var(--ink);
  }

  .bh-cart__subtotal-row {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .bh-cart__subtotal-label {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--ink);
  }

  .bh-cart__subtotal-amount {
    font-family: var(--font-mono);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--ink);
  }

  .bh-cart__shipping-note {
    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.4;
    color: var(--ink);
    margin: 0;
    padding-bottom: 8px;
    border-bottom: var(--border);
  }

  /* Checkout — ink fill, yellow Archivo Black text, hard shadow */
  .bh-cart__checkout-btn {
    display: block;
    width: 100%;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-align: center;
    color: var(--yellow);
    background-color: var(--ink);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 20px 24px;
    cursor: pointer;
    transition: transform 0.08s linear;
  }

  .bh-cart__checkout-btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* Dynamic checkout buttons (Shop Pay, PayPal, etc.) */
  .bh-cart__alt-payments {
    border-top: var(--border);
    padding-top: 16px;
  }

  /* Trust micro-strip */
  .bh-cart__trust {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 8px;
    border-top: var(--border);
  }

  .bh-cart__trust-item {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
  }

  /* ── Cross-sell card ────────────────────────────────────────── */

  .bh-cart__xsell {
    margin: 20px 24px;
    border: var(--border);
    box-shadow: var(--shadow) !important;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
  }

  .bh-cart__xsell--gummy {
    background-color: var(--yellow);
  }

  .bh-cart__xsell--apparel {
    background-color: var(--blue);
  }

  .bh-cart__xsell-eyebrow {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding: 8px 16px;
    border-bottom: var(--border);
    background-color: var(--ink);
    color: var(--base);
  }

  .bh-cart__xsell-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    flex-wrap: wrap;
  }

  .bh-cart__xsell-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
    border: var(--border);
    background-color: var(--base);
  }

  .bh-cart__xsell-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
  }

  .bh-cart__xsell-heading {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__xsell--apparel .bh-cart__xsell-heading {
    color: var(--base);
  }

  .bh-cart__xsell-sub {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.4;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__xsell--apparel .bh-cart__xsell-sub {
    color: var(--base);
  }

  .bh-cart__xsell-price {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
  }

  .bh-cart__xsell--apparel .bh-cart__xsell-price {
    color: var(--base);
  }

  .bh-cart__xsell-cta {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: var(--yellow);
    background-color: var(--ink);
    border: var(--border);
    box-shadow: var(--shadow) !important;
    padding: 14px 18px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: transform 0.08s linear;
  }

  .bh-cart__xsell-cta:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  /* ── Empty state ─────────────────────────────────────────────── */

  .bh-cart__empty {
    border: var(--border);
    border-top: none;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 80px;
    background-color: var(--ink);
  }

  .bh-cart__empty-text {
    font-family: var(--font-display);
    font-size: clamp(28px, 4vw, 56px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--yellow);
    margin: 0;
  }

  .bh-cart__empty-sub {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.5;
    color: var(--base);
    margin: 0;
  }

  .bh-cart__empty-ctas {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .bh-cart__empty-cta {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    padding: 16px 28px;
    border: var(--border);
    box-shadow: var(--shadow) !important;
    transition: transform 0.08s linear;
    color: var(--ink);
  }

  .bh-cart__empty-cta:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-hi) !important;
  }

  .bh-cart__empty-cta--yellow {
    background-color: var(--yellow);
    color: var(--ink);
  }

  .bh-cart__empty-cta--blue {
    background-color: var(--blue);
    color: var(--base);
  }

  /* ── Mobile ──────────────────────────────────────────────────── */

  @media (max-width: 900px) {
    .bh-cart__layout {
      grid-template-columns: 1fr;
    }

    .bh-cart__items-col {
      border-right: none;
      border-bottom: var(--border);
    }

    .bh-cart__summary {
      position: static;
      padding: 32px 24px;
    }
  }

  @media (max-width: 600px) {
    .bh-cart__wrap {
      padding: 0 16px;
    }

    .bh-cart__page-header {
      padding: 36px 0 24px;
    }

    .bh-cart__col-header {
      display: none; /* labels hidden on smallest screens; img/qty/total implicit */
    }

    /* Stack row: img top, then info + qty + total below */
    .bh-cart__row {
      flex-wrap: wrap;
    }

    .bh-cart__img-wrap {
      width: 100px;
      height: 100px;
    }

    .bh-cart__img {
      width: 100px;
      height: 100px;
    }

    .bh-cart__qty-cell {
      width: auto;
      border-left: none;
      border-top: var(--border);
      flex: 1;
      padding: 12px 16px;
      justify-content: flex-start;
    }

    .bh-cart__total-cell {
      width: auto;
      border-top: var(--border);
      padding: 12px 16px;
      justify-content: flex-end;
    }

    .bh-cart__empty {
      padding: 56px 24px;
    }
  }
/* END_SECTION:cart */

/* START_SECTION:collection (INDEX:26) */
.collection-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  }
/* END_SECTION:collection */

/* START_SECTION:collections (INDEX:27) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:custom-section (INDEX:28) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:footer (INDEX:29) */
/* ── BH FOOTER ───────────────────────────────────────────── */

  .bh-footer {
    background-color: var(--base);
    border-top: var(--border);
  }

  /* 4-column grid — equal weight, divided by ink borders */
  .bh-footer__columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .bh-footer__col {
    padding: 48px 40px 56px;
    border-right: var(--border);
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .bh-footer__col:last-child {
    border-right: none;
  }

  /* ── Brand column ────────────────────────────────────────── */

  .bh-footer__logo {
    display: inline-flex;
    align-items: baseline;
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    white-space: nowrap;
  }

  .bh-footer__logo-halal {
    display: inline-block;
    background-color: var(--yellow);
    border: var(--border);
    padding: 2px 5px 3px;
    line-height: 1.1;
    vertical-align: middle;
  }

  .bh-footer__blurb {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.55;
    color: var(--ink);
    margin: 0;
    max-width: 26ch;
  }

  /* ── Link columns ────────────────────────────────────────── */

  .bh-footer__col-heading {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0;
    padding-bottom: 8px;
    border-bottom: var(--border);
    /* Heading visually anchors the column — no extra markup needed */
  }

  .bh-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .bh-footer__link {
    display: inline-block;
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.5;
    color: var(--ink);
    text-decoration: none;
    padding: 4px 0;
    position: relative;
  }

  /* Yellow underline-on-hover treatment */
  .bh-footer__link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--yellow);
  }

  .bh-footer__link:hover::after {
    width: 100%;
  }

  /* ── Legal bar ───────────────────────────────────────────── */

  .bh-footer__legal {
    border-top: var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px var(--page-margin);
    flex-wrap: wrap;
  }

  .bh-footer__legal-copy {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    line-height: 1.4;
  }

  .bh-footer__legal-copy a {
    color: var(--ink);
    text-decoration: none;
  }

  .bh-footer__legal-copy a:hover {
    text-decoration: underline;
    text-decoration-color: var(--yellow);
    text-underline-offset: 3px;
  }

  .bh-footer__payment {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  /* Payment SVGs inherit the page context but stay small */
  .bh-footer__payment svg,
  .bh-footer__payment img {
    height: 24px;
    width: auto;
  }

  /* ── FDA / supplement disclaimer ────────────────────────── */

  .bh-footer__disclaimer {
    border-top: var(--border);
    padding: 14px var(--page-margin);
    background-color: var(--base);
  }

  .bh-footer__disclaimer-text {
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--ink);
    margin: 0;
    max-width: 960px;
  }

  /* ── Mobile — 2-column → 1-column stack ─────────────────── */

  @media (max-width: 900px) {
    .bh-footer__columns {
      grid-template-columns: 1fr 1fr;
    }

    .bh-footer__col:nth-child(2) {
      border-right: none;
    }

    .bh-footer__col:nth-child(1),
    .bh-footer__col:nth-child(2) {
      border-bottom: var(--border);
    }
  }

  @media (max-width: 600px) {
    .bh-footer__columns {
      grid-template-columns: 1fr;
    }

    .bh-footer__col {
      border-right: none;
      border-bottom: var(--border);
      padding: 36px 24px;
    }

    .bh-footer__col:last-child {
      border-bottom: none;
    }

    .bh-footer__legal {
      flex-direction: column;
      align-items: flex-start;
    }
  }
/* END_SECTION:footer */

/* START_SECTION:header (INDEX:30) */
/* ── BH HEADER ───────────────────────────────────────────── */

  --icon-stroke-width: 1.5;

  .bh-header {
    background-color: var(--base);
    border-bottom: var(--border);
  }

  /* Inner row: logo · nav · icons — constrained to page width */
  .bh-header__inner {
    display: flex;
    align-items: center;
    height: 64px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--page-margin);
    gap: 24px;
  }

  /* ── Logo ────────────────────────────────────────────────── */

  .bh-header__logo {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* "Halal" sits in a yellow ink-bordered block */
  .bh-header__logo-halal {
    display: inline-block;
    background-color: var(--yellow);
    border: var(--border);
    padding: 2px 5px 3px;
    line-height: 1.1;
    vertical-align: middle;
  }

  /* ── Desktop nav ─────────────────────────────────────────── */

  .bh-header__nav {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    gap: 6px;
  }

  .bh-header__nav-link {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--ink);
    padding: 7px 12px;
    border: var(--border);
    transition: transform 0.08s linear;
  }

  .bh-header__nav-link:hover {
    background-color: var(--yellow);
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow) !important;
    position: relative;
    z-index: 1;
  }

  .bh-header__nav-link--active {
    background-color: var(--ink);
    color: var(--base);
  }

  .bh-header__nav-link--active:hover {
    background-color: var(--yellow);
    color: var(--ink);
  }

  /* ── Icon cluster ────────────────────────────────────────── */

  .bh-header__icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
  }

  .bh-header__account,
  .bh-header__cart {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink);
    text-decoration: none;
    position: relative;
    cursor: pointer;
  }

  .bh-header__icons svg {
    width: 22px;
    height: 22px;
    display: block;
  }

  /* Cart count badge — yellow pill to match the logo badge */
  .bh-header__cart-count {
    position: absolute;
    top: -6px;
    right: -8px;
    background-color: var(--yellow);
    color: var(--ink);
    border: 2px solid var(--ink);
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 400;
    min-width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
    z-index: 1;
  }

  /* Hamburger — hidden on desktop */
  .bh-header__hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 7px;
    background: none;
    border: var(--border);
    cursor: pointer;
    color: var(--ink);
    flex-shrink: 0;
  }

  .bh-header__bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--ink);
  }

  /* ── Mobile nav panel ────────────────────────────────────── */

  .bh-header__mobile-nav {
    background-color: var(--base);
    border-top: var(--border);
  }

  .bh-header__mobile-nav[hidden] {
    display: none;
  }

  .bh-header__mobile-link {
    display: block;
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--ink);
    padding: 20px var(--page-margin);
    border-bottom: var(--border);
  }

  .bh-header__mobile-link:hover,
  .bh-header__mobile-link--active {
    background-color: var(--yellow);
  }

  /* ── Breakpoints ─────────────────────────────────────────── */

  @media (max-width: 749px) {
    /* Hide desktop nav, show hamburger */
    .bh-header__nav {
      display: none;
    }

    .bh-header__hamburger {
      display: flex;
    }
  }
/* END_SECTION:header */

/* START_SECTION:hello-world (INDEX:31) */
.welcome {
    display: grid;
    grid-template-columns: var(--content-grid);
    background-color: #f6f6f7;
    padding: 72px 0;
  }

  .welcome-content {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 24px;
  }

  .welcome-description {
    max-width: 80ch;
    line-height: 1.4;
    margin-top: 1.5rem;
  }

  .icon {
    width: 300px;
  }

  .highlights {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }

  @media (max-width: 1100px) {
    .highlights {
      grid-template-columns: 1fr;
    }
  }

  .highlight {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #eef3ff;
    color: rgb(92, 95, 98);
    line-height: 1.4;
  }

  .highlight > * + * {
    margin-top: 1rem;
  }

  .highlight h3 {
    font-size: 1rem;
    color: rgb(32, 34, 35);
  }

  .highlight-description {
    flex: 1 1;
  }

  .highlight a {
    display: flex;
    width: fit-content;
    background-color: rgb(250, 251, 251);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
    border: 1px solid rgb(140, 145, 150);
    border-radius: 4px;
    color: rgb(92, 95, 98);
    padding: 3px 10px 5px;
    text-decoration: none;
  }
/* END_SECTION:hello-world */

/* START_SECTION:search (INDEX:35) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:36) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:37) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:43) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */