/** Shopify CDN: Minification failed

Line 996:0 Unexpected "@media"

**/
给一个/*
 * Zenbotanique 0828 — responsive and system dark-mode polish
 * Loaded after the theme bundle so it can safely refine existing sections.
 */

/* Shared resilience */
html {
  color-scheme: light;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .page-width,
  .page-width.drawer-menu {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .zb-final-home .zb-concern-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .zb-final-home .zb-ritual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 749px) {
  .page-width,
  .page-width.drawer-menu,
  .header.page-width,
  .utility-bar__grid.page-width {
    padding-left: max(1.6rem, env(safe-area-inset-left));
    padding-right: max(1.6rem, env(safe-area-inset-right));
  }

  .announcement-bar__message {
    max-width: 100%;
    padding: 0.65rem 1.6rem;
    font-size: 1.05rem;
    line-height: 1.35;
    white-space: normal;
  }

  .header {
    min-height: 5.8rem;
  }

  .header__heading-logo {
    width: min(17rem, 46vw);
    height: auto;
  }

  .header__icons {
    gap: 0;
  }

  .header__icon {
    width: 4.4rem;
    height: 4.4rem;
  }

  .section + .section {
    margin-top: clamp(3.6rem, 8vw, 5.6rem);
  }

  .title-wrapper-with-link {
    align-items: flex-start;
    margin-bottom: 2.4rem;
  }

  .button,
  .shopify-challenge__button,
  .shopify-payment-button__button,
  .product-form__submit {
    min-height: 4.8rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }

  .field__input,
  .select__select {
    min-height: 4.8rem;
    font-size: 16px;
  }

  .quantity__input {
    font-size: 16px;
  }

  .product-grid {
    column-gap: 1.2rem;
    row-gap: 2.4rem;
  }

  /* Homepage: keep the editorial desktop hierarchy, but make each mobile block breathe. */
  .zb-final-home .zb-final-hero-carousel .zb-final-hero__copy {
    width: 100%;
    padding: 8rem 2rem 7rem;
  }

  .zb-final-home .zb-final-hero-carousel .zb-final-hero__copy h1 {
    max-width: 19ch;
    font-size: clamp(3.2rem, 11vw, 4.6rem);
    line-height: 1.02;
  }

  .zb-final-home .zb-final-hero__controls {
    bottom: max(2.4rem, env(safe-area-inset-bottom));
  }

  .zb-final-home .zb-discovery-column {
    padding: 4.4rem 2rem;
  }

  .zb-final-home .zb-concern-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .zb-final-home .zb-concern-icon {
    width: 5.8rem;
    height: 5.8rem;
  }

  .zb-final-home .zb-ritual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .zb-final-home .zb-ritual-set__media,
  .zb-final-home .zb-approach__media,
  .zb-final-home .zb-finder__media {
    min-height: clamp(26rem, 78vw, 38rem);
  }

  .zb-final-home .zb-ritual-set__copy,
  .zb-final-home .zb-approach__copy,
  .zb-final-home .zb-finder__copy {
    padding: 4.8rem 2rem;
  }

  /* Legacy editorial sections: prevent dense copy and oversized media on narrow screens. */
  body:has(.zb-heirloom-hero) .zb-page-width {
    width: min(calc(100% - 3.2rem), var(--zb-page-width));
  }

  body:has(.zb-heirloom-hero) .zb-hero-copy,
  body:has(.zb-heirloom-hero) .zb-story-copy {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  body:has(.zb-heirloom-hero) .zb-hero-media,
  body:has(.zb-heirloom-hero) .zb-story-media {
    min-height: clamp(24rem, 92vw, 44rem);
  }

  .zb-pdp__option,
  .zbv4-variant,
  .zbv4-variant-choice {
    min-height: 4.8rem;
  }

  .zb-pdp__sticky-cart,
  .zbv4-sticky {
    padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-ritual-content {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

/* Automatic system dark mode */
@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }

  body {
    background: #121815 !important;
    color: #f2f1eb;
  }

  :root,
  .color-scheme-1,
  .color-scheme-2,
  .color-scheme-3,
  .color-scheme-4,
  .color-scheme-5,
  .color-scheme-6 {
    --color-background: 18, 24, 21 !important;
    --gradient-background: #121815 !important;
    --color-foreground: 242, 241, 235 !important;
    --color-button: 209, 174, 105 !important;
    --color-button-text: 18, 24, 21 !important;
    --color-secondary-button: 18, 24, 21 !important;
    --color-secondary-button-text: 242, 241, 235 !important;
    --color-link: 216, 228, 216 !important;
    --color-shadow: 0, 0, 0 !important;
  }

  .color-scheme-2 {
    --color-background: 28, 37, 31 !important;
    --gradient-background: #1c251f !important;
  }

  .color-scheme-3,
  .color-scheme-4 {
    --color-background: 15, 21, 17 !important;
    --gradient-background: #0f1511 !important;
  }

  .color-scheme-6 {
    --color-background: 18, 58, 43 !important;
    --gradient-background: #123a2b !important;
    --color-button: 242, 241, 235 !important;
    --color-button-text: 18, 58, 43 !important;
  }

  .gradient {
    background: var(--gradient-background) !important;
  }

  .field__input,
  .select__select,
  .quantity,
  .predictive-search,
  .modal__content,
  .drawer__inner {
    background: #1b241f !important;
    color: #f2f1eb !important;
    border-color: rgba(242, 241, 235, 0.24) !important;
  }

  .field__input::placeholder,
  .select__select::placeholder,
  .quantity__input::placeholder {
    color: rgba(242, 241, 235, 0.58) !important;
  }

  /* Homepage palette */
  .zb-final-home {
    --zb-ink: #f2f1eb;
    --zb-ink-soft: #b9c4ba;
    --zb-cream: #141b17;
    --zb-paper: #1e2821;
    --zb-sage: #26352b;
    --zb-line: rgba(242, 241, 235, 0.2);
    --zb-gold: #d1ae69;
    background: var(--zb-cream) !important;
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-final-hero,
  .zb-final-home .zb-final-discovery,
  .zb-final-home .zb-ritual-set,
  .zb-final-home .zb-approach,
  .zb-final-home .zb-finder {
    background: var(--zb-cream) !important;
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-section-heading h2,
  .zb-final-home h2,
  .zb-final-home .zb-final-hero__copy h1,
  .zb-final-home .zb-text-link,
  .zb-final-home .zb-concern-grid a {
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-section-heading > p:not(.zb-eyebrow),
  .zb-final-home .zb-copy,
  .zb-final-home .zb-approach__copy > p:not(.zb-eyebrow),
  .zb-final-home .zb-finder__copy > p:not(.zb-eyebrow),
  .zb-final-home .zb-eyebrow,
  .zb-final-home .zb-hero-points {
    color: var(--zb-ink-soft) !important;
  }

  .zb-final-home .zb-button {
    background: #d1ae69 !important;
    color: #182019 !important;
  }

  .zb-final-home .zb-ritual-card {
    background: #202a23 !important;
    border-color: var(--zb-line) !important;
  }

  .zb-final-home .zb-card-copy {
    background: #173f32 !important;
    color: #f7f4ee !important;
  }

  .zb-final-home .zb-concern-icon {
    background: #1c261f !important;
    border-color: var(--zb-line) !important;
  }

  /* Older botanical pages */
  body:has(.zb-heirloom-hero) {
    --zb-botanical: #c9dec9;
    --zb-rice-paper: #141b17;
    --zb-paper-light: #1b241f;
    --zb-clay: #d3a681;
    --zb-seal: #df9f86;
    --zb-ink: #f2f1eb;
    --zb-muted-ink: #bac5bb;
    --zb-border: rgba(242, 241, 235, 0.2);
    background: var(--zb-rice-paper) !important;
    color: var(--zb-ink) !important;
  }

  body:has(.zb-heirloom-hero) .header-wrapper,
  body:has(.zb-heirloom-hero) .footer,
  body:has(.zb-heirloom-hero) .collection .card__inner,
  body:has(.zb-heirloom-hero) .blog .card__inner {
    background: var(--zb-paper-light) !important;
    border-color: var(--zb-border) !important;
    color: var(--zb-ink) !important;
  }

  body:has(.zb-heirloom-hero) .header__heading-link,
  body:has(.zb-heirloom-hero) .header__heading,
  body:has(.zb-heirloom-hero) .header__menu-item,
  body:has(.zb-heirloom-hero) .header__icon,
  body:has(.zb-heirloom-hero) .collection .card__heading,
  body:has(.zb-heirloom-hero) .collection .price,
  body:has(.zb-heirloom-hero) .blog .card__heading,
  body:has(.zb-heirloom-hero) .collection .title,
  body:has(.zb-heirloom-hero) .blog__title {
    color: var(--zb-ink) !important;
  }

  .zb-section,
  .zb-rituals {
    background: #141b17 !important;
    color: #f2f1eb !important;
  }

  .zb-section .zb-section-heading,
  .zb-section .zb-body-copy,
  .zb-section .zb-category-title,
  .zb-section .zb-category-body,
  .zb-rituals .zb-rituals__heading {
    color: #f2f1eb !important;
  }

  .zb-section .zb-trust-body,
  .zb-section .zb-editorial-copy,
  .zb-section .zb-body-copy {
    color: #bac5bb !important;
  }

  /* Editorial PDP section variables */
  .zb-pdp-section,
  .zb-product-editorial {
    --zb-pdp-bg: #151b17;
    --zb-pdp-paper: #151b17;
    --zb-pdp-panel: #202920;
    --zb-pdp-fg: #f2f1eb;
    --zb-pdp-muted: #b6beb5;
    --zb-pdp-line: rgba(242, 241, 235, 0.2);
    --zb-pdp-accent: #b9d1ba;
    --zb-pdp-accent-contrast: #151b17;
    --zb-pdp-gold: #d1ae69;
  }

  /* v4 PDP had a late light-panel override; restore a coherent dark surface. */
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) {
    --zbv4-forest: #173f32;
    --zbv4-ink: #f2f1eb;
    --zbv4-cream: #1b241f;
    --zbv4-paper: #151b17;
    --zbv4-line: rgba(242, 241, 235, 0.2);
    background: #151b17 !important;
    color: #f2f1eb !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-shell,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery-main,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-thumb,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-purchase,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-result-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-ritual-content,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-tradition,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-proof,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-routine,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-faq,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-journal-copy,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-sticky {
    background: #151b17 !important;
    color: #f2f1eb !important;
    border-color: var(--zbv4-line) !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-thumb {
    background: #202920 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-micro {
    color: #b6beb5 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-link,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-title,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-heading,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-subheading,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-option-head,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant {
    color: #f2f1eb !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-option,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant-choice,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-quantity-control {
    border-color: var(--zbv4-line) !important;
    background: #1b241f !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant[aria-pressed="true"],
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant-choice[aria-pressed="true"],
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-add,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-payment-button .shopify-payment-button__button {
    background: #d1ae69 !important;
    border-color: #d1ae69 !important;
    color: #182019 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-final {
    background: #173f32 !important;
    color: #f2f1eb !important;
  }

  [id^="ZBHerbalIngredients-"],
  [id^="ZBHerbalIngredients-"] .zbv4-ingredient-card,
  [id^="ZBHerbalIngredients-"] .zbv4-ingredient-card__body {
    background: #1b241f !important;
    color: #f2f1eb !important;
    border-color: var(--zbv4-line) !important;
  }

  /* Accessibility and motion preferences */
  :focus-visible {
    outline-color: #d1ae69;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }

  .zb-final-home *,
  .zb-final-home *::before,
  .zb-final-home *::after,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *::before,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
给一个/*
 * Zenbotanique 0828 — responsive and system dark-mode polish
 * Loaded after the theme bundle so it can safely refine existing sections.
 */

/* Shared resilience */
html {
  color-scheme: light;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .page-width,
  .page-width.drawer-menu {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .zb-final-home .zb-concern-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .zb-final-home .zb-ritual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 749px) {
  .page-width,
  .page-width.drawer-menu,
  .header.page-width,
  .utility-bar__grid.page-width {
    padding-left: max(1.6rem, env(safe-area-inset-left));
    padding-right: max(1.6rem, env(safe-area-inset-right));
  }

  .announcement-bar__message {
    max-width: 100%;
    padding: 0.65rem 1.6rem;
    font-size: 1.05rem;
    line-height: 1.35;
    white-space: normal;
  }

  .header {
    min-height: 5.8rem;
  }

  .header__heading-logo {
    width: min(17rem, 46vw);
    height: auto;
  }

  .header__icons {
    gap: 0;
  }

  .header__icon {
    width: 4.4rem;
    height: 4.4rem;
  }

  .section + .section {
    margin-top: clamp(3.6rem, 8vw, 5.6rem);
  }

  .title-wrapper-with-link {
    align-items: flex-start;
    margin-bottom: 2.4rem;
  }

  .button,
  .shopify-challenge__button,
  .shopify-payment-button__button,
  .product-form__submit {
    min-height: 4.8rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }

  .field__input,
  .select__select {
    min-height: 4.8rem;
    font-size: 16px;
  }

  .quantity__input {
    font-size: 16px;
  }

  .product-grid {
    column-gap: 1.2rem;
    row-gap: 2.4rem;
  }

  /* Homepage: keep the editorial desktop hierarchy, but make each mobile block breathe. */
  .zb-final-home .zb-final-hero-carousel .zb-final-hero__copy {
    width: 100%;
    padding: 8rem 2rem 7rem;
  }

  .zb-final-home .zb-final-hero-carousel .zb-final-hero__copy h1 {
    max-width: 19ch;
    font-size: clamp(3.2rem, 11vw, 4.6rem);
    line-height: 1.02;
  }

  .zb-final-home .zb-final-hero__controls {
    bottom: max(2.4rem, env(safe-area-inset-bottom));
  }

  .zb-final-home .zb-discovery-column {
    padding: 4.4rem 2rem;
  }

  .zb-final-home .zb-concern-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .zb-final-home .zb-concern-icon {
    width: 5.8rem;
    height: 5.8rem;
  }

  .zb-final-home .zb-ritual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .zb-final-home .zb-ritual-set__media,
  .zb-final-home .zb-approach__media,
  .zb-final-home .zb-finder__media {
    min-height: clamp(26rem, 78vw, 38rem);
  }

  .zb-final-home .zb-ritual-set__copy,
  .zb-final-home .zb-approach__copy,
  .zb-final-home .zb-finder__copy {
    padding: 4.8rem 2rem;
  }

  /* Legacy editorial sections: prevent dense copy and oversized media on narrow screens. */
  body:has(.zb-heirloom-hero) .zb-page-width {
    width: min(calc(100% - 3.2rem), var(--zb-page-width));
  }

  body:has(.zb-heirloom-hero) .zb-hero-copy,
  body:has(.zb-heirloom-hero) .zb-story-copy {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  body:has(.zb-heirloom-hero) .zb-hero-media,
  body:has(.zb-heirloom-hero) .zb-story-media {
    min-height: clamp(24rem, 92vw, 44rem);
  }

  .zb-pdp__option,
  .zbv4-variant,
  .zbv4-variant-choice {
    min-height: 4.8rem;
  }

  .zb-pdp__sticky-cart,
  .zbv4-sticky {
    padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-ritual-content {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

/* Automatic system dark mode */
@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }

  body {
    background: #121815 !important;
    color: #f2f1eb;
  }

  :root,
  .color-scheme-1,
  .color-scheme-2,
  .color-scheme-3,
  .color-scheme-4,
  .color-scheme-5,
  .color-scheme-6 {
    --color-background: 18, 24, 21 !important;
    --gradient-background: #121815 !important;
    --color-foreground: 242, 241, 235 !important;
    --color-button: 209, 174, 105 !important;
    --color-button-text: 18, 24, 21 !important;
    --color-secondary-button: 18, 24, 21 !important;
    --color-secondary-button-text: 242, 241, 235 !important;
    --color-link: 216, 228, 216 !important;
    --color-shadow: 0, 0, 0 !important;
  }

  .color-scheme-2 {
    --color-background: 28, 37, 31 !important;
    --gradient-background: #1c251f !important;
  }

  .color-scheme-3,
  .color-scheme-4 {
    --color-background: 15, 21, 17 !important;
    --gradient-background: #0f1511 !important;
  }

  .color-scheme-6 {
    --color-background: 18, 58, 43 !important;
    --gradient-background: #123a2b !important;
    --color-button: 242, 241, 235 !important;
    --color-button-text: 18, 58, 43 !important;
  }

  .gradient {
    background: var(--gradient-background) !important;
  }

  .field__input,
  .select__select,
  .quantity,
  .predictive-search,
  .modal__content,
  .drawer__inner {
    background: #1b241f !important;
    color: #f2f1eb !important;
    border-color: rgba(242, 241, 235, 0.24) !important;
  }

  .field__input::placeholder,
  .select__select::placeholder,
  .quantity__input::placeholder {
    color: rgba(242, 241, 235, 0.58) !important;
  }

  /* Homepage palette */
  .zb-final-home {
    --zb-ink: #f2f1eb;
    --zb-ink-soft: #b9c4ba;
    --zb-cream: #141b17;
    --zb-paper: #1e2821;
    --zb-sage: #26352b;
    --zb-line: rgba(242, 241, 235, 0.2);
    --zb-gold: #d1ae69;
    background: var(--zb-cream) !important;
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-final-hero,
  .zb-final-home .zb-final-discovery,
  .zb-final-home .zb-ritual-set,
  .zb-final-home .zb-approach,
  .zb-final-home .zb-finder {
    background: var(--zb-cream) !important;
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-section-heading h2,
  .zb-final-home h2,
  .zb-final-home .zb-final-hero__copy h1,
  .zb-final-home .zb-text-link,
  .zb-final-home .zb-concern-grid a {
    color: var(--zb-ink) !important;
  }

  .zb-final-home .zb-section-heading > p:not(.zb-eyebrow),
  .zb-final-home .zb-copy,
  .zb-final-home .zb-approach__copy > p:not(.zb-eyebrow),
  .zb-final-home .zb-finder__copy > p:not(.zb-eyebrow),
  .zb-final-home .zb-eyebrow,
  .zb-final-home .zb-hero-points {
    color: var(--zb-ink-soft) !important;
  }

  .zb-final-home .zb-button {
    background: #d1ae69 !important;
    color: #182019 !important;
  }

  .zb-final-home .zb-ritual-card {
    background: #202a23 !important;
    border-color: var(--zb-line) !important;
  }

  .zb-final-home .zb-card-copy {
    background: #173f32 !important;
    color: #f7f4ee !important;
  }

  .zb-final-home .zb-concern-icon {
    background: #1c261f !important;
    border-color: var(--zb-line) !important;
  }

  /* Older botanical pages */
  body:has(.zb-heirloom-hero) {
    --zb-botanical: #c9dec9;
    --zb-rice-paper: #141b17;
    --zb-paper-light: #1b241f;
    --zb-clay: #d3a681;
    --zb-seal: #df9f86;
    --zb-ink: #f2f1eb;
    --zb-muted-ink: #bac5bb;
    --zb-border: rgba(242, 241, 235, 0.2);
    background: var(--zb-rice-paper) !important;
    color: var(--zb-ink) !important;
  }

  body:has(.zb-heirloom-hero) .header-wrapper,
  body:has(.zb-heirloom-hero) .footer,
  body:has(.zb-heirloom-hero) .collection .card__inner,
  body:has(.zb-heirloom-hero) .blog .card__inner {
    background: var(--zb-paper-light) !important;
    border-color: var(--zb-border) !important;
    color: var(--zb-ink) !important;
  }

  body:has(.zb-heirloom-hero) .header__heading-link,
  body:has(.zb-heirloom-hero) .header__heading,
  body:has(.zb-heirloom-hero) .header__menu-item,
  body:has(.zb-heirloom-hero) .header__icon,
  body:has(.zb-heirloom-hero) .collection .card__heading,
  body:has(.zb-heirloom-hero) .collection .price,
  body:has(.zb-heirloom-hero) .blog .card__heading,
  body:has(.zb-heirloom-hero) .collection .title,
  body:has(.zb-heirloom-hero) .blog__title {
    color: var(--zb-ink) !important;
  }

  .zb-section,
  .zb-rituals {
    background: #141b17 !important;
    color: #f2f1eb !important;
  }

  .zb-section .zb-section-heading,
  .zb-section .zb-body-copy,
  .zb-section .zb-category-title,
  .zb-section .zb-category-body,
  .zb-rituals .zb-rituals__heading {
    color: #f2f1eb !important;
  }

  .zb-section .zb-trust-body,
  .zb-section .zb-editorial-copy,
  .zb-section .zb-body-copy {
    color: #bac5bb !important;
  }

  /* Editorial PDP section variables */
  .zb-pdp-section,
  .zb-product-editorial {
    --zb-pdp-bg: #151b17;
    --zb-pdp-paper: #151b17;
    --zb-pdp-panel: #202920;
    --zb-pdp-fg: #f2f1eb;
    --zb-pdp-muted: #b6beb5;
    --zb-pdp-line: rgba(242, 241, 235, 0.2);
    --zb-pdp-accent: #b9d1ba;
    --zb-pdp-accent-contrast: #151b17;
    --zb-pdp-gold: #d1ae69;
  }

  /* v4 PDP had a late light-panel override; restore a coherent dark surface. */
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) {
    --zbv4-forest: #173f32;
    --zbv4-ink: #f2f1eb;
    --zbv4-cream: #1b241f;
    --zbv4-paper: #151b17;
    --zbv4-line: rgba(242, 241, 235, 0.2);
    background: #151b17 !important;
    color: #f2f1eb !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-shell,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery-main,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-thumb,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-purchase,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-result-panel,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-ritual-content,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-tradition,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-proof,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-routine,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-faq,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-journal-copy,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-sticky {
    background: #151b17 !important;
    color: #f2f1eb !important;
    border-color: var(--zbv4-line) !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-gallery,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-thumb {
    background: #202920 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-micro {
    color: #b6beb5 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-link,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-title,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-heading,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-subheading,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-copy,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-option-head,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant {
    color: #f2f1eb !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-option,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant-choice,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-quantity-control {
    border-color: var(--zbv4-line) !important;
    background: #1b241f !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant[aria-pressed="true"],
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-variant-choice[aria-pressed="true"],
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-add,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-payment-button .shopify-payment-button__button {
    background: #d1ae69 !important;
    border-color: #d1ae69 !important;
    color: #182019 !important;
  }

  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) .zbv4-final {
    background: #173f32 !important;
    color: #f2f1eb !important;
  }

  [id^="ZBHerbalIngredients-"],
  [id^="ZBHerbalIngredients-"] .zbv4-ingredient-card,
  [id^="ZBHerbalIngredients-"] .zbv4-ingredient-card__body {
    background: #1b241f !important;
    color: #f2f1eb !important;
    border-color: var(--zbv4-line) !important;
  }

  /* Accessibility and motion preferences */
  :focus-visible {
    outline-color: #d1ae69;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }

  .zb-final-home *,
  .zb-final-home *::before,
  .zb-final-home *::after,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *::before,
  :is(#zb-luxury-pdp-v4, .zbv4-template-scope) *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
给一个

@media screen and (max-width: 749px) {
  .zb-final-home .zb-product-card__media img {
    opacity: 1;
    filter: none;
    mix-blend-mode: normal;
  }
}

@media screen and (max-width: 749px) and (prefers-color-scheme: dark) {
  html:has(.zb-final-home) {
    color-scheme: light;
  }

  body:has(.zb-final-home) {
    --color-background: 255, 255, 255 !important;
    --gradient-background: #fff !important;
    --color-foreground: 38, 58, 45 !important;
    background: #fff !important;
    color: #263a2d !important;
  }

  body:has(.zb-final-home) .zb-final-home {
    --zb-ink: #263a2d;
    --zb-ink-soft: #536256;
    --zb-cream: #f7f4ee;
    --zb-paper: #f0ede5;
    --zb-sage: #dfe5da;
    --zb-line: rgba(38, 58, 45, 0.18);
    --zb-gold: #a5844a;
    background: var(--zb-cream) !important;
    color: var(--zb-ink) !important;
  }

  body:has(.zb-final-home) .zb-product-section,
  body:has(.zb-final-home) .zb-product-card,
  body:has(.zb-final-home) .zb-product-card__media,
  body:has(.zb-final-home) .zb-product-card__copy {
    background: #fff !important;
    color: #263a2d !important;
  }

  body:has(.zb-final-home) .zb-product-card h3,
  body:has(.zb-final-home) .zb-product-card__copy p {
    color: #263a2d !important;
  }
}