/* Better brand override layer — applied over Stasis base without changing layout or imagery. */
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: 'Anonymous Pro';
  src: url('../assets/fonts/anonymous-pro-regular-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Anonymous Pro';
  src: url('../assets/fonts/anonymous-pro-bold-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --better-cream: #f4efe5;
  --better-cream-2: #ebe3d6;
  --better-ink: #151515;
  --better-muted: #5f5b52;
  --better-sage: #aeb88f;
  --better-sage-dark: #7f8b5f;
  --better-brown: #604233;
  --better-gold: #e8cd7d;
  --better-deep: #223131;
  --better-olive: #223f19;
  --better-blush: #e3d7d4;
  --better-orange: #b95f34;
  --better-line: rgba(21, 21, 21, .14);
  --better-soft-shadow: 0 24px 70px rgba(96, 66, 51, .10);
}

html,
body {
  background: var(--better-cream) !important;
  color: var(--better-ink) !important;
  font-family: 'Radio Canada', Arial, Helvetica, sans-serif !important;
}

body {
  background:
    radial-gradient(circle at 78% 22%, rgba(232, 205, 125, .18), transparent 31%),
    radial-gradient(circle at 12% 55%, rgba(174, 184, 143, .16), transparent 30%),
    linear-gradient(180deg, #f8f4ec 0%, var(--better-cream) 58%, #eee5d8 100%) !important;
}

body,
body * {
  font-family: 'Radio Canada', Arial, Helvetica, sans-serif !important;
}

body::before,
body::after,
main::before,
main::after {
  background-color: transparent !important;
}

main,
.page,
.site,
.app,
.content,
.wrapper,
.shell,
.container,
.section,
[class*='section'],
[class*='panel'],
[class*='module'],
[class*='block'] {
  color: var(--better-ink) !important;
  border-color: var(--better-line) !important;
}

body,
main,
.page,
.site,
.app,
.content,
.wrapper,
.shell {
  background-color: transparent !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.headline,
.title,
.section-title,
.hero-title,
.display,
[class*='headline'],
[class*='title'] {
  color: var(--better-ink) !important;
  font-family: 'Radio Canada', Arial, Helvetica, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.035em !important;
}

p,
li,
span,
small,
label,
.body-copy,
.copy,
.description,
[class*='copy'],
[class*='description'] {
  color: var(--better-muted) !important;
}

strong,
b,
.price,
.amount,
[class*='price'],
[class*='amount'] {
  color: var(--better-ink) !important;
}

.kicker,
.eyebrow,
.overline,
.meta,
[class*='kicker'],
[class*='eyebrow'],
[class*='overline'],
[class*='meta'] {
  color: var(--better-sage-dark) !important;
  letter-spacing: .16em !important;
  font-weight: 700 !important;
}

header,
.site-header,
.navbar,
.nav,
.nav-shell,
.header,
[class*='header'],
[class*='navbar'] {
  background: rgba(248, 244, 236, .94) !important;
  color: var(--better-ink) !important;
  border-color: var(--better-line) !important;
  box-shadow: 0 18px 50px rgba(96, 66, 51, .10) !important;
  backdrop-filter: blur(18px) !important;
}

header *,
.site-header *,
.navbar *,
.nav *,
.nav-shell *,
.header * {
  color: var(--better-ink) !important;
}

nav a,
header a,
.site-header a,
.navbar a,
.nav a,
.nav-shell a {
  color: var(--better-ink) !important;
}

a.active,
.active > a,
[aria-current='page'],
.is-active {
  color: var(--better-ink) !important;
}

a.active::after,
.active > a::after,
[aria-current='page']::after,
.is-active::after {
  background: var(--better-sage) !important;
}

.logo,
.site-logo,
.nav-logo,
.footer-logo,
.brand,
.site-brand,
.brandmark {
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  position: relative !important;
  min-width: 124px !important;
}

.logo img,
.site-logo img,
.nav-logo img,
.footer-logo img,
.brand img,
.site-brand img,
.brandmark img {
  opacity: 0 !important;
}

.logo::before,
.site-logo::before,
.nav-logo::before,
.footer-logo::before,
.brand::before,
.site-brand::before,
.brandmark::before {
  content: 'better' !important;
  display: inline-block !important;
  color: var(--better-ink) !important;
  font-family: 'Radio Canada', Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.085em !important;
  text-transform: lowercase !important;
}

.card,
.product-card,
.collection-card,
.journal-card,
.account-card,
.form-card,
.tile,
.promo,
.bogo,
.hero-card,
.cta-card,
[class*='card'],
[class*='tile'] {
  background: rgba(255, 251, 243, .76) !important;
  color: var(--better-ink) !important;
  border-color: var(--better-line) !important;
  box-shadow: var(--better-soft-shadow) !important;
}

.card *,
.product-card *,
.collection-card *,
.journal-card *,
.account-card *,
.form-card *,
.tile * {
  color: inherit;
}

.card h2,
.card h3,
.product-card h2,
.product-card h3,
.collection-card h2,
.collection-card h3,
.journal-card h2,
.journal-card h3,
[class*='card'] h2,
[class*='card'] h3 {
  color: var(--better-ink) !important;
}

button,
.button,
.btn,
a.button,
a.btn,
input[type='submit'],
[class*='button'],
[class*='btn'] {
  background: var(--better-sage) !important;
  color: var(--better-ink) !important;
  border-color: var(--better-sage) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

button:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover,
input[type='submit']:hover {
  background: #bac39e !important;
  color: var(--better-ink) !important;
}

button.secondary,
.button.secondary,
.btn.secondary,
.secondary,
.outline,
[class*='secondary'] {
  background: transparent !important;
  color: var(--better-ink) !important;
  border-color: rgba(21, 21, 21, .28) !important;
}

input,
textarea,
select {
  background: rgba(255, 251, 243, .88) !important;
  color: var(--better-ink) !important;
  border-color: rgba(21, 21, 21, .18) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(21, 21, 21, .48) !important;
}

footer,
.footer,
.site-footer,
[class*='footer'] {
  background: #e9e0d2 !important;
  color: var(--better-ink) !important;
  border-color: var(--better-line) !important;
}

footer *,
.footer *,
.site-footer * {
  color: var(--better-ink) !important;
}

footer .logo::before,
.footer-logo::before,
.site-footer .logo::before {
  color: var(--better-ink) !important;
}

.stats,
.metrics,
.table,
.specs,
[class*='stat'],
[class*='metric'],
[class*='spec'] {
  border-color: rgba(21, 21, 21, .16) !important;
}

/* Better palette mapping from former Stasis accent system */
[style*='color: #64'],
[style*='color:#64'],
[style*='color: rgb(100'],
.teal,
.cyan,
.accent,
[class*='teal'],
[class*='cyan'],
[class*='accent'] {
  color: var(--better-sage-dark) !important;
}

.brown,
[class*='brown'] {
  color: var(--better-brown) !important;
}

.product-card .meta,
.product-card [class*='meta'],
.collection-card .meta,
.collection-card [class*='meta'] {
  color: var(--better-brown) !important;
}

::selection {
  background: var(--better-sage) !important;
  color: var(--better-ink) !important;
}

@media (max-width: 760px) {
  .logo::before,
  .site-logo::before,
  .nav-logo::before,
  .footer-logo::before,
  .brand::before,
  .site-brand::before,
  .brandmark::before {
    font-size: 34px !important;
  }
}

/* Targeted Better visual repairs */
:root {
  --better-wine: #7f2f2f;
  --better-white: #fffbf3;
}

.site-header .brand img,
.site-footer .footer-brand img,
.research-gate-logo,
.auth-art img {
  opacity: 1 !important;
}

.site-header .brand::before,
.site-footer .footer-brand::before {
  content: none !important;
}

.site-header .brand {
  min-width: 112px !important;
}

.desktop-nav a[aria-current='page']::after,
.desktop-nav a.active::after,
.utility-nav [data-cart-count] {
  background: var(--better-wine) !important;
  border-color: var(--better-wine) !important;
  color: var(--better-white) !important;
}

.button.primary,
a.button.primary,
button.button.primary,
.home-hero .button-row a:first-child,
.bogo-copy .button,
.form-panel button {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.button.secondary,
a.button.secondary,
.button-outline,
a.button-outline,
.home-hero .button-row a:nth-child(2),
.research-gate-actions .button.secondary {
  background: transparent !important;
  border: 1px solid rgba(21, 21, 21, .34) !important;
  color: var(--better-ink) !important;
}

.catalog-cta-card .button,
.community-cta .button,
.research-gate-actions .button.primary {
  background: var(--better-white) !important;
  border-color: var(--better-white) !important;
  color: var(--better-ink) !important;
}

.home-page .bogo-feature h2 span {
  display: block !important;
  white-space: nowrap !important;
}

.home-page .home-hero .hero-content h1 {
  max-width: 820px !important;
}

.home-page .home-hero .hero-line {
  display: block !important;
}

.home-page .home-hero .hero-line-nowrap {
  white-space: nowrap !important;
}

.mini-product-card,
.strip-product-card,
.embedded-product-card {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
  box-shadow: 0 18px 44px rgba(96, 66, 51, .08) !important;
}

.mini-product-card img,
.strip-product-card img,
.embedded-product-card img,
.product-image {
  background: #f1eadf !important;
}

.mini-product-card img::before,
.strip-product-card img::before,
.embedded-product-card img::before,
.product-image::after {
  content: none !important;
}

.product-card,
.product-card:hover,
.collection-card,
.collection-card:hover,
.protocol-cards article,
.dashboard-stats article,
.empty-state,
.cart-items,
.cart-summary,
.form-panel,
.auth-panel {
  background: var(--better-white) !important;
  color: var(--better-ink) !important;
  box-shadow: 0 18px 44px rgba(96, 66, 51, .07) !important;
}

.collection-grid,
.embedded-product-section > div,
.product-strip > div,
.top-seller-grid,
.journal-grid,
.protocol-cards,
.cart-items {
  background: transparent !important;
}

.community-cta > div,
.research-gate-panel {
  background:
    linear-gradient(rgba(34, 49, 49, .86), rgba(34, 49, 49, .86)),
    url('../assets/textures/texture-4.webp') center/cover !important;
  color: var(--better-white) !important;
}

.community-cta *,
.research-gate-panel *,
.catalog-cta-card.texture-teal *,
.auth-art * {
  color: var(--better-white) !important;
}

.research-gate-form label,
.research-gate small {
  color: rgba(255, 251, 243, .84) !important;
}

.catalog-cta-card.texture-white {
  background:
    linear-gradient(rgba(255, 251, 243, .86), rgba(255, 251, 243, .86)),
    url('../assets/textures/texture-1.webp') center/cover !important;
}

.catalog-hero {
  min-height: 420px !important;
  padding-top: 64px !important;
  padding-bottom: 42px !important;
}

.filter-shell {
  background: rgba(248, 244, 236, .92) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.filter-row {
  background: transparent !important;
}

.filter-row button,
.filter-row button:not(.is-active) {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
  color: var(--better-muted) !important;
}

.filter-row button.is-active {
  background: var(--better-wine) !important;
  border-color: var(--better-wine) !important;
  color: var(--better-white) !important;
}

.auth-art,
.cart-page,
.account-page,
.login-page,
.create-account-page {
  background-color: var(--better-cream) !important;
}

.auth-art {
  background:
    linear-gradient(rgba(34, 49, 49, .76), rgba(34, 49, 49, .76)),
    url('../assets/textures/texture-2.webp') center/cover !important;
}

/* Surgical cleanup after visual QA */
.logo img,
.site-logo img,
.nav-logo img,
.footer-logo img,
.brand img,
.site-brand img,
.brandmark img {
  opacity: 1 !important;
}

.logo::before,
.site-logo::before,
.nav-logo::before,
.footer-logo::before,
.brand::before,
.site-brand::before,
.brandmark::before {
  content: none !important;
}

.home-page .bogo-feature {
  background: #604233 !important;
  box-shadow: none !important;
}

.home-page .bogo-feature,
.home-page .bogo-feature * {
  color: var(--better-white) !important;
}

.home-page .bogo-placeholder {
  background: rgba(255, 251, 243, .08) !important;
  border-color: rgba(255, 251, 243, .22) !important;
}

.home-page .bogo-copy .button {
  background: var(--better-white) !important;
  border-color: var(--better-white) !important;
  color: var(--better-brown) !important;
}

.home-page .home-hero .button-row {
  display: flex !important;
  gap: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-page .home-hero .button-row a {
  flex: 0 0 auto !important;
}

.home-page .home-hero .hero-content h1 {
  max-width: 900px !important;
  font-size: clamp(54px, 5.7vw, 86px) !important;
  line-height: .94 !important;
}

.home-page .home-hero .hero-content h1 .hero-line:nth-child(2) {
  white-space: nowrap !important;
}

.home-page .section-heading,
.home-page .statement-card.texture-white,
.home-page .collections .section-heading {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-page .statement-card.texture-white {
  padding-inline: 0 !important;
  min-height: 360px !important;
}

.home-page .collection-card,
.home-page .collection-card:hover {
  background: transparent !important;
  border: 1px solid var(--better-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-page .collection-card footer {
  background: transparent !important;
  border-top: 1px solid var(--better-line) !important;
}

.mini-product-card,
.strip-product-card,
.embedded-product-card {
  overflow: hidden !important;
}

.mini-product-card img {
  background: #0d0d0b !important;
  object-fit: contain !important;
  padding: 24px !important;
}

.strip-product-card img,
.embedded-product-card img {
  background: #0d0d0b !important;
  object-fit: contain !important;
}

.product-strip header,
.embedded-product-section header {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.community-cta .button,
.community-cta .button.secondary {
  background: transparent !important;
  border: 1px solid rgba(255, 251, 243, .72) !important;
  color: var(--better-white) !important;
}

.catalog-cta-card .button,
.catalog-cta-card .button.dark {
  background: transparent !important;
  border: 1px solid var(--better-sage-dark) !important;
  color: var(--better-ink) !important;
}

.site-footer .footer-brand img {
  width: 150px !important;
  min-height: 42px !important;
  object-fit: contain !important;
}

/* Final specific fixes requested from visual pass */
:root {
  --better-active: var(--better-wine);
}

.site-header {
  background: rgba(248, 244, 236, .82) !important;
  box-shadow: none !important;
}

.header-shell {
  background: rgba(255, 251, 243, .9) !important;
  box-shadow: 0 14px 34px rgba(96, 66, 51, .10) !important;
  border-color: rgba(21, 21, 21, .10) !important;
}

.brand img,
.footer-brand img {
  width: 148px !important;
  height: auto !important;
  filter: none !important;
}

.site-header .brand {
  min-width: 156px !important;
}

.site-footer .footer-brand img {
  width: 176px !important;
}

.desktop-nav a[aria-current='page']::after,
.home-page .desktop-nav a[href$="index.html"]::after,
.catalog-page .desktop-nav a[href$="catalog.html"]::after,
.manifesto-page .desktop-nav a[href$="manifesto.html"]::after,
.journal-page .desktop-nav a[href$="journal.html"]::after,
.account-page .utility-nav a[href$="account.html"]::after {
  background: var(--better-active) !important;
}

.utility-nav [data-cart-count] {
  background: var(--better-active) !important;
  border-color: var(--better-active) !important;
  color: var(--better-white) !important;
}

.filter-shell,
.filter-row,
.filter-row.page-shell {
  background: transparent !important;
  box-shadow: none !important;
}

.catalog-page .filter-shell {
  padding-block: 14px !important;
}

.home-page .bogo-feature {
  grid-template-columns: minmax(0, .9fr) minmax(360px, .72fr) !important;
}

.home-page .bogo-placeholder,
.home-page .hero-placeholder {
  display: grid !important;
  place-items: center !important;
  min-height: 320px !important;
  background: rgba(255, 251, 243, .08) !important;
  border: 1px solid rgba(255, 251, 243, .22) !important;
  border-radius: 28px !important;
  color: rgba(255, 251, 243, .58) !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
  font-size: 12px !important;
}

.home-page .hero-placeholder {
  background: #604233 !important;
  color: var(--better-white) !important;
  max-width: 92% !important;
  justify-self: end !important;
}

.home-page .home-hero {
  grid-template-columns: .92fr 1.08fr !important;
  gap: clamp(28px, 5vw, 76px) !important;
}

.home-page .home-hero .hero-content {
  padding-left: 0 !important;
}

.home-page .home-hero .hero-content h1 {
  font-size: clamp(48px, 4.9vw, 76px) !important;
}

.manifesto-page .principles .section-heading,
.manifesto-page .manifesto-cta .button-row,
.account-page .page-hero .button-row {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.manifesto-page .manifesto-cta h2,
.manifesto-page .manifesto-cta h2 span,
.quality-stats,
.quality-stats *,
.standard-item strong,
.standard-item span {
  color: var(--better-ink) !important;
}

.manifesto-page .manifesto-cta .button.primary {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.featured-copy > a,
.article-link,
.journal-page .featured-copy a,
.journal-page .journal-grid a {
  color: var(--better-sage-dark) !important;
}

.account-page .page-hero .button:first-child {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.account-page .page-hero .button.button-outline {
  background: transparent !important;
  border: 1px solid var(--better-sage-dark) !important;
  color: var(--better-sage-dark) !important;
}

.account-page .page-hero .button-row {
  display: flex !important;
  gap: 12px !important;
}

.account-page .page-hero .button-row .button {
  flex: 0 0 auto !important;
}

/* Better responsive pass: gate, hero alignment, mobile menu, mobile cards */
.research-gate {
  background:
    radial-gradient(circle at 18% 18%, rgba(232, 205, 125, .14), transparent 32%),
    radial-gradient(circle at 82% 72%, rgba(174, 184, 143, .18), transparent 34%),
    linear-gradient(180deg, #f8f4ec 0%, #f4efe5 62%, #ebe3d6 100%) !important;
}

.research-gate-panel {
  width: min(92vw, 620px) !important;
  background: rgba(255, 251, 243, .92) !important;
  border: 1px solid rgba(21, 21, 21, .12) !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 80px rgba(96, 66, 51, .16) !important;
  color: var(--better-ink) !important;
}

.research-gate-logo {
  display: block !important;
  width: 176px !important;
  height: auto !important;
  margin: 0 auto 26px !important;
  filter: none !important;
}

.research-gate-panel *,
.research-gate-form label,
.research-gate small {
  color: var(--better-ink) !important;
}

.research-gate h1 {
  color: var(--better-ink) !important;
  text-align: center !important;
}

.research-gate p {
  color: var(--better-muted) !important;
  text-align: center !important;
}

.research-gate-form select {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
  color: var(--better-ink) !important;
}

.research-gate-actions .button.secondary {
  background: transparent !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-sage-dark) !important;
}

.research-gate-actions .button.primary {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.research-gate-form input {
  accent-color: var(--better-sage-dark) !important;
}

.home-page .bogo-feature,
.home-page .home-hero {
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr) !important;
  column-gap: clamp(28px, 5vw, 72px) !important;
}

.home-page .bogo-placeholder,
.home-page .hero-placeholder {
  justify-self: stretch !important;
  max-width: none !important;
}

.home-page .hero-placeholder {
  background: rgba(96, 66, 51, .12) !important;
  border-color: rgba(96, 66, 51, .20) !important;
  color: rgba(21, 21, 21, .42) !important;
}

.home-page .home-hero .hero-content h1,
.home-page .home-hero .hero-content h1 span,
.home-page .home-hero .hero-content > p {
  color: var(--better-ink) !important;
}

.mobile-menu {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
  box-shadow: 0 18px 44px rgba(96, 66, 51, .16) !important;
}

.mobile-menu a {
  color: var(--better-ink) !important;
  border-color: var(--better-line) !important;
  font-weight: 600 !important;
}

.menu-toggle {
  background: var(--better-sage) !important;
  border: 1px solid rgba(21, 21, 21, .12) !important;
  border-radius: 999px !important;
}

.menu-toggle span:not(.sr-only) {
  background: var(--better-white) !important;
}

@media (max-width: 800px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .site-header {
    background: rgba(248, 244, 236, .92) !important;
  }

  .header-shell {
    min-height: 66px !important;
    height: auto !important;
    border-radius: 22px !important;
  }

  .brand img {
    width: 118px !important;
  }

  .home-page .bogo-feature {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    padding: 30px !important;
  }

  .home-page .bogo-copy {
    display: contents !important;
  }

  .home-page .bogo-copy > span {
    white-space: nowrap !important;
  }

  .home-page .bogo-feature h2 {
    order: 1 !important;
    font-size: clamp(40px, 11vw, 58px) !important;
    line-height: 1.02 !important;
  }

  .home-page .bogo-feature p {
    order: 2 !important;
    max-width: none !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .home-page .bogo-placeholder {
    order: 3 !important;
    width: 100% !important;
    min-height: 300px !important;
  }

  .home-page .bogo-copy .button {
    order: 4 !important;
    width: max-content !important;
    min-width: 176px !important;
  }

  .home-page .home-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    padding-top: 72px !important;
  }

  .home-page .home-hero .hero-content {
    order: 1 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .home-page .home-hero .hero-content h1 {
    font-size: clamp(42px, 12vw, 58px) !important;
    line-height: 1.02 !important;
  }

  .home-page .home-hero .hero-content h1 .hero-line:nth-child(2) {
    white-space: normal !important;
  }

  .home-page .home-hero .hero-content > p {
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  .home-page .home-hero .button-row {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .home-page .hero-placeholder {
    order: 2 !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    min-height: 340px !important;
  }

  .top-seller-grid,
  .product-strip > div,
  .embedded-product-section > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    overflow: visible !important;
  }

  .mini-product-card,
  .strip-product-card,
  .embedded-product-card {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final spacing polish: access gate and mobile hero rhythm */
.research-gate-panel {
  padding: clamp(56px, 6vw, 78px) clamp(40px, 5vw, 64px) clamp(52px, 5vw, 72px) !important;
}

.research-gate-logo {
  width: 150px !important;
  max-width: 78% !important;
  margin: 0 auto 24px !important;
}

.research-gate small {
  display: block !important;
  margin-top: 28px !important;
  text-align: center !important;
}

.home-page .bogo-feature {
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
}

.home-page .bogo-placeholder {
  justify-self: end !important;
  width: min(100%, 620px) !important;
}

@media (max-width: 800px) {
  .research-gate-panel {
    width: min(92vw, 520px) !important;
    padding: 44px 28px 40px !important;
  }

  .research-gate-logo {
    width: 128px !important;
    max-width: 82% !important;
    margin-bottom: 18px !important;
  }

  .research-gate h1 {
    font-size: clamp(48px, 14vw, 72px) !important;
    line-height: .92 !important;
  }

  .home-page .bogo-feature {
    align-items: stretch !important;
    padding: 26px 28px !important;
    gap: 18px !important;
  }

  .home-page .bogo-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .home-page .bogo-copy > span {
    order: 0 !important;
    align-self: flex-start !important;
    text-align: left !important;
    margin-bottom: 20px !important;
  }

  .home-page .bogo-feature h2 {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    text-align: left !important;
    font-size: clamp(36px, 9.2vw, 48px) !important;
  }

  .home-page .bogo-feature p {
    order: 2 !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .home-page .bogo-copy .button {
    order: 3 !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
  }

  .home-page .bogo-placeholder {
    order: 4 !important;
    width: 100% !important;
    min-height: 200px !important;
    justify-self: stretch !important;
  }

  .home-page .home-hero {
    width: min(100% - 32px, 1420px) !important;
    margin-inline: auto !important;
    padding-top: 68px !important;
  }

  .home-page .home-hero .hero-content h1 {
    font-size: clamp(38px, 10.8vw, 54px) !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
  }

  .home-page .home-hero .hero-content > p {
    max-width: 100% !important;
    font-size: 17px !important;
  }

  .home-page .hero-placeholder {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 28px !important;
    min-height: 300px !important;
  }
}

.home-page .collection-icon,
.home-page .collection-icon *,
.home-page .collection-card footer,
.home-page .collection-card footer *,
.home-page .collection-card small {
  color: var(--better-wine) !important;
  stroke: var(--better-wine) !important;
}

.home-page .collection-card footer {
  border-top: 0 !important;
  background: transparent !important;
}

/* Last mobile tightening pass */
@media (max-width: 800px) {
  .home-page .bogo-copy .button {
    margin-bottom: 10px !important;
  }

  .home-page .bogo-placeholder {
    margin-top: 0 !important;
    min-height: 220px !important;
  }

  .home-page .top-sellers,
  .home-page .statement-section,
  .home-page .collections,
  .home-page .community-cta,
  .home-page .catalog-cta,
  .product-strip {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .home-page .statement-card.texture-white {
    min-height: 0 !important;
    padding-block: 0 !important;
  }

  .home-page .collections .section-heading {
    margin-bottom: 32px !important;
  }

  .community-cta {
    margin-top: 0 !important;
  }

  .catalog-cta-card {
    min-height: 380px !important;
  }

  .product-strip {
    margin-top: 0 !important;
  }
}

/* Responder identity pass */
:root {
  --better-cream: #e8e5d9;
  --better-cream-2: #f4f2ea;
  --better-ink: #17120f;
  --better-muted: #5d5a50;
  --better-sage: #b0ad93;
  --better-sage-dark: #3f5242;
  --better-brown: #3f5242;
  --better-gold: #d3b359;
  --better-deep: #20223e;
  --better-olive: #3f5242;
  --better-wine: #7b0015;
  --better-white: #fbfaf4;
  --better-active: #7b0015;
  --better-line: rgba(23, 18, 15, .16);
  --better-soft-shadow: 0 24px 70px rgba(23, 18, 15, .08);
  --responder-logo-green: url('../assets/brand/responder-logo-green.svg');
  --responder-logo-stone: url('../assets/brand/responder-logo-stone.svg');
}

html,
body,
body * {
  font-family: 'Inter', Arial, Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.headline,
.title,
.section-title,
.hero-title,
.display,
.eyebrow,
.kicker,
.overline,
.meta,
.product-meta,
.collection-card footer,
.button,
button,
nav a,
[class*='headline'],
[class*='title'] {
  font-family: 'Anonymous Pro', 'Courier New', monospace !important;
  letter-spacing: 0 !important;
}

body {
  background:
    radial-gradient(circle at 82% 18%, rgba(211, 179, 89, .12), transparent 31%),
    radial-gradient(circle at 12% 62%, rgba(63, 82, 66, .10), transparent 32%),
    linear-gradient(180deg, #fbfaf4 0%, var(--better-cream) 100%) !important;
}

.site-header {
  background: rgba(232, 229, 217, .78) !important;
}

.header-shell,
.research-gate-panel,
.product-card,
.collection-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.auth-panel,
.form-panel,
.cart-summary,
.empty-state {
  background: rgba(251, 250, 244, .92) !important;
  border-color: var(--better-line) !important;
}

.brand img,
.footer-brand img,
.research-gate-logo,
.auth-art img {
  content: var(--responder-logo-green) !important;
  width: 168px !important;
  height: auto !important;
  object-fit: contain !important;
}

.site-footer .footer-brand img,
.auth-art img {
  content: var(--responder-logo-stone) !important;
}

.site-header .brand {
  min-width: 176px !important;
}

.site-footer {
  background: var(--better-sage-dark) !important;
}

.site-footer,
.site-footer * {
  color: var(--better-cream) !important;
}

.site-footer .footer-brand p,
.site-footer .legal-copy,
.site-footer .footer-floor,
.site-footer a {
  color: rgba(232, 229, 217, .78) !important;
}

.home-page .bogo-feature {
  background: var(--better-sage-dark) !important;
}

.home-page .bogo-copy .button,
.catalog-cta-card .button,
.catalog-cta-card .button.dark {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.button.primary,
a.button.primary,
button.button.primary,
.form-panel button,
.home-hero .button-row a:first-child,
.embedded-product-card .button,
.strip-product-card .button,
.mini-product-card .button {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.button.secondary,
a.button.secondary,
.button-outline,
a.button-outline,
.home-hero .button-row a:nth-child(2),
.research-gate-actions .button.secondary {
  background: transparent !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-sage-dark) !important;
}

.desktop-nav a[aria-current='page']::after,
.home-page .desktop-nav a[href$="index.html"]::after,
.catalog-page .desktop-nav a[href$="catalog.html"]::after,
.manifesto-page .desktop-nav a[href$="manifesto.html"]::after,
.journal-page .desktop-nav a[href$="journal.html"]::after,
.account-page .utility-nav a[href$="account.html"]::after,
.utility-nav [data-cart-count],
.filter-row button.is-active {
  background: var(--better-wine) !important;
  border-color: var(--better-wine) !important;
  color: var(--better-white) !important;
}

.eyebrow,
.kicker,
.overline,
.meta,
.product-meta span,
.collection-card footer,
.featured-copy > a,
.article-link {
  color: var(--better-sage-dark) !important;
}

.collection-icon svg,
.collection-number svg,
.domain-card svg {
  color: var(--better-wine) !important;
  stroke: var(--better-wine) !important;
}

.research-gate {
  background:
    radial-gradient(circle at 18% 18%, rgba(211, 179, 89, .16), transparent 32%),
    radial-gradient(circle at 82% 72%, rgba(63, 82, 66, .16), transparent 34%),
    linear-gradient(180deg, #fbfaf4 0%, var(--better-cream) 100%) !important;
}

.research-gate-actions .button.primary {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.auth-art {
  background:
    linear-gradient(rgba(32, 34, 62, .74), rgba(32, 34, 62, .74)),
    url('../assets/textures/texture-2.webp') center/cover !important;
}

.mobile-menu {
  background: var(--better-white) !important;
}

/* Responder QA pass: green-led palette, typography scale, footer, auth cleanup */
:root {
  --better-cream: #ece9dd;
  --better-cream-2: #faf8ef;
  --better-ink: #17120f;
  --better-muted: #4e554b;
  --better-sage: #aeb29a;
  --better-sage-dark: #3b5742;
  --better-brown: #314838;
  --better-gold: #d2b456;
  --better-deep: #1f213b;
  --better-wine: #7b0015;
  --better-white: #fffdf6;
  --better-line: rgba(59, 87, 66, .22);
  --better-soft-shadow: 0 22px 58px rgba(59, 87, 66, .12);
}

body {
  background:
    radial-gradient(circle at 82% 20%, rgba(59, 87, 66, .12), transparent 32%),
    radial-gradient(circle at 15% 72%, rgba(174, 178, 154, .22), transparent 34%),
    linear-gradient(180deg, #fbfaf4 0%, var(--better-cream) 100%) !important;
}

.home-page .home-hero .hero-content h1 {
  font-size: clamp(42px, 4vw, 66px) !important;
  line-height: .98 !important;
  max-width: 780px !important;
}

.home-page .home-hero .hero-content h1 .hero-line,
.home-page .home-hero .hero-content h1 .hero-line-nowrap {
  white-space: normal !important;
}

.eyebrow,
.kicker,
.overline,
.meta,
.product-meta,
.product-meta span,
.mini-product-card span,
.strip-product-card span,
.embedded-product-card span,
.section-heading > span,
.bogo-copy > span,
.detail-copy > .eyebrow,
.auth-panel > .eyebrow,
.product-image > span {
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  color: var(--better-sage-dark) !important;
}

.desktop-nav a,
.utility-nav a {
  font-size: 13px !important;
}

.site-header {
  background: rgba(236, 233, 221, .9) !important;
}

.header-shell {
  border: 1px solid rgba(59, 87, 66, .14) !important;
}

.home-page .bogo-feature,
.community-cta > div,
.catalog-cta-card.texture-teal {
  background: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.home-page .bogo-feature *,
.community-cta > div *,
.catalog-cta-card.texture-teal * {
  color: var(--better-white) !important;
}

.button.primary,
a.button.primary,
button.button.primary,
.form-panel button,
.home-hero .button-row a:first-child,
.embedded-product-card .button,
.strip-product-card .button,
.mini-product-card .button {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.home-page .bogo-copy .button,
.catalog-cta-card .button,
.catalog-cta-card .button.dark {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.site-footer {
  background: var(--better-sage-dark) !important;
  padding: 76px max(32px, calc((100vw - 1280px) / 2)) 30px !important;
}

.site-footer .footer-shell {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(150px, .75fr)) !important;
  gap: clamp(28px, 5vw, 72px) !important;
  width: min(100%, 1280px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-footer .footer-brand img {
  width: 190px !important;
  margin-bottom: 22px !important;
}

.site-footer h2 {
  color: var(--better-white) !important;
  font-size: 14px !important;
  margin: 0 0 16px !important;
}

.site-footer a,
.site-footer p {
  color: rgba(255, 253, 246, .78) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.site-footer a {
  margin: 8px 0 !important;
}

.site-footer .legal-copy {
  width: min(100%, 1280px) !important;
  margin: 54px auto 0 !important;
  padding: 24px 0 !important;
  border-top: 1px solid rgba(255, 253, 246, .18) !important;
  border-bottom: 1px solid rgba(255, 253, 246, .18) !important;
  color: rgba(255, 253, 246, .72) !important;
}

.site-footer .footer-floor {
  width: min(100%, 1280px) !important;
  margin: 22px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(255, 253, 246, .64) !important;
}

.login-page .auth-panel,
.create-account-page .auth-panel {
  background: rgba(255, 253, 246, .72) !important;
  box-shadow: none !important;
}

.login-page .form-panel,
.create-account-page .form-panel,
.auth-panel .form-panel {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 28px 0 0 !important;
}

.auth-panel label {
  background: transparent !important;
  box-shadow: none !important;
}

.auth-panel input,
.auth-panel select,
.auth-panel textarea {
  background: var(--better-white) !important;
  box-shadow: none !important;
}

.auth-art {
  background:
    linear-gradient(rgba(31, 33, 59, .66), rgba(59, 87, 66, .48)),
    url('../assets/textures/texture-2.webp') center/cover !important;
}

.catalog-page .catalog-hero p {
  color: var(--better-muted) !important;
}

@media (max-width: 900px) {
  .site-footer .footer-shell {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 560px) {
  .site-footer .footer-shell {
    grid-template-columns: 1fr !important;
  }
}

/* Responder green-first refinement */
:root {
  --better-cream: #e5e6d8;
  --better-cream-2: #f8f7ef;
  --better-sage: #9fa889;
  --better-sage-dark: #385640;
  --better-brown: #2f4738;
  --better-gold: #d5b452;
  --better-active: #d5b452;
  --better-line: rgba(56, 86, 64, .22);
}

html,
body {
  background: var(--better-sage-dark) !important;
}

body {
  background:
    radial-gradient(circle at 15% 18%, rgba(213, 180, 82, .18), transparent 28%),
    radial-gradient(circle at 82% 42%, rgba(255, 253, 246, .10), transparent 32%),
    linear-gradient(180deg, #385640 0%, #4a6347 46%, #e5e6d8 46%, #e5e6d8 100%) !important;
}

main {
  background:
    radial-gradient(circle at 18% 54%, rgba(56, 86, 64, .10), transparent 30%),
    linear-gradient(180deg, rgba(248, 247, 239, .90), rgba(229, 230, 216, .96)) !important;
}

.site-header {
  background: rgba(56, 86, 64, .94) !important;
  border-bottom: 1px solid rgba(255, 253, 246, .10) !important;
}

.header-shell {
  background: rgba(255, 253, 246, .92) !important;
  border-color: rgba(213, 180, 82, .32) !important;
}

.desktop-nav a[aria-current='page']::after,
.home-page .desktop-nav a[href$="index.html"]::after,
.catalog-page .desktop-nav a[href$="catalog.html"]::after,
.manifesto-page .desktop-nav a[href$="manifesto.html"]::after,
.journal-page .desktop-nav a[href$="journal.html"]::after,
.account-page .utility-nav a[href$="account.html"]::after,
.utility-nav [data-cart-count],
.filter-row button.is-active {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.home-page .bogo-feature,
.community-cta > div,
.catalog-cta-card.texture-teal,
.auth-art {
  background-color: var(--better-sage-dark) !important;
}

.button.primary,
a.button.primary,
button.button.primary,
.form-panel button,
.home-hero .button-row a:first-child,
.embedded-product-card .button,
.strip-product-card .button,
.mini-product-card .button {
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.home-page .bogo-copy .button,
.catalog-cta-card .button,
.catalog-cta-card .button.dark,
.home-page .catalog-cta .button,
.filter-row button.is-active {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.site-footer {
  background: var(--better-sage-dark) !important;
}

.site-footer .footer-brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.site-footer .footer-brand img {
  content: var(--responder-logo-stone) !important;
  opacity: 1 !important;
  filter: none !important;
}

.site-footer .footer-brand p {
  max-width: 330px !important;
  color: rgba(255, 253, 246, .82) !important;
  font-weight: 500 !important;
}

.site-footer h2 {
  color: var(--better-white) !important;
}

.site-footer a:hover {
  color: var(--better-gold) !important;
}

/* Responder geometry and subtle background texture */
body {
  background: var(--better-cream) !important;
}

main {
  background:
    linear-gradient(rgba(229, 230, 216, .965), rgba(229, 230, 216, .965)),
    url('../assets/brand/responder-pattern.png') center top / 760px auto repeat !important;
}

main::before {
  content: none !important;
}

.site-header {
  background: var(--better-cream) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.header-shell {
  border-radius: 0 !important;
}

*,
*::before,
*::after {
  border-radius: 0 !important;
}

button,
.button,
.btn,
a.button,
a.btn,
input,
textarea,
select,
.card,
.product-card,
.collection-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.auth-panel,
.auth-art,
.form-panel,
.cart-summary,
.empty-state,
.bogo-feature,
.bogo-placeholder,
.hero-placeholder,
.catalog-cta-card,
.research-gate-panel,
.header-shell,
.site-header,
.site-footer {
  border-radius: 0 !important;
}

.home-page .bogo-feature {
  margin-top: 26px !important;
}

.research-gate {
  background:
    linear-gradient(rgba(229, 230, 216, .965), rgba(229, 230, 216, .965)),
    url('../assets/brand/responder-pattern.png') center / 720px auto repeat !important;
}

.button.secondary,
a.button.secondary,
.button-outline,
a.button-outline,
.home-hero .button-row a:nth-child(2),
.research-gate-actions .button.secondary,
.account-page .page-hero .button.button-outline,
.filter-row button:not(.is-active) {
  background: #e9eadf !important;
  color: var(--better-sage-dark) !important;
  border-color: rgba(56, 86, 64, .46) !important;
}

.button.secondary:hover,
a.button.secondary:hover,
.button-outline:hover,
a.button-outline:hover,
.filter-row button:not(.is-active):hover {
  background: #f4f2e8 !important;
}

.top-seller-grid,
.product-strip > div,
.embedded-product-section > div {
  position: relative !important;
  z-index: 1 !important;
}

/* Solid utility pages: account, contact, cart */
.account-page main,
.contact-page main,
.cart-page main,
.login-page main,
.create-account-page main {
  background: var(--better-cream) !important;
}

.account-page .page-hero,
.contact-page .page-hero,
.cart-page .page-hero {
  background: var(--better-cream-2) !important;
  border: 1px solid var(--better-line) !important;
  box-shadow: var(--better-soft-shadow) !important;
}

.account-page .dashboard,
.contact-page .contact-grid,
.cart-page .cart-layout,
.account-page .dashboard-stats,
.account-page .empty-state,
.cart-page .cart-empty,
.cart-page .cart-summary,
.contact-page .contact-details,
.contact-page .form-panel,
.login-page .auth-panel,
.create-account-page .auth-panel,
.product-strip,
.embedded-product-section {
  background: var(--better-cream-2) !important;
}

.account-page .dashboard,
.contact-page .contact-grid,
.cart-page .cart-layout {
  padding: 48px !important;
  border: 1px solid var(--better-line) !important;
  box-shadow: var(--better-soft-shadow) !important;
}

.account-page .dashboard-stats,
.cart-page .cart-items,
.product-strip > div,
.embedded-product-section > div {
  background: transparent !important;
}

.account-page .dashboard-stats article,
.account-page .empty-state,
.cart-page .cart-empty,
.cart-page .cart-summary,
.contact-page .contact-details,
.contact-page .form-panel {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
  box-shadow: none !important;
}

.contact-page .embedded-product-section,
.account-page .product-strip,
.cart-page .product-strip {
  background: var(--better-cream) !important;
}

.contact-page .embedded-product-section > div,
.account-page .product-strip > div,
.cart-page .product-strip > div {
  padding: 0 !important;
}

/* Match utility pages to the House/Catalog patterned canvas */
.account-page main,
.contact-page main,
.cart-page main {
  background:
    linear-gradient(rgba(229, 230, 216, .965), rgba(229, 230, 216, .965)),
    url('../assets/brand/responder-pattern.png') center top / 760px auto repeat !important;
}

.account-page .page-hero,
.contact-page .page-hero,
.cart-page .page-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.account-page .dashboard,
.contact-page .contact-grid,
.cart-page .cart-layout {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 48px 0 !important;
}

.account-page .dashboard-stats article,
.account-page .empty-state,
.cart-page .cart-empty,
.cart-page .cart-summary,
.contact-page .form-panel {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
}

.contact-page .contact-details {
  background: var(--better-sage-dark) !important;
  border: 1px solid rgba(255, 253, 246, .16) !important;
}

.contact-page .contact-details,
.contact-page .contact-details * {
  color: var(--better-white) !important;
}

.contact-page .contact-details .eyebrow,
.contact-page .contact-details dt {
  color: var(--better-gold) !important;
}

.account-page .product-strip,
.cart-page .product-strip,
.contact-page .embedded-product-section {
  background: transparent !important;
}

/* Global patterned canvas and transparent featured sections */
html,
body {
  min-height: 100% !important;
  background:
    linear-gradient(rgba(229, 230, 216, .965), rgba(229, 230, 216, .965)),
    url('../assets/brand/responder-pattern.png') center top / 760px auto repeat fixed !important;
}

body,
main,
.page,
.site,
.app,
.content,
.wrapper,
.shell {
  background-color: transparent !important;
}

main {
  background: transparent !important;
}

.page-shell,
.wrap {
  background-color: transparent !important;
}

.product-strip,
.embedded-product-section,
.home-page .top-sellers,
.journal-page .embedded-product-section,
.journal-page .product-strip,
.contact-page .embedded-product-section,
.account-page .product-strip,
.cart-page .product-strip {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.product-strip header,
.embedded-product-section header,
.top-sellers .section-heading {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.product-strip > div,
.embedded-product-section > div,
.top-seller-grid {
  background: transparent !important;
}

.mini-product-card,
.strip-product-card,
.embedded-product-card {
  background: var(--better-white) !important;
  border: 1px solid var(--better-line) !important;
}

.account-page .page-hero,
.contact-page .page-hero,
.cart-page .page-hero,
.journal-page .journal-hero,
.catalog-page .catalog-hero,
.manifesto-page .manifesto-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Final canvas cleanup: one continuous texture, no white section wrappers */
html,
body,
main {
  background-color: #e5e6d8 !important;
  background-image:
    linear-gradient(rgba(229, 230, 216, .94), rgba(229, 230, 216, .94)),
    url('../assets/brand/responder-pattern.png') !important;
  background-position: center top, center top !important;
  background-size: auto, 760px auto !important;
  background-repeat: repeat, repeat !important;
  background-attachment: fixed, fixed !important;
}

body::before,
body::after,
main::before,
main::after {
  content: none !important;
}

main,
.page-shell,
.wrap,
.section,
[class*='section'],
.featured-story,
.journal-grid,
.legal-panel,
.dashboard,
.contact-grid,
.cart-layout,
.product-strip,
.embedded-product-section,
.top-sellers,
.featured-products {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.page-shell::before,
.page-shell::after,
.wrap::before,
.wrap::after,
.product-strip::before,
.product-strip::after,
.embedded-product-section::before,
.embedded-product-section::after,
.top-sellers::before,
.top-sellers::after,
.featured-products::before,
.featured-products::after {
  content: none !important;
}

.product-strip,
.embedded-product-section,
.top-sellers,
.featured-products {
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.product-strip > *,
.embedded-product-section > *,
.top-sellers > *,
.featured-products > * {
  background: transparent !important;
  background-color: transparent !important;
}

.mini-product-card,
.strip-product-card,
.embedded-product-card,
.product-card,
.dashboard-stats article,
.empty-state,
.cart-empty,
.cart-summary,
.form-panel,
.auth-panel,
.catalog-cta-card,
.research-gate-panel {
  background: #fffdf6 !important;
  box-shadow: var(--better-soft-shadow) !important;
}

.contact-page .contact-details {
  background: var(--better-sage-dark) !important;
}

/* Utility page polish: remove faint layout slabs and improve cart empty state */
.contact-page .page-hero,
.account-page .page-hero,
.cart-page .page-hero,
.contact-page .contact-grid,
.account-page .dashboard,
.account-page .dashboard-stats,
.cart-page .cart-layout,
.cart-page .cart-items {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.contact-page .page-hero,
.account-page .page-hero,
.cart-page .page-hero {
  padding-bottom: 42px !important;
}

.contact-page .contact-grid,
.account-page .dashboard,
.cart-page .cart-layout {
  padding-top: 0 !important;
}

.cart-page .cart-items {
  display: flex !important;
  align-items: stretch !important;
}

.cart-page .cart-empty {
  width: 100% !important;
  min-height: 176px !important;
  padding: 34px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 18px !important;
  background: rgba(56, 86, 64, .92) !important;
  border: 1px solid rgba(255, 253, 246, .24) !important;
  box-shadow: var(--better-soft-shadow) !important;
  color: var(--better-white) !important;
}

.cart-page .cart-empty p {
  margin: 0 !important;
  color: var(--better-white) !important;
  font-size: 1rem !important;
}

.cart-page .cart-empty .button,
.cart-page .cart-empty .button.secondary {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.cart-page .cart-summary {
  background: #fffdf6 !important;
  border: 1px solid rgba(56, 86, 64, .18) !important;
}

/* Final pass: keep the texture on the page canvas only, not on inner bands */
html,
body {
  background-color: #e5e6d8 !important;
  background-image:
    linear-gradient(rgba(229, 230, 216, .94), rgba(229, 230, 216, .94)),
    url('../assets/brand/responder-pattern.png') !important;
  background-position: center top, center top !important;
  background-size: auto, 760px auto !important;
  background-repeat: repeat, repeat !important;
  background-attachment: fixed, fixed !important;
}

main,
.contact-page main,
.account-page main,
.cart-page main,
.contact-page .page-hero,
.account-page .page-hero,
.cart-page .page-hero,
.contact-page .contact-grid,
.account-page .dashboard,
.cart-page .cart-layout {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cart-page .cart-layout {
  align-items: stretch !important;
  gap: 28px !important;
}

.cart-page .cart-items,
.cart-page .cart-summary {
  min-height: 178px !important;
  box-sizing: border-box !important;
}

.cart-page .cart-items {
  padding: 0 !important;
}

.cart-page .cart-empty,
.cart-page .cart-summary {
  height: 100% !important;
  padding: 34px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.cart-page .cart-empty {
  gap: 18px !important;
  background: rgba(56, 86, 64, .92) !important;
  border: 1px solid rgba(255, 253, 246, .24) !important;
}

.cart-page .cart-summary {
  gap: 24px !important;
  align-self: stretch !important;
}

/* Product detail readability pass */
.product-page .product-detail .detail-copy {
  background: rgba(56, 86, 64, 0.96) !important;
  border: 1px solid rgba(255, 253, 246, 0.22) !important;
  color: var(--better-white) !important;
}

.product-page .product-detail .detail-copy h1,
.product-page .product-detail .detail-copy p,
.product-page .product-detail .detail-copy .identity,
.product-page .product-detail .detail-price strong,
.product-page .product-detail .detail-price span,
.product-page .product-detail .variant-label {
  color: var(--better-white) !important;
}

.product-page .product-detail .detail-copy .eyebrow {
  color: var(--better-gold) !important;
}

.product-page .product-detail .variant {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

.product-page .product-detail .variant span,
.product-page .product-detail .variant.is-active span {
  color: var(--better-ink) !important;
}

.product-page .product-detail .variant.is-active {
  background: var(--better-gold) !important;
  border-color: var(--better-white) !important;
  color: var(--better-ink) !important;
}

.product-page .product-detail .add-product {
  background: var(--better-gold) !important;
  border-color: var(--better-gold) !important;
  color: var(--better-ink) !important;
}

/* Replacement image framing */
.home-page .bogo-placeholder,
.home-page .hero-placeholder {
  display: block !important;
  overflow: hidden !important;
}

.home-page .bogo-placeholder {
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-page .bogo-placeholder img,
.home-page .hero-placeholder img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
}

.home-page .bogo-placeholder img {
  border-radius: 0 !important;
}

.home-page .hero-placeholder {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.home-page .hero-placeholder img {
  object-position: center center !important;
}

.home-page .hero-placeholder::before,
.home-page .hero-placeholder::after,
.home-page .bogo-placeholder::before,
.home-page .bogo-placeholder::after {
  content: none !important;
  display: none !important;
}

.catalog-page .product-image img,
.home-page .mini-product-card img,
.manifesto-page .embedded-product-card img,
.home-page .embedded-product-card img,
.product-page .product-image img,
.product-page .detail-image img {
  object-fit: contain !important;
  object-position: center center !important;
}

.catalog-page .product-image,
.home-page .mini-product-card,
.home-page .mini-product-card img,
.manifesto-page .embedded-product-card,
.manifesto-page .embedded-product-card img,
.home-page .embedded-product-card,
.home-page .embedded-product-card img,
.product-page .product-image,
.product-page .detail-image {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.home-page .mini-product-card img,
.manifesto-page .embedded-product-card img,
.home-page .embedded-product-card img {
  padding: 14px !important;
  box-sizing: border-box !important;
  filter: none !important;
}

.catalog-page .product-image::after,
.product-page .product-image::after,
.product-page .detail-image::after {
  content: none !important;
  display: none !important;
}

.home-page .bogo-feature {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  min-height: 0 !important;
  align-items: center !important;
}

@media (max-width: 800px) {
  .home-page .bogo-placeholder,
  .home-page .hero-placeholder {
    width: 100% !important;
  }
}

/* Final image/card correction pass */
.home-page .home-hero .hero-product-card.hero-placeholder,
.home-page .home-hero .hero-product-card.hero-placeholder img,
.home-page .home-hero .hero-product-card.hero-placeholder::before,
.home-page .home-hero .hero-product-card.hero-placeholder::after {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
}

.home-page .home-hero .hero-product-card.hero-placeholder {
  background: #ffffff !important;
  border: 1px solid rgba(56, 86, 64, .18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.home-page .home-hero .hero-product-card.hero-placeholder img {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.catalog-page .product-image {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

.catalog-page .product-image img {
  width: 88% !important;
  height: 88% !important;
  object-fit: contain !important;
}

.catalog-page .product-image > span {
  top: 20px !important;
  left: 22px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(56, 57, 52, .88) !important;
  color: #fffdf6 !important;
  letter-spacing: .08em !important;
}

.catalog-page .strengths span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(56, 86, 64, .20) !important;
  border-radius: 999px !important;
  background: #fffdf6 !important;
  color: var(--better-sage-dark) !important;
}

.catalog-page .product-copy > small {
  color: var(--better-sage-dark) !important;
  font-weight: 500 !important;
}

.home-page .mini-product-card,
.manifesto-page .mini-product-card,
.strip-product-card,
.embedded-product-card {
  display: grid !important;
  overflow: hidden !important;
  background: #fffdf6 !important;
  border: 1px solid rgba(56, 86, 64, .18) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(56, 86, 64, .08) !important;
}

.home-page .mini-product-card {
  grid-template-rows: 300px 1fr !important;
}

.strip-product-card,
.embedded-product-card {
  grid-template-columns: minmax(160px, 220px) 1fr !important;
  min-height: 190px !important;
}

.home-page .mini-product-card img,
.manifesto-page .mini-product-card img,
.strip-product-card img,
.embedded-product-card img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

.home-page .mini-product-card > div,
.manifesto-page .mini-product-card > div,
.strip-product-card > div,
.embedded-product-card > div {
  padding: 28px !important;
  background: #fffdf6 !important;
}

.strip-product-card .button,
.embedded-product-card .button {
  border-radius: 999px !important;
}

@media (max-width: 800px) {
  .strip-product-card,
  .embedded-product-card {
    grid-template-columns: 1fr !important;
  }

  .strip-product-card img,
  .embedded-product-card img {
    height: 240px !important;
  }
}

.product-strip {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

.product-strip header {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 18px !important;
  margin-bottom: 28px !important;
}

.product-strip header .eyebrow {
  grid-column: 1 / -1 !important;
}

.product-strip header h2 {
  margin: 0 !important;
  font-size: clamp(34px, 4vw, 58px) !important;
}

.product-strip header a {
  color: var(--better-sage-dark) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

.product-strip > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.manifesto-featured > div {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.strip-product-card img {
  aspect-ratio: 1 / 1 !important;
}

@media (max-width: 1000px) {
  .product-strip > div,
  .manifesto-featured > div {
    grid-template-columns: 1fr !important;
  }
}

/* Prime editorial content before the first paint without hiding the page shell. */
html.reveal-boot body.catalog-page .catalog-hero .eyebrow,
html.reveal-boot body.catalog-page .catalog-hero h1,
html.reveal-boot body.catalog-page .catalog-hero > p,
html.reveal-boot body.catalog-page .filter-row button,
html.reveal-boot body.catalog-page .product-grid > .product-card,
html.reveal-boot body.manifesto-page .manifesto-hero .eyebrow,
html.reveal-boot body.manifesto-page .manifesto-hero h1,
html.reveal-boot body.manifesto-page .manifesto-body > article,
html.reveal-boot body.manifesto-page .principle-grid > article,
html.reveal-boot body.journal-page .journal-hero .eyebrow,
html.reveal-boot body.journal-page .journal-hero h1,
html.reveal-boot body.journal-page .journal-hero > p,
html.reveal-boot body.journal-page .featured-story > *,
html.reveal-boot body.journal-page .journal-grid > .journal-card,
html.reveal-boot body.contact-page .page-hero > *,
html.reveal-boot body.contact-page .contact-grid > *,
html.reveal-boot body.account-page .page-hero > *,
html.reveal-boot body.account-page .dashboard-stats > article,
html.reveal-boot body.account-page .empty-state {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) !important;
  animation: none !important;
  transition: none !important;
}

/* A restored page is placed in its start state instantly; only the entrance
   itself is animated, so repeated navigation remains visible and consistent. */
html.reveal-resetting.reveal-enhanced body .reveal-item {
  animation: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.reveal-boot body * {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Softer green system pass */
:root {
  --responder-page-green: #dfe8d7;
  --responder-card: #fbf7ed;
  --responder-image-wash: #f3f8ef;
  --responder-line: rgba(56, 86, 64, .20);
  --responder-radius: 14px;
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(223, 232, 215, .90), rgba(223, 232, 215, .90)),
    url('../assets/brand/responder-pattern.png') !important;
}

.home-page .home-hero .hero-content h1 {
  max-width: 820px !important;
  font-size: clamp(44px, 4.25vw, 68px) !important;
}

.home-page .home-hero .hero-line-nowrap {
  white-space: nowrap !important;
}

.collection-card {
  background: var(--responder-card) !important;
  border: 1px solid var(--responder-line) !important;
  border-radius: var(--responder-radius) !important;
  box-shadow: 0 18px 42px rgba(56, 86, 64, .07) !important;
  color: var(--better-ink) !important;
}

.collection-card.teal,
.collection-card.sand,
.collection-card.brown {
  background: var(--responder-card) !important;
  color: var(--better-ink) !important;
}

.catalog-page .product-card,
.home-page .mini-product-card,
.strip-product-card,
.embedded-product-card,
.manifesto-page .strip-product-card,
.journal-page .strip-product-card,
.catalog-cta-card,
.statement-card,
.community-cta > div {
  background: var(--responder-card) !important;
  border: 1px solid var(--responder-line) !important;
  border-radius: var(--responder-radius) !important;
}

.catalog-page .product-image,
.home-page .mini-product-card img,
.strip-product-card img,
.embedded-product-card img,
.journal-card-image,
.featured-image {
  background: var(--responder-image-wash) !important;
  background-color: var(--responder-image-wash) !important;
}

.catalog-page .product-image img {
  width: 92% !important;
  height: 92% !important;
}

.button,
button,
.filter-row button,
.strengths span,
.catalog-page .product-image > span {
  border-radius: 999px !important;
}

.product-strip header {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
}

.product-strip header a {
  justify-self: end !important;
}

.journal-page .product-strip {
  padding-top: 32px !important;
}

.journal-page .product-strip > div,
.home-page .product-strip > div {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.manifesto-page .product-strip > div {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.strip-product-card {
  grid-template-columns: minmax(150px, 210px) 1fr !important;
}

@media (max-width: 800px) {
  .home-page .home-hero .hero-line-nowrap {
    white-space: normal !important;
  }

  .journal-page .product-strip > div,
  .home-page .product-strip > div,
  .manifesto-page .product-strip > div {
    grid-template-columns: 1fr !important;
  }
}

/* Home polish pass: calmer header, stronger buttons, clearer community panel */
.site-header {
  background: rgba(47, 82, 58, .96) !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(22, 44, 29, .12) !important;
  padding: 10px 0 !important;
}

.header-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.site-header .brand img {
  filter: brightness(0) invert(1) sepia(.08) saturate(.45) hue-rotate(46deg) !important;
}

.site-header a,
.site-header .desktop-nav a,
.site-header .utility-nav a {
  color: rgba(255, 253, 246, .88) !important;
}

.site-header a:hover,
.site-header .desktop-nav a:hover,
.site-header .utility-nav a:hover {
  color: #fffdf6 !important;
}

.site-header .utility-nav span {
  background: var(--better-gold) !important;
  color: var(--better-ink) !important;
  border-radius: 999px !important;
}

.desktop-nav a::after {
  background: var(--better-gold) !important;
}

.button,
a.button,
button,
.filter-row button,
.variant,
.cart-remove,
.strengths span,
.community-cta .button,
.catalog-cta-card .button,
.mini-product-card .button,
.strip-product-card .button,
.embedded-product-card .button {
  border-radius: 999px !important;
}

.button,
a.button,
button.button {
  padding-inline: 28px !important;
}

.home-page .home-hero {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
}

.home-page .home-hero .hero-content {
  overflow: visible !important;
}

.home-page .home-hero .hero-content h1 {
  max-width: 980px !important;
  font-size: clamp(40px, 3.65vw, 58px) !important;
  line-height: 1.02 !important;
}

.home-page .home-hero .hero-line-nowrap {
  display: block !important;
  white-space: nowrap !important;
}

.home-page .community-cta {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

.home-page .community-cta > div {
  background: linear-gradient(135deg, #31583e 0%, #416d4d 100%) !important;
  border: 1px solid rgba(255, 253, 246, .20) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 56px rgba(22, 44, 29, .20) !important;
  color: #fffdf6 !important;
  padding: clamp(44px, 7vw, 86px) !important;
}

.home-page .community-cta .eyebrow,
.home-page .community-cta h2,
.home-page .community-cta p {
  color: #fffdf6 !important;
  opacity: 1 !important;
}

.home-page .community-cta p {
  max-width: 560px !important;
  color: rgba(255, 253, 246, .82) !important;
}

.home-page .community-cta .button,
.home-page .community-cta .button.secondary {
  background: #fffdf6 !important;
  border-color: #fffdf6 !important;
  color: #31583e !important;
}

@media (max-width: 900px) {
  .home-page .home-hero .hero-line-nowrap {
    white-space: normal !important;
  }
}

/* Palette and layout reset pass */
:root {
  --responder-cream: #e5e3d4;
  --responder-olive-deep: #252719;
  --responder-olive-gray: #5c5a4d;
  --responder-earth: #b4b29b;
  --responder-green: #3d5040;
  --responder-navy: #22233f;
  --responder-page-green: #cdd9c7;
  --responder-card: #b4b29b;
  --responder-image-wash: #e7eee3;
  --responder-line: rgba(37, 39, 25, .18);
  --responder-radius: 16px;
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(205, 217, 199, .78), rgba(205, 217, 199, .78)),
    url('../assets/brand/responder-pattern.png') !important;
  background-size: auto, 980px auto !important;
}

.site-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--responder-green) !important;
  box-shadow: 0 8px 22px rgba(37, 39, 25, .16) !important;
}

.site-header::before,
.site-header::after,
.header-shell::before,
.header-shell::after {
  content: none !important;
}

.header-shell {
  width: min(100% - 56px, 1420px) !important;
  max-width: 1420px !important;
  margin-inline: auto !important;
  padding: 20px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.site-header .brand img {
  filter: brightness(0) invert(1) !important;
}

.site-header a,
.site-header .desktop-nav a,
.site-header .utility-nav a {
  color: rgba(255, 253, 246, .86) !important;
}

.site-header a:hover,
.site-header .desktop-nav a:hover,
.site-header .utility-nav a:hover {
  color: #fffdf6 !important;
}

.desktop-nav a::after,
.utility-nav a::after {
  background: var(--responder-navy) !important;
}

.site-header .utility-nav span {
  background: var(--responder-earth) !important;
  color: var(--responder-olive-deep) !important;
}

.section-heading,
.product-strip header,
.filter-shell,
.filter-row,
.featured-products > header,
.top-sellers > header,
.collections > header,
.catalog-hero,
.page-hero,
.journal-hero,
.manifesto-hero,
.product-strip,
.featured-products,
.top-sellers,
.collections {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.section-heading::before,
.section-heading::after,
.product-strip header::before,
.product-strip header::after,
.filter-shell::before,
.filter-shell::after,
.filter-row::before,
.filter-row::after,
.catalog-hero::before,
.catalog-hero::after,
.page-hero::before,
.page-hero::after,
.journal-hero::before,
.journal-hero::after,
.manifesto-hero::before,
.manifesto-hero::after {
  content: none !important;
}

.home-page .home-hero,
.statement-section,
.top-sellers,
.collections,
.community-cta,
.catalog-cta,
.product-strip,
.featured-products,
.manifesto-body,
.principles,
.journal-grid,
.legal-panel {
  padding-block: clamp(52px, 6vw, 84px) !important;
}

.statement-section {
  margin-top: clamp(28px, 4vw, 52px) !important;
}

.home-page .home-hero + .statement-section,
.top-sellers + .statement-section,
.statement-section + .collections {
  margin-top: 0 !important;
}

.collection-card,
.collection-card.teal,
.collection-card.sand,
.collection-card.brown,
.catalog-page .product-card,
.home-page .mini-product-card,
.strip-product-card,
.embedded-product-card,
.manifesto-page .strip-product-card,
.journal-page .strip-product-card,
.catalog-cta-card,
.statement-card,
.principle-grid article,
.journal-card,
.empty-state,
.dashboard-stats article,
.form-panel,
.auth-panel,
.contact-details,
.cart-summary,
.cart-item,
.detail-info > div,
.related .product-card {
  background: var(--responder-card) !important;
  border: 1px solid var(--responder-line) !important;
  border-radius: var(--responder-radius) !important;
  box-shadow: 0 18px 42px rgba(37, 39, 25, .10) !important;
  color: #11100d !important;
}

.collection-card:hover,
.catalog-page .product-card:hover,
.home-page .mini-product-card:hover,
.strip-product-card:hover,
.embedded-product-card:hover,
.principle-grid article:hover,
.journal-card:hover {
  background: #aaa790 !important;
  color: #11100d !important;
  opacity: 1 !important;
}

.collection-card *,
.catalog-page .product-card *,
.home-page .mini-product-card *,
.strip-product-card *,
.embedded-product-card *,
.principle-grid article *,
.journal-card *,
.empty-state *,
.dashboard-stats article *,
.form-panel *,
.auth-panel *,
.contact-details *,
.cart-summary *,
.cart-item * {
  color: inherit;
}

.catalog-page .product-image,
.home-page .mini-product-card img,
.strip-product-card img,
.embedded-product-card img,
.journal-card-image,
.featured-image,
.detail-image,
.auth-art {
  background: var(--responder-image-wash) !important;
  background-color: var(--responder-image-wash) !important;
  border-radius: var(--responder-radius) !important;
}

.catalog-page .product-image img,
.home-page .mini-product-card img,
.strip-product-card img,
.embedded-product-card img,
.journal-card-image img,
.featured-image img {
  object-fit: contain !important;
}

.catalog-page .product-image > span,
.product-card .product-image > span {
  background: var(--responder-olive-gray) !important;
  color: #fffdf6 !important;
  border-radius: 999px !important;
}

.product-meta span,
.product-card small,
.product-strip header a,
.related header a,
.collection-card footer a,
.collection-card .meta,
.eyebrow {
  color: var(--responder-green) !important;
}

.strengths span,
.variant-grid .variant,
.filter-row button {
  background: rgba(229, 227, 212, .64) !important;
  border-color: rgba(37, 39, 25, .18) !important;
  color: var(--responder-olive-deep) !important;
  border-radius: 999px !important;
}

.filter-row button.is-active,
.filter-row button:hover,
.variant-grid .variant.is-active,
.variant-grid .variant:hover {
  background: var(--responder-navy) !important;
  border-color: var(--responder-navy) !important;
  color: #fffdf6 !important;
  opacity: 1 !important;
}

.button,
a.button,
button,
button.button,
.button.primary,
.teal-button,
.mini-product-card .button,
.strip-product-card .button,
.embedded-product-card .button,
.form-panel button,
.add-product {
  background: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
  border-radius: 999px !important;
  color: #fffdf6 !important;
  box-shadow: none !important;
}

.button:hover,
a.button:hover,
button:hover,
button.button:hover,
.button.primary:hover,
.teal-button:hover,
.mini-product-card .button:hover,
.strip-product-card .button:hover,
.embedded-product-card .button:hover,
.form-panel button:hover,
.add-product:hover {
  background: var(--responder-navy) !important;
  border-color: var(--responder-navy) !important;
  color: #fffdf6 !important;
  opacity: 1 !important;
}

.button-outline,
.button.secondary,
a.button.button-outline,
.community-cta .button {
  background: transparent !important;
  color: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
}

.home-page .community-cta > div,
.community-cta > div {
  background: var(--responder-olive-deep) !important;
  border: 1px solid rgba(255, 253, 246, .18) !important;
  border-radius: var(--responder-radius) !important;
  box-shadow: 0 24px 56px rgba(37, 39, 25, .18) !important;
  color: #fffdf6 !important;
}

.home-page .community-cta > div *,
.community-cta > div * {
  color: #fffdf6 !important;
}

.home-page .community-cta .button,
.home-page .community-cta .button.secondary,
.community-cta .button,
.community-cta .button.secondary {
  background: #fffdf6 !important;
  border-color: #fffdf6 !important;
  color: var(--responder-olive-deep) !important;
}

.auth-layout,
.contact-grid,
.dashboard,
.cart-layout,
.checkout-layout {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.auth-layout::before,
.auth-layout::after,
.contact-grid::before,
.contact-grid::after,
.dashboard::before,
.dashboard::after,
.cart-layout::before,
.cart-layout::after {
  content: none !important;
}

.product-strip header {
  grid-template-columns: 1fr auto !important;
  padding: 0 !important;
  margin-bottom: 30px !important;
}

.product-strip header h2 {
  grid-column: 1 !important;
}

.product-strip header a {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: end !important;
  justify-self: end !important;
}

.home-page .top-sellers .section-heading,
.section-heading {
  padding: 0 !important;
}

.catalog-page .filter-shell {
  padding-block: 30px !important;
}

.catalog-page .filter-row {
  justify-content: center !important;
  gap: 10px !important;
}

@media (max-width: 900px) {
  .header-shell {
    width: min(100% - 32px, 1420px) !important;
    padding: 16px 0 !important;
  }

  .product-strip header {
    grid-template-columns: 1fr !important;
  }

  .product-strip header a {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }
}

/* Readability correction pass */
:root {
  --responder-page-green: #d8e2d2;
  --responder-card: #f3f1e6;
  --responder-card-alt: #e5e3d4;
  --responder-image-wash: #eef4ea;
  --responder-line: rgba(37, 39, 25, .13);
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(216, 226, 210, .93), rgba(216, 226, 210, .93)),
    url('../assets/brand/responder-pattern.png') !important;
  background-size: auto, 1280px auto !important;
  background-blend-mode: normal, soft-light !important;
}

body::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: rgba(216, 226, 210, .36) !important;
  backdrop-filter: blur(4px) !important;
}

.site-header {
  padding: 0 0 8px !important;
}

.header-shell {
  padding-top: 22px !important;
  padding-bottom: 24px !important;
}

.home-page .home-hero {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.home-page .home-hero .hero-media,
.home-page .home-hero .hero-media img,
.home-page .home-hero img[src*='responder-bogo-vial'] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.home-page .standard-media,
.home-page .standard-media img,
.home-page img[src*='responder-jet'] {
  border-radius: 16px !important;
}

.collection-card,
.collection-card.teal,
.collection-card.sand,
.collection-card.brown,
.principle-grid article {
  background: var(--responder-card-alt) !important;
  border-color: rgba(37, 39, 25, .14) !important;
  box-shadow: 0 14px 34px rgba(37, 39, 25, .08) !important;
}

.catalog-page .product-card,
.home-page .mini-product-card,
.strip-product-card,
.embedded-product-card,
.manifesto-page .strip-product-card,
.journal-page .strip-product-card,
.catalog-cta-card,
.statement-card,
.journal-card,
.empty-state,
.dashboard-stats article,
.form-panel,
.auth-panel,
.contact-details,
.cart-summary,
.cart-item,
.detail-info > div,
.related .product-card {
  background: var(--responder-card) !important;
  border-color: var(--responder-line) !important;
  box-shadow: 0 14px 34px rgba(37, 39, 25, .075) !important;
}

.collection-card:hover,
.catalog-page .product-card:hover,
.home-page .mini-product-card:hover,
.strip-product-card:hover,
.embedded-product-card:hover,
.principle-grid article:hover,
.journal-card:hover {
  background: #eeeadd !important;
  border-color: rgba(37, 39, 25, .18) !important;
}

.catalog-page .product-image,
.home-page .mini-product-card img,
.strip-product-card img,
.embedded-product-card img,
.journal-card-image,
.featured-image,
.detail-image,
.auth-art {
  background: var(--responder-image-wash) !important;
  background-color: var(--responder-image-wash) !important;
}

.home-page .community-cta > div,
.community-cta > div {
  background: #252719 !important;
  box-shadow: 0 18px 46px rgba(37, 39, 25, .16) !important;
}

/* Requested home spacing and palette tune */
:root {
  --responder-cream: #e5e3d4;
  --responder-gold: #d0b25e;
  --responder-page-green: #d6e1d0;
  --responder-card-alt: #e5e3d4;
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(214, 225, 208, .86), rgba(214, 225, 208, .86)),
    url('../assets/brand/responder-pattern.png') !important;
  background-size: auto, 1180px auto !important;
  background-blend-mode: normal, normal !important;
}

body::before {
  background: rgba(214, 225, 208, .16) !important;
  backdrop-filter: blur(2px) !important;
}

.bogo-feature,
.bogo-placeholder,
.bogo-placeholder img {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.bogo-feature {
  box-shadow: 0 18px 46px rgba(37, 39, 25, .12) !important;
}

.bogo-placeholder img {
  display: block !important;
}

.statement-section {
  padding-top: clamp(34px, 4vw, 56px) !important;
  padding-bottom: clamp(36px, 4vw, 58px) !important;
}

.statement-card {
  min-height: 420px !important;
  padding-block: clamp(46px, 6vw, 76px) !important;
}

.top-sellers {
  padding-bottom: clamp(36px, 4vw, 58px) !important;
}

.collections {
  padding-top: clamp(38px, 4.5vw, 64px) !important;
}

.collection-grid {
  gap: 0 !important;
}

.collection-card,
.collection-card.teal,
.collection-card.sand,
.collection-card.brown {
  background: var(--responder-cream) !important;
  border-color: rgba(37, 39, 25, .15) !important;
  box-shadow: 0 14px 34px rgba(37, 39, 25, .07) !important;
  color: #11100d !important;
}

.collection-card:first-child {
  border-radius: 16px 0 0 16px !important;
}

.collection-card:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
  border-left-width: 0 !important;
}

.collection-card:last-child {
  border-radius: 0 16px 16px 0 !important;
  border-left-width: 0 !important;
}

.collection-card:hover,
.collection-card.teal:hover,
.collection-card.sand:hover,
.collection-card.brown:hover {
  background: #d8d5c4 !important;
  opacity: 1 !important;
  color: #11100d !important;
}

.collection-card::before,
.collection-card::after,
.collection-card *::before,
.collection-card *::after {
  color: var(--responder-gold) !important;
  border-color: var(--responder-gold) !important;
}

.collection-card small,
.collection-card footer,
.collection-card footer *,
.collection-card [class*='meta'],
.collection-card [class*='view'] {
  color: var(--responder-gold) !important;
}

.collection-card small::after,
.collection-card footer::after,
.collection-card [class*='view']::after {
  content: ' ->' !important;
}

a,
.product-strip header a,
.related header a,
.product-card small,
.catalog-page .product-card small {
  color: var(--responder-green) !important;
}

a:hover,
.product-strip header a:hover,
.related header a:hover,
.product-card small:hover {
  color: var(--responder-gold) !important;
}

@media (max-width: 900px) {
  .collection-grid {
    gap: 12px !important;
  }

  .collection-card,
  .collection-card:first-child,
  .collection-card:not(:first-child):not(:last-child),
  .collection-card:last-child {
    border-radius: 16px !important;
    border-left-width: 1px !important;
  }
}

/* Final quick color request */
:root {
  --responder-green: #405742;
  --responder-page-green: #b9b79d;
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(185, 183, 157, .95), rgba(185, 183, 157, .95)),
    url('../assets/brand/responder-pattern.png') !important;
  background-blend-mode: normal, normal !important;
}

body::before {
  background: rgba(185, 183, 157, .90) !important;
  backdrop-filter: none !important;
}

.site-header {
  background: var(--responder-green) !important;
}

/* Final requested cleanup: softer background, consistent cards, no blue hovers */
:root {
  --responder-green: #405742;
  --responder-deep: #252719;
  --responder-page-green: #c5c3aa;
  --responder-card: #e5e3d4;
  --responder-card-soft: #edf3ea;
  --responder-gold: #d0b25e;
  --responder-line: rgba(37, 39, 25, .14);
}

html,
body {
  background-color: var(--responder-page-green) !important;
  background-image:
    linear-gradient(rgba(197, 195, 170, .982), rgba(197, 195, 170, .982)),
    url('../assets/brand/responder-pattern.png') !important;
  background-size: auto, 1180px auto !important;
  background-blend-mode: normal, normal !important;
}

body::before {
  background: transparent !important;
  backdrop-filter: none !important;
}

.site-header {
  background: var(--responder-green) !important;
  padding-bottom: 12px !important;
}

.button,
button.button,
.form-panel button,
.filter-row button,
.variant,
.cart-empty .button,
.subscribe-card .button {
  border-radius: 999px !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease !important;
}

.button.primary,
.button:not(.secondary),
.form-panel button,
.cart-summary .button,
.cart-empty .button,
.subscribe-card .button {
  background: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
  color: #fff !important;
}

.button.secondary,
.button.ghost,
.filter-row button,
.variant {
  background: var(--responder-card) !important;
  border-color: var(--responder-line) !important;
  color: var(--responder-green) !important;
}

.button:hover,
button.button:hover,
.form-panel button:hover,
.cart-empty .button:hover,
.subscribe-card .button:hover,
.variant:hover {
  background: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(37, 39, 25, .14) !important;
}

.filter-row button.is-active,
.filter-row button.is-active:hover {
  background: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
  color: #fff !important;
}

.filter-row button:hover {
  background: var(--responder-card) !important;
  border-color: var(--responder-green) !important;
  color: var(--responder-green) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(37, 39, 25, .10) !important;
}

.product-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.journal-card,
.subscribe-card,
.featured-story,
.catalog-cta-card,
.statement-card,
.form-panel,
.auth-panel,
.contact-details,
.cart-summary,
.cart-items,
.cart-empty,
.cart-item,
.empty-state,
.dashboard-stats article,
.pending-panel,
.ruo-panel,
.protocol-cards article,
.review-notice {
  background: var(--responder-card) !important;
  border-color: var(--responder-line) !important;
}

.product-copy,
.strip-product-card > div,
.embedded-product-card > div,
.journal-card > div:last-child,
.featured-copy {
  background: var(--responder-card) !important;
}

.product-image,
.mini-product-card > img,
.strip-product-card > img,
.embedded-product-card > a,
.embedded-product-card > a img,
.journal-card-image,
.featured-image {
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.product-card:hover,
.mini-product-card:hover,
.strip-product-card:hover,
.embedded-product-card:hover,
.journal-card:hover {
  background: var(--responder-card) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(37, 39, 25, .10) !important;
}

.strengths span {
  background: var(--responder-card) !important;
  border-color: rgba(64, 87, 66, .22) !important;
  color: var(--responder-green) !important;
}

.bogo-feature,
.bogo-placeholder,
.bogo-placeholder img,
.standard-media,
.standard-media img {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.statement-section,
.top-sellers,
.collections {
  padding-top: clamp(36px, 4vw, 58px) !important;
  padding-bottom: clamp(38px, 4.5vw, 64px) !important;
}

.collection-grid,
.principle-grid {
  gap: 0 !important;
}

.collection-card,
.collection-card.teal,
.collection-card.sand,
.collection-card.brown,
.principle-grid article,
.principle-grid .cream,
.principle-grid .sand,
.principle-grid .brown,
.principle-grid .teal,
.principle-grid .white,
.principle-grid .dark {
  background: var(--responder-card) !important;
  color: #11100d !important;
  border-color: var(--responder-line) !important;
  box-shadow: none !important;
}

.principle-grid article,
.principle-grid article:hover {
  border-radius: 0 !important;
  transform: none !important;
  background: var(--responder-card) !important;
}

.collection-card:hover {
  background: #d9d6c2 !important;
  transform: none !important;
  opacity: 1 !important;
}

.collection-card small,
.collection-card footer,
.collection-card footer *,
.collection-card [class*='view'],
.collection-card [class*='meta'] {
  color: var(--responder-gold) !important;
}

.collection-card small::after,
.collection-card footer::after,
.collection-card [class*='view']::after,
.product-strip header a::after,
.related header a::after,
.section-heading a::after {
  content: none !important;
}

.collection-card svg,
.collection-card path,
.collection-card [class*='icon'] {
  color: var(--responder-gold) !important;
  stroke: var(--responder-gold) !important;
}

.subscribe-card,
.journal-subscribe-card {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--responder-card) !important;
}

.cart-items,
.cart-empty {
  border-radius: 16px !important;
  color: #11100d !important;
}

.cart-empty p,
.cart-items p {
  color: #11100d !important;
}

.manifesto-page .manifesto-hero,
.manifesto-page .manifesto-featured {
  background: transparent !important;
  color: #11100d !important;
}

.manifesto-page .manifesto-hero h1,
.manifesto-page .manifesto-hero .eyebrow,
.manifesto-page .manifesto-featured h2,
.manifesto-page .manifesto-featured h3,
.manifesto-page .manifesto-featured strong,
.manifesto-page .manifesto-featured span {
  color: #11100d !important;
}

.manifesto-page .manifesto-featured .strip-product-card {
  background: var(--responder-card) !important;
  border: 1px solid var(--responder-line) !important;
}

.manifesto-page .manifesto-featured .strip-product-card > div {
  background: var(--responder-card) !important;
}

.manifesto-page .manifesto-featured .strip-product-card > img {
  background: var(--responder-card-soft) !important;
}

.manifesto-lower-featured {
  padding-block: clamp(48px, 6vw, 78px) !important;
}

.manifesto-lower-featured > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.manifesto-lower-featured .strip-product-card {
  min-height: 180px !important;
}

.manifesto-lower-featured .strip-product-card > img {
  width: 34% !important;
}

.manifesto-page .product-strip header a,
.journal-page .product-strip header a,
.related header a {
  color: var(--responder-green) !important;
}

@media (max-width: 900px) {
  .manifesto-lower-featured > div {
    grid-template-columns: 1fr !important;
  }

  .collection-card,
  .principle-grid article {
    border-radius: 0 !important;
  }
}

/* Fast visual corrections */
:root {
  --responder-card: #e1e5d8;
  --responder-card-soft: #eef4eb;
  --responder-gold: #d0b25e;
}

.ruo-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

.product-card,
.mini-product-card,
.strip-product-card,
.embedded-product-card,
.journal-card,
.featured-story,
.catalog-cta-card,
.statement-card,
.form-panel,
.auth-panel,
.contact-details,
.cart-summary,
.cart-items,
.cart-empty,
.cart-item,
.empty-state,
.dashboard-stats article,
.pending-panel,
.protocol-cards article,
.review-notice,
.product-copy,
.strip-product-card > div,
.embedded-product-card > div,
.journal-card > div:last-child,
.featured-copy {
  background: var(--responder-card) !important;
}

.product-image,
.mini-product-card > img,
.strip-product-card > img,
.embedded-product-card > a,
.embedded-product-card > a img,
.journal-card-image,
.featured-image {
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.collection-card svg,
.collection-card path,
.collection-card [class*='icon'],
.collection-card small,
.collection-card footer,
.collection-card footer *,
.collection-card [class*='view'],
.collection-card [class*='meta'] {
  color: var(--responder-gold) !important;
  stroke: var(--responder-gold) !important;
  border-color: var(--responder-gold) !important;
}

.manifesto-lower-featured > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.manifesto-lower-featured .strip-product-card {
  display: grid !important;
  grid-template-columns: 46% 54% !important;
  min-height: 178px !important;
  overflow: hidden !important;
}

.manifesto-lower-featured .strip-product-card > img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: 22px !important;
}

.manifesto-lower-featured .strip-product-card > div {
  padding: 28px 28px 24px !important;
}

.auth-layout {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.auth-layout::before,
.auth-layout::after {
  content: none !important;
}

.auth-art {
  background:
    linear-gradient(rgba(64, 87, 66, .32), rgba(64, 87, 66, .32)),
    url('../assets/textures/texture-2.webp') center/cover !important;
  color: #fff !important;
}

.auth-art img {
  opacity: 1 !important;
  filter: brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0, 0, 0, .28)) !important;
}

.auth-art p {
  color: #fff !important;
}

@media (max-width: 900px) {
  .manifesto-lower-featured > div {
    grid-template-columns: 1fr !important;
  }
}

/* Direct fixes for remaining screenshots */
:root {
  --responder-card: #e2e7da;
  --responder-card-soft: #f0f6ed;
  --responder-gold: #d0b25e;
}

.login-page .auth-layout {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.login-page .auth-layout::before,
.login-page .auth-layout::after {
  display: none !important;
  content: none !important;
}

.login-page .auth-art,
.login-page .auth-panel {
  background-color: var(--responder-card) !important;
}

.login-page .auth-art {
  background-image:
    linear-gradient(rgba(64, 87, 66, .34), rgba(64, 87, 66, .34)),
    url('../assets/textures/texture-2.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}

.home-page .mini-product-card,
.home-page .mini-product-card > div,
.home-page .top-sellers .product-card,
.home-page .top-sellers .product-copy,
.product-strip .strip-product-card,
.product-strip .strip-product-card > div,
.catalog-page .product-card,
.catalog-page .product-copy {
  background: var(--responder-card) !important;
  background-color: var(--responder-card) !important;
}

.home-page .mini-product-card img,
.home-page .mini-product-card > img,
.product-strip .strip-product-card > img,
.catalog-page .product-image {
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.collection-card footer,
.collection-card footer *,
.collection-card small,
.collection-card a,
.collection-card [class*='view'],
.collection-card [class*='meta'],
.collection-card [class*='count'],
.collection-card svg,
.collection-card svg *,
.collection-card path {
  color: var(--responder-gold) !important;
  stroke: var(--responder-gold) !important;
  border-color: var(--responder-gold) !important;
}

.manifesto-page .manifesto-lower-featured {
  width: var(--shell) !important;
  max-width: var(--shell) !important;
  margin-inline: auto !important;
}

.manifesto-page .manifesto-lower-featured > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card {
  display: grid !important;
  grid-template-columns: 46% 54% !important;
  min-height: 180px !important;
  background: var(--responder-card) !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 24px !important;
  background: var(--responder-card-soft) !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card > div {
  background: var(--responder-card) !important;
  padding: 28px !important;
}

.manifesto-page .manifesto-cta > div {
  background: var(--responder-card) !important;
  color: #11100d !important;
}

.journal-page .subscribe-card,
.journal-page .subscribe-card.texture-dark {
  background: var(--responder-card) !important;
  color: #11100d !important;
}

.journal-page .subscribe-card h3,
.journal-page .subscribe-card p,
.journal-page .subscribe-card .eyebrow {
  color: #11100d !important;
}

.journal-page .subscribe-card .button,
.journal-page .subscribe-card .teal-button {
  background: var(--responder-green) !important;
  color: #fff !important;
  border-color: var(--responder-green) !important;
}

.journal-page .subscribe-card .button:hover,
.journal-page .subscribe-card .teal-button:hover {
  background: var(--responder-green) !important;
  color: #fff !important;
}

/* Final screenshot corrections */
:root {
  --responder-card: #e6e8dc;
  --responder-card-soft: #eef5ea;
  --responder-gold: #d0b25e;
}

.ruo-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.login-page main {
  background: transparent !important;
}

.login-page .auth-layout {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 34px 0 62px !important;
}

.login-page .auth-art,
.login-page .auth-panel {
  background-color: var(--responder-card-soft) !important;
}

.catalog-page .product-card,
.catalog-page .product-card-link,
.catalog-page .product-copy,
.related .product-card,
.related .product-card-link,
.related .product-copy,
.home-page .mini-product-card,
.home-page .mini-product-card > div,
.home-page .top-sellers .product-card,
.home-page .top-sellers .product-card-link,
.home-page .top-sellers .product-copy,
.strip-product-card,
.strip-product-card > div,
.embedded-product-card,
.embedded-product-card > div,
.journal-card,
.journal-card > div:last-child {
  background: var(--responder-card) !important;
  background-color: var(--responder-card) !important;
}

.catalog-page .product-image,
.catalog-page .product-image::before,
.catalog-page .product-image::after,
.related .product-image,
.home-page .mini-product-card img,
.home-page .mini-product-card > img,
.home-page .top-sellers .product-image,
.strip-product-card > img,
.strip-product-card img,
.embedded-product-card > a,
.embedded-product-card > a img,
.journal-card-image,
.featured-image {
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.home-top-sellers .mini-product-card img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.collection-card svg,
.collection-card svg *,
.collection-card path,
.collection-card small,
.collection-card footer,
.collection-card footer *,
.collection-card a,
.collection-card [class*='view'],
.collection-card [class*='meta'],
.collection-card [class*='count'] {
  color: var(--responder-gold) !important;
  stroke: var(--responder-gold) !important;
  border-color: var(--responder-gold) !important;
}

.collection-card:hover {
  background: #dde1d3 !important;
  background-color: #dde1d3 !important;
}

.manifesto-page .manifesto-hero,
.manifesto-page .manifesto-featured,
.manifesto-page .manifesto-lower-featured,
.manifesto-page .manifesto-cta {
  background: transparent !important;
  color: #11100d !important;
}

.manifesto-page .manifesto-lower-featured {
  margin-top: 34px !important;
  margin-bottom: 82px !important;
}

.manifesto-page .manifesto-lower-featured > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card {
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  min-height: 178px !important;
  background: var(--responder-card) !important;
  background-color: var(--responder-card) !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card > img {
  width: 100% !important;
  height: 100% !important;
  padding: 22px !important;
  object-fit: contain !important;
  background: var(--responder-card-soft) !important;
  background-color: var(--responder-card-soft) !important;
}

.manifesto-page .manifesto-lower-featured .strip-product-card > div {
  background: var(--responder-card) !important;
  background-color: var(--responder-card) !important;
  padding: 26px 28px !important;
}

.manifesto-page .manifesto-cta {
  margin-top: 78px !important;
  margin-bottom: 0 !important;
}

.manifesto-page .manifesto-cta > div {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #11100d !important;
}

.journal-page .subscribe-card .button,
.journal-page .subscribe-card .teal-button,
.journal-page .journal-subscribe-card .button,
.journal-page .journal-subscribe-card .teal-button {
  background: var(--responder-green) !important;
  border-color: var(--responder-green) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.journal-page .subscribe-card .button:hover,
.journal-page .subscribe-card .teal-button:hover,
.journal-page .journal-subscribe-card .button:hover,
.journal-page .journal-subscribe-card .teal-button:hover {
  background: var(--responder-green) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 900px) {
  .manifesto-page .manifesto-lower-featured > div {
    grid-template-columns: 1fr !important;
  }
}

/* Responder final layout normalization */
.top-seller-grid .mini-product-card,
.home-page .product-strip .strip-product-card,
.journal-page .embedded-product-card,
.manifesto-page .manifesto-featured .strip-product-card,
.manifesto-page .manifesto-lower-featured .strip-product-card,
.contact-page .product-strip .strip-product-card,
.account-page .product-strip .strip-product-card,
.cart-page .product-strip .strip-product-card {
  display: grid !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.top-seller-grid .mini-product-card {
  grid-template-rows: 298px 1fr !important;
}

.top-seller-grid .mini-product-card img,
.catalog-page .product-image img,
.journal-page .embedded-product-card > a img,
.manifesto-page .manifesto-featured .strip-product-card > img,
.manifesto-page .manifesto-lower-featured .strip-product-card > img,
.home-page .product-strip .strip-product-card > img,
.contact-page .product-strip .strip-product-card > img,
.account-page .product-strip .strip-product-card > img,
.cart-page .product-strip .strip-product-card > img,
.product-page .product-strip .strip-product-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.catalog-page .product-image {
  min-height: 452px !important;
  overflow: hidden !important;
  background: var(--responder-card-soft) !important;
}

.catalog-page .product-card,
.related .product-card {
  display: flex !important;
  flex-direction: column !important;
}

.catalog-page .product-card-link,
.related .product-card-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.catalog-page .product-copy,
.related .product-copy {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.catalog-page .product-copy .strengths,
.related .product-copy .strengths {
  margin-top: auto !important;
}

.catalog-page .strengths span,
.related .strengths span,
.product-page .related .strengths span {
  color: #5f644f !important;
  border-color: rgba(95, 100, 79, .28) !important;
  background: rgba(255,255,255,.7) !important;
}

.journal-page .embedded-product-section {
  margin-top: 44px !important;
  margin-bottom: 42px !important;
}

.journal-page .product-strip {
  margin-top: 46px !important;
}

.contact-page .product-strip,
.account-page .product-strip,
.cart-page .product-strip,
.product-page .product-strip {
  margin-top: 46px !important;
}

.manifesto-page .manifesto-featured {
  margin-top: 44px !important;
  margin-bottom: 42px !important;
}

.manifesto-page .manifesto-featured > div,
.journal-page .embedded-product-section > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.manifesto-page .manifesto-featured .strip-product-card,
.journal-page .embedded-product-card {
  grid-template-columns: 220px 1fr !important;
  min-height: 230px !important;
}

.manifesto-page .manifesto-lower-featured > div,
.home-page .product-strip > div,
.contact-page .product-strip > div,
.account-page .product-strip > div,
.cart-page .product-strip > div,
.product-page .product-strip > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.journal-page .journal-featured > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.home-page .product-strip .strip-product-card,
.contact-page .product-strip .strip-product-card,
.account-page .product-strip .strip-product-card,
.cart-page .product-strip .strip-product-card,
.product-page .product-strip .strip-product-card,
.journal-page .journal-lower-featured .strip-product-card,
.manifesto-page .manifesto-lower-featured .strip-product-card {
  grid-template-columns: 150px 1fr !important;
  min-height: 214px !important;
}

.manifesto-page .manifesto-hero {
  padding-bottom: 28px !important;
}

.manifesto-page .manifesto-cta {
  margin-top: 52px !important;
  margin-bottom: 6px !important;
}

.manifesto-page .manifesto-lower-featured {
  margin-top: 6px !important;
  margin-bottom: 24px !important;
}

.journal-page .journal-hero {
  padding-bottom: 24px !important;
  margin-bottom: 0 !important;
}

.journal-page .journal-top-featured {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.journal-page .featured-story {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

.journal-page .journal-grid {
  margin-top: 0 !important;
}

.journal-page .journal-lower-featured {
  margin-top: 42px !important;
  margin-bottom: 28px !important;
}

.journal-page .journal-card {
  overflow: hidden !important;
}

.journal-page .journal-card-image {
  background: rgba(255,255,255,.28) !important;
}

.journal-page .journal-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.journal-page .subscribe-card,
.journal-page .journal-subscribe-card,
.journal-page .subscribe-card.texture-dark {
  background-color: #2f4939 !important;
  background-image:
    linear-gradient(180deg, rgba(18, 28, 22, .22), rgba(18, 28, 22, .44)),
    radial-gradient(circle at 18% 22%, rgba(198, 180, 130, .22), transparent 34%),
    radial-gradient(circle at 82% 26%, rgba(255,255,255,.07), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.03) 50%, rgba(255,255,255,.03) 75%, transparent 75%, transparent) !important;
  background-size: auto, auto, auto, 160px 160px !important;
  background-position: center, center, center, center !important;
  color: #f5f1e7 !important;
}

.journal-page .subscribe-card h3,
.journal-page .journal-subscribe-card h3,
.journal-page .subscribe-card p,
.journal-page .journal-subscribe-card p,
.journal-page .subscribe-card .eyebrow,
.journal-page .journal-subscribe-card .eyebrow {
  color: #f5f1e7 !important;
  -webkit-text-fill-color: #f5f1e7 !important;
}

.contact-page .page-hero,
.account-page .page-hero {
  padding-bottom: 24px !important;
  margin-bottom: 0 !important;
}

.contact-page .contact-top-featured {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.contact-page .contact-grid {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

.contact-page .contact-lower-featured,
.account-page .account-lower-featured,
.cart-page .cart-lower-featured {
  margin-top: 28px !important;
  margin-bottom: 24px !important;
}

.account-page .dashboard {
  margin-bottom: 30px !important;
}

.cart-page .cart-top-featured {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.top-seller-grid .mini-product-card > a,
.journal-page .embedded-product-card > a,
.contact-page .embedded-product-card > a,
.cart-page .embedded-product-card > a,
.manifesto-page .manifesto-featured .strip-product-card > a,
.home-page .product-strip .strip-product-card > a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.home-page .product-strip .strip-product-card,
.contact-page .product-strip .strip-product-card,
.account-page .product-strip .strip-product-card,
.cart-page .product-strip .strip-product-card,
.product-page .product-strip .strip-product-card,
.journal-page .journal-lower-featured .strip-product-card,
.manifesto-page .manifesto-lower-featured .strip-product-card,
.journal-page .embedded-product-card,
.contact-page .embedded-product-card,
.cart-page .embedded-product-card {
  min-height: 230px !important;
  overflow: hidden !important;
}

.contact-page .embedded-product-section > div,
.cart-page .embedded-product-section > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.contact-page .embedded-product-card,
.cart-page .embedded-product-card {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  min-height: 240px !important;
}

.contact-page .product-strip .strip-product-card,
.account-page .product-strip .strip-product-card,
.cart-page .product-strip .strip-product-card,
.journal-page .journal-lower-featured .strip-product-card {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  min-height: 224px !important;
}

.home-page .product-strip .strip-product-card > img,
.contact-page .product-strip .strip-product-card > img,
.account-page .product-strip .strip-product-card > img,
.cart-page .product-strip .strip-product-card > img,
.product-page .product-strip .strip-product-card > img,
.journal-page .journal-lower-featured .strip-product-card > img,
.manifesto-page .manifesto-lower-featured .strip-product-card > img {
  align-self: stretch !important;
  min-height: 100% !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

.journal-page .embedded-product-card > a img,
.contact-page .embedded-product-card > a img,
.cart-page .embedded-product-card > a img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.journal-page .embedded-product-card > div,
.contact-page .embedded-product-card > div,
.cart-page .embedded-product-card > div,
.contact-page .product-strip .strip-product-card > div,
.account-page .product-strip .strip-product-card > div,
.cart-page .product-strip .strip-product-card > div,
.journal-page .journal-lower-featured .strip-product-card > div {
  min-width: 0 !important;
  padding: 24px 22px !important;
}

.cart-page .cart-layout {
  align-items: stretch !important;
  gap: 22px !important;
}

.cart-page .cart-items,
.cart-page .cart-summary {
  min-height: 160px !important;
}

.cart-page .cart-empty,
.cart-page .cart-summary {
  border-radius: 18px !important;
  padding: 28px 30px !important;
}

.product-page .detail-image > div span {
  background: rgba(47, 74, 54, .88) !important;
  color: #f5f1e7 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  font-size: 10px !important;
}

.product-page .detail-info {
  gap: 46px !important;
  align-items: start !important;
}

.product-page .detail-info > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.product-page .detail-info dl div,
.product-page .detail-info ul li {
  border-bottom: 1px solid rgba(95, 100, 79, .22) !important;
  padding: 18px 0 !important;
}

.product-page .detail-info dl div:first-child,
.product-page .detail-info ul li:first-child {
  border-top: 1px solid rgba(95, 100, 79, .22) !important;
}

.product-page .detail-info ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}

.product-page .detail-info .ruo-text {
  margin-top: 18px !important;
  max-width: 520px !important;
}

@media (max-width: 1100px) {
  .manifesto-page .manifesto-lower-featured > div,
  .home-page .product-strip > div,
  .contact-page .product-strip > div,
  .account-page .product-strip > div,
  .cart-page .product-strip > div,
  .product-page .product-strip > div,
  .journal-page .journal-lower-featured > div {
    grid-template-columns: 1fr !important;
  }

  .manifesto-page .manifesto-featured > div,
  .journal-page .embedded-product-section > div,
  .contact-page .embedded-product-section > div,
  .cart-page .embedded-product-section > div {
    grid-template-columns: 1fr !important;
  }
}

body.journal-page .journal-top-featured .embedded-product-card,
body.contact-page .contact-top-featured .embedded-product-card,
body.cart-page .cart-top-featured .embedded-product-card {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 248px !important;
  overflow: hidden !important;
}

body.journal-page .journal-top-featured .embedded-product-card .generated-card-media,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-media,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-media {
  display: block !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 20px 0 0 20px !important;
}

body.journal-page .journal-top-featured .embedded-product-card .generated-card-media img,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-media img,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 248px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.journal-page .journal-top-featured .embedded-product-card .generated-card-copy,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-copy,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-copy {
  min-width: 0 !important;
  padding: 24px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 14px !important;
}

body.journal-page .journal-lower-featured .strip-product-card,
body.contact-page .contact-lower-featured .strip-product-card,
body.account-page .account-lower-featured .strip-product-card,
body.cart-page .cart-lower-featured .strip-product-card {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 228px !important;
  overflow: hidden !important;
}

body.journal-page .journal-lower-featured .strip-product-card .generated-card-media,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-media,
body.account-page .account-lower-featured .strip-product-card .generated-card-media,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-media {
  display: block !important;
  width: 150px !important;
  min-width: 150px !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 18px 0 0 18px !important;
}

body.journal-page .journal-lower-featured .strip-product-card .generated-card-media img,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-media img,
body.account-page .account-lower-featured .strip-product-card .generated-card-media img,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 228px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.journal-page .journal-lower-featured .strip-product-card .generated-card-copy,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-copy,
body.account-page .account-lower-featured .strip-product-card .generated-card-copy,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-copy {
  min-width: 0 !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.journal-page .journal-top-featured .embedded-product-card h3,
body.contact-page .contact-top-featured .embedded-product-card h3,
body.cart-page .cart-top-featured .embedded-product-card h3,
body.journal-page .journal-lower-featured .strip-product-card h3,
body.contact-page .contact-lower-featured .strip-product-card h3,
body.account-page .account-lower-featured .strip-product-card h3,
body.cart-page .cart-lower-featured .strip-product-card h3 {
  margin: 0 !important;
}

body.product-page .detail-image > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

body.product-page .detail-image > div span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

body.journal-page .embedded-product-section > div,
body.contact-page .embedded-product-section > div,
body.cart-page .embedded-product-section > div,
body.account-page .embedded-product-section > div,
body.contact-page .product-strip > div,
body.account-page .product-strip > div,
body.cart-page .product-strip > div {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.journal-page .journal-top-featured .embedded-product-card,
body.contact-page .contact-top-featured .embedded-product-card,
body.cart-page .cart-top-featured .embedded-product-card,
body.journal-page .embedded-product-section .embedded-product-card,
body.contact-page .embedded-product-section .embedded-product-card,
body.cart-page .embedded-product-section .embedded-product-card {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 248px !important;
  overflow: hidden !important;
}

body.journal-page .journal-top-featured .embedded-product-card > img,
body.contact-page .contact-top-featured .embedded-product-card > img,
body.cart-page .cart-top-featured .embedded-product-card > img,
body.journal-page .embedded-product-section .embedded-product-card > img,
body.contact-page .embedded-product-section .embedded-product-card > img,
body.cart-page .embedded-product-section .embedded-product-card > img,
body.journal-page .journal-top-featured .embedded-product-card .generated-card-media,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-media,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-media,
body.journal-page .embedded-product-section .embedded-product-card .generated-card-media,
body.contact-page .embedded-product-section .embedded-product-card .generated-card-media,
body.cart-page .embedded-product-section .embedded-product-card .generated-card-media {
  display: block !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 100% !important;
  min-height: 248px !important;
  overflow: hidden !important;
  border-radius: 20px 0 0 20px !important;
}

body.journal-page .journal-top-featured .embedded-product-card > img,
body.contact-page .contact-top-featured .embedded-product-card > img,
body.cart-page .cart-top-featured .embedded-product-card > img,
body.journal-page .embedded-product-section .embedded-product-card > img,
body.contact-page .embedded-product-section .embedded-product-card > img,
body.cart-page .embedded-product-section .embedded-product-card > img,
body.journal-page .journal-top-featured .embedded-product-card .generated-card-media img,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-media img,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-media img,
body.journal-page .embedded-product-section .embedded-product-card .generated-card-media img,
body.contact-page .embedded-product-section .embedded-product-card .generated-card-media img,
body.cart-page .embedded-product-section .embedded-product-card .generated-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 248px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.journal-page .journal-top-featured .embedded-product-card > div,
body.contact-page .contact-top-featured .embedded-product-card > div,
body.cart-page .cart-top-featured .embedded-product-card > div,
body.journal-page .embedded-product-section .embedded-product-card > div,
body.contact-page .embedded-product-section .embedded-product-card > div,
body.cart-page .embedded-product-section .embedded-product-card > div,
body.journal-page .journal-top-featured .embedded-product-card .generated-card-copy,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-copy,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-copy,
body.journal-page .embedded-product-section .embedded-product-card .generated-card-copy,
body.contact-page .embedded-product-section .embedded-product-card .generated-card-copy,
body.cart-page .embedded-product-section .embedded-product-card .generated-card-copy {
  min-width: 0 !important;
  padding: 24px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 14px !important;
}

body.journal-page .journal-lower-featured .strip-product-card,
body.contact-page .contact-lower-featured .strip-product-card,
body.account-page .account-lower-featured .strip-product-card,
body.cart-page .cart-lower-featured .strip-product-card,
body.journal-page .product-strip .strip-product-card,
body.contact-page .product-strip .strip-product-card,
body.account-page .product-strip .strip-product-card,
body.cart-page .product-strip .strip-product-card {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 228px !important;
  overflow: hidden !important;
}

body.journal-page .journal-lower-featured .strip-product-card > img,
body.contact-page .contact-lower-featured .strip-product-card > img,
body.account-page .account-lower-featured .strip-product-card > img,
body.cart-page .cart-lower-featured .strip-product-card > img,
body.journal-page .product-strip .strip-product-card > img,
body.contact-page .product-strip .strip-product-card > img,
body.account-page .product-strip .strip-product-card > img,
body.cart-page .product-strip .strip-product-card > img,
body.journal-page .journal-lower-featured .strip-product-card .generated-card-media,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-media,
body.account-page .account-lower-featured .strip-product-card .generated-card-media,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-media,
body.journal-page .product-strip .strip-product-card .generated-card-media,
body.contact-page .product-strip .strip-product-card .generated-card-media,
body.account-page .product-strip .strip-product-card .generated-card-media,
body.cart-page .product-strip .strip-product-card .generated-card-media {
  display: block !important;
  width: 150px !important;
  min-width: 150px !important;
  height: 100% !important;
  min-height: 228px !important;
  overflow: hidden !important;
  border-radius: 18px 0 0 18px !important;
}

body.journal-page .journal-lower-featured .strip-product-card > img,
body.contact-page .contact-lower-featured .strip-product-card > img,
body.account-page .account-lower-featured .strip-product-card > img,
body.cart-page .cart-lower-featured .strip-product-card > img,
body.journal-page .product-strip .strip-product-card > img,
body.contact-page .product-strip .strip-product-card > img,
body.account-page .product-strip .strip-product-card > img,
body.cart-page .product-strip .strip-product-card > img,
body.journal-page .journal-lower-featured .strip-product-card .generated-card-media img,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-media img,
body.account-page .account-lower-featured .strip-product-card .generated-card-media img,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-media img,
body.journal-page .product-strip .strip-product-card .generated-card-media img,
body.contact-page .product-strip .strip-product-card .generated-card-media img,
body.account-page .product-strip .strip-product-card .generated-card-media img,
body.cart-page .product-strip .strip-product-card .generated-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 228px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.journal-page .journal-lower-featured .strip-product-card > div,
body.contact-page .contact-lower-featured .strip-product-card > div,
body.account-page .account-lower-featured .strip-product-card > div,
body.cart-page .cart-lower-featured .strip-product-card > div,
body.journal-page .product-strip .strip-product-card > div,
body.contact-page .product-strip .strip-product-card > div,
body.account-page .product-strip .strip-product-card > div,
body.cart-page .product-strip .strip-product-card > div,
body.journal-page .journal-lower-featured .strip-product-card .generated-card-copy,
body.contact-page .contact-lower-featured .strip-product-card .generated-card-copy,
body.account-page .account-lower-featured .strip-product-card .generated-card-copy,
body.cart-page .cart-lower-featured .strip-product-card .generated-card-copy,
body.journal-page .product-strip .strip-product-card .generated-card-copy,
body.contact-page .product-strip .strip-product-card .generated-card-copy,
body.account-page .product-strip .strip-product-card .generated-card-copy,
body.cart-page .product-strip .strip-product-card .generated-card-copy {
  min-width: 0 !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.journal-page .product-strip .strip-product-card h3,
body.contact-page .product-strip .strip-product-card h3,
body.account-page .product-strip .strip-product-card h3,
body.cart-page .product-strip .strip-product-card h3,
body.journal-page .embedded-product-card h3,
body.contact-page .embedded-product-card h3,
body.cart-page .embedded-product-card h3 {
  margin: 0 !important;
}

body.product-page .detail-image {
  align-items: stretch !important;
}

body.product-page .detail-image > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.product-page .detail-image > div span {
  background: rgba(47, 74, 54, .92) !important;
  color: #f5f1e7 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}

body.product-page .detail-info dd,
body.product-page .detail-info li,
body.product-page .detail-info .ruo-text {
  color: #1f2419 !important;
}

body.manifesto-page .catalog-cta,
body.manifesto-page .catalog-cta-card {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.manifesto-page .manifesto-lower-featured,
body.manifesto-page .product-strip {
  padding-top: 36px !important;
}

body.manifesto-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child),
body.journal-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child),
body.contact-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child),
body.account-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child),
body.cart-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.manifesto-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card,
body.journal-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card,
body.contact-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card,
body.account-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card,
body.cart-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card {
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
}

body.manifesto-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card > div,
body.journal-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card > div,
body.contact-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card > div,
body.account-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card > div,
body.cart-page .product-strip > div:has(> .strip-product-card:nth-child(2):last-child) .strip-product-card > div {
  min-width: 0 !important;
}

body.journal-page .journal-featured > div,
body.contact-page .contact-top-featured > div,
body.cart-page .cart-top-featured > div {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.journal-page .journal-featured .strip-product-card,
body.contact-page .contact-top-featured .embedded-product-card,
body.cart-page .cart-top-featured .embedded-product-card {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 224px !important;
  overflow: hidden !important;
}

body.journal-page .journal-featured .strip-product-card {
  grid-template-columns: 150px minmax(0, 1fr) !important;
}

body.journal-page .journal-featured .strip-product-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.journal-page .journal-featured .strip-product-card > div,
body.contact-page .contact-top-featured .embedded-product-card .generated-card-copy,
body.cart-page .cart-top-featured .embedded-product-card .generated-card-copy {
  min-width: 0 !important;
}


/* Premium motion and spend-threshold promotion */
html,
body {
  max-width: 100%;
  overflow-x: clip !important;
}

.sticky-site-chrome {
  position: sticky;
  top: 0;
  z-index: 300;
  width: 100%;
  background: rgba(248, 244, 236, .94);
  box-shadow: 0 8px 24px rgba(58, 45, 36, .05);
  isolation: isolate;
}

.sticky-site-chrome .site-header {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

.filter-shell {
  top: 126px !important;
}

.announcement-bar {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  background: var(--better-sage-dark);
  color: var(--better-white);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.announcement-track {
  display: flex;
  width: max-content;
  padding: 9px 0;
  animation: better-announcement 44s linear infinite;
  will-change: transform;
}

.announcement-track > div {
  display: flex;
  align-items: center;
  flex: none;
}

.announcement-track span {
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.announcement-track i {
  margin: 0 28px;
  color: var(--better-sand);
  font-size: 6px;
  font-style: normal;
  opacity: .82;
}

.announcement-bar:hover .announcement-track {
  animation-play-state: paused;
}

@keyframes better-announcement {
  to { transform: translate3d(-50%, 0, 0); }
}

.product-promo-label {
  display: inline-flex !important;
  width: fit-content;
  margin: 14px 0 12px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(93, 107, 76, .25) !important;
  border-radius: 999px !important;
  background: rgba(153, 169, 130, .11) !important;
  color: var(--better-sage-dark) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.product-card,
.mini-product-card[data-product-enhanced],
.featured-compact-card[data-product-enhanced],
.strip-product-card[data-product-enhanced],
.embedded-product-card[data-product-enhanced] {
  cursor: pointer;
}

.product-card-media-link {
  display: block;
  min-width: 0;
  overflow: hidden;
}

.mini-product-card .product-card-media-link {
  height: 260px;
}

.featured-compact-card .product-card-media-link {
  height: 100%;
  min-height: 160px;
}

.product-card-media-link img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.product-card-title-link {
  display: inline-block;
  color: inherit;
}

.product-card-title-link h2,
.product-card-title-link h3 {
  transition: color .28s ease;
}

.product-card-title-link:hover h2,
.product-card-title-link:hover h3 {
  color: var(--better-sage-dark) !important;
}

.detail-promo-label {
  margin: 0 0 20px !important;
  background: rgba(232, 205, 125, .96) !important;
  border-color: rgba(232, 205, 125, 1) !important;
  color: #202018 !important;
}

.product-detail-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 16px;
}

.product-detail-quantity > span {
  color: var(--better-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.product-page .product-detail-quantity > span,
.product-page .product-detail-quantity .quantity-control strong,
.product-page .product-detail-quantity .quantity-control button {
  color: #fffaf0 !important;
}

.product-page .product-detail-quantity .quantity-control {
  border-color: rgba(255, 250, 240, .35);
}

.product-detail-quantity .quantity-control strong {
  color: var(--better-ink);
  font-size: 13px;
  text-align: center;
}

.button,
a,
.icon-button,
.quantity-control button,
.filter-row button,
.variant {
  transition: color .28s ease, background-color .28s ease, border-color .28s ease, opacity .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease !important;
}

button:not(:disabled),
.button:not([aria-disabled="true"]),
a[href],
summary,
[role="button"] {
  cursor: pointer;
}

button:disabled,
.button[aria-disabled="true"] {
  cursor: not-allowed;
}

button:focus-visible,
.button:focus-visible,
a[href]:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--better-gold) !important;
  outline-offset: 3px !important;
}

button:not(:disabled):active,
.button:not([aria-disabled="true"]):active,
a[href]:active,
summary:active,
[role="button"]:active {
  transform: translateY(0) scale(.975) !important;
  transition-duration: .12s !important;
}

@media (hover: hover) and (pointer: fine) {
  button:not(:disabled):hover,
  .button:not([aria-disabled="true"]):hover,
  .icon-button:hover,
  summary:hover,
  [role="button"]:hover {
    filter: brightness(.94) saturate(1.06);
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(58, 45, 36, .14) !important;
  }

  .button.primary:hover,
  .checkout-button:hover,
  .add-product:hover,
  [data-select-free-vial]:hover {
    background: var(--better-brown) !important;
    border-color: var(--better-brown) !important;
    color: var(--better-white) !important;
  }

  .button.secondary:hover,
  .button-outline:hover,
  [data-continue-shopping]:hover {
    background: rgba(127, 139, 95, .13) !important;
    border-color: var(--better-sage-dark) !important;
    color: var(--better-ink) !important;
  }

  a[href]:hover {
    opacity: .78;
  }

  .product-card-link:hover,
  .product-card-media-link:hover,
  .brand:hover {
    opacity: 1;
  }

  .quantity-control button:hover {
    background: var(--better-sage-dark) !important;
    color: var(--better-white) !important;
    transform: scale(1.06) !important;
    box-shadow: none !important;
  }

  .menu-toggle:hover,
  .header-cart-button:hover {
    background: rgba(127, 139, 95, .14) !important;
    border-color: rgba(127, 139, 95, .5) !important;
  }
}

.desktop-nav a,
.utility-nav a,
.featured-compact header a,
.related header a {
  position: relative;
}

.desktop-nav a::after,
.utility-nav a::after,
.featured-compact header a::after,
.related header a::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 1px;
  background: currentColor;
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1);
}

.desktop-nav a:hover::after,
.utility-nav a:hover::after,
.featured-compact header a:hover::after,
.related header a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

@media (hover: hover) and (pointer: fine) {
  .product-card,
  .mini-product-card,
  .featured-compact-card,
  .strip-product-card,
  .embedded-product-card {
    transition: transform .38s cubic-bezier(.22, 1, .36, 1), border-color .38s ease, box-shadow .38s ease !important;
  }

  .product-card:hover,
  .mini-product-card:hover,
  .featured-compact-card:hover,
  .strip-product-card:hover,
  .embedded-product-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(93, 107, 76, .28) !important;
    box-shadow: 0 24px 54px rgba(58, 45, 36, .13) !important;
  }

  .product-card img,
  .mini-product-card img,
  .featured-compact-card img,
  .strip-product-card img,
  .embedded-product-card img {
    transition: transform .4s cubic-bezier(.22, 1, .36, 1) !important;
  }

  .product-card:hover img,
  .mini-product-card:hover img,
  .featured-compact-card:hover img,
  .strip-product-card:hover img,
  .embedded-product-card:hover img {
    transform: scale(1.045) !important;
  }
}

.home-page .bogo-placeholder,
.home-page .hero-product-card,
.product-image,
.featured-compact-card,
.mini-product-card {
  overflow: hidden !important;
}

.home-page .bogo-placeholder img {
  animation: better-hero-breathe 16s ease-in-out infinite alternate;
  transform-origin: center;
  will-change: transform;
}

@keyframes better-hero-breathe {
  from { transform: scale(1); }
  to { transform: scale(1.035); }
}

.reveal-enhanced .reveal-item {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity .68s ease var(--reveal-delay, 0ms), transform .68s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms);
}

.reveal-enhanced .reveal-item.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.promo-progress {
  width: 100%;
}

.drawer-promo-block,
.cart-promo-block {
  margin: 14px 0;
  padding: 18px !important;
  border: 1px solid rgba(127, 139, 95, .24) !important;
  border-radius: 18px;
  background: rgba(255, 251, 243, .8);
  box-shadow: 0 12px 30px rgba(58, 45, 36, .06);
}

.cart-summary .cart-promo-block,
.cart-summary .checkout-promo-info {
  display: block !important;
  padding: 16px !important;
}

.promo-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--better-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.promo-progress-track {
  height: 7px;
  margin: 14px 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(93, 107, 76, .15);
}

.promo-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--better-sage-dark);
  transition: width .42s cubic-bezier(.22, 1, .36, 1);
}

.promo-progress p {
  margin: 0 0 14px;
  color: var(--better-ink);
  font-size: 13px;
  line-height: 1.5;
}

.promo-progress .promo-warning {
  padding: 11px 12px;
  border-left: 3px solid #a86342;
  background: rgba(168, 99, 66, .09);
  color: #6e3824;
}

.promo-progress .promo-choose {
  width: 100%;
  min-height: 46px;
  margin: 0 !important;
  padding-inline: 18px !important;
}

.promo-progress .promo-choose:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.cart-page .cart-layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr) !important;
}

.cart-page .cart-items {
  align-self: start;
}

.cart-item {
  grid-template-columns: 74px minmax(0, 1fr) auto auto auto !important;
  animation: cart-item-enter .32s cubic-bezier(.22, 1, .36, 1) both;
}

.cart-item-image {
  display: block;
  width: 74px;
  height: 82px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(153, 169, 130, .1);
}

.cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}

.cart-item-image:hover img {
  transform: scale(1.05);
}

.cart-item-copy {
  min-width: 0;
}

.cart-item-kicker {
  color: var(--better-sage-dark) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cart-item h2 {
  margin: 5px 0 !important;
}

.cart-item p {
  margin: 0 !important;
}

.cart-item h2 a {
  color: inherit;
}

.cart-item h2 a:hover {
  color: var(--better-sage-dark);
}

.cart-unit-price {
  display: inline-block;
  margin-top: 7px;
  color: var(--better-muted) !important;
  font-size: 10px;
}

.cart-line-total {
  white-space: nowrap;
}

.cart-item.is-promo {
  padding-inline: 12px;
  border-radius: 14px;
  background: rgba(153, 169, 130, .1);
}

@keyframes cart-item-enter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.cart-item.is-invalid {
  background: rgba(168, 99, 66, .09);
}

.quantity-control {
  display: inline-grid;
  grid-template-columns: 34px 34px 34px;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--better-line);
  border-radius: 999px;
}

.quantity-control button {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: var(--better-ink);
}

.quantity-control button:hover {
  background: rgba(153, 169, 130, .14);
}

.quantity-control span,
.cart-item-qty {
  text-align: center;
}

.cart-remove {
  color: var(--better-ink);
  cursor: pointer;
  opacity: .6;
}

.cart-remove:hover {
  opacity: 1;
}

.cart-summary .cart-promo-block,
.cart-summary .checkout-promo-info {
  display: block !important;
  padding: 20px 0 !important;
}

.checkout-promo-info {
  margin-top: 20px;
  padding: 16px !important;
  border: 1px solid rgba(127, 139, 95, .28) !important;
  border-radius: 16px;
  background: rgba(174, 184, 143, .14);
  color: var(--better-ink);
  scroll-margin-top: 150px;
}

.checkout-promo-info strong {
  display: inline;
  margin: 0;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.checkout-promo-info p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.overlay-open {
  overflow: hidden;
}

.header-cart-button {
  display: none;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--better-line);
  border-radius: 999px;
  background: transparent;
  color: var(--better-ink);
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.header-cart-button span {
  display: inline-grid;
  min-width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  background: var(--better-sage-dark);
  color: var(--better-white);
  font-size: 9px;
}

.cart-drawer,
.vial-picker {
  position: fixed;
  z-index: 400;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
}

.cart-drawer.is-open,
.vial-picker.is-open {
  visibility: visible;
  pointer-events: auto;
}

.cart-drawer-backdrop,
.vial-picker-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 18, 16, .5);
  opacity: 0;
  backdrop-filter: blur(5px);
  transition: opacity .3s ease;
}

.cart-drawer.is-open .cart-drawer-backdrop,
.vial-picker.is-open .vial-picker-backdrop {
  opacity: 1;
}

.cart-drawer-panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: min(520px, 100%);
  height: 100%;
  padding: 30px;
  background: var(--better-cream);
  color: var(--better-ink);
  box-shadow: -24px 0 64px rgba(22, 19, 17, .18);
  transform: translate3d(100%, 0, 0);
  transition: transform .42s cubic-bezier(.22, 1, .36, 1);
}

.cart-drawer.is-open .cart-drawer-panel {
  transform: translate3d(0, 0, 0);
}

.cart-drawer-panel > header,
.vial-picker-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.cart-drawer-panel h2,
.vial-picker-panel h2 {
  margin: 8px 0 0;
  color: var(--better-ink);
}

.icon-button {
  display: grid;
  flex: none;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--better-line);
  border-radius: 50%;
  background: transparent;
  color: var(--better-ink);
  font-size: 24px;
  cursor: pointer;
}

.mini-cart-items {
  flex: 1;
  margin: 24px 0;
  padding-right: 4px;
  overflow-y: auto;
}

.mini-cart-items .cart-item {
  grid-template-columns: 64px minmax(0, 1fr) auto auto auto !important;
  gap: 12px;
}

.mini-cart-items .cart-item-image {
  width: 64px;
  height: 72px;
}

.mini-cart-items .cart-item h2 {
  font-size: 20px !important;
}

.mini-cart-items .cart-empty {
  min-height: 160px;
}

.cart-drawer-panel > footer {
  padding-top: 20px;
  border-top: 1px solid var(--better-line);
}

.cart-drawer-panel > footer > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.cart-drawer-panel > footer .button {
  width: 100%;
}

.cart-drawer-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.cart-drawer-actions .checkout-button {
  grid-column: 1 / -1;
  background: var(--better-sage-dark) !important;
  border-color: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
}

.vial-picker {
  display: grid;
  place-items: center;
  padding: 24px;
}

.vial-picker-panel {
  position: relative;
  width: min(1120px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  padding: clamp(24px, 4vw, 48px);
  overflow-y: auto;
  border-radius: 28px;
  background: var(--better-cream);
  color: var(--better-ink);
  box-shadow: 0 32px 90px rgba(22, 19, 17, .24);
  opacity: 0;
  transform: translateY(18px) scale(.985);
  transition: opacity .3s ease, transform .38s cubic-bezier(.22, 1, .36, 1);
}

.vial-picker.is-open .vial-picker-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.vial-picker-panel header p {
  max-width: 620px;
  margin: 10px 0 0;
}

.vial-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.vial-option {
  overflow: hidden;
  border: 1px solid var(--better-line);
  border-radius: 18px;
  background: var(--better-white);
}

.vial-option img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: transform .38s cubic-bezier(.22, 1, .36, 1);
}

.vial-option:hover img {
  transform: scale(1.04);
}

.vial-option > div {
  padding: 18px;
}

.vial-option h3 {
  margin: 0 0 6px;
  color: var(--better-ink);
  font-size: 22px;
}

.vial-option p {
  min-height: 34px;
  margin: 0 0 14px;
  color: var(--better-muted);
  font-size: 11px;
}

.vial-option .button {
  width: 100%;
  min-height: 42px;
  padding: 0 12px !important;
}

.prototype-note {
  margin: 24px 0 0;
  padding: 14px 16px;
  border-left: 3px solid var(--better-sage-dark);
  background: rgba(153, 169, 130, .1);
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .filter-shell {
    top: 104px !important;
  }

  .cart-page .cart-layout {
    grid-template-columns: 1fr !important;
  }

  .header-shell {
    grid-template-columns: 1fr auto auto !important;
    gap: 8px;
  }

  .header-cart-button {
    display: inline-flex;
  }

  .mobile-menu {
    display: grid !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: visibility .28s ease, opacity .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1) !important;
  }

  .mobile-menu.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .vial-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .announcement-track {
    animation-duration: 34s;
  }

  .announcement-track i {
    margin-inline: 20px;
  }

  .cart-drawer-panel {
    padding: 22px 16px;
  }

  .cart-item,
  .mini-cart-items .cart-item {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
  }

  .cart-item .cart-item-image {
    grid-column: 1 / 2;
    grid-row: 1 / span 2;
    width: 58px;
    height: 68px;
  }

  .cart-item .cart-item-copy {
    grid-column: 2 / 3;
  }

  .cart-item .cart-line-total {
    grid-column: 3 / 4;
  }

  .cart-item .quantity-control,
  .cart-item .cart-item-qty {
    grid-column: 2 / 3;
    justify-self: start;
  }

  .cart-item .cart-remove {
    grid-column: 3 / 4;
  }

  .vial-picker {
    padding: 10px;
  }

  .vial-picker-panel {
    max-height: calc(100vh - 20px);
    border-radius: 20px;
  }

  .vial-options {
    grid-template-columns: 1fr;
  }

  .vial-option {
    display: grid;
    grid-template-columns: 120px 1fr;
  }

  .vial-option img {
    height: 100%;
    min-height: 150px;
  }
}

/* Unified product-card geometry */
.product-grid,
.top-seller-grid,
.featured-compact-grid,
.product-strip > div,
.embedded-product-section > div,
.related > div {
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}

.product-card,
.mini-product-card,
.featured-compact-card,
.strip-product-card,
.embedded-product-card {
  box-sizing: border-box;
  height: 100% !important;
  min-width: 0;
}

/* Catalog, related products and search-style cards */
.product-card {
  display: flex !important;
  flex-direction: column !important;
}

.product-card .product-card-link {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
}

.product-card .product-image {
  flex: 0 0 auto;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.product-card .product-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.product-card .product-copy {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
}

.product-card .product-meta {
  flex: 0 0 auto;
  min-height: 18px;
}

.product-card .product-copy h2 {
  min-height: 2.05em;
}

.product-card .product-copy > p:not(.product-promo-label) {
  min-height: 5.1em;
}

.product-card .strengths {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  min-height: 68px;
}

.product-card .product-promo-label {
  flex: 0 0 auto;
}

.product-card .product-copy > small {
  margin-top: auto !important;
}

/* Home Top Sellers */
.home-top-sellers .mini-product-card {
  display: flex !important;
  flex-direction: column !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link,
.home-top-sellers .mini-product-card > img {
  display: block;
  flex: 0 0 auto;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #eee6d9 !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img,
.home-top-sellers .mini-product-card > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* These source canvases are wider than the remaining product photography.
   A small family-level correction keeps the vial itself at the same visual scale. */
:is(.product-card, .mini-product-card, .featured-compact-card, .strip-product-card, .embedded-product-card) img:is(
  [src*="retatrutide-"],
  [src$="/shed.png"],
  [src$="/sermorelin.png"],
  [src$="/tirzepatide-20.png"],
  [src$="/tirzepatide-30.png"],
  [src$="/tirzepatide-40.png"],
  [src$="/tirzepatide-50.png"]
) {
  scale: 1.1;
  object-position: center center !important;
}

.home-top-sellers .mini-product-card img:is(
  [src*="retatrutide-"],
  [src$="/shed.png"]
) {
  object-position: center 80% !important;
}

.product-card img:is(
  [src*="retatrutide-"],
  [src$="/shed.png"],
  [src$="/sermorelin.png"]
) {
  object-position: center 25% !important;
}

.home-top-sellers .mini-product-card > div {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  align-items: flex-start;
  height: 100%;
}

.home-top-sellers .mini-product-card .product-promo-label {
  order: -3;
  margin: 0 0 14px !important;
}

.home-top-sellers .mini-product-card > div > span:not(.product-promo-label) {
  order: -2;
  min-height: 1.3em;
}

.home-top-sellers .mini-product-card .product-card-title-link {
  order: -1;
  display: block;
  width: 100%;
  min-height: 2.1em;
}

.home-top-sellers .mini-product-card h3 {
  margin-bottom: 12px !important;
}

.home-top-sellers .mini-product-card > div > p:not(.product-promo-label) {
  min-height: 4.8em;
  margin-bottom: 20px !important;
}

.home-top-sellers .mini-product-card strong {
  margin-top: auto !important;
  margin-bottom: 16px !important;
}

.home-top-sellers .mini-product-card .button {
  flex: 0 0 auto;
  margin-top: 0 !important;
}

/* Compact rows and carousel-ready cards */
.featured-compact-card {
  grid-template-columns: minmax(160px, 38%) minmax(0, 1fr) !important;
  min-height: 260px !important;
}

.featured-compact-card > .product-card-media-link,
.featured-compact-card > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 260px !important;
  overflow: hidden;
}

.featured-compact-card > .product-card-media-link img,
.featured-compact-card > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.featured-compact-card > div {
  justify-content: flex-start !important;
  height: 100%;
}

.featured-compact-card .product-promo-label {
  order: -3;
  margin: 0 0 12px !important;
}

.featured-compact-card > div > span:not(.product-promo-label) {
  order: -2;
  min-height: 1.3em;
}

.featured-compact-card .product-card-title-link {
  order: -1;
  display: block;
  width: 100%;
  min-height: 2.1em;
}

.featured-compact-card p:not(.product-promo-label) {
  min-height: 1.5em;
}

.featured-compact-card .button {
  margin-top: auto !important;
}

.strip-product-card,
.embedded-product-card {
  display: grid !important;
  grid-template-columns: minmax(180px, 40%) minmax(0, 1fr) !important;
  min-height: 300px;
}

.strip-product-card > a:first-child,
.embedded-product-card > a:first-child {
  display: block;
  min-height: 300px;
  overflow: hidden;
}

.strip-product-card > a:first-child img,
.embedded-product-card > a:first-child img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.strip-product-card > div,
.embedded-product-card > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  height: 100%;
}

.strip-product-card .product-promo-label,
.embedded-product-card .product-promo-label {
  order: -3;
  margin: 0 0 12px !important;
}

.strip-product-card > div > span:not(.product-promo-label),
.embedded-product-card > div > span:not(.product-promo-label) {
  order: -2;
  min-height: 1.3em;
}

.strip-product-card .product-card-title-link,
.embedded-product-card .product-card-title-link {
  order: -1;
  display: block;
  width: 100%;
  min-height: 2.1em;
}

.strip-product-card strong,
.embedded-product-card strong {
  margin-top: auto !important;
}

.strip-product-card .button,
.embedded-product-card .button {
  margin-top: 0 !important;
}

@media (max-width: 700px) {
  .home-top-sellers .top-seller-grid {
    grid-template-columns: 1fr !important;
  }

  .featured-compact-card,
  .strip-product-card,
  .embedded-product-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0;
  }

  .featured-compact-card > .product-card-media-link,
  .featured-compact-card > img,
  .strip-product-card > a:first-child,
  .embedded-product-card > a:first-child {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 600px) {
  .product-card .product-copy > p:not(.product-promo-label) {
    min-height: 6.6em;
  }

  .product-card .strengths {
    min-height: 84px;
  }
}

/* Review 11: interaction contrast and full-bleed cart drawer */
body .product-promo-label,
.product-page .product-detail .detail-copy p.detail-promo-label {
  padding: 7px 11px !important;
  border: 1px solid #a78d32 !important;
  background: #e8cd69 !important;
  color: #1d2d20 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body .product-card .product-promo-label,
body .mini-product-card .product-promo-label,
body .featured-compact-card .product-promo-label,
body .strip-product-card .product-promo-label,
body .embedded-product-card .product-promo-label {
  color: #1d2d20 !important;
}

.product-page .product-detail .detail-copy p.detail-promo-label {
  margin: 0 0 16px !important;
  font-size: 9px !important;
}

.product-page .variant-grid {
  gap: 8px !important;
}

.product-page .variant {
  min-height: 50px !important;
  padding: 11px 14px !important;
}

.product-image > span,
.catalog-page .product-image > span,
.related .product-image > span {
  border: 1px solid rgba(255, 251, 243, .34) !important;
  background: rgba(37, 54, 39, .94) !important;
  color: #fffaf0 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.product-page .detail-image > div span {
  border: 1px solid rgba(255, 250, 240, .4) !important;
  background: rgba(29, 43, 31, .92) !important;
  color: #fffaf0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22);
}

.product-copy > small {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(73, 93, 59, .34);
  border-radius: 999px;
  color: #3c533a !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

.related header a,
.featured-compact header a {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
}

.cart-drawer-panel {
  --drawer-gutter: 30px;
  overflow: hidden;
  padding: var(--drawer-gutter) !important;
}

.cart-drawer-panel > .cart-drawer-header {
  flex: 0 0 auto;
  min-height: 100px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cart-drawer-panel > .cart-drawer-header > div {
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
}

.cart-drawer-panel > .cart-drawer-header .eyebrow,
.cart-drawer-panel > .cart-drawer-header h2 {
  color: var(--better-ink) !important;
  opacity: 1 !important;
}

.cart-drawer-panel > .cart-drawer-header .icon-button {
  margin: -2px 0 0;
  border-color: #8c9971 !important;
  background: #b4bf95 !important;
  color: #1d291c !important;
}

.cart-drawer-panel > .mini-cart-items {
  min-height: 0;
  margin: 20px 0 12px;
}

.cart-drawer-panel > .drawer-promo-block {
  flex: 0 0 auto;
  margin: 0 0 14px;
  box-shadow: none;
}

.cart-drawer-panel > footer {
  flex: 0 0 auto;
  margin: 0 calc(var(--drawer-gutter) * -1) calc(var(--drawer-gutter) * -1) !important;
  padding: 0 !important;
  border-top: 1px solid rgba(96, 66, 51, .15) !important;
  background: #e9dfcf !important;
}

.cart-drawer-footer-inner {
  display: block !important;
  padding: 20px var(--drawer-gutter) calc(22px + env(safe-area-inset-bottom));
}

.cart-drawer-subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 16px !important;
}

.cart-drawer-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px;
  margin: 0 !important;
}

.cart-drawer-actions .checkout-button {
  grid-column: auto !important;
}

.cart-drawer-actions .button {
  width: 100%;
  min-width: 0;
  min-height: 54px !important;
  height: 54px;
  padding: 0 10px !important;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}

.promo-progress .promo-choose:disabled {
  border-color: #aeb797 !important;
  background: #d8ddc9 !important;
  color: #596149 !important;
  opacity: 1 !important;
}

.cart-remove {
  padding: 6px 9px;
  border: 1px solid rgba(126, 54, 52, .25);
  border-radius: 999px;
  background: rgba(126, 54, 52, .07);
  color: #713b39 !important;
  opacity: 1 !important;
}

button:not(:disabled):active,
.button:not([aria-disabled="true"]):active,
.icon-button:active,
summary:active,
[role="button"]:active {
  border-color: #263b2a !important;
  background: #263b2a !important;
  color: #fffaf0 !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  button:not(:disabled):hover,
  .button:not([aria-disabled="true"]):hover,
  .icon-button:hover,
  summary:hover,
  [role="button"]:hover {
    filter: none !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
  }

  a[href]:hover {
    opacity: 1 !important;
  }

  .button.primary:hover,
  .checkout-button:hover,
  .add-product:hover,
  [data-select-free-vial]:hover,
  .promo-choose:not(:disabled):hover {
    border-color: #344b36 !important;
    background: #344b36 !important;
    color: #fffaf0 !important;
  }

  .button.secondary:hover,
  .button-outline:hover,
  [data-continue-shopping]:hover {
    border-color: #5d704e !important;
    background: #dfe5cf !important;
    color: #243225 !important;
  }

  .product-page .variant:hover {
    border-color: #e8cd69 !important;
    background: #2f4732 !important;
    color: #fffaf0 !important;
  }

  .product-page .variant.is-active:hover {
    border-color: #fff0aa !important;
    background: #b89b3d !important;
    color: #171a12 !important;
  }

  .quantity-control button:hover,
  .product-page .product-detail-quantity .quantity-control button:hover {
    border-color: #344b36 !important;
    background: #344b36 !important;
    color: #fffaf0 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .menu-toggle:hover,
  .header-cart-button:hover,
  .cart-drawer-panel .icon-button:hover {
    border-color: #4f6343 !important;
    background: #4f6343 !important;
    color: #fffaf0 !important;
    box-shadow: none !important;
  }

  .filter-row button:hover {
    border-color: #5d704e !important;
    background: #dfe5cf !important;
    color: #243225 !important;
  }

  .filter-row button.is-active:hover {
    border-color: #6f2827 !important;
    background: #6f2827 !important;
    color: #fffaf0 !important;
  }

  .related header a:hover,
  .featured-compact header a:hover {
    border-color: #344b36 !important;
    background: #344b36 !important;
    color: #fffaf0 !important;
  }

  .cart-remove:hover {
    border-color: #713b39 !important;
    background: #713b39 !important;
    color: #fffaf0 !important;
  }

  .product-card:hover,
  .mini-product-card:hover,
  .featured-compact-card:hover,
  .strip-product-card:hover,
  .embedded-product-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(73, 93, 59, .42) !important;
    box-shadow: 0 8px 20px rgba(58, 45, 36, .08) !important;
  }
}

@media (max-width: 600px) {
  .cart-drawer-panel {
    --drawer-gutter: 16px;
  }

  .cart-drawer-panel > .cart-drawer-header {
    min-height: 90px;
  }

  .cart-drawer-footer-inner {
    padding-top: 18px;
  }

  .cart-drawer-actions {
    gap: 7px;
  }

  .cart-drawer-actions .button {
    min-height: 56px !important;
    height: 56px;
    padding-inline: 7px !important;
    font-size: 11px !important;
  }
}

/* Review 12: interactive research collection cards */
.home-page .collection-grid {
  align-items: stretch;
}

.home-page .collection-card,
.home-page .collection-card:hover {
  position: relative;
  isolation: isolate;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid var(--better-line) !important;
  background: rgba(255, 251, 243, .62) !important;
  box-shadow: none !important;
  transform: translateY(0);
  transition:
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    background-color 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease !important;
}

.home-page .collection-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 30px;
  bottom: 0;
  left: 30px;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--better-sage-dark);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 320ms cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
}

.home-page .collection-card .collection-icon {
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  transition:
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    color 280ms ease,
    stroke 280ms ease !important;
}

.home-page .collection-card .collection-icon,
.home-page .collection-card .collection-icon * {
  color: var(--better-wine) !important;
  stroke: var(--better-wine) !important;
}

.home-page .collection-card footer small,
.home-page .collection-card footer > span {
  transition:
    color 280ms ease,
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    letter-spacing 280ms ease !important;
}

.home-page .collection-card footer > span {
  display: inline-flex;
  align-items: center;
  color: var(--better-wine) !important;
}

.home-page .collection-card footer > span::after {
  content: "→";
  display: inline-block;
  margin-left: 7px;
  opacity: .55;
  transform: translateX(-4px);
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(.22, 1, .36, 1);
}

.home-page .collection-card:focus-visible {
  z-index: 2;
  outline: 3px solid #b29335 !important;
  outline-offset: 4px !important;
  border-color: var(--better-sage-dark) !important;
  background: #f0e9dc !important;
  box-shadow: 0 8px 20px rgba(58, 45, 36, .08) !important;
}

.home-page .collection-card:focus-visible::before {
  transform: scaleX(1);
}

.home-page .collection-card:focus-visible .collection-icon {
  transform: translate3d(2px, -3px, 0) scale(1.06);
}

.home-page .collection-card:focus-visible .collection-icon,
.home-page .collection-card:focus-visible .collection-icon * {
  color: var(--better-sage-dark) !important;
  stroke: var(--better-sage-dark) !important;
}

.home-page .collection-card:focus-visible footer > span {
  color: var(--better-sage-dark) !important;
  letter-spacing: .16em;
  transform: translateX(2px);
}

.home-page .collection-card:focus-visible footer > span::after {
  opacity: 1;
  transform: translateX(0);
}

.home-page .collection-card:active {
  border-color: #506243 !important;
  background: #e7dfd0 !important;
  box-shadow: none !important;
  transform: translateY(-1px) scale(.995) !important;
  transition-duration: 100ms !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-page .collection-card:hover {
    border-color: #6b7d59 !important;
    background: #eee7d9 !important;
    box-shadow: 0 8px 20px rgba(58, 45, 36, .08) !important;
    transform: translateY(-3px) !important;
  }

  .home-page .collection-card:hover::before {
    transform: scaleX(1);
  }

  .home-page .collection-card:hover .collection-icon {
    transform: translate3d(2px, -3px, 0) scale(1.06);
  }

  .home-page .collection-card:hover .collection-icon,
  .home-page .collection-card:hover .collection-icon * {
    color: var(--better-sage-dark) !important;
    stroke: var(--better-sage-dark) !important;
  }

  .home-page .collection-card:hover footer small {
    color: var(--better-sage-dark) !important;
    transform: translateX(2px);
  }

  .home-page .collection-card:hover footer > span {
    color: var(--better-sage-dark) !important;
    letter-spacing: .16em;
    transform: translateX(2px);
  }

  .home-page .collection-card:hover footer > span::after {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (hover: none) {
  .home-page .collection-card {
    border-color: rgba(73, 93, 59, .38) !important;
    background: rgba(241, 234, 220, .82) !important;
  }

  .home-page .collection-card::before {
    transform: scaleX(.22);
  }

  .home-page .collection-card footer > span::after {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Review 13: unified filled and outline button system */
:root {
  --better-button-green-light: #64794f;
  --better-button-green-dark: #344b36;
  --better-button-green-active: #263b2a;
  --better-button-border: #5d704e;
  --better-button-surface: #fffaf0;
  --better-button-outline-hover: #dfe5cf;
  --better-button-outline-active: #cdd8bc;
  --better-button-text-dark: #243225;
  --better-button-text-light: #fffaf0;
  --better-button-focus: #b29335;
  --better-button-disabled-bg: #dfe2d7;
  --better-button-disabled-border: #b9c0ae;
  --better-button-disabled-text: #596149;
  --better-button-transition: 240ms ease;
}

/* Filled is the default CTA variant. */
body .button:not(.secondary):not(.button-outline):not([aria-disabled="true"]):not(:disabled),
body .form-panel button[type="submit"]:not(:disabled),
body .auth-panel button[type="submit"]:not(:disabled),
body .checkout-button:not([aria-disabled="true"]),
body [data-select-free-vial]:not(:disabled),
body .promo-choose:not(:disabled) {
  border: 1px solid var(--better-button-green-light) !important;
  background: var(--better-button-green-light) !important;
  color: var(--better-button-text-light) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer;
  transform: none !important;
  transition:
    background-color var(--better-button-transition),
    border-color var(--better-button-transition),
    color var(--better-button-transition) !important;
}

/* Outline is the shared secondary/control variant. */
body .button.secondary:not([aria-disabled="true"]):not(:disabled),
body .button.button-outline:not([aria-disabled="true"]):not(:disabled),
body [data-continue-shopping]:not(:disabled),
body .filter-row button:not(.is-active):not(:disabled),
body.product-page .variant:not(.is-active):not(:disabled),
body .quantity-control button:not(:disabled):not([aria-disabled="true"]),
body .icon-button:not(:disabled):not([aria-disabled="true"]),
body .header-cart-button:not(:disabled):not([aria-disabled="true"]),
body .menu-toggle:not(:disabled):not([aria-disabled="true"]),
body .cart-remove:not(:disabled):not([aria-disabled="true"]) {
  border: 1px solid var(--better-button-border) !important;
  background: var(--better-button-surface) !important;
  color: var(--better-button-text-dark) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer;
  transform: none !important;
  transition:
    background-color var(--better-button-transition),
    border-color var(--better-button-transition),
    color var(--better-button-transition) !important;
}

/* Selected filters and product strengths use the filled treatment. */
body .filter-row button.is-active:not(:disabled),
body.product-page .variant.is-active:not(:disabled),
body button[aria-pressed="true"]:not(:disabled) {
  border-color: var(--better-button-green-light) !important;
  background: var(--better-button-green-light) !important;
  color: var(--better-button-text-light) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.product-page .product-detail .variant.is-active span,
body button[aria-pressed="true"] * {
  color: inherit !important;
}

/* Keyboard focus remains visible across both variants. */
body button:focus-visible,
body .button:focus-visible,
body a.button:focus-visible,
body .icon-button:focus-visible,
body .header-cart-button:focus-visible,
body .menu-toggle:focus-visible,
body .filter-row button:focus-visible,
body.product-page .variant:focus-visible,
body .quantity-control button:focus-visible,
body .cart-remove:focus-visible {
  outline: 3px solid var(--better-button-focus) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

/* Disabled controls never inherit hover or active styling. */
body button.button:disabled[disabled],
body button.button[disabled][disabled],
body button:disabled[disabled][disabled],
body .button[aria-disabled="true"][aria-disabled="true"],
body a.button[aria-disabled="true"][aria-disabled="true"] {
  border-color: var(--better-button-disabled-border) !important;
  background: var(--better-button-disabled-bg) !important;
  color: var(--better-button-disabled-text) !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: none;
  transform: none !important;
}

/* Cart quantity control: stable three-cell capsule with explicit mobile rows. */
body .cart-item .quantity-control {
  display: inline-grid !important;
  grid-template-columns: 34px 36px 34px !important;
  align-items: stretch !important;
  justify-self: start !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(52, 75, 54, .42) !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  box-sizing: border-box !important;
}

body .cart-item .quantity-control button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #263b2a !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

body .cart-item .quantity-control button::before {
  display: block !important;
  color: currentColor !important;
  font: 500 17px/1 var(--better-mono, monospace) !important;
}

body .cart-item .quantity-control button[data-direction="-1"]::before {
  content: "−" !important;
}

body .cart-item .quantity-control button[data-direction="1"]::before {
  content: "+" !important;
}

body .cart-item .quantity-control > span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-inline: 1px solid rgba(52, 75, 54, .18) !important;
  color: #263b2a !important;
  font: 600 12px/1 var(--better-mono, monospace) !important;
}

@media (hover: hover) and (pointer: fine) {
  body .cart-item .quantity-control button:not(:disabled):hover {
    border: 0 !important;
    background: #344b36 !important;
    color: #fffaf0 !important;
    transform: none !important;
  }
}

body .cart-item .quantity-control button:not(:disabled):active {
  border: 0 !important;
  background: #263b2a !important;
  color: #fffaf0 !important;
}

@media (max-width: 600px) {
  body .cart-item,
  body .mini-cart-items .cart-item {
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: center !important;
  }

  body .cart-item .cart-item-image {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
  }

  body .cart-item .cart-item-copy {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    align-self: center !important;
  }

  body .cart-item .cart-line-total {
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
    align-self: center !important;
  }

  body .cart-item .quantity-control,
  body .cart-item .cart-item-qty {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    justify-self: start !important;
    align-self: center !important;
  }

  body .cart-item .cart-remove {
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  body .cart-item h2 {
    overflow-wrap: anywhere !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  /* Filled hover. */
  body .button:not(.secondary):not(.button-outline):not([aria-disabled="true"]):hover,
  body a.button:not(.secondary):not(.button-outline):not([aria-disabled="true"]):hover,
  body button.button:not(.secondary):not(.button-outline):not(:disabled):hover,
  body .form-panel button[type="submit"]:not(:disabled):hover,
  body .auth-panel button[type="submit"]:not(:disabled):hover,
  body .filter-row button.is-active:not(:disabled):hover,
  body.product-page .variant.is-active:not(:disabled):hover,
  body button[aria-pressed="true"]:not(:disabled):hover {
    border-color: var(--better-button-green-dark) !important;
    background: var(--better-button-green-dark) !important;
    color: var(--better-button-text-light) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  /* Outline hover. */
  body .button.secondary:not([aria-disabled="true"]):hover,
  body a.button.secondary:not([aria-disabled="true"]):hover,
  body .button.button-outline:not([aria-disabled="true"]):hover,
  body a.button-outline:not([aria-disabled="true"]):hover,
  body [data-continue-shopping]:not(:disabled):hover,
  body .filter-row button:not(.is-active):not(:disabled):hover,
  body.product-page .variant:not(.is-active):not(:disabled):hover,
  body .quantity-control button:not(:disabled):hover,
  body .icon-button:not(:disabled):hover,
  body .header-cart-button:not(:disabled):hover,
  body .menu-toggle:not(:disabled):hover,
  body .cart-remove:not(:disabled):hover {
    border-color: var(--better-button-border) !important;
    background: var(--better-button-outline-hover) !important;
    color: var(--better-button-text-dark) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }
}

/* Active/touch feedback does not affect layout. */
body .button:not(.secondary):not(.button-outline):not([aria-disabled="true"]):active,
body a.button:not(.secondary):not(.button-outline):not([aria-disabled="true"]):active,
body button.button:not(.secondary):not(.button-outline):not(:disabled):active,
body .form-panel button[type="submit"]:not(:disabled):active,
body .auth-panel button[type="submit"]:not(:disabled):active,
body .filter-row button.is-active:not(:disabled):active,
body.product-page .variant.is-active:not(:disabled):active,
body button[aria-pressed="true"]:not(:disabled):active {
  border-color: var(--better-button-green-active) !important;
  background: var(--better-button-green-active) !important;
  color: var(--better-button-text-light) !important;
  box-shadow: none !important;
  transform: scale(.985) !important;
}

body .button.secondary:not([aria-disabled="true"]):active,
body a.button.secondary:not([aria-disabled="true"]):active,
body .button.button-outline:not([aria-disabled="true"]):active,
body a.button-outline:not([aria-disabled="true"]):active,
body [data-continue-shopping]:not(:disabled):active,
body .filter-row button:not(.is-active):not(:disabled):active,
body.product-page .variant:not(.is-active):not(:disabled):active,
body .quantity-control button:not(:disabled):active,
body .icon-button:not(:disabled):active,
body .header-cart-button:not(:disabled):active,
body .menu-toggle:not(:disabled):active,
body .cart-remove:not(:disabled):active {
  border-color: var(--better-button-border) !important;
  background: var(--better-button-outline-active) !important;
  color: var(--better-button-text-dark) !important;
  box-shadow: none !important;
  transform: scale(.985) !important;
}

/* Review 14: catalog filters, card geometry and independent hover targets */
body .filter-row button.is-active:not(:disabled),
body .filter-row button[aria-pressed="true"]:not(:disabled) {
  border-color: var(--better-button-green-light) !important;
  background: var(--better-button-green-light) !important;
  color: var(--better-button-text-light) !important;
  box-shadow: none !important;
  transform: none !important;
}

body .filter-row button:not(.is-active):not(:disabled),
body .filter-row button[aria-pressed="false"]:not(:disabled) {
  border-color: var(--better-button-border) !important;
  background: var(--better-button-surface) !important;
  color: var(--better-button-text-dark) !important;
  box-shadow: none !important;
  transform: none !important;
}

.catalog-page .filter-row {
  align-items: center;
  gap: 8px !important;
  scroll-snap-type: x proximity;
}

.catalog-page .filter-row button {
  flex: 0 0 auto;
  min-height: 50px;
  scroll-snap-align: start;
}

.catalog-page .product-grid,
.related > div {
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}

body .product-card {
  display: flex !important;
  height: 100% !important;
  min-width: 0;
  border: 1px solid var(--better-line) !important;
  background: var(--better-white) !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition:
    transform 300ms cubic-bezier(.22, 1, .36, 1),
    border-color 260ms ease,
    background-color 260ms ease,
    box-shadow 300ms ease !important;
}

body .product-card .product-card-link {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
}

body .product-card .product-image {
  flex: 0 0 auto;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

body .product-card .product-image img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center 44% !important;
  scale: 1 !important;
  transform: translate3d(0, -1.25%, 0) scale(1.045) !important;
  transform-origin: center 47%;
  transition: transform 320ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform;
}

body .product-card .product-copy {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
}

body .product-card .product-meta {
  flex: 0 0 auto;
  min-height: 18px;
}

body .product-card .product-copy h2 {
  min-height: 2.05em;
}

body .product-card .product-copy > p:not(.product-promo-label) {
  min-height: 5.1em;
}

body .product-card .strengths {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  min-height: 72px;
}

body .product-promo-label {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 34px;
  margin: 12px 0 10px !important;
  padding: 8px 13px !important;
  border: 1px solid #a78d32 !important;
  border-radius: 999px !important;
  background: #e8cd69 !important;
  color: #1d2d20 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  cursor: default !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

body .product-card .product-copy > small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 132px;
  min-height: 44px;
  margin-top: auto !important;
  padding: 9px 17px !important;
  border: 1px solid var(--better-button-border) !important;
  border-radius: 999px;
  background: var(--better-button-surface) !important;
  color: var(--better-button-text-dark) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  line-height: 1.2;
  cursor: pointer;
  filter: none !important;
  transform: none !important;
  transition:
    background-color var(--better-button-transition),
    border-color var(--better-button-transition),
    color var(--better-button-transition) !important;
}

body .product-card .product-card-link:focus-visible .product-copy > small {
  outline: 3px solid var(--better-button-focus);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  body .filter-row button.is-active:not(:disabled):hover,
  body .filter-row button[aria-pressed="true"]:not(:disabled):hover {
    border-color: var(--better-button-green-dark) !important;
    background: var(--better-button-green-dark) !important;
    color: var(--better-button-text-light) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body .filter-row button:not(.is-active):not(:disabled):hover,
  body .filter-row button[aria-pressed="false"]:not(:disabled):hover {
    border-color: var(--better-button-border) !important;
    background: var(--better-button-outline-hover) !important;
    color: var(--better-button-text-dark) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body .product-card:hover {
    border-color: rgba(93, 112, 78, .58) !important;
    background: #fffcf5 !important;
    box-shadow: 0 8px 18px rgba(58, 45, 36, .06) !important;
    transform: translateY(-2px) !important;
  }

  body .product-card:hover .product-image img {
    transform: translate3d(0, -1.75%, 0) scale(1.075) !important;
  }

  body .product-card .product-card-link .product-copy > small:hover {
    border-color: var(--better-button-border) !important;
    background: var(--better-button-outline-hover) !important;
    color: var(--better-button-text-dark) !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 600px) {
  body .product-card .product-copy > p:not(.product-promo-label) {
    min-height: 6.6em;
  }

  body .product-card .strengths {
    min-height: 84px;
  }

  body .product-card .product-copy > small {
    min-width: 144px;
    min-height: 46px;
    padding-inline: 18px !important;
  }

  body .product-promo-label {
    min-height: 36px;
    padding-inline: 12px !important;
    font-size: 9.5px !important;
  }
}

/* Review 15: refined motion, imagery and product hierarchy */
.product-card-title-link,
.product-card-title-link:hover,
.product-card-title-link:focus,
.product-card-title-link:active,
.product-card-title-link h2,
.product-card-title-link h3 {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-card-title-link::before,
.product-card-title-link::after,
.product-card-title-link h2::before,
.product-card-title-link h2::after,
.product-card-title-link h3::before,
.product-card-title-link h3::after {
  content: none !important;
  display: none !important;
}

body .product-promo-label,
body .product-detail .detail-promo-label,
body.product-page .product-detail .detail-copy p.detail-promo-label {
  min-height: 38px;
  padding: 9px 15px !important;
  border-color: #9b8128 !important;
  background: #e8cd69 !important;
  color: #1d2d20 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  letter-spacing: .085em !important;
  line-height: 1.15 !important;
  box-shadow: none !important;
  cursor: default !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link,
.featured-compact-card > .product-card-media-link,
.strip-product-card > .product-card-media-link,
.embedded-product-card > .product-card-media-link,
.product-card .product-image {
  overflow: hidden !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img,
.featured-compact-card > .product-card-media-link img,
.strip-product-card > .product-card-media-link img,
.embedded-product-card > .product-card-media-link img {
  scale: 1 !important;
  transform: translate3d(0, 0, 0) scale(1.025) !important;
  transform-origin: center center;
  transition: transform 430ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform;
}

/* The three featured source canvases share one crop and one optical scale. */
.home-featured-compact .featured-compact-card > .product-card-media-link img {
  object-fit: cover !important;
  object-position: center 48% !important;
  transform: translate3d(0, -1%, 0) scale(1.035) !important;
}

/* Optical normalization against Retatrutide's rendered vial size.
   The Tirzepatide source has a narrower internal composition, while SHED
   is fractionally larger despite sharing Retatrutide's canvas ratio. */
.home-featured-compact .featured-compact-card > .product-card-media-link img:is(
  [src$="/tirzepatide-15.png"],
  [src$="/producto-2.png"]
) {
  transform: translate3d(0, 5%, 0) scale(1.12) !important;
}

.home-featured-compact .featured-compact-card > .product-card-media-link img:is(
  [src$="/shed.png"],
  [src$="/producto-3.png"]
) {
  transform: translate3d(0, 0, 0) scale(1.02) !important;
}

body .product-card .product-image img {
  object-position: center 42% !important;
  transform: translate3d(0, -2%, 0) scale(1.045) !important;
  transition: transform 430ms cubic-bezier(.22, 1, .36, 1) !important;
}

/* Catalog framing: a fixed square viewport makes the internal product crop
   controllable. The mirrored backdrop covers the small optical inset used by
   portrait source canvases, so every vial can match Retatrutide without seams. */
.catalog-page .product-card .product-image {
  position: relative;
  background-image: var(--catalog-image) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.catalog-page .product-card .product-image img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 39% !important;
  transform: translate3d(0, -3.6%, 0) scale(.956) !important;
}

.catalog-page .product-card .product-image img:is(
  [src*="/retatrutide-"],
  [src$="/shed.png"],
  [src$="/sermorelin.png"]
) {
  object-position: center 70% !important;
  transform: translate3d(0, 0, 0) scale(1.045) !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-top-sellers .mini-product-card:hover > .product-card-media-link img,
  .strip-product-card:hover > .product-card-media-link img,
  .embedded-product-card:hover > .product-card-media-link img {
    transform: translate3d(0, 0, 0) scale(1.07) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img {
    transform: translate3d(0, -1%, 0) scale(1.075) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/tirzepatide-15.png"],
    [src$="/producto-2.png"]
  ) {
    transform: translate3d(0, 5%, 0) scale(1.16) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/shed.png"],
    [src$="/producto-3.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.06) !important;
  }

  body .product-card:hover .product-image img {
    transform: translate3d(0, -2.5%, 0) scale(1.078) !important;
  }

  .catalog-page .product-card:hover .product-image img {
    transform: translate3d(0, -3.6%, 0) scale(.989) !important;
  }

  .catalog-page .product-card:hover .product-image img:is(
    [src*="/retatrutide-"],
    [src$="/shed.png"],
    [src$="/sermorelin.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.078) !important;
  }
}

.reveal-enhanced .reveal-item {
  opacity: 0 !important;
  transform: translate3d(0, 28px, 0);
  transition:
    opacity 780ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms),
    transform 780ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
}

.reveal-enhanced .reveal-item:not(.is-revealed) {
  transform: translate3d(0, 28px, 0) !important;
}

.reveal-enhanced .reveal-item.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
}

.reveal-enhanced .manifesto-body > article.reveal-item,
.reveal-enhanced .principle-grid > article.reveal-item,
.reveal-enhanced .featured-story > .reveal-item,
.reveal-enhanced .dashboard-stats > article.reveal-item,
.reveal-enhanced .empty-state.reveal-item,
.reveal-enhanced .contact-grid > .reveal-item,
.reveal-enhanced .ruo-panel.reveal-item,
.reveal-enhanced .legal-panel.reveal-item {
  transform: translate3d(0, 34px, 0) scale(.985) !important;
}

.reveal-enhanced .manifesto-body > article.reveal-item.is-revealed,
.reveal-enhanced .principle-grid > article.reveal-item.is-revealed,
.reveal-enhanced .featured-story > .reveal-item.is-revealed,
.reveal-enhanced .dashboard-stats > article.reveal-item.is-revealed,
.reveal-enhanced .empty-state.reveal-item.is-revealed,
.reveal-enhanced .contact-grid > .reveal-item.is-revealed,
.reveal-enhanced .ruo-panel.reveal-item.is-revealed,
.reveal-enhanced .legal-panel.reveal-item.is-revealed {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.reveal-enhanced img.reveal-item,
.reveal-enhanced .detail-image.reveal-item,
.reveal-enhanced .auth-art.reveal-item {
  transform: translate3d(0, 28px, 0) scale(.975) !important;
}

.reveal-enhanced img.reveal-item.is-revealed,
.reveal-enhanced .detail-image.reveal-item.is-revealed,
.reveal-enhanced .auth-art.reveal-item.is-revealed {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.reveal-enhanced body .product-promo-label.reveal-item {
  opacity: 0 !important;
  transform: translate3d(0, 14px, 0) scale(.96) !important;
  transform-origin: left center;
  transition:
    opacity 720ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms),
    transform 720ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
}

.reveal-enhanced body.product-page .product-detail .detail-copy p.detail-promo-label.reveal-item {
  opacity: 0 !important;
  transform: translate3d(0, 14px, 0) scale(.96) !important;
}

.reveal-enhanced body .product-promo-label.reveal-item.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.reveal-enhanced body.product-page .product-detail .detail-copy p.detail-promo-label.reveal-item.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (max-width: 600px) {
  body .product-promo-label,
  body .product-detail .detail-promo-label,
  body.product-page .product-detail .detail-copy p.detail-promo-label {
    min-height: 38px;
    padding: 9px 14px !important;
    font-size: 10px !important;
  }
}

/* Static, vertically compressed footer */
.site-footer {
  padding: 46px max(32px, calc((100vw - 1420px) / 2)) 18px !important;
}

.site-footer,
.site-footer *,
.site-footer::before,
.site-footer::after,
.site-footer *::before,
.site-footer *::after {
  animation: none !important;
  transition: none !important;
}

.site-footer .footer-shell {
  gap: 38px !important;
}

.site-footer .footer-brand img {
  width: 150px !important;
  min-height: 34px !important;
}

.site-footer .footer-brand p {
  margin: 12px 0 0 !important;
  line-height: 1.5;
}

.site-footer h2 {
  margin: 0 0 10px !important;
}

.site-footer a {
  margin: 6px 0 !important;
}

.site-footer .legal-copy {
  margin: 34px 0 18px !important;
  line-height: 1.5;
}

.site-footer .footer-floor {
  padding-top: 14px !important;
}

@media (max-width: 800px) {
  .site-footer {
    padding: 38px 24px 16px !important;
  }

  .site-footer .footer-shell {
    column-gap: 28px !important;
    row-gap: 30px !important;
  }

  .site-footer .legal-copy {
    margin: 28px 0 16px !important;
  }
}

@media (max-width: 480px) {
  .site-footer {
    padding: 34px 18px 14px !important;
  }

  .site-footer .footer-shell {
    gap: 24px !important;
  }
}

/* Checkout promotion copy needs its own inner breathing room. */
.cart-page .cart-summary .cart-promo-block,
.cart-page .cart-summary .checkout-promo-info {
  padding: 20px !important;
}

@media (max-width: 600px) {
  .cart-page .cart-summary .cart-promo-block,
  .cart-page .cart-summary .checkout-promo-info {
    padding: 17px !important;
  }
}

@keyframes better-account-text-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.reveal-enhanced .account-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced .account-page .dashboard-stats .reveal-item.is-revealed,
.reveal-enhanced .account-page .empty-state .reveal-item.is-revealed {
  animation-name: better-account-text-reveal !important;
  animation-duration: 820ms !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-delay: var(--reveal-delay, 0ms) !important;
  animation-fill-mode: both !important;
  animation-iteration-count: 1 !important;
}

/* Review 16: branded footer, announcement hierarchy and unified card motion */
.site-footer {
  border-top-color: rgba(255, 250, 240, .18) !important;
  background: #3f583f !important;
  color: #fffaf0 !important;
  box-shadow: none !important;
}

.site-footer .footer-brand img {
  filter: brightness(0) invert(1) !important;
}

.site-footer .footer-shell,
.site-footer .footer-shell > *,
.site-footer .legal-copy,
.site-footer .footer-floor {
  background: transparent !important;
}

.site-footer h2 {
  color: #fffaf0 !important;
}

.site-footer .footer-brand p,
.site-footer .legal-copy,
.site-footer .footer-floor,
.site-footer .footer-floor span {
  color: rgba(255, 250, 240, .72) !important;
}

.site-footer a {
  color: rgba(255, 250, 240, .88) !important;
}

.site-footer .legal-copy,
.site-footer .footer-floor {
  border-color: rgba(255, 250, 240, .18) !important;
}

@media (hover: hover) and (pointer: fine) {
  .site-footer a:hover {
    color: #efd978 !important;
  }
}

.announcement-track .announcement-info {
  color: rgba(255, 250, 240, .86) !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

.announcement-track .announcement-promo {
  color: #fff !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

.announcement-bar {
  background: #68764f !important;
}

.mini-product-card,
.featured-compact-card,
.strip-product-card,
.embedded-product-card,
.product-card,
.journal-card,
.collection-card {
  transition:
    transform 430ms cubic-bezier(.22, 1, .36, 1),
    border-color 430ms ease,
    background-color 430ms ease !important;
  will-change: transform;
}

.journal-card-image {
  overflow: hidden !important;
}

.journal-card-image img {
  transform: translate3d(0, 0, 0) scale(1) !important;
  transform-origin: center center;
  transition: transform 430ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform;
}

/* Catalog photographs move as one stage, keeping the backdrop and vial locked. */
.catalog-page .product-card .product-image {
  position: relative;
  overflow: hidden !important;
  background-image: none !important;
  background-color: #f1eadf !important;
}

.catalog-page .product-card .catalog-image-stage {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background-image: var(--catalog-image);
  background-position: center center;
  background-size: cover;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center center;
  transition: transform 430ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.catalog-page .product-card .catalog-image-stage img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 39% !important;
  transform: translate3d(0, -3.6%, 0) scale(.956) !important;
}

.catalog-page .product-card .catalog-image-stage img:is(
  [src*="/retatrutide-"],
  [src$="/shed.png"],
  [src$="/sermorelin.png"]
) {
  object-position: center 70% !important;
  transform: translate3d(0, 0, 0) scale(1.045) !important;
}

.catalog-page .product-card .product-image > span {
  z-index: 2;
}

body .product-promo-label,
body .product-detail .detail-promo-label,
body.product-page .product-detail .detail-copy p.detail-promo-label {
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition:
    transform 250ms cubic-bezier(.22, 1, .36, 1),
    background-color 250ms ease,
    border-color 250ms ease,
    color 250ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .mini-product-card:hover,
  .featured-compact-card:hover,
  .strip-product-card:hover,
  .embedded-product-card:hover,
  body .product-card:hover,
  .journal-card:hover,
  .collection-card:hover {
    border-color: rgba(93, 112, 78, .66) !important;
    box-shadow: none !important;
    transform: translate3d(0, -4px, 0) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img,
  .featured-compact-card:hover > .product-card-media-link img,
  .strip-product-card:hover > .product-card-media-link img,
  .embedded-product-card:hover > .product-card-media-link img {
    transform: translate3d(0, 0, 0) scale(1.085) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img {
    transform: translate3d(0, -1%, 0) scale(1.09) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/tirzepatide-15.png"],
    [src$="/producto-2.png"]
  ) {
    transform: translate3d(0, 5%, 0) scale(1.175) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/shed.png"],
    [src$="/producto-3.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.075) !important;
  }

  body:not(.catalog-page) .product-card:hover .product-image img {
    transform: translate3d(0, -2.5%, 0) scale(1.09) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage {
    transform: translate3d(0, 0, 0) scale(1.065);
  }

  .catalog-page .product-card:hover .catalog-image-stage img {
    transform: translate3d(0, -3.6%, 0) scale(.956) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage img:is(
    [src*="/retatrutide-"],
    [src$="/shed.png"],
    [src$="/sermorelin.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.045) !important;
  }

  .journal-card:hover .journal-card-image img {
    transform: translate3d(0, 0, 0) scale(1.075) !important;
  }

  .collection-card:hover .collection-number,
  .collection-card:hover .collection-icon {
    transform: translate3d(2px, -3px, 0) scale(1.06) !important;
  }

  body .product-promo-label:hover,
  body .product-detail .detail-promo-label:hover,
  body.product-page .product-detail .detail-copy p.detail-promo-label:hover {
    border-color: #735f1f !important;
    background: #f0d978 !important;
    color: #17261a !important;
    box-shadow: none !important;
    transform: translate3d(0, -2px, 0) scale(1.02) !important;
  }
}

@media (max-width: 800px) {
  .mini-product-card,
  .featured-compact-card,
  .strip-product-card,
  .embedded-product-card,
  .product-card,
  .journal-card,
  .collection-card {
    will-change: auto;
  }
}

/* Review 17: Why Choose Better and Research without guesswork */
.why-better {
  padding-block: clamp(88px, 9vw, 138px) clamp(52px, 6vw, 84px);
}

.why-better-header {
  display: grid;
  justify-items: center;
  max-width: 790px;
  margin: 0 auto clamp(42px, 5vw, 68px);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: center;
}

.why-better-header .eyebrow {
  margin-bottom: 22px;
}

.why-better-header h2 {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: clamp(54px, 6.4vw, 94px);
  line-height: .92;
}

.why-better-header p {
  max-width: 690px;
  margin: 0;
  color: #615d54;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.65;
}

.why-better-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(18px, 2vw, 30px);
}

.why-better-card {
  position: relative;
  isolation: isolate;
  min-height: 470px;
  overflow: hidden;
  border: 1px solid rgba(255, 250, 240, .25);
  border-radius: 28px;
  background: var(--card-bg) !important;
  color: #fffaf0 !important;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    transform 430ms cubic-bezier(.22, 1, .36, 1),
    border-color 380ms ease,
    background-color 380ms ease;
}

.why-better-card-media {
  position: absolute;
  z-index: -2;
  inset: 0;
  overflow: hidden;
  border: 0 !important;
  background: var(--card-bg) var(--card-image, none) var(--card-position, center) / cover no-repeat !important;
  box-shadow: none !important;
  background-image: var(--card-image, none);
  background-position: var(--card-position, center);
  background-size: cover;
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 460ms cubic-bezier(.22, 1, .36, 1),
    background-color 380ms ease;
}

.why-better-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--card-position, center);
}

.why-better-card-image[hidden] {
  display: none;
}

.why-better-card.has-image .why-better-card-image {
  display: block;
}

.why-better-card.has-image::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 28, 21, .04) 20%, rgba(20, 28, 21, .72) 100%);
  pointer-events: none;
}

.why-better-card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 470px;
  padding: 34px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.why-better-icon {
  position: absolute;
  top: 28px;
  right: 28px;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 250, 240, .58);
  border-radius: 14px;
  background: rgba(255, 250, 240, .13);
  color: #fffaf0 !important;
  font-size: 22px;
  line-height: 1;
  transition:
    transform 380ms cubic-bezier(.22, 1, .36, 1),
    background-color 320ms ease,
    border-color 320ms ease;
}

.why-better-card h3 {
  max-width: 330px;
  margin: 0 0 18px;
  color: #fffaf0 !important;
  font-family: inherit;
  font-size: clamp(28px, 2.4vw, 38px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
}

.why-better-card p {
  min-height: 6.2em;
  max-width: 360px;
  margin: 0;
  color: rgba(255, 250, 240, .88) !important;
  font-size: 15px;
  line-height: 1.55;
}

.research-guesswork {
  padding-block: 0 clamp(96px, 10vw, 150px);
}

.research-guesswork-panel {
  display: flex;
  min-height: 430px;
  padding: clamp(54px, 8vw, 112px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(93, 112, 78, .28);
  border-radius: 32px;
  background:
    linear-gradient(rgba(248, 247, 241, .3), rgba(248, 247, 241, .3)),
    url("../assets/home/research-without-guesswork.jpeg") center center / cover no-repeat;
  color: var(--better-ink);
  text-align: center;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    transform 460ms cubic-bezier(.22, 1, .36, 1),
    background-color 380ms ease,
    border-color 380ms ease;
}

.research-guesswork-panel .eyebrow {
  margin-bottom: 24px;
  color: #64704e !important;
}

.research-guesswork-panel h2 {
  max-width: 980px;
  margin: 0 0 24px;
  font-size: clamp(52px, 6.7vw, 98px);
  line-height: .9;
  text-wrap: balance;
}

.research-guesswork-panel p {
  max-width: 800px;
  margin: 0 0 34px;
  color: #504f49;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.65;
}

.research-guesswork-panel .button {
  min-width: 190px;
}

@media (hover: hover) and (pointer: fine) {
  .why-better-card:hover {
    border-color: rgba(255, 250, 240, .58);
    background: var(--card-bg-hover) !important;
    box-shadow: none;
    transform: translate3d(0, -4px, 0) scale(1);
  }

  .why-better-card:hover .why-better-card-media {
    background-color: var(--card-bg-hover) !important;
    transform: scale(1.025);
  }

  .why-better-card:hover .why-better-icon {
    border-color: rgba(255, 250, 240, .85);
    background: rgba(255, 250, 240, .2);
    transform: translate3d(0, -3px, 0) scale(1.045);
  }

  .research-guesswork-panel:hover {
    border-color: rgba(93, 112, 78, .48);
    background:
      linear-gradient(rgba(248, 247, 241, .12), rgba(248, 247, 241, .12)),
      url("../assets/home/research-without-guesswork.jpeg") center center / cover no-repeat;
    box-shadow: none;
    transform: scale(1.008);
  }
}

@media (max-width: 900px) {
  .why-better-grid {
    grid-template-columns: 1fr;
  }

  .why-better-card,
  .why-better-card-content {
    min-height: 390px;
  }

  .why-better-card h3,
  .why-better-card p {
    max-width: 560px;
  }

  .why-better-card p {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .why-better {
    padding-block: 76px 42px;
  }

  .why-better-header {
    justify-items: start;
    margin-bottom: 34px;
    text-align: left;
  }

  .why-better-header h2 {
    font-size: clamp(52px, 15vw, 70px);
  }

  .why-better-card,
  .why-better-card-content {
    min-height: 370px;
  }

  .why-better-card {
    border-radius: 24px;
  }

  .why-better-card-content {
    padding: 28px;
  }

  .why-better-icon {
    top: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
  }

  .research-guesswork {
    padding-bottom: 96px;
  }

  .research-guesswork-panel {
    min-height: 440px;
    padding: 54px 26px;
    border-radius: 26px;
    text-align: left;
    align-items: flex-start;
  }

  .research-guesswork-panel h2 {
    font-size: clamp(50px, 14vw, 68px);
  }

  .research-guesswork-panel .button {
    width: 100%;
  }
}

/* Review 21: one optical vial scale across every Featured Compounds card */
.featured-compact .featured-compact-card > .product-card-media-link img {
  object-fit: cover !important;
  object-position: center 48% !important;
  transform: translate3d(0, -1%, 0) scale(1.035) !important;
}

.featured-compact .featured-compact-card > .product-card-media-link img:is(
  [src$="/tirzepatide-15.png"],
  [src$="/producto-2.png"]
) {
  transform: translate3d(0, 3.5%, 0) scale(1.12) !important;
}

.featured-compact .featured-compact-card > .product-card-media-link img:is(
  [src$="/shed.png"],
  [src$="/producto-3.png"]
) {
  transform: translate3d(0, 0, 0) scale(1.02) !important;
}

.home-featured-compact .featured-compact-card > .product-card-media-link img:is(
  [src$="/tirzepatide-15.png"],
  [src$="/producto-2.png"]
) {
  transform: translate3d(0, 3%, 0) scale(1.13) !important;
}

@media (hover: hover) and (pointer: fine) {
  .featured-compact .featured-compact-card:hover > .product-card-media-link img {
    transform: translate3d(0, -1%, 0) scale(1.09) !important;
  }

  .featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/tirzepatide-15.png"],
    [src$="/producto-2.png"]
  ) {
    transform: translate3d(0, 3.5%, 0) scale(1.175) !important;
  }

  .featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/shed.png"],
    [src$="/producto-3.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.075) !important;
  }

  .home-featured-compact .featured-compact-card:hover > .product-card-media-link img:is(
    [src$="/tirzepatide-15.png"],
    [src$="/producto-2.png"]
  ) {
    transform: translate3d(0, 3%, 0) scale(1.185) !important;
  }
}

/* Review 20: stable shared chrome and cross-page navigation */
html {
  scrollbar-gutter: stable;
}

.sticky-site-chrome {
  min-height: 126px;
  view-transition-name: better-site-chrome;
}

.announcement-bar {
  height: 34px;
  min-height: 34px;
}

.site-header {
  height: 92px;
  min-height: 92px;
}

body > main {
  display: flow-root;
  min-height: calc(100svh - 126px);
}

@media (max-width: 800px) {
  .sticky-site-chrome {
    min-height: 116px;
  }

  .site-header {
    height: 82px;
    min-height: 82px;
  }

  body > main {
    min-height: calc(100svh - 116px);
  }
}

/* Review 19: compact Better Standard section rhythm */
.home-page .home-top-sellers {
  padding-bottom: clamp(48px, 4vw, 58px) !important;
}

.home-page .statement-section {
  min-height: 0 !important;
  padding-top: clamp(46px, 4vw, 58px) !important;
  padding-bottom: clamp(32px, 3vw, 44px) !important;
}

.home-page .statement-card.texture-white {
  min-height: 0 !important;
  height: auto !important;
  padding-block: 0 !important;
  row-gap: clamp(28px, 2.4vw, 36px) !important;
}

.home-page .statement-card.texture-white .eyebrow,
.home-page .statement-card.texture-white h2,
.home-page .statement-card.texture-white p {
  margin-top: 0 !important;
}

.home-page .statement-card.texture-white h2,
.home-page .statement-card.texture-white p {
  margin-bottom: 0 !important;
}

.home-page .collections {
  padding-top: clamp(40px, 3.6vw, 52px) !important;
}

@media (max-width: 1000px) {
  .home-page .home-top-sellers {
    padding-bottom: 48px !important;
  }

  .home-page .statement-section {
    padding-top: 44px !important;
    padding-bottom: 32px !important;
  }

  .home-page .statement-card.texture-white {
    row-gap: 28px !important;
  }

  .home-page .collections {
    padding-top: 40px !important;
  }
}

@media (max-width: 680px) {
  .home-page .home-top-sellers {
    padding-bottom: 42px !important;
  }

  .home-page .statement-section {
    padding-top: 36px !important;
    padding-bottom: 26px !important;
  }

  .home-page .statement-card.texture-white {
    row-gap: 22px !important;
  }

  .home-page .collections {
    padding-top: 32px !important;
  }
}

/* Review 18: immersive research-rewards video hero */
.home-page .bogo-feature.bogo-video-hero {
  position: relative !important;
  isolation: isolate;
  display: flex !important;
  align-items: center !important;
  min-height: clamp(560px, 70vh, 760px) !important;
  padding: clamp(56px, 7vw, 108px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 251, 243, .18) !important;
  border-radius: clamp(24px, 3vw, 38px) !important;
  background: #26392c !important;
}

.home-page .bogo-video-media,
.home-page .bogo-video-overlay {
  position: absolute;
  inset: 0;
}

.home-page .bogo-video-media {
  z-index: 0;
  overflow: hidden;
  background: #26392c url("../assets/home/why-responder/card-2.jpeg") center / cover no-repeat;
  opacity: 0;
  animation: better-promo-media-in .9s ease-out .05s forwards;
}

.home-page .bogo-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform-origin: center;
  animation: better-promo-breathe 22s ease-in-out 1s infinite alternate;
}

.home-page .bogo-video-overlay {
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(29, 45, 32, .97) 0%,
      rgba(29, 45, 32, .91) 30%,
      rgba(29, 45, 32, .73) 44%,
      rgba(29, 45, 32, .30) 66%,
      rgba(29, 45, 32, .10) 100%),
    linear-gradient(0deg, rgba(16, 28, 19, .24), transparent 48%);
}

.home-page .bogo-video-hero .bogo-copy {
  position: relative !important;
  z-index: 2;
  width: min(52%, 650px) !important;
  max-width: 650px !important;
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
}

.home-page .bogo-video-hero .bogo-copy > span,
.home-page .bogo-video-hero .bogo-copy > h2,
.home-page .bogo-video-hero .bogo-copy > p,
.home-page .bogo-video-hero .bogo-copy > .button {
  opacity: 0;
  animation: better-promo-copy-in .72s cubic-bezier(.22, 1, .36, 1) forwards;
}

.home-page .bogo-video-hero .bogo-copy > span {
  animation-delay: .20s;
  color: #d7c66a !important;
}

.home-page .bogo-video-hero .bogo-copy > h2 {
  max-width: 640px !important;
  margin-block: 20px 24px !important;
  font-size: clamp(54px, 5.8vw, 88px) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
  animation-delay: .34s;
}

.home-page .bogo-video-hero .bogo-copy > p {
  max-width: 540px !important;
  margin: 0 0 32px !important;
  color: rgba(255, 251, 243, .88) !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.55 !important;
  animation-delay: .48s;
}

.home-page .bogo-video-hero .bogo-copy > .button {
  animation-delay: .62s;
}

.home-page .bogo-video-hero .bogo-copy .button.primary {
  color: #fff !important;
}

@keyframes better-promo-media-in {
  from { opacity: 0; transform: scale(1.015); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes better-promo-copy-in {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes better-promo-breathe {
  from { transform: scale(1); }
  to { transform: scale(1.025); }
}

@media (max-width: 1000px) {
  .home-page .bogo-feature.bogo-video-hero {
    min-height: 620px !important;
    padding: 64px 48px !important;
  }

  .home-page .bogo-video {
    object-position: 56% center;
  }

  .home-page .bogo-video-overlay {
    background: linear-gradient(90deg,
      rgba(29, 45, 32, .97) 0%,
      rgba(29, 45, 32, .88) 45%,
      rgba(29, 45, 32, .42) 74%,
      rgba(29, 45, 32, .16) 100%);
  }

  .home-page .bogo-video-hero .bogo-copy {
    width: min(64%, 580px) !important;
  }

  .home-page .bogo-video-hero .bogo-copy > h2 {
    font-size: clamp(52px, 8vw, 74px) !important;
  }
}

@media (max-width: 680px) {
  .home-page .bogo-feature.bogo-video-hero {
    align-items: flex-end !important;
    min-height: min(680px, calc(100svh - 110px)) !important;
    padding: 40px 24px !important;
    border-radius: 24px !important;
  }

  .home-page .bogo-video {
    object-position: 52% center;
  }

  .home-page .bogo-video-overlay {
    background:
      linear-gradient(0deg,
        rgba(25, 40, 29, .98) 0%,
        rgba(25, 40, 29, .94) 36%,
        rgba(25, 40, 29, .58) 67%,
        rgba(25, 40, 29, .20) 100%),
      linear-gradient(90deg, rgba(25, 40, 29, .34), transparent 78%);
  }

  .home-page .bogo-video-hero .bogo-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .home-page .bogo-video-hero .bogo-copy > h2 {
    margin-block: 14px 18px !important;
    max-width: 100% !important;
    font-size: clamp(36px, 10.3vw, 44px) !important;
  }

  .home-page .bogo-video-hero .bogo-copy > h2 span {
    white-space: normal !important;
  }

  .home-page .bogo-video-hero .bogo-copy > p {
    margin-bottom: 24px !important;
    font-size: 15px !important;
  }

  .home-page .bogo-video-hero .bogo-copy > .button {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .bogo-video-media {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .home-page .bogo-video {
    display: none !important;
    animation: none !important;
  }

  .home-page .bogo-video-hero .bogo-copy > span,
  .home-page .bogo-video-hero .bogo-copy > h2,
  .home-page .bogo-video-hero .bogo-copy > p,
  .home-page .bogo-video-hero .bogo-copy > .button {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .announcement-track,
  .home-page .bogo-placeholder img {
    animation: none !important;
  }

  .announcement-track {
    transform: none !important;
  }

  .reveal-enhanced .reveal-item,
  .reveal-enhanced .reveal-item.is-revealed {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Review 22: unified full-bleed catalog artwork.
   Every source fills the same square stage, shares one focal point and keeps
   the vial immediately below the category badge. */
.catalog-page .product-card .product-image {
  aspect-ratio: 1 / 1 !important;
  background: #ebe7dc !important;
}

.catalog-page .product-card .catalog-image-stage {
  display: block !important;
  overflow: hidden !important;
  background: #ebe7dc !important;
  transform: none !important;
  transform-origin: center center !important;
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform !important;
}

.catalog-page .product-card .catalog-image-stage::before {
  content: none !important;
  display: none !important;
}

.catalog-page .product-card .catalog-image-stage::after {
  content: none !important;
  display: none !important;
}

.catalog-page .product-card .catalog-image-stage img,
.catalog-page .product-card .catalog-image-stage img:is(
  [src*="/retatrutide-"],
  [src$="/shed.png"],
  [src$="/sermorelin.png"]
) {
  position: absolute !important;
  z-index: 1;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  scale: 1 !important;
  transform: none !important;
  transform-origin: center center !important;
  transition: none !important;
  will-change: auto !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-page .product-card:hover .catalog-image-stage {
    transform: scale(1.045) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage img,
  .catalog-page .product-card:hover .catalog-image-stage img:is(
    [src*="/retatrutide-"],
    [src$="/shed.png"],
    [src$="/sermorelin.png"]
  ) {
    transform: none !important;
  }
}

/* Review 23: shared opening rhythm for primary editorial pages.
   Catalog is the reference: the sticky chrome ends at the same point and each
   opening section reserves the same 420px vertical frame. */
.manifesto-page .manifesto-hero,
.journal-page .journal-hero {
  box-sizing: border-box !important;
  min-height: 420px !important;
  height: 420px !important;
  padding-top: 64px !important;
  padding-bottom: 42px !important;
}

.manifesto-page .manifesto-hero {
  justify-content: flex-start !important;
}

.journal-page .journal-hero {
  align-items: start !important;
}

.manifesto-page .manifesto-hero h1,
.journal-page .journal-hero h1 {
  margin-top: 28px !important;
}

@media (max-width: 800px) {
  .manifesto-page .manifesto-hero,
  .journal-page .journal-hero {
    min-height: 420px !important;
    height: 420px !important;
    padding-top: 64px !important;
    padding-bottom: 42px !important;
  }
}

@media (max-width: 600px) {
  .manifesto-page .manifesto-hero,
  .journal-page .journal-hero {
    min-height: 460px !important;
    height: 460px !important;
  }
}

/* Review 24: optical vial normalization for Home / Top Sellers.
   Retatrutide defines the target height and baseline. The taller portrait
   compositions are reduced and lowered without changing the card geometry. */
.home-top-sellers .mini-product-card > .product-card-media-link {
  background-color: #ebe7dc !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link:has(img[src$="/producto-1.png"]) {
  background-image: none !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link:has(img[src$="/producto-2.png"]) {
  background-image: none !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link:has(img[src$="/producto-3.png"]) {
  background-image: none !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link:has(img[src$="/wolverine.png"]) {
  background-image: none !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img {
  object-fit: cover !important;
  object-position: center center !important;
  transform-origin: center center !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img:is(
  [src$="/producto-1.png"],
  [src$="/producto-3.png"]
) {
  transform: translate3d(0, -7.1%, 0) scale(1.081) !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img[src$="/producto-2.png"] {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img[src$="/wolverine.png"] {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-top-sellers .mini-product-card:hover > .product-card-media-link img:is(
    [src$="/producto-1.png"],
    [src$="/producto-3.png"]
  ) {
    transform: translate3d(0, -7.1%, 0) scale(1.13) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img[src$="/producto-2.png"] {
    transform: translate3d(0, 0, 0) scale(1.045) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img[src$="/wolverine.png"] {
    transform: translate3d(0, 0, 0) scale(1.045) !important;
  }
}

/* Review 25: catalog-wide vial normalization.
   Use one image per card. Keep the taller 1024 × 1536 family at full bleed,
   then enlarge and raise the 1122 × 1402 family to the same vial geometry. */
.catalog-page .product-card .catalog-image-stage {
  background-color: #ebe7dc !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.catalog-page .product-card .catalog-image-stage img:is(
  [src$="/bac-water.png"],
  [src$="/epitalon.png"],
  [src$="/glow.png"],
  [src$="/illumineuro.png"],
  [src$="/ipa-cjc.png"],
  [src$="/kisspeptin.png"],
  [src$="/klow.png"],
  [src$="/mots-c.png"],
  [src$="/nad-500.png"],
  [src$="/nad-1000.png"],
  [src$="/selank.png"],
  [src$="/semax.png"],
  [src$="/tesamorelin.png"],
  [src$="/tirzepatide-15.png"],
  [src$="/tirzepatide-20.png"],
  [src$="/tirzepatide-30.png"],
  [src$="/tirzepatide-40.png"],
  [src$="/tirzepatide-50.png"],
  [src$="/wolverine.png"]
) {
  object-position: center center !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.catalog-page .product-card .catalog-image-stage img:is(
  [src$="/retatrutide-10.png"],
  [src$="/retatrutide-20.png"],
  [src$="/retatrutide-30.png"],
  [src$="/retatrutide-40.png"],
  [src$="/sermorelin.png"],
  [src$="/shed.png"]
) {
  object-position: center center !important;
  transform: translate3d(0, -7.1%, 0) scale(1.081) !important;
}

/* Review 26: final Top Sellers normalization against the runtime image paths.
   All four vials share Tirzepatide's rendered height and baseline. */
.home-top-sellers .mini-product-card > .product-card-media-link {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: #ebe7dc !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  transform-origin: center center !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img:is(
  [src$="/retatrutide-10.png"],
  [src$="/producto-1.png"]
) {
  transform: translate3d(0, -7.1%, 0) scale(1.081) !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img:is(
  [src$="/tirzepatide-15.png"],
  [src$="/producto-2.png"]
) {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img:is(
  [src$="/shed.png"],
  [src$="/producto-3.png"]
) {
  transform: translate3d(0, -7.3%, 0) scale(1.074) !important;
}

.home-top-sellers .mini-product-card > .product-card-media-link img[src$="/wolverine.png"] {
  transform: translate3d(0, 0, 0) scale(1.014) !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-top-sellers .mini-product-card:hover > .product-card-media-link img:is(
    [src$="/retatrutide-10.png"],
    [src$="/producto-1.png"]
  ) {
    transform: translate3d(0, -7.1%, 0) scale(1.13) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img:is(
    [src$="/tirzepatide-15.png"],
    [src$="/producto-2.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.045) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img:is(
    [src$="/shed.png"],
    [src$="/producto-3.png"]
  ) {
    transform: translate3d(0, -7.3%, 0) scale(1.122) !important;
  }

  .home-top-sellers .mini-product-card:hover > .product-card-media-link img[src$="/wolverine.png"] {
    transform: translate3d(0, 0, 0) scale(1.059) !important;
  }
}

/* Review 27: single-layer catalog media with protected badge clearance.
   The stage never paints a duplicate image. Vials are slightly reduced,
   aligned to one baseline, and only the visible image receives a gentle zoom. */
.catalog-page .product-card .product-image,
.catalog-page .product-card .catalog-image-stage {
  background-color: #ebe7dc !important;
  background-image: none !important;
}

.catalog-page .product-card .product-image::before,
.catalog-page .product-card .product-image::after,
.catalog-page .product-card .catalog-image-stage::before,
.catalog-page .product-card .catalog-image-stage::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

.catalog-page .product-card .catalog-image-stage,
.catalog-page .product-card:hover .catalog-image-stage {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

.catalog-page .product-card .product-image > span {
  z-index: 3 !important;
}

.catalog-page .product-card .catalog-image-stage img {
  object-position: center center !important;
  transform: translate3d(0, 3%, 0) scale(.95) !important;
  transform-origin: center center !important;
  transition: transform 320ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform !important;
}

.catalog-page .product-card .catalog-image-stage img:is(
  [src$="/retatrutide-10.png"],
  [src$="/retatrutide-20.png"],
  [src$="/retatrutide-30.png"],
  [src$="/retatrutide-40.png"],
  [src$="/sermorelin.png"]
) {
  transform: translate3d(0, -3.7%, 0) scale(1.027) !important;
}

.catalog-page .product-card .catalog-image-stage img[src$="/shed.png"] {
  transform: translate3d(0, -3.9%, 0) scale(1.02) !important;
}

.catalog-page .product-card .catalog-image-stage img[src$="/wolverine.png"] {
  transform: translate3d(0, 3%, 0) scale(.962) !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-page .product-card:hover .catalog-image-stage img {
    transform: translate3d(0, 3%, 0) scale(.974) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage img:is(
    [src$="/retatrutide-10.png"],
    [src$="/retatrutide-20.png"],
    [src$="/retatrutide-30.png"],
    [src$="/retatrutide-40.png"],
    [src$="/sermorelin.png"]
  ) {
    transform: translate3d(0, -3.7%, 0) scale(1.053) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage img[src$="/shed.png"] {
    transform: translate3d(0, -3.9%, 0) scale(1.046) !important;
  }

  .catalog-page .product-card:hover .catalog-image-stage img[src$="/wolverine.png"] {
    transform: translate3d(0, 3%, 0) scale(.986) !important;
  }
}

/* Review 28: remove the thin lower seam in Home / Top Sellers.
   The same single image extends slightly past the media viewport, so the
   aligned crop remains full-bleed without a backing image or colored strip. */
.home-top-sellers .mini-product-card > .product-card-media-link img {
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 104% !important;
  max-height: none !important;
}

/* Review 29: shorter, uniform catalog frames with true image-only zoom-in.
   A square image canvas is clipped by a slightly shorter shared viewport.
   This removes lower seams without painting any backup image. */
.catalog-page .product-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}

.catalog-page .product-card,
.catalog-page .product-card .product-card-link {
  height: 100% !important;
}

.catalog-page .product-card .product-card-link {
  display: flex !important;
  flex-direction: column !important;
}

.catalog-page .product-card .product-image {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.06 / 1 !important;
  overflow: hidden !important;
  background: #ebe7dc !important;
}

.catalog-page .product-card .catalog-image-stage,
.catalog-page .product-card:hover .catalog-image-stage {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: transparent !important;
  transform: none !important;
  transition: none !important;
}

.catalog-page .product-card .catalog-image-stage img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transform-origin: center center !important;
  transition: transform 300ms cubic-bezier(.22, 1, .36, 1) !important;
}

.catalog-page .product-card:has(.product-card-link[href$="/retatrutide.html"]) .catalog-image-stage img,
.catalog-page .product-card:has(.product-card-link[href$="/sermorelin.html"]) .catalog-image-stage img {
  transform: translate3d(0, -7.1%, 0) scale(1.081) !important;
}

.catalog-page .product-card:has(.product-card-link[href$="/shed.html"]) .catalog-image-stage img {
  transform: translate3d(0, -7.3%, 0) scale(1.074) !important;
}

.catalog-page .product-card:has(.product-card-link[href$="/wolverine.html"]) .catalog-image-stage img {
  transform: translate3d(0, 0, 0) scale(1.014) !important;
}

.catalog-page .product-card .product-image > span {
  left: 12px !important;
  top: 12px !important;
  z-index: 3 !important;
  padding-inline: 10px !important;
}

.catalog-page .product-card .product-copy {
  flex: 1 1 auto !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-page .product-card:hover .catalog-image-stage img {
    transform: translate3d(0, 0, 0) scale(1.04) !important;
  }

  .catalog-page .product-card:has(.product-card-link[href$="/retatrutide.html"]):hover .catalog-image-stage img,
  .catalog-page .product-card:has(.product-card-link[href$="/sermorelin.html"]):hover .catalog-image-stage img {
    transform: translate3d(0, -7.1%, 0) scale(1.124) !important;
  }

  .catalog-page .product-card:has(.product-card-link[href$="/shed.html"]):hover .catalog-image-stage img {
    transform: translate3d(0, -7.3%, 0) scale(1.117) !important;
  }

  .catalog-page .product-card:has(.product-card-link[href$="/wolverine.html"]):hover .catalog-image-stage img {
    transform: translate3d(0, 0, 0) scale(1.055) !important;
  }
}

/* Review 30: slower, softer catalog zoom without changing its final scale. */
.catalog-page .product-card .catalog-image-stage img {
  transition:
    transform 520ms cubic-bezier(.16, 1, .3, 1) !important;
}

/* Review 31: high-contrast product-detail controls on the dark green panel. */
body.product-page .product-detail .detail-copy .button,
body.product-page .product-detail .variant,
body.product-page .product-detail .quantity-control button {
  transition:
    background-color 260ms ease,
    border-color 260ms ease,
    color 260ms ease,
    transform 180ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.product-page .product-detail .detail-copy .button.primary:not(:disabled):hover,
  body.product-page .product-detail .variant.is-active:not(:disabled):hover {
    border-color: #e8cd69 !important;
    background: #e8cd69 !important;
    color: #1d2d20 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body.product-page .product-detail .variant.is-active:not(:disabled):hover *,
  body.product-page .product-detail .detail-copy .button.primary:not(:disabled):hover * {
    color: inherit !important;
  }

  body.product-page .product-detail .variant:not(.is-active):not(:disabled):hover,
  body.product-page .product-detail .quantity-control button:not(:disabled):hover {
    border-color: #e8cd69 !important;
    background: #fffaf0 !important;
    color: #1d2d20 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }
}

body.product-page .product-detail .detail-copy .button.primary:not(:disabled):active,
body.product-page .product-detail .variant.is-active:not(:disabled):active {
  border-color: #d7b84e !important;
  background: #d7b84e !important;
  color: #1d2d20 !important;
  transform: scale(.985) !important;
}

/* Review 32: immutable product media frame and low-motion variant swapping. */
body.product-page .product-detail {
  align-items: stretch !important;
}

body.product-page .product-detail .detail-image {
  position: relative !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  contain: layout paint;
}

body.product-page .product-detail .detail-image > img[data-product-image] {
  position: absolute !important;
  z-index: 1;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    opacity 240ms ease,
    transform 420ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.product-page .product-detail .detail-image > img[data-product-image].is-switching {
  opacity: .08 !important;
  transform: translate3d(0, 0, 0) scale(1.008) !important;
}

body.product-page .product-detail .detail-price span[data-product-dose] {
  display: flex;
  align-items: flex-end;
  min-height: 2.5em;
}

@media (min-width: 801px) {
  body.product-page .product-detail .detail-image,
  body.product-page .product-detail .detail-copy {
    min-height: 0 !important;
    height: clamp(820px, 72vw, 1000px) !important;
  }

  body.product-page .product-detail .detail-copy {
    overflow: auto;
    scrollbar-width: thin;
  }
}

@media (max-width: 800px) {
  body.product-page .product-detail .detail-image {
    min-height: 0 !important;
    height: clamp(500px, 135vw, 760px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-page .product-detail .detail-image > img[data-product-image],
  body.product-page .product-detail .detail-image > img[data-product-image].is-switching {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Review 33: normalize the visible vial height in the catalog.
   The source renders use different canvas ratios (1122x1402 and 1024x1536).
   Tall canvases receive a vertical-only compensation while their media layer
   remains full bleed. Cards, frames, badges and baselines do not move. */
.catalog-page .product-card .catalog-image-stage img:is(
  [src$="/bac-water.png"],
  [src$="/epitalon.png"],
  [src$="/glow.png"],
  [src$="/illumineuro.png"],
  [src$="/ipa-cjc.png"],
  [src$="/kisspeptin.png"],
  [src$="/klow.png"],
  [src$="/mots-c.png"],
  [src$="/nad-500.png"],
  [src$="/selank.png"],
  [src$="/semax.png"],
  [src$="/tesamorelin.png"],
  [src$="/tirzepatide-15.png"],
  [src$="/wolverine.png"]
) {
  inset: -3.25% 0 auto 0 !important;
  width: 100% !important;
  height: 106.5% !important;
  object-position: center center !important;
  transform: translate3d(0, 0, 0) scaleY(.94) !important;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-page .product-card:hover .catalog-image-stage img:is(
    [src$="/bac-water.png"],
    [src$="/epitalon.png"],
    [src$="/glow.png"],
    [src$="/illumineuro.png"],
    [src$="/ipa-cjc.png"],
    [src$="/kisspeptin.png"],
    [src$="/klow.png"],
    [src$="/mots-c.png"],
    [src$="/nad-500.png"],
    [src$="/selank.png"],
    [src$="/semax.png"],
    [src$="/tesamorelin.png"],
    [src$="/tirzepatide-15.png"],
    [src$="/wolverine.png"]
  ) {
    transform: translate3d(0, 0, 0) scale(1.04) scaleY(.94) !important;
  }
}

/* Review 34: bottom-up readability fade and image-only zoom for Why Better. */
.why-better-card.has-image::after {
  background:
    linear-gradient(
      0deg,
      rgba(16, 22, 17, .92) 0%,
      rgba(16, 22, 17, .78) 34%,
      rgba(16, 22, 17, .38) 66%,
      rgba(16, 22, 17, .06) 100%
    ) !important;
}

.why-better-card-image {
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center center;
  transition: transform 520ms cubic-bezier(.16, 1, .3, 1);
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .why-better-card:hover .why-better-card-media {
    transform: none !important;
  }

  .why-better-card:hover .why-better-card-image {
    transform: translate3d(0, 0, 0) scale(1.045);
  }
}

@media (prefers-reduced-motion: reduce) {
  .why-better-card-image,
  .why-better-card:hover .why-better-card-image {
    transform: none !important;
    transition: none !important;
  }
}

/* Responder experience integration */
.research-guesswork-panel {
  background:
    linear-gradient(rgba(244, 239, 229, .68), rgba(244, 239, 229, .68)),
    url("../assets/home/research-without-guesswork.jpeg") center center / cover no-repeat !important;
}

.home-page .bogo-video-media {
  background-image: url("../assets/home/why-responder/card-2.jpeg") !important;
}

.home-page .bogo-video-hero .bogo-copy > p + p {
  margin-top: -14px !important;
}

@media (max-width: 680px) {
  .home-page .bogo-video-hero .bogo-copy > p + p {
    margin-top: -10px !important;
  }
}

/* Cart reward and quantity-control cleanup */
.promo-progress-track span {
  background: #698355 !important;
}

body .cart-item .quantity-control,
body.product-page .product-detail-quantity .quantity-control {
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body .cart-item .quantity-control > span {
  border-inline: 0 !important;
}

body .cart-item .quantity-control button,
body.product-page .product-detail-quantity .quantity-control button {
  border: 0 !important;
  box-shadow: none !important;
}

body .cart-item .quantity-control button:not(:disabled):not([aria-disabled="true"]),
body.product-page .product-detail-quantity .quantity-control button:not(:disabled):not([aria-disabled="true"]) {
  border: 0 !important;
  box-shadow: none !important;
}

/* Shift the desktop video crop right so the vial clears the headline. */
@media (min-width: 1001px) {
  .home-page .bogo-video {
    animation-name: responder-promo-breathe-right !important;
  }
}

@keyframes responder-promo-breathe-right {
  from {
    transform: translate3d(3.5%, 0, 0) scale(1.04);
  }
  to {
    transform: translate3d(3.5%, 0, 0) scale(1.065);
  }
}

/* Responder product-card normalization.
   Every current catalog render shares the same optical composition, so all
   cards use one crop, one baseline and one restrained image-only zoom. */
.home-page .home-top-sellers .top-seller-grid,
.catalog-page .product-grid {
  align-items: stretch !important;
}

.home-page .home-top-sellers .mini-product-card,
.catalog-page .product-card,
.catalog-page .product-card .product-card-link {
  height: 100% !important;
}

.home-page .home-top-sellers .mini-product-card {
  display: flex !important;
  flex-direction: column !important;
}

.home-page .home-top-sellers .mini-product-card > .product-card-media-link {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #ebe7dc !important;
}

.home-page .home-top-sellers .mini-product-card > .product-card-media-link img,
.catalog-page .product-card .catalog-image-stage img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transform-origin: center center !important;
  transition: transform 760ms cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform;
}

body.catalog-page .product-grid .product-card .product-card-link .catalog-image-stage img {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: transform 760ms cubic-bezier(.16, 1, .3, 1) !important;
}

.home-page .home-top-sellers .mini-product-card > div,
.catalog-page .product-card .product-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

.home-page .home-top-sellers .mini-product-card > div > p {
  min-height: 3.2em;
}

.home-page .home-top-sellers .mini-product-card strong,
.catalog-page .product-card .strengths {
  margin-top: auto !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-page .home-top-sellers .mini-product-card:hover > .product-card-media-link img,
  body.catalog-page .product-grid .product-card:hover .product-card-link .catalog-image-stage img {
    transform: translate3d(0, 0, 0) scale(1.04) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-top-sellers .mini-product-card > .product-card-media-link img,
  .home-page .home-top-sellers .mini-product-card:hover > .product-card-media-link img,
  .catalog-page .product-card .catalog-image-stage img,
  body.catalog-page .product-grid .product-card:hover .product-card-link .catalog-image-stage img {
    transform: none !important;
    transition: none !important;
  }
}

/* Open the catalog: supplied Responder texture. */
.home-page .catalog-cta-card.texture-white {
  background:
    linear-gradient(
      90deg,
      rgba(245, 242, 231, .88) 0%,
      rgba(245, 242, 231, .76) 40%,
      rgba(245, 242, 231, .32) 72%,
      rgba(245, 242, 231, .12) 100%
    ),
    url("../assets/home/open-catalog-texture.jpeg") center center / cover no-repeat !important;
}

.home-page .home-hero .hero-product-card.hero-placeholder {
  border: 0 !important;
  outline: 0 !important;
}

/* Journal profile action: retain link semantics with a clear button treatment. */
.journal-page .featured-story .featured-copy > a[href$="/retatrutide.html"],
.journal-page .featured-story .featured-copy > a[href="products/retatrutide.html"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 48px;
  margin-top: 14px;
  padding: 0 24px;
  border: 1px solid #3f583f !important;
  border-radius: 999px;
  background: #3f583f !important;
  color: #fffaf0 !important;
  font-family: var(--better-mono, monospace);
  font-size: 12px;
  line-height: 1;
  transition:
    background-color 240ms ease,
    border-color 240ms ease,
    color 240ms ease,
    transform 240ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .journal-page .featured-story .featured-copy > a[href$="/retatrutide.html"]:hover,
  .journal-page .featured-story .featured-copy > a[href="products/retatrutide.html"]:hover {
    border-color: #2f4732 !important;
    background: #2f4732 !important;
    color: #fffaf0 !important;
    transform: translateY(-1px);
  }
}

/* Explicit entrances for the legacy Contact and Account page structures. */
@keyframes responder-page-content-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0) scale(.99);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.reveal-enhanced body.contact-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.contact-page .contact-grid > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.account-page .dashboard-stats > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .empty-state.reveal-item.is-revealed {
  animation: responder-page-content-reveal 820ms cubic-bezier(.22, 1, .36, 1)
    var(--reveal-delay, 0ms) both !important;
}

/* Cart rows: remove the colliding outline and give every control breathing room. */
body .mini-cart-items .cart-item,
body.cart-page .cart-items .cart-item {
  gap: 14px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 250, 240, .46) !important;
  box-shadow: none !important;
}

body .mini-cart-items .cart-item-image,
body.cart-page .cart-items .cart-item-image {
  width: 68px !important;
  height: 76px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .mini-cart-items .cart-item-image img,
body.cart-page .cart-items .cart-item-image img {
  border: 0 !important;
  border-radius: inherit !important;
}

body .cart-item .quantity-control {
  grid-template-columns: 32px 32px 32px !important;
  gap: 4px !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(63, 88, 63, .1) !important;
  overflow: visible !important;
}

body .cart-item .quantity-control button {
  position: relative !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fffaf0 !important;
  color: #263b2a !important;
}

body .cart-item .quantity-control button::before {
  content: "" !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  font-size: 0 !important;
  transform: translate(-50%, -50%);
}

body .cart-item .quantity-control button[data-direction="1"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5px;
  height: 10px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

body .cart-item .quantity-control > span {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 600px) {
  body .mini-cart-items .cart-item,
  body.cart-page .cart-items .cart-item {
    grid-template-columns: 68px minmax(0, 1fr) auto !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
    padding: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-enhanced body.contact-page .reveal-item,
  .reveal-enhanced body.contact-page .reveal-item.is-revealed,
  .reveal-enhanced body.account-page .reveal-item,
  .reveal-enhanced body.account-page .reveal-item.is-revealed {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Journal feature image: overscan the artwork so no light seam can appear. */
.journal-page .featured-story .featured-image {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  background: transparent !important;
}

.journal-page .featured-story .featured-image > img {
  position: absolute !important;
  inset: -1.5% !important;
  width: 103% !important;
  height: 103% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

/* Keep the reveal movement, but never shrink either half of the feature row. */
.reveal-enhanced body.journal-page .featured-story > .reveal-item {
  transform: translate3d(0, 34px, 0) !important;
}

.reveal-enhanced body.journal-page .featured-story > .reveal-item.is-revealed {
  transform: translate3d(0, 0, 0) !important;
}

/* Mobile cart hierarchy: product identity gets a full row above controls. */
@media (max-width: 600px) {
  body .mini-cart-items .cart-item,
  body.cart-page .cart-items .cart-item {
    grid-template-columns: 68px minmax(104px, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
  }

  body .mini-cart-items .cart-item .cart-item-image,
  body.cart-page .cart-items .cart-item .cart-item-image {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
  }

  body .mini-cart-items .cart-item .cart-item-copy,
  body.cart-page .cart-items .cart-item .cart-item-copy {
    grid-column: 2 / 5 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    padding-right: 0 !important;
  }

  body .mini-cart-items .cart-item .quantity-control,
  body.cart-page .cart-items .cart-item .quantity-control,
  body .mini-cart-items .cart-item .cart-item-qty,
  body.cart-page .cart-items .cart-item .cart-item-qty {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body .mini-cart-items .cart-item .cart-line-total,
  body.cart-page .cart-items .cart-item .cart-line-total {
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  body .mini-cart-items .cart-item .cart-remove,
  body.cart-page .cart-items .cart-item .cart-remove {
    grid-column: 4 / 5 !important;
    grid-row: 2 / 3 !important;
  }
}

@media (max-width: 420px) {
  body .mini-cart-items .cart-item,
  body.cart-page .cart-items .cart-item {
    grid-template-columns: 64px minmax(104px, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
  }

  body .mini-cart-items .cart-item .cart-item-image,
  body.cart-page .cart-items .cart-item .cart-item-image {
    grid-row: 1 / 4 !important;
    width: 64px !important;
  }

  body .mini-cart-items .cart-item .cart-item-copy,
  body.cart-page .cart-items .cart-item .cart-item-copy {
    grid-column: 2 / 4 !important;
  }

  body .mini-cart-items .cart-item .cart-line-total,
  body.cart-page .cart-items .cart-item .cart-line-total {
    grid-column: 3 / 4 !important;
  }

  body .mini-cart-items .cart-item .cart-remove,
  body.cart-page .cart-items .cart-item .cart-remove {
    grid-column: 2 / 4 !important;
    grid-row: 3 / 4 !important;
    justify-self: start !important;
  }
}

/* Final rhythm pass: quicker reveals, earlier scroll activation, tighter sections. */
.reveal-enhanced .reveal-item {
  transform: translate3d(0, 22px, 0) !important;
  transition:
    opacity 460ms ease var(--reveal-delay, 0ms),
    transform 560ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
}

.reveal-enhanced .reveal-item.reveal-card {
  transform: translate3d(0, 26px, 0) scale(.994) !important;
}

.reveal-enhanced .reveal-item.reveal-media {
  transform: translate3d(0, 18px, 0) scale(.99) !important;
}

.reveal-enhanced .reveal-item.reveal-badge {
  transform: translate3d(0, 9px, 0) !important;
}

.reveal-enhanced .reveal-item.is-revealed,
.reveal-enhanced .reveal-item.reveal-card.is-revealed,
.reveal-enhanced .reveal-item.reveal-media.is-revealed,
.reveal-enhanced .reveal-item.reveal-badge.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.reveal-enhanced body.contact-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.contact-page .contact-grid > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.account-page .dashboard-stats > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .empty-state.reveal-item.is-revealed {
  animation-duration: 560ms !important;
}

/* Final catalog action: keep the utility link compact and pill-shaped.
   This explicitly cancels any inherited square/circular card dimensions. */
body.home-page .home-top-sellers > a.full-catalog-link,
body.journal-page a.full-catalog-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  aspect-ratio: auto !important;
  margin: 26px 0 0 !important;
  padding: 0 24px !important;
  border: 1px solid #53684b !important;
  border-radius: 999px !important;
  clip-path: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.home-page .home-top-sellers > a.full-catalog-link::before,
body.home-page .home-top-sellers > a.full-catalog-link::after,
body.journal-page a.full-catalog-link::before,
body.journal-page a.full-catalog-link::after {
  content: none !important;
  display: none !important;
}

/* Rounded editorial media: the parent no longer paints a pale halo behind
   the anti-aliased image corners, while the copy retains its card surface. */
body.journal-page .featured-story {
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.journal-page .featured-story .featured-image {
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--responder-radius, 24px) 0 0 var(--responder-radius, 24px) !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.journal-page .featured-story .featured-copy {
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 var(--responder-radius, 24px) var(--responder-radius, 24px) 0 !important;
}

body.journal-page .featured-story .featured-image > img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* The same anti-halo treatment for rounded product-media masks. */
.mini-product-card > .product-card-media-link,
.featured-compact-card > .product-card-media-link,
.product-card .catalog-image-stage,
.product-card .product-image,
.journal-card-image {
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 800px) {
  body.journal-page .featured-story .featured-image {
    border-radius: var(--responder-radius, 24px) var(--responder-radius, 24px) 0 0 !important;
  }

  body.journal-page .featured-story .featured-copy {
    border-radius: 0 0 var(--responder-radius, 24px) var(--responder-radius, 24px) !important;
  }
}

/* Dedicated editorial entrance for Contact, Account and Cart / Checkout.
   Keeping this separate from the scroll observer makes the sequence reliable
   on first load and whenever a page is restored from navigation history. */
body.utility-enter-motion .utility-enter {
  opacity: 0 !important;
  transform: translate3d(0, 22px, 0) !important;
  animation: none !important;
  transition:
    opacity 460ms ease var(--utility-enter-delay, 0ms),
    transform 560ms cubic-bezier(.22, 1, .36, 1) var(--utility-enter-delay, 0ms) !important;
  will-change: opacity, transform;
}

body.utility-enter-motion .utility-enter.utility-enter-card {
  transform: translate3d(0, 26px, 0) scale(.994) !important;
}

body.utility-enter-motion.utility-entered .utility-enter,
body.utility-enter-motion.utility-entered .utility-enter.utility-enter-card {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

html.utility-enter-resetting body.utility-enter-motion .utility-enter {
  animation: none !important;
  transition: none !important;
}

@media (max-width: 640px) {
  body.utility-enter-motion .utility-enter {
    transform: translate3d(0, 18px, 0) !important;
  }

  body.utility-enter-motion .utility-enter.utility-enter-card {
    transform: translate3d(0, 21px, 0) scale(.996) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.utility-enter-motion .utility-enter,
  body.utility-enter-motion .utility-enter.utility-enter-card {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* Compact product presentation on narrow screens.
   Product photography remains prominent without turning every card into a
   full-viewport panel. */
@media (max-width: 700px) {
  .home-top-sellers .top-seller-grid,
  .featured-compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .home-top-sellers .mini-product-card > .product-card-media-link,
  .home-top-sellers .mini-product-card > img,
  .featured-compact-card > .product-card-media-link,
  .featured-compact-card > img {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 230px !important;
  }

  .featured-compact-card > div,
  .home-top-sellers .mini-product-card > div {
    padding: 16px !important;
  }

  .featured-compact-card .product-card-title-link,
  .home-top-sellers .mini-product-card .product-card-title-link {
    min-height: 0 !important;
  }

  .featured-compact-card p:not(.product-promo-label),
  .home-top-sellers .mini-product-card > div > p:not(.product-promo-label) {
    min-height: 0 !important;
  }

  .strip-product-card,
  .embedded-product-card {
    display: grid !important;
    grid-template-columns: minmax(120px, 42%) minmax(0, 1fr) !important;
    min-height: 190px !important;
  }

  .strip-product-card > a:first-child,
  .embedded-product-card > a:first-child {
    width: 100% !important;
    height: 100% !important;
    min-height: 190px !important;
    aspect-ratio: auto !important;
  }
}

@media (min-width: 460px) and (max-width: 700px) {
  body.catalog-page .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.catalog-page .product-card .product-image,
  body.catalog-page .product-card .catalog-image-stage {
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 459px) {
  .home-top-sellers .top-seller-grid,
  .featured-compact-grid {
    grid-template-columns: 1fr !important;
  }

  .home-top-sellers .mini-product-card > .product-card-media-link,
  .home-top-sellers .mini-product-card > img,
  .featured-compact-card > .product-card-media-link,
  .featured-compact-card > img,
  body.catalog-page .product-card .product-image,
  body.catalog-page .product-card .catalog-image-stage {
    aspect-ratio: 16 / 10 !important;
    max-height: 240px !important;
  }
}

/* Utility and checkout pages use the same transition system as editorial pages. */
.reveal-enhanced body.contact-page .reveal-item,
.reveal-enhanced body.account-page .reveal-item,
.reveal-enhanced body.cart-page .cart-item.reveal-item,
.reveal-enhanced body.cart-page .cart-summary.reveal-item {
  animation: none !important;
}

html.reveal-boot body.cart-page .page-hero > *,
html.reveal-boot body.cart-page .cart-items > .cart-item,
html.reveal-boot body.cart-page .cart-summary {
  opacity: 0 !important;
  transform: translate3d(0, 22px, 0) !important;
  animation: none !important;
  transition: none !important;
}

body main > section {
  scroll-margin-top: 146px;
}

.home-page .home-top-sellers {
  padding-block: clamp(54px, 5vw, 72px) !important;
}

.home-page .statement-section,
.home-page .collections,
.home-page .catalog-cta {
  padding-block: clamp(44px, 4.5vw, 68px) !important;
}

.home-page .product-strip,
.manifesto-page .product-strip,
.journal-page .product-strip {
  padding-block: clamp(48px, 5vw, 68px) !important;
}

.home-page .why-better {
  padding-block: clamp(64px, 6vw, 84px) clamp(44px, 4vw, 60px) !important;
}

.home-page .why-better-header {
  margin-bottom: clamp(32px, 3.5vw, 46px) !important;
}

.home-page .research-guesswork {
  padding-bottom: clamp(64px, 6vw, 88px) !important;
}

.catalog-page .catalog-hero {
  padding-block: clamp(64px, 6vw, 88px) clamp(38px, 4vw, 54px) !important;
}

.catalog-page .product-grid {
  padding-block: clamp(42px, 4vw, 58px) clamp(64px, 6vw, 88px) !important;
}

.manifesto-page .manifesto-hero,
.journal-page .journal-hero {
  padding-block: clamp(62px, 6vw, 86px) clamp(30px, 3vw, 42px) !important;
}

.manifesto-page .manifesto-body,
.manifesto-page .principles,
.journal-page .journal-grid {
  padding-block: clamp(48px, 5vw, 70px) !important;
}

.manifesto-page .manifesto-cta {
  margin-top: 34px !important;
}

.journal-page .journal-top-featured,
.journal-page .featured-story,
.journal-page .journal-lower-featured {
  margin-block: 28px !important;
}

body.contact-page .page-hero,
body.account-page .page-hero,
body.cart-page .page-hero {
  padding-block: clamp(54px, 5vw, 74px) clamp(30px, 3vw, 42px) !important;
}

body.contact-page .contact-grid,
body.account-page .dashboard,
body.cart-page .cart-layout {
  padding-block: clamp(34px, 3.5vw, 50px) clamp(64px, 6vw, 88px) !important;
}

.cart-drawer-panel > .mini-cart-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.cart-page .cart-items {
  gap: 18px !important;
}

@media (max-width: 680px) {
  .home-page .home-top-sellers,
  .home-page .statement-section,
  .home-page .collections,
  .home-page .catalog-cta,
  .home-page .product-strip,
  .manifesto-page .product-strip,
  .journal-page .product-strip,
  .manifesto-page .manifesto-body,
  .manifesto-page .principles,
  .journal-page .journal-grid {
    padding-block: 38px !important;
  }

  .catalog-page .catalog-hero,
  .manifesto-page .manifesto-hero,
  .journal-page .journal-hero {
    padding-block: 48px 28px !important;
  }

  .cart-drawer-panel > .mini-cart-items {
    gap: 12px !important;
  }
}

/* Full cart: stack line items vertically and keep the order summary isolated. */
body.cart-page .cart-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
  align-items: start !important;
  gap: 28px !important;
}

body.cart-page .cart-items {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.cart-page .cart-items .cart-item {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body.cart-page .cart-summary {
  position: sticky !important;
  top: 146px !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

@media (max-width: 1000px) {
  body.cart-page .cart-layout {
    grid-template-columns: 1fr !important;
  }

  body.cart-page .cart-summary {
    position: static !important;
  }
}

/* Stasis-equivalent editorial entrances for Catalog, Manifesto and Journal. */
.editorial-enter-motion .editorial-enter {
  opacity: 0 !important;
  transform: translate3d(0, 28px, 0) !important;
  transition:
    opacity 620ms ease var(--editorial-enter-delay, 0ms),
    transform 720ms cubic-bezier(.22, 1, .36, 1) var(--editorial-enter-delay, 0ms) !important;
  will-change: opacity, transform;
}

.editorial-enter-motion .filter-row .editorial-enter {
  transform: translate3d(0, 18px, 0) scale(.985) !important;
}

.editorial-enter-motion.editorial-entered .editorial-enter,
.editorial-enter-motion.editorial-entered .filter-row .editorial-enter {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (max-width: 800px) {
  .editorial-enter-motion .editorial-enter {
    transform: translate3d(0, 22px, 0) !important;
  }
}

/* Section sequencing: distinct motion for text, cards, media and badges. */
.reveal-enhanced .reveal-item {
  opacity: 0 !important;
  transform: translate3d(0, 28px, 0) !important;
  transition:
    opacity 620ms ease var(--reveal-delay, 0ms),
    transform 720ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform;
}

.reveal-enhanced .reveal-item.reveal-card {
  transform: translate3d(0, 32px, 0) scale(.99) !important;
}

.reveal-enhanced .reveal-item.reveal-media {
  transform: translate3d(0, 22px, 0) scale(.985) !important;
}

.reveal-enhanced .reveal-item.reveal-badge {
  transform: translate3d(0, 12px, 0) !important;
}

.reveal-enhanced .reveal-item.is-revealed,
.reveal-enhanced .reveal-item.reveal-card.is-revealed,
.reveal-enhanced .reveal-item.reveal-media.is-revealed,
.reveal-enhanced .reveal-item.reveal-badge.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* The Journal feature must remain full bleed while it enters. */
.reveal-enhanced body.journal-page .featured-story > .reveal-item,
.reveal-enhanced body.journal-page .featured-story > .reveal-item.reveal-media {
  transform: translate3d(0, 28px, 0) !important;
}

.reveal-enhanced body.journal-page .featured-story > .reveal-item.is-revealed,
.reveal-enhanced body.journal-page .featured-story > .reveal-item.reveal-media.is-revealed {
  transform: translate3d(0, 0, 0) !important;
}

@media (max-width: 800px) {
  .reveal-enhanced .reveal-item {
    transform: translate3d(0, 22px, 0) !important;
  }

  .reveal-enhanced .reveal-item.reveal-card,
  .reveal-enhanced .reveal-item.reveal-media {
    transform: translate3d(0, 24px, 0) scale(.992) !important;
  }

  .reveal-enhanced body.journal-page .featured-story > .reveal-item,
  .reveal-enhanced body.journal-page .featured-story > .reveal-item.reveal-media {
    transform: translate3d(0, 22px, 0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-enter-motion .editorial-enter,
  .reveal-enhanced .reveal-item,
  .reveal-enhanced .reveal-item.reveal-card,
  .reveal-enhanced .reveal-item.reveal-media,
  .reveal-enhanced .reveal-item.reveal-badge {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}
/* Keep the cart summary and checkout actions inside the visible drawer.
   Only the line-item region scrolls. */
.cart-drawer-panel {
  inset: 0 0 0 auto !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  width: min(520px, 100%) !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.cart-drawer-panel > .cart-drawer-header {
  min-height: 0 !important;
  padding: 24px 28px 12px !important;
}

.cart-drawer-panel > .mini-cart-items {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 28px 14px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

.cart-drawer-panel > .drawer-promo-block {
  margin: 0 28px 16px !important;
  padding: 18px !important;
}

.cart-drawer-panel > footer {
  margin: 0 !important;
  padding: 0 !important;
}

.cart-drawer-panel .cart-drawer-footer-inner {
  padding: 18px 28px calc(20px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 640px) {
  .cart-drawer-panel > .cart-drawer-header {
    padding: 20px 18px 10px !important;
  }

  .cart-drawer-panel > .mini-cart-items {
    padding: 8px 18px 12px !important;
  }

  .cart-drawer-panel > .drawer-promo-block {
    margin: 0 18px 14px !important;
    padding: 16px !important;
  }

  .cart-drawer-panel .cart-drawer-footer-inner {
    padding: 16px 18px calc(18px + env(safe-area-inset-bottom)) !important;
  }
}

/* Cart identity and controls occupy separate rows in every narrow surface. */
body .mini-cart-items .cart-item {
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) auto auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 12px !important;
}

body .mini-cart-items .cart-item .cart-item-image {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
}

body .mini-cart-items .cart-item .cart-item-copy {
  grid-column: 2 / 5 !important;
  grid-row: 1 / 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body .mini-cart-items .cart-item .cart-item-copy h2 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  line-height: 1.05 !important;
}

body .mini-cart-items .cart-item .quantity-control,
body .mini-cart-items .cart-item .cart-item-qty {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 3 !important;
  justify-self: start !important;
}

body .mini-cart-items .cart-item .cart-line-total {
  grid-column: 3 / 4 !important;
  grid-row: 2 / 3 !important;
  justify-self: end !important;
}

body .mini-cart-items .cart-item .cart-remove {
  grid-column: 4 / 5 !important;
  grid-row: 2 / 3 !important;
  justify-self: end !important;
}

@media (max-width: 900px) {
  body.cart-page .cart-items .cart-item {
    grid-template-columns: 68px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
  }

  body.cart-page .cart-items .cart-item .cart-item-image {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
  }

  body.cart-page .cart-items .cart-item .cart-item-copy {
    grid-column: 2 / 5 !important;
    grid-row: 1 / 2 !important;
    min-width: 0 !important;
  }

  body.cart-page .cart-items .cart-item .quantity-control,
  body.cart-page .cart-items .cart-item .cart-item-qty {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body.cart-page .cart-items .cart-item .cart-line-total {
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  body.cart-page .cart-items .cart-item .cart-remove {
    grid-column: 4 / 5 !important;
    grid-row: 2 / 3 !important;
  }
}

@media (max-width: 420px) {
  body .mini-cart-items .cart-item,
  body.cart-page .cart-items .cart-item {
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
  }

  body .mini-cart-items .cart-item .cart-item-image,
  body.cart-page .cart-items .cart-item .cart-item-image {
    grid-row: 1 / 4 !important;
  }

  body .mini-cart-items .cart-item .cart-item-copy,
  body.cart-page .cart-items .cart-item .cart-item-copy {
    grid-column: 2 / 4 !important;
  }

  body .mini-cart-items .cart-item .cart-line-total,
  body.cart-page .cart-items .cart-item .cart-line-total {
    grid-column: 3 / 4 !important;
  }

  body .mini-cart-items .cart-item .cart-remove,
  body.cart-page .cart-items .cart-item .cart-remove {
    grid-column: 2 / 4 !important;
    grid-row: 3 / 4 !important;
    justify-self: start !important;
  }
}

/* Keep the quicker motion values last in the cascade. */
.reveal-enhanced .reveal-item {
  transform: translate3d(0, 22px, 0) !important;
  transition:
    opacity 460ms ease var(--reveal-delay, 0ms),
    transform 560ms cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms) !important;
}

.reveal-enhanced .reveal-item.reveal-card {
  transform: translate3d(0, 26px, 0) scale(.994) !important;
}

.reveal-enhanced .reveal-item.reveal-media {
  transform: translate3d(0, 18px, 0) scale(.99) !important;
}

.reveal-enhanced .reveal-item.reveal-badge {
  transform: translate3d(0, 9px, 0) !important;
}

.reveal-enhanced .reveal-item.is-revealed,
.reveal-enhanced .reveal-item.reveal-card.is-revealed,
.reveal-enhanced .reveal-item.reveal-media.is-revealed,
.reveal-enhanced .reveal-item.reveal-badge.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.reveal-enhanced body.contact-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.contact-page .contact-grid > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .page-hero .reveal-item.is-revealed,
.reveal-enhanced body.account-page .dashboard-stats > .reveal-item.is-revealed,
.reveal-enhanced body.account-page .empty-state.reveal-item.is-revealed {
  animation-duration: 560ms !important;
}
/* Home hero title: slightly stronger and larger */
.home-page .home-hero .hero-content h1 {
  font-size: clamp(44px, 4.45vw, 72px) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

.home-page .home-hero .hero-content h1 .hero-line {
  display: block !important;
  white-space: nowrap !important;
}

@media (max-width: 800px) {
  .home-page .home-hero .hero-content h1 .hero-line {
    white-space: normal !important;
  }
}
/* Catalog: rounded View details buttons */
body .catalog-page .product-card .product-copy > small {
  border-radius: 999px !important;
}
/* Vial picker: keep cards rounded and remove the separate heading container */
.vial-picker-panel > header {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.vial-picker-panel .vial-option {
  border-radius: 18px !important;
}
/* Cart: show the settled layout immediately and clarify promotion separation */
body.cart-page .utility-enter,
body.cart-page .utility-enter.utility-enter-card {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

body.cart-page .cart-summary .cart-promo-block {
  border-radius: 18px !important;
}

body.cart-page .cart-summary .checkout-promo-info {
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(127, 139, 95, .3) !important;
}
/* Manifesto: keep the statement rows visible while preserving scroll reveals below */
.manifesto-page .manifesto-body > article {
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Operating principles: subtle lift and zoom on hover */
@media (hover: hover) and (pointer: fine) {
  .manifesto-page .principle-grid > article {
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1),
      box-shadow 360ms ease,
      border-color 360ms ease;
  }

  .manifesto-page .principle-grid > article:hover {
    transform: translateY(-5px) scale(1.018);
    box-shadow: 0 18px 38px rgba(49, 58, 42, .14);
  }
}
/* Sign in: rounded credential fields */
.login-page .auth-panel .form-panel input[type="email"],
.login-page .auth-panel .form-panel input[autocomplete="one-time-code"] {
  border-radius: 14px !important;
}
/* Contact: rounded form controls */
.contact-page .form-panel input,
.contact-page .form-panel select,
.contact-page .form-panel textarea {
  border-radius: 14px !important;
}
/* Product detail: prevent horizontal overflow and join the two-column block */
html,
body {
  overflow-x: hidden;
}

.product-page .product-detail {
  min-width: 0;
}

.product-page .detail-copy,
.product-page .detail-copy h1,
.product-page .detail-copy p {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 801px) {
  .product-page .product-detail {
    gap: 0;
    overflow: hidden;
    border-radius: 32px;
  }

  .product-page .detail-image {
    border-radius: 32px 0 0 32px;
  }

  .product-page .detail-copy {
    border-radius: 0 32px 32px 0;
    overflow: hidden;
  }

  .product-page .detail-copy h1 {
    font-size: clamp(42px, 4.8vw, 76px) !important;
    line-height: .95;
  }
}
/* All product-card View details actions use pill-shaped buttons */
body .product-card .product-copy > small,
body .featured-compact-card .product-copy > small,
body .strip-product-card .product-copy > small,
body .embedded-product-card .product-copy > small {
  border-radius: 999px !important;
  overflow: hidden;
}
/* Cart drawer: soften the FREE vial unlocked panel corners */
.cart-drawer-panel .drawer-promo-block {
  border-radius: 18px !important;
  overflow: hidden;
}
/* Operating principles: visual hover only; these cards remain non-clickable */
@media (hover: hover) and (pointer: fine) {
  .manifesto-page .principle-grid > article {
    cursor: default;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1),
      background-color 360ms ease,
      box-shadow 360ms ease !important;
  }

  .manifesto-page .principle-grid > article:hover {
    background: rgba(255, 255, 255, .42) !important;
    transform: translateY(-4px) scale(1.012) !important;
    box-shadow: 0 16px 34px rgba(49, 58, 42, .12) !important;
  }
}
/* Home hero image: rounded reference treatment with soft depth */
.home-page .home-hero .hero-product-card {
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 48px rgba(53, 61, 45, .2) !important;
}

.home-page .home-hero .hero-product-card img {
  border-radius: inherit;
  filter: drop-shadow(0 12px 18px rgba(34, 39, 29, .16));
}
/* Manifesto catalog links: pill buttons with lower optical alignment */
.manifesto-page .product-strip header a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px !important;
  border: 1px solid var(--better-sage-dark) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .34) !important;
  transform: translateY(22px);
  transition: background-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.manifesto-page .product-strip header a:hover {
  background: var(--better-sage-dark) !important;
  color: var(--better-white) !important;
  transform: translateY(20px);
}
/* Catalog filters: align with the page content */
.catalog-page .filter-row {
  justify-content: flex-start !important;
  width: var(--shell) !important;
  margin-inline: auto !important;
}

.catalog-page .product-card[hidden] {
  display: none !important;
}

/* QA banner layout: wider canvas with the video anchored to the right. */
@media (min-width: 1001px) {
  .home-page .bogo-feature.bogo-video-hero {
    width: min(1520px, calc(100% - 64px)) !important;
    max-width: 1520px !important;
    min-height: clamp(560px, 40vw, 680px) !important;
    padding: clamp(52px, 5vw, 88px) !important;
    border: 0 !important;
  }

  .home-page .bogo-video-media {
    inset: 0 0 0 auto !important;
    width: 75% !important;
    background-position: center right !important;
  }

  .home-page .bogo-video {
    width: 108% !important;
    max-width: none !important;
    margin-left: 0;
    object-position: center right !important;
    transform-origin: center center !important;
    animation-name: responder-promo-breathe-seamless !important;
  }

  .home-page .bogo-video-overlay {
    background:
      linear-gradient(90deg,
        #1d2d20 0%,
        #1d2d20 25%,
        rgba(29, 45, 32, .99) 34%,
        rgba(29, 45, 32, .92) 43%,
        rgba(29, 45, 32, .68) 53%,
        rgba(29, 45, 32, .34) 64%,
        rgba(29, 45, 32, .10) 76%,
        rgba(29, 45, 32, 0) 100%),
      linear-gradient(0deg, rgba(16, 28, 19, .18), transparent 48%) !important;
  }

  .home-page .bogo-video-hero .bogo-copy {
    width: min(48%, 650px) !important;
  }
}

@keyframes responder-promo-breathe-seamless {
  from { transform: translate3d(2.5%, 0, 0) scale(1.04); }
  to { transform: translate3d(2.5%, 0, 0) scale(1.065); }
}

/* Keep the three supplied Why Responder images and cards perfectly square. */
@media (min-width: 1001px) {
  .home-page .why-better-card {
    aspect-ratio: 11 / 12;
    min-height: 0 !important;
  }

  .home-page .why-better-card-content {
    height: 100%;
    min-height: 0 !important;
    padding: 34px 34px 28px !important;
  }

  .home-page .why-better-card p {
    min-height: 4.65em;
  }
}

/* Final QA: responsive title and cart behavior. */
.research-guesswork-panel h2 span {
  display: block;
}

#research-guesswork-title,
#checkout {
  scroll-margin-top: 154px;
}

.cart-drawer-totals {
  display: grid;
  gap: 7px;
  width: 100%;
}

.cart-drawer-totals > div,
.cart-summary > .cart-savings-row,
.cart-summary > .cart-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.cart-drawer-totals .cart-savings-row,
.cart-summary > .cart-savings-row {
  color: #587146;
}

.cart-drawer-totals .cart-total-row,
.cart-summary > .cart-total-row {
  margin-top: 3px;
  padding-top: 9px;
  border-top: 1px solid var(--better-line);
  font-size: 1.08em;
}

.vial-picker-panel > header {
  position: sticky;
  z-index: 3;
  top: calc(clamp(24px, 4vw, 48px) * -1);
  margin: calc(clamp(24px, 4vw, 48px) * -1) calc(clamp(24px, 4vw, 48px) * -1) 0;
  padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 48px) 16px;
  background: linear-gradient(var(--better-cream) 82%, rgba(244, 239, 229, 0));
}

@media (max-width: 680px) {
  .research-guesswork-panel h2 {
    font-size: clamp(46px, 13vw, 62px) !important;
  }

  .vial-picker-panel > header {
    top: -24px;
    margin: -24px -24px 0;
    padding: 24px 24px 14px;
  }
}