/* Static crystal roses remain visible through a single rose veil and light glass layers. */
:root { --garden-rose: #632b43; --garden-ivory: #fff6f8; --header-height: 84px; }
html { scroll-padding-top: 100px; overscroll-behavior-y: none; }
body {
  position: relative;
  isolation: isolate;
  padding-top: var(--header-height);
  color: var(--garden-ivory);
  background: #632b43;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(110deg, #461c3a99, #57234094 52%, #4a203c99),
    url('assets/crystal-rose-original.jpg') center top / min(100%,2752px) auto repeat;
}
.announcement { display: none; }
.site-header {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  height: var(--header-height);
  z-index: 50;
  background: #5b283dcc;
  border-bottom: 1px solid #fce2ed33;
  box-shadow: 0 6px 30px #3e142426;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}
.site-header .brand img { width: 119px; }
.site-header nav { margin-left: 14px; gap: 25px; }
.site-header nav a { color: #fff1f5df; }
.site-header nav a:hover { color: #fff; }
.header-actions { gap: 19px; }
.site-header .privacy-toggle { color: #fff1f5d9; }
.site-header .privacy-toggle[aria-pressed="true"] { color: #fff; }
.store-jump {
  --button: #f4c4d6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 38px;
  padding: 11px 18px;
  border: 1px solid #ffe8f275;
  border-radius: 4px;
  background: #f4c4d6;
  color: #422131;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  transition: background .2s, box-shadow .2s;
}
.store-jump:hover { background: #ffe2ec; box-shadow: 0 0 22px #e7abc13b; }
.site-header :is(a,button):focus-visible,
main :is(a,button,summary,select):focus-visible,
.site-footer :is(a,button):focus-visible { outline-color: #ffe9f2; }
.skip-link { background: #f4c4d6; color: #422131; }
#collection, #approach, #questions { scroll-margin-top: 0; }
#collection-title:focus { outline: none; }

.values-strip {
  color: #fff3f7e6;
  background: #77374d52;
  border-color: #ffe3ed33;
}
.values-strip svg { color: #ffe3ed; }
.values-strip i { background: #ffe3ed55; }
.collection, .approach, .faq {
  max-width: none;
  color: var(--garden-ivory);
  background: #64304438;
}
.collection {
  padding-top: 86px;
  padding-bottom: 78px;
  border-bottom: 1px solid #ffe3ed26;
}
.collection .section-heading .eyebrow,
.approach-copy .eyebrow,
.faq-intro .eyebrow { color: #ffe4eed9; }
.section-heading :is(h1,h2), .approach-copy h2, .faq-intro h2 { color: #fff8fa; }
.section-heading :is(h1,h2) em, .approach-copy h2 em, .faq-intro h2 em { color: #f8cedf; }
.section-heading > p { color: #fff0f4d1; }
.filter-tabs button {
  color: #fff5f8;
  border-color: #ffe4ee70;
  background: #f3bfd51a;
}
.filter-tabs button:hover { border-color: #fff2f8; background: #f3bfd52b; }
.filter-tabs button[aria-pressed="true"] { color: #482335; background: #f5cede; border-color: #f5cede; }
.sort-label, .sort-label select { color: #fff1f5; }
.sort-label select option { color: #422131; background: #fff3f8; }
.product-card {
  color: #422131;
  border: 1px solid #ffe1ec7d;
  border-radius: 7px;
  background: #ffe8f084;
  overflow: hidden;
  box-shadow: 0 12px 34px #40132314;
}
.product-card .product-visual { border: 0; border-radius: 0; box-shadow: none; }
.product-card.plum .product-visual { background: radial-gradient(ellipse at 45% 31%, #fff8fbc4, #f5c8deac 80%); }
.product-card.rose .product-visual { background: radial-gradient(ellipse at 45% 31%, #fff3f3c4, #f2bcbfac 80%); }
.product-card.sage .product-visual { background: radial-gradient(ellipse at 45% 31%, #fff8fbc4, #e6ccd9b5 80%); }
.product-card.sand .product-visual { background: radial-gradient(ellipse at 45% 31%, #fff8fbc4, #f0cedbb0 80%); }
.product-card .product-info { padding: 19px 18px 22px; background: #fff4f8ed; min-height: 101px; }
.product-title { color: #422131; }
.product-price { color: #5d3245; }
.product-category, .product-subtitle { color: #7b5266; }
.product-badge { color: #60374a; background: #fff9f8d1; }
.product-add { color: #4b2638; background: #fff6fa; }
.product-add:hover { background: #ffe3ee; }
.product-card :is(button,a):focus-visible { outline-color: #913e63; outline-offset: 3px; }
.catalogue-note { color: #fff0f4bd; }
.discreet .product-visual::after { color: #795363; }

.approach { padding-top: 66px; padding-bottom: 77px; background: #66304433; }
.approach-art { background: #b36b85aa; border: 1px solid #ffe1ed57; box-shadow: 0 18px 65px #3c172126; }
.approach-copy > p, .approach-detail p { color: #fff0f4d6; }
.approach-detail > span { color: #f5c4d8; }
.approach-detail h3 { color: #fff8fa; }
.approach-copy .text-link { color: #fff3f7; border-color: #f5c4d8; }
.faq { background: #59253b4d; border-color: #ffe3ed33; }
.faq-intro p, .faq-list details p { color: #fff0f4d6; }
.faq-list summary { color: #fff5f8; }
.faq-list details, .faq-list details:first-child { border-color: #ffe3ed47; }
.closing { background: #8d4a6338; color: #fff8fa; border-color: #ffe3ed40; }
.closing > .eyebrow { color: #ffe0ed; }
.closing > p em { color: #f9d2e3; }
.closing .button-primary { --button: #f4c4d6; color: #422131; }
.site-footer { background: #57263b61; color: #fff2f6; }
.footer-main { border-bottom-color: #ffe3ed38; }
.footer-main p { color: #ffe9f1c9; }
.footer-main a:hover, .footer-main button:hover { color: #fff; }
.adult-label { color: #fff0f5c7; border-color: #ffe3ed66; }
.footer-bottom { color: #ffe9f1b0; }
dialog { color: #1d1a1d; }
dialog::backdrop { background: #421c36a6; }
.toast { z-index: 60; }
.bag-symbol { display: none; }

@media (min-width: 1600px) {
  .collection, .approach, .faq { padding-left: max(5%, calc((100vw - 1440px) / 2)); padding-right: max(5%, calc((100vw - 1440px) / 2)); }
}
@media (max-width: 1100px) {
  .site-header { gap: 18px; }
  .site-header nav { margin-left: 3px; gap: 17px; }
  .header-actions { gap: 13px; }
  .store-jump { padding: 11px 15px; }
  .product-card .product-info { padding: 16px 13px 19px; }
}
@media (max-width: 800px) {
  .site-header nav { display: none; }
  .site-header .brand img { width: 108px; }
  .header-actions { gap: 17px; }
  .product-card .product-info { min-height: 98px; }
}
@media (max-width: 560px) {
  :root { --header-height: 72px; }
  html { scroll-padding-top: 86px; }
  .site-header { height: 72px; padding: 0 5%; gap: 10px; }
  .site-header .brand img { width: 85px; height: 38px; }
  .site-header .privacy-label { display: none; }
  .header-actions { gap: 10px; }
  .store-jump { font-size: 10px; min-height: 36px; padding: 10px 12px; }
  .bag-button { gap: 5px; font-size: 10px; }
  .bag-button span { width: 20px; height: 20px; }
  .privacy-toggle svg { width: 19px; height: 19px; }
  .collection { padding-top: 49px; padding-bottom: 46px; }
  .collection .section-heading :is(h1,h2) { font-size: 37px; }
  .filter-tabs { gap: 5px; }
  .filter-tabs button { padding: 9px 10px; font-size: 9px; }
  .product-card .product-info { padding: 13px 10px 16px; min-height: 121px; }
  .product-title { font-size: 21px; }
  .product-category { font-size: 9px; }
  .product-badge { font-size: 6.5px; left: 7px; top: 9px; padding: 5px 6px; }
  .catalogue-note { line-height: 1.7; }
  .approach { padding-top: 42px; padding-bottom: 48px; }
  .faq { padding-top: 45px; padding-bottom: 49px; }
  .footer-bottom { line-height: 1.7; }
}
@media (max-width: 430px) {
  .site-header .search-trigger { display: grid; padding: 2px; }
  .header-actions { gap: 8px; }
  .site-header .brand img { width: 78px; }
  .store-jump { padding: 10px; }
  .bag-button { font-size: 0; gap: 0; }
  .bag-button span { font-size: 10px; }
  .bag-symbol { display: block; width: 18px; height: 18px; margin-right: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}