.js-top-banner.Section__min { margin-bottom: max(.9375rem, 1.04167vw); }
@media (min-width: 1040px) {
  .js-top-banner.Section__min { margin-bottom: 1.25rem; }
}
.TopBanner { z-index: var(--z-banner); opacity: 1; margin-top: 0; margin-bottom: 0; position: relative; }
.TopBanner.show { opacity: 1; margin-top: 0; }
.TopBanner-body { text-align: center; border-radius: .625rem; justify-content: center; align-items: center; min-height: 2.5rem; padding: .625rem .9375rem; display: flex; }
.TopBanner-body a:hover { text-decoration: none !important; }
.TopBanner-body p { text-transform: uppercase; text-align: center; width: fit-content; margin: 0 auto; font-family: var(--font-body); font-size: .75rem; font-weight: 600; line-height: .875rem; white-space: nowrap; }
.TopBanner-body .swiper-slide { width: 100% !important; }
.TopBanner__controls { justify-content: center; align-items: center; display: flex; position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); }
.TopBanner__controls button { cursor: pointer; padding: .5rem; background: none; border: none; }
@media print, screen and (min-width: 1040px) {
  .TopBanner { margin-bottom: 0; }
}
.Collection-slider { border-radius: 12px; position: relative; overflow: hidden; }
.Collection-slider-container { padding-bottom: 0; position: relative; overflow: visible; }
.Collection-slider-container .swiper-wrapper { will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.Collection-slider-container .swiper-slide { will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); }
.Collection-slider-prev,
.Collection-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.5);
  color: var(--color-brown);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  transition: background var(--dur-base) ease, border-color var(--dur-base) ease, opacity var(--dur-base) ease;
}
.Collection-slider-prev { left: 12px; }
.Collection-slider-next { right: 12px; }
.Collection-slider-prev:hover,
.Collection-slider-next:hover {
  background: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.8);
}
.Collection-slider-prev.swiper-button-disabled,
.Collection-slider-next.swiper-button-disabled { opacity: 0; pointer-events: none; transition: opacity var(--dur-base) ease; }
.Collection-slider-pagination { display: none; }
@media (max-width: 1039px) {
  .Collection-slider-container { padding-bottom: .75rem !important; overflow: hidden; }
  .Collection-slider-prev, .Collection-slider-next { display: none; }
  .Collection-slider-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 1rem;
  }
  .Collection-slider-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4d0cc;
    opacity: 1;
    transition: background var(--dur-base);
  }
  .Collection-slider-pagination .swiper-pagination-bullet-active {
    background: var(--color-brown);
  }
}
@media (min-width: 1040px) {
  .Collection-slider .swiper-slide { height: auto; }
  .Collection-slider-container { overflow: hidden; }
}
.Banner { border-radius: 12px; flex-flow: column; display: flex; position: relative; overflow: hidden; }
.Banner[data-desktop-content-position="top-left"] { justify-content: flex-start; align-items: flex-start; }
.Banner[data-desktop-content-position="top-center"] { justify-content: center; align-items: flex-start; }
.Banner[data-desktop-content-position="center-left"] { justify-content: flex-start; align-items: center; }
.Banner[data-desktop-content-position="center"] { justify-content: center; align-items: center; }
.Banner[data-desktop-content-position="center-right"] { justify-content: flex-end; align-items: center; }
.Banner[data-desktop-content-position="bottom-left"] { justify-content: flex-start; align-items: flex-end; }
.Banner[data-desktop-content-position="bottom-center"] { justify-content: center; align-items: flex-end; }
.Banner[data-desktop-content-position="bottom-right"] { justify-content: flex-end; align-items: flex-end; }
.Banner__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.Banner__image { z-index: -1; width: 100%; position: relative; }
.Banner__image > div { width: 100%; }
.Banner__content { flex-flow: column; width: 100%; display: flex; }
.Banner__content__container { flex-flow: column; display: flex; width: 100%; }
.Banner__content[data-spacing-size="xxs"] { padding: max(.75rem, .833333vw); }
.Banner__content[data-spacing-size="xs"] { padding: max(1rem, 1.11111vw); }
.Banner__content[data-spacing-size="s"] { padding: max(1.25rem, 1.38889vw); }
.Banner__content[data-spacing-size="m"] { padding: max(1.5rem, 1.66667vw); }
.Banner__content[data-spacing-size="l"] { padding: max(1.875rem, 2.08333vw); }
.Banner__content[data-spacing-size="xl"] { padding: max(2.125rem, 2.36111vw); }
.Banner__content h1, .Banner__content h2, .Banner__content p { white-space: break-spaces; width: 100%; margin: 0; font-weight: 400; }
.Banner__content h2[data-font-size="xxs"] { font-size: max(1rem, 1.11111vw); }
.Banner__content h2[data-font-size="xs"] { font-size: max(1.25rem, 1.38889vw); }
.Banner__content h2[data-font-size="s"] { font-size: max(1.5rem, 1.66667vw); }
.Banner__content h2[data-font-size="m"] { font-size: max(1.875rem, 2.08333vw); }
.Banner__content h2[data-font-size="l"] { font-size: max(2.125rem, 2.36111vw); }
.Banner__content h2[data-font-size="xl"] { font-size: max(2.375rem, 2.63889vw); }
.Banner__content h2[data-font-size="xxl"] { font-size: max(4.75rem, 5.27778vw); }
.Banner__content__cta { margin-top: .4rem; }
.Banner__content__cta[data-mobile-cta-alignment="left"] { align-self: flex-start; }
.Banner__content__cta[data-mobile-cta-alignment="center"] { align-self: center; }
.Banner__content__cta[data-mobile-cta-alignment="right"] { align-self: flex-end; }
.Banner__content__cta .Button-container { display: flex; }
.Banner__content[data-mobile-content-alignment="left"] { text-align: left; }
.Banner__content[data-mobile-content-alignment="center"] { text-align: center; }
.Banner__content[data-mobile-content-alignment="right"] { text-align: right; }
.Banner__content[data-with-image="true"] { width: 100%; height: 100%; position: absolute; }
.Banner__content[data-with-image="true"][data-mobile-content-position="center"] { justify-content: center; align-items: center; }
.Banner__content[data-with-image="true"][data-mobile-content-position="bottom-left"] { justify-content: flex-end; align-items: flex-start; }
.Banner__content[data-with-image="true"][data-mobile-content-position="bottom-center"] { justify-content: flex-end; align-items: center; }
@media print, screen and (min-width: 1040px) {
  .Banner__content__cta[data-desktop-cta-alignment="left"] { align-self: flex-start; }
  .Banner__content__cta[data-desktop-cta-alignment="center"] { align-self: center; }
  .Banner__content__cta[data-desktop-cta-alignment="right"] { align-self: flex-end; }
  .Banner__content[data-desktop-content-alignment="left"] { text-align: left; }
  .Banner__content[data-desktop-content-alignment="center"] { text-align: center; }
  .Banner__content[data-desktop-content-alignment="right"] { text-align: right; }
  .Banner__content[data-with-image="true"][data-desktop-content-position="center"] { justify-content: center; align-items: center; }
  .Banner__content[data-with-image="true"][data-desktop-content-position="bottom-left"] { justify-content: flex-end; align-items: flex-start; }
  .Banner__content[data-with-image="true"][data-desktop-content-position="bottom-center"] { justify-content: flex-end; align-items: center; }
}
.RealResults { position: relative; }
.RealResults__wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 2.91667vw) 0 max(1.0625rem, 1.94444vw); position: relative; }
.RealResults__header { justify-content: space-between; align-items: center; padding: 0 max(1rem, 1.94444vw) max(1.375rem, 1.52778vw); display: flex; }
.RealResults__header .Button-container { display: flex; }
.RealResults__header__title { align-items: center; gap: .5rem; margin-bottom: 0; font-size: max(1.375rem, 2.5vw); font-weight: 400; line-height: 120%; display: flex; }
.RealResults__header__title > * { margin-bottom: 0; font-size: max(1.375rem, 2.5vw); }
.RealResults__footer { justify-content: center; align-items: center; padding: max(1.75rem, 2.91667vw) max(1rem, 1.94444vw) 0; display: flex; }
.RealResults__swiper { padding-bottom: max(1.375rem, 1.52778vw); padding-left: max(1rem, 1.94444vw); position: relative; }
.RealResults__swiper .swiper-slide { width: auto; }
.RealResults__controls { justify-content: space-between; align-items: center; gap: max(1.875rem, 2.08333vw); padding: 0 max(1rem, 1.94444vw); display: flex; }
.RealResults__controls__buttons { align-items: center; gap: max(.5rem, .555556vw); display: flex; }
.RealResults__controls__button { cursor: pointer; background-color: transparent; border: 1px solid var(--color-brown); border-radius: 50%; justify-content: center; align-items: center; width: max(1.9375rem, 2.15278vw); height: max(1.9375rem, 2.15278vw); transition: all var(--dur-base) ease-in-out; display: flex; }
.RealResults__controls__button:hover { background-color: #fff; }
.RealResults__scrollbar { background-color: var(--color-brown); width: 100%; max-width: 0%; height: 2px; transition: all .1s ease-in-out; position: absolute; top: 0; left: 0; }
.RealResults__scrollbar__wrapper { background: var(--color-scrollbar); flex: 1; height: 2px; display: block; position: relative; }
.RealResults__review { border-radius: 12px; width: max(18.75rem, 26.3889vw); position: relative; overflow: hidden; }
.RealResults__review__image { aspect-ratio: 1; position: relative; }
.RealResults__review__image img { object-fit: cover; width: 100%; height: 100%; }
.RealResults__review__content { opacity: 0; color: #fff; text-align: center; background-color: rgba(0,0,0,.6); flex-flow: column; justify-content: center; align-items: center; gap: max(.6875rem, .972222vw); width: 100%; height: 100%; padding: max(1rem, 1.38889vw); transition: all var(--dur-base) ease-in-out; display: flex; position: absolute; top: 0; left: 0; }
.RealResults__review:hover .RealResults__review__content { opacity: 1; }
.RealResults__review__content__title { margin-bottom: 0; font-size: max(1.125rem, 1.25vw); font-weight: 700; line-height: 120%; }
@media (max-width: 1040px) {
  .RealResults__review__image { border-radius: 12px; overflow: hidden; }
  .RealResults__review__content { text-align: left; color: inherit; opacity: 1; background-color: transparent; align-items: flex-start; padding-left: 0; padding-right: 0; position: relative; }
}
.Banner__content__image { width: 100%; max-width: 280px; border-radius: 8px; overflow: hidden; margin-bottom: 1rem; }
.Banner__content__image img { width: 100%; height: auto; display: block; }
@media (min-width: 1040px) {
  .Banner__content__image { max-width: 320px; }
}
.HalfProductImage { display: grid; grid-template-columns: 1fr; gap: max(1rem, 2.8vw); align-items: stretch; }
.HalfProductImage__images { aspect-ratio: 1 / 1.06; }
.HalfProductImage__images { position: relative; overflow: hidden; border-radius: 12px; min-width: 0; }
.HalfProductImage__images .swiper { overflow: hidden; width: 100%; height: 100%; }
.HalfProductImage__images .swiper-wrapper { height: 100%; }
.HalfProductImage__images .swiper-slide { overflow: hidden; height: 100%; }
.HalfProductImage__images .Image { display: block; width: 100%; height: 100%; }
.HalfProductImage__images .Image > span:first-child { display: none; }
.HalfProductImage__images .Image img { width: 100%; height: 100%; object-fit: cover; position: relative; }
.HalfProductImage__dots { position: absolute; bottom: max(1.25rem, 2.2vw); left: 0; right: 0; display: flex; justify-content: center; gap: 8px; z-index: 2; }
.HalfProductImage__dots .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .45); cursor: pointer; transition: all var(--dur-base); border: none; padding: 0; }
.HalfProductImage__dots .swiper-pagination-bullet-active { background: #fff; }
.HalfProductImage__products { position: relative; overflow: hidden; border-radius: 12px; background: #f1f0ed; min-width: 0; }
.HalfProductImage__products .swiper { overflow: hidden; width: 100%; height: 100%; }
.HalfProductImage__products .swiper-wrapper { height: 100%; }
.HalfProductImage__products .swiper-slide { height: auto; display: flex; flex-direction: column; justify-content: flex-end; padding: max(1.25rem, 2.2vw); }
.HalfProductImage__slide__image { flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: max(1rem, 2vw); }
.HalfProductImage__slide__image img { width: 80%; max-width: 500px; height: auto; object-fit: contain; border-radius: 12px; }
.HalfProductImage__slide__details { display: flex; flex-direction: column; gap: 0; }
.HalfProductImage__slide__rating { display: flex; align-items: center; gap: .35rem; margin-bottom: .2rem; }
.HalfProductImage__slide__stars { display: flex; gap: 1px; }
.HalfProductImage__slide__stars svg { width: 13px; height: 13px; }
.HalfProductImage__slide__review-count { font-size: max(.75rem, .9vw); color: var(--color-brown); }
.HalfProductImage__slide__title { font-family: var(--font-heading); font-weight: 700; font-size: max(1rem, 1.32vw); letter-spacing: .02em; text-transform: uppercase; color: var(--color-brown); margin-bottom: .1rem; }
.HalfProductImage__slide__desc { font-size: max(.875rem, 1.32vw); line-height: 1.5; color: var(--color-brown); margin-bottom: .6rem; }
.HalfProductImage__slide__cta .Button { font-size: max(.75rem, 1.1vw); padding: .3rem max(1.5rem, 2vw) .25rem; border-radius: 40px; text-transform: uppercase; letter-spacing: .05em; box-shadow: inset 0 0 0 1px var(--color-brown); color: var(--color-brown); }
.HalfProductImage__slide__cta .Button .Button-hover-helper { background: var(--color-brown); }
.HalfProductImage__slide__cta .Button .Button-hover-content { color: #fff; }
.HalfProductImage__nav__btn { cursor: pointer; background: rgba(255,255,255,.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.5); border-radius: 50%; width: max(36px, 3.2vw); height: max(36px, 3.2vw); display: flex; align-items: center; justify-content: center; transition: background var(--dur-base) ease, border-color var(--dur-base) ease; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; color: var(--color-brown); }
.HalfProductImage__nav__btn:hover { background: rgba(255,255,255,.92); border-color: rgba(255,255,255,.8); }
.HalfProductImage__nav__btn:hover svg path { stroke: var(--color-brown); }
.HalfProductImage__nav__btn--next { right: max(1rem, 1.5vw); }
.HalfProductImage__nav__btn--prev { left: max(1rem, 1.5vw); }
.HalfProductImage__nav__counter { position: absolute; bottom: max(1rem, 1.5vw); right: max(1.25rem, 2.2vw); font-family: var(--font-heading); font-size: max(2.5rem, 4.5vw); font-weight: 700; color: var(--color-brown); z-index: 3; letter-spacing: -.02em; line-height: 1; }
@media (min-width: 1040px) {
  .HalfProductImage { grid-template-columns: 1fr 1fr; }
  .HalfProductImage__images { aspect-ratio: auto; }
}
.ShopPage { padding-top: max(3rem, 3.8vw); padding-bottom: 3rem; }
.ShopPage-header { padding: 0; text-align: center; }
.ShopPage-breadcrumb { font-family: var(--font-body); font-size: .75rem; font-weight: 500; color: var(--color-light-brown); text-transform: uppercase; letter-spacing: .08em; margin: 0 0 1rem; }
.ShopGrid { display: flex; flex-direction: column; gap: 0; contain: layout style; }
.ShopGrid-section { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 768px) { .ShopGrid-section { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .ShopGrid-section { grid-template-columns: repeat(4, 1fr); } }
.ShopGrid-divider { display: flex; align-items: center; gap: max(.8rem, 1.2vw); padding: max(1.5rem, 2.5vw) 0 max(.8rem, 1.2vw); }
.ShopGrid-divider::before, .ShopGrid-divider::after { content: ''; flex: 1; height: 1px; background: rgba(71,54,47,.12); }
.ShopGrid-divider-text { font-family: var(--font-heading); font-size: max(.7rem, .9vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; opacity: .6; }
.ShopFilter { display: inline-flex; gap: 0; padding: 0; margin: .75rem auto 1.5rem; justify-content: center; position: relative; background: rgba(71,54,47,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 12px; }
.ShopFilter-indicator { position: absolute; top: 0; left: 0; height: 100%; border-radius: 12px; background: var(--color-brown); z-index: 0; pointer-events: none; box-shadow: 0 0 20px rgba(71,54,47,.2); will-change: transform, width; transform: translateZ(0); transition: transform .45s var(--ease-spring), width .45s var(--ease-spring); }
.ShopFilter-btn { position: relative; z-index: 1; padding: .45rem .9rem; border: none; border-radius: 8px; font-family: var(--font-body); font-size: max(.8rem, 1.125vw); font-weight: 600; text-transform: uppercase; cursor: pointer; background: transparent; color: var(--color-brown); transition: color .35s ease; letter-spacing: -0.02em; }
.ShopFilter-btn:hover { color: rgba(71,54,47,.5); }
.ShopFilter-btn:focus { outline: none; }
.ShopFilter-btn.is-active { color: #fff; }
.Product-main { position: relative; margin-top: max(4.5rem, 4.8vw); margin-bottom: max(.5rem, 1vw); }
@media (min-width: 1040px) {
  .Product-main { margin-top: max(5.25rem, 6.2vw); }
}
.Product { position: relative; width: 100%; }
.Product__new { margin-top: 0; }
@media (min-width: 1040px) {
  .Product__new { display: grid; grid-template-columns: 1.17fr 1fr; gap: max(1rem, 1.6vw); align-items: start; }
}
.Product-slider { position: relative; width: 100%; border-radius: 12px; overflow: hidden; background: var(--color-section-bg); padding-bottom: max(70px, 5vw); }
@media (min-width: 1040px) {
  .Product-slider { height: 76vh; padding-bottom: 0; }
}
.Product-slider .swiper-slide { background: var(--color-section-bg); display: flex; align-items: center; justify-content: center; }
.Product-slide-inner { position: relative; width: 100%; padding-bottom: 100%; }
.Product-slide-inner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--color-section-bg); }
@media (min-width: 1040px) {
  .Product-slider .swiper { height: 100%; position: absolute; inset: 0; }
  .Product-slide-inner { padding-bottom: 0; height: 100%; }
  .Product-slide-inner img { object-fit: cover; }
}
.Product-slider .swiper-scrollbar { bottom: 8px; left: 16px; right: 16px; width: auto; }
.Product-slider-thumbnails { position: absolute; bottom: max(16px, 1.2vw); left: max(16px, 1.2vw); z-index: 5; display: flex !important; flex-direction: column; gap: max(8px, .55vw); }
.Product-slider-thumbnails button { width: max(48px, 3.4vw); height: max(48px, 3.4vw); border-radius: max(10px, .65vw); overflow: hidden; border: 1px solid rgba(255,255,255,.45); cursor: pointer; background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 0; transition: border-color var(--dur-base) ease, transform var(--dur-base) ease, box-shadow var(--dur-base) ease, opacity var(--dur-base) ease; box-shadow: 0 2px 8px rgba(0,0,0,.08); opacity: .85; }
.Product-slider-thumbnails button:hover { transform: scale(1.1); opacity: 1; box-shadow: 0 4px 12px rgba(0,0,0,.12); }
.Product-slider-thumbnails button.is-active { border-color: rgba(255,255,255,.7); opacity: 1; box-shadow: 0 4px 14px rgba(0,0,0,.1); }
.Product-slider-thumbnails button img { width: 100%; height: 100%; object-fit: contain; border-radius: max(9px, .55vw); -webkit-user-drag: none; user-select: none; pointer-events: none; }
.Product-main-card { background: var(--color-section-bg); border-radius: 12px; padding: 28px; z-index: 1; }
@media (min-width: 1040px) {
  .Product-main-card { position: sticky; top: max(5.25rem, 6.2vw); height: 76vh; overflow-y: scroll; align-self: start; scrollbar-width: thin; scrollbar-color: rgb(103, 100, 94) transparent; }
  .Product-main-card::-webkit-scrollbar { width: 6px; }
  .Product-main-card::-webkit-scrollbar-track { background: transparent; }
  .Product-main-card::-webkit-scrollbar-thumb { background: rgb(103, 100, 94); border-radius: 3px; }
}
@media (max-width: 1039px) {
  .Product-main-card { position: relative; z-index: 2; margin-top: max(.9375rem, 2.25vw); }
}
.Product-main-card-title { font-family: var(--font-heading); font-size: max(2rem, 4vw); margin-bottom: max(1rem, 1.39vw); text-transform: uppercase; font-weight: 600; line-height: 1; letter-spacing: -0.02em; }
.Product-main-card-content-price-container { margin-bottom: 0; }
.Product-main-card-price { font-family: var(--font-body); font-size: 1rem; font-weight: 600; }
.Product-main-card-subtitle { font-family: var(--font-body); font-weight: 600; letter-spacing: -0.02em; }
.Product-main-card-description { font-family: var(--font-body); font-size: .875rem; line-height: 160%; margin: max(1rem, 1.16vw) 0; color: var(--color-light-brown); text-transform: none; }
.Product-main-card-description p { text-transform: none; }
.Product-main-card-description p { margin: 0; }
.Product-swatches-container { margin-bottom: 1.25rem; }
.Product-swatches-label { font-family: var(--font-body); font-size: .75rem; font-weight: 600; text-transform: uppercase; margin-bottom: .5rem; }
.Product-swatches { display: flex; gap: .5rem; flex-wrap: wrap; }
.Product-swatches.js-product-variants { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 24rem; }
.Product-swatches.js-product-variants .ShopFilter-btn { background-color: rgba(71,54,47,.08); }
.Product-swatches.js-product-variants .ShopFilter-btn.is-active { background-color: var(--color-brown); color: #fff; }
.Product-purchase-options { margin: max(.6rem, .8vw) 0 0; }
.Product-purchase-toggle { display: flex; gap: 0; padding: 0; position: relative; background: rgba(71,54,47,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 12px; overflow: visible; border: none; }
.Product-purchase-indicator { position: absolute; top: 0; left: 0; height: 100%; border-radius: 12px; background: var(--product-accent, var(--color-brown)); z-index: 0; pointer-events: none; box-shadow: 0 0 20px rgba(71,54,47,.2); will-change: transform, width; transform: translateZ(0); }
.Product-purchase-option { position: relative; z-index: 1; flex: 1; padding: .45rem .9rem; border: none; border-radius: 8px; font-family: var(--font-body); font-size: max(.8rem, 1.125vw); font-weight: 600; text-transform: uppercase; cursor: pointer; background: transparent; color: var(--color-brown); transition: color var(--dur-base) ease; letter-spacing: -0.02em; text-align: center; white-space: nowrap; }
.Product-purchase-option:hover { color: rgba(71,54,47,.5); }
.Product-purchase-option.is-active { color: #fff; }
.Product-subscribe-frequency { margin-top: 0; max-height: 0; overflow: hidden; opacity: 0; }
.Product-subscribe-frequency.is-animated { transition: max-height var(--dur-base) cubic-bezier(.4,0,.2,1), opacity var(--dur-base) ease, margin-top var(--dur-base) cubic-bezier(.4,0,.2,1), overflow 0s var(--dur-base); }
.Product-subscribe-frequency.is-visible { max-height: 80px; opacity: 1; margin-top: 6px; overflow: visible; }
.Product-subscribe-frequency.is-animated:not(.is-visible) { overflow: hidden; transition: max-height var(--dur-base) cubic-bezier(.4,0,.2,1), opacity var(--dur-base) ease, margin-top var(--dur-base) cubic-bezier(.4,0,.2,1), overflow 0s 0s; }
.Product-frequency-label { display: block; font-family: var(--font-body); font-size: max(.6rem, .7vw); color: var(--color-brown); opacity: .6; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
.Product-frequency-options { display: flex; gap: 0; padding: 0; position: relative; background: rgba(71,54,47,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 12px; overflow: visible; }
.Product-frequency-indicator { position: absolute; top: 0; left: 0; height: 100%; border-radius: 12px; background: var(--product-accent, var(--color-brown)); z-index: 0; pointer-events: none; box-shadow: 0 0 15px rgba(71,54,47,.15); will-change: transform, width; transform: translateZ(0); }
.Product-frequency-btn { position: relative; z-index: 1; flex: 1; padding: .45rem .9rem; border: none; border-radius: 8px; font-family: var(--font-body); font-size: max(.7rem, .9vw); font-weight: 600; text-transform: uppercase; cursor: pointer; background: transparent; color: var(--color-brown); transition: color var(--dur-base) ease; letter-spacing: -0.02em; text-align: center; }
.Product-frequency-btn.is-active { color: #fff; }
.Product-main-card-cta { margin-top: 22px; }
.Product-trust-signals { display: flex; justify-content: center; flex-wrap: wrap; gap: max(.8rem, 1.2vw); margin-top: max(.9rem, 1.1vw); padding: max(.6rem, .8vw) 0 max(.2rem, .3vw); }
.Product-shipping-link { text-align: center; margin-top: max(.7rem, .9vw); font-family: var(--font-body); font-size: max(.65rem, .72vw); letter-spacing: .04em; text-transform: uppercase; }
.Product-shipping-link a { color: var(--color-brown); opacity: .55; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: opacity var(--dur-fast) ease; }
.Product-shipping-link a:hover { opacity: 1; }
.Product-trust-signal { display: flex; align-items: center; gap: max(.3rem, .4vw); font-family: var(--font-body); font-size: max(.6rem, .7vw); font-weight: 600; text-transform: uppercase; letter-spacing: .02em; color: var(--color-brown); opacity: .7; }
.Product-trust-signal svg { flex-shrink: 0; color: var(--color-brown); opacity: .85; }
@media (max-width: 480px) { .Product-trust-signals { flex-direction: column; gap: .5rem; align-items: center; } }
.Product-main-card-cta .Button-container { width: 100%; }
.Product-buy-btn { display: block; width: 100%; text-align: center; padding: max(.8rem, 1vw) 0; border: none; border-radius: 40px; background: var(--product-accent, var(--color-brown)); color: #fff !important; font-family: var(--font-heading); font-size: max(.75rem, .9vw); font-weight: 600; text-transform: uppercase; letter-spacing: .02em; cursor: pointer; position: relative; overflow: hidden; z-index: 1; }
.Product-buy-btn::after { content: ''; position: absolute; inset: 0; border-radius: 40px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: 0; pointer-events: none; }
.Product-buy-btn:hover::after { transform: scaleX(1); transform-origin: left center; }
.Product-buy-btn .Button-hover-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 40px; z-index: 1; opacity: 0; transition: opacity var(--dur-fast) ease .1s; pointer-events: none; font-family: var(--font-heading); font-size: max(.75rem, .9vw); font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: #fff; }
.Product-buy-btn .Button-hover-content[data-index="2"],
.Product-buy-btn .Button-hover-content[data-index="3"],
.Product-buy-btn .Button-hover-content[data-index="4"] { display: none; }
.Product-buy-btn:hover .Button-hover-content[data-index="1"] { opacity: 1; }
.Product-main-card-subtitle-inner { display: flex; align-items: center; justify-content: space-between; }
.Product-main-card-rating { display: flex; align-items: center; gap: max(.3rem, .4vw); flex-shrink: 0; }
.Product-main-card-rating .stars { color: var(--color-brown); font-size: max(.7rem, .85vw); letter-spacing: 1px; }
.Product-main-card-rating .review-count { font-family: var(--font-body); font-size: max(.7rem, .85vw); color: var(--color-brown); opacity: .6; }
.Product-card-upsell { padding: max(1.2rem, 1.5vw) 0 0; margin-top: max(1rem, 1.3vw); }
.Product-card-upsell-title { font-family: var(--font-heading); font-size: max(.85rem, 1vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.01em; margin-bottom: max(.2rem, .25vw); }
.Product-card-upsell-subtitle { font-family: var(--font-body); font-size: max(.7rem, .8vw); color: var(--color-brown); opacity: .55; margin-bottom: max(.7rem, .9vw); font-style: italic; text-transform: none; }
.Product-card-upsell-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: max(.35rem, .45vw); }
@media (max-width: 600px) { .Product-card-upsell-grid { grid-template-columns: 1fr; } }
.Product-card-upsell-card { display: flex; align-items: center; gap: max(.5rem, .65vw); background: #fff; border-radius: max(12px, .8vw); padding: max(.6rem, .75vw); position: relative; box-shadow: 0 2px 8px rgba(0,0,0,.05); transition: transform var(--dur-base) ease, box-shadow var(--dur-base) ease; }
.Product-card-upsell-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.Product-card-upsell-card-img { width: max(58px, 4vw); height: max(58px, 4vw); border-radius: max(10px, .6vw); object-fit: cover; background: #f5f4f3; flex-shrink: 0; }
.Product-card-upsell-card-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; position: static; padding: 0; pointer-events: auto; }
.Product-card-upsell-card-name { font-family: var(--font-heading); font-size: clamp(10px, .72vw, 13px); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.01em; line-height: 1.2; }
.Product-card-upsell-card-sub { font-family: var(--font-body); font-size: clamp(8px, .55vw, 11px); color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .01em; line-height: 1.3; }
.Product-card-upsell-card-price { font-family: var(--font-heading); font-size: clamp(10px, .72vw, 13px); font-weight: 600; color: var(--color-brown); margin-top: max(.1rem, .15vw); }
.Product-card-upsell-card-add { flex-shrink: 0; width: max(30px, 2.1vw); height: max(30px, 2.1vw); border-radius: 50%; border: 1px solid rgba(255,255,255,.45); background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: var(--color-brown); font-size: max(16px, 1.1vw); font-weight: 300; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--dur-base), color var(--dur-base), border-color var(--dur-base), transform var(--dur-fast); padding: 0; z-index: 1; line-height: 1; position: static; top: auto; right: auto; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.Product-card-upsell-card-add svg { display: block; }
.Product-card-upsell-card-add .upsell-icon-plus-h, .Product-card-upsell-card-add .upsell-icon-plus-v { transition: opacity var(--dur-base) ease, transform var(--dur-base) cubic-bezier(.4,0,.2,1); transform-origin: center; }
.Product-card-upsell-card-add .upsell-icon-check { opacity: 0; stroke-dasharray: 24; stroke-dashoffset: 24; transition: opacity var(--dur-base) ease .05s, stroke-dashoffset var(--dur-mid) cubic-bezier(.4,0,.2,1) .1s; }
.Product-card-upsell-card-add:hover { background: var(--color-brown); color: #fff; border-color: var(--color-brown); }
.Product-card-upsell-card-add.is-added { background: var(--color-brown); color: #fff; border-color: var(--color-brown); transform: scale(1.1); }
.Product-card-upsell-card-add.is-added .upsell-icon-plus-h { opacity: 0; transform: rotate(45deg); }
.Product-card-upsell-card-add.is-added .upsell-icon-plus-v { opacity: 0; transform: rotate(-45deg); }
.Product-card-upsell-card-add.is-added .upsell-icon-check { opacity: 1; stroke-dashoffset: 0; }
.Product-main-card-scent { font-family: var(--font-body); font-size: max(.85rem, .95vw); color: var(--color-brown); opacity: .75; margin: max(.4rem, .55vw) 0 0; letter-spacing: .01em; font-weight: 400; text-transform: none; }
.Product-main-card-scent-label { font-weight: 700; opacity: 1; }
.Product-main-card-fyi { font-family: var(--font-body); font-size: max(.65rem, .75vw); color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .04em; margin: max(.4rem, .5vw) 0; }
.Product-fyi-badge { display: inline; }
.Product-fyi-badge + .Product-fyi-badge::before { content: '\2022\00a0'; }
.Product-tabs { padding: 36px 0 0; margin: 0; }
.Product-tab { border-bottom: 1px solid rgba(71,54,47,.1); }
.Product-tab:first-child { border-top: 1px solid rgba(71,54,47,.1); }
.Product-tab-toggle-container { margin: 0; }
.Product-tab-toggle-container .js-product-tab-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem 0; cursor: pointer; background: none; border: none; font-family: var(--font-body); font-weight: 600; font-size: max(.8rem, .9vw); text-transform: uppercase; color: var(--color-brown); text-align: left; letter-spacing: .02em; }
.Product-tab-toggle { position: relative; width: 18px; height: 18px; flex-shrink: 0; background: var(--color-brown); border-radius: 50%; }
.Product-tab-toggle span { position: absolute; display: block; width: 8px; height: 1.5px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform var(--dur-base); }
.Product-tab-toggle span:last-child { transform: translate(-50%, -50%) rotate(90deg); }
.Product-tab.is-open .Product-tab-toggle span:last-child { transform: translate(-50%, -50%) rotate(0deg); }
.Product-tab-content-container { max-height: 0; overflow: hidden; transition: max-height var(--dur-mid) var(--transition-smooth); }
.Product-tab.is-open .Product-tab-content-container { max-height: 500px; }
.Product-tab-content { padding-bottom: 1rem; font-size: .875rem; line-height: 160%; }
.Product-tab-badge { font-family: var(--font-body); font-size: max(.55rem, .65vw); font-weight: 600; color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .03em; margin-left: .5rem; flex-shrink: 0; }
.Product-scent-row { display: flex; flex-direction: column; gap: max(.2rem, .25vw); padding: max(.55rem, .7vw) 0; border-bottom: 1px solid rgba(71,54,47,.08); }
.Product-scent-row:last-child { border-bottom: none; }
.Product-scent-row:first-child { padding-top: 0; }
.Product-scent-row-label { font-family: var(--font-body); font-size: max(.6rem, .68vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: .08em; }
.Product-scent-row-value { font-family: var(--font-body); font-size: max(.75rem, .85vw); color: var(--color-brown); opacity: .75; line-height: 1.45; text-transform: none; letter-spacing: .01em; }
.Product-tab-water-based { margin-top: max(.6rem, .8vw); padding-top: max(.6rem, .8vw); border-top: 1px solid rgba(71,54,47,.08); font-family: var(--font-body); font-size: max(.65rem, .75vw); color: var(--color-brown); opacity: .6; font-style: italic; }
.Button__white { background: #fff; color: var(--color-brown); border-color: #fff; }
.Button__white:hover { background: var(--color-section-bg); }
.Button__filled { background: var(--color-brown); color: #fff; }
.Product-video-tutorial { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
.Product-video-tutorial-wrapper { display: flex; flex-direction: column; gap: max(.6rem, .9vw); }
.Product-video-tutorial-content { text-align: center; padding: max(1.2rem, 1.6vw) max(1.5rem, 2vw) 0; }
.Product-video-tutorial-eyebrow { color: var(--color-brown); opacity: .5; letter-spacing: .06em; margin-bottom: max(.3rem, .4vw); }
.Product-video-tutorial-heading { font-family: var(--font-heading); font-size: max(1.4rem, 2.2vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.1; margin: 0; }
.Product-video-tutorial-description { color: var(--color-brown); opacity: .5; font-size: max(.75rem, .85vw); line-height: 1.6; margin-top: max(.4rem, .5vw); }
.Product-video-tutorial-player { position: relative; width: 100%; padding: 0 max(1.5rem, 2vw) max(1.2rem, 1.5vw); max-width: 960px; margin: 0 auto; }
.Product-video-tutorial-player-inner { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 12px; overflow: hidden; background: var(--color-section-bg); }
.Product-video-tutorial-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 12px; overflow: hidden; }
.Product-video-tutorial-placeholder img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-mid) ease; border-radius: 12px; }
.Product-video-tutorial-placeholder:hover img { transform: scale(1.03); }
.Product-video-tutorial-play { position: absolute; width: max(72px, 5vw); height: max(72px, 5vw); border-radius: 50%; background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.45); color: var(--color-brown); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform var(--dur-base) ease, background var(--dur-base) ease; padding-left: 3px; }
.Product-video-tutorial-play:hover { transform: scale(1.1); background: rgba(255,255,255,.5); }
.Product-video-tutorial-play svg { width: max(26px, 1.8vw); height: max(26px, 1.8vw); }
.Product-video-tutorial iframe, .Product-video-tutorial video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: none; border-radius: 12px; }
.Button__large { min-height: 52px; font-size: .875rem; }
.Button__fullWidth { width: 100%; }
.Product-reviews { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 2.2vw) max(1.5rem, 2.2vw); }
.Product-reviews-wrapper { width: 100%; margin: 0 auto; }
.Product-reviews-header { text-align: center; margin-bottom: max(.9rem, 1.2vw); }
.Product-reviews-heading { font-family: var(--font-heading); font-size: max(1.5rem, 2.5vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -0.02em; margin: 0 0 max(.3rem, .4vw); }
.Product-reviews-subheading { font-family: var(--font-serif); font-size: max(1rem, 1.15vw); color: var(--color-brown); opacity: .6; text-transform: none; font-style: italic; font-weight: 400; letter-spacing: .01em; }
.Product-reviews-widget { min-height: 120px; }
.Product-reviews-summary { display: grid; grid-template-columns: 1fr 1.3fr auto; gap: max(1.2rem, 2vw); align-items: center; padding: max(1rem, 1.3vw) max(1.2rem, 1.5vw); background: #fff; border-radius: 12px; margin-bottom: max(.9rem, 1.2vw); }
@media (max-width: 768px) { .Product-reviews-summary { grid-template-columns: 1fr; gap: 1.25rem; text-align: center; } }
.Product-reviews-summary-left { display: flex; flex-direction: column; gap: max(.2rem, .3vw); }
.Product-reviews-summary-rating { font-family: var(--font-heading); font-size: max(1.9rem, 2.6vw); font-weight: 700; color: var(--color-brown); line-height: 1; letter-spacing: -0.02em; }
.Product-reviews-summary-stars { font-size: max(.85rem, 1vw); color: var(--color-brown); letter-spacing: 2px; }
.Product-reviews-summary-count { font-family: var(--font-body); font-size: max(.7rem, .78vw); color: var(--color-light-brown); text-transform: none; margin-top: max(.25rem, .3vw); }
.Product-reviews-summary-bars { display: flex; flex-direction: column; gap: max(.3rem, .4vw); }
.Product-reviews-bar { display: grid; grid-template-columns: max(30px, 2.5vw) 1fr max(30px, 2.5vw); align-items: center; gap: max(.5rem, .6vw); }
.Product-reviews-bar-label { font-family: var(--font-body); font-size: max(.65rem, .75vw); color: var(--color-light-brown); letter-spacing: .02em; }
.Product-reviews-bar-track { height: 6px; background: rgba(71,54,47,.08); border-radius: 3px; overflow: hidden; }
.Product-reviews-bar-fill { height: 100%; background: var(--color-brown); border-radius: 3px; }
.Product-reviews-bar-count { font-family: var(--font-body); font-size: max(.65rem, .75vw); color: var(--color-light-brown); text-align: right; text-transform: none; }
.Product-reviews-summary-cta { display: flex; align-items: center; justify-content: center; }
.Product-reviews-write-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-body); font-size: max(.65rem, .72vw); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-brown); background: transparent; border: none; box-shadow: inset 0 0 0 1px var(--color-brown); border-radius: 100px; padding: max(.7rem, .85vw) max(1.3rem, 1.6vw); cursor: pointer; overflow: hidden; isolation: isolate; transition: color var(--dur-base) ease; white-space: nowrap; }
.Product-reviews-write-btn::after { content: ''; position: absolute; inset: 0; border-radius: 100px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; }
.Product-reviews-write-btn:hover::after { transform: scaleX(1); transform-origin: left center; }
.Product-reviews-write-btn:hover { color: #fff; }
.Product-reviews-filters { display: flex; flex-wrap: wrap; gap: max(.4rem, .5vw); margin-bottom: max(.9rem, 1.2vw); justify-content: center; }
.Product-reviews-filter { font-family: var(--font-body); font-size: max(.6rem, .7vw); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--color-brown); background: transparent; border: 1px solid rgba(71,54,47,.15); border-radius: 100px; padding: max(.45rem, .55vw) max(1rem, 1.2vw); cursor: pointer; transition: background var(--dur-base) ease, border-color var(--dur-base) ease, color var(--dur-base) ease; }
.Product-reviews-filter:hover { border-color: rgba(71,54,47,.35); }
.Product-reviews-filter.is-active { background: var(--color-brown); border-color: var(--color-brown); color: #fff; }
.Product-reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: max(1rem, 1.3vw); }
@media (max-width: 768px) { .Product-reviews-grid { grid-template-columns: 1fr; } }
.Product-review { background: #fff; border-radius: 12px; padding: max(.9rem, 1.1vw); display: flex; flex-direction: column; gap: max(.4rem, .5vw); }
.Product-review-header { display: flex; align-items: center; gap: max(.6rem, .75vw); }
.Product-review-avatar { width: max(36px, 2.5vw); height: max(36px, 2.5vw); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: max(.8rem, .95vw); font-weight: 700; color: var(--color-brown); flex-shrink: 0; }
.Product-review-author-block { flex: 1; min-width: 0; }
.Product-review-author { font-family: var(--font-body); font-size: max(.75rem, .85vw); font-weight: 700; color: var(--color-brown); text-transform: none; letter-spacing: 0; }
.Product-review-meta { font-family: var(--font-body); font-size: max(.6rem, .68vw); color: var(--color-light-brown); text-transform: none; letter-spacing: 0; margin-top: 2px; }
.Product-review-verified { color: var(--color-brown); font-weight: 600; }
.Product-review-stars { font-size: max(.7rem, .82vw); color: var(--color-brown); letter-spacing: 2px; flex-shrink: 0; }
.Product-review-title { font-family: var(--font-heading); font-size: max(.85rem, 1vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -0.01em; line-height: 1.2; margin: max(.2rem, .25vw) 0 0; }
.Product-review-body { font-family: var(--font-body); font-size: max(.75rem, .85vw); color: var(--color-brown); line-height: 1.55; text-transform: none; letter-spacing: 0; margin: 0; }
.Product-review-photos { display: flex; gap: max(.4rem, .5vw); flex-wrap: wrap; margin-top: max(.3rem, .4vw); }
.Product-review-photo { width: max(44px, 3.2vw); height: max(44px, 3.2vw); border-radius: 8px; background-color: var(--color-section-bg); background-size: cover; background-position: center; cursor: pointer; transition: transform var(--dur-base) var(--ease-out); }
.Product-review-photo:hover { transform: scale(1.05); }
.Product-review-footer { display: flex; align-items: center; justify-content: flex-start; padding-top: max(.4rem, .5vw); border-top: 1px solid rgba(71,54,47,.06); margin-top: max(.3rem, .4vw); }
.Product-review-helpful { display: inline-flex; align-items: center; gap: max(.3rem, .4vw); font-family: var(--font-body); font-size: max(.6rem, .68vw); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--color-light-brown); background: transparent; border: none; padding: 0; cursor: pointer; transition: color var(--dur-base) ease; }
.Product-review-helpful:hover { color: var(--color-brown); }
.Product-review-helpful svg { flex-shrink: 0; }
.Product-reviews-more { display: flex; justify-content: center; margin-top: max(.9rem, 1.2vw); }
.Product-reviews-more-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-body); font-size: max(.7rem, .85vw); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-brown); background: transparent; border: none; box-shadow: inset 0 0 0 1px var(--color-brown); border-radius: 100px; padding: max(.8rem, 1vw) max(1.8rem, 2.2vw); cursor: pointer; overflow: hidden; isolation: isolate; transition: color var(--dur-base) ease; white-space: nowrap; }
.Product-reviews-more-btn::after { content: ''; position: absolute; inset: 0; border-radius: 100px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; }
.Product-reviews-more-btn:hover::after { transform: scaleX(1); transform-origin: left center; }
.Product-reviews-more-btn:hover { color: #fff; }
.Product-comparison { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 2.2vw) max(1.5rem, 2.2vw); }
.Product-comparison-wrapper { width: 100%; margin: 0 auto; }
.Product-comparison-heading { font-family: var(--font-heading); font-size: max(1.5rem, 2.5vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -0.02em; text-align: center; margin-bottom: max(.3rem, .4vw); }
.Product-comparison-subheading { font-family: var(--font-serif); font-size: max(1rem, 1.15vw); font-style: italic; font-weight: 400; text-align: center; color: var(--color-brown); opacity: .6; margin-bottom: max(1.1rem, 1.4vw); letter-spacing: .01em; text-transform: none; }
.Product-comparison-table { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.9rem, 1.2vw); position: relative; }
@media (max-width: 768px) { .Product-comparison-table { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .Product-comparison-table { grid-template-columns: 1fr; } }
.Product-comparison-col { position: relative; display: flex; flex-direction: column; background: #f5f4f3; border: none; border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--color-brown); cursor: pointer; }
.Product-comparison-col.is-current { background: rgba(255,255,255,.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.55); cursor: default; }
.Product-comparison-image-wrap { position: relative; width: 100%; aspect-ratio: 1 / 0.7; overflow: hidden; background: var(--color-section-bg); }
.Product-comparison-image-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-base) var(--ease-out); }
.Product-comparison-col:not(.is-current):hover .Product-comparison-image-wrap img { transform: scale(1.05); }
.Product-comparison-current-badge { position: absolute; top: max(.8rem, 1vw); left: 50%; transform: translateX(-50%); z-index: 2; background: rgba(255,255,255,.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.6); color: var(--color-brown); border-radius: max(8px, .55vw); padding: max(.3rem, .4vw) max(.7rem, .85vw); font-family: var(--font-body); font-size: max(.5rem, .58vw); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; line-height: 1; white-space: nowrap; }
.Product-comparison-col-header { padding: max(.7rem, .9vw) max(1rem, 1.2vw) max(.55rem, .7vw); text-align: center; border-bottom: 1px solid rgba(71,54,47,.08); }
.Product-comparison-col-name { font-family: var(--font-heading); font-size: max(.95rem, 1.1vw); font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; color: var(--color-brown); line-height: 1.1; }
.Product-comparison-col-subtitle { font-family: var(--font-body); font-size: max(.55rem, .65vw); color: var(--color-light-brown); text-transform: uppercase; letter-spacing: .04em; margin-top: max(.3rem, .4vw); }
.Product-comparison-col-rows { display: flex; flex-direction: column; padding: 0 max(1rem, 1.2vw); flex: 1; }
.Product-comparison-col-row { padding: max(.5rem, .6vw) 0; border-bottom: 1px solid rgba(71,54,47,.06); text-align: center; display: flex; flex-direction: column; gap: max(.15rem, .2vw); }
.Product-comparison-col-row:last-child { border-bottom: none; }
.Product-comparison-col-row-label { font-family: var(--font-body); font-size: max(.5rem, .58vw); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--color-light-brown); }
.Product-comparison-col-row-value { font-family: var(--font-body); font-size: max(.75rem, .85vw); color: var(--color-brown); line-height: 1.35; text-transform: none; }
.Product-comparison-col-cta-wrap { padding: max(.7rem, .85vw) max(1rem, 1.2vw) max(.9rem, 1.1vw); text-align: center; }
.Product-comparison-cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: max(.3rem, .4vw); font-family: var(--font-body); font-size: max(.6rem, .68vw); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-brown); background: transparent; border: none; box-shadow: inset 0 0 0 1px var(--color-brown); border-radius: 100px; padding: max(.45rem, .55vw) max(1rem, 1.2vw); text-decoration: none; white-space: nowrap; overflow: hidden; isolation: isolate; transition: color var(--dur-base) ease; }
.Product-comparison-cta::after { content: ''; position: absolute; inset: 0; border-radius: 100px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; pointer-events: none; }
.Product-comparison-cta:hover::after { transform: scaleX(1); transform-origin: left center; }
.Product-comparison-cta:hover { color: #fff; }
.Product-comparison-cta span { display: inline-block; }
.Product-comparison-cta.is-current { opacity: .45; pointer-events: none; background: transparent; color: var(--color-brown); box-shadow: inset 0 0 0 1px rgba(71,54,47,.25); }
.Product-comparison-cta.is-current::after { display: none; }
.Product-features-section { margin-top: max(2rem, 4.16667vw); }
.Product-features-wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 2.91667vw) 0 max(1.5rem, 2.91667vw) max(1rem, 1.94444vw); overflow: hidden; }
.Product-features-heading { font-family: var(--font-heading); font-size: max(1.25rem, 1.66667vw); font-weight: 400; line-height: 140%; margin-bottom: max(1.5rem, 2.08333vw); letter-spacing: -0.02em; text-transform: uppercase; }
.Product-features-wrapper .swiper-slide { width: auto; }
.Product-features-wrapper .swiper-slide img { border-radius: 12px; height: max(20rem, 30vw); width: auto; max-width: 80vw; object-fit: cover; display: block; }
@media (min-width: 1040px) {
  .Product-features-wrapper .swiper-slide img { height: max(22rem, 27.7778vw); max-width: 28vw; }
}
.Product-list-section { margin-top: max(1.5rem, 2.08333vw); }
.Product-list-grid { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); }
@media (min-width: 1040px) {
  .Product-list-grid { grid-template-columns: 1fr 1fr; }
}
.Product-list-text { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: flex-end; }
.Product-list-headline { font-family: var(--font-heading); font-size: max(1.5rem, 2.08333vw); font-weight: 400; line-height: 130%; margin-bottom: max(1.5rem, 2.08333vw); letter-spacing: -0.02em; text-transform: uppercase; }
.Product-list-items { width: 100%; }
.Product-list-row { display: flex; justify-content: space-between; align-items: baseline; padding: .875rem 0; border-top: 1px solid rgba(71, 54, 47, 0.15); gap: 2rem; }
.Product-list-row:last-child { border-bottom: 1px solid rgba(71, 54, 47, 0.15); }
.Product-list-label { font-family: var(--font-body); font-weight: 600; font-size: .8125rem; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.Product-list-value { font-size: .8125rem; text-align: right; color: var(--color-light-brown); }
.Product-list-image { border-radius: 12px; overflow: hidden; }
.Product-list-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Product-related-section { margin-top: max(1.5rem, 2.08333vw); margin-bottom: max(2rem, 4.16667vw); }
.Product-related-wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 2.91667vw) max(1rem, 1.94444vw); }
.Product-related-heading { font-family: var(--font-heading); font-size: max(1.25rem, 1.66667vw); font-weight: 400; margin-bottom: max(1.5rem, 2.08333vw); letter-spacing: -0.02em; text-transform: uppercase; }
.Product-related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: max(.9375rem, 2.25vw); }
@media (min-width: 768px) { .Product-related-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1040px) { .Product-related-grid { grid-template-columns: repeat(4, 1fr); } }
.Product-related-card { text-decoration: none; color: inherit; display: block; }
.Product-related-card-image { aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: #fff; margin-bottom: .75rem; }
.Product-related-card-image img { width: 100%; height: 100%; object-fit: contain; }
.Product-related-card-info { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; }
.Product-related-card-name { font-family: var(--font-heading); font-size: .8125rem; font-weight: 600; text-transform: uppercase; }
.Product-related-card-price { font-size: .8125rem; font-weight: 700; }
.Full-video { border-radius: 12px; overflow: hidden; position: relative; }
.Full-video-container { position: relative; border-radius: max(14px, 1.1vw); overflow: hidden; background: var(--color-section-bg); min-height: 500px; display: flex; align-items: center; justify-content: center; }
.Full-video-image { position: absolute; inset: 0; }
.Full-video-image img { width: 100%; height: 100%; object-fit: cover; }
.Full-video-content { position: relative; z-index: 2; text-align: center; color: var(--color-brown); padding: max(2rem, 4vw); margin: 0; font-weight: 400; }
@media (min-width: 1040px) { .Full-video-container { min-height: 700px; } }
.List-content { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .List-content { grid-template-columns: 1fr 1fr; } }
.List-content-wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: flex-end; }
.List-content-title { font-size: max(1.5rem, 2.08333vw); font-weight: 400; line-height: 130%; margin-bottom: max(1.5rem, 2.08333vw); }
.List-content-list { width: 100%; }
.List-content-list-item { display: flex; justify-content: space-between; align-items: baseline; padding: 1rem 0; border-top: 1px solid rgba(71, 54, 47, 0.15); gap: 2rem; }
.List-content-list-item:last-child { border-bottom: 1px solid rgba(71, 54, 47, 0.15); }
.List-content-list-item-title { font-weight: 700; font-size: .8125rem; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.List-content-list-item-content { font-size: .8125rem; text-align: right; color: var(--color-light-brown); }
.List-content-image { border-radius: 12px; overflow: hidden; }
.List-content-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Highlights { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Highlights { grid-template-columns: 1fr 1fr; } }
.Highlights-image { border-radius: 12px; overflow: hidden; min-height: 400px; }
.Highlights-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Highlights-wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.Highlights-words { display: flex; flex-direction: column; gap: .5rem; margin-top: 1.5rem; }
.Highlights-words span { font-size: max(2.5rem, 4.16667vw); font-weight: 900; text-transform: uppercase; color: rgba(71, 54, 47, 0.55); line-height: 1.1; }
.Selector-content { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Selector-content { grid-template-columns: 1fr 1fr; } }
.Selector-content-text { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: flex-end; }
.Selector-content-steps { }
.Selector-content-step { margin-top: 1.5rem; }
.Selector-content-step-item { margin-bottom: 1.5rem; }
.Selector-content-step-number { font-size: .75rem; color: var(--color-light-brown); margin-bottom: .25rem; }
.Selector-content-step-text { font-size: max(1.25rem, 1.66667vw); font-weight: 400; line-height: 140%; }
.Selector-content-image { border-radius: 12px; overflow: hidden; }
.Selector-content-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Educational { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Educational { grid-template-columns: 1fr 1fr; } }
.Educational-image { border-radius: 12px; overflow: hidden; min-height: 350px; }
.Educational-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Educational-content { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: center; }
.Educational-ingredient-title { font-size: max(1.5rem, 2.5vw); font-weight: 900; text-transform: uppercase; margin: 1rem 0 .5rem; }
.Educational-divider { border: none; border-top: 1px solid rgba(71, 54, 47, 0.15); margin: 1.5rem 0; }
.Tabbed-content-stats { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: center; }
.Tabbed-content-stat { margin-bottom: 2rem; }
.Tabbed-content-stat:last-child { margin-bottom: 0; }
.Tabbed-content-stat-number { font-size: max(2rem, 3.33333vw); font-weight: 900; color: var(--color-brown); line-height: 1; }
.Tabbed-content-stat-label { font-size: .8125rem; font-weight: 700; text-transform: uppercase; margin-top: .25rem; }
.Tabbed-content-image { border-radius: 12px; overflow: hidden; }
.Tabbed-content-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Slider-with-content { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Slider-with-content { grid-template-columns: 1fr 1fr; } }
.Slider-with-content-image { border-radius: 12px; overflow: hidden; background: var(--color-section-bg); min-height: 350px; display: flex; align-items: center; justify-content: center; }
.Slider-with-content-image img { max-width: 70%; max-height: 80%; object-fit: contain; }
.Slider-with-content-info { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: center; }
.Slider-with-content-title { font-size: max(1.5rem, 2.5vw); font-weight: 900; text-transform: uppercase; margin-bottom: .25rem; }
.Slider-with-content-divider { border: none; border-top: 1px solid rgba(71, 54, 47, 0.15); margin: 1.5rem 0; }
.Slider-with-content-row { padding: 1rem 0; border-bottom: 1px solid rgba(71, 54, 47, 0.15); }
.Slider-with-content-row:last-child { border-bottom: none; }
.Slider-with-content-row-title { font-weight: 700; font-size: .8125rem; text-transform: uppercase; margin-bottom: .25rem; }
.Slider-with-content-row-value { font-size: .875rem; line-height: 160%; color: var(--color-light-brown); }
.Image-with-faq { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Image-with-faq { grid-template-columns: 1fr 1fr; } }
.Image-with-faq-text { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: flex-end; }
.Image-with-faq-title { font-size: max(1.5rem, 2.08333vw); font-weight: 400; margin-bottom: .75rem; }
.Image-with-faq-image { border-radius: 12px; overflow: hidden; }
.Image-with-faq-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Faq-tab { border-bottom: 1px solid rgba(71, 54, 47, 0.15); }
.Faq-tab-toggle-container { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; cursor: pointer; }
.Faq-tab-toggle-container p { font-weight: 700; font-size: .75rem; text-transform: uppercase; margin: 0; }
.Faq-tab-toggle { position: relative; width: 10px; height: 10px; flex-shrink: 0; }
.Faq-tab-toggle span { position: absolute; display: block; width: 10px; height: 2px; background: var(--color-brown); top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform var(--dur-base); }
.Faq-tab-toggle span:last-child { transform: translate(-50%, -50%) rotate(90deg); }
.Faq-tab.is-open .Faq-tab-toggle span:last-child { transform: translate(-50%, -50%) rotate(0deg); }
.Faq-tab-content-container { max-height: 0; overflow: hidden; transition: max-height var(--dur-mid) ease; }
.Faq-tab.is-open .Faq-tab-content-container { max-height: 500px; }
.Faq-tab-content { padding-bottom: 1rem; font-size: .875rem; line-height: 160%; }
.Slider-with-nav { display: grid; grid-template-columns: 1fr; gap: max(.9375rem, 2.25vw); background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
@media (min-width: 1040px) { .Slider-with-nav { grid-template-columns: 1fr 1fr; } }
.Slider-with-nav-image { border-radius: 12px; overflow: hidden; background: var(--color-section-bg); min-height: 350px; display: flex; align-items: center; justify-content: center; }
.Slider-with-nav-image img { max-width: 70%; max-height: 80%; object-fit: contain; }
.Slider-with-nav-content { background: var(--color-section-bg); border-radius: 12px; padding: max(2rem, 3.33333vw) max(1.5rem, 2.08333vw); display: flex; flex-direction: column; justify-content: center; }
.Slider-with-nav-heading { font-size: max(1.25rem, 1.66667vw); font-weight: 400; line-height: 130%; margin-bottom: .5rem; }
.Slider-with-nav-step { padding: 1rem 0; border-bottom: 1px solid rgba(71, 54, 47, 0.15); display: flex; flex-direction: column; }
.Slider-with-nav-step-number { font-size: .75rem; color: var(--color-light-brown); margin-bottom: .25rem; }
.Slider-with-nav-step-name { font-weight: 700; font-size: .875rem; margin-bottom: .15rem; }
.Slider-with-nav-step-desc { font-size: .8125rem; color: var(--color-light-brown); }
.Values-section { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; }
.Values-wrapper { background: var(--color-section-bg); border-radius: 12px; padding: max(2.5rem, 4.16667vw) max(1.5rem, 2.08333vw); text-align: center; }
.Values-heading { font-family: var(--font-heading); font-size: max(1.4rem, 2vw); font-weight: 600; letter-spacing: -0.02em; margin-bottom: max(1.5rem, 2.5vw); text-transform: uppercase; }
.Values-items { display: flex; flex-wrap: wrap; justify-content: center; gap: max(.75rem, 1vw); }
.Values-item { font-family: var(--font-body); font-size: max(.7rem, .8vw); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; padding: max(.5rem, .6vw) max(1.2rem, 1.5vw); background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.45); border-radius: 12px; color: var(--color-brown); transition: transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease; }
.Values-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.Product-sticky-bar { position: fixed; bottom: 0; left: max(.9375rem, 2.25vw); right: max(.9375rem, 2.25vw); height: 92px; z-index: var(--z-sticky-inline); pointer-events: none; visibility: hidden; }
.Product-sticky-bar.is-armed { visibility: visible; }
.Product-sticky-bar.is-visible .Product-sticky-bar-content-container { pointer-events: auto; } 
.Product-sticky-bar-content-container { height: 100%; background: rgba(237, 236, 235, 0.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 12px 12px 0 0; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; transform: translate3d(0, var(--sticky-travel, calc(100% + 20px)), .01px); transition: transform var(--dur-reveal) var(--ease-signature); } 
.Product-sticky-bar.is-visible .Product-sticky-bar-content-container { transform: translate3d(0, 0, .01px); }
.Product-sticky-bar.is-js-driven .Product-sticky-bar-content-container { transition: none; } 
.Product-sticky-bar-content { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; }
.Product-sticky-bar-left { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.Product-sticky-bar-thumb { width: 80px; height: 80px; object-fit: cover; border-radius: 12px; flex-shrink: 0; }
.Product-sticky-bar-title { font-family: var(--font-heading); font-weight: 600; font-size: max(.75rem, 1.04vw); text-transform: uppercase; white-space: nowrap; flex-shrink: 0; margin: 0; color: var(--color-brown); letter-spacing: -0.02em; }
.Product-sticky-buy-btn { border-radius: 40px !important; font-family: var(--font-heading) !important; font-size: max(.75rem, 1.04vw) !important; font-weight: 600 !important; padding: .8rem 1.9rem .7rem !important; white-space: nowrap; flex-shrink: 0; letter-spacing: -0.02em; text-transform: uppercase; background: var(--product-accent, var(--color-brown)) !important; border-color: var(--product-accent, var(--color-brown)) !important; color: #fff !important; border: none !important; position: relative; overflow: hidden; }
.Product-sticky-buy-btn::after { content: ''; position: absolute; inset: 0; border-radius: 40px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: 0; pointer-events: none; }
.Product-sticky-buy-btn:hover::after { transform: scaleX(1); transform-origin: left center; }
.Product-sticky-buy-btn .Button-hover-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 40px; z-index: 1; opacity: 0; transition: opacity var(--dur-fast) ease .1s; pointer-events: none; font-family: var(--font-heading); font-size: max(.75rem, 1.04vw); font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; color: #fff; }
.Product-sticky-buy-btn .Button-hover-content[data-index="2"],
.Product-sticky-buy-btn .Button-hover-content[data-index="3"],
.Product-sticky-buy-btn .Button-hover-content[data-index="4"] { display: none; }
.Product-sticky-buy-btn:hover .Button-hover-content[data-index="1"] { opacity: 1; }
@media (max-width: 1039px) {
  .Product-sticky-bar { height: 72px; }
  .Product-sticky-bar-left { display: none; }
  .Product-sticky-buy-btn { width: 100%; }
}
.Rewards-content-wrap { display: flex; flex-direction: column; gap: max(1rem, 2.78vw); }
.Rewards-section { padding: 0; }
.Rewards-section-title { font-family: var(--font-heading); font-size: max(1.2rem, 1.8vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0 0 max(1.2rem, 1.8vw); text-align: center; }
.Rewards-section-dock { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1.5rem, 2.2vw); }
.Rewards-hero-v3 { border-radius: 12px; position: relative; }
.Rewards-hero-v3-content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: max(2rem, 3vw); }
.Rewards-hero-v3-title { font-family: var(--font-heading); font-size: clamp(2.5rem, 5vw, 5rem); font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: -.03em; line-height: 1; margin: 0 0 max(.4rem, .6vw); text-shadow: 0 2px 20px rgba(0,0,0,.3); }
.Rewards-hero-v3-sub { font-family: var(--font-body); font-size: max(.8rem, 1vw); color: rgba(255,255,255,.8); text-transform: uppercase; letter-spacing: .04em; margin: 0 0 max(1.2rem, 1.8vw); text-shadow: 0 1px 8px rgba(0,0,0,.2); }
.Rewards-hero-v3 .Rewards-hero-btns { margin: 0; }
.Rewards-hero-v3-signin { font-family: var(--font-body); font-size: max(.65rem, .75vw); color: rgba(255,255,255,.6); text-decoration: underline; text-underline-offset: 3px; text-transform: uppercase; letter-spacing: .04em; transition: color var(--dur-fast); display: inline-block; margin-top: max(.6rem, .8vw); }
.Rewards-hero-v3-signin:hover { color: rgba(255,255,255,.9); }
.Rewards-glance { display: flex; align-items: center; justify-content: center; background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1.2rem, 1.8vw) max(2rem, 3vw); gap: max(1.5rem, 2.5vw); }
.Rewards-glance-item { text-align: center; flex: 1; }
.Rewards-glance-value { display: block; font-family: var(--font-heading); font-size: max(1.2rem, 1.8vw); font-weight: 700; color: var(--color-brown); letter-spacing: -.02em; text-transform: uppercase; }
.Rewards-glance-label { display: block; font-family: var(--font-body); font-size: max(.55rem, .65vw); color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .03em; margin-top: max(.2rem, .3vw); }
.Rewards-glance-divider { width: 1px; height: max(30px, 2.5vw); background: rgba(71,54,47,.15); flex-shrink: 0; }
@media (max-width: 767px) { .Rewards-glance { flex-direction: column; gap: max(.8rem, 1vw); } .Rewards-glance-divider { width: 60%; height: 1px; } }
.Rewards-tiers-v3 { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.75rem, 1.2vw); position: relative; perspective: 1000px; }
@media (max-width: 1039px) { .Rewards-tiers-v3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .Rewards-tiers-v3 { grid-template-columns: 1fr; } }
.Rewards-tiers-v3 { align-items: stretch; }
.Rewards-tiers-v3 .Rewards-tier-v2 { position: relative; }
.Rewards-app-section { display: flex; align-items: center; background: var(--color-section-bg); border-radius: max(12px, 1vw); overflow: hidden; }
.Rewards-app-text { flex: 1; padding: max(2rem, 3vw); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.Rewards-app-image { flex: 0 0 40%; max-width: 40%; display: flex; align-items: center; justify-content: center; padding: max(1.5rem, 2vw); }
.Rewards-app-placeholder { width: 100%; aspect-ratio: 9 / 16; max-height: max(280px, 20vw); background: rgba(71,54,47,.06); border-radius: max(20px, 1.5vw); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: max(.5rem, .7vw); color: var(--color-brown); }
.Rewards-app-placeholder span { font-family: var(--font-body); font-size: max(.6rem, .7vw); text-transform: uppercase; letter-spacing: .06em; opacity: .3; }
.Rewards-app-badges { display: flex; align-items: center; gap: max(.5rem, .8vw); flex-wrap: wrap; }
.Rewards-app-badge { display: inline-block; transition: opacity var(--dur-fast) ease, transform var(--dur-fast) ease; }
.Rewards-app-badge:hover { opacity: .8; transform: translateY(-2px); }
@media (max-width: 767px) { .Rewards-app-section { flex-direction: column; } .Rewards-app-image { flex: none; max-width: 100%; } }
.Rewards-hero-centered { text-align: center; padding: max(3rem, 5vw) max(1rem, 2vw); background: var(--color-section-bg); border-radius: 0 0 max(12px, 1vw) max(12px, 1vw); }
.Rewards-hero-heading { font-family: var(--font-heading); font-size: max(2.5rem, 5vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.03em; line-height: 1; margin: 0 0 max(.4rem, .6vw); }
.Rewards-hero-hook { font-family: var(--font-heading); font-size: max(1rem, 1.4vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.01em; margin: 0 0 max(.5rem, .8vw); }
.Rewards-hero-sub { font-family: var(--font-body); font-size: max(.8rem, .95vw); color: var(--color-brown); opacity: .65; margin: 0 auto max(1.2rem, 1.8vw); max-width: 500px; text-transform: uppercase; letter-spacing: .03em; }
.Rewards-hero-btns { display: flex; flex-direction: column; align-items: center; gap: max(.6rem, .8vw); }
.Rewards-hero-btns .Button { min-width: max(220px, 15vw); text-align: center; justify-content: center; }
.Rewards-hero-signin { font-family: var(--font-body); font-size: max(.7rem, .78vw); color: var(--color-brown); opacity: .45; text-decoration: underline; text-underline-offset: 3px; text-transform: uppercase; letter-spacing: .04em; transition: opacity var(--dur-fast); display: inline-block; margin-top: max(.5rem, .7vw); }
.Rewards-hero-signin:hover { opacity: .75; }
.Rewards-hero-social-proof { font-family: var(--font-body); font-size: max(.7rem, .78vw); color: var(--color-brown); opacity: .4; text-transform: uppercase; letter-spacing: .05em; margin: max(1.2rem, 1.8vw) 0 0; }
.Rewards-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: max(.75rem, 1.2vw); }
@media (max-width: 767px) { .Rewards-steps { grid-template-columns: 1fr; } }
.Rewards-step { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1.5rem, 2.2vw); text-align: center; display: flex; flex-direction: column; align-items: center; gap: max(.5rem, .8vw); }
.Rewards-step-number { width: max(36px, 2.5vw); height: max(36px, 2.5vw); border-radius: 50%; background: var(--color-brown); color: #fff; font-family: var(--font-heading); font-size: max(.85rem, 1.1vw); font-weight: 600; display: flex; align-items: center; justify-content: center; }
.Rewards-step-title { font-family: var(--font-heading); font-size: max(1rem, 1.3vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0; }
.Rewards-step-desc { font-family: var(--font-body); font-size: max(.75rem, .9vw); color: var(--color-brown); opacity: .65; line-height: 1.5; margin: 0; max-width: 280px; }
.Rewards-earn-dock { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1rem, 1.5vw); }
.Rewards-earn-grid-2x4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.6rem, .9vw); }
@media (max-width: 1039px) { .Rewards-earn-grid-2x4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .Rewards-earn-card-v2 { padding: max(.8rem, 1vw); } .Rewards-earn-dock { padding: max(.6rem, 1vw); } }
.Rewards-earn-card-v2 { background: #f2f0ed; border: 1px solid var(--color-brown); border-radius: max(12px, 1vw); padding: max(1.4rem, 1.8vw) max(1rem, 1.4vw); text-align: center; display: flex; flex-direction: column; align-items: center; gap: max(.35rem, .5vw); text-decoration: none; transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); will-change: transform; }
a.Rewards-earn-card-v2:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.07); }
.Rewards-earn-grid-2x4 { position: relative; }
.Rewards-earn-card-v2 { position: relative; z-index: 1; }
.Rewards-earn-icon { color: var(--color-brown); opacity: .5; margin-bottom: max(.3rem, .4vw); }
.Rewards-earn-v2-points { font-family: var(--font-heading); font-size: max(.85rem, 1.05vw); font-weight: 700; color: var(--color-brown); letter-spacing: -.01em; }
.Rewards-earn-v2-label { font-family: var(--font-body); font-size: max(.6rem, .72vw); font-weight: 500; color: var(--color-brown); text-transform: uppercase; letter-spacing: .02em; margin: 0; opacity: .6; }
.Rewards-earn-cta {
  font-family: var(--font-body);
  font-size: max(.55rem, .62vw);
  font-weight: 600;
  color: #f5f0eb;
  background: var(--color-brown);
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: max(.3rem, .4vw) max(.8rem, 1vw);
  border-radius: 50px;
  margin-top: max(.3rem, .4vw);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity var(--dur-fast) ease, transform var(--dur-fast) ease, background var(--dur-fast) ease;
}
a.Rewards-earn-card-v2:hover .Rewards-earn-cta {
  opacity: 1;
  transform: translateY(0);
}
a.Rewards-earn-card-v2:hover .Rewards-earn-cta:hover {
  background: #5c4a42;
}
.Rewards-redeem-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.75rem, 1.2vw); }
@media (max-width: 767px) { .Rewards-redeem-grid { grid-template-columns: repeat(2, 1fr); } }
.Rewards-redeem-card-v2 { position: relative; border-radius: max(12px, 1vw); overflow: hidden; aspect-ratio: 1; background: #f2f0ed; }
.Rewards-redeem-card-v2 img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--dur-mid) var(--ease-out); }
.Rewards-redeem-card-v2:hover img { transform: scale(1.04); }
.Rewards-redeem-overlay { position: absolute; inset: 0; padding: max(.8rem, 1.1vw); display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; }
.Rewards-redeem-overlay-name { font-family: var(--font-heading); font-size: max(1rem, 1.6vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; line-height: 1.1; }
.Rewards-redeem-overlay-bottom { align-self: flex-end; display: flex; flex-direction: column; align-items: flex-end; gap: max(.1rem, .15vw); }
.Rewards-redeem-overlay-pts { font-family: var(--font-heading); font-size: max(1rem, 1.3vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; line-height: 1; }
.Rewards-redeem-overlay-equiv { font-family: var(--font-body); font-size: max(.55rem, .65vw); color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .02em; line-height: 1; }
.Rewards-section-subtitle { font-family: var(--font-body); font-size: max(.75rem, .88vw); color: var(--color-brown); opacity: .5; text-align: center; margin: max(-.6rem, -.8vw) 0 max(1.2rem, 1.8vw); text-transform: uppercase; letter-spacing: .02em; }
.Rewards-discount-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.75rem, 1.2vw); }
@media (max-width: 767px) { .Rewards-discount-grid { grid-template-columns: repeat(2, 1fr); } }
.Rewards-giftcard {
  aspect-ratio: 1.586;
  border-radius: max(14px, 1.1vw);
  background: linear-gradient(145deg, #5c4a42, #47362F 40%, #3e2e26 70%, #4a3830);
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-slow) cubic-bezier(.33, 0, .2, 1), box-shadow var(--dur-slow) cubic-bezier(.33, 0, .2, 1);
  cursor: default;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.Rewards-giftcard::before {
  content: '';
  position: absolute; inset: 0;
  border-radius: inherit;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: .04;
  pointer-events: none;
}
.Rewards-giftcard:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,.13);
}
.Rewards-giftcard-inner {
  width: 100%; height: 100%;
  position: relative; z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: max(.8rem, 1.1vw);
  gap: max(.3rem, .4vw);
}
.Rewards-giftcard-brand {
  font-family: 'Utah Condensed', var(--font-heading), sans-serif;
  font-size: max(.85rem, 1vw);
  font-weight: 700;
  color: #d4c4b0;
  letter-spacing: .06em;
  text-transform: uppercase;
  position: absolute;
  top: max(.8rem, 1.1vw);
  left: max(.9rem, 1.2vw);
}
.Rewards-giftcard-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Rewards-giftcard-amount {
  font-family: var(--font-heading);
  font-size: max(1.3rem, 2vw);
  font-weight: 700;
  color: #d4c4b0;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1;
}
.Rewards-giftcard-pts {
  font-family: var(--font-body);
  font-size: max(.58rem, .68vw);
  font-weight: 600;
  color: #d4c4b0;
  text-transform: uppercase;
  letter-spacing: .06em;
  position: absolute;
  bottom: max(.8rem, 1.1vw);
  right: max(.9rem, 1.2vw);
}
.Rewards-tiers-v2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(.75rem, 1.2vw); }
@media (max-width: 1039px) { .Rewards-tiers-v2 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .Rewards-tiers-v2 { grid-template-columns: 1fr; } }
.Rewards-tier-v2 { border-radius: max(12px, 1vw); padding: max(1.5rem, 2vw); text-align: center; display: flex; flex-direction: column; align-items: center; transition: box-shadow var(--dur-base) var(--ease-out); cursor: default; transform-style: preserve-3d; position: relative; overflow: hidden; }
.Rewards-tier-glare { display: none; }
.Rewards-tiers-v2 { align-items: stretch; }
.Rewards-tier-perks { flex: 1; }
.Rewards-tier-v2:hover { box-shadow: 0 12px 30px rgba(0,0,0,.1); }
.Rewards-tier-badge { width: max(48px, 3.5vw); height: max(48px, 3.5vw); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: max(.6rem, .8vw); transition: transform var(--dur-base) ease; position: relative; overflow: hidden; }
.Rewards-tier-badge::before { content: ''; position: absolute; inset: 0; border-radius: 50%; z-index: 1; }
.Rewards-tier-v2:hover .Rewards-tier-badge { }
.Rewards-tier-badge-a { font-family: 'Utah Condensed', var(--font-heading), sans-serif; font-weight: 700; font-size: max(28px, 2.2vw); color: #1a1a1a; line-height: 1; letter-spacing: -.02em; position: relative; z-index: 2; }
.Rewards-tier-name { font-family: var(--font-heading); font-size: max(1.1rem, 1.4vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0 0 max(.2rem, .3vw); }
.Rewards-tier-threshold { font-family: var(--font-body); font-size: max(.6rem, .72vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: .04em; margin-bottom: max(.3rem, .4vw); display: inline-block; padding: max(.25rem, .3vw) max(.7rem, .9vw); border: 1px solid rgba(71,54,47,.15); border-radius: 20px; }
.Rewards-tier-hint { font-family: var(--font-body); font-size: max(.55rem, .62vw); color: inherit; text-transform: uppercase; letter-spacing: .02em; margin-bottom: max(.6rem, .8vw); display: block; }
.Rewards-tier-v2--light .Rewards-tier-hint { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.15); }
.Rewards-tier-v2--plus .Rewards-tier-hint { color: #E7D6C4; }
.Rewards-tier-v2--pro .Rewards-tier-hint { color: #5c4438; }
.Rewards-tier-v2--ultra .Rewards-tier-hint { color: #d0d0d0; }
.Rewards-tier-perks { list-style: none; padding: 0; margin: 0; text-align: left; width: 100%; }
.Rewards-tier-perks li { font-family: var(--font-body); font-size: max(.7rem, .85vw); color: var(--color-brown); padding: max(.35rem, .45vw) 0; border-bottom: 1px solid rgba(71,54,47,.08); text-transform: uppercase; }
.Rewards-tier-perks li::before { content: ''; display: inline-block; width: 7px; height: 7px; background: currentColor; border-radius: 50%; margin-right: max(.4rem, .5vw); vertical-align: middle; }
.Rewards-tier-v2--light {
  border: 3px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(110deg, #9e9e9e, #c8c8c8 40%, #a4a4a4 60%, #bfbfbf),
    conic-gradient(from 330deg, #b2b2b2 0%, #acacac 8%, #a2a2a2 20%, #9c9c9c 35%, #999999 50%, #9c9c9c 65%, #a2a2a2 80%, #acacac 92%, #b2b2b2 100%);
}
.Rewards-tier-v2--light .Rewards-tier-name { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.15); }
.Rewards-tier-v2--light .Rewards-tier-threshold { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.28); text-shadow: 0 1px 2px rgba(0,0,0,.12); }
.Rewards-tier-v2--light .Rewards-tier-perks li { color: #fff; border-bottom-color: rgba(255,255,255,.15); text-shadow: 0 1px 2px rgba(0,0,0,.1); }
.Rewards-tier-v2--light .Rewards-tier-badge { background: linear-gradient(135deg, #e0e0e0, #f5f5f5, #c8c8c8, #eee) !important; border: none; }
.Rewards-tier-v2--light .Rewards-tier-badge-a { color: #777; }
.Rewards-tier-v2--light:hover { }
.Rewards-tier-v2--plus {
  border: 3px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(110deg, #3a2a24, #5c4a42 40%, #3e2e28 60%, #554540),
    conic-gradient(from 330deg, #564038 0%, #503c34 8%, #4a3630 20%, #46322c 35%, #44302a 50%, #46322c 65%, #4a3630 80%, #503c34 92%, #564038 100%);
}
.Rewards-tier-v2--plus .Rewards-tier-name { color: #E7D6C4; }
.Rewards-tier-v2--plus .Rewards-tier-threshold { color: #E7D6C4; border-color: rgba(231,214,196,.45); background: rgba(231,214,196,.2); }
.Rewards-tier-v2--plus .Rewards-tier-perks li { color: #E7D6C4; border-bottom-color: rgba(231,214,196,.15); }
.Rewards-tier-v2--plus .Rewards-tier-badge { background: linear-gradient(135deg, #d4c0ac, #f0e4d8, #c8b098, #e8dcd0) !important; border: none; }
.Rewards-tier-v2--plus .Rewards-tier-badge-a { color: #47362F; }
.Rewards-tier-v2--plus:hover { }
.Rewards-tier-v2--pro {
  border: 3px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(110deg, #c8a870, #d8c494 40%, #caac74 60%, #d4be8a),
    conic-gradient(from 330deg, #d0ba82 0%, #ccb47c 8%, #c6ae74 20%, #c2a86e 35%, #c0a66c 50%, #c2a86e 65%, #c6ae74 80%, #ccb47c 92%, #d0ba82 100%);
}
.Rewards-tier-v2--pro .Rewards-tier-name { background: linear-gradient(135deg, #5c4438, #8a6a50, #4e3828, #7a5c44); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.Rewards-tier-v2--pro .Rewards-tier-threshold { color: #5c4438; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.Rewards-tier-v2--pro .Rewards-tier-perks li { color: #5c4438; border-bottom-color: rgba(71,54,47,.1); }
.Rewards-tier-v2--pro .Rewards-tier-badge { background: linear-gradient(135deg, #d8c08a, #f0e4c0, #d4bc84, #ecdeb8) !important; border: none; }
.Rewards-tier-v2--pro .Rewards-tier-badge-a { color: #5c4438; }
.Rewards-tier-v2--pro:hover { }
.Rewards-tier-v2--ultra { background: linear-gradient(110deg, #151515, #383838 40%, #1a1a1a 60%, #343434); }
.Rewards-tier-v2--ultra:hover { box-shadow: 0 14px 35px rgba(0,0,0,.2); }
.Rewards-tier-v2--ultra .Rewards-tier-badge { transition: transform var(--dur-base) ease, box-shadow var(--dur-base) ease; }
.Rewards-tier-v2--ultra:hover .Rewards-tier-badge { }
.Rewards-tier-v2--ultra .Rewards-tier-name { background: linear-gradient(135deg, #d0d0d0, #f5f5f5, #a8a8a8, #e0e0e0, #c0c0c0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.Rewards-tier-v2--ultra .Rewards-tier-threshold { color: #e8e8e8; border-color: rgba(230,230,230,.35); background: rgba(230,230,230,.15); }
.Rewards-tier-v2--ultra .Rewards-tier-perks li { color: rgba(210,210,210,.75); border-bottom-color: rgba(200,200,200,.1); }
.Rewards-tier-v2--ultra .Rewards-tier-perks li.is-exclusive { color: #e0e0e0; font-weight: 600; }
.Rewards-tier-v2--ultra .Rewards-tier-perks li.is-exclusive::before { background: currentColor; }
.Rewards-tier-badge--ultra {
  background:
    radial-gradient(ellipse 60% 40% at 45% 30%, rgba(255,255,255,.45) 0%, transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.15) 20%, transparent 65%),
    linear-gradient(135deg, #b8b8c2, #e8e8f0, #a4a4b0, #dcdce8, #c0c0ca) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    inset 0 0 4px 1px rgba(255,255,255,.5),
    inset 0 2px 3px rgba(255,255,255,.6),
    inset 0 -2px 4px rgba(0,0,0,.12),
    inset 2px 0 3px rgba(255,255,255,.15),
    inset -2px 0 3px rgba(0,0,0,.06),
    0 0 6px rgba(255,255,255,.15);
  position: relative;
  overflow: hidden;
}
.Rewards-tier-badge--ultra .Rewards-tier-badge-a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}
.Rewards-tier-badge--ultra::before {
  content: '' !important;
  position: absolute; inset: 0; border-radius: 50%;
  background:
    linear-gradient(45deg, transparent 38%, rgba(255,255,255,.2) 40%, rgba(255,255,255,.2) 41.5%, transparent 43.5%),
    linear-gradient(135deg, transparent 38%, rgba(255,255,255,.14) 40%, rgba(255,255,255,.14) 41.5%, transparent 43.5%),
    linear-gradient(90deg, transparent 47%, rgba(255,255,255,.1) 49%, rgba(255,255,255,.1) 51%, transparent 53%),
    linear-gradient(0deg, transparent 47%, rgba(255,255,255,.08) 49%, rgba(255,255,255,.08) 51%, transparent 53%),
    linear-gradient(70deg, transparent 42%, rgba(255,255,255,.07) 44%, transparent 46%),
    linear-gradient(110deg, transparent 42%, rgba(255,255,255,.07) 44%, transparent 46%);
  z-index: 1;
}
.Rewards-tier-badge--ultra::after {
  content: '';
  position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(115% 85% at 32% 16%, rgba(255,255,255,.20) 0%, rgba(255,255,255,.05) 26%, transparent 56%);
  z-index: 2;
  pointer-events: none;
}
.Rewards-tier-v2--ultra {
  border: 3px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(110deg, #151515, #383838 40%, #1a1a1a 60%, #343434),
    conic-gradient(from 120deg, #343434 0%, #303030 8%, #2a2a2a 20%, #262626 35%, #242424 50%, #262626 65%, #2a2a2a 80%, #303030 92%, #343434 100%);
}
.Rewards-referral { display: flex; align-items: center; background: var(--color-section-bg); border-radius: max(12px, 1vw); overflow: hidden; margin: 0; }
.Rewards-referral-text { flex: 1; padding: max(2rem, 3vw); }
.Rewards-referral-desc { font-family: var(--font-body); font-size: max(.8rem, .95vw); color: var(--color-brown); opacity: .7; line-height: 1.6; margin: 0 0 max(1rem, 1.5vw); max-width: 400px; }
.Rewards-referral-image { flex: 0 0 40%; max-width: 40%; display: flex; align-items: center; justify-content: center; padding: max(1.5rem, 2vw); }
.Rewards-referral-image img { width: 100%; height: auto; object-fit: contain; border-radius: max(12px, 1vw); }
@media (max-width: 767px) { .Rewards-referral { flex-direction: column; } .Rewards-referral-image { flex: none; max-width: 100%; } }
.Rewards-faq-dock { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1.5rem, 2.2vw) max(2rem, 3vw); }
.Rewards-faq-item { border-bottom: 1px solid rgba(71,54,47,.1); }
.Rewards-faq-item:last-child { border-bottom: none; }
.Rewards-faq-q { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: max(.8rem, 1vw) 0; font-family: var(--font-body); font-size: max(.8rem, .9vw); font-weight: 600; text-transform: uppercase; cursor: pointer; color: var(--color-brown); letter-spacing: .01em; text-align: left; }
.Rewards-faq-toggle { flex-shrink: 0; margin-left: 1rem; width: 1.1875rem; min-width: 1.1875rem; height: 1.1875rem; border-radius: 50%; background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.45); position: relative; display: flex; align-items: center; justify-content: center; transition: var(--dur-base) var(--ease-out); }
.Rewards-faq-toggle span { width: 50%; height: 1px; background: var(--color-brown); position: absolute; transition: var(--dur-base) var(--ease-out); }
.Rewards-faq-toggle span + span { transform: rotate(90deg); }
.Rewards-faq-q[aria-expanded="true"] .Rewards-faq-toggle { background: var(--color-brown); border-color: var(--color-brown); }
.Rewards-faq-q[aria-expanded="true"] .Rewards-faq-toggle span { transform: rotate(180deg); background: #fff; }
.Rewards-faq-q[aria-expanded="true"] .Rewards-faq-toggle span + span { transform: rotate(360deg); }
.Rewards-faq-a { font-family: var(--font-body); font-size: max(.75rem, .85vw); margin: 0; padding-bottom: max(.8rem, 1vw); color: var(--color-brown); opacity: .7; line-height: 1.6; }
.Rewards-cta-section { padding: 0; text-align: center; }
.Rewards-cta-dock { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(2.5rem, 3.5vw) max(2rem, 3vw); }
.Rewards-cta-title { font-family: var(--font-heading); font-size: max(1.5rem, 2.5vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.03em; margin: 0 0 max(.4rem, .6vw); }
.Rewards-cta-sub { font-family: var(--font-body); font-size: max(.75rem, .88vw); color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .02em; margin: 0 0 max(1.2rem, 1.8vw); }
.Looks-hero { position: relative; width: 100%; padding: max(3rem, 5vw) 0 max(1.5rem, 2.5vw); text-align: center; }
.Looks-hero-title { font-family: var(--font-heading); font-size: max(2.5rem, 5vw); font-weight: 600; color: var(--color-brown); letter-spacing: -0.03em; text-transform: uppercase; margin: 0; line-height: 1; }
.Looks-hero-subtitle { font-family: var(--font-body); font-size: max(.85rem, 1vw); color: var(--color-brown); opacity: .7; margin: max(.5rem, .8vw) 0 0; text-transform: uppercase; letter-spacing: .04em; }
.Looks-filter-subtitle { font-family: var(--font-body); font-size: max(.65rem, .75vw); font-weight: 600; color: var(--color-brown); opacity: .45; text-transform: uppercase; letter-spacing: .08em; margin: max(.5rem, .7vw) 0 0; }
.Looks-feed { display: grid; grid-template-columns: repeat(3, 1fr); gap: max(.75rem, 1.25vw); }
@media (max-width: 899px) { .Looks-feed { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 599px) { .Looks-feed { grid-template-columns: 1fr; } }
.Looks-card { display: flex; flex-direction: column; gap: max(.4rem, .5vw); transition: opacity var(--dur-mid) ease, transform var(--dur-mid) ease; min-width: 0; overflow: hidden; }
.Looks-card.is-hidden { opacity: 0; transform: scale(.95); pointer-events: none; position: absolute; visibility: hidden; }
.Looks-card.is-showing { animation: looksCardIn var(--dur-slow) var(--ease-out) forwards; }
@keyframes looksCardIn { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
.Looks-card-title { font-family: var(--font-heading); font-size: max(.85rem, 1.05vw); font-weight: 600; color: var(--color-brown); line-height: 1.2; letter-spacing: -0.02em; text-transform: uppercase; margin: 0; text-align: center; background: #f2f0ed; padding: max(.5rem, .65vw) max(1rem, 1.4vw); border-radius: max(10px, .8vw); width: 100%; }
.Looks-card-image { position: relative; overflow: hidden; border-radius: max(12px, 1vw); }
.Looks-card-image img { width: 100%; aspect-ratio: 3 / 3.2; object-fit: cover; object-position: center; display: block; transition: transform var(--dur-reveal) cubic-bezier(.4, 0, .2, 1); }
.Looks-card:hover .Looks-card-image img { transform: scale(1.04); }
.Looks-card-overlay { position: absolute; inset: 0; padding: max(.6rem, 1vw); display: flex; flex-direction: column; pointer-events: none; }
.Looks-card-overlay-top { display: flex; align-items: flex-start; justify-content: flex-end; width: 100%; }
.Looks-card-dots { position: absolute; bottom: max(.5rem, .7vw); left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 2; }
.Looks-card-dots span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.45); transition: background var(--dur-base) ease; }
.Looks-card-dots span.is-active { background: #fff; }
.Looks-card-dock { padding: 7px; display: flex; gap: 7px; background: #f2f0ed; border-radius: 12px; height: max(160px, 12vw); align-items: stretch; overflow: hidden; }
.Looks-card-dock[data-count="2"] .Looks-dock-product { flex: 1; }
.Looks-card-dock[data-count="3"] .Looks-dock-product { flex: 1; }
.Looks-dock-product { border-radius: 12px; overflow: hidden; position: relative; background: #f2f0ed; -webkit-transform: translateZ(0); transform: translateZ(0); }
.Looks-dock-product-img { display: block; position: relative; text-decoration: none; border-radius: 12px; overflow: hidden; }
.Looks-dock-product-img::before { content: ''; display: block; padding-bottom: 116.16%; }
.Looks-dock-product-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.Looks-dock-product-info { position: absolute; inset: 0; padding: clamp(7px, .5vw, 10px); z-index: 2; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between; transition: opacity var(--dur-base) ease; }
.Looks-card-dock[data-count="2"] .Looks-dock-product:hover .Looks-dock-product-price { opacity: 0; }
.Looks-card-dock[data-count="3"] .Looks-dock-product:hover .Looks-dock-product-price { opacity: 0; }
.Looks-dock-product-name { display: block; font-family: var(--font-heading); font-size: clamp(12px, .85vw, 16px); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; text-decoration: none; line-height: 1.1; align-self: flex-start; }
.Looks-dock-product-price { display: block; font-family: var(--font-body); font-size: clamp(10px, .7vw, 13px); color: var(--color-brown); font-weight: 400; align-self: flex-end; }
.Looks-dock-product-add { position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; padding: 0 5px 5px; transform: translateY(100%); opacity: 0; transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) ease; pointer-events: none; display: block; text-align: center; }
.Looks-dock-product:hover .Looks-dock-product-add,
.Looks-dock-duo:hover .Looks-dock-product-add { transform: translateY(0); opacity: 1; pointer-events: auto; }
.Looks-dock-product-add-btn { display: block; width: 100%; text-align: center; padding: 6px 0; border: 1px solid var(--color-brown); border-radius: 40px; background: transparent; color: var(--color-brown); font-family: var(--font-heading); font-size: clamp(10px, .65vw, 12px); font-weight: 600; text-transform: uppercase; letter-spacing: .02em; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 1; transition: color var(--dur-base) ease .05s; }
.Looks-dock-product-add-btn::after { content: ''; position: absolute; inset: -1px; border-radius: 40px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; pointer-events: none; }
.Looks-dock-product-add-btn:hover::after { transform: scaleX(1); transform-origin: left center; }
.Looks-dock-product-add-btn:hover { color: #fff; }
.Looks-dock-product-add-btn.is-added { background: var(--color-brown); color: #fff; border-color: var(--color-brown); }
.Looks-dock-product-add-btn.is-added::after { transform: scaleX(1); }
.Looks-card-dock[data-count="1"] .Looks-dock-product { flex: 0 0 calc(33.33% - 4px); display: flex; flex-direction: column; }
.Looks-card-dock[data-count="1"] .Looks-dock-product-img { flex: 1; }
.Looks-card-dock[data-count="1"] .Looks-dock-product-img::before { display: none; }
.Looks-card-dock[data-count="1"] .Looks-dock-product-img img { position: relative; width: 100%; height: 100%; }
.Looks-card-dock[data-count="1"] .Looks-dock-product-add { display: none; }
.Looks-card-dock[data-count="1"] .Looks-dock-product:hover .Looks-dock-product-info { opacity: 1; }
.Looks-dock-single-info { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px; text-align: center; }
.Looks-dock-single-title { font-family: var(--font-heading); font-size: clamp(13px, .95vw, 17px); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0; line-height: 1.1; }
.Looks-dock-single-atc { padding: 7px 20px; border: 1px solid var(--color-brown); border-radius: 40px; background: transparent; color: var(--color-brown); font-family: var(--font-heading); font-size: clamp(10px, .65vw, 12px); font-weight: 600; text-transform: uppercase; letter-spacing: .02em; cursor: pointer; position: relative; overflow: hidden; z-index: 1; transition: color var(--dur-base) ease .05s; }
.Looks-dock-single-atc::after { content: ''; position: absolute; inset: -1px; border-radius: 40px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; pointer-events: none; }
.Looks-dock-single-atc:hover::after { transform: scaleX(1); transform-origin: left center; }
.Looks-dock-single-atc:hover { color: #fff; }
.Looks-dock-single-atc.is-added { background: var(--color-brown); color: #fff; border-color: var(--color-brown); }
.Looks-dock-single-atc.is-added::after { transform: scaleX(1); }
.Looks-card-dock[data-count="2"] { flex-wrap: nowrap; position: relative; overflow: visible; }
.Looks-card-dock[data-count="2"] .Looks-dock-product { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.Looks-card-dock[data-count="2"] .Looks-dock-product-img { flex: 1; }
.Looks-card-dock[data-count="2"] .Looks-dock-product-img::before { display: none; }
.Looks-card-dock[data-count="2"] .Looks-dock-product-img img { position: relative; width: 100%; height: 100%; }
.Looks-card-dock[data-count="2"] .Looks-dock-duo { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.Looks-card-dock[data-count="2"] .Looks-dock-duo .Looks-dock-product-img { flex: 1; }
.Looks-card-dock[data-count="2"] .Looks-dock-duo .Looks-dock-product-img::before { display: none; }
.Looks-card-dock[data-count="2"] .Looks-dock-duo .Looks-dock-product-img img { position: relative; width: 100%; height: 100%; }
.Looks-card-dock[data-count="3"] { flex-wrap: nowrap; }
.Looks-card-dock[data-count="3"] .Looks-dock-product { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.Looks-card-dock[data-count="3"] .Looks-dock-product-img { flex: 1; }
.Looks-card-dock[data-count="3"] .Looks-dock-product-img::before { display: none; }
.Looks-card-dock[data-count="3"] .Looks-dock-product-img img { position: relative; width: 100%; height: 100%; }
.Looks-card-dock[data-count="3"] .Looks-dock-duo { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.Looks-card-dock[data-count="3"] .Looks-dock-duo .Looks-dock-product-img { flex: 1; }
.Looks-card-dock[data-count="3"] .Looks-dock-duo .Looks-dock-product-img::before { display: none; }
.Looks-card-dock[data-count="3"] .Looks-dock-duo .Looks-dock-product-img img { position: relative; width: 100%; height: 100%; }
.Looks-card-image .swiper { width: 100%; aspect-ratio: 3 / 3.2; overflow: hidden !important; border-radius: inherit; }
.Looks-card-image .swiper-wrapper { will-change: transform; }
.Looks-card-image .swiper-slide { overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100% !important; min-width: 100%; }
.Looks-card-image .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform var(--dur-reveal) cubic-bezier(.4, 0, .2, 1); }
.Looks-video-slide { background: #e8e5e1; }
.Looks-video-container { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.Looks-video { width: 100%; height: 100%; object-fit: cover; }
.Looks-video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; background: none; border: none; cursor: pointer; transition: transform var(--dur-base) ease, opacity var(--dur-base); }
.Looks-video-play-btn:hover { transform: translate(-50%, -50%) scale(1.1); }
.Looks-video-play-btn.is-playing { opacity: 0; pointer-events: none; }
.Looks-video-pause-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; background: none; border: none; cursor: pointer; opacity: 0; pointer-events: none; transition: transform var(--dur-base) ease, opacity var(--dur-fast) ease; }
.Looks-video-container.is-playing:hover .Looks-video-pause-btn { opacity: 1; pointer-events: auto; }
.Looks-video-pause-btn:hover { transform: translate(-50%, -50%) scale(1.1); }
.Looks-video-mute-btn { position: absolute; bottom: max(.6rem, .9vw); right: max(.6rem, .9vw); z-index: 4; background: none; border: none; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity var(--dur-base) ease, transform var(--dur-fast) ease; }
.Looks-video-container.is-playing .Looks-video-mute-btn { opacity: 1; pointer-events: auto; }
.Looks-video-mute-btn:hover { transform: scale(1.1); }
.Looks-video-label { position: absolute; bottom: max(.8rem, 1.2vw); left: 50%; transform: translateX(-50%); font-family: var(--font-heading); font-size: max(.55rem, .7vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: .04em; opacity: .6; transition: opacity var(--dur-base); z-index: 3; }
.Looks-video-label.is-playing { opacity: 0; }
.Looks-video-placeholder { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: #e8e5e1; }
.Looks-video-placeholder svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.Looks-video-placeholder span { position: absolute; bottom: max(.8rem, 1.2vw); left: 50%; transform: translateX(-50%); font-family: var(--font-heading); font-size: max(.55rem, .7vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: .04em; opacity: .6; white-space: nowrap; }
.Looks-swiper-pagination { position: absolute; bottom: max(.6rem, .9vw); left: 0; right: 0; z-index: 10; display: flex; justify-content: center; gap: 3px; width: auto !important; }
.Looks-swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.5); opacity: 1; transition: background var(--dur-base); }
.Looks-swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.Looks-arrow { position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); width: max(32px, 2.4vw); height: max(32px, 2.4vw); border-radius: 50%; border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: background var(--dur-base) ease, border-color var(--dur-base) ease, opacity var(--dur-base) ease; box-shadow: none; color: var(--color-brown); }
.Looks-card-image:hover .Looks-arrow:not(.is-hidden) { opacity: 1; }
.Looks-arrow--prev { left: max(.4rem, .6vw); }
.Looks-arrow--next { right: max(.4rem, .6vw); }
.Looks-arrow:hover { background: rgba(255,255,255,.92); border-color: rgba(255,255,255,.8); }
.Looks-arrow.is-hidden { opacity: 0 !important; pointer-events: none; }
.Looks-dock-duo { border-radius: 12px; overflow: hidden; position: relative; background: #f2f0ed; -webkit-transform: translateZ(0); transform: translateZ(0); }
.Looks-dock-duo-label { display: none; }
.Looks-dock-duo .Looks-dock-product-img { display: block; position: relative; border-radius: 12px; overflow: hidden; }
.Looks-dock-duo .Looks-dock-product-img::before { content: ''; display: block; padding-bottom: 116.16%; }
.Looks-dock-duo .Looks-dock-product-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.Looks-dock-duo .Looks-dock-product-info { position: absolute; inset: 0; padding: clamp(7px, .5vw, 10px); z-index: 2; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between; transition: opacity var(--dur-base) ease; }
.Looks-dock-duo:hover .Looks-dock-product-price { opacity: 0; }
.Looks-dock-duo:hover .Looks-dock-save { opacity: 0; }
.Looks-dock-duo .Looks-dock-product-name { display: block; font-family: var(--font-heading); font-size: clamp(12px, .85vw, 16px); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; line-height: 1.1; align-self: flex-start; }
.Looks-dock-duo .Looks-dock-product-price { display: block; font-family: var(--font-body); font-size: clamp(10px, .7vw, 13px); color: var(--color-brown); font-weight: 400; align-self: flex-end; }
.Looks-dock-save { position: absolute; bottom: 7px; left: 7px; font-family: var(--font-heading); font-size: clamp(9px, .6vw, 11px); font-weight: 600; color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .03em; transition: opacity var(--dur-base) ease; }
.Looks-dock-duo-text { font-family: var(--font-heading); font-size: max(.55rem, .7vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.01em; line-height: 1.3; }
.Looks-dock-duo-text strong { font-weight: 700; }
.Looks-dock-duo-text em { font-style: normal; font-weight: 400; opacity: .6; font-size: max(.45rem, .6vw); }
.Looks-cta-banner { padding: 0; text-align: center; }
.Looks-cta-banner-content { max-width: 500px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: max(.6rem, .8vw); }
.Looks-cta-banner-title { font-family: var(--font-heading); font-size: max(1.8rem, 3vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.03em; margin: 0; line-height: 1; }
.Looks-cta-banner-sub { font-family: var(--font-body); font-size: max(.8rem, .95vw); color: var(--color-brown); opacity: .6; margin: 0; text-transform: uppercase; letter-spacing: .03em; }
.Looks-cta-banner-btn { margin-top: max(.5rem, .8vw); }
.CartDrawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: var(--z-drawer-scrim); opacity: 0; visibility: hidden; transition: opacity var(--dur-base), visibility var(--dur-base); }
.CartDrawer-overlay.is-open { opacity: 1; visibility: visible; }
.CartDrawer { position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: var(--color-section-bg); z-index: var(--z-drawer); transform: translateX(100%); transition: transform var(--dur-mid) var(--ease-out); display: flex; flex-direction: column; border-radius: 12px 0 0 12px; }
.CartDrawer.is-open { transform: translateX(0); }
.CartDrawer-inner { display: flex; flex-direction: column; height: 100%; }
.CartDrawer-header { display: flex; justify-content: center; align-items: center; padding: 1.5rem; border-bottom: 1px solid rgba(71,54,47,.1); flex-shrink: 0; position: relative; }
.CartDrawer-header h2 { font-size: .875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin: 0; color: var(--color-brown); }
.CartDrawer-close { background: none; border: none; cursor: pointer; padding: .5rem; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); }
.CartDrawer-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; color: var(--color-brown); }
.CartDrawer-empty p { font-size: .875rem; margin-bottom: 0; }
.CartDrawer-empty .Button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.CartDrawer-empty-btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 320px; min-height: 48px; margin-top: 1.25rem; padding: 0 1.5rem; text-decoration: none; line-height: 1; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } 
.CartDrawer-empty-btn.is-brand::after { background: #6B564A; } 
.CartDrawer-lines { flex: 1; overflow-y: auto; padding: 1rem 1.5rem; }
.CartDrawer-line { display: flex; gap: 1.25rem; padding: 1.25rem 0; border-bottom: 1px solid rgba(71,54,47,.08); position: relative; }
.CartDrawer-line:last-child { border-bottom: none; }
.CartDrawer-line-image { width: 120px; height: 120px; border-radius: 10px; overflow: hidden; background: #fff; flex-shrink: 0; }
.CartDrawer-line-image img { width: 100%; height: 100%; object-fit: cover; }
.CartDrawer-line-details { flex: 1; display: flex; flex-direction: column; gap: .25rem; }
.CartDrawer-line-title { font-size: 1rem; font-weight: 700; color: var(--color-brown); text-decoration: none; }
.CartDrawer-line-title:hover { text-decoration: underline; }
.CartDrawer-line-variant { font-size: .75rem; color: var(--color-light-brown); margin: 0; }
.CartDrawer-line-price { font-size: 1rem; font-weight: 700; color: var(--color-brown); margin: 0; }
.CartDrawer-line-qty { display: flex; align-items: center; gap: .75rem; margin-top: .25rem; }
.CartDrawer-qty-btn { width: 36px; height: 36px; border: 1px solid rgba(71,54,47,.2); border-radius: 50%; background: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; color: var(--color-brown); transition: all var(--dur-fast); padding: 0; }
.CartDrawer-qty-btn::after { font-size: 14px; line-height: 1; }
.CartDrawer-qty-btn[data-action="minus"]::after { content: '\2212'; }
.CartDrawer-qty-btn[data-action="plus"]::after { content: '+'; }
.CartDrawer-qty-btn:hover { background: var(--color-section-bg); }
.CartDrawer-qty-value { font-size: .875rem; font-weight: 700; min-width: 1rem; text-align: center; }
.CartDrawer-line-remove { position: absolute; top: 1rem; right: 0; background: none; border: none; cursor: pointer; padding: .25rem; opacity: .5; transition: opacity var(--dur-fast); }
.CartDrawer-line-remove:hover { opacity: 1; }
.CartDrawer-footer { padding: 1.5rem; border-top: 1px solid rgba(71,54,47,.1); flex-shrink: 0; }
.CartDrawer-shipping-bar { padding: 1rem 1.5rem; flex-shrink: 0; border-bottom: 1px solid rgba(71,54,47,.08); }
.CartDrawer-shipping-bar-track { width: 100%; height: 8px; background: rgba(71,54,47,.1); border-radius: 4px; overflow: hidden; }
.CartDrawer-shipping-bar-fill { height: 100%; background: var(--color-brown); border-radius: 4px; transition: width var(--dur-slow) cubic-bezier(.4,0,.2,1); }
.CartDrawer-shipping-bar-text { font-size: .75rem; color: var(--color-brown); margin-top: .5rem; text-align: center; }
.CartDrawer-shipping-bar-text--unlocked { font-weight: 600; color: var(--color-brown); opacity: 0; transform: translateY(4px); transition: opacity var(--dur-mid) ease, transform var(--dur-mid) ease; }
.CartDrawer-shipping-bar-text--unlocked.is-drawing { opacity: 1; transform: translateY(0); }
.CartDrawer-subtotal { display: flex; justify-content: space-between; font-size: 1.25rem; font-weight: 700; color: var(--color-brown); margin-bottom: .35rem; }
.CartDrawer-shipping-note { font-size: .75rem; color: var(--color-light-brown); margin-bottom: 1rem; }
.CartDrawer-checkout { width: 100%; text-align: center; padding: 1rem; border: 1.5px solid var(--color-brown); border-radius: 40px; background: var(--color-brown); color: #fff; font-family: var(--font-heading); font-size: .9375rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; position: relative; overflow: hidden; z-index: 1; transition: color var(--dur-base) ease .05s; }
.CartDrawer-checkout::after { content: ''; position: absolute; inset: 0; border-radius: 40px; background: #fff; transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; pointer-events: none; }
.CartDrawer-checkout:hover::after { transform: scaleX(1); transform-origin: left center; }
.CartDrawer-checkout:hover { color: var(--color-brown); }
.CartDrawer-trust { display: flex; justify-content: center; gap: 1.5rem; margin-top: .75rem; }
.CartDrawer-trust-item { display: inline-flex; align-items: center; gap: .35rem; font-family: var(--font-body); font-size: .7rem; color: var(--color-brown); opacity: .55; text-transform: uppercase; letter-spacing: .03em; }
.CartDrawer-trust-item svg { flex-shrink: 0; }
.CartDrawer-upsell { padding: 0 1.5rem 1rem; flex-shrink: 0; }
.CartDrawer-upsell-heading { font-size: .9375rem; color: var(--color-brown); margin: 0 0 .75rem; text-align: center; }
.CartDrawer-upsell-product { display: flex; align-items: center; gap: 1.25rem; background: #fff; border-radius: 12px; padding: 1.25rem; }
.CartDrawer-upsell-image { width: 100px; height: 100px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background: var(--color-section-bg); }
.CartDrawer-upsell-image img { width: 100%; height: 100%; object-fit: contain; }
.CartDrawer-upsell-info { flex: 1; }
.CartDrawer-upsell-name { font-family: var(--font-heading); font-size: .9375rem; font-weight: 700; text-transform: uppercase; color: var(--color-brown); }
.CartDrawer-upsell-savings { display: block; font-family: var(--font-body); font-size: .7rem; color: var(--color-brown); opacity: .7; margin-top: .15rem; font-style: italic; }
.CartDrawer-upsell-add { border: 1.5px solid var(--color-brown); background: transparent; color: var(--color-brown); border-radius: 40px; padding: .625rem 1.25rem; font-family: var(--font-heading); font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; cursor: pointer; white-space: nowrap; flex-shrink: 0; position: relative; overflow: hidden; z-index: 1; transition: color var(--dur-base) ease .05s; }
.CartDrawer-upsell-add::after { content: ''; position: absolute; inset: 0; border-radius: 40px; background: var(--color-brown); transform: scaleX(0); transform-origin: right center; transition: transform var(--dur-base) var(--ease-out); z-index: -1; pointer-events: none; }
.CartDrawer-upsell-add:hover::after { transform: scaleX(1); transform-origin: left center; }
.CartDrawer-upsell-add:hover { color: #fff; }
.SearchDrawer-dimmer { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: var(--z-drawer-scrim); opacity: 0; visibility: hidden; transition: opacity var(--dur-base) ease, visibility var(--dur-base) ease; }
.SearchDrawer-dimmer.is-open { opacity: 1; visibility: visible; }
.SearchDrawer { position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #F1F0ED; z-index: var(--z-drawer); transform: translateX(100%); transition: transform var(--dur-mid) var(--ease-out); display: flex; flex-direction: column; overflow: hidden; border-radius: 12px 0 0 12px; }
.SearchDrawer.is-open { transform: translateX(0); }
.SearchDrawer-header { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; flex-shrink: 0; }
.SearchDrawer-header h2 { font-family: var(--font-heading); font-size: .8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin: 0; color: var(--color-brown); }
.SearchDrawer-close { background: none; border: none; cursor: pointer; padding: .25rem; display: flex; align-items: center; justify-content: center; color: var(--color-brown); }
.SearchDrawer-close svg { width: 20px; height: 20px; }
.SearchDrawer-body { flex: 1; overflow-y: auto; padding: 0 1.5rem 2rem; }
.SearchDrawer-input-wrapper { position: relative; margin-bottom: 1.5rem; }
.SearchDrawer-input { width: 100%; border: none; border-radius: 8px; background: #fff; font-family: var(--font-body); font-size: .875rem; font-weight: 400; color: var(--color-brown); padding: .75rem 2.5rem .75rem 1rem; outline: none; box-sizing: border-box; }
.SearchDrawer-input::placeholder { color: rgba(71,54,47,.4); }
.SearchDrawer-input-icon { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); color: var(--color-brown); opacity: .4; pointer-events: none; }
.SearchDrawer-input-icon svg { width: 18px; height: 18px; }
.SearchDrawer-suggestions { margin-bottom: 1.5rem; position: relative; }
.SearchDrawer-suggestions-title { font-family: var(--font-heading); font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--color-light-brown); margin-bottom: .75rem; }
.SearchDrawer-suggestions-list { position: relative; }
.SearchDrawer-suggestion-link { display: block; font-family: var(--font-body); font-size: .8125rem; color: var(--color-brown); text-decoration: none; padding: .5rem 8px; transition: none; cursor: pointer; position: relative; z-index: 1; border-radius: 8px; }
.SearchDrawer-suggestion-link:hover { opacity: 1; }
.SearchDrawer-divider { border: none; border-top: 1px solid rgba(71,54,47,.12); margin: 0 0 1.5rem; }
.SearchDrawer-products-title { font-family: var(--font-heading); font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--color-light-brown); margin-bottom: 1rem; }
.SearchDrawer-products { list-style: none; margin: 0; padding: 0; position: relative; }
.SearchDrawer-products-highlight { position: absolute; left: -8px; right: -8px; top: 0; height: 0; background: rgba(255,255,255,.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 12px; pointer-events: none; opacity: 0; transition: top var(--dur-instant) var(--ease-out), height var(--dur-instant) var(--ease-out), opacity .15s ease; z-index: 0; }
.SearchDrawer-products:hover .SearchDrawer-products-highlight { opacity: 1; }
.SearchDrawer-product { display: flex; align-items: center; gap: 1.25rem; text-decoration: none; color: inherit; padding: 1rem 10px; transition: none; position: relative; z-index: 1; border-radius: 12px; }
.SearchDrawer-product:hover { opacity: 1; }
.SearchDrawer-product-image { width: 80px; height: 80px; border-radius: 10px; overflow: hidden; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.SearchDrawer-product-image img { width: 100%; height: 100%; object-fit: contain; }
.SearchDrawer-product-info { display: flex; flex-direction: column; gap: .125rem; }
.SearchDrawer-product-name { font-family: var(--font-heading); font-size: .9375rem; font-weight: 600; text-transform: uppercase; color: var(--color-brown); }
.SearchDrawer-product-subtitle { font-family: var(--font-body); font-size: .8125rem; color: var(--color-brown); }
.SearchDrawer-product-price { font-family: var(--font-body); font-size: .9375rem; font-weight: 600; color: var(--color-brown); }
.SearchDrawer-empty { text-align: center; padding: 2rem 0; color: var(--color-light-brown); }
.SearchDrawer-empty p { font-size: .875rem; margin: 0; }
.SearchDrawer-results-heading { font-family: var(--font-heading); font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--color-light-brown); margin-bottom: 1rem; }
.AccountPage-form-wrapper { width: 100%; margin: 0 auto; }
section:has(.AccountPage-form-wrapper) .ImageWithContent { max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); }
section:has(.AccountPage-form-wrapper) .Image-container { max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); }
section:has(.AccountPage-form-wrapper) .Image-container .Image span:first-child { padding-bottom: 90%; }
section:has(.AccountPage-form-wrapper) .Image-container img { height: 100%; object-fit: cover; }
section:has(.AccountPage-form-wrapper) .Content-container { max-width: none; width: 80%; }
section:has(.AccountPage-form-wrapper) .Content-wrapper { align-items: center; justify-content: center; padding: max(1.5rem, 2.08333vw); }
.AccountPage-title { font-family: var(--font-heading); font-size: max(2rem, 3vw); font-weight: 700; color: var(--color-brown); margin: 0 0 2rem; text-align: center; letter-spacing: -0.02em; }
.AccountPage-form { display: flex; flex-direction: column; gap: 12px; }
.AccountPage-input { width: 100%; border: none; border-radius: 12px; background: rgba(255,255,255,.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-family: var(--font-body); font-size: 15px; color: var(--color-brown); padding: 16px 24px; outline: none; transition: background var(--dur-base); box-sizing: border-box; }
.AccountPage-input:focus { background: rgba(255,255,255,.7); }
.AccountPage-input::placeholder { color: rgba(71,54,47,.4); }
.AccountPage-submit { width: auto; padding: 14px 48px; border: 1px solid var(--color-brown); border-radius: 40px; background: transparent; color: var(--color-brown); font-family: var(--font-heading); font-size: .8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; transition: background var(--dur-base), color var(--dur-base); margin: 1.5rem auto 0; display: block; }
.AccountPage-submit:hover { background: var(--color-brown); color: #fff; }
.AccountPage-forgot { display: block; margin-top: 1.5rem; font-size: .875rem; color: var(--color-brown); text-decoration: underline; font-family: var(--font-body); text-align: center; }
.AccountPage-forgot:hover { opacity: .7; }
.AccountPage-switch { font-size: .875rem; color: var(--color-brown); margin-top: .5rem; text-align: center; }
.AccountPage-switch-link { color: var(--color-brown); font-weight: 600; text-decoration: underline; }
.js-scroll-animate {
  transform: translateY(24px);
  opacity: 0;
  transition: transform var(--dur-reveal) var(--transition-smooth), opacity var(--dur-slow) ease-out;
  will-change: transform, opacity;
}
.js-scroll-animate.is-visible {
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 767px) {
  .js-real-results-custom-section .RealResults__review { width: 75vw; }
  .js-real-results-custom-section .RealResults__review__image { aspect-ratio: 1; }
  .js-real-results-custom-section .RealResults__review__image .o-placeholder > span:first-child { display: none; }
  .js-real-results-custom-section .RealResults__review__image img { position: relative; width: 100%; height: 100%; object-fit: cover; }
  .Product-card .Product-card-details > .Product-card-subtitle { display: none; }
  .Product-card .Product-card-details { font-size: .75rem; }
  .CartDrawer, .SearchDrawer { width: 100%; max-width: 100%; }
}
.GlassShowcase { position: relative; border-radius: max(14px, 1.1vw); overflow: hidden; }
.GlassShowcase-bg { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; }
.GlassShowcase::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 65%; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, transparent 0%, rgba(71,54,47,.15) 30%, rgba(71,54,47,.35) 65%, rgba(71,54,47,.5) 100%); }
.GlassShowcase-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: max(10px, .7vw); padding: 0 max(1.2rem, 1.8vw); margin-top: max(-7rem, -9vw); position: relative; z-index: 2; padding-bottom: max(1.2rem, 1.8vw); }
.GlassShowcase-card { background: rgba(242, 240, 237, 0.18); backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3); border: 1px solid rgba(231, 214, 196, 0.22); border-radius: max(14px, 1.1vw); padding: max(1.2rem, 1.8vw); display: flex; flex-direction: column; align-items: center; text-align: center; gap: max(.4rem, .6vw); text-decoration: none; transition: transform var(--dur-mid) var(--ease-out), background var(--dur-mid) var(--ease-out); }
.GlassShowcase-card:hover { background: rgba(242, 240, 237, 0.28); transform: translateY(-3px); }
.GlassShowcase-card-img { width: max(60px, 5vw); height: max(60px, 5vw); margin-bottom: max(.3rem, .5vw); }
.GlassShowcase-card-img img { width: 100%; height: 100%; object-fit: contain; }
.GlassShowcase-card-name { font-family: var(--font-body); font-size: max(.68rem, .8vw); font-weight: 700; color: #f5f0eb; text-transform: uppercase; letter-spacing: .08em; }
.GlassShowcase-card-benefit { font-family: var(--font-body); font-size: max(.58rem, .68vw); color: #f5f0eb; opacity: .55; line-height: 1.4; }
.GlassShowcase-card { opacity: 0; transform: translateY(20px); }
.GlassShowcase-card.is-visible { opacity: 1; transform: translateY(0); transition: opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out), background var(--dur-mid) var(--ease-out); }
.GlassShowcase-card.is-visible:hover { transform: translateY(-3px); }
@media (max-width: 767px) {
  .GlassShowcase-bg { aspect-ratio: 4 / 3; }
  .GlassShowcase-grid { grid-template-columns: 1fr; margin-top: max(-5rem, -12vw); }
}
.About-hero { border-radius: 0 0 max(14px, 1.1vw) max(14px, 1.1vw); }
.About-process-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: max(10px, .7vw); padding: max(1.5rem, 2.2vw) max(1.5rem, 2vw) max(1.8rem, 2.4vw); border-top: 1px solid rgba(71,54,47,.08); }
.About-process-step { display: flex; align-items: flex-start; gap: max(.6rem, 1vw); padding: 0 max(.4rem, .6vw); }
.About-process-num { font-family: var(--font-heading); font-size: max(1.6rem, 2.2vw); font-weight: 600; color: var(--color-brown); opacity: .25; line-height: 1; letter-spacing: -.02em; flex-shrink: 0; }
.About-process-text { display: flex; flex-direction: column; gap: max(.15rem, .25vw); }
.About-process-title { font-family: var(--font-body); font-size: max(.68rem, .8vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: .1em; }
.About-process-desc { font-family: var(--font-body); font-size: max(.62rem, .74vw); color: var(--color-brown); opacity: .55; line-height: 1.5; }
@media (max-width: 767px) {
  .About-process-strip { grid-template-columns: 1fr; gap: max(1rem, 1.5vw); }
}
.About-ingredients { background: #fff; border: 1px solid rgba(71,54,47,.08); border-radius: max(14px, 1.1vw); padding: max(3.5rem, 5.5vw) max(2rem, 3vw); }
.About-ingredients-header { text-align: center; max-width: 620px; margin: 0 auto max(2.5rem, 3.5vw); }
.About-ingredients-label { display: block; font-family: var(--font-body); font-size: max(.65rem, .76vw); font-weight: 700; color: var(--color-brown); opacity: .45; text-transform: uppercase; letter-spacing: .12em; margin-bottom: max(.8rem, 1.2vw); }
.About-ingredients-headline { font-family: var(--font-heading); font-size: max(1.6rem, 2.6vw); font-weight: 600; color: var(--color-brown); line-height: 1.2; letter-spacing: -.03em; margin: 0 0 max(.8rem, 1.2vw); }
.About-ingredients-sub { font-family: var(--font-body); font-size: max(.78rem, .92vw); color: var(--color-brown); opacity: .55; line-height: 1.7; margin: 0; }
.About-ingredients-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: max(10px, .8vw); }
.About-ingredient-card { background: var(--color-section-bg); border-radius: max(12px, 1vw); padding: max(1.8rem, 2.4vw) max(1.3rem, 1.8vw); text-align: center; transition: transform var(--dur-mid) var(--ease-out), background var(--dur-mid); }
.About-ingredient-card:hover { transform: translateY(-3px); background: #ede8e3; }
.About-ingredient-icon { font-size: max(1.2rem, 1.6vw); color: var(--color-light-brown); margin-bottom: max(.6rem, .9vw); line-height: 1; }
.About-ingredient-name { font-family: var(--font-heading); font-size: max(.95rem, 1.15vw); font-weight: 600; color: var(--color-brown); letter-spacing: -.02em; margin: 0 0 max(.5rem, .7vw); }
.About-ingredient-desc { font-family: var(--font-body); font-size: max(.68rem, .8vw); color: var(--color-brown); opacity: .55; line-height: 1.6; margin: 0; }
@media (max-width: 1039px) { .About-ingredients-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .About-ingredients-grid { grid-template-columns: 1fr; } }
.About-social-proof { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); padding: max(3.5rem, 5.5vw) max(2rem, 3vw); }
.About-social-proof-header { text-align: center; max-width: 620px; margin: 0 auto max(2.5rem, 3.5vw); }
.About-social-proof-label { display: block; font-family: var(--font-body); font-size: max(.65rem, .76vw); font-weight: 700; color: var(--color-brown); opacity: .45; text-transform: uppercase; letter-spacing: .12em; margin-bottom: max(.8rem, 1.2vw); }
.About-social-proof-headline { font-family: var(--font-heading); font-size: max(1.6rem, 2.6vw); font-weight: 600; color: var(--color-brown); line-height: 1.2; letter-spacing: -.03em; margin: 0; }
.About-social-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: max(10px, .8vw); }
.About-quote-card { background: #fff; border-radius: max(12px, 1vw); padding: max(1.8rem, 2.4vw); margin: 0; display: flex; flex-direction: column; gap: max(.8rem, 1.2vw); transition: transform var(--dur-mid) var(--ease-out); }
.About-quote-card:hover { transform: translateY(-3px); }
.About-quote-stars { font-size: max(.85rem, 1vw); color: var(--color-brown); letter-spacing: .1em; }
.About-quote-text { font-family: var(--font-body); font-size: max(.82rem, .98vw); color: var(--color-brown); line-height: 1.65; margin: 0; flex: 1; }
.About-quote-attribution { display: flex; flex-direction: column; gap: max(.15rem, .2vw); border-top: 1px solid rgba(71,54,47,.1); padding-top: max(.8rem, 1.2vw); }
.About-quote-name { font-family: var(--font-body); font-size: max(.75rem, .88vw); font-weight: 700; color: var(--color-brown); }
.About-quote-role { font-family: var(--font-body); font-size: max(.62rem, .72vw); color: var(--color-brown); opacity: .45; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 900px) { .About-social-proof-grid { grid-template-columns: 1fr; } }
.About-manifesto { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); padding: max(4rem, 6vw) max(2rem, 3vw); text-align: center; display: flex; flex-direction: column; align-items: center; }
.About-manifesto-label { font-family: var(--font-body); font-size: max(.68rem, .78vw); font-weight: 700; color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .16em; margin-bottom: max(.8rem, 1.2vw); }
.About-manifesto-headline { font-family: var(--font-heading); font-size: max(2rem, 3.8vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.03em; line-height: .95; margin: 0 0 max(1.4rem, 2vw); }
.About-manifesto-body { font-family: var(--font-body); font-size: max(.88rem, 1.05vw); color: var(--color-brown); opacity: .75; line-height: 1.65; max-width: 620px; margin: 0; }
@media (max-width: 767px) {
  .About-manifesto { padding: max(3rem, 5vw) max(1.5rem, 2.5vw); }
  .About-manifesto-headline { font-size: 2.2rem; }
  .About-manifesto-body { font-size: .88rem; line-height: 1.6; }
}
.About-design { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: max(1.5rem, 2.5vw); }
.About-design-image { position: relative; width: 100%; aspect-ratio: 1 / 1; }
.About-design-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.About-design-content { padding: max(2rem, 3vw) max(2rem, 4vw) max(2rem, 3vw) 0; display: flex; flex-direction: column; align-items: flex-start; }
.About-design-label { font-family: var(--font-body); font-size: max(.68rem, .78vw); font-weight: 700; color: var(--color-brown); opacity: .5; text-transform: uppercase; letter-spacing: .16em; margin-bottom: max(.8rem, 1.2vw); }
.About-design-headline { font-family: var(--font-heading); font-size: max(1.6rem, 2.6vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; line-height: 1.05; margin: 0 0 max(1.2rem, 1.8vw); }
.About-design-body { font-family: var(--font-body); font-size: max(.82rem, .98vw); color: var(--color-brown); opacity: .72; line-height: 1.65; max-width: 500px; margin: 0 0 max(.7rem, 1vw); }
.About-design-body:last-child { margin-bottom: 0; }
@media (max-width: 899px) {
  .About-design { grid-template-columns: 1fr; }
  .About-design-content { padding: max(1.5rem, 2.5vw) max(1.8rem, 2.5vw) max(2rem, 3vw); }
  .About-design-headline { font-size: 1.8rem; }
  .About-design-body { font-size: .9rem; }
}
.About-trust-dock { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); padding: max(2rem, 2.8vw) max(2rem, 3vw); display: grid; grid-template-columns: repeat(3, 1fr); gap: max(1rem, 1.8vw); align-items: center; }
.About-trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: max(.3rem, .45vw); padding: 0 max(.6rem, 1vw); }
.About-trust-icon { font-size: max(1.1rem, 1.4vw); color: var(--color-brown); line-height: 1; margin-bottom: max(.2rem, .3vw); }
.About-trust-title { font-family: var(--font-body); font-size: max(.68rem, .8vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: .08em; }
.About-trust-desc { font-family: var(--font-body); font-size: max(.62rem, .72vw); color: var(--color-brown); opacity: .6; line-height: 1.5; }
@media (max-width: 767px) {
  .About-trust-dock { grid-template-columns: 1fr; gap: max(1.4rem, 2vw); padding: max(1.5rem, 2vw); }
  .About-trust-item { padding: 0; }
}
.About-cta-section { padding: max(2rem, 3vw) 0 max(1rem, 1.5vw); }
.About-cta-dock { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); padding: max(3rem, 4.5vw) max(2rem, 3vw); text-align: center; }
.About-cta-title { font-family: var(--font-heading); font-size: max(1.8rem, 2.8vw); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.03em; line-height: 1; margin: 0 0 max(.4rem, .6vw); }
.About-cta-sub { font-family: var(--font-body); font-size: max(.78rem, .9vw); color: var(--color-brown); opacity: .6; text-transform: uppercase; letter-spacing: .03em; margin: 0 0 max(1.4rem, 2vw); }
.About-editorial { background: var(--color-section-bg); border-radius: max(14px, 1.1vw); padding: max(3.5rem, 6vw) max(2rem, 4vw); }
.About-editorial-inner { max-width: 900px; margin: 0 auto; text-align: center; }
.About-editorial-headline { font-family: var(--font-heading); font-size: max(2rem, 3.8vw); font-weight: 600; color: var(--color-brown); line-height: 1.15; letter-spacing: -.04em; margin: 0 0 max(1.2rem, 2vw); }
.About-editorial-body { font-family: var(--font-body); font-size: max(.82rem, 1.02vw); color: var(--color-brown); opacity: .55; line-height: 1.75; margin: 0; max-width: 620px; }
.About-bento-row { display: grid; gap: max(10px, .7vw); }
.About-bento-row--hero { grid-template-columns: 1.1fr 1fr; margin-bottom: max(10px, .7vw); }
.About-bento-row--stats { grid-template-columns: repeat(3, 1fr); }
.About-bento-card { border-radius: max(14px, 1.1vw); overflow: hidden; }
.About-bento-card--product-hero { background: #ede8e3; display: flex; align-items: center; justify-content: center; padding: max(2rem, 3vw); min-height: max(300px, 28vw); }
.About-bento-card--product-hero img { width: 100%; height: 100%; object-fit: contain; max-height: max(260px, 24vw); }
.About-bento-card--philosophy { background: var(--color-section-bg); padding: max(2rem, 3vw); display: flex; flex-direction: column; gap: max(.6rem, 1vw); }
.About-bento-card-label { font-family: var(--font-body); font-size: max(.6rem, .7vw); font-weight: 700; color: var(--color-brown); opacity: .45; text-transform: uppercase; letter-spacing: .12em; }
.About-bento-card-heading { font-family: var(--font-heading); font-size: max(1.4rem, 2.2vw); font-weight: 600; color: var(--color-brown); line-height: 1.2; letter-spacing: -.03em; margin: 0; }
.About-bento-card-text { font-family: var(--font-body); font-size: max(.78rem, .9vw); color: var(--color-brown); opacity: .55; line-height: 1.7; margin: 0; }
.About-bento-card--stat { background: var(--color-brown); padding: max(1.8rem, 2.5vw) max(1.2rem, 1.5vw); display: flex; flex-direction: column; align-items: center; text-align: center; gap: max(.25rem, .4vw); }
.About-bento-stat-icon { font-size: max(1.6rem, 2.4vw); color: #d4c4b0; line-height: 1; margin-bottom: max(.2rem, .4vw); }
.About-bento-stat-number { font-family: var(--font-heading); font-size: max(3rem, 4.5vw); font-weight: 600; color: #d4c4b0; line-height: 1; letter-spacing: -.04em; }
.About-bento-stat-label { font-family: var(--font-body); font-size: max(.6rem, .72vw); font-weight: 700; color: #d4c4b0; text-transform: uppercase; letter-spacing: .1em; }
.About-bento-stat-sub { font-family: var(--font-body); font-size: max(.58rem, .68vw); color: #d4c4b0; opacity: .5; line-height: 1.5; margin-top: max(.2rem, .3vw); }
@media (max-width: 768px) {
  .About-bento-row--hero { grid-template-columns: 1fr; }
  .About-bento-row--stats { grid-template-columns: 1fr; }
  .About-bento-card--product-hero { min-height: 250px; }
}
.About-brand-moment { position: relative; background: var(--color-brown); border-radius: max(14px, 1.1vw); overflow: hidden; padding: max(5rem, 9vw) max(2rem, 4vw); display: flex; align-items: center; justify-content: center; min-height: max(320px, 36vw); }
.About-brand-moment-watermark { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: 'Utah Condensed', var(--font-heading); font-size: max(14rem, 24vw); font-weight: 700; color: rgba(255,255,255,.035); letter-spacing: -.04em; line-height: 1; user-select: none; pointer-events: none; white-space: nowrap; }
.About-brand-moment-content { position: relative; z-index: 1; text-align: center; max-width: 700px; }
.About-brand-moment-label { font-family: var(--font-body); font-size: max(.65rem, .76vw); font-weight: 700; color: #f5f0eb; opacity: .45; text-transform: uppercase; letter-spacing: .12em; margin: 0 0 max(1.2rem, 2vw); }
.About-brand-moment-quote { font-family: var(--font-heading); font-size: max(1.4rem, 2.4vw); font-weight: 600; color: #f5f0eb; line-height: 1.35; letter-spacing: -.02em; margin: 0; }
.About-reveal-word { opacity: .15; transition: opacity var(--dur-slow) cubic-bezier(.33, 0, .2, 1); }
.About-brand-moment-quote.is-revealed .About-reveal-word { opacity: 1; }
.About-founders-unified { position: relative; background: var(--color-section-bg); text-align: center; border-radius: max(14px, 1.1vw); overflow: hidden; padding-bottom: max(3rem, 4.5vw); }
.About-founders-hero-image { position: relative; border-radius: max(14px, 1.1vw) max(14px, 1.1vw) 0 0; overflow: hidden; }
.About-founders-hero-image img { width: 100%; max-height: max(480px, 40vw); object-fit: cover; object-position: top center; display: block; -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0,0,0,.6) 65%, rgba(0,0,0,.2) 80%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0,0,0,.6) 65%, rgba(0,0,0,.2) 80%, transparent 100%); }
.About-founders-hero-headline { position: relative; z-index: 1; padding: 0 max(2rem, 3vw); margin-top: max(-5rem, -7vw); margin-bottom: max(2.5rem, 3.5vw); }
.About-founders-hero-headline h2 { font-family: var(--font-heading); font-size: max(2rem, 3.8vw); font-weight: 600; color: var(--color-brown); line-height: 1.15; letter-spacing: -.04em; margin: 0 0 max(.5rem, .8vw); }
.About-founders-hero-headline em { font-style: normal; color: var(--color-light-brown); }
.About-founders-hero-headline p { font-family: var(--font-body); font-size: max(.78rem, .95vw); color: var(--color-brown); opacity: .5; margin: 0; }
.About-founder-note-inner { max-width: 620px; margin: 0 auto; padding: 0 max(1.5rem, 2vw); }
.About-founder-note-label { font-family: var(--font-body); font-size: max(.65rem, .76vw); font-weight: 700; color: var(--color-brown); opacity: .4; text-transform: uppercase; letter-spacing: .12em; margin: 0 0 max(1.5rem, 2.5vw); text-align: center; }
.About-founder-note-body { font-family: var(--font-body); font-size: max(.82rem, 1vw); color: var(--color-brown); line-height: 1.8; text-align: left; }
.About-founder-note-body p { margin: 0 0 max(.8rem, 1.2vw); }
.About-founder-note-body p:last-child { margin-bottom: 0; }
.About-founder-note-sig { border-top: 1px solid rgba(71,54,47,.12); padding-top: max(1rem, 1.5vw); margin-top: max(1.5rem, 2vw); font-family: var(--font-heading); font-weight: 600; font-size: max(.88rem, 1.05vw); color: var(--color-brown); letter-spacing: -.01em; text-align: left; }
.Faq-hero { position: relative; }
.Faq-hero-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1; }
.Faq-hero-title { font-family: var(--font-heading); font-size: clamp(1.6rem, 3.2vw, 3rem); font-weight: 400; color: #fff; opacity: .7; letter-spacing: -.02em; margin: 0; text-align: center; }
.Faq-section { display: grid; grid-template-columns: 1fr 4fr; gap: max(.9375rem, 2.25vw); padding: 0; }
.Faq-section-navigation { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 1.8vw); position: sticky; top: max(1.5rem, 2vw); align-self: start; }
.Faq-section-navigation-title { font-family: var(--font-heading); font-size: clamp(1.4rem, 1.8vw, 1.7rem); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0 0 max(1rem, 1.2vw); padding-left: 8px; }
.Faq-section-navigation-items { display: flex; flex-direction: column; gap: 0; position: relative; }
.Faq-section-navigation-item { cursor: pointer; position: relative; margin-bottom: 0; padding: 7px 8px; border-radius: 8px; z-index: 1; }
.Faq-section-navigation-item a { display: block; font-family: var(--font-body); font-size: max(.78rem, .9vw); font-weight: 700; color: var(--color-brown); text-transform: uppercase; letter-spacing: .02em; text-decoration: none; transition: opacity var(--dur-base) ease; }
.Faq-section-navigation-item a:hover { opacity: .6; }
.Faq-section-navigation-item__active a { opacity: 1; }
.Faq-nav-active-indicator { position: absolute; left: -8px; right: -8px; border-radius: 8px; background: rgba(255,255,255,.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.5); pointer-events: none; z-index: 0; transition: top var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out); }
.Faq-section-content { background: var(--color-section-bg); border-radius: 12px; padding: max(1.5rem, 1.8vw); min-width: 0; }
.Faq-section-content-container { padding-top: max(2rem, 3vw); }
.Faq-section-content-container:first-child { padding-top: 0; }
.Faq-section-content-title { font-family: var(--font-heading); font-size: clamp(1.2rem, 1.8vw, 1.8rem); font-weight: 600; color: var(--color-brown); text-transform: uppercase; letter-spacing: -.02em; margin: 0 0 max(.5rem, .8vw); }
.Faq-section-content-container + .Faq-tab { border-top: 1px solid rgba(71,54,47,.1); }
.Faq-tab { border-bottom: 1px solid rgba(71,54,47,.08); }
.Faq-tab:last-child { border-bottom: none; }
.Faq-tab-toggle-container { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: max(.9rem, 1.1vw) 0; cursor: pointer; }
.Faq-tab-q { flex: 1; min-width: 0; }
.Faq-tab-q p { font-family: var(--font-body); font-size: max(.75rem, .85vw); font-weight: 600; text-transform: uppercase; color: var(--color-brown); letter-spacing: .01em; margin: 0; }
.Faq-tab-content-container { overflow: hidden; }
.Faq-tab-content { padding: 0 0 max(.8rem, 1vw); font-family: var(--font-body); font-size: max(.72rem, .82vw); color: var(--color-brown); opacity: .65; line-height: 1.7; }
.Faq-tab-content p { margin: 0; }
.Faq-tab-content a { color: var(--color-brown); }
.Faq-tab-toggle-container[aria-expanded="true"] .Rewards-faq-toggle { background: var(--color-brown); border-color: var(--color-brown); }
.Faq-tab-toggle-container[aria-expanded="true"] .Rewards-faq-toggle span { transform: rotate(180deg); background: #fff; }
.Faq-tab-toggle-container[aria-expanded="true"] .Rewards-faq-toggle span + span { transform: rotate(360deg); }
@media (max-width: 767px) {
  .Faq-section { grid-template-columns: 1fr; gap: max(.625rem, .9375rem); }
  .Faq-section-navigation { position: relative; top: 0; }
  .Faq-section-navigation-items { flex-direction: row; flex-wrap: wrap; gap: max(.2rem, .4vw); }
  .Faq-section-navigation-item a { padding: max(.3rem, .4vw) max(.5rem, .7vw); font-size: max(.65rem, .75vw); }
  .Faq-nav-active-indicator { display: none; }
  .Faq-section-navigation-item__active a { background: rgba(255,255,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.45); border-radius: max(6px, .5vw); }
}
.Product-reviews-empty { text-align: center; padding: max(3rem, 5vw) 1.5rem; background: var(--color-section-bg); border-radius: 12px; }
.Product-reviews-empty-title { font-weight: 700; font-size: .875rem; letter-spacing: .05em; margin: 0 0 .35rem; }
.Product-reviews-empty-body { font-size: .875rem; color: var(--color-light-brown); margin: 0; }
@media (max-width: 767px) {
  .ShopFilter-btn { padding: .45rem .5rem; font-size: .7rem; }
  .Faq-section-navigation-items { justify-content: center; }
  .CartDrawer-upsell-product { flex-wrap: wrap; gap: 1rem; }
  .CartDrawer-upsell-image { width: 72px; height: 72px; }
  .CartDrawer-upsell-info { min-width: 0; }
  .CartDrawer-upsell-add { flex-basis: 100%; text-align: center; }
}
.ArteNewsletter { position: fixed; inset: 0; z-index: var(--z-modal); display: none; align-items: center; justify-content: center; padding: 1.5rem; }
.ArteNewsletter.is-mounted { display: flex; }
.ArteNewsletter-overlay { position: absolute; inset: 0; background: rgba(40,30,26,.5); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity var(--dur-mid) ease; }
.ArteNewsletter.is-open .ArteNewsletter-overlay { opacity: 1; }
.ArteNewsletter-modal { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); width: min(840px,100%); max-height: calc(100dvh - 3rem); background: rgba(242,240,237,.82); backdrop-filter: blur(24px) saturate(1.25); -webkit-backdrop-filter: blur(24px) saturate(1.25); border: 1px solid rgba(255,255,255,.55); border-radius: 22px; overflow: hidden; box-shadow: 0 30px 80px rgba(40,30,26,.28); opacity: 0; transform: translateY(16px) scale(.985); transition: opacity var(--dur-mid) ease, transform var(--dur-slow) var(--ease-out); }
.ArteNewsletter.is-open .ArteNewsletter-modal { opacity: 1; transform: none; }
.ArteNewsletter-media { position: relative; min-height: 420px; }
.ArteNewsletter-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.ArteNewsletter-close { position: absolute; top: 14px; right: 14px; z-index: 3; width: 34px; height: 34px; padding: 0; border: none; border-radius: 50%; background: rgba(255,255,255,.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--color-brown); font-size: 20px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--dur-fast) ease, transform var(--dur-fast) ease; }
.ArteNewsletter-close:hover { background: rgba(255,255,255,.9); transform: rotate(90deg); }
.ArteNewsletter-content { display: flex; flex-direction: column; justify-content: center; text-align: center; padding: clamp(2rem,4vw,3rem) clamp(1.7rem,3.5vw,2.8rem); }
.ArteNewsletter-eyebrow { font-family: var(--font-body); font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--color-light-brown); margin: 0 0 .7rem; }
.ArteNewsletter-title { font-family: var(--font-heading); font-size: clamp(1.55rem,2.6vw,2.05rem); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.05; color: var(--color-brown); margin: 0 0 .6rem; }
.ArteNewsletter-sub { font-family: var(--font-body); font-size: .9rem; line-height: 1.5; color: var(--color-light-brown); margin: 0 auto 1.4rem; max-width: 34ch; }
.ArteNewsletter-form { display: flex; flex-direction: column; gap: .6rem; }
.ArteNewsletter-input { width: 100%; padding: .85rem 1.1rem; border: 1.5px solid rgba(71,54,47,.25); border-radius: 40px; background: rgba(255,255,255,.5); font-family: var(--font-body); font-size: .9rem; color: var(--color-brown); text-align: center; transition: border-color var(--dur-fast) ease, background var(--dur-fast) ease; }
.ArteNewsletter-input::placeholder { color: var(--color-light-brown); opacity: .8; }
.ArteNewsletter-input:focus { outline: none; border-color: var(--color-brown); background: rgba(255,255,255,.85); }
.ArteNewsletter-input.is-invalid { border-color: #9e4b3b; background: rgba(158,75,59,.06); }
.ArteNewsletter-submit { width: 100%; padding: .9rem 1.1rem; border: none; border-radius: 40px; background: var(--color-brown); color: #fff; font-family: var(--font-heading); font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; transition: opacity var(--dur-fast) ease, transform .1s ease; }
.ArteNewsletter-submit:hover { opacity: .9; }
.ArteNewsletter-submit:active { transform: scale(.985); }
.ArteNewsletter-fineprint { font-size: .68rem; color: var(--color-light-brown); opacity: .85; margin: .9rem 0 0; }
.ArteNewsletter-fineprint a { color: var(--color-brown); text-decoration: underline; }
.ArteNewsletter-success { text-align: center; }
.ArteNewsletter-success-title { font-family: var(--font-heading); font-size: 1.6rem; font-weight: 700; text-transform: uppercase; color: var(--color-brown); margin: 0 0 .4rem; }
.ArteNewsletter-success-sub { font-size: .9rem; color: var(--color-light-brown); margin: 0; }
@media (max-width: 620px) {
  .ArteNewsletter { padding: 1rem; }
  .ArteNewsletter-modal { grid-template-columns: 1fr; width: min(420px,100%); max-height: calc(100dvh - 2rem); }
  .ArteNewsletter-content { padding: 1.7rem 1.5rem 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ArteNewsletter-overlay, .ArteNewsletter-modal { transition: none; }
}
@media (max-width: 767px) {
  .SearchDrawer-input, .AccountPage-input { font-size: 16px; }   
  .HalfProductImage__nav__btn { width: 44px; height: 44px; }     
  .Product-tab.is-open .Product-tab-content-container,
  .Faq-tab.is-open .Faq-tab-content-container { max-height: 1600px; } 
  .Product-list-row, .List-content-list-item { gap: 1rem; }      
  .CartDrawer-qty-btn { width: 44px; height: 44px; }             
  .CartDrawer, .SearchDrawer { border-radius: 0; }               
  .Product-purchase-option { font-size: .72rem; padding: .55rem .4rem; letter-spacing: -0.03em; } 
  .Product-main-card { padding: 22px; }
  .Product-frequency-btn { font-size: .68rem; padding: .55rem .3rem; } 
  .Product-card-upsell-card-add { width: 40px; height: 40px; font-size: 20px; } 
  .Looks-dock-product-add { transform: none; opacity: 1; pointer-events: auto; } 
  .Looks-dock-save { opacity: 0; }
  .Looks-dock-single-atc { padding: 11px 20px; }                 
  .Looks-dock-product-add-btn { padding: 10px 0; }
  .Rewards-earn-cta { opacity: 1; transform: none; }             
  .Rewards-faq-dock { padding: 1.25rem 1rem; }                   
  .Rewards-glance-label { font-size: .7rem; }                    
  .Rewards-earn-v2-label { font-size: .68rem; }                  
  .Rewards-hero-v3-signin { font-size: .72rem; padding: .35rem 0; } 
  .Rewards-giftcard-amount { font-size: clamp(.95rem, 4.4vw, 1.35rem); } 
  .Faq-tab-content { font-size: .85rem; opacity: .8; }           
  .Faq-section-navigation-item a { padding: .55rem .75rem; font-size: .72rem; min-height: 44px; display: flex; align-items: center; justify-content: center; } 
  .Faq-tab-toggle-container { padding: 1rem 0; }                 
  .RealResults__controls__button { width: 44px; height: 44px; } 
}
@media (max-width: 599px) {
  .Highlights-words span { font-size: 2rem; word-break: break-word; } 
  .Product-comparison-col-row-label,
  .Product-comparison-col-subtitle,
  .Product-comparison-current-badge { font-size: 10px; }         
  .Product-comparison-col-row-value { font-size: 13px; }
}
@media (max-width: 480px) {
  .CartDrawer-trust { gap: .75rem; }                             
  .CartDrawer-trust-item { font-size: .6rem; }
}
@media (max-width: 374px) {
  .About-manifesto-headline { font-size: 1.9rem; }               
}
@media (max-width: 1039px) {
  section:has(.AccountPage-form-wrapper) .ImageWithContent,
  section:has(.AccountPage-form-wrapper) .Image-container { max-height: none; } 
}
.MobileMega { display: flex; flex-direction: column; min-height: 100%; padding: 0 1.15rem 2rem; }
.MobileMega-head { display: flex; justify-content: flex-end; padding: 1rem 0 .5rem; position: sticky; top: 0; z-index: 2; }
.MobileMega-close { width: 42px; height: 42px; border: none; border-radius: 50%; background: var(--color-brown); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(57,43,37,.25); transition: transform .25s ease, opacity .2s ease; }
.MobileMega-close:hover { opacity: .9; transform: rotate(90deg); }
.MobileMega-tabs { display: flex; justify-content: center; padding: .2rem 0 1.1rem; }
.MobileMega-tablist { position: relative; display: inline-flex; background: rgba(71,54,47,.08); border-radius: 12px; }
.MobileMega-tab { position: relative; z-index: 1; flex: none; padding: .5rem 1rem; border: none; background: none; font-family: var(--font-body); font-size: .85rem; font-weight: 600; letter-spacing: -.02em; text-transform: uppercase; color: var(--color-brown); cursor: pointer; transition: color .35s ease; white-space: nowrap; }
.MobileMega-tab.is-active { color: #fff; }
.MobileMega-tab-indicator { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--color-brown); border-radius: 12px; box-shadow: 0 0 20px rgba(71,54,47,.2); z-index: 0; pointer-events: none; transition: left .45s cubic-bezier(.34,1.4,.5,1), width .45s cubic-bezier(.34,1.4,.5,1); }
.MobileMega-panels { flex: none; padding-top: 1.1rem; overflow: hidden; transition: height .45s cubic-bezier(.4,0,.2,1); }
.MobileMega-track { display: flex; align-items: flex-start; transition: transform .45s cubic-bezier(.4,0,.2,1); }
.MobileMega-panel { flex: 0 0 100%; min-width: 100%; display: block; }
@keyframes mm-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.MobileMega-card { display: flex; align-items: center; gap: 1rem; position: relative; background: #fff; border-radius: 14px; padding: .8rem .9rem; margin-bottom: .7rem; text-decoration: none; box-shadow: 0 1px 4px rgba(57,43,37,.05); transition: transform .2s ease, box-shadow .2s ease; }
.MobileMega-card:active { transform: scale(.99); }
.MobileMega-card-img { flex: none; width: 66px; height: 66px; border-radius: 11px; overflow: hidden; background: var(--color-section-bg); display: flex; align-items: center; justify-content: center; }
.MobileMega-card-img img { width: 100%; height: 100%; object-fit: contain; }
.MobileMega-card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .15rem; padding-right: .35rem; }
.MobileMega-card--badged .MobileMega-card-name { padding-right: 5.6rem; }
.MobileMega-card-name { font-family: var(--font-heading); font-size: .95rem; font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; color: var(--color-brown); line-height: 1.15; }
.MobileMega-card-sub { font-family: var(--font-body); font-size: .74rem; text-transform: uppercase; letter-spacing: .02em; color: var(--color-light-brown); line-height: 1.3; }
.MobileMega-card-badge { position: absolute; top: 10px; right: 10px; z-index: 3; font-family: var(--font-heading); font-size: .625rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; text-transform: uppercase; color: var(--color-brown); background: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.45); padding: 3px 8px; border-radius: 8px; white-space: nowrap; text-align: center; }
.MobileMega-links { margin-top: .6rem; padding-top: 1.1rem; border-top: 1px solid rgba(71,54,47,.14); display: flex; flex-direction: column; }
.MobileMega-links a { font-family: var(--font-heading); font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; color: var(--color-brown); text-decoration: none; padding: .85rem .1rem; border-bottom: 1px solid rgba(71,54,47,.08); }
.MobileMega-links a:last-child { border-bottom: none; }
.Mobile-menu-wrapper { background: rgba(242,240,237,.98); }
.MobileMega { padding-top: 3.8rem; }
.MobileMega-head { padding: 0; min-height: 0; }
.MobileMega-close { position: fixed; top: .7rem; right: 1.15rem; z-index: 20; }
.ArteNewsletter-overlay { background: rgba(30,22,18,.5); backdrop-filter: none; -webkit-backdrop-filter: none; }
.ArteNewsletter-modal { background: var(--color-section-bg); backdrop-filter: none; -webkit-backdrop-filter: none; border: none; border-radius: 18px; box-shadow: 0 24px 70px rgba(40,30,26,.3); }
.ArteNewsletter-content { padding: clamp(2.2rem,4vw,3.2rem) clamp(1.9rem,3.6vw,3rem); }
.ArteNewsletter-title { font-size: clamp(1.7rem,2.9vw,2.2rem); margin-bottom: .7rem; }
.ArteNewsletter-sub { font-size: .95rem; margin-bottom: 1.6rem; }
.ArteNewsletter-input { background: #fff; border: 1.5px solid rgba(71,54,47,.22); text-align: left; font-size: 16px; padding: 1rem 1.15rem; }
.ArteNewsletter-input::placeholder { text-align: left; }
.ArteNewsletter-submit { font-size: 15px; padding: 1.05rem 1.1rem; letter-spacing: .06em; }
@media (max-width: 620px) {
  .ArteNewsletter-modal { border-radius: 16px; }
}
.MobileBurger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 25px; height: 18px; }
.MobileBurger span { display: block; width: 100%; height: 2px; border-radius: 2px; background: #47362F; transform-origin: center; transition: transform var(--dur-mid) var(--ease-out), opacity var(--dur-fast) ease, background var(--dur-base) ease; }
.Mobile-menu-toggle { position: relative; z-index: 260; }
.Mobile-menu-toggle.is-active .MobileBurger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.Mobile-menu-toggle.is-active .MobileBurger span:nth-child(2) { opacity: 0; transform: scaleX(.2); }
.Mobile-menu-toggle.is-active .MobileBurger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.Header.is-transparent .MobileBurger span { background: var(--color-brand-beige); }
.Header.is-sticky .MobileBurger span, .Header.is-mega-open .MobileBurger span { background: var(--color-light-brown); }
.Mobile-menu-toggle.is-active .MobileBurger span { background: var(--color-brown); }
.Mobile-menu-wrapper { transform: translateY(-100%); }
.Mobile-menu-wrapper.is-open { transform: translateY(0); }
.MobileMega { padding-top: 6.6rem; }
.MobileMega-close { display: none; }
.MobileMega { padding-top: 8.2rem; }
.MobileMega { padding-top: 1.6rem; }
.ArteNewsletter-media { display: flex; align-items: center; justify-content: center; padding: clamp(1.6rem, 3vw, 2.6rem); background: #2b201b; overflow: hidden; }
.ArteNewsletter-media::before { content: ''; position: absolute; inset: 0; background: url(../images/hero/about-hero.jpg) center/cover no-repeat; filter: blur(16px) brightness(.5); transform: scale(1.14); z-index: 0; }
.ArteNewsletter-media img { position: relative; z-index: 1; inset: auto; width: 100%; height: 100%; max-height: 100%; border-radius: 14px; object-fit: cover; object-position: center 28%; box-shadow: 0 16px 46px rgba(0,0,0,.45); }
@media (max-width: 620px) {
  .ArteNewsletter-media { padding: 1.4rem; }
}
.ArteNewsletter-media::before { display: none !important; }
.ArteNewsletter-media { background: var(--color-section-bg); padding: clamp(.9rem, 1.6vw, 1.4rem); }
.ArteNewsletter-media img { border-radius: 12px; box-shadow: 0 8px 26px rgba(40,30,26,.16); }
.ArteCookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-consent); display: flex; justify-content: center; padding: 1rem; pointer-events: none; transform: translateY(130%); transition: transform var(--dur-slow) var(--ease-out); }
.ArteCookie.is-visible { transform: none; }
.ArteCookie-inner { pointer-events: auto; width: min(440px, 100%); background: var(--color-section-bg); border: 1px solid rgba(71,54,47,.12); border-radius: 16px; padding: 1.3rem 1.35rem 1.35rem; box-shadow: 0 16px 50px rgba(40,30,26,.22); }
.ArteCookie-text { font-family: var(--font-body); font-size: .82rem; line-height: 1.55; color: var(--color-brown); margin: 0 0 1.1rem; }
.ArteCookie-text a { color: var(--color-brown); text-decoration: underline; }
.ArteCookie-actions { display: flex; flex-direction: column; gap: .5rem; }
.ArteCookie-btn { width: 100%; padding: .82rem 1rem; border-radius: 40px; border: 1.5px solid var(--color-brown); background: transparent; color: var(--color-brown); font-family: var(--font-heading); font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; cursor: pointer; transition: opacity var(--dur-fast) ease, background var(--dur-fast) ease, color var(--dur-fast) ease; }
.ArteCookie-btn--primary { background: var(--color-brown); color: #fff; }
.ArteCookie-btn--ghost { border-color: transparent; }
.ArteCookie-btn--ghost:hover { border-color: rgba(71,54,47,.25); }
.ArteCookie-btn:hover { opacity: .9; }
.ArteCookie-prefs { display: flex; flex-direction: column; margin: 0 0 1.1rem; }
.ArteCookie-row { display: flex; justify-content: space-between; align-items: center; font-family: var(--font-body); font-size: .84rem; color: var(--color-brown); padding: .6rem 0; border-bottom: 1px solid rgba(71,54,47,.1); }
.ArteCookie-row:last-child { border-bottom: none; }
.ArteCookie-row small { color: var(--color-light-brown); font-size: .7rem; margin-left: .4rem; text-transform: uppercase; letter-spacing: .04em; }
.ArteCookie-row input { width: 18px; height: 18px; accent-color: var(--color-brown); cursor: pointer; }
.ArteCookie-row input:disabled { cursor: default; opacity: .6; }
@media (min-width: 700px) { .ArteCookie { justify-content: flex-start; padding: 1.25rem; } }
.ArteCookie [hidden] { display: none !important; }
.ArteNewsletter-input { border: none; border-radius: 12px; background: rgba(255,255,255,.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 16px 24px; font-size: 16px; color: var(--color-brown); text-align: left; }
.ArteNewsletter-input:focus { border: none; background: rgba(255,255,255,.82); }
.ArteNewsletter-input::placeholder { color: rgba(71,54,47,.4); text-align: left; }
.ArteNewsletter-title, .ArteNewsletter-success-title { font-weight: 600; letter-spacing: -0.02em; }
.ArteNewsletter-eyebrow { letter-spacing: .12em; }
.ArteNewsletter-submit, .ArteCookie-btn { letter-spacing: -0.02em; }
@media (max-width: 620px) {
  .ArteNewsletter { padding: 1.1rem; }
  .ArteNewsletter-modal { width: min(400px, 100%); border-radius: 14px; overflow-y: auto; }
  .ArteNewsletter-modal { width: min(87.6vw, 360px); }
  .ArteNewsletter-media {
    min-height: 0;          
    height: auto;
    aspect-ratio: auto;
    padding: 14px 14px 0;   
    flex: 0 0 auto;
  }
  .ArteNewsletter-media img {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 10 / 9;
    object-fit: cover;
  }
  .ArteNewsletter-content { padding: 1.15rem 1.3rem 1.35rem; }
  .ArteNewsletter-eyebrow { font-size: .66rem; letter-spacing: .13em; margin-bottom: .45rem; }
  .ArteNewsletter-title   { font-size: 1.32rem; line-height: 1.14; margin-bottom: .45rem; }
  .ArteNewsletter-sub     { font-size: .8rem; line-height: 1.45; margin-bottom: .95rem; }
  .ArteNewsletter-input   { padding: .8rem 1rem; font-size: 16px; }
  .ArteNewsletter-submit  { padding: .85rem 1rem; font-size: 14px; }
  .ArteNewsletter-fineprint { font-size: .66rem; margin-top: .6rem; }
  .ArteNewsletter-media img { object-position: center 25%; }
}
.Mobile-menu-wrapper { transform: none !important; -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); pointer-events: none; transition: -webkit-clip-path .4s cubic-bezier(.4,0,.2,1), clip-path .4s cubic-bezier(.4,0,.2,1); }
.Mobile-menu-wrapper.is-open { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); pointer-events: auto; }
.Header nav .MobileMega-links a { color: var(--color-brown); }
.Header nav .MobileMega-card__title, .Header nav .MobileMega-card__sub { color: inherit; }
.Mobile-menu-wrapper { left: 15px !important; right: 15px !important; width: auto !important; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.Mobile-menu-wrapper { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
.Mobile-menu-wrapper.is-open { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.Mobile-menu-wrapper { z-index: -1 !important; }
.MobileMega { padding-top: 6rem; }
.Header .Logo-img, .Header .Header-searchIcon path, .Header .Header-cartIcon path,
.Header .Header-cartIconIndicator, .Header .MobileBurger span { transition: opacity .25s ease, fill .25s ease, color .25s ease, background-color .25s ease; }
body.arte-menu-open .Header .Logo-img--beige { opacity: 0 !important; }
body.arte-menu-open .Header .Logo-img--brown { opacity: 1 !important; }
body.arte-menu-open .Header .Header-searchIcon path,
body.arte-menu-open .Header .Header-cartIcon path { fill: var(--color-brown) !important; }
body.arte-menu-open .Header .Header-cartIconIndicator { color: var(--color-brown) !important; }
body.arte-menu-open .Header .MobileBurger span { background: var(--color-brown) !important; }
.Mobile-menu-wrapper { background: rgb(242,240,237) !important; }
.Mobile-menu::before {
  content: ''; position: fixed; left: 15px; right: 15px;
  top: var(--mm-top, 70px); bottom: 0;
  background: #fff; z-index: -2; pointer-events: none;
  -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0);
  transition: -webkit-clip-path .4s cubic-bezier(.4,0,.2,1), clip-path .4s cubic-bezier(.4,0,.2,1);
}
body.arte-menu-open .Mobile-menu::before { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.Header nav.MobileMega-links { border-radius: 0; }
.MobileMega-track { will-change: transform; }
.MobileMega-tab-indicator { will-change: left, width; }
.MobileMega-shopbtn { display: block; width: 62%; max-width: 300px; box-sizing: border-box; margin: 2.3rem auto 2.1rem; padding: 1rem 1rem; border: 1px solid rgba(71,54,47,.45); border-radius: 999px; background: transparent; font-family: var(--font-heading); font-size: .95rem; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; color: var(--color-brown); text-decoration: none; text-align: center; transition: background .25s ease, color .25s ease; }
.MobileMega-shopbtn:active { background: var(--color-brown); color: #fff; }
.MobileMega-links { margin-top: 0; padding-top: 1.3rem; border-top: 1px solid rgba(71,54,47,.14); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; }
.Header nav.MobileMega-links a { padding: .5rem .1rem; border-bottom: none; font-size: .95rem; }
.MobileMega-locale { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .45rem; margin-top: 1.2rem; padding: 1.3rem 0 .4rem; border-top: 1px solid rgba(71,54,47,.14); }
.MobileMega-locale-label { font-family: var(--font-body); font-size: .8rem; color: var(--color-light-brown); }
.MobileMega-locale-field { position: relative; display: inline-flex; align-items: center; }
.MobileMega-locale-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; font-family: var(--font-heading); font-size: .85rem; font-weight: 600; letter-spacing: -.01em; color: var(--color-brown); padding: .3rem 1.3rem .3rem 0; cursor: pointer; max-width: 62vw; text-overflow: ellipsis; }
.MobileMega-locale-field select:focus { outline: none; }
.MobileMega-locale-chev { position: absolute; right: .15rem; top: 45%; width: 7px; height: 7px; border-right: 1.5px solid var(--color-brown); border-bottom: 1.5px solid var(--color-brown); transform: translateY(-50%) rotate(45deg); pointer-events: none; }
.Header nav a.MobileMega-shopbtn { color: var(--color-brown); }
.Header nav a.MobileMega-shopbtn:active { color: #fff; }
.MobileMega-locale-label { text-transform: none; }
.Mobile-menu-wrapper { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.MobileMega-links { padding-top: 1.6rem; }
.CartDrawer-lines { min-height: 0; }
.CartDrawer-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.CartDrawer-upsell-price { display: none; }   
@media (max-width: 767px) {
  .CartDrawer { height: 100%; height: 100dvh; }
  .CartDrawer-body { display: block; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding-bottom: .5rem; }
  .CartDrawer-lines { flex: none; overflow: visible; padding: 0 1.25rem; }
  .CartDrawer-line { gap: 1rem; padding: 1rem 0; }
  .CartDrawer-line-image { width: 96px; height: 96px; }
  .CartDrawer-line-details { gap: .125rem; padding-right: 1.75rem; }
  .CartDrawer-line-title { font-size: .9375rem; line-height: 1.3; }
  .CartDrawer-line-price { font-size: .9375rem; }
  .CartDrawer-line-qty { margin-top: .25rem; gap: .625rem; }
  .CartDrawer-line-remove { top: .75rem; }
  .CartDrawer-upsell { padding: 0 1.25rem; margin-top: 0; border-top: none; }
  .CartDrawer-upsell::before { content: ''; display: block; height: 1px; background: rgba(71,54,47,.12); margin-bottom: .875rem; }
  .CartDrawer-upsell-heading { font-family: var(--font-body); font-size: .6875rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-align: left; opacity: .5; margin: 0 0 .375rem; }
  .CartDrawer-upsell-heading strong { font-weight: 600; }
  .CartDrawer-upsell-product { flex-wrap: nowrap; align-items: center; gap: .875rem; padding: .75rem; border-radius: 10px; }
  .CartDrawer-upsell-image { width: 64px; height: 64px; border-radius: 8px; }
  .CartDrawer-upsell-info { flex: 1 1 auto; min-width: 0; }
  .CartDrawer-upsell-name { display: block; font-size: .8125rem; line-height: 1.25; }
  .CartDrawer-upsell-price { display: block; font-family: var(--font-body); font-size: .75rem; color: var(--color-brown); opacity: .75; margin-top: .1rem; }
  .CartDrawer-upsell-savings { display: none; }            
  .CartDrawer-upsell-add { flex: 0 0 auto; align-self: center; padding: .5rem .9rem; font-size: .6875rem; border-width: 1px; }
  .CartDrawer-upsell-add-price { display: none; }          
  .CartDrawer-footer { display: flex; flex-direction: column; padding: .75rem 1.25rem; padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)); background: var(--color-section-bg); position: relative; }
  .CartDrawer-subtotal { order: 1; align-items: baseline; font-size: 1.125rem; margin-bottom: 0; }
  .CartDrawer-subtotal span:first-child { font-size: .6875rem; font-weight: 600; letter-spacing: .12em; opacity: .6; }
  .CartDrawer-checkout { order: 2; margin-top: .625rem; padding: .875rem; font-size: .875rem; }
  .CartDrawer-trust { order: 3; margin-top: .5rem; gap: 1rem; }
  .CartDrawer-shipping-note { order: 4; margin: .35rem 0 0; font-size: .625rem; text-align: center; opacity: .7; }
}
.Legal-body, .Faq-tab-content, .js-product-description,
.js-accordion-description, .js-educational-description { text-transform: none; }
@media (max-width: 767px) {
  html { font-size: 112.5%; }
  .AccountPage-input { font-size: 16px; background: #fff; border: 1px solid rgba(71,54,47,.22); }
  main .Button, .Button__large { min-height: 44px; }
  .ShopFilter-btn { min-height: 42px; display: inline-flex; align-items: center; }
  .Faq-section-navigation-item { min-height: 40px; display: flex; align-items: center; }
  .Footer-nav a { display: inline-block; padding-top: .45rem; padding-bottom: .45rem; }
}
.ArteCookie { z-index: var(--z-consent-mobile); }
body.arte-menu-open .ArteCookie { display: none; }
@media (max-width: 767px) {
  .Product-card:hover .Product-card-initial { opacity: 1; }
  .Product-card:hover .Product-card-details { opacity: 1; pointer-events: auto; }
  .Product-card:hover .Product-card-alt { opacity: 0; }
  .Product-card-buy { display: none; }
  .ArteCookie { padding: .7rem .7rem calc(.7rem + env(safe-area-inset-bottom, 0px)); }
  .ArteCookie-inner { padding: .95rem 1rem 1rem; max-height: 30vh; max-height: 30dvh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .ArteCookie-text { font-size: .72rem; line-height: 1.45; margin: 0 0 .7rem; }
  .ArteCookie { padding: 0; }
  .ArteCookie-inner {
    width: 100%;
    max-width: none;
    border-radius: 16px 16px 0 0;
    border-left: 0; border-right: 0; border-bottom: 0;
    padding: 1.1rem 1.15rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
    max-height: 62vh;
    max-height: 62dvh;
  }
  .ArteCookie-text { font-size: .82rem; line-height: 1.5; margin: 0 0 .9rem; }
  .ArteCookie-actions { flex-direction: column; gap: .5rem; }
  .ArteCookie-actions .ArteCookie-btn {
    width: 100%;
    min-height: 48px;
    padding: .75rem 1rem;
    font-size: .8rem;
  }
  body:has(.ArteCookie.is-visible) main:has(.AccountPage-form-wrapper) { padding-bottom: 32vh; padding-bottom: 32dvh; }
  .AccountPage-submit:active { background: var(--color-brown); color: #fff; }
  .AccountPage-forgot:active, .AccountPage-switch-link:active { opacity: .55; }
}
.ArteNewsletter { overscroll-behavior: contain; }
.ArteNewsletter-body { overscroll-behavior: contain; }
.Product-qty { display: none; }
@media (max-width: 1039px) {
  .Product-qty { display: flex; align-items: center; gap: .75rem; margin-top: 1rem; }
  .Product-qty-label { font-family: var(--font-body); font-size: .8125rem; font-weight: 600; letter-spacing: .04em; color: var(--color-brown); }
  .Product-qty-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(71,54,47,.2); background: none; color: var(--color-brown); font-size: 20px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; transition: background var(--dur-fast), color var(--dur-fast); }
  .Product-qty-btn:active { background: var(--color-brown); color: #fff; }
  .Product-qty-value { min-width: 2ch; text-align: center; font-weight: 700; font-size: 1.0625rem; color: var(--color-brown); }
  .Product-main { margin-top: calc(var(--pdp-hero-top, calc(84px + var(--gap-shift, 0px))) - 1px); } 
  .Product-slider { border-radius: 0 0 12px 12px; }
}
@media (max-width: 767px) {
  .Rewards-section-subtitle,
  .Rewards-cta-sub      { font-size: .8rem;  opacity: 1; color: var(--color-light-brown); }
  .Rewards-glance-label { font-size: .74rem; opacity: 1; color: var(--color-light-brown); }
  .Rewards-faq-a        { font-size: .85rem; opacity: 1; color: var(--color-light-brown); }
  .About-founder-note-label {
    font-size: .72rem; opacity: 1; color: var(--color-light-brown);
    letter-spacing: .1em; margin-bottom: 1.1rem;
  }
  .About-hero .Hero-overlay {
    opacity: 1 !important;
    background: linear-gradient(to top,
      rgba(0,0,0,.58) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,.08) 100%) !important;
  }
  .About-hero .Hero-content-wrapper h1:only-child { margin-bottom: 0; }
  .Rewards-earn-cta       { font-size: .72rem; padding: .45rem 1rem; letter-spacing: .04em; }
  .Rewards-tier-hint      { font-size: .72rem; }
  .Rewards-tier-threshold { font-size: .76rem; padding: .32rem .85rem; }
  .Rewards-giftcard-pts   { font-size: .68rem; letter-spacing: .04em; }
  .Rewards-tier-perks li  { font-size: .78rem; padding: .42rem 0; }
  .Faq-tab-q p { font-size: .9rem; line-height: 1.35; letter-spacing: 0; }
  .Rewards-hero-v3-signin {
    font-size: .8rem; color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.65);
    display: inline-flex; align-items: center; min-height: 44px; padding: .6rem .5rem;
  }
  .Rewards-giftcard { aspect-ratio: 1.35; }
  .Rewards-giftcard-inner { padding: .7rem .75rem; }
  .Rewards-giftcard-center { width: 100%; }
  .Rewards-giftcard-amount {
    width: 100%; text-align: center;
    font-size: clamp(.85rem, 3.6vw, 1.2rem); line-height: 1.08;
  }
  .Rewards-giftcard-brand { top: .5rem; left: .6rem; }
  .Rewards-giftcard-pts   { bottom: .5rem; right: .6rem; }
  .Looks-arrow { display: none; }
  .Looks-video-label,
  .Looks-video-placeholder span {
    font-size: .8125rem; opacity: 1; color: var(--color-brown);
    background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.6);
    padding: 7px 14px; border-radius: 999px; bottom: 1.25rem;
    letter-spacing: .06em; line-height: 1;
  }
  .Looks-video-container.is-playing .Looks-video-pause-btn {
    opacity: 1; pointer-events: auto;
    animation: looksPauseFade var(--dur-base) ease 2.2s forwards;
  }
  .CartDrawer-line-remove {
    top: .35rem; right: -10px; width: 44px; height: 44px; padding: 0;
    display: flex; align-items: center; justify-content: center; opacity: .75;
  }
  .CartDrawer-line-remove:active { opacity: 1; }
  .CartDrawer-line-remove svg { width: 16px; height: 16px; }
  .CartDrawer-line-title { padding-right: 34px; }
}
@keyframes looksPauseFade { to { opacity: 0; } }
@media (max-width: 1039px) {
  .Product-card-upsell-card-name  { font-size: .875rem; line-height: 1.25; }
  .Product-card-upsell-card-sub   { font-size: .75rem; opacity: .75; line-height: 1.35; }
  .Product-card-upsell-card-price { font-size: .875rem; }
  .Product-sticky-bar { height: calc(72px + env(safe-area-inset-bottom, 0px)); will-change: transform; } 
  .Product-sticky-bar-content-container { padding-bottom: env(safe-area-inset-bottom, 0px); will-change: transform; }
  .Product-sticky-bar-content-container {
    backdrop-filter: none; -webkit-backdrop-filter: none;
    background: rgba(237, 236, 235, 0.97);
  }
  .js-scroll-animate,
  .js-scroll-animate.is-visible,
  .js-scroll-animate:not(.is-visible) {
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
    transition: none !important;
  }
}
@media (hover: none) and (max-width: 767px) {
  .Rewards-earn-card-v2,
  .Rewards-tier-v2,
  .Rewards-giftcard { will-change: auto; }
  a.Rewards-earn-card-v2:active { transform: scale(.985); }
}
.u-visuallyHidden {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (max-width: 767px) {
  section:has(.AccountPage-form-wrapper) .Content-container { width: 100%; max-width: 420px; }
  section:has(.AccountPage-form-wrapper) .Content-wrapper { padding: 1.75rem 1.25rem 2rem; }
  .AccountPage-switch { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .35rem; font-size: .875rem; }
  .AccountPage-switch-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .35rem; }
}
@media (max-width: 767px) {
  .Looks-dock-product-add-btn {
    min-height: 44px; display: flex; align-items: center; justify-content: center;
    padding: 6px 4px; font-size: .75rem;
  }
  .Looks-dock-product-info,
  .Looks-dock-duo .Looks-dock-product-info { padding-bottom: 56px; justify-content: flex-start; gap: 2px; }
  .Looks-dock-product-price,
  .Looks-dock-duo .Looks-dock-product-price { align-self: flex-start; font-size: .8125rem; }
}
@media (max-width: 1039px) {
  .Product-purchase-option,
  .Product-frequency-btn {
    min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  }
}
@media (max-width: 767px) {
  .Product-frequency-label,
  .Product-scent-row-label      { font-size: .75rem; }
  .Product-comparison-col-subtitle,
  .Product-comparison-col-row-label,
  .Product-comparison-current-badge { font-size: .72rem; }
  .Product-comparison-cta       { font-size: .75rem; }
  .About-trust-desc     { font-size: .78rem; }
  .Footer-newsletter-btn { font-size: .78rem; min-height: 44px; }
  .CartDrawer-shipping-note { font-size: .75rem; }
  .CartDrawer-line-title { display: inline-block; padding-top: 2px; padding-bottom: 4px; }
  .SearchDrawer-close {
    width: 44px; height: 44px; display: inline-flex;
    align-items: center; justify-content: center;
  }
}
p, blockquote, figcaption, dd { text-transform: none; }
.Rewards-tier-perks li, .Rewards-faq-a li { text-transform: none; }
.Header p,
.TopBanner p,
.Mobile-menu-wrapper p,
.MobileMega p,
.Header-mega-menu p,
.Footer-nav-heading,
.Footer-copyright-text,
.Product-card-price,
.Product-card-title,
button p,
.Button p,
[class*="badge"] p,
[class*="Badge"] p { text-transform: uppercase; }
.Faq-tab-q p,
.Rewards-hero-v3-sub,
.Rewards-hero-sub,
.Rewards-section-subtitle,
.Rewards-cta-sub,
.Looks-hero-subtitle,
.Looks-filter-subtitle,
.Looks-cta-banner-sub,
.About-cta-sub { text-transform: none; }
@media (hover: none) {
  a, button, .Button, .Product-card, .Looks-card, [role="button"], [tabindex="0"] {
    -webkit-tap-highlight-color: transparent;
  }
  .Button,
  .Product-buy-btn,
  .Product-sticky-buy-btn,
  .CartDrawer-checkout,
  .Footer-newsletter-btn {
    transition: transform var(--dur-fast) var(--ease-out), color var(--dur-base) ease .05s;
  }
  .Button:active,
  .Product-buy-btn:active,
  .Product-sticky-buy-btn:active,
  .CartDrawer-checkout:active,
  .Footer-newsletter-btn:active { transform: scale(.97); }
  .ShopFilter-btn,
  .CartDrawer-upsell-add,
  .Looks-dock-product-add-btn,
  .Product-card-upsell-card-add,
  .ArteCookie-btn {
    transition: background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);
  }
  .ShopFilter-btn:active,
  .CartDrawer-upsell-add:active,
  .Looks-dock-product-add-btn:active,
  .Product-card-upsell-card-add:active,
  .ArteCookie-btn:active {
    background-color: var(--color-brown); color: #fff; transform: scale(.97);
  }
  .Product-card,
  .Looks-card,
  .Looks-dock-product,
  .Looks-dock-duo,
  .Product-card-upsell-card,
  .Rewards-redeem-card-v2,
  .GlassShowcase-card {
    transition: transform var(--dur-fast) var(--ease-out);
  }
  .Product-card:active,
  .Looks-card:active,
  .Looks-dock-product:active,
  .Looks-dock-duo:active,
  .Product-card-upsell-card:active,
  .Rewards-redeem-card-v2:active,
  .GlassShowcase-card:active { transform: scale(.985); }
  .Faq-section-navigation-item a:active,
  .SearchDrawer-suggestion-link:active,
  .Product-comparison-cta:active,
  .Footer-nav a:active,
  .CartDrawer-qty-btn:active,
  .HalfProductImage__nav__btn:active,
  .RealResults__controls__button:active,
  .Product-slider-thumbnails button:active,
  .Looks-video-play-btn:active,
  .Looks-video-pause-btn:active,
  .Looks-video-mute-btn:active { opacity: .55; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .js-scroll-animate { opacity: 1 !important; transform: none !important; }
}
@media (max-width: 767px) {
  .Footer-newsletter-input { min-width: 0; }
}
.Footer-newsletter-success {
  font-family: var(--font-body);
  font-size: .9rem;
  color: var(--color-brown);
  text-transform: none;
  margin: 0;
  padding: 14px 0;
}
@media (max-width: 767px) {
  :root {
    --pdp-display: 1.889rem;  
    --pdp-h2:      1.333rem;  
    --pdp-h3:      1rem;      
    --pdp-body:    .889rem;   
    --pdp-label:   .778rem;   
    --pdp-micro:   .694rem;   
  }
  .Product-main-card-title,
  .Highlights-words span,
  .js-highlights-words span { font-size: var(--pdp-display); line-height: 1.05; letter-spacing: -.03em; }
  .Product-comparison-heading,
  .Product-reviews-heading,
  .Product-video-tutorial-heading,
  .Product-related-heading,
  .Slider-with-nav-heading,
  .Educational-ingredient-title,
  .Values-heading,
  .List-content-title,
  .Image-with-faq-title,
  .Product-main .u-hSize,
  .Product-highlights .u-hSize { font-size: var(--pdp-h2); line-height: 1.15; letter-spacing: -.02em; }
  .List-content-title span,
  .js-list-headline span { font-size: inherit; }
  .Product-comparison-subheading,
  .Product-reviews-subheading { font-size: var(--pdp-h3); line-height: 1.3; }
  .js-product-description,
  .js-accordion-ingredients,
  .js-accordion-howto,
  .Product-reviews-empty-body,
  .Product-reviews-empty-title,
  .Product-video-tutorial-eyebrow,
  .Slider-with-nav-step-name,
  .Product-main .u-pSize,
  .Product-qty-value,
  .Product-card-upsell-card-name,
  .Product-card-upsell-card-price { font-size: var(--pdp-body); line-height: 1.6; }
  .Product-qty-btn { font-size: var(--pdp-h3); }
  .Button .arrow { font-size: inherit; }
  .Product-qty-label,
  .Product-frequency-label,
  .Slider-with-nav-step-desc,
  .Product-related-card-name,
  .Product-related-card-price,
  .Product-card-upsell-card-sub,
  .Product-card-upsell-subtitle,
  .Product-video-tutorial-description,
  .Product-comparison-cta,
  .Product-comparison-col-row-label,
  .Product-comparison-col-row-value,
  .Product-purchase-option,
  .Product-frequency-btn,
  .Values-item { font-size: var(--pdp-label); line-height: 1.45; }
  .Product-fyi-badge,
  .Product-comparison-current-badge,
  .Slider-with-nav-step-number { font-size: var(--pdp-micro); line-height: 1.2; }
}
@media (max-width: 767px) {
  .Looks-dock-single-atc {
    font-size: .8125rem;
    min-height: 44px;
    display: inline-flex; align-items: center; justify-content: center;
  }
}
@media (hover: none) {
  .Looks-dock-single-atc { transition: background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out); }
  .Looks-dock-single-atc:active { background-color: var(--color-brown); color: #fff; transform: scale(.97); }
}
@media (max-width: 767px) {
  .Product-card-content-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
  }
  .Product-card-content-badges { max-width: 100%; min-width: 0; }
  .Product-card-content-badges .ContentBadge { max-width: 100%; display: inline-block; }
  .Product-card-content-title { display: none; }
  .Product-card-name-price {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    min-width: 0;
  }
  .Product-card-title { max-width: 100%; }
}
.AccountPage-intro {
  font-family: var(--font-body);
  font-size: .9rem;
  line-height: 1.55;
  color: var(--color-light-brown);
  text-transform: none;
  margin: 0 0 1.25rem;
}
a.AccountPage-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-height: 44px;
}
@media (max-width: 767px) {
  .MobileMega-tablist { width: min(90%, 330px); display: flex; }
  .MobileMega-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: .72rem .5rem;
    font-size: .9rem;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .MobileMega-tabs { padding: .2rem 0 .72rem; }
  .MobileMega-tab-indicator {
    left: 0;
    width: calc(100% / 3);
    transition: transform .45s cubic-bezier(.34, 1.4, .5, 1);
    will-change: transform;
  }
  .MobileMega-panels { contain: layout paint; }
  .MobileMega-panel  { contain: layout paint; }
  .MobileMega-shopbtn {
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-brown);
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    letter-spacing: -.02em;
    transition: color .3s ease .05s;
  }
  .MobileMega-shopbtn::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 40px;
    background: var(--color-brown);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
    z-index: -1;
    pointer-events: none;
  }
  .MobileMega-shopbtn:active::after { transform: scaleX(1); transform-origin: left center; }
  .MobileMega-shopbtn:active { background: transparent; color: #fff; }
}
@media (max-width: 767px) {
  .MobileMega-panels { transition: height .34s cubic-bezier(.33, 1, .68, 1); }
  .MobileMega-shopbtn {
    width: 54%;
    max-width: 240px;
    padding: .78rem 1rem;
    font-size: .85rem;
    margin: 1.9rem auto 1.8rem;
  }
}
@media (max-width: 1039px) {
  .Mobile-menu-wrapper {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (max-width: 1039px) {
  .MobileMega-panels { transition: none; }
  .MobileMega-foot {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    background: var(--color-section-bg);
    transition: transform .42s cubic-bezier(.33, 1, .68, 1);
  }
  .Mobile-menu-wrapper.is-open .MobileMega-foot { will-change: transform; }
  .MobileMega-foot.is-instant { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .MobileMega-foot { transition: none !important; }
}
@media (min-width: 768px) and (max-width: 1039px) {
  .MobileMega-tablist { width: min(90%, 330px); display: flex; }
  .MobileMega-tab { flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; }
  .MobileMega-tab-indicator {
    left: 0;
    width: calc(100% / 3);
    transition: transform .45s cubic-bezier(.34, 1.4, .5, 1);
    will-change: transform;
  }
}
@media (max-width: 1039px) {
  .Mobile-menu::before {
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
  }
  .Mobile-menu-wrapper { box-shadow: none; }
  .Mobile-menu-wrapper.is-open {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  body.arte-menu-open .Product-sticky-bar { visibility: hidden !important; transition: visibility 0s .45s; } 
}
@media (max-width: 767px) {
  .Product-main-card-fyi { opacity: 1; color: var(--color-light-brown); }
  .Product-video-tutorial-eyebrow,
  .Product-video-tutorial-description { opacity: 1; color: var(--color-light-brown); }
  .Product-comparison-subheading,
  .Product-reviews-subheading { opacity: 1; color: var(--color-light-brown); }
  .About-trust-desc { opacity: 1; color: var(--color-light-brown); }
  .Rewards-earn-v2-label { opacity: 1; color: var(--color-light-brown); }
  .Rewards-tier-v2--light .Rewards-tier-name,
  .Rewards-tier-v2--light .Rewards-tier-hint,
  .Rewards-tier-v2--light .Rewards-tier-perks li { color: var(--color-brown); text-shadow: none; }
  .Rewards-tier-v2--light .Rewards-tier-threshold {
    color: var(--color-brown);
    border-color: rgba(71, 54, 47, .25);
    background: rgba(255, 255, 255, .4);
    text-shadow: none;
  }
  .Looks-hero-subtitle { opacity: .8; }
  .SearchDrawer-suggestion-link { min-height: 44px; display: flex; align-items: center; box-sizing: border-box; }
  .Looks-video-mute-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
  .AccountPage-forgot { display: flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 1rem; }
  .Looks-dock-single-atc { font-size: .72rem; padding-left: 12px; padding-right: 12px; white-space: nowrap; }
}
@media (max-width: 767px) {
  .ShopFilter {
    display: flex;
    width: min(90%, 330px);
    margin: .75rem auto 1.5rem;
    box-sizing: border-box;
  }
  .ShopFilter-btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: .72rem .4rem;
    font-size: .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  #js-looks-filter {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start;          
  }
  #js-looks-filter::-webkit-scrollbar { display: none; }
  #js-looks-filter .ShopFilter-btn {
    flex: 0 0 auto;                        
    min-width: 0;
    min-height: 44px;
    padding: .72rem .9rem;
  }
  #js-looks-filter .ShopFilter-indicator {
    transition: transform .45s cubic-bezier(.34, 1.4, .5, 1), width .45s cubic-bezier(.34, 1.4, .5, 1);
    will-change: transform, width;
  }
}
.LooksFilter-wrap { position: relative; display: inline-block; max-width: 100%; }
@media (max-width: 767px) {
  .LooksFilter-more {
    position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
    width: 23px; height: 23px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .38);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .4);
    box-shadow: 0 1px 4px rgba(71, 54, 47, .1);
    color: rgba(71, 54, 47, .7); z-index: 3; cursor: pointer;
    opacity: 0; pointer-events: none; transition: opacity .22s ease;
  }
  .LooksFilter-more.is-visible { opacity: .85; pointer-events: auto; }
  .LooksFilter-more svg { width: 12px; height: 12px; display: block; }
  .LooksFilter-more::after { content: ''; position: absolute; inset: -11px; border-radius: 50%; }
}
@media (min-width: 768px) { .LooksFilter-more { display: none; } }
.Looks-dock-product-add-btn .price { display: none; } 
@media (max-width: 767px) {
  .Looks-card-dock { height: auto; align-items: stretch; }
  .Looks-card-dock:not([data-count="1"]) { height: 195px; }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product,
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-duo {
    position: relative; display: block; background: #E9E9E9; border-radius: 12px; overflow: hidden;
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-img {
    position: absolute; inset: 0; border-radius: 12px;
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-img::before { display: none; }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-img img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px;
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-duo .Looks-dock-product-img img { object-fit: contain; }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-info {
    position: absolute; top: 0; left: 0; right: 0; inset: auto; padding: 8px 10px 0;
    display: block; z-index: 2; pointer-events: none; background: none;
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-name {
    font-size: .82rem; line-height: 1.1; align-self: flex-start;
    text-shadow: 0 1px 3px rgba(255, 255, 255, .85);
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-price { display: none; } 
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-save { display: none; }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-add {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
    transform: none; opacity: 1; pointer-events: auto; padding: 6px;
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-add-btn {
    min-height: 36px; padding: 6px 5px; font-size: .7rem; letter-spacing: -.01em;
    background: #fff; border-color: transparent; color: var(--color-brown);
    box-shadow: 0 2px 8px rgba(71, 54, 47, .2);
  }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-add-btn .price { display: inline; margin-left: 4px; font-weight: 600; }
  .Looks-card-dock:not([data-count="1"]) .Looks-dock-product-add-btn.is-added { background: var(--color-brown); color: #fff; }
  .Looks-card-dock[data-count="1"] { height: 195px; min-height: 0; }
  .Looks-card-dock[data-count="1"] .Looks-dock-single-info { display: none; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product {
    flex: 1; min-width: 0; position: relative; display: block; background: #E9E9E9; border-radius: 12px; overflow: hidden;
  }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-img { position: absolute; inset: 0; border-radius: 12px; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-img::before { display: none; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-info {
    position: absolute; top: 0; left: 0; right: 0; inset: auto; padding: 8px 10px 0; display: block; z-index: 2; pointer-events: none; background: none;
  }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-name {
    font-size: .82rem; line-height: 1.1; align-self: flex-start; text-shadow: 0 1px 3px rgba(255, 255, 255, .85);
  }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-price { display: none; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-add {
    display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; transform: none; opacity: 1; pointer-events: auto; padding: 6px;
  }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-add-btn {
    min-height: 36px; padding: 6px 5px; font-size: .7rem; letter-spacing: -.01em; background: #fff; border-color: transparent; color: var(--color-brown); box-shadow: 0 2px 8px rgba(71, 54, 47, .2);
  }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-add-btn .price { display: inline; margin-left: 4px; font-weight: 600; }
  .Looks-card-dock[data-count="1"] .Looks-dock-product-add-btn.is-added { background: var(--color-brown); color: #fff; }
  .Looks-card { transition: none; }
  .Looks-card.is-showing { animation: none; }
}
.Header-topcover { position: fixed; top: 0; left: 0; right: 0; height: 0; background: #fff; z-index: var(--z-header-cover); opacity: 0; pointer-events: none; }
@media (max-width: 1039px) {
  .Header-topcover { opacity: 1; transform: translateY(-100%); transition: transform .7s var(--transition-smooth); }
  .Header-topcover.is-on { transform: translateY(0); }
}
.Product-preorder-note { margin: 10px 0 0; text-align: center; font-family: var(--font-body); font-size: .8125rem; line-height: 1.4; letter-spacing: .01em; color: var(--color-light-brown, #6b5a51); text-transform: none; }
.Product-sticky-preorder-note { display: block; margin-top: 2px; font-family: var(--font-body); font-size: .6875rem; line-height: 1.3; color: var(--color-light-brown, #6b5a51); text-transform: none; white-space: nowrap; }
.CartDrawer-preorder-note { margin: 0 0 8px; padding: 10px 12px; border-radius: 10px; background: rgba(231, 214, 196, .45); font-family: var(--font-body); font-size: .8125rem; line-height: 1.45; color: var(--color-brown); text-align: center; }
.arte-storefront .js-reviews-section,
.arte-storefront .js-video-tutorial-section,
.arte-storefront .js-product-list-section,
.arte-storefront .js-highlights-section,
.arte-storefront .js-educational-section,
.arte-storefront .js-routine-section,
.arte-storefront .js-values-section,
.arte-storefront .js-product-related-section, 
.arte-storefront .MobileMega-links,
.arte-storefront .MobileMega-locale,
.arte-storefront .Footer-locale { display: none !important; }
.TopBanner p,
a[href="#content"],
.HeaderProductCard__content__subtitle,
.MobileMega-card-sub,
.js-mega-menu-trigger,
.Footer-nav-col ul a,
.SearchDrawer-suggestion-link,
.SearchDrawer-product-subtitle,
.SearchDrawer-product-price,
.Product-card-subtitle,
.Product-card-price,
.CartDrawer-upsell-savings,
.CartDrawer-trust-item,
.js-product-subtitle,
.Product-fyi-badge,
.Product-tab-content,
.Product-tab-content p,
.js-accordion-description,
.js-accordion-ingredients,
.js-accordion-howto,
.Product-scent-row-value,
.Product-comparison-subheading,
.Product-comparison-col-subtitle,
.js-faq-intro,
.Faq-tab-toggle-container p,
.Faq-tab-content,
.Faq-tab-content p,
.Product-preorder-note,
.Product-sticky-preorder-note,
.CartDrawer-preorder-note,
.CartDrawer-shipping-note { text-transform: none !important; }
.Product-fyi-badge { white-space: nowrap; }
.u-fontSerif, .u-fontSerifItalic, .Product-card-bestfor, .Product-reviews-subheading, .Product-comparison-subheading, .Product-card-upsell-subtitle, .Product-tab-water-based, .CartDrawer-upsell-savings { font-style: normal !important; }
.Product-slider.is-pending > *, .Product-main-card.is-pending > * { opacity: 0; }
.Product-slider.is-revealed > *, .Product-main-card.is-revealed > * { animation: pdpContentIn .35s var(--ease-out, ease) backwards; }
@keyframes pdpContentIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .Product-slider.is-revealed > *, .Product-main-card.is-revealed > * { animation: none; }
}
@media (max-width: 1039px) {
  .Product-slider .swiper { aspect-ratio: 1 / 1; }
}
:root {
  --tr-tight: -0.02em;
  --tr-open: 0.02em;
  --tr-caps: 0.06em;  
  --fs-hero: 40px;     
  --fs-display: clamp(26px, 7.3vw, 34px); 
  --fs-h2: 24px;       
  --fs-name: 13.5px;   
  --fs-sub: 16px;      
  --fs-price: 20px;    
  --fs-body: 16px;     
  --fs-small: 13px;    
  --fs-label: 13px;    
  --fs-button: 14px;   
  --fs-badge: 11px;    
}
@media (min-width: 1040px) {
  :root {
    --fs-hero: clamp(48px, 4.44vw, 80px);     
    --fs-display: clamp(40px, 3.89vw, 64px);  
    --fs-h2: clamp(28px, 2.5vw, 44px);        
    --fs-name: clamp(15px, 1.11vw, 19px);     
    --fs-sub: clamp(16px, 1.18vw, 20px);      
    --fs-price: clamp(20px, 1.53vw, 26px);    
    --fs-body: clamp(16px, 1.11vw, 19px);     
    --fs-small: clamp(13px, .97vw, 17px);     
    --fs-label: clamp(13px, .97vw, 17px);     
    --fs-button: clamp(14px, 1vw, 17px);      
    --fs-badge: clamp(11px, .83vw, 14px);     
  }
}
.Product-main-card-title, .Looks-hero-title, .Legal-title {
  font-family: var(--font-body) !important; font-size: var(--fs-display) !important; font-weight: 700 !important;
  letter-spacing: var(--tr-tight) !important; line-height: 1.05 !important; text-transform: uppercase;
}
.Looks-hero-title, .Legal-title { font-size: var(--fs-hero) !important; text-wrap: balance; }
.Product-comparison-heading, .Image-with-faq-title, .Product-related-heading, .u-hSize, .u-fontRektorat, .Product-reviews-heading,
.ArteNewsletter-title, .ArteNewsletter-success-title {
  font-family: var(--font-body) !important; font-size: var(--fs-h2) !important; font-weight: 700 !important;
  letter-spacing: var(--tr-tight) !important; line-height: 1.15 !important; text-transform: uppercase;
}
.Product-card-title, .Product-comparison-col-name, .Product-related-card-name, .Product-sticky-bar-title,
.MobileMega-card-name, .HeaderProductCard__content__title, .SearchDrawer-product-name,
.CartDrawer-line-title, .CartDrawer-upsell-name {
  font-family: var(--font-body) !important; font-size: var(--fs-name) !important; font-weight: 600 !important;
  letter-spacing: var(--tr-open) !important; line-height: 1.25 !important; text-transform: uppercase;
}
.Product-main-card-subtitle-inner h2, .Legal-body h2, .Legal-body h3 {
  font-family: var(--font-body) !important; font-size: var(--fs-sub) !important; font-weight: 600 !important;
  letter-spacing: var(--tr-open) !important; line-height: 1.4 !important; text-transform: none !important;
}
.Legal-body h2 { font-size: calc(var(--fs-sub) * 1.25) !important; line-height: 1.3 !important; }
.js-product-description, .js-accordion-description, .js-accordion-ingredients, .js-accordion-howto,
.Product-tab-content p, .Faq-tab-content, .Faq-tab-content p, .js-faq-intro, .Looks-hero-subtitle, .Product-main-card-scent,
.Legal-body p, .Legal-body li, .Legal-toc li, .Legal-updated, .Faq-tab-toggle-container p, .Footer-nav-col li a, .CartDrawer-empty p,
.ArteNewsletter-sub, .ArteNewsletter-success-sub, .Footer-newsletter-heading, .Footer-newsletter-body {
  font-family: var(--font-body) !important; font-size: var(--fs-body) !important; font-weight: 400 !important;
  letter-spacing: var(--tr-open) !important; line-height: 1.6 !important;
}
.Faq-tab-toggle-container p { font-weight: 600 !important; line-height: 1.45 !important; text-transform: none !important; }
.Looks-hero-subtitle { line-height: 1.5 !important; }
.Looks-hero-title + .Looks-hero-subtitle { font-weight: 600 !important; } 
.Product-preorder-note, .Product-sticky-preorder-note, .CartDrawer-preorder-note, .CartDrawer-shipping-note,
.Product-fyi-badge, .Product-scent-row-value, .Product-comparison-col-row-value,
.Product-card-subtitle, .MobileMega-card-sub, .HeaderProductCard__content__subtitle, .Product-comparison-col-subtitle,
.SearchDrawer-product-subtitle, .SearchDrawer-suggestion-link, .CartDrawer-upsell-savings, .CartDrawer-shipping-bar-text,
.CartDrawer-trust-item, .CartDrawer-line-variant, .ArteCookie-text, .Footer-copyright-text,
.Product-card-upsell-subtitle, .Product-tab-water-based, .Product-reviews-subheading, .ArteNewsletter-fineprint, .ArteNewsletter-error,
.Footer-privacy-policy, .Footer-newsletter-error {
  font-family: var(--font-body) !important; font-size: var(--fs-small) !important; font-weight: 400 !important;
  letter-spacing: var(--tr-open) !important; line-height: 1.45 !important;
}
.Product-main-card-scent-label, .CartDrawer-shipping-bar-text strong { font-weight: 600 !important; }
.Product-tab-toggle-container .js-product-tab-toggle, .Product-scent-row-label, .Product-comparison-col-row-label,
.Product-qty-label, .Legal-eyebrow, .Legal-toc p, .Footer-nav-heading, .ShopGrid-divider-text, .Faq-section-navigation-item a,
.SearchDrawer-header h2, .SearchDrawer-suggestions-title, .SearchDrawer-products-title, .SearchDrawer-results-heading, .ArteNewsletter-eyebrow,
.CartDrawer-header h2, .CartDrawer-upsell-heading, .CartDrawer-subtotal span:first-child {
  font-family: var(--font-body) !important; font-size: var(--fs-label) !important; font-weight: 600 !important;
  letter-spacing: var(--tr-caps) !important; line-height: 1.2; text-transform: uppercase;
}
.CartDrawer-upsell-heading strong { font-weight: 600 !important; }
.Product-buy-btn, .Product-sticky-buy-btn, .Product-card-buy-btn, .CartDrawer-checkout, .CartDrawer-upsell-add,
.MobileMega-shopbtn, .Button, .ArteCookie-btn, .Product-comparison-cta, .ArteNewsletter-submit, .Footer-newsletter-btn {
  font-family: var(--font-body) !important; font-size: var(--fs-button) !important; font-weight: 600 !important;
  letter-spacing: var(--tr-open) !important; text-transform: uppercase;
}
.Product-buy-btn .Button-hover-content, .Product-sticky-buy-btn .Button-hover-content, .Button .Button-hover-content { font-size: inherit !important; letter-spacing: inherit !important; }
.ContentBadge, .MobileMega-card-badge, .HeaderProductCard__badge-content, .Product-comparison-current-badge {
  font-family: var(--font-body) !important; font-size: var(--fs-badge) !important; font-weight: 600 !important;
  letter-spacing: var(--tr-caps) !important; text-transform: uppercase;
}
.Product-card-price, .Product-related-card-price, .SearchDrawer-product-price, .CartDrawer-line-price, .CartDrawer-upsell-price {
  font-family: var(--font-body) !important; font-size: var(--fs-name) !important; letter-spacing: var(--tr-open) !important;
}
.Product-main-card-price, .CartDrawer-subtotal span:last-child { font-family: var(--font-body) !important; font-size: var(--fs-price) !important; font-weight: 600 !important; letter-spacing: var(--tr-open) !important; }
.Product-card-price, .Product-related-card-price, .SearchDrawer-product-price, .CartDrawer-line-price, .CartDrawer-upsell-price,
.Product-main-card-price, .CartDrawer-subtotal, .Product-qty-value { font-variant-numeric: tabular-nums; }
.Looks-hero-subtitle, .ShopGrid-divider-text, .CartDrawer-upsell-heading, .CartDrawer-upsell-price,
.CartDrawer-subtotal span:first-child, .CartDrawer-shipping-note, .CartDrawer-trust-item,
.Product-main-card-scent, .Product-scent-row-value, .Faq-tab-content, .CartDrawer-upsell-savings,
.Product-card-upsell-subtitle, .Product-tab-water-based, .Product-reviews-subheading, .Product-main-card-fyi, .ArteNewsletter-fineprint { opacity: 1 !important; color: var(--color-brown); }
.Product-comparison-cta.is-current { opacity: .5 !important; }
@media (max-width: 1039px) {
  .Mobile-menu-toggle { display: flex; align-items: center; justify-content: center;
    min-height: calc(32.5px + .5rem); } 
  .Navigation-right-container > a.u-hideMd { display: inline-flex; align-items: center; justify-content: center; line-height: 0;
    padding: 10px; margin: -10px; }
  .Header-searchIcon, .Header-cartIcon { display: flex; line-height: 0; }
  .Header-searchIcon svg, .Header-cartIcon svg { width: 24px !important; height: 24px !important; }
  .Header-cartIconIndicator { top: 1px; right: 1px; }
  .MobileMega { padding-top: calc(6rem - .625rem); }
  .Mobile-menu-wrapper { left: max(.9375rem, 2.25vw) !important; right: max(.9375rem, 2.25vw) !important; }
  .MobileMega-track { transition: transform .5s cubic-bezier(.32, .72, 0, 1); }
  .MobileMega-panel { transition: opacity .32s ease; }
  .MobileMega-panel.is-instant { transition: none; }
  .MobileMega-foot { transition: transform .5s cubic-bezier(.32, .72, 0, 1); }
}
@media (prefers-reduced-motion: reduce) {
  .MobileMega-panel { transition: none !important; }
}
.ArteNewsletter-media img { object-fit: contain !important; object-position: center !important; background: #EAEAEA; }
@media (max-width: 767px) {
  .ArteNewsletter-media { min-height: 0 !important; }
  .ArteNewsletter-media img { height: auto !important; aspect-ratio: 16 / 9; object-fit: cover !important; }
}
.ArteNewsletter-error { margin: .7rem 0 0; color: #9e4b3b !important; }
.ArteNewsletter-submit:disabled { opacity: .5; cursor: default; }
@media (max-width: 767px) { .Header .Logo-img { height: 44px; } }
@media (min-width: 768px) and (max-width: 1039px) { .Header .Logo-img { height: clamp(37px, 4vw, 57px); } }
@media (max-width: 1039px) {
  .MobileBurger { transform-origin: 50% 50%; transition: transform .42s cubic-bezier(.4, 0, .2, 1); }
  .Mobile-menu-toggle.is-active .MobileBurger { transform: rotate(180deg); transition: transform .5s cubic-bezier(.65, 0, .35, 1); }
  .MobileBurger span:nth-child(1), .MobileBurger span:nth-child(3) {
    transition: opacity .24s ease, background-color .25s ease;
  }
  .Mobile-menu-toggle.is-active .MobileBurger span:nth-child(1),
  .Mobile-menu-toggle.is-active .MobileBurger span:nth-child(3) {
    transform: none; opacity: 0;
    transition: opacity .26s ease .2s, background-color .25s ease;
  }
  .Mobile-menu-toggle.is-active .MobileBurger span:nth-child(2) { transform: none; opacity: 1; }
  .Mobile-menu-wrapper {
    transition: -webkit-clip-path .38s cubic-bezier(.4, 0, .2, 1) .1s, clip-path .38s cubic-bezier(.4, 0, .2, 1) .1s;
  }
  .Mobile-menu-wrapper.is-open {
    transition: -webkit-clip-path .45s cubic-bezier(.65, 0, .35, 1), clip-path .45s cubic-bezier(.65, 0, .35, 1);
  }
  .Mobile-menu::before {
    transition: -webkit-clip-path .38s cubic-bezier(.4, 0, .2, 1) .1s, clip-path .38s cubic-bezier(.4, 0, .2, 1) .1s;
  }
  body.arte-menu-open .Mobile-menu::before {
    transition: -webkit-clip-path .45s cubic-bezier(.65, 0, .35, 1), clip-path .45s cubic-bezier(.65, 0, .35, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .MobileBurger, .MobileBurger span, .Mobile-menu-wrapper, .Mobile-menu::before { transition: none !important; }
}
@media (max-width: 1039px) {
  .CartDrawer {
    --cd-inset: max(.9375rem, 2.25vw);
    top: var(--cd-inset);
    right: var(--cd-inset);
    left: var(--cd-inset);
    width: auto !important;
    max-width: none !important;
    height: calc(100% - var(--cd-inset) * 2);
    height: calc(100dvh - var(--cd-inset) * 2);
    border-radius: 12px !important;
    overflow: hidden;
    transform: translateX(calc(100% + var(--cd-inset) + 8px));
  }
  .CartDrawer.is-open { transform: translateX(0); }
  .CartDrawer-overlay { background: #fff; }
  .SearchDrawer {
    --cd-inset: max(.9375rem, 2.25vw);
    top: var(--cd-inset);
    right: var(--cd-inset);
    left: var(--cd-inset);
    width: auto !important;
    max-width: none !important;
    height: calc(100% - var(--cd-inset) * 2);
    height: calc(100dvh - var(--cd-inset) * 2);
    border-radius: 12px !important;
    overflow: hidden;
    transform: translateX(calc(100% + var(--cd-inset) + 8px));
  }
  .SearchDrawer.is-open { transform: translateX(0); }
  .SearchDrawer-dimmer { background: #fff; }
}
.CartDrawer-upsell-price { text-transform: none !important; } 
.ShopGrid-viewport { overflow: hidden; }
@supports (overflow: clip) { .ShopGrid-viewport { overflow: clip; } }
.ShopGrid-track { display: flex; align-items: flex-start; transition: transform .5s cubic-bezier(.32, .72, 0, 1); will-change: transform; }
.ShopGrid-panel { flex: 0 0 100%; min-width: 100%; transition: opacity .32s ease; }
.ShopFilter.is-equal-segs .ShopFilter-indicator { transition: transform .45s cubic-bezier(.34, 1.4, .5, 1); will-change: transform; }
@media (max-width: 1039px) {
  .ShopGrid .ContentBadge { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (hover: none) {
  .ShopPage .ShopFilter-btn { transition: color .35s ease; }
  .ShopPage .ShopFilter-btn:active { background-color: transparent; transform: none; }
  .ShopPage .ShopFilter-btn:active:not(.is-active) { color: var(--color-brown); }
}
.ShopFilter { backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (prefers-reduced-motion: reduce) {
  .ShopGrid-track, .ShopGrid-panel { transition: none !important; }
}
.Routine { margin-top: 34px; padding-top: 34px; border-top: 1px solid rgba(71,54,47,.12); } 
.Routine-heading { margin: 0 0 17px; font-family: var(--font-body); font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tr-caps); text-transform: uppercase; color: var(--color-brown); line-height: 1.2; }
.Routine-list { display: grid; gap: 16px; }
.Routine-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: stretch; background: #fff; border-radius: 12px; min-height: 102px; padding: 14px 13px 16px 12px; cursor: pointer; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow .2s ease; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }
.Routine-item.is-selected { box-shadow: inset 0 0 0 1px var(--color-brown); }
.Routine-item:focus-visible { outline: 2px solid var(--color-brown); outline-offset: 2px; }
.Routine-thumb { width: 56px; height: 56px; align-self: center; border-radius: 8px; overflow: hidden; background: #E9E9E9; }
.Routine-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Routine-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.Routine-name { font-family: var(--font-body); font-size: var(--fs-name); font-weight: 600; letter-spacing: var(--tr-open); text-transform: uppercase; line-height: 1.25; color: var(--color-brown); }
.Routine-sub { font-family: var(--font-body); font-size: var(--fs-small); font-weight: 400; letter-spacing: var(--tr-open); line-height: 1.4; color: var(--color-brown); text-transform: none; }
.Routine-price { margin-top: auto; padding-top: 4px; font-family: var(--font-body); font-size: var(--fs-name); font-weight: 600; letter-spacing: var(--tr-open); font-variant-numeric: tabular-nums; color: var(--color-brown); }
.Routine-side { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 8px; }
.Routine-check { width: 21px; height: 21px; margin-top: -1px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--color-brown); display: flex; align-items: center; justify-content: center; color: #fff; background: transparent; transition: background-color .15s ease; flex-shrink: 0; }
.Routine-check svg { display: block; opacity: 0; transition: opacity .15s ease; }
.Routine-item.is-selected .Routine-check { background: var(--color-brown); }
.Routine-item.is-selected .Routine-check svg { opacity: 1; }
.Routine-variant { font-family: var(--font-body); font-size: var(--fs-small); font-weight: 400; letter-spacing: var(--tr-open); color: var(--color-brown); text-transform: none; white-space: nowrap; }
.Routine-variant { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; border-bottom: 1px solid var(--color-brown); padding: 4px 0 2px; cursor: pointer; }
.Routine-variant::after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; }
.Routine-add { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 38px; margin-top: 16px; border: none; border-radius: 40px; background: transparent; box-shadow: inset 0 0 0 1px var(--color-brown); color: var(--color-brown); font-family: var(--font-body); font-size: var(--fs-button); font-weight: 600; letter-spacing: var(--tr-open); text-transform: uppercase; font-variant-numeric: tabular-nums; cursor: pointer; transition: opacity .2s ease, transform .15s ease; -webkit-tap-highlight-color: transparent; }
.Routine-add:disabled { opacity: .5; cursor: default; }
.Routine-add::before { content: ''; position: absolute; inset: -3px 0; } 
@media (hover: none) { .Routine-add:not(:disabled):active { transform: scale(.97); } }
.RoutineSheet { position: fixed; inset: 0; z-index: var(--z-modal); pointer-events: none; }
.RoutineSheet.is-open { pointer-events: auto; }
.RoutineSheet-scrim { position: absolute; inset: 0; background: rgba(30,22,18,.5); opacity: 0; transition: opacity .3s ease; }
.RoutineSheet.is-open .RoutineSheet-scrim { opacity: 1; }
.RoutineSheet-panel { position: absolute; left: max(.9375rem, 2.25vw); right: max(.9375rem, 2.25vw); bottom: calc(env(safe-area-inset-bottom, 0px) + max(.9375rem, 2.25vw)); background: var(--color-section-bg); border-radius: 12px; padding: 16px; transform: translateY(calc(100% + 40px)); transition: transform .35s cubic-bezier(.32, .72, 0, 1); }
.RoutineSheet.is-open .RoutineSheet-panel { transform: none; }
.RoutineSheet-close { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border: none; border-radius: 50%; background: transparent; color: var(--color-brown); font-size: 24px; line-height: 1; cursor: pointer; }
.RoutineSheet-options { display: grid; gap: 4px; padding-top: 28px; }
.RoutineSheet-option { text-align: left; padding: 12px; border: none; border-radius: 10px; background: none; font-family: var(--font-body); font-size: var(--fs-body); color: var(--color-brown); cursor: pointer; }
.RoutineSheet-option.is-current { background: #fff; font-weight: 600; }
@media (min-width: 1040px) { .RoutineSheet-panel { left: 50%; right: auto; width: 420px; margin-left: -210px; } }
@media (prefers-reduced-motion: reduce) { .Routine-item, .Routine-check, .Routine-check svg, .RoutineSheet-panel, .RoutineSheet-scrim { transition: none !important; } }
.Product-card-upsell { padding: 0; margin: 0; } 
.Footer { --footer-rule: rgba(71, 54, 47, .5); }
.Footer-logo { container-type: inline-size; font-size: 0; line-height: 0; text-align: center; }
.Footer-wordmark {
  display: inline-block; vertical-align: top;
  font-family: 'Utah Condensed', var(--font-body); font-weight: 700; font-style: normal;
  color: var(--color-brown); letter-spacing: 0; text-transform: none; white-space: nowrap;
  font-size: min(calc((100vw - 74px) / 1.953), 348px); 
  font-size: min(calc(100cqi / 1.953), 348px);
  line-height: 1;
  margin: .041em -.0557em -.153em -.0298em;
}
@media (max-width: 767px) {
  .Footer { padding: 18px 0 0; }
  .Footer-logo { padding: 0 22px 19px; }
  .Footer-content-container { border-top: 1px solid var(--footer-rule); }
  .Footer-newsletter { padding: 26px 14px 38px; border-bottom: 1px solid var(--footer-rule); }
  .Footer-newsletter-heading { margin: 0 0 8px; }
  .Footer-newsletter-body { margin: 0 0 16px; }
  .Footer-newsletter-form {
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
    border-radius: 12px; min-height: 46px; align-items: stretch;
  }
  .Footer-newsletter-input { flex: 1 1 59%; min-width: 0; padding: 0 16px; }
  .Footer-newsletter-btn {
    flex: 0 0 41%; min-height: 46px; padding: 0 8px;
    border-left: 1px solid var(--footer-rule); display: flex; align-items: center; justify-content: center;
  }
  .Footer-newsletter-btn:hover { background: transparent; }
  .Footer-privacy-policy { margin: 14px 0 0; }
  .Footer-nav {
    display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between;
    column-gap: 12px; row-gap: 28px; padding: 27px 14px 30px;
  }
  .Footer-nav-col { min-width: 0; }
  .Footer-nav-heading { margin: 0 0 10px; }
  .Footer-nav-col li { padding: 0; }
  .Footer-nav-col li a { padding: 4px 0; white-space: nowrap; }
  .Footer-nav-col li svg { width: 16px; height: 16px; }
  .Footer-copyright-text { margin-top: 18px; }
  .Footer-locale { border-top: 1px solid var(--footer-rule); }
}
@media (max-width: 359px) {
  .Footer-nav { grid-template-columns: repeat(2, auto); } 
}
.Logo-text { --logo-h: clamp(34px, 3.65vw, 52px); }
@media (max-width: 1039px) { .Logo-text { --logo-h: 40px; } }
@media (max-width: 767px) { .Header .Logo-text { --logo-h: 44px; } }
@media (min-width: 768px) and (max-width: 1039px) { .Header .Logo-text { --logo-h: clamp(37px, 4vw, 57px); } }
.Logo-text {
  display: block; box-sizing: content-box;
  height: var(--logo-h); width: calc(var(--logo-h) * 1.7895);
  font-family: 'Utah Condensed', var(--font-body); font-weight: 700; font-style: normal;
  font-size: calc(var(--logo-h) * .9187); line-height: 1.093; letter-spacing: 0; 
  text-indent: -.0298em; text-align: left; text-transform: none; white-space: nowrap;
  -webkit-user-select: none; user-select: none;
}
.Logo-text.Logo-img--brown { color: var(--color-brown); }
.Logo-text.Logo-img--beige { color: var(--color-brand-beige); }
.Mobile-menu-wrapper {
  -webkit-clip-path: inset(0 0 100% 0 round 0 0 12px 12px);
  clip-path: inset(0 0 100% 0 round 0 0 12px 12px);
}
.Mobile-menu-wrapper.is-open {
  -webkit-clip-path: inset(0 0 -12px 0 round 0 0 12px 12px);
  clip-path: inset(0 0 -12px 0 round 0 0 12px 12px);
}
.Product-slider-thumbnails button {
  transform-origin: 50% 50%;
  opacity: 1;
  background: #E9E9E9; -webkit-backdrop-filter: none; backdrop-filter: none;
  outline: 2px solid transparent; outline-offset: -2px;
  transition: transform .45s var(--ease-spring), outline-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-base) ease;
}
.Product-slider-thumbnails button.is-near,
.Product-slider-thumbnails button.is-near:hover { transform: scale(1.04); }
.Product-slider-thumbnails button.is-active,
.Product-slider-thumbnails button.is-active:hover {
  transform: scale(1.1);
  outline-color: var(--product-accent, var(--color-brown));
  border-color: var(--product-accent, var(--color-brown));
  box-shadow: 0 4px 14px rgba(0,0,0,.1);
}
@media (hover: none) {
  .Product-slider-thumbnails button:not(.is-active):not(.is-near):hover {
    transform: none; box-shadow: 0 2px 8px rgba(0,0,0,.08);
  }
}
.Product-slider-thumbnails button:focus-visible,
.Product-slider-thumbnails button.is-active:focus-visible:hover,
.Product-slider-thumbnails button:not(.is-active):not(.is-near):focus-visible:hover {
  box-shadow: 0 0 0 2px #F2F0ED, 0 0 0 4px var(--color-brown);
}
.Price-was {
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  margin-right: .1em;
}
.Price-was .u-visuallyHidden, .Price-was + .u-visuallyHidden { text-transform: none; }
@media (min-width: 768px) {
  .Product-card-price .Price-was { display: block; margin-right: 0; }
  .Product-card-price:has(.Price-was) { text-align: right; }
  .Collection-slider .Product-card-price:has(.Price-was) { position: relative; }
  .Collection-slider .Product-card-price .Price-was { position: absolute; bottom: 100%; right: 0; white-space: nowrap; }
}
@media (max-width: 359px) {
  .Product-buy-btn .Price-was, .Product-sticky-buy-btn .Price-was { display: none; }
}
@media (max-width: 767px) {
  .Product-buy-btn.is-buy-label .Price-was, .Product-sticky-buy-btn.is-buy-label .Price-was { display: none; }
}
:root { --gap-container: 20px; --hdr-pt-base: .625rem; }
@media (min-width: 768px) { :root { --gap-container: max(17px, 2.25vw); } }
@media (min-width: 1040px) { :root { --hdr-pt-base: 1.25rem; } }
:root { --gap-shift: calc(var(--gap-container) - var(--hdr-pt-base)); }
.Header { padding-top: var(--gap-container); }
.js-top-banner.Section__min { margin-bottom: var(--gap-container); }
.ShopPage { padding-top: calc(max(3rem, 3.8vw) + var(--gap-shift)); padding-bottom: var(--gap-container); }
@media (min-width: 1040px) {
  .Product-main { margin-top: calc(max(5.25rem, 6.2vw) + var(--gap-shift)); }
}
.Section__min { margin-bottom: var(--gap-container); }
.HalfProductImage { gap: var(--gap-container); }
.Product-main { margin-bottom: var(--gap-container); }
@media (max-width: 1039px) {
  .Product-main-card { margin-top: var(--gap-container); }   
}
.Footer { margin-bottom: var(--gap-container); }
.Footer-newsletter-form:focus-within { outline: 2px solid var(--color-brown); outline-offset: -2px; }
.Footer-newsletter-form:has(.is-invalid) { outline: 2px solid #9e4b3b; outline-offset: -2px; }
.Footer-newsletter-error { margin: 10px 0 0; color: #9e4b3b !important; }
.Footer-newsletter-error[hidden] { display: none; }
.Footer-newsletter-success:focus { outline: none; }
@media (max-width: 767px) {
  .Footer-nav-col:last-child { grid-column: 1 / -1; }  
}
.Product-sticky-bar-content-container { transform: translate3d(0, var(--sticky-travel, 120%), .01px); }
@media (max-width: 1039px) {
  .Product-sticky-bar { left: 0; right: 0; height: 72px; }
  .Product-sticky-bar-content-container {
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.77);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
}
.Rewards-content-wrap { gap: var(--gap-container); }   
.Faq-section { gap: var(--gap-container); }            
@media (min-width: 1040px) {
  .Product__new { gap: var(--gap-container); }         
}
@media (min-width: 768px) {
  .Faq-section-navigation { top: calc(max(1.5rem, 2vw) + var(--gap-shift)); }
}
.Legal-body > :last-child { margin-bottom: 0; }        
.ArteNewsletter-media img { object-position: center 50%; }
@media (max-width: 620px) {
  .ArteNewsletter-modal { width: min(355px, 80.6vw); border-radius: 14px; }
  .ArteNewsletter-media { padding: 15px 18px 0; }
  .ArteNewsletter-media img {
    aspect-ratio: 319 / 284;
    border-radius: 12px;
    box-shadow: none;
    object-position: center 50%;
  }
}
@media (max-width: 620px) {
  .ArteNewsletter-title { font-size: min(24px, 5.8vw) !important; }
}
.ArteCookie { transform: none; opacity: 0; transition: opacity .5s ease; }
.ArteCookie.is-visible { transform: none; opacity: 1; transition: opacity .3s ease; }
.ArteCookie:not(.is-visible) .ArteCookie-inner { pointer-events: none; }
.ArteNewsletter-modal { transform: none !important; transition: opacity .3s ease; }
.ArteNewsletter-overlay { transition: opacity .3s ease; }
.ArteNewsletter.is-open .ArteNewsletter-modal,
.ArteNewsletter.is-open .ArteNewsletter-overlay { transition: opacity .2s ease; }
.ArteNewsletter:not(.is-open) { pointer-events: none; }
@media (max-width: 620px) {
  .ArteNewsletter-content { padding-bottom: 42px; }
}
.ArteNewsletter-close svg { display: block; flex: none; pointer-events: none; }
@media (max-width: 620px) {
  .ArteNewsletter-content { padding-bottom: 26px; }
}
.js-faq-section { scroll-margin-top: 110px; }
.Product-preorder-link { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.Product-tab-toggle,
.Image-with-faq .Faq-tab-toggle {
  position: relative; display: flex; align-items: center; justify-content: center;
  width: 1.1875rem; min-width: 1.1875rem; height: 1.1875rem; flex-shrink: 0; margin-left: 1rem;
  border-radius: 50%; background: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.45);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  transition: var(--dur-base) var(--ease-out);
}
.Product-tab-toggle span,
.Product-tab-toggle span:last-child,
.Image-with-faq .Faq-tab-toggle span,
.Image-with-faq .Faq-tab-toggle span:last-child {
  position: absolute; top: auto; left: auto; width: 50%; height: 1px;
  background: var(--color-brown); transform: none; transition: var(--dur-base) var(--ease-out);
}
.Product-tab-toggle span:last-child,
.Image-with-faq .Faq-tab-toggle span:last-child { transform: rotate(90deg); }
.Product-tab.is-open .Product-tab-toggle,
.Image-with-faq .Faq-tab.is-open .Faq-tab-toggle { background: var(--color-brown); border-color: var(--color-brown); }
.Product-tab.is-open .Product-tab-toggle span,
.Image-with-faq .Faq-tab.is-open .Faq-tab-toggle span { transform: rotate(180deg); background: #fff; }
.Product-tab.is-open .Product-tab-toggle span:last-child,
.Image-with-faq .Faq-tab.is-open .Faq-tab-toggle span:last-child { transform: rotate(360deg); }
@media (max-width: 620px) {
  .ArteNewsletter-media img {
    max-height: max(120px, calc(100vh - 414px));
    max-height: max(120px, calc(100dvh - 414px));
  }
}
@media (max-width: 767px) {
  .Product-slider-thumbnails {
    justify-content: flex-start !important;
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 5px 4px;
    bottom: 7px !important;
  }
  .Product-slider-thumbnails::-webkit-scrollbar { display: none; }
  .Product-slider-thumbnails button { flex: 0 0 46px; }
  .Product-slider-thumbnails button:first-of-type { margin-left: auto; }
  .Product-slider-thumbnails button:last-of-type { margin-right: auto; }
}
@media (min-width: 1040px) {
  .Product-slider-thumbnails {
    max-height: calc(100% - 2 * max(16px, 1.2vw) + 8px);
    overflow-y: auto; overflow-x: hidden; scrollbar-width: none;
    padding: 4px 5px;
    left: calc(max(16px, 1.2vw) - 5px); bottom: calc(max(16px, 1.2vw) - 4px);
  }
  .Product-slider-thumbnails::-webkit-scrollbar { display: none; }
  .Product-slider-thumbnails button { flex-shrink: 0; }
}
.js-accordion-ingredients .Product-scent-row-value,
.js-accordion-scent .Product-scent-row-value { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; opacity: 1; }
.TopBanner .TopBanner-body p { text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: .02em !important; }
.js-cart-count-wrap[hidden] { display: none !important; }
@media (max-width: 767px) {
  .ShopGrid .Product-card > a { display: grid; grid-template-columns: 100%; }
  .ShopGrid .Product-card-initial,
  .ShopGrid .Product-card-alt,
  .ShopGrid .Product-card-content { grid-row: 1; grid-column: 1; }
  .ShopGrid .Product-card-alt,
  .ShopGrid .Product-card-content { position: relative; inset: auto; }
  .ShopGrid .Product-card-buy { grid-row: 2; grid-column: 1; display: block !important; position: static; transform: none; opacity: 1; pointer-events: auto; background: #E7E7E7; } 
  .ShopGrid .Product-card-buy--white { background: #FEFEFE; } 
  .ShopGrid .Product-card-price-now,
  .ShopGrid .Product-card-price--single,
  .ShopGrid .Product-card-buy-was { display: none; }
  .ShopGrid .Product-card-buy-btn { font-size: clamp(10.5px, 3.05vw, 12px) !important; letter-spacing: .01em !important; padding-left: 6px; padding-right: 6px; }
  .ShopGrid .Product-card-title { font-size: min(13.5px, 3.4vw) !important; white-space: nowrap; }
}
@media (max-width: 339px) {
  .ShopGrid .Product-card-buy-btn { font-size: 10px !important; }
  .ShopGrid .Product-card-buy { padding-left: 6px; padding-right: 6px; }
}
.Routine-set { margin-top: 28px; }
.Routine-set-card { text-decoration: none; color: inherit; grid-template-columns: 56px minmax(0, 1fr); min-height: 0; }
.Routine-set-card .Routine-price .Price-was { margin-right: .25em; }
.Routine-palette-note { margin: 10px 0 0; font-family: var(--font-body); font-size: var(--fs-small); line-height: 1.4; color: var(--color-brown); text-align: center; text-transform: none; }
@media (max-width: 767px) {
  .Product-main-card .js-product-description,
  .Product-main-card .Product-main-card-scent,
  .Product-main-card .Product-tab-content,
  .Product-main-card .Product-tab-content p,
  .Product-main-card .js-accordion-description,
  .Product-main-card .js-accordion-ingredients,
  .Product-main-card .js-accordion-howto,
  .Product-main-card .js-accordion-shipping,
  .Product-main-card .Product-scent-row-value { font-size: 14px !important; line-height: 1.5 !important; letter-spacing: .02em !important; }
  .Product-main-card .Routine-heading,
  .Product-main-card .Product-tab-toggle-container span { font-size: 14px !important; letter-spacing: .02em !important; }
  .Product-main-card .Routine-name,
  .Product-main-card .Routine-price,
  .Product-main-card .Routine-sub { font-size: 14px !important; }
}
.Product-comparison-current-badge { left: max(.8rem, 1vw); transform: none; }
@media (max-width: 480px) { .Product-comparison-col.is-current { order: -1; } }
.Routine-list .Routine-item { position: relative; grid-template-columns: 56px minmax(0, 1fr); }
.Routine-list .Routine-side { position: absolute; top: 14px; right: 13px; }
.Routine-list .Routine-name { padding-right: 30px; }
@media (max-width: 767px) { .js-product-variants .ShopFilter-btn { font-size: 14px !important; } }
.ShopGrid .Product-card:has(.Product-card-buy--white) { box-shadow: inset 0 0 0 1px rgba(71,54,47,.08); }
.Product-card-buy-compare { display: none; }
@media (max-width: 767px) {
  .ShopGrid .Product-card-price { display: none !important; }
  .ShopGrid .Product-card-buy-compare { display: block; margin: 0 0 8px; font-family: var(--font-body); font-size: 13px; line-height: 1.2; color: var(--color-brown); text-transform: none; }
}