/* Preserve the established beauty storefront while POD lives in its own collection. */
.beauty-home {
  --porcelain: #f7fafc;
  --mist: #ddeaFA;
  --jade: #789786;
  --deep-jade: #496858;
  --shell: #f2ccda;
  --silver: #c9d4db;
  --ink: #172226;
  --quiet: #617076;
  --line: rgba(23, 34, 38, 0.16);
  --purchase: #425f53;
  --purchase-hover: #31483f;
  --purchase-shadow: rgba(66, 95, 83, .24);
  --display: "Bodoni Moda", Georgia, serif;
  --body: "Plus Jakarta Sans", Arial, sans-serif;
  --page: min(1440px, calc(100vw - 48px));
}

.beauty-home .announcement { background: var(--ink); }
.beauty-home .announcement__status { color: #b9d5c5; }
.beauty-home .site-header { height: 78px; }
.beauty-home .wordmark { font-weight: 600; font-size: 22px; letter-spacing: .22em; }
.beauty-home .desktop-nav a { font-weight: 400; }
.beauty-home .bag-button { min-width: 0; }
.beauty-home .trust-band { margin-top: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.beauty-home .shop-section { padding-top: 130px; }
.beauty-home .section-heading h2,
.beauty-home .ritual h2,
.beauty-home .newsletter h2 { font-weight: 500; letter-spacing: -.04em; }
.beauty-home .filters { position: static; width: auto; max-width: none; padding: 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; }
.beauty-home .filter { border: 1px solid var(--line); }
.beauty-home .filter:hover,
.beauty-home .filter.is-active { border-color: var(--ink); background: var(--ink); }
.beauty-home .product-card__visual { border-radius: 0; background: #e8f0f3; }
.beauty-home .product-card:nth-child(4n+2) .product-card__visual { background: #e7ecdf; }
.beauty-home .product-card:nth-child(4n+3) .product-card__visual { background: #f3e5ea; }
.beauty-home .product-card:nth-child(4n+4) .product-card__visual { background: #e1edf4; }
.beauty-home .product-card__badge { color: var(--deep-jade); }
.beauty-home .product-card__name { font-weight: 500; }
.beauty-home .product-card__price span { color: inherit; font-weight: 400; }
.beauty-home .ritual { margin-top: 0; margin-bottom: 120px; border-radius: 0; background: transparent; color: var(--ink); overflow: visible; }
.beauty-home .ritual__panel--copy { background: var(--ink); color: white; }
.beauty-home .ritual__panel--copy p { color: #b8c4c7; }
.beauty-home .ritual__panel--copy .text-link { color: white; }
.beauty-home .ritual__panel--steps { background: var(--mist); color: var(--ink); }
.beauty-home .newsletter { margin-top: 0; border-radius: 0; background: var(--jade); }
.beauty-home .site-footer { border-color: var(--ink); }

@media (max-width: 700px) {
  .beauty-home .trust-band { margin-top: 0; }
  .beauty-home .filters { width: auto; border-radius: 0; }
  .beauty-home .ritual { margin-top: 0; border-radius: 0; }
  .beauty-home .newsletter { border-radius: 0; }
}
