.shop-hero {
  position: relative;
  min-height: 620px;
  display: grid;
  align-content: end;
  padding: 190px max(24px, calc((100vw - 1240px) / 2)) 64px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(247,244,233,.92) 0%, rgba(247,244,233,.86) 45%, var(--cream) 96%),
    url('assets/img/bg-highlands.webp') center 30% / cover no-repeat !important;
  text-align: left;
}

.shop-hero::before {
  position: absolute;
  left: max(24px, calc((100vw - 1240px) / 2));
  top: 51%;
  width: min(590px, 58vw);
  aspect-ratio: 1;
  transform: translate(-20%, -50%);
  border: 3px double rgba(201, 169, 66, .3);
  border-radius: 50%;
  content: '';
}

.shop-hero > *:not(.shop-accent) {
  position: relative;
  z-index: 2;
}

.shop-accent {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: .3;
}

.shop-accent--left {
  left: -34px;
  bottom: -26px;
  width: clamp(120px, 13vw, 190px);
  transform: rotate(-16deg);
}

.shop-accent--right {
  right: -22px;
  top: 128px;
  width: clamp(100px, 11vw, 160px);
  transform: rotate(16deg);
}

.shop-hero__content {
  width: min(940px, 100%);
}

.shop-hero .eyebrow {
  color: var(--olive);
}

.shop-hero h1 {
  max-width: 900px;
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(4rem, 7.6vw, 7.8rem);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .88;
}

.shop-hero__content > p:not(.eyebrow) {
  max-width: 620px;
  margin: 24px 0 0;
  color: #575a52;
  font-size: 1.02rem;
}

.shop-hero__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
}

.shop-hero__actions .btn-secondary {
  border-color: var(--forest);
  background: rgba(255, 255, 255, .72);
  color: var(--forest);
}

.shop-hero__actions .btn-secondary:hover {
  background: var(--forest);
  color: #fff;
}

.shop-hero__actions .storefront-cart-button {
  min-height: 50px;
  border-color: var(--border);
  padding-inline: 22px;
  background: #fff;
  color: var(--forest);
}

.shop-proof {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 0;
  color: #6b6d63;
  font-size: .82rem;
  font-weight: 550;
}

.shop-proof strong {
  color: var(--forest);
}

.shop-proof .star {
  color: var(--gold);
  font-size: .95rem;
  line-height: 1;
}

.shop-hero__index {
  max-width: 760px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 30px;
  border-top: 1px solid var(--border);
}

.shop-hero__index a {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-right: 1px solid var(--border);
  color: var(--forest);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: color .22s;
}

.shop-hero__index a:hover {
  color: #856e21;
}

.shop-hero__index a:last-child {
  border-right: 0;
  padding-left: 18px;
}

.shop-hero__index a:nth-child(2) {
  padding-left: 18px;
}

.shop-hero__index span {
  color: var(--gold);
  font-family: var(--display);
  font-size: 1rem;
}

.shop-shell {
  width: var(--shell);
  margin: auto;
  padding: 86px 0 130px;
}

.shop-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 50px;
  align-items: end;
  margin-bottom: 42px;
}

.shop-heading h2 {
  max-width: 820px;
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(2.8rem, 6vw, 5.8rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: .95;
}

.shop-heading > p {
  margin: 0;
  color: #595b54;
}

.shop-controls {
  position: relative;
  z-index: 1;
  max-width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 12px;
  background: rgba(250, 249, 246, .92);
  box-shadow: 0 12px 28px rgba(31, 58, 42, .08);
  backdrop-filter: blur(14px);
}

.filter-list {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.filter-list::-webkit-scrollbar {
  display: none;
}

.filter {
  min-height: 48px;
  display: inline-flex;
  flex: none;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0 16px;
  background: #fff;
  color: var(--forest);
  cursor: pointer;
  font-size: .74rem;
  font-weight: 750;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}

.filter:hover {
  transform: translateY(-1px);
  border-color: var(--forest);
}

.filter[aria-pressed="true"] {
  border-color: var(--forest);
  background: var(--forest);
  color: #fff;
}

.shop-status {
  margin: 12px 5px 0;
  color: #5d6058;
  font-size: .8rem;
}

.shop-note {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  margin-bottom: 28px;
  border-radius: 14px;
  padding: 16px;
  background: #efe6bd;
  color: var(--forest);
  font-size: .82rem;
}

.shop-note svg {
  width: 22px;
  height: 22px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.shop-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.shop-product-grid[data-state="error"] > * {
  display: none;
}

.shop-empty {
  min-height: 360px;
  grid-template-columns: 150px minmax(0, 590px);
  gap: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 52px;
  background: var(--paper);
}

.shop-empty:not([hidden]) {
  display: grid;
}

.shop-empty > img {
  width: 150px;
}

.shop-empty__copy {
  display: grid;
  justify-items: start;
}

.shop-empty__copy h2 {
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(2.4rem, 5vw, 4.6rem);
  font-weight: 500;
  line-height: .96;
}

.shop-empty__copy p:not(.eyebrow) {
  color: #5d6058;
}

.shop-empty__copy--error,
.shop-empty[data-kind="error"] .shop-empty__copy--empty {
  display: none;
}

.shop-empty[data-kind="error"] .shop-empty__copy--error {
  display: grid;
}

.commerce-editorial {
  padding: 112px 0 124px;
}

.commerce-editorial__shell {
  width: var(--shell);
  margin: auto;
}

.commerce-editorial__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 56px;
  align-items: end;
  margin-bottom: 44px;
}

.commerce-editorial__heading h2 {
  max-width: 840px;
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 6.1rem);
  font-weight: 500;
  letter-spacing: -.047em;
  line-height: .93;
}

.commerce-editorial__heading > div:last-child > p:first-child {
  margin: 0;
  color: #565950;
}

.commerce-editorial--ebooks {
  border-block: 1px solid rgba(31, 58, 42, .12);
  background: #ece5d7;
}

.commerce-editorial--programs {
  background: var(--forest);
  color: #fff;
}

.commerce-editorial--programs .eyebrow {
  color: #f0d77b;
}

.commerce-editorial--programs .commerce-editorial__heading h2 {
  color: #fff;
}

.commerce-editorial--programs .commerce-editorial__heading > div:last-child > p:first-child,
.commerce-editorial--programs .shop-status {
  color: rgba(255, 255, 255, .74);
}

.editorial-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

/* e-book / program covers are portrait art (9:16-ish), not square jars —
   give the card a taller box so the full cover shows, no top/bottom crop. */
.storefront-card--editorial .storefront-card__media{aspect-ratio:3/4;margin:0;border-radius:16px 16px 0 0;background:#f4efe6}
/* the web component injects its own per-instance object-fit:cover !important
   rule (.shopify-media-image-N), so ours must be !important + more specific
   to actually win and show the whole cover instead of cropping it. */
.storefront-card--editorial .storefront-card__media shopify-media::part(image),
.storefront-card--editorial .storefront-card__media shopify-media img{object-fit:contain!important;object-position:center!important}

.storefront-card--editorial {
  border-color: rgba(31, 58, 42, .15);
  background: #fff;
  color: var(--forest);
}

.storefront-card--editorial .storefront-card__heading h2,
.storefront-card--editorial .storefront-text-link {
  color: var(--forest);
}

.storefront-card--editorial .storefront-card__description {
  color: #595c54;
}

.storefront-card--editorial .storefront-card__heading strong {
  color: #806a1f;
}

.storefront-card--editorial .storefront-quick-add {
  border-color: var(--forest);
  background: var(--forest);
  color: #fff;
}

.storefront-card--editorial .storefront-quick-add:hover {
  background: var(--forest-2);
}

.catalog-empty {
  min-height: 300px;
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: clamp(30px, 5vw, 58px);
  background: rgba(255, 255, 255, .82);
}

.catalog-empty:not([hidden]) {
  display: grid;
  align-content: center;
  justify-items: start;
}

.catalog-empty h3 {
  max-width: 670px;
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(2.5rem, 5vw, 4.7rem);
  font-weight: 500;
  line-height: .96;
}

.commerce-editorial--programs .catalog-empty {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08);
}

.commerce-editorial--programs .catalog-empty h3,
.commerce-editorial--programs .catalog-empty p {
  color: #fff;
}

.shop-cta {
  position: relative;
  width: min(1420px, calc(100% - 28px));
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(26px, 4vw, 60px);
  align-items: center;
  margin: 0 auto 30px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: clamp(30px, 5vw, 64px);
  background: var(--paper);
  color: var(--forest);
}

.shop-cta__copy .eyebrow {
  color: var(--olive);
}

.shop-cta h2 {
  margin: 0 0 18px;
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 6.2rem);
  font-weight: 400;
  line-height: .92;
}

.shop-cta__copy > p:not(.eyebrow) {
  max-width: 52ch;
  margin: 0 0 26px;
  color: #575a52;
}

.shop-cta__media {
  margin: 0;
  min-height: 320px;
  max-height: 440px;
  overflow: hidden;
  border-radius: 22px;
}

.shop-cta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s var(--ease);
}

.shop-cta:hover .shop-cta__media img {
  transform: scale(1.03);
}

@media (max-width: 900px) {
  .shop-heading,
  .commerce-editorial__heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .shop-product-grid,
  .editorial-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shop-cta {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .shop-cta__media {
    min-height: 260px;
  }
}

@media (max-width: 600px) {
  .shop-hero {
    min-height: 640px;
    padding: 138px 20px 34px;
  }

  .shop-hero::before {
    left: 28px;
    top: 49%;
    width: 440px;
  }

  .shop-hero h1 {
    font-size: clamp(3.55rem, 17vw, 4.3rem);
  }

  .shop-hero__content > p:not(.eyebrow) {
    font-size: .94rem;
  }

  .shop-hero__actions {
    width: min(360px, 100%);
    align-items: stretch;
    flex-direction: column;
  }

  .shop-hero__index {
    margin-top: 24px;
  }

  .shop-hero__index a,
  .shop-hero__index a:nth-child(2),
  .shop-hero__index a:last-child {
    min-height: 54px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    padding: 5px 8px;
    font-size: .6rem;
    line-height: 1.2;
  }

  .shop-shell {
    padding: 60px 0 90px;
  }

  .commerce-editorial {
    padding: 76px 0 84px;
  }

  .shop-product-grid,
  .editorial-product-grid {
    grid-template-columns: 1fr;
  }

  .shop-empty {
    grid-template-columns: 1fr;
    justify-items: start;
    padding: 34px 24px;
  }

  .shop-empty > img {
    width: 92px;
  }
}

/* ============================================================
   Premium craft layer (additive) — hero, filter pills, cards
   ============================================================ */

.shop-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.shop-hero .eyebrow::before {
  width: 34px;
  height: 1px;
  background: var(--gold);
  content: '';
}

.shop-hero h1 {
  text-wrap: balance;
}

.shop-proof {
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 9px 18px;
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(8px);
  width: fit-content;
}

.shop-hero__index a {
  position: relative;
}

.shop-hero__index a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--ease);
  content: '';
}

.shop-hero__index a:hover::after {
  transform: scaleX(1);
}

/* concern filter chips as elegant pills */
.filter {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .68rem;
  padding: 0 18px;
}

.filter:hover {
  border-color: rgba(201, 169, 66, .75);
  box-shadow: 0 6px 16px rgba(31, 58, 42, .08);
}

.filter[aria-pressed="true"] {
  box-shadow: 0 8px 20px rgba(31, 58, 42, .22);
}

.shop-note {
  border: 1px solid rgba(201, 169, 66, .38);
  border-left: 3px solid var(--gold);
  background: #f5efd8;
}

/* product card craft: soft lift + image zoom + type hierarchy */
.shop-product-grid .storefront-card,
.editorial-product-grid .storefront-card {
  border-radius: 22px;
}

.shop-product-grid .storefront-card:hover,
.editorial-product-grid .storefront-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 56px rgba(31, 58, 42, .2);
}

.storefront-card__media shopify-media img,
.storefront-card__media shopify-media::part(image) {
  transition: transform .85s var(--ease);
}

.storefront-card:hover .storefront-card__media shopify-media img,
.storefront-card:hover .storefront-card__media shopify-media::part(image) {
  transform: scale(1.055);
}

.storefront-card__heading h2 {
  letter-spacing: -.02em;
}

.shop-heading .eyebrow,
.commerce-editorial__heading .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.shop-heading .eyebrow::before,
.commerce-editorial__heading .eyebrow::before {
  width: 34px;
  height: 1px;
  background: var(--gold);
  content: '';
}

.shop-cta .btn-primary {
  box-shadow: 0 14px 30px rgba(31, 58, 42, .22);
}

.shop-cta__media {
  box-shadow: 0 18px 44px rgba(31, 58, 42, .14);
}

/* ============================================================
   Conversion layer (additive) — trust row, guarantee band,
   grid proof, prominent price + visible card CTA
   ============================================================ */

/* hero trust row */
.shop-hero__content > p.shop-proof--trust {
  max-width: none;
  flex-wrap: wrap;
  gap: 0;
  padding: 10px 20px;
}

.shop-proof__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.shop-proof__item .star {
  letter-spacing: .08em;
  font-size: .8rem;
}

.shop-proof__sep {
  width: 4px;
  height: 4px;
  margin: 0 14px;
  border-radius: 50%;
  background: rgba(201, 169, 66, .65);
}

/* slim guarantee band between filters and grid */
.shop-guarantee {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 26px;
  margin-bottom: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 14px 22px;
  background: rgba(255, 255, 255, .74);
}

.shop-guarantee__lede {
  margin: 0;
  color: var(--forest);
  font-family: var(--display);
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: -.01em;
}

.shop-guarantee__meta {
  margin: 0;
  color: #6b6d63;
  font-size: .8rem;
  font-weight: 550;
}

.shop-guarantee__meta a {
  color: var(--forest);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(201, 169, 66, .7);
  text-underline-offset: 3px;
  transition: color .22s;
}

.shop-guarantee__meta a:hover {
  color: #856e21;
}

/* micro social proof above the grid */
.grid-proof {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 4px 16px;
  color: #5d6058;
  font-size: .84rem;
  font-style: italic;
  font-family: var(--display);
}

.grid-proof .star {
  color: var(--gold);
  font-style: normal;
}

.grid-proof strong {
  color: var(--forest);
}

/* prominent price on cards */
.shop-product-grid .storefront-card__heading strong {
  font-size: 1.05rem;
  font-family: var(--display);
  letter-spacing: .01em;
}

.editorial-product-grid .storefront-card__heading strong {
  font-size: 1rem;
  font-family: var(--display);
}

/* card CTA as a visible pill (no hover needed) */
.shop-product-grid .storefront-text-link,
.editorial-product-grid .storefront-text-link {
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  padding: 0 16px;
  font-size: .68rem;
  transition: background .25s, border-color .25s, color .25s, transform .25s var(--ease);
}

.shop-product-grid .storefront-text-link:hover,
.editorial-product-grid .storefront-text-link:hover {
  transform: translateY(-2px);
  border-color: #f0d77b;
  background: rgba(240, 215, 123, .14);
}

.editorial-product-grid .storefront-card--editorial .storefront-text-link {
  border-color: rgba(31, 58, 42, .35);
}

.editorial-product-grid .storefront-card--editorial .storefront-text-link:hover {
  border-color: var(--forest);
  background: rgba(31, 58, 42, .06);
}

/* filtered-out products must actually disappear:
   shopify-context ships display:contents !important, which defeats [hidden] */
.shop-product-grid [data-storefront-source][hidden] {
  display: none !important;
}

/* refined tag chip on card media */
.storefront-card__type {
  border-color: rgba(201, 169, 66, .55);
  box-shadow: 0 4px 12px rgba(31, 58, 42, .1);
}

/* clearer active filter pill */
.filter[aria-pressed="true"] {
  box-shadow: inset 0 0 0 1px rgba(240, 215, 123, .4), 0 8px 20px rgba(31, 58, 42, .22);
}

@media (max-width: 600px) {
  .shop-hero__content > p.shop-proof--trust {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    border-radius: 18px;
    padding: 14px 18px;
  }

  .shop-proof__sep {
    display: none;
  }

  .shop-guarantee {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
  }
}

/* v50: shop atmosphere */
.shop-hero,.page-hero{position:relative;overflow:hidden}
.shop-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;pointer-events:none}
.shop-hero>*:not(.shop-hero-bg),.page-hero>*:not(.shop-hero-bg){position:relative;z-index:2}
.shop-closing{position:relative;min-height:380px;display:grid;place-items:center;overflow:hidden;text-align:center}
.shop-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shop-closing::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,246,236,.86),rgba(250,246,236,.62))}
.shop-closing-inner{position:relative;z-index:2;max-width:620px;padding:70px 24px}
.shop-closing-inner h2{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,4.4vw,3.8rem);letter-spacing:-.03em;color:#14301f;margin-bottom:12px}
.shop-closing-inner h2 em{color:#b08d2f}
.shop-closing-inner p{color:#4c5b50;font-size:1.08rem;margin-bottom:24px}
.shop-hero{min-height:520px;display:grid;align-items:center}
.shop-hero-bg{opacity:.24}
.shop-hero img.shop-hero-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.3;margin:0;border-radius:0;pointer-events:none;z-index:0}
.shop-hero .shop-hero__content{position:relative;z-index:2}
.shop-hero img.shop-hero-bg{opacity:.55}
.shop-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(93deg,rgba(250,246,236,.96) 0%,rgba(250,246,236,.82) 38%,rgba(250,246,236,.25) 72%,rgba(250,246,236,.05) 100%)}
.shop-hero img.shop-hero-bg{opacity:.6;animation:shop-kenburns 26s ease-in-out infinite alternate;transform-origin:60% 45%}
@keyframes shop-kenburns{0%{transform:scale(1)}100%{transform:scale(1.09)}}
.shop-hero::before{background:linear-gradient(93deg,rgba(250,246,236,.94) 0%,rgba(250,246,236,.72) 34%,rgba(250,246,236,.16) 68%,rgba(250,246,236,0) 100%)}
@media(prefers-reduced-motion:reduce){.shop-hero img.shop-hero-bg{animation:none}}
.shop-hero::before{background:linear-gradient(93deg,rgba(250,246,236,.97) 0%,rgba(250,246,236,.88) 36%,rgba(250,246,236,.4) 66%,rgba(250,246,236,.06) 100%)}
.shop-hero .shop-hero__content{padding:38px 48px;border-radius:32px;background:radial-gradient(120% 120% at 32% 45%,rgba(250,246,236,.93) 0%,rgba(250,246,236,.72) 52%,rgba(250,246,236,0) 78%)}
/* v57: simple nature hero per client */
.shop-hero::before{display:none}
.shop-hero .shop-hero__content{background:none;padding:0;border-radius:0}
.shop-hero img.shop-hero-bg{opacity:1;animation:none}
.shop-hero{color:#fdf9ef}
.shop-hero .shop-hero__content h1,.shop-hero .shop-hero__content p,.shop-hero .shop-hero__content .eyebrow{color:#fdf9ef;text-shadow:0 3px 26px rgba(6,20,12,.75)}
.shop-hero .shop-hero__content h1 .accent{color:#f1d678}
/* v72: shop hero motion background */
video.shop-hero-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.6;z-index:0;pointer-events:none}
/* v78: shop hero video at full strength, readability via a local bottom scrim */
video.shop-hero-bg{opacity:1!important;z-index:0!important}
.shop-hero{background:#0e1c13!important}
.shop-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(6,20,12,.88) 0%,rgba(6,20,12,.60) 40%,rgba(6,20,12,0) 100%)}
/* v80: shorter hero (less video upscale = less grain) + readable scrim */
.shop-hero{min-height:clamp(420px,52vh,560px)!important;max-height:640px;overflow:hidden}
video.shop-hero-bg{object-position:center 38%;filter:saturate(1.06) contrast(1.03)}
.shop-hero::after{height:78%!important;background:linear-gradient(0deg,rgba(6,20,12,.92) 0%,rgba(6,20,12,.72) 34%,rgba(6,20,12,.34) 64%,rgba(6,20,12,0) 100%)!important}
.shop-hero .shop-hero__content{position:relative;z-index:3}
/* v81: shorter hero WITHOUT clipping its content */
.shop-hero{min-height:600px!important;max-height:none!important;overflow:hidden;padding-block:clamp(70px,9vh,110px)!important;align-content:center}
.shop-hero .shop-hero__content{position:relative;z-index:3}

/* v82: hero is a 16:9 video band, text sits on a light card */
.shop-hero{min-height:0!important;max-height:none!important;aspect-ratio:16/9;max-height:76vh;display:grid;place-items:center;padding-block:0!important;position:relative;overflow:hidden}
video.shop-hero-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center center}
.shop-hero::after{display:none!important}
.shop-hero::before{display:none!important}
.shop-hero .shop-hero__content{position:relative;z-index:3;background:rgba(250,247,239,.90);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:clamp(26px,3.4vw,48px);max-width:min(720px,88%);box-shadow:0 30px 70px rgba(10,28,18,.28);margin:0 auto;text-align:left}
.shop-hero .shop-hero__content h1,.shop-hero .shop-hero__content p,.shop-hero .shop-hero__content .eyebrow{color:#173325!important;text-shadow:none!important}
.shop-hero .shop-hero__content h1 .accent{color:#a8842a!important}
.shop-hero .shop-hero__content .eyebrow{color:#8a7a4a!important}
.shop-accent{display:none}
@media(max-width:720px){.shop-hero{aspect-ratio:4/5;max-height:82vh}.shop-hero .shop-hero__content{max-width:92%;padding:22px}}

/* v84: card fits inside the 16:9 band, clear of the nav */
.shop-hero{aspect-ratio:16/9;min-height:660px;height:auto!important;max-height:none!important;padding-top:118px!important;padding-bottom:36px!important;align-content:center}
.shop-hero .shop-hero__content{max-width:min(660px,86%);padding:clamp(22px,2.4vw,34px)}
.shop-hero .shop-hero__content h1{font-size:clamp(2rem,3.4vw,3.2rem)!important;line-height:1.02;margin:0 0 12px}
.shop-hero .shop-hero__content>p{font-size:.98rem;margin:0 0 16px}
.shop-hero .shop-hero__actions{margin-bottom:14px}
.shop-hero .shop-hero__content .eyebrow{margin-bottom:8px}
@media(max-width:720px){.shop-hero{aspect-ratio:auto;min-height:0;padding-top:104px!important}.shop-hero .shop-hero__content h1{font-size:clamp(1.7rem,7vw,2.3rem)!important}}
.shop-hero{padding-top:152px!important}
@media(max-width:720px){.shop-hero{padding-top:120px!important}}
/* v86: unambiguous clearance under the floating nav */
.shop-hero{align-content:start!important}

/* v87: compact Rhode-style opening media band (~half the viewport), so the
   Herbs / blends / bundles shelf is visibly waiting below the fold line */
.shop-hero{aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding-top:96px!important;padding-bottom:16px!important;align-content:center!important}
.shop-hero .shop-hero__content{max-width:min(640px,90%);padding:clamp(12px,1.4vw,18px) clamp(18px,2vw,28px)}
.shop-hero .shop-hero__content .eyebrow{margin-bottom:3px;font-size:.64rem}
.shop-hero .shop-hero__content h1{font-size:clamp(1.4rem,2.2vw,2.05rem)!important;line-height:1.02;margin:0 0 5px}
.shop-hero .shop-hero__content>p:not(.eyebrow){font-size:.88rem;line-height:1.45;margin:0 0 9px;max-width:52ch}
.shop-hero .shop-hero__actions{margin-bottom:6px;gap:10px}
.shop-hero .shop-hero__actions .btn,.shop-hero .shop-hero__actions .storefront-cart-button{padding:9px 16px;font-size:.7rem}
.shop-hero .shop-hero__content>p.shop-proof--trust{font-size:.72rem;margin:0 0 6px;gap:9px}
.shop-hero__index{margin-top:0;gap:13px;padding-top:6px}
.shop-hero__index a,.shop-hero__index a:nth-child(2),.shop-hero__index a:last-child{font-size:.68rem;padding:0}
.shop-hero__index span{font-size:.6rem}
@media(max-width:720px){
  .shop-hero{padding-top:98px!important;padding-bottom:22px!important}
  .shop-hero .shop-hero__content{max-width:94%;padding:16px 18px}
  .shop-hero .shop-hero__content h1{font-size:clamp(1.45rem,6vw,1.9rem)!important}
}
/* pull the shelf heading up so products announce themselves in viewport one */
.shop-shell{padding-top:clamp(30px,4vw,46px)}
.shop-hero .shop-hero__content{margin-top:0!important}

/* ============ v88: Rhode-style shop tiles (rhodeskin.com/collections/shop) ============ */
.shop-product-grid .storefront-card{border:1px solid rgba(20,59,40,.16);background:#fff;box-shadow:none;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:10px 10px 16px}
.shop-product-grid .storefront-card__media{border-radius:13px}
.shop-product-grid .storefront-card__body{padding:12px 4px 0}
.shop-product-grid .storefront-card__media{position:relative;display:block;aspect-ratio:1/1.06;border-radius:18px;overflow:hidden;background:#f1ece1;box-shadow:0 1px 0 rgba(31,58,42,.06)}
.shop-product-grid .storefront-card__media shopify-media img,.shop-product-grid .storefront-card__media shopify-media::part(image){width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.9,.28,1)}
.shop-product-grid .storefront-card:hover .storefront-card__media shopify-media img,.shop-product-grid .storefront-card:hover .storefront-card__media shopify-media::part(image){transform:scale(1.035)}
.storefront-card__media::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 62% 46% at 14% 10%,rgba(250,248,242,.92) 0%,rgba(250,248,242,.62) 45%,transparent 78%);z-index:1;pointer-events:none}
.storefront-card__word{position:absolute;left:16px;top:12px;z-index:2;font-family:var(--display,'Fraunces',serif);font-weight:600;font-size:clamp(1.5rem,1.8vw,1.9rem);letter-spacing:-.02em;text-transform:lowercase;color:#132a1e;text-shadow:0 1px 0 rgba(250,248,242,.9),0 0 22px rgba(250,248,242,.95),0 0 8px rgba(250,248,242,.9);pointer-events:none}
.shop-product-grid .storefront-card__type{position:absolute;right:12px;top:12px;z-index:2}
.storefront-quick-add--tile{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);z-index:2;opacity:0;transition:opacity .3s,transform .3s;min-height:44px;border-radius:999px;padding:0 22px;background:rgba(250,249,246,.95);border:1px solid #143b28;color:#143b28;font-weight:750;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.storefront-card:hover .storefront-quick-add--tile,.storefront-quick-add--tile:focus-visible{opacity:1;transform:translate(-50%,0)}
.storefront-quick-add--tile:hover{background:#143b28;color:#fff}
@media(hover:none){.storefront-quick-add--tile{opacity:1;transform:translate(-50%,0)}}
.storefront-card__stars{margin:0;color:#caa53d;font-size:.66rem;letter-spacing:.12em}
.shop-product-grid .storefront-card__body{padding:0 2px;display:flex;flex-direction:column;gap:6px}
.shop-product-grid .storefront-card__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.shop-product-grid .storefront-card__heading h2{font-family:var(--body,'Satoshi',sans-serif);font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#173525;margin:0;line-height:1.3}
.shop-product-grid .storefront-card__heading strong{font-size:.85rem;color:#173525;font-weight:650;white-space:nowrap}
.shop-product-grid .storefront-card__description{display:none}
.shop-product-grid .storefront-text-link{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;align-self:flex-start}

/* ============ v89: Rhode statement hero + readable card CTAs + Best Seller ============ */
/* hero: full-bleed film with ONE centered statement, no glass card */
.shop-hero{min-height:56vh;max-height:640px;display:grid;place-items:center}
.shop-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,26,16,.55),rgba(10,26,16,.28) 45%,rgba(10,26,16,.34));z-index:1;pointer-events:none}
.shop-hero__content--statement{position:relative;z-index:2;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:24px;max-width:1100px;text-align:center}
.shop-hero__content--statement h1{margin:0;font-family:var(--display,'Fraunces',serif);font-weight:400;font-size:clamp(2.6rem,5.4vw,5.4rem);letter-spacing:-.03em;line-height:1.02;color:#fff;text-shadow:0 3px 30px rgba(4,18,10,.8)}
.shop-hero__content--statement h1 .accent{font-style:italic;color:#f2da8a}
.shop-accent{display:none}
/* shelf heading: short and centered, no side blurb */
.shop-heading--tight{display:block;text-align:center;margin-bottom:18px}
.shop-heading--tight h2{margin:0}
/* card CTA links: dark on cream, actually readable */
.shop-product-grid .storefront-text-link,
.editorial-product-grid .storefront-text-link{color:#143b28;border:1px solid rgba(20,59,40,.45);background:transparent}
.shop-product-grid .storefront-text-link:hover,
.editorial-product-grid .storefront-text-link:hover{background:#143b28;color:#fff;border-color:#143b28}
/* Best Seller sticker */
.storefront-card__badge{position:absolute;right:12px;top:12px;z-index:3;background:#143b28;color:#f7f3e8;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;box-shadow:0 6px 14px rgba(20,59,40,.25);pointer-events:none}

/* v89b: statement hero must beat the v87 compact overrides */
.shop-hero{min-height:56vh!important;max-height:640px!important;height:auto!important;padding:0!important;display:grid!important;place-items:center!important;align-content:center!important}
.shop-hero .shop-hero__content--statement{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:1100px!important;padding:24px!important}
.shop-hero .shop-hero__content--statement h1{font-size:clamp(2.6rem,5.4vw,5.4rem)!important;color:#fff!important;line-height:1.02!important;margin:0!important}
@media(max-width:720px){.shop-hero{min-height:44vh!important}.shop-hero .shop-hero__content--statement h1{font-size:clamp(1.9rem,8.4vw,2.8rem)!important}}

/* v89c: gold italic must not wash out over the bright waterfall */
.shop-hero .shop-hero__content--statement h1 .accent{color:#f2da8a!important;text-shadow:0 2px 10px rgba(4,18,10,.9),0 4px 36px rgba(4,18,10,.75)}
.shop-hero::after{background:linear-gradient(0deg,rgba(10,26,16,.6),rgba(10,26,16,.38) 45%,rgba(10,26,16,.42))}

/* v90b: statement text sits LEFT of the waterfall, left-aligned; shelf heading
   aligns flush with the filter bar edge instead of floating mid-page */
.shop-hero{place-items:center start!important}
.shop-hero .shop-hero__content--statement{text-align:left!important;max-width:min(760px,60vw)!important;margin-left:clamp(24px,7vw,120px)!important;padding:24px 0!important}
@media(max-width:720px){.shop-hero .shop-hero__content--statement{max-width:88vw!important;margin-left:6vw!important}}
.shop-heading--tight{text-align:left;margin-bottom:18px}
.shop-heading--tight .eyebrow{justify-content:flex-start}

/* ============ v91: premium tile treatment (soft sand plates, blended
   white-bg Shopify photos, refined type + hover) ============ */
.shop-product-grid .storefront-card__media{background:#f4efe6;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(31,58,42,.06);transition:box-shadow .45s cubic-bezier(.22,.9,.28,1)}
/* subtle inner vignette so the photo sits IN the plate, not on it */
.shop-product-grid .storefront-card__media::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(130% 105% at 50% 36%,rgba(255,255,255,0) 54%,rgba(31,58,42,.08) 100%)}
/* white-background Shopify product photos blend into the sand plate */
.shop-product-grid .storefront-card__media shopify-media{background:transparent}
.shop-product-grid .storefront-card__media shopify-media img,
.shop-product-grid .storefront-card__media shopify-media::part(image){mix-blend-mode:multiply}
/* keyword word slightly larger, still lowercase editorial */
.storefront-card__word{left:18px;top:14px;font-size:clamp(1.65rem,2vw,2.1rem)}
/* refined star row: smaller, letterspaced */
.storefront-card__stars{font-size:.58rem;letter-spacing:.34em;color:#c19d33}
/* name / price row alignment + hierarchy */
.shop-product-grid .storefront-card__body{gap:7px;padding:2px 4px 0}
.shop-product-grid .storefront-card__heading{align-items:baseline}
.shop-product-grid .storefront-card__heading h2{letter-spacing:.09em}
.shop-product-grid .storefront-card__heading strong{font-family:var(--display,'Fraunces',serif);font-size:.98rem;font-weight:500;letter-spacing:0}
/* gentle hover lift: shadow lives on the plate, never on the transparent card */
.shop-product-grid .storefront-card{transition:transform .45s cubic-bezier(.22,.9,.28,1)}
.shop-product-grid .storefront-card:hover{transform:translateY(-5px);box-shadow:none}
.shop-product-grid .storefront-card:hover .storefront-card__media{box-shadow:inset 0 0 0 1px rgba(31,58,42,.06),0 24px 44px rgba(31,58,42,.16)}
/* consistent radii across the shelf (14-18px) */
.editorial-product-grid .storefront-card{border-radius:18px}
.shop-product-grid .storefront-card--skeleton{border-radius:16px;background:#f4efe6}
/* Best Seller badge stays; give it a hairline so it reads deliberate */
.storefront-card__badge{border:1px solid rgba(247,243,232,.35)}

/* v95 · Rhode shop hover: packshot crossfades to the full-bleed editorial
   shot, quick-add becomes a white BUY pill (his 29 Jul screen recording). */
.shop-product-grid .storefront-card__hover{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .45s ease,transform .9s cubic-bezier(.22,1,.36,1);pointer-events:none}
.shop-product-grid .storefront-card:hover .storefront-card__hover,
.shop-product-grid .storefront-card:focus-within .storefront-card__hover{opacity:1;transform:scale(1)}
.shop-product-grid .storefront-quick-add--buy{z-index:2;left:12px;right:12px;transform:translateY(8px);width:auto;max-width:none;white-space:nowrap;background:rgba(255,255,255,.96);border:0;box-shadow:0 10px 26px rgba(10,26,18,.28);font-size:.72rem;letter-spacing:.12em;min-height:46px}
.shop-product-grid .storefront-card:hover .storefront-quick-add--buy,
.shop-product-grid .storefront-quick-add--buy:focus-visible{opacity:1;transform:translateY(0)}
.shop-product-grid .storefront-quick-add--buy:hover{background:#143b28;color:#fff}
@media(hover:none){
  .shop-product-grid .storefront-quick-add--buy{opacity:1;transform:translateY(0)}
  .shop-product-grid .storefront-card__hover{display:none}
}

/* v97 · e-books + digital products carry the exact herb-card chrome
   (Shreyas 29 Jul: replicate the herb card format for the ebooks). */
.editorial-product-grid .storefront-card--editorial{border:1px solid rgba(20,59,40,.16);background:#fff;box-shadow:none;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:10px 10px 16px;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1)}
.editorial-product-grid .storefront-card--editorial:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(20,59,40,.14)}
.editorial-product-grid .storefront-card--editorial .storefront-card__media{position:relative;border-radius:13px;overflow:hidden;background:#f1ece1;aspect-ratio:3/4;margin:0;box-shadow:0 1px 0 rgba(31,58,42,.06)}
.editorial-product-grid .storefront-card--editorial .storefront-card__media shopify-media img,
.editorial-product-grid .storefront-card--editorial .storefront-card__media shopify-media::part(image){object-fit:contain!important;object-position:center!important;transition:transform .5s cubic-bezier(.22,.9,.28,1)}
.editorial-product-grid .storefront-card--editorial:hover .storefront-card__media shopify-media img,
.editorial-product-grid .storefront-card--editorial:hover .storefront-card__media shopify-media::part(image){transform:scale(1.035)}
.editorial-product-grid .storefront-card--editorial .storefront-card__body{padding:12px 4px 0}
.editorial-product-grid .storefront-card--editorial .storefront-card__heading h2{font-family:var(--display);font-weight:500;letter-spacing:-.01em}
.editorial-product-grid .storefront-card--editorial .storefront-card__heading strong{font-size:1.05rem;font-family:var(--display);letter-spacing:.01em}
.editorial-product-grid .storefront-card--editorial .storefront-quick-add{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);z-index:2;opacity:0;transition:opacity .3s,transform .3s;min-height:44px;border-radius:999px;padding:0 22px;background:rgba(250,249,246,.95);border:1px solid #143b28;color:#143b28;font-weight:750;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.editorial-product-grid .storefront-card--editorial:hover .storefront-quick-add,
.editorial-product-grid .storefront-card--editorial .storefront-quick-add:focus-visible{opacity:1;transform:translate(-50%,0)}
.editorial-product-grid .storefront-card--editorial .storefront-quick-add:hover{background:#143b28;color:#fff}
@media(hover:none){.editorial-product-grid .storefront-card--editorial .storefront-quick-add{opacity:1;transform:translate(-50%,0)}}

/* ============ v98 · digital card hover, 2-up phone grid, hero halo ============ */

/* e-book / program cards: real cover hover reveal (Shopify CDN art) so they
   feel as alive as the herb cards. Cover crossfades from contained packshot
   to a full-bleed crop with the white Buy pill, same language as the herbs. */
.editorial-product-grid .storefront-card--editorial .storefront-card__hover{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .45s ease,transform .9s cubic-bezier(.22,1,.36,1);pointer-events:none}
.editorial-product-grid .storefront-card--editorial:hover .storefront-card__hover,
.editorial-product-grid .storefront-card--editorial:focus-within .storefront-card__hover{opacity:1;transform:scale(1)}
.editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy{left:12px;right:12px;transform:translateY(8px);width:auto;max-width:none;white-space:nowrap;background:rgba(255,255,255,.96);border:0;box-shadow:0 10px 26px rgba(10,26,18,.28);font-size:.72rem;letter-spacing:.12em;min-height:46px}
.editorial-product-grid .storefront-card--editorial:hover .storefront-quick-add--buy,
.editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy:focus-visible{opacity:1;transform:translateY(0)}
.editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy:hover{background:#143b28;color:#fff}
@media(hover:none){
  .editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy{opacity:1;transform:translateY(0)}
  .editorial-product-grid .storefront-card--editorial .storefront-card__hover{display:none}
}

/* Phone shelves show 2 products per row (4 per screen), matching the live
   theelectriceats.com store, with type tightened so 2-up reads clean.
   This later block intentionally overrides the earlier 600px 1-column rule. */
@media (max-width: 640px){
  .shop-product-grid,
  .editorial-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shop-product-grid .storefront-card,
  .editorial-product-grid .storefront-card--editorial{padding:7px 7px 12px;border-radius:16px}
  .shop-product-grid .storefront-card__media,
  .editorial-product-grid .storefront-card--editorial .storefront-card__media{border-radius:11px}
  .storefront-card__word{left:10px;top:8px;font-size:1.05rem}
  .storefront-card__badge{right:8px;top:8px;padding:5px 9px;font-size:.52rem}
  .shop-product-grid .storefront-card__type{right:8px;top:8px}
  .shop-product-grid .storefront-card__body,
  .editorial-product-grid .storefront-card--editorial .storefront-card__body{padding:8px 2px 0;gap:5px}
  .shop-product-grid .storefront-card__heading,
  .editorial-product-grid .storefront-card__heading{flex-direction:column;align-items:flex-start;gap:2px}
  .shop-product-grid .storefront-card__heading h2{font-size:.66rem;letter-spacing:.07em}
  .editorial-product-grid .storefront-card--editorial .storefront-card__heading h2{font-size:.92rem;line-height:1.12}
  .shop-product-grid .storefront-card__heading strong{font-size:.85rem}
  .editorial-product-grid .storefront-card--editorial .storefront-card__heading strong{font-size:.9rem}
  .storefront-card__stars{font-size:.5rem;letter-spacing:.26em}
  .storefront-quick-add--tile{min-height:38px;padding:0 14px;font-size:.6rem;bottom:8px}
  .shop-product-grid .storefront-quick-add--buy,
  .editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy{left:8px;right:8px;min-height:38px;font-size:.6rem;letter-spacing:.08em}
  .shop-product-grid .storefront-text-link,
  .editorial-product-grid .storefront-text-link{font-size:.58rem;padding:6px 10px}
}

/* Shop hero statement: soft radial halo scrim + text shadow so the heading
   holds the 4.5:1 floor over the brightest video frames, without a heavy
   white overlay (her explicit ask). Dark halo, because the type is white. */
.shop-hero .shop-hero__content--statement::before{content:'';position:absolute;inset:-14% -12%;z-index:0;background:radial-gradient(58% 64% at 42% 52%,rgba(7,20,13,.58) 0%,rgba(7,20,13,.34) 52%,rgba(7,20,13,0) 78%);pointer-events:none}
.shop-hero .shop-hero__content--statement h1{position:relative;z-index:1;text-shadow:0 2px 8px rgba(4,18,10,.85),0 6px 34px rgba(4,18,10,.7)!important}

/* v99: apothecary page substrate (paper fibre under the whole shop body).
   product.html also loads this file, but .pp-body's own substrate rule in
   product.css outranks the bare body selector, so the PDP is unaffected. */
/* !important because home.css carries `body{background:#faf6ec!important}`
   (line ~476, a journey-hero support rule); shop.css loads after home.css on
   every page that links it, so this later !important wins the tie. */
body{background:url("assets/img/tex/paper-card.webp?v=128") repeat 0 0/620px,#faf6ec!important;background-blend-mode:multiply}
html.theme-gradient body{background:
  radial-gradient(70% 60% at 14% 4%,rgba(201,169,66,.11),transparent 55%),
  radial-gradient(76% 70% at 90% 10%,rgba(31,58,42,.08),transparent 56%),
  url("assets/img/tex/paper-card.webp?v=128") repeat 0 0/620px,#faf6ec!important;background-blend-mode:normal,normal,multiply,normal}

/* v101: Raisa's 6 Aug Shop All replacements. */
.shop-cta__copy h2{text-wrap:balance}
.shop-cta__copy .btn{min-height:52px;padding-inline:30px}
.shop-closing{min-height:560px;padding:74px 20px}
.shop-closing::after{background:linear-gradient(180deg,rgba(250,246,236,.94),rgba(250,246,236,.78))}
.shop-closing-inner{width:min(1040px,100%);max-width:none;padding:0}
.shop-closing-inner>.eyebrow{margin-bottom:12px;color:#8a6d1d}
.shop-closing-inner h2{max-width:760px;margin:0 auto 12px;font-size:clamp(2.7rem,5.2vw,5rem);line-height:1}
.shop-closing-inner>p:not(.eyebrow){max-width:650px;margin:0 auto 30px}
.shop-concern-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(920px,100%);margin-inline:auto}
.shop-concern-directory a{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(31,58,42,.24);border-radius:999px;padding:9px 14px;background:rgba(250,249,246,.88);color:var(--forest);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:background .22s,color .22s,border-color .22s,transform .22s}
.shop-concern-directory a:hover,.shop-concern-directory a:focus-visible{background:var(--forest);border-color:var(--forest);color:#fff;transform:translateY(-2px)}
@media(max-width:620px){
  .shop-closing{min-height:0;padding:58px 16px}
  .shop-concern-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .shop-concern-directory a{min-height:48px;padding:8px 10px;font-size:.61rem;letter-spacing:.035em}
  .shop-cta__copy h2{font-size:clamp(2.7rem,13vw,4rem)}
}

/* v102: complete 6 Aug mobile commerce/rail corrections. */
.storefront-card__media-link{position:absolute;inset:0;z-index:0;display:block;color:inherit}
.storefront-card__media-link shopify-media{width:100%;height:100%;display:block!important}
.shop-product-grid .storefront-quick-add--buy,
.editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy{z-index:4;min-height:44px;background:#143b28;border:1px solid #143b28;color:#fff;box-shadow:0 10px 26px rgba(10,26,18,.28)}
.shop-product-grid .storefront-quick-add--buy:hover,
.editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy:hover{background:#1f4c35;border-color:#1f4c35;color:#fff}
.shop-filter-rail-nav,.shop-filter-discover{display:none}
#live-apothecary{scroll-margin-top:120px}
@media(min-width:721px){
  .filter-list{padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--forest) rgba(31,58,42,.12)}
  .filter-list::-webkit-scrollbar{display:block;height:8px}
  .filter-list::-webkit-scrollbar-track{border-radius:999px;background:rgba(31,58,42,.12)}
  .filter-list::-webkit-scrollbar-thumb{border-radius:999px;background:var(--forest)}
}
@media(max-width:720px){
  .shop-filter-rail-nav{display:grid;margin:14px 0 0}
  .shop-filter-discover{display:flex;width:100%;min-height:52px;margin-top:14px}
  .shop-product-grid .storefront-quick-add--buy,
  .editorial-product-grid .storefront-card--editorial .storefront-quick-add--buy{min-height:44px;font-size:.61rem;letter-spacing:.06em}
}