/* xsample-overrides 20260808dg — always load after styles.css */
html body.product-page .site-product__sticky-bar.site-product__sticky-bar--float,
html body .site-product__sticky-bar.site-product__sticky-bar--float {
  left: 50% !important;
  right: auto !important;
  bottom: 16px !important;
  width: calc(100vw - 30px) !important;
  max-width: calc(100vw - 30px) !important;
  transform: translate3d(-50%, 0, 0) !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body.product-page .site-product__sticky-bar.site-product__sticky-bar--float,
  html body .site-product__sticky-bar.site-product__sticky-bar--float {
    width: calc(100vw - 300px) !important;
    max-width: calc(100vw - 300px) !important;
    bottom: 20px !important;
  }
}

html body.product-page .site-product__size-select:not(.is-open) .xsample-select__trigger,
html body .site-product__size-select:not(.is-open) .xsample-select__trigger {
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  color: #000 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  background: transparent !important;
  /* Tighter gap between label and underline */
  padding: 6px 0 4px !important;
}
@media (min-width: 768px) {
  html body.product-page .site-product__size-select:not(.is-open) .xsample-select__trigger,
  html body .site-product__size-select:not(.is-open) .xsample-select__trigger {
    font-size: 15px !important;
  }
}
html body.product-page .site-product__size-select .xsample-select__value,
html body.product-page .site-product__size-select .xsample-select__value.is-placeholder,
html body .site-product__size-select .xsample-select__value,
html body .site-product__size-select .xsample-select__value.is-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
/* Add to bag without size → red text + underline; 2nd click opens via JS */
html body.product-page .site-product__size-select.is-error:not(.is-open) .xsample-select__trigger,
html body .site-product__size-select.is-error:not(.is-open) .xsample-select__trigger {
  border-bottom-color: #e10600 !important;
  color: #e10600 !important;
}
html body.product-page .site-product__size-select.is-error .xsample-select__value,
html body.product-page .site-product__size-select.is-error .xsample-select__value.is-placeholder,
html body.product-page .site-product__size-select.is-error .xsample-select__chevron,
html body .site-product__size-select.is-error .xsample-select__value,
html body .site-product__size-select.is-error .xsample-select__value.is-placeholder,
html body .site-product__size-select.is-error .xsample-select__chevron {
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
}
html body.product-page .site-product__size-select .xsample-select__option,
html body.product-page .site-product__size-select .xsample-select__option-label {
  color: #000 !important;
  font-size: 13px !important;
}
@media (min-width: 768px) {
  html body.product-page .site-product__size-select .xsample-select__option,
  html body.product-page .site-product__size-select .xsample-select__option-label {
    font-size: 15px !important;
  }
}

html body .site-stylewith__meta {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}
html body .site-stylewith__price,
html body .site-stylewith__add {
  color: #111 !important;
  font-size: 11px !important;
}

html body .site-drawer button.bg-black,
html body .site-drawer--product button.bg-black {
  background: #000 !important;
  background-color: #000 !important;
}
html body .site-drawer .site-product__size-guide,
html body .site-drawer button.site-product__size-guide {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  text-decoration: none !important;
  padding: 0 0 2px !important;
  overflow: visible !important;
}
html body .site-drawer .site-product__size-guide::after,
html body .site-drawer button.site-product__size-guide::after {
  content: none !important;
  display: none !important;
}
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  bottom: 0 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #111 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  html body .site-product__row,
  html body button.site-product__row {
    padding-top: 9.5px !important;
    padding-bottom: 9.5px !important;
  }
}


/* body 13 mobile / 14 desktop */
:root { --fs-body: 13px !important; --fs-body-lg: 14px !important; }
html, body, #root { font-size: 13px !important; }
@media (min-width: 768px) {
  html, body, #root { font-size: 14px !important; }
}

/* Cart */
html.cart-page body #footer-container,
html.cart-page body.cart-page #footer-container,
html.cart-page--filled body #footer-container { display: none !important; }
html.cart-page body .site-cart__promo-grid { gap: 0 !important; }
@media (min-width: 768px) {
  html.cart-page body .site-cart__promo-grid { grid-template-columns: 1fr 1fr !important; gap: 0 !important; }
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo-grid {
  gap: 8px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
}
@media (min-width: 768px) {
  html.cart-page body main.site-cart.site-cart--empty .site-cart__promo-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    column-gap: 8px !important;
  }
}
@media (max-width: 767px) {
  html body .site-cart,
  html body .site-cart__back-link,
  html body .site-cart__title,
  html body .site-cart__writeup-line,
  html body .site-cart__writeup-hours,
  html body .site-cart__promo-btn { font-size: 13px !important; }
}
@media (min-width: 768px) {
  html body .site-cart,
  html body .site-cart__back-link,
  html body .site-cart__title,
  html body .site-cart__writeup-line,
  html body .site-cart__writeup-hours,
  html body .site-cart__promo-btn { font-size: 14px !important; }
}
html body .site-cart__promo-btn {
  pointer-events: auto !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body .site-cart__promo:hover .site-cart__promo-btn {
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body .site-cart__promo .site-cart__promo-btn:hover,
html body .site-cart__promo a.site-cart__promo-btn:hover,
html body .site-cart__promo:hover .site-cart__promo-btn:hover {
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #000 !important;
}

/* PLP back to top */
html body .site-plp-backtop {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 28px 0 40px !important;
}
html body .site-plp-backtop__btn {
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  cursor: pointer !important;
  width: 31px !important;
  height: 31px !important;
  padding: 0 !important;
  opacity: 1 !important;
  transition: none !important;
}
html body .site-plp-backtop__btn:hover,
html body .site-plp-backtop__btn:focus-visible {
  opacity: 1 !important;
}
html body .site-plp-backtop__icon {
  width: 21px !important;
  height: 21px !important;
}

/* Pass 20260808cz — cart empty title LS + CTA underline gap */
html body .site-cart__title {
  letter-spacing: -0.20px !important;
}
html body .site-cart__empty {
  min-height: 28vh !important;
  padding: 2rem 16px 1.75rem !important;
}
@media (min-width: 768px) {
  html body .site-cart__empty {
    min-height: 32vh !important;
    padding: 2.75rem 32px 2.25rem !important;
  }
}
html body .site-cart__cta {
  margin-top: calc(1.25rem - 8px) !important;
  letter-spacing: -0.20px !important;
  text-decoration: none !important;
}

/* Cart / bag — match other header icons; room for count (capped 9+) */
html body .header-util--bag .header-util__icon {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.35px !important;
}
html body .header-util--bag.has-items {
  position: relative !important;
}
html body .header-bag {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1.35;
}
html body .header-bag__svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  overflow: visible !important;
}
html body .header-bag__count {
  position: absolute !important;
  left: 50% !important;
  top: 60% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 1.1em !important;
  text-align: center !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35;
  color: #000 !important;
  pointer-events: none !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* Cart writeup underlines — sit closer to baseline (ref) */
html.cart-page body .site-cart__writeup-link.xsample-stay-ul,
html.cart-page body .site-cart__writeup-link.hover-underline-erase,
html body .site-cart__writeup-link.xsample-stay-ul,
html body .site-cart__writeup-link.hover-underline-erase {
  padding-bottom: 1px !important;
  --link-underline-gap: 1px !important;
}
html.cart-page body .site-cart__writeup-link > .xsample-ul-line,
html body .site-cart__writeup-link > .xsample-ul-line {
  bottom: 0 !important;
  height: 1px !important;
}
html.cart-page body .site-cart__cta.xsample-stay-ul,
html.cart-page body .site-cart__cta.hover-underline-erase,
html body .site-cart__cta.xsample-stay-ul,
html body .site-cart__cta.hover-underline-erase {
  padding: 12px !important;
  font-size: 14px !important;
}
html.cart-page body .site-cart__cta > .xsample-ul-line,
html body .site-cart__cta > .xsample-ul-line {
  display: none !important;
}

/* 6 colourway thumbs */
html body .site-product__variant-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

/* Added-to-bag drawer — match Bottega spacing/type */
html body .site-drawer--added .site-added__title,
html body .site-added__title {
  letter-spacing: -0.20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}
@media (min-width: 768px) {
  html body .site-drawer--added .site-added__title,
  html body .site-added__title { font-size: 13px !important; }
}
html body .site-drawer--added .site-added__body,
html body .site-added__body {
  padding: 8px 24px 20px !important;
  justify-content: flex-start !important;
  gap: 28px !important;
}
@media (min-width: 768px) {
  html body .site-drawer--added .site-added__body,
  html body .site-added__body { padding: 10px 32px 24px !important; }
}
html body .site-added__items {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  width: 100% !important;
}
html body .site-added__item { margin: 0 !important; }
html body .site-added__info,
html body .site-added__meta,
html body .site-added__name,
html body .site-added__price,
html body .site-added__view,
html body .site-added__continue {
  letter-spacing: -0.20px !important;
}
html body .site-added__actions {
  padding-top: 8px !important;
  margin-top: auto !important;
  gap: 14px !important;
}
html body .site-added__continue {
  position: relative !important;
  text-decoration: none !important;
  padding-bottom: 1px !important;
}
html body .site-added__continue > .xsample-ul-line {
  bottom: 0 !important;
  height: 1px !important;
}

/* Populated cart — closer Bottega match */
html.cart-page--filled body .site-cart--filled,
html body .site-cart.site-cart--filled {
  padding-bottom: 40px !important;
}
html body .site-cart__summary {
  border: 1px solid #e8e8e8 !important;
  padding: 22px 20px 18px !important;
}
html body .site-cart__summary,
html body .site-cart__summary-title,
html body .site-cart__summary-row,
html body .site-cart__estimate,
html body .site-cart__checkout,
html body .site-cart__legal,
html body .site-cart__acc-btn,
html body .site-cart__line,
html body .site-cart__gift-copy {
  letter-spacing: -0.20px !important;
}
html body .site-cart__checkout {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}
@media (min-width: 768px) {
  html body .site-cart__checkout { font-size: 14px !important; min-height: 50px !important; }
}
html body .site-cart__pay-label {
  margin: 0 0 10px !important;
  font-size: 11px !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #111 !important;
}
html body .site-cart__pay-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  padding: 0 !important;
}
html body .site-cart__pay-icon {
  display: block !important;
  height: 28px !important;
  width: auto !important;
  max-width: 48px !important;
  object-fit: contain !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
}
html body .site-cart__pay-secure {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}
html body .site-cart__pay-secure-icon {
  display: block !important;
  height: 26px !important;
  width: auto !important;
  max-width: 72px !important;
  object-fit: contain !important;
}
/* Filled cart links — animated clip wipe (not native underline); tight offset */
html.cart-page body .site-cart__line-link,
html.cart-page body .site-cart__estimate,
html body .site-cart__line-link,
html body .site-cart__estimate,
html body a.site-cart__line-link,
html body button.site-cart__line-link,
html body button.site-cart__estimate {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 0 1px !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
  background-image: none !important;
  --link-underline-gap: 1px !important;
}
html.cart-page body .site-cart__line-link:hover,
html.cart-page body .site-cart__estimate:hover,
html body .site-cart__line-link:hover,
html body .site-cart__estimate:hover,
html body .site-cart__line-link:focus-visible,
html body .site-cart__estimate:focus-visible {
  text-decoration: none !important;
}
html body .site-cart__line-link > .xsample-ul-line,
html body .site-cart__estimate > .xsample-ul-line,
html body a.site-cart__line-link > .xsample-ul-line,
html body button.site-cart__line-link > .xsample-ul-line,
html body button.site-cart__estimate > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Delivery & returns — underline postcode + subscribe-matching error text */
html body .site-delivery__intro,
html body .site-delivery__req,
html body .site-delivery__estimate-btn,
html body .site-delivery__result,
html body .site-delivery__pc-input {
  letter-spacing: -0.20px !important;
}
html body .site-delivery__pc-field {
  position: relative !important;
  width: 100% !important;
}
html body .site-delivery__pc-input {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 10px 0 6px !important;
  font-size: 13px !important;
  color: #000 !important;
  line-height: 1.35;
}
html body .site-delivery__pc-input::placeholder {
  color: #a0a0a0 !important;
  opacity: 1 !important;
}
html body .site-delivery__pc.is-error .site-delivery__pc-input {
  border-bottom-color: #e10600 !important;
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
}
html body .site-delivery__pc.is-error .site-delivery__pc-input::placeholder {
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
}
html body .site-delivery__pc-error,
html body p.site-delivery__pc-error,
html body .site-newsletter__error.site-delivery__pc-error {
  display: block !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.75rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (min-width: 768px) {
  html body .site-delivery__pc-error,
  html body p.site-delivery__pc-error,
  html body .site-newsletter__error.site-delivery__pc-error {
    font-size: 13px !important;
  }
}
html body .site-delivery__result {
  margin: 0 0 16px !important;
  color: #000 !important;
  font-size: 13px !important;
  line-height: 1.35;
}

/* Cart estimate postcode — same error text as subscribe */
html body .site-cart__estimate-box {
  margin: 0 0 16px !important;
}
html body .site-cart__estimate-field {
  width: 100% !important;
}
html body .site-cart__estimate-input {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  padding: 8px 0 5px !important;
  font-size: inherit !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
html body .site-cart__estimate-box.is-error .site-cart__estimate-input {
  border-bottom-color: #e10600 !important;
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
}
html body .site-cart__estimate-error,
html body p.site-cart__estimate-error,
html body .site-newsletter__error.site-cart__estimate-error {
  display: block !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.75rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #e10600 !important;
  -webkit-text-fill-color: #e10600 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (min-width: 768px) {
  html body .site-cart__estimate-error,
  html body p.site-cart__estimate-error,
  html body .site-newsletter__error.site-cart__estimate-error {
    font-size: 13px !important;
  }
}
html body .site-cart__estimate-go {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: inherit !important;
  letter-spacing: -0.20px !important;
  cursor: pointer !important;
}
html body .site-cart__estimate-result {
  margin: 10px 0 0 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}

/* —— Pass 20260808dj — UL=dropdown 1px; busy dots in btns; postcode 13/14; pay icons; hide gift —— */

/* Sitewide animated UL weight = dropdown border (1px). Never thicken after anim. */
html body {
  --link-underline-weight: 1px !important;
}
html body .xsample-ul-line,
html body.product-page .xsample-ul-line,
html body .product-page .xsample-ul-line,
html body main.site-product .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line,
html body .site-product__detail-link > .xsample-ul-line,
html body button.site-product__detail-link > .xsample-ul-line,
html body .site-product__ship a > .xsample-ul-line,
html body .site-product__ship .xsample-ul-line,
html body .site-drawer--product .xsample-ul-line,
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer .site-product__detail-link > .xsample-ul-line,
html body .site-drawer button.site-product__detail-link > .xsample-ul-line,
html body .site-drawer .hover-underline-erase > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* PLP category tabs — stay 1px before/during/after anim (match dropdown) */
html body main.site-collections-products .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products button.site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > .site-plp-cat__line,
html body main.site-collections-products button.site-plp-cat:hover > .site-plp-cat__line,
html body main.site-collections-products button.site-plp-cat:focus-visible > .site-plp-cat__line,
html body main.site-collections-products button.site-plp-cat.is-active > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat:hover > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat:focus-visible > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat.is-active > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat.is-active > span:last-child,
html body main.site-collections-products a.site-plp-cat.is-active > span:last-child {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
}
/* Text-decoration only — underline is painted via background-size (see h24 pass) */
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products .site-plp-cat:hover,
html body main.site-collections-products .site-plp-cat.is-active {
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
}

/* Busy dots live inside buttons (white on black CTAs) */
html body .site-busy__dots,
html body .site-estimate__loader-dots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  height: 100% !important;
  min-height: 1em !important;
}
html body .site-busy__dot,
html body .site-estimate__dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  display: block !important;
  animation: site-busy-bounce 0.7s ease-in-out infinite !important;
}
html body .site-busy__dot:nth-child(2),
html body .site-estimate__dot:nth-child(2) { animation-delay: 0.12s !important; }
html body .site-busy__dot:nth-child(3),
html body .site-estimate__dot:nth-child(3) { animation-delay: 0.24s !important; }
@keyframes site-busy-bounce {
  0%, 80%, 100% { transform: translateY(0); opacity: 0.35; }
  40% { transform: translateY(-8px); opacity: 1; }
}
html body .site-delivery__estimate-btn.is-busy,
html body .site-cart__estimate-go.is-busy,
html body .site-newsletter__submit.is-busy,
html body .site-filter__view.is-busy,
html body .site-delivery__estimate-btn:disabled,
html body .site-cart__estimate-go:disabled,
html body .site-filter__view:disabled {
  opacity: 1 !important;
  cursor: wait !important;
  color: #fff !important;
}
html body .site-newsletter__submit.is-busy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Postcode — 13 mobile / 14 desktop */
html body .site-delivery__pc-input,
html body .site-cart__estimate-input {
  font-size: 13px !important;
  line-height: 1.35;
  padding: 8px 0 5px !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-delivery__pc-input,
  html body .site-cart__estimate-input {
    font-size: 14px !important;
  }
}

/* Hide gift attach strip */
html body .site-cart__gift { display: none !important; }

/* Payment icons — equal size, 5 methods */
html body .site-cart__pay-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}
html body .site-cart__pay-icon {
  width: 42px !important;
  height: 28px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  flex: 0 0 auto !important;
}


/* —— Pass 20260808dn — essentials hub 9 larger cards —— */
html body .site-essentials-hub__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  gap: 0 14px !important;
  padding: 0 12px !important;
}
html body .site-essentials-hub__media {
  aspect-ratio: 3 / 4 !important;
}
html body .site-essentials-hub__label {
  margin: 14px 0 32px !important;
  font-size: 13px !important;
}
@media (min-width: 768px) {
  html body .site-essentials-hub__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 1.6vw !important;
    gap: 0 1.6vw !important;
    padding: 0 9.5vw !important;
  }
  html body .site-essentials-hub__media {
    aspect-ratio: 3 / 4 !important;
  }
  html body .site-essentials-hub__label {
    margin: 16px 0 40px !important;
    font-size: 14px !important;
  }
}


/* —— Pass 20260808dp — sticky UL solid; bag 24px + 9+ —— */
html body #root > div > .flex-1,
html body .flex-1.transition-opacity {
  transition: opacity 0.2s ease-out !important;
  will-change: opacity;
}
html body #xsample-route-progress {
  transition: width 0.22s ease-out, opacity 0.18s ease-out !important;
}

/* PLP scaleX block retired — clip-path owned by pass ej */

/* Active tab: solid border, no scaleX — scaleX thins when sticky promotes a layer */
/* 20260808eg: active uses same box-shadow line as hover (see pass eg below) — do not hide line */


/* —— Pass 20260808ds — filled cart side qty/remove; drawer qty; tight UL —— */
html body .site-cart__line-body {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body .site-cart__line-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body .site-cart__line-side {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  text-align: right !important;
}
html body .site-cart__line-price {
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}
html body .site-cart__line-qty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-height: 22px !important;
  margin: 0 !important;
}
html body .site-cart__line-qty .site-busy__dots,
html body .site-added__qty .site-busy__dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 42px !important;
  justify-content: center !important;
}
html body .site-cart__line-qty.is-busy .site-busy__dot,
html body .site-added__qty.is-busy .site-busy__dot {
  background: #000 !important;
}
html body .site-cart__qty-label {
  display: inline !important;
  margin-right: 2px !important;
  letter-spacing: -0.20px !important;
}
html body .site-cart__line-remove {
  margin-top: 2px !important;
}
html body .site-cart__line-actions {
  margin-top: 14px !important;
}
html.cart-page body .site-cart .xsample-stay-ul,
html.cart-page body .site-cart .hover-underline-erase,
html body .site-cart .xsample-stay-ul,
html body .site-cart .hover-underline-erase,
html body .site-added__remove,
html body .site-added__continue {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 0 1px !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  background-image: none !important;
}
html.cart-page body .site-cart .xsample-ul-line,
html body .site-cart .xsample-ul-line,
html body .site-added__remove > .xsample-ul-line,
html body .site-added__continue > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Added drawer — qty/remove on right */
html body .site-added__item {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #ececec !important;
  margin: 0 0 18px !important;
}
html body .site-added__item:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}
html body .site-added__side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  padding-top: 2px !important;
}
html body .site-added__qty {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 22px !important;
}
html body .site-added__qty-btn,
html body .site-cart__qty-btn {
  border: 0 !important;
  background: transparent !important;
  padding: 0 2px !important;
  min-width: 18px !important;
  font-size: 16px !important;
  line-height: 1.35;
  cursor: pointer !important;
  color: #000 !important;
}
html body .site-added__qty-btn:disabled,
html body .site-cart__qty-btn:disabled,
html body .site-added__remove:disabled,
html body .site-cart__line-remove:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}
html body .site-added__qty-val,
html body .site-cart__qty-val {
  min-width: 1.2ch !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.20px !important;
}
html body .site-added__remove {
  font: inherit !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  padding: 0 0 1px !important;
}


/* —— Pass 20260808dt — search placeholder sentence case; 404 = home layout —— */
html body .site-search__input::placeholder,
html body input.site-search__input::placeholder,
html body .site-search__field input.site-search__input::placeholder,
html body .site-search .site-search__input::placeholder {
  text-transform: none !important;
  letter-spacing: -0.20px !important;
  color: #a3a3a3 !important;
  opacity: 1 !important;
}
html body .page-404 .page-404__error {
  background: #fff !important;
}


/* —— Pass 20260808du — 404 Support UL: tight 1px, no bold during wipe —— */
html body .page-404__care-link,
html body a.page-404__care-link,
html body .page-404__text a.page-404__care-link {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 0 1px !important;
  margin: 0 !important;
  color: #000 !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  font-weight: inherit !important;
}
html body .page-404__care-link:hover,
html body a.page-404__care-link:hover,
html body .page-404__care-link:focus-visible {
  text-decoration: none !important;
  font-weight: inherit !important;
  background-image: none !important;
}
html body .page-404__care-link::before,
html body .page-404__care-link::after,
html body a.page-404__care-link::before,
html body a.page-404__care-link::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  transform: none !important;
}
html body .page-404__care-link > .xsample-ul-line,
html body a.page-404__care-link > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  scale: none !important;
  animation: none !important;
  pointer-events: none !important;
}


/* —— Pass 20260808dv — filter overlay above header; full-bleed panel —— */
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.is-open,
html.plp-page.site-drawer-open .site-drawer__backdrop.is-open,
html body.site-drawer-open .site-drawer__backdrop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  z-index: 14900 !important;
  background: rgba(0, 0, 0, 0.42) !important;
}
html body.site-drawer-open .site-drawer--filter,
html body.site-drawer-open div.site-drawer.site-drawer--filter,
html body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0,
html.plp-page.site-drawer-open .site-drawer--filter,
html body .site-drawer.site-drawer--filter,
html body .site-drawer--filter {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 16000 !important;
  background: #fff !important;
  border-radius: 0 !important;
}
/* Header/promo stay under the dim — never cover drawer titles */
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html.plp-page.site-drawer-open .site-header,
html.plp-page.site-drawer-open header.site-header,
html body.overlay-header-frozen .site-header,
html body.overlay-header-frozen header.site-header,
html body:has(.site-drawer--filter.translate-x-0) .site-header,
html body:has(.site-drawer--filter.translate-x-0) header.site-header,
html body:has(.site-drawer--product.translate-x-0) .site-header,
html body:has(.site-drawer--product.translate-x-0) header.site-header,
html body:has(.site-drawer--added.translate-x-0) .site-header,
html body:has(.site-drawer--added.translate-x-0) header.site-header {
  z-index: 90 !important;
  pointer-events: none !important;
}
html body.site-drawer-open .site-promo,
html.plp-page.site-drawer-open .site-promo,
html body:has(.site-drawer--filter.translate-x-0) .site-promo,
html body:has(.site-drawer--product.translate-x-0) .site-promo,
html body:has(.site-drawer--added.translate-x-0) .site-promo {
  z-index: 80 !important;
  pointer-events: none !important;
}
html body .site-drawer--filter .site-filter__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  padding: 0 24px !important;
  background: #fff !important;
  position: relative !important;
  z-index: 1 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--filter .site-filter__head {
    min-height: 80px !important;
    padding: 0 32px !important;
  }
}
html body .site-drawer--filter .site-filter__chip {
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body .site-drawer--filter .site-filter__panel-inner.grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/* Size chips: always 2 per row — grid set in markup; keep cells equal */
html body .site-drawer--filter .site-filter__chip--size {
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
}


/* —— Pass 20260808dw — PDP drawers flush to top; cookie modal spacing —— */
html body.site-drawer-open .site-drawer,
html body.site-drawer-open .site-drawer--product,
html body.site-drawer-open .site-drawer--added,
html body.site-drawer-open .site-drawer.site-drawer--product,
html body .site-drawer.site-drawer--product,
html body .site-drawer--product,
html body .site-drawer--added,
html body .site-drawer.site-drawer--added,
html body.product-page .site-drawer--product,
html body.product-page .site-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 16000 !important;
  background: #fff !important;
  border-radius: 0 !important;
}
/* Keep bottom sheets as sheets — not full-bleed columns */
html body .site-drawer--sheet,
html body.site-drawer-open .site-drawer--sheet {
  top: auto !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: min(92dvh, 720px) !important;
  z-index: 16010 !important;
  border-radius: 12px 12px 0 0 !important;
}
html body .site-drawer--product .site-drawer__head,
html body .site-drawer--added .site-added__head,
html body .site-drawer--product > div:first-child {
  background: #fff !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Cookie settings — kill top divider, tighten spacing */
html body .cookie-settings,
html body.cookie-settings-open .cookie-settings,
html .cookie-settings-open .cookie-settings {
  max-height: min(88vh, 560px) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .cookie-settings__header,
html body.cookie-settings-open .cookie-settings__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 24px 14px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
html body .cookie-settings__title {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
}
html body .cookie-settings__body,
html body.cookie-settings-open .cookie-settings__body {
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html body .cookie-settings__nav {
  padding: 4px 0 12px !important;
}
html body .cookie-settings__nav .tab-button,
html body .cookie-settings__nav button.tab-button {
  padding: 10px 24px !important;
}
html body .cookie-settings__panel {
  padding: 18px 24px 20px !important;
}
html body .cookie-settings__panel-title,
html body .cookie-settings__panel h3 {
  margin: 0 0 12px !important;
}
html body .cookie-settings__panel-copy,
html body .cookie-settings__panel p {
  margin: 0 0 12px !important;
}
html body .cookie-settings__footer,
html body .cookie-settings .cookie-settings__actions,
html body.cookie-settings-open .cookie-settings__footer {
  padding: 14px 24px 18px !important;
  gap: 12px !important;
  border-top: 0 !important;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 20px 28px 14px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding: 10px 28px !important;
  }
  html body .cookie-settings__panel {
    padding: 20px 28px 22px !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    padding: 14px 28px 20px !important;
  }
}


/* —— Pass 20260808dx — cookie gutters + no footer rule; drawers above dim/header —— */
html body .cookie-settings__header,
html body.cookie-settings-open .cookie-settings__header,
html body .cookie-settings__body,
html body.cookie-settings-open .cookie-settings__body {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body .cookie-settings__footer,
html body .cookie-settings .cookie-settings__actions,
html body.cookie-settings-open .cookie-settings__footer,
html body .cookie-settings > .cookie-settings__footer {
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  padding: 12px 24px 16px !important;
}
/* Left nav: less dead space before the vertical rule so L/R insets match */
@media (min-width: 768px) {
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav {
    width: 34% !important;
    max-width: 240px !important;
    flex: 0 0 34% !important;
    padding: 2px 0 8px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button,
  html body .cookie-settings__nav button {
    padding: 9px 16px 9px 24px !important;
  }
  html body .cookie-settings__panel,
  html body.cookie-settings-open .cookie-settings__panel {
    padding: 16px 24px 18px 20px !important;
  }
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 16px 24px 12px !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    padding: 12px 24px 16px !important;
  }
}

/* PDP / product drawers: always above dim AND above site header */
html body .site-drawer__backdrop,
html body .site-drawer__backdrop.is-open,
html body.site-drawer-open .site-drawer__backdrop,
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body.product-page .site-drawer__backdrop {
  z-index: 14900 !important;
}
html body .site-drawer.site-drawer--product,
html body .site-drawer--product,
html body .site-drawer--added,
html body .site-drawer.site-drawer--added,
html body.site-drawer-open .site-drawer,
html body.site-drawer-open .site-drawer--product,
html body.site-drawer-open .site-drawer--added,
html body.site-drawer-open .site-drawer--filter,
html body.product-page .site-drawer,
html body.product-page .site-drawer--product,
html body.product-page aside.site-drawer--product,
html body aside.site-drawer.site-drawer--product {
  top: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 16000 !important;
}
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html body.product-page.site-drawer-open .site-header,
html body:has(.site-drawer--product.translate-x-0) .site-header,
html body:has(.site-drawer--added.translate-x-0) .site-header,
html body:has(.site-drawer--filter.translate-x-0) .site-header {
  z-index: 90 !important;
  pointer-events: none !important;
}
html body.site-drawer-open .site-promo,
html body:has(.site-drawer--product.translate-x-0) .site-promo,
html body:has(.site-drawer--added.translate-x-0) .site-promo {
  z-index: 80 !important;
  pointer-events: none !important;
}


/* —— Pass 20260808dy — cookie −30px; size lock; drawers outside dim —— */
html body .cookie-settings,
html body.cookie-settings-open .cookie-settings,
html .cookie-settings-open .cookie-settings,
html body .cookie-settings-root .cookie-settings {
  width: min(726px, calc(100vw - 2rem)) !important;
  max-width: 726px !important;
}

/* Size dropdown: never shrink placeholder/trigger on open */
html body.product-page .site-product__size-select .xsample-select__trigger,
html body.product-page .site-product__size-select.is-open .xsample-select__trigger,
html body .site-product__size-select .xsample-select__trigger,
html body .site-product__size-select.is-open .xsample-select__trigger {
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35;
  min-height: 36px !important;
}
@media (min-width: 768px) {
  html body.product-page .site-product__size-select .xsample-select__trigger,
  html body.product-page .site-product__size-select.is-open .xsample-select__trigger,
  html body .site-product__size-select .xsample-select__trigger,
  html body .site-product__size-select.is-open .xsample-select__trigger {
    font-size: 15px !important;
  }
}
html body.product-page .site-product__size-select .xsample-select__value,
html body.product-page .site-product__size-select .xsample-select__value.is-placeholder,
html body.product-page .site-product__size-select.is-open .xsample-select__value,
html body.product-page .site-product__size-select.is-open .xsample-select__value.is-placeholder,
html body .site-product__size-select .xsample-select__value,
html body .site-product__size-select .xsample-select__value.is-placeholder,
html body .site-product__size-select.is-open .xsample-select__value,
html body .site-product__size-select.is-open .xsample-select__value.is-placeholder {
  font-size: inherit !important;
  letter-spacing: -0.20px !important;
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
  color: #111 !important;
}

/* Dim under panel; white sidebar always above overlay */
html body .site-drawer__backdrop,
html body .site-drawer__backdrop.is-open,
html body.site-drawer-open .site-drawer__backdrop,
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body.product-page .site-drawer__backdrop,
html body div.site-drawer__backdrop.fixed {
  z-index: 19000 !important;
}
html body .site-drawer__backdrop.is-open,
html body.site-drawer-open .site-drawer__backdrop.is-open {
  pointer-events: auto !important;
}
html body .site-drawer.site-drawer--product,
html body .site-drawer--product,
html body .site-drawer--added,
html body .site-drawer.site-drawer--added,
html body .site-drawer--filter,
html body .site-drawer.site-drawer--filter,
html body.site-drawer-open .site-drawer,
html body.site-drawer-open .site-drawer--product,
html body.site-drawer-open .site-drawer--added,
html body.site-drawer-open .site-drawer--filter,
html body.product-page .site-drawer,
html body.product-page .site-drawer--product,
html body.product-page aside.site-drawer--product,
html body aside.site-drawer.site-drawer--product,
html body div.site-drawer.site-drawer--product.fixed,
html body div.site-drawer.site-drawer--added.fixed,
html body div.site-drawer.site-drawer--filter.fixed {
  z-index: 20000 !important;
  top: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: auto !important;
}
/* Beat old “promo above dim” rule while any drawer is open */
html body.site-drawer-open .site-promo,
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html.plp-page.site-drawer-open .site-promo,
html body.product-page.site-drawer-open .site-promo {
  z-index: 80 !important;
  pointer-events: none !important;
}


/* —— Pass 20260808dz — QA fix: drawer above dim; closed dim never steals clicks; no jump —— */

/* Closed / hidden backdrops must NEVER capture clicks (was pe:auto on all) */
html body .site-drawer__backdrop,
html body div.site-drawer__backdrop.fixed,
html body.site-drawer-open .site-drawer__backdrop,
html body.product-page .site-drawer__backdrop {
  z-index: 19000 !important;
  pointer-events: none !important;
}
html body .site-drawer__backdrop.is-open,
html body div.site-drawer__backdrop.fixed.is-open,
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.opacity-100.is-open {
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 19000 !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
}

/*
  Beat styles.css: html body .fixed.top-0.right-0.translate-x-0 { z-index: 13055 }
  which put Delivery/PDP panels UNDER the dim.
*/
html body .site-drawer.fixed.top-0.right-0,
html body .site-drawer.fixed.top-0.right-0.translate-x-0,
html body .site-drawer.fixed.top-0.right-0.translate-x-full,
html body .fixed.top-0.right-0.translate-x-0.site-drawer,
html body .fixed.top-0.right-0.translate-x-0.site-drawer--product,
html body .fixed.top-0.right-0.translate-x-0.site-drawer--delivery,
html body .fixed.top-0.right-0.translate-x-0.site-drawer--filter,
html body .fixed.top-0.right-0.translate-x-0.site-drawer--added,
html body aside.site-drawer.fixed.top-0.right-0,
html body aside.site-drawer.site-drawer--product.fixed.top-0.right-0,
html body aside.site-drawer.site-drawer--delivery.fixed.top-0.right-0,
html body div.site-drawer.site-drawer--product.fixed.top-0.right-0,
html body div.site-drawer.site-drawer--filter.fixed.top-0.right-0,
html body div.site-drawer.site-drawer--added.fixed.top-0.right-0,
html body.site-drawer-open .site-drawer.fixed.top-0.right-0,
html body.site-drawer-open .site-drawer--product.fixed.top-0.right-0,
html body.site-drawer-open .site-drawer--delivery.fixed.top-0.right-0,
html body.product-page.site-drawer-open .site-drawer.fixed.top-0.right-0,
html body.product-page .site-drawer--delivery.fixed.top-0.right-0 {
  z-index: 20000 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  width: 100% !important;
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
@media (min-width: 768px) {
  html body .site-drawer.fixed.top-0.right-0,
  html body .site-drawer.fixed.top-0.right-0.translate-x-0,
  html body aside.site-drawer.fixed.top-0.right-0,
  html body.site-drawer-open .site-drawer.fixed.top-0.right-0,
  html body.product-page .site-drawer--delivery.fixed.top-0.right-0 {
    width: 50% !important;
    max-width: 550px !important;
  }
}
/* Closed panels: no hit testing */
html body .site-drawer.translate-x-full,
html body .site-drawer.fixed.top-0.right-0.translate-x-full {
  pointer-events: none !important;
}
html body .site-drawer.translate-x-0,
html body .site-drawer.fixed.top-0.right-0.translate-x-0 {
  pointer-events: auto !important;
}

/* No layout jump on drawer open — keep body in normal flow */
html.site-drawer-open,
html.site-drawer-open body,
html body.site-drawer-open,
html.product-page.site-drawer-open,
html.product-page.site-drawer-open body,
html body.product-page.site-drawer-open {
  padding-right: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  overflow-x: clip !important;
}


/* —— Pass 20260808ee — subscribe: sticky header, promo hide no collapse, PLP strip —— */

/* Newsletter: never force header/promo back into view */
html.newsletter-open .site-header,
html.newsletter-open header.site-header,
html body.newsletter-open .site-header,
html body.newsletter-open header.site-header,
html.newsletter-open body .site-header,
html.newsletter-open body.newsletter-open .site-header,
html.newsletter-open body.newsletter-open header.site-header {
  pointer-events: none !important;
  z-index: 90 !important;
  /* do NOT force position:sticky — that covers PLP strip / snaps chrome */
}
html.newsletter-open .site-header.is-header-off,
html body.newsletter-open .site-header.is-header-off,
html.newsletter-open header.site-header.is-header-off,
html body.newsletter-open header.site-header.is-header-off,
html.newsletter-open .site-header.md\:-translate-y-full,
html body.newsletter-open .site-header.md\:-translate-y-full,
html.newsletter-open.overlay-header-was-hidden .site-header,
html body.newsletter-open.overlay-header-was-hidden .site-header,
html.newsletter-open.overlay-header-was-hidden header.site-header,
html body.newsletter-open.overlay-header-was-hidden header.site-header,
html.overlay-header-was-hidden.newsletter-open .site-header,
html body.overlay-header-was-hidden.newsletter-open .site-header,
html.plp-strip-active.newsletter-open .site-header,
html.plp-strip-active body.newsletter-open .site-header,
html body.plp-strip-active.newsletter-open .site-header,
html.plp-page.plp-strip-active.newsletter-open .site-header {
  transform: translate3d(0, -120%, 0) !important;
  translate: 0 -120% !important;
  --tw-translate-y: -120% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 90 !important;
}
/* Promo: if it was scrolled away, stay away — never pin fixed over header */
html.newsletter-open.overlay-promo-was-off body.newsletter-open .site-promo,
html.newsletter-open body.newsletter-open.overlay-promo-was-off .site-promo,
html.overlay-promo-was-off body.newsletter-open .site-promo,
html body.newsletter-open.overlay-promo-was-off .site-promo,
html.newsletter-open.overlay-promo-was-off .site-promo,
html.overlay-promo-was-off.newsletter-open .site-promo,
html.newsletter-open.overlay-promo-was-off body .site-promo {
  /* Stay in flow (no height:0 / absolute) — only hide so sticky chrome does not jump */
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* When promo WAS in view: leave in flow under dim — no fixed pin */
html.newsletter-open body.newsletter-open:not(.overlay-promo-was-off) .site-promo,
html body.newsletter-open:not(.overlay-promo-was-off) .site-promo,
html.newsletter-open:not(.overlay-promo-was-off) .site-promo,
html.newsletter-open body:not(.overlay-promo-was-off) .site-promo {
  pointer-events: none !important;
  z-index: 80 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
}
/* PLP strip: stay sticky in view under dim — don't let header cover it */
html.plp-strip-active.newsletter-open .site-collections-products__bar,
html.plp-strip-active body.newsletter-open .site-collections-products__bar,
html body.plp-strip-active.newsletter-open .site-collections-products__bar,
html.plp-page.plp-strip-active.newsletter-open .site-collections-products__bar,
html.plp-strip-active.newsletter-open main.site-collections-products .site-collections-products__bar,
html.newsletter-open.plp-strip-active .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 12050 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #fff !important;
}
html.newsletter-open body.newsletter-open .site-header:not(.is-header-off):not(.site-header--pdp),
html body.newsletter-open .site-header:not(.is-header-off):not(.site-header--pdp),
html.newsletter-open .site-header:not(.is-header-off):not(.site-header--pdp),
html.newsletter-open header.site-header:not(.is-header-off):not(.site-header--pdp) {
  /* Keep sticky/in-flow on non-PDP — fixed removes space and jumps */
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  transform: none !important;
  translate: none !important;
}
/* PDP header is already fixed — keep fixed under subscribe (sticky would jump) */
html.newsletter-open .site-header.site-header--pdp:not(.is-header-off),
html body.newsletter-open .site-header.site-header--pdp:not(.is-header-off),
html.newsletter-open body.product-page .site-header:not(.is-header-off),
html body.product-page.newsletter-open .site-header:not(.is-header-off),
html.product-page.newsletter-open .site-header:not(.is-header-off) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  translate: none !important;
}
html.newsletter-open,
html.newsletter-open body,
html body.newsletter-open,
html.newsletter-open body.newsletter-open {
  padding-right: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  max-width: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  /* visible — never hidden/scroll container (kills PLP sticky strip) */
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}
html body .site-newsletter__backdrop,
html body .site-newsletter__backdrop.is-open,
html.newsletter-open .site-newsletter__backdrop,
html body.newsletter-open .site-newsletter__backdrop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  z-index: 19000 !important;
  height: 100dvh !important;
  background: rgba(0, 0, 0, 0.42) !important;
}
html body .site-newsletter__backdrop:not(.is-open),
html body .site-newsletter__backdrop.is-closed,
html body .site-newsletter__backdrop.opacity-0,
html body .site-newsletter__backdrop.pointer-events-none {
  pointer-events: none !important;
  opacity: 0 !important;
}
html body .site-newsletter__backdrop.is-open,
html body.newsletter-open .site-newsletter__backdrop.is-open {
  pointer-events: auto !important;
  opacity: 1 !important;
}
html body .site-newsletter,
html.newsletter-open .site-newsletter,
html body.newsletter-open .site-newsletter,
html body .site-newsletter.fixed {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 20000 !important;
  background: #fff !important;
}

/* Back to top — +3px, thicker stroke, no hover fade */
html body .site-plp-backtop__btn,
html body button.site-plp-backtop__btn {
  width: 31px !important;
  height: 31px !important;
  opacity: 1 !important;
  transition: none !important;
}
html body .site-plp-backtop__btn:hover,
html body .site-plp-backtop__btn:focus,
html body .site-plp-backtop__btn:focus-visible,
html body button.site-plp-backtop__btn:hover {
  opacity: 1 !important;
  color: #111 !important;
  background: transparent !important;
  transform: none !important;
}
html body .site-plp-backtop__icon,
html body .site-plp-backtop__btn .site-plp-backtop__icon {
  width: 21px !important;
  height: 21px !important;
}
html body .site-plp-backtop__icon path,
html body .site-plp-backtop__btn svg path {
  stroke-width: 1.85 !important;
}

/* —— Pass 20260808eg — subscribe float label; required grey; crisp ULs; filter no-jump —— */

/* Required Fields — grey (beats older force-black) */
html body .site-newsletter__required,
html body .site-newsletter .site-newsletter__required,
html.newsletter-open body .site-newsletter__required {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
  opacity: 1 !important;
  font-size: 11px !important;
  letter-spacing: -0.20px !important;
  text-align: right !important;
}

/* Email field: room for floated label — no overlap with typed value */
html body .site-newsletter__email,
html body .site-newsletter .site-newsletter__email,
html body .site-newsletter__email.is-filled,
html body .site-newsletter__email:focus-within {
  position: relative !important;
  padding: 1.2rem 0 0.5rem !important;
  min-height: 2.75rem !important;
  margin-bottom: 1.5rem !important;
  border-bottom: 1px solid #c8c8c8 !important;
}
html body .site-newsletter__email:focus-within {
  border-bottom-color: #000 !important;
}
html body .site-newsletter__email-input,
html body .site-newsletter #newsletter-sidebar-email,
html body .site-newsletter input[type="email"],
html body .site-newsletter input[type="text"]#newsletter-sidebar-email {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 1.35rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-transform: none !important;
}
/* Resting label = placeholder look */
html body .site-newsletter__email-label,
html body .site-newsletter__email-label:not(.is-active),
html body .site-newsletter label[for="newsletter-sidebar-email"] {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-35%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease !important;
}
/* Floated label when focused/filled — small, above value */
html body .site-newsletter__email-label.is-active,
html body .site-newsletter__email.is-filled .site-newsletter__email-label,
html body .site-newsletter__email:focus-within .site-newsletter__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  line-height: 1.35;
}
html body .site-newsletter__title-value,
html body .site-newsletter__title-value.is-placeholder,
html body .site-newsletter__title-option {
  font-size: 13px !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-newsletter__email-input,
  html body .site-newsletter #newsletter-sidebar-email,
  html body .site-newsletter input[type="email"],
  html body .site-newsletter input[type="text"]#newsletter-sidebar-email,
  html body .site-newsletter__email-label:not(.is-active),
  html body .site-newsletter__email:not(.is-filled):not(:focus-within) .site-newsletter__email-label,
  html body .site-newsletter__title-value,
  html body .site-newsletter__title-value.is-placeholder,
  html body .site-newsletter__title-option {
    font-size: 14px !important;
  }
  html body .site-newsletter__email-label.is-active,
  html body .site-newsletter__email.is-filled .site-newsletter__email-label,
  html body .site-newsletter__email:focus-within .site-newsletter__email-label {
    font-size: 10px !important;
  }
}

/* PLP tabs: background-size underline host — span unused (sticky-safe) */
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products a.site-plp-cat {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  padding-bottom: 3px !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  animation: none !important;
}
html body main.site-collections-products .site-plp-cat::before,
html body main.site-collections-products .site-plp-cat::after,
html body main.site-collections-products a.site-plp-cat::before,
html body main.site-collections-products a.site-plp-cat::after {
  content: none !important;
  display: none !important;
}
html body main.site-collections-products .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat:hover > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat:focus-visible > .site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > .site-plp-cat__line,
html body main.site-collections-products .site-plp-cat.is-active > .site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > .site-plp-cat__line,
html.plp-strip-active body main.site-collections-products .site-plp-cat.is-active > .site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > .site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover > .site-plp-cat__line {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  border-bottom: 0 !important;
  padding-bottom: 3px !important;
  font-weight: 400 !important;
}

/* Stay underlines: solid 1px fill — JS owns clip-path wipe */
html body .xsample-stay-ul > .xsample-ul-line,
html body a.xsample-stay-ul > .xsample-ul-line,
html body button.xsample-stay-ul > .xsample-ul-line,
html body .site-footer__find-store > .xsample-ul-line,
html body a.site-footer__find-store > .xsample-ul-line,
html body .hover-underline-erase > .xsample-ul-line,
html body .hover-underline-erase.xsample-stay-ul > .xsample-ul-line,
html body .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  scale: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Filter open: keep header as-is — no sticky↔fixed, no surprise hide when visible */
html body.site-drawer-open .site-header:not(.is-header-off):not(.site-header--pdp),
html.plp-page.site-drawer-open:not(.plp-strip-active) .site-header:not(.is-header-off),
html.plp-page body.site-drawer-open:not(.plp-strip-active) .site-header:not(.is-header-off),
html body.site-drawer-open:not(.overlay-header-was-hidden) .site-header:not(.is-header-off):not(.site-header--pdp) {
  /* Keep sticky; do NOT force top:0 — that drops PLP header under the promo. */
  position: sticky !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  transform: none !important;
  translate: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 90 !important;
}
html.plp-page.site-drawer-open:not(.plp-strip-active) .site-header:not(.is-header-off),
html.plp-page body.site-drawer-open:not(.plp-strip-active) .site-header:not(.is-header-off) {
  position: fixed !important;
  top: var(--promo-bar-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
html body.site-drawer-open .site-header.site-header--pdp:not(.is-header-off),
html body.product-page.site-drawer-open .site-header:not(.is-header-off) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  z-index: 90 !important;
}
/* Strip active + filter: header stays off, strip stays */
html.plp-strip-active.site-drawer-open .site-header,
html.plp-strip-active body.site-drawer-open .site-header,
html body.plp-strip-active.site-drawer-open .site-header,
html.plp-page.plp-strip-active.site-drawer-open .site-header {
  transform: translate3d(0, -120%, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 90 !important;
}

/* Cookie footer divider — removed in pass ej */
html body .cookie-settings__footer,
html body .cookie-settings .cookie-settings__actions,
html body.cookie-settings-open .cookie-settings__footer,
html body .cookie-settings > .cookie-settings__footer {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
@media (min-width: 768px) {
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav {
    border-right: 0 !important;
  }
}


/* Load more — body text size */
html body .site-plp-loadmore {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 2.5rem 0 1.25rem !important;
}
html body .site-plp-loadmore__btn,
html body button.site-plp-loadmore__btn {
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 2px !important;
  cursor: pointer !important;
  color: #000 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  position: relative !important;
  display: inline-block !important;
}
@media (min-width: 768px) {
  html body .site-plp-loadmore__btn,
  html body button.site-plp-loadmore__btn { font-size: 14px !important; }
}

/* —— Pass 20260808ej — cookie pad; PLP divider only sticky; UL wipe restored —— */

/* Cookie modal: 10px sides; +15px more top/bottom (25px); no dividers */
html body .cookie-settings,
html body.cookie-settings-open .cookie-settings,
html .cookie-settings-open .cookie-settings,
html body .cookie-settings-root .cookie-settings {
  padding: 25px 10px !important;
  box-sizing: border-box !important;
}
html body .cookie-settings__footer,
html body .cookie-settings .cookie-settings__actions,
html body.cookie-settings-open .cookie-settings__footer,
html body .cookie-settings > .cookie-settings__footer {
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
html body .cookie-settings__nav,
html body.cookie-settings-open .cookie-settings__nav {
  border-right: 0 !important;
  border: 0 !important;
}
html body .cookie-settings__header,
html body.cookie-settings-open .cookie-settings__header,
html body .cookie-settings__body,
html body.cookie-settings-open .cookie-settings__body {
  border: 0 !important;
  box-shadow: none !important;
}

/* PLP tab strip divider: ONLY when sticky (plp-strip-active) */
html.plp-page .site-collections-products__bar,
html body.plp-page .site-collections-products__bar,
html.plp-page:not(.plp-strip-active) .site-collections-products__bar,
html body.plp-page:not(.plp-strip-active) main.site-collections-products .site-collections-products__bar,
html body main.site-collections-products .site-collections-products__bar {
  box-shadow: none !important;
  border-bottom: 0 !important;
}
html.plp-strip-active .site-collections-products__bar,
html body.plp-strip-active .site-collections-products__bar,
html.plp-strip-active main.site-collections-products .site-collections-products__bar,
html body.plp-strip-active main.site-collections-products .site-collections-products__bar {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) !important;
  border-bottom: 0 !important;
}

/* —— Pass 20260808eq — PLP tab UL sticky-proof (bg + inset; no span thin) —— */

/* Cart stays 20px */
html body a.header-util.header-util--bag,
html body .header-util.header-util--bag,
html body .header-util--bag {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}
html body a.header-util.header-util--bag .header-util__icon,
html body .header-util--bag .header-util__icon,
html body .header-util--bag svg.header-util__icon {
  width: 20px !important;
  height: 20px !important;
}
html body .header-bag,
html body .header-bag__svg {
  width: 20px !important;
  height: 20px !important;
}

/*
 * PLP category underline: paint ON the link (background-size), same as Bottega/nav.
 * Absolute span + sticky compositing was thinning to a hairline.
 */
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  display: inline-block !important;
  position: relative !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding-bottom: 3px !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  animation: none !important;
  transform: none !important;
  scale: none !important;
  filter: none !important;
  background-color: transparent !important;
  background-image: linear-gradient(#000, #000) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 1px !important;
  transition: background-size 0.45s linear !important;
  box-shadow: none !important;
}
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible,
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat:hover,
html body main.site-collections-products .site-plp-cat:focus-visible,
html body main.site-collections-products .site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:focus-visible,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  background-image: linear-gradient(#000, #000) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 100% 1px !important;
  font-weight: 400 !important;
}

/* Sticky: reinforce with inset 1px so compositing can't hairline the bg */
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products .site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  box-shadow: inset 0 -1px 0 #000 !important;
  background-size: 100% 1px !important;
}
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover:not(.is-active),
html body.plp-strip-active main.site-collections-products a.site-plp-cat:hover:not(.is-active) {
  box-shadow: inset 0 -1px 0 #000 !important;
  background-size: 100% 1px !important;
}

/* Kill span / ::after / scaleX paint (they thin under sticky) */
html body main.site-collections-products a.site-plp-cat::before,
html body main.site-collections-products a.site-plp-cat::after,
html body main.site-collections-products .site-plp-cat::before,
html body main.site-collections-products .site-plp-cat::after,
html.plp-strip-active body main.site-collections-products a.site-plp-cat::after,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active::after {
  content: none !important;
  display: none !important;
  transform: none !important;
}
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products .site-plp-cat.is-active > span:last-child,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  background: transparent !important;
  transform: none !important;
  clip-path: none !important;
  pointer-events: none !important;
}

/* Stay / erase lines only (not PLP) */
html body .xsample-ul-line,
html body .xsample-stay-ul > .xsample-ul-line,
html body .hover-underline-erase > .xsample-ul-line,
html body .site-footer__find-store > .xsample-ul-line,
html body a.site-footer__find-store > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
}


/* —— Pass 20260808er — filter size 2-col; black radios +1px; PDP selects/placeholders —— */

/* Sort radios: black, +1px vs typical 16px control → 17px */
html body .site-drawer--filter input.site-filter__radio,
html body .site-drawer--filter input[type="radio"].site-filter__radio,
html body .site-drawer--filter input[type="radio"].accent-black,
html body input.site-filter__radio {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #000 !important;
  border-radius: 50% !important;
  background: #fff !important;
  background-color: #fff !important;
  accent-color: #000 !important;
  color: #000 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  flex: 0 0 17px !important;
}
html body .site-drawer--filter input.site-filter__radio:checked,
html body .site-drawer--filter input[type="radio"].site-filter__radio:checked,
html body .site-drawer--filter input[type="radio"].accent-black:checked,
html body input.site-filter__radio:checked {
  background: #000 !important;
  background-color: #000 !important;
  border-color: #000 !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

/* Size chips: 2-column grid (markup uses grid-cols-2) */
html body .site-drawer--filter .site-filter__panel-inner.grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
}

/*
 * PDP sidebar + drawer selects: one shared look.
 * Placeholders black — 13px mobile / 14px desktop.
 */
html body .site-drawer--product .xsample-select,
html body .site-drawer .xsample-select--drawer,
html body .site-drawer--product .xsample-select--drawer,
html body .site-drawer--product .xsample-select--compact,
html body.product-page .site-drawer--product .xsample-select {
  width: 100% !important;
}
html body .site-drawer--product .xsample-select:not(.is-open) .xsample-select__trigger,
html body .site-drawer .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body .site-drawer--product .xsample-select--compact:not(.is-open) .xsample-select__trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.55rem 0 0.6rem !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35;
  min-height: 36px !important;
  text-align: left !important;
  cursor: pointer !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product .xsample-select:not(.is-open) .xsample-select__trigger,
  html body .site-drawer .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
  html body .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
  html body .site-drawer--product .xsample-select--compact:not(.is-open) .xsample-select__trigger {
    font-size: 14px !important;
  }
}
html body .site-drawer--product .xsample-select.is-open .xsample-select__trigger,
html body .site-drawer .xsample-select--drawer.is-open .xsample-select__trigger,
html body .site-drawer--product .site-product__size-select.is-open .xsample-select__trigger {
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
}
html body .site-drawer--product .xsample-select__value,
html body .site-drawer--product .xsample-select__value.is-placeholder,
html body .site-drawer .xsample-select--drawer .xsample-select__value,
html body .site-drawer .xsample-select--drawer .xsample-select__value.is-placeholder,
html body .site-drawer--product .xsample-select--compact .xsample-select__value,
html body .site-drawer--product .xsample-select--compact .xsample-select__value.is-placeholder,
html body.product-page .site-product__size-select .xsample-select__value.is-placeholder,
html body .site-product__size-select .xsample-select__value.is-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  font-weight: 400 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product .xsample-select__value,
  html body .site-drawer--product .xsample-select__value.is-placeholder,
  html body .site-drawer .xsample-select--drawer .xsample-select__value,
  html body .site-drawer .xsample-select--drawer .xsample-select__value.is-placeholder,
  html body .site-drawer--product .xsample-select--compact .xsample-select__value,
  html body .site-drawer--product .xsample-select--compact .xsample-select__value.is-placeholder,
  html body.product-page .site-product__size-select .xsample-select__value.is-placeholder,
  html body .site-product__size-select .xsample-select__value.is-placeholder {
    font-size: 14px !important;
  }
}
html body .site-drawer--product .xsample-select__option,
html body .site-drawer--product .xsample-select__option-label,
html body .site-drawer .xsample-select--drawer .xsample-select__option,
html body .site-drawer .xsample-select--drawer .xsample-select__option-label {
  color: #000 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  font-weight: 400 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product .xsample-select__option,
  html body .site-drawer--product .xsample-select__option-label,
  html body .site-drawer .xsample-select--drawer .xsample-select__option,
  html body .site-drawer .xsample-select--drawer .xsample-select__option-label {
    font-size: 14px !important;
  }
}

/* PDP sidebar / product drawer text inputs — black placeholder 13/14 */
html body .site-drawer--product input::placeholder,
html body .site-drawer--product textarea::placeholder,
html body.product-page .site-drawer--product input::placeholder,
html body.product-page .site-drawer input::placeholder,
html body .site-drawer--product input::-webkit-input-placeholder,
html body .site-drawer--product input::-moz-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product input::placeholder,
  html body .site-drawer--product textarea::placeholder,
  html body.product-page .site-drawer--product input::placeholder,
  html body.product-page .site-drawer input::placeholder,
  html body .site-drawer--product input::-webkit-input-placeholder,
  html body .site-drawer--product input::-moz-placeholder {
    font-size: 14px !important;
  }
}
html body .site-drawer--product input,
html body.product-page .site-drawer--product input {
  color: #000 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product input,
  html body.product-page .site-drawer--product input {
    font-size: 14px !important;
  }
}

/* —— Pass 20260808es — size guide + postcode size; region/city = size select; filter bubble —— */

/* Size guide: match body (13 / 14) — was stuck at 12 */
html body .site-product__size-guide,
html body button.site-product__size-guide,
html body .site-drawer .site-product__size-guide,
html body .site-drawer button.site-product__size-guide,
html body.product-page .site-product__size-guide,
html body.product-page .site-drawer .site-product__size-guide {
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-product__size-guide,
  html body button.site-product__size-guide,
  html body .site-drawer .site-product__size-guide,
  html body .site-drawer button.site-product__size-guide,
  html body.product-page .site-product__size-guide,
  html body.product-page .site-drawer .site-product__size-guide {
    font-size: 14px !important;
  }
}

/* Postal code input + placeholder: black, match size select (13 / 14) */
html body .site-delivery__pc-input,
html body .site-drawer--product .site-delivery__pc-input,
html body.product-page .site-delivery__pc-input,
html body .site-cart__estimate-input {
  font-size: 13px !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  padding: 10px 0 6px !important;
}
html body .site-delivery__pc-input::placeholder,
html body .site-drawer--product .site-delivery__pc-input::placeholder,
html body.product-page .site-delivery__pc-input::placeholder,
html body .site-cart__estimate-input::placeholder,
html body .site-delivery__pc-input::-webkit-input-placeholder,
html body .site-drawer--product .site-delivery__pc-input::-webkit-input-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-delivery__pc-input,
  html body .site-drawer--product .site-delivery__pc-input,
  html body.product-page .site-delivery__pc-input,
  html body .site-cart__estimate-input {
    font-size: 14px !important;
  }
  html body .site-delivery__pc-input::placeholder,
  html body .site-drawer--product .site-delivery__pc-input::placeholder,
  html body.product-page .site-delivery__pc-input::placeholder,
  html body .site-cart__estimate-input::placeholder,
  html body .site-delivery__pc-input::-webkit-input-placeholder,
  html body .site-drawer--product .site-delivery__pc-input::-webkit-input-placeholder {
    font-size: 14px !important;
  }
}

/*
 * Region / City drawer selects: match size select underline + type.
 * Size select uses bottom rule only, 13 mobile / 14–15 desktop, black placeholder.
 */
html body .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body .site-drawer .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body.product-page .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body .site-drawer--product .site-product__size-select:not(.is-open) .xsample-select__trigger {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
  padding: 6px 0 4px !important;
  min-height: 36px !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
  html body .site-drawer .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
  html body.product-page .site-drawer--product .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
  html body .site-drawer--product .site-product__size-select:not(.is-open) .xsample-select__trigger {
    font-size: 14px !important;
  }
}
html body .site-drawer--product .xsample-select--drawer .xsample-select__value,
html body .site-drawer--product .xsample-select--drawer .xsample-select__value.is-placeholder,
html body .site-drawer .xsample-select--drawer .xsample-select__value,
html body .site-drawer .xsample-select--drawer .xsample-select__value.is-placeholder,
html body .site-drawer--product .site-product__size-select .xsample-select__value,
html body .site-drawer--product .site-product__size-select .xsample-select__value.is-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: inherit !important;
  letter-spacing: -0.20px !important;
  font-weight: 400 !important;
}
html body .site-drawer--product .xsample-select--drawer .xsample-select__option,
html body .site-drawer--product .xsample-select--drawer .xsample-select__option-label,
html body .site-drawer--product .site-product__size-select .xsample-select__option,
html body .site-drawer--product .site-product__size-select .xsample-select__option-label {
  font-size: 13px !important;
  color: #000 !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .site-drawer--product .xsample-select--drawer .xsample-select__option,
  html body .site-drawer--product .xsample-select--drawer .xsample-select__option-label,
  html body .site-drawer--product .site-product__size-select .xsample-select__option,
  html body .site-drawer--product .site-product__size-select .xsample-select__option-label {
    font-size: 14px !important;
  }
}

/* Filter View: never wait cursor / loading stall */
html body .site-filter__view,
html body .site-filter__view.is-busy,
html body .site-filter__view:disabled,
html body button.site-filter__view {
  cursor: pointer !important;
  opacity: 1 !important;
}

/* Filter & Sort count bubble — inline in button, slightly larger */
html body .site-plp-filter-btn {
  position: relative !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}
html body .site-plp-filter-btn__count {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  font-variant-numeric: tabular-nums !important;
  pointer-events: none !important;
  z-index: 1 !important;
  flex: 0 0 15px !important;
  box-sizing: border-box !important;
}

/* Beat styles.css “ALL inputs 12px” :not() chain — postcode 13/14 black */
html body input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=search]):not(.site-search__input),
html body .site-drawer--product input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
html body.product-page input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
html body input.site-cart__estimate-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]) {
  font-size: 13px !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body input.site-delivery__pc-input:not(.site-search__input)::placeholder,
html body .site-drawer--product input.site-delivery__pc-input::placeholder,
html body.product-page input.site-delivery__pc-input::placeholder,
html body input.site-cart__estimate-input::placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: 13px !important;
}
@media (min-width: 768px) {
  html body input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=search]):not(.site-search__input),
  html body .site-drawer--product input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
  html body.product-page input.site-delivery__pc-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
  html body input.site-cart__estimate-input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]) {
    font-size: 14px !important;
  }
  html body input.site-delivery__pc-input:not(.site-search__input)::placeholder,
  html body .site-drawer--product input.site-delivery__pc-input::placeholder,
  html body.product-page input.site-delivery__pc-input::placeholder,
  html body input.site-cart__estimate-input::placeholder {
    font-size: 14px !important;
  }
}


/* Store availability validation */
html body .site-newsletter__error.site-store__error {
  margin: -0.75rem 0 1rem !important;
  color: #c00 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}

/* —— Pass 20260808ev — drawer selects: Bottega open box, no option dividers —— */

/* Closed: single bottom rule only */
html body .site-drawer .xsample-select:not(.is-open) .xsample-select__trigger,
html body .site-drawer--product .xsample-select:not(.is-open) .xsample-select__trigger,
html body .site-drawer .xsample-select--drawer:not(.is-open) .xsample-select__trigger,
html body .site-drawer--product .site-product__size-select:not(.is-open) .xsample-select__trigger {
  border: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
}

/* Open: one outer box (like size select) — no line under trigger */
html body .site-drawer .xsample-select.is-open,
html body .site-drawer--product .xsample-select.is-open,
html body .site-drawer .xsample-select--drawer.is-open,
html body .site-drawer--product .site-product__size-select.is-open,
html body .site-drawer--product .xsample-select.site-product__size-select.is-open {
  border: 1px solid #111 !important;
  background: #fff !important;
  padding: 0 !important;
}
html body .site-drawer .xsample-select.is-open .xsample-select__trigger,
html body .site-drawer--product .xsample-select.is-open .xsample-select__trigger,
html body .site-drawer .xsample-select--drawer.is-open .xsample-select__trigger,
html body .site-drawer--product .site-product__size-select.is-open .xsample-select__trigger,
html body .site-drawer--product .xsample-select.is-open > .xsample-select__trigger {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 8px 12px 6px !important;
  min-height: 0 !important;
}

/* Inline expand panel (not floating absolute menu with its own border) */
html body .site-drawer .xsample-select .xsample-select__panel,
html body .site-drawer--product .xsample-select .xsample-select__panel,
html body .site-drawer--product .site-product__size-select .xsample-select__panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.36s cubic-bezier(0.22, 1, 0.36, 1) !important;
  position: relative !important;
  z-index: 1 !important;
}
html body .site-drawer .xsample-select.is-open .xsample-select__panel,
html body .site-drawer--product .xsample-select.is-open .xsample-select__panel,
html body .site-drawer--product .site-product__size-select.is-open .xsample-select__panel {
  grid-template-rows: 1fr !important;
}
html body .site-drawer .xsample-select .xsample-select__menu,
html body .site-drawer .xsample-select.is-open .xsample-select__menu,
html body .site-drawer--product .xsample-select .xsample-select__menu,
html body .site-drawer--product .xsample-select.is-open .xsample-select__menu,
html body .site-drawer--product .site-product__size-select .xsample-select__menu,
html body .site-drawer--product .site-product__size-select.is-open .xsample-select__menu {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  border: 0 !important;
  box-shadow: none !important;
  max-height: none !important;
  overflow: hidden !important;
  padding: 0 0 4px !important;
  margin: 0 !important;
  background: #fff !important;
  list-style: none !important;
}

/* Options: no dividers between rows */
html body .site-drawer .xsample-select__option,
html body .site-drawer--product .xsample-select__option,
html body .site-drawer--product .site-product__size-select .xsample-select__option,
html body .site-drawer .xsample-select__option + .xsample-select__option,
html body .site-drawer--product .xsample-select__option + .xsample-select__option {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 7px 12px !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-drawer .xsample-select__option,
  html body .site-drawer--product .xsample-select__option,
  html body .site-drawer--product .site-product__size-select .xsample-select__option {
    font-size: 14px !important;
  }
}
html body .site-drawer .xsample-select__option:hover,
html body .site-drawer .xsample-select__option.is-selected,
html body .site-drawer--product .xsample-select__option:hover,
html body .site-drawer--product .xsample-select__option.is-selected {
  background: #f7f7f7 !important;
  border: 0 !important;
}
html body .site-drawer .xsample-select__option-note,
html body .site-drawer--product .xsample-select__option-note,
html body .site-drawer--product .site-product__size-select .xsample-select__option-note {
  margin-left: auto !important;
  font-size: 11px !important;
  color: #9a9a9a !important;
  font-weight: 400 !important;
  border: 0 !important;
}

/* Also kill any residual hairlines on the generic size-select open trigger */
html body .site-product__size-select.is-open .xsample-select__trigger {
  border: 0 !important;
  border-bottom: 0 !important;
}
html body .site-product__size-select .xsample-select__option,
html body .site-product__size-select .xsample-select__option + .xsample-select__option {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* —— Pass 20260808ew — UL 0.55s; filter bubble outside —— */
:root, html, html body {
  --link-line-duration: 0.55s !important;
  --link-line-ease: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat {
  transition: background-size 0.45s linear !important;
}


/* —— Pass 20260808ey — UL 0.55s; hide store err text; filter URL persist —— */
:root, html, html body {
  --link-line-duration: 0.55s !important;
  --link-line-ease: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  transition: background-size 0.45s linear !important;
  transition-duration: 0.55s !important;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
/* Restore sticky underline reinforce */
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products .site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  box-shadow: inset 0 -1px 0 #000 !important;
}
/* Store availability: never show separate error copy (fields already go red) */
html body .site-store__error,
html body .site-newsletter__error.site-store__error,
html body .site-drawer--product .site-store__error {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* —— Pass 20260808fa — delivery no auto-size; cookie weight; subscribe black; UL 0.45s linear; bubble in-btn —— */

/* Cookie: even weight across copy / links / settings body */
html body .cookie-banner,
html body .cookie-banner__copy,
html body .cookie-banner__copy *,
html body .cookie-banner__links,
html body .cookie-banner__link,
html body button.cookie-banner__link,
html body .cookie-banner__accept,
html body .cookie-settings,
html body .cookie-settings__title,
html body .cookie-settings__panel,
html body .cookie-settings__panel *,
html body .cookie-settings__panel-title,
html body .cookie-settings__panel-copy,
html body .cookie-settings__panel p,
html body .cookie-settings__nav .tab-button,
html body .cookie-settings__nav button {
  font-weight: 400 !important;
}

/* Subscribe sidebar placeholder/label black (not grey) */
html body .site-newsletter__email-label,
html body .site-newsletter__email-label:not(.is-active),
html body .site-newsletter label[for="newsletter-sidebar-email"],
html body .site-newsletter__email-input::placeholder,
html body .site-newsletter #newsletter-sidebar-email::placeholder,
html body .site-newsletter input[type="email"]::placeholder,
html body .site-newsletter__title-value.is-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}

/* Collection tabs: same pace as mega dropdown links (0.45s linear) */
:root, html, html body {
  --link-line-duration: 0.45s !important;
  --link-line-ease: linear !important;
}
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  transition: background-size 0.45s linear !important;
  transition-duration: 0.45s !important;
  transition-timing-function: linear !important;
  transition-property: background-size !important;
}


/* —— Pass 20260808fb — filter pill 1.5x; selected tabs solid; subscribe Email*; hide pc errors; no chat —— */

/* Filter count: neat smaller circle */
html body .site-plp-filter-btn__count {
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: 10px !important;
}

/* Selected cookie / PLP tabs: same solid black weight (not washed lighter) */
html body .cookie-settings__nav .tab-button,
html body .cookie-settings__nav button.tab-button,
html body .cookie-settings__nav .tab-button span,
html body .cookie-settings__nav .tab-button .underline,
html body .cookie-settings__nav .tab-button span.underline {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

/* Subscribe drawer: resting + floated label never all-caps */
html body .site-newsletter__email-label,
html body .site-newsletter__email-label:not(.is-active),
html body .site-newsletter__email-label.is-active,
html body .site-newsletter__email.is-filled .site-newsletter__email-label,
html body .site-newsletter__email:focus-within .site-newsletter__email-label,
html body .site-newsletter label[for="newsletter-sidebar-email"] {
  text-transform: none !important;
}

/* Delivery / cart: red field only — hide error copy under inputs */
html body .site-delivery__pc-error,
html body p.site-delivery__pc-error,
html body .site-newsletter__error.site-delivery__pc-error,
html body .site-cart__estimate-error,
html body p.site-cart__estimate-error,
html body .site-newsletter__error.site-cart__estimate-error {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}


/* —— Pass 20260809fd — cookie desktop 14px / title 18px -0.20; filter oval smaller —— */

/* Desktop only: cookie settings body copy + nav + footer at 14px — leave mobile alone */
@media (min-width: 768px) {
  html body .cookie-settings,
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button,
  html body .cookie-settings__nav .tab-button span,
  html body .cookie-settings__panel,
  html body .cookie-settings__panel p,
  html body .cookie-settings__panel-copy,
  html body .cookie-settings__panel a,
  html body .cookie-settings__more,
  html body .cookie-settings__always-active,
  html body .cookie-settings__footer,
  html body .cookie-settings__footer button,
  html body .cookie-settings .mobile-content,
  html body .cookie-settings .mobile-content p {
    font-size: 14px !important;
    letter-spacing: -0.20px !important;
  }

  /* Main modal title */
  html body .cookie-settings__title,
  html body.cookie-settings-open .cookie-settings__title,
  html body .cookie-settings h2.cookie-settings__title {
    font-size: 18px !important;
    line-height: 1.35;
    letter-spacing: -0.20px !important;
    font-weight: 400 !important;
  }

  /* Category / panel titles */
  html body .cookie-settings__panel-title,
  html body .cookie-settings__panel h3,
  html body .cookie-settings h3 {
    font-size: 14px !important;
    letter-spacing: -0.20px !important;
    font-weight: 400 !important;
  }
}


/* —— Pass 20260809ff — cookie tighter + grey divider + title/toggle row; filter circle 15px —— */

/* Grey divider between left nav and right panel (desktop) */
@media (min-width: 768px) {
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav,
  html body .cookie-settings-root .cookie-settings__nav {
    border-right: 1px solid #a8a8a8 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
  }

  /* Reduce gap between left text column and right panel by 1px */
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav {
    padding-right: 0 !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button,
  html body .cookie-settings__nav button {
    padding-right: 15px !important; /* was ~16 */
  }
  html body .cookie-settings__panel,
  html body.cookie-settings-open .cookie-settings__panel {
    padding-left: 28px !important; /* was 20 — −1px */
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  /* Tighten cookie spacing overall */
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 14px 24px 10px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  html body .cookie-settings__panel-copy,
  html body .cookie-settings__panel p {
    margin-bottom: 10px !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    padding: 10px 24px 14px !important;
  }
}

/* Title + toggle / Always Active on the SAME row */
html body .cookie-settings__panel > div > .flex.justify-between.items-center,
html body .cookie-settings__panel .flex.justify-between.items-center {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 12px !important; /* tighter than mb-6 */
}
html body .cookie-settings__panel .flex.justify-between.items-center > h3,
html body .cookie-settings__panel .flex.justify-between.items-center > .cookie-settings__panel-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
}
html body .cookie-settings__panel .cookie-settings__switch,
html body .cookie-settings__panel .cookie-settings__always-active {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  align-self: center !important;
}

/* Filter count: neat circle, slightly smaller than prior 18px */
html body main.site-collections-products .site-collections-products__bar button.site-plp-filter-btn .site-plp-filter-btn__count,
html body button.site-plp-filter-btn .site-plp-filter-btn__count,
html body .site-plp-filter-btn .site-plp-filter-btn__count,
html body .site-plp-filter-btn__count {
  width: 15px !important;
  min-width: 15px !important;
  max-width: none !important;
  height: 15px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  line-height: 1.35;
  box-sizing: border-box !important;
}


/* —— Pass 20260809fg — cookie copy clamp + More information stay-ul —— */

/* Desktop: keep copy to ~one block (8 lines); overflow hidden; More info always below */
@media (min-width: 768px) {
  html body .cookie-settings__panel > div {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  html body .cookie-settings__panel-copy,
  html body .cookie-settings__panel > div > p,
  html body .cookie-settings__panel p {
    max-height: calc(1.45em * 14) !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 14 !important;
    line-clamp: 14 !important;
    margin: 0 0 12px !important;
  }
}

/* More information: solid underline at rest, wipe/redraw on hover (stay-ul) */
html body .cookie-settings__more,
html body a.cookie-settings__more,
html body .cookie-settings a.cookie-settings__more {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-decoration: none !important;
  background-image: none !important;
  background-size: 0 !important;
  line-height: 1.35;
  position: relative !important;
  padding-bottom: 5px !important;
  cursor: pointer !important;
}
html body .cookie-settings__more > .xsample-ul-line,
html body a.cookie-settings__more > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 3px !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
@media (max-width: 767px) {
  html body .cookie-settings__more,
  html body a.cookie-settings__more {
    font-size: 13px !important;
  }
}


/* —— Pass 20260809fh — 14 lines; more UL up+stay hover; darker divider; thick active tab —— */

@media (min-width: 768px) {
  html body .cookie-settings__panel-copy,
  html body .cookie-settings__panel > div > p,
  html body .cookie-settings__panel p {
    max-height: calc(1.45em * 14) !important;
    -webkit-line-clamp: 14 !important;
    line-clamp: 14 !important;
  }
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav,
  html body .cookie-settings-root .cookie-settings__nav {
    border-right: 1px solid #a8a8a8 !important;
  }
}

/* Active left tab: painted 1px UL (does not thin) */
html body .cookie-settings__nav .tab-button span.underline,
html body .cookie-settings__nav .tab-button .underline,
html body .cookie-settings__nav button.tab-button span.underline,
html body.cookie-settings-open .cookie-settings__nav .tab-button span.underline {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  -webkit-text-decoration-line: none !important;
  background-image: linear-gradient(#000, #000) !important;
  background-repeat: no-repeat !important;
  background-position: 0 calc(100% - 1px) !important;
  background-size: 100% 1px !important;
  padding-bottom: 4px !important;
  display: inline-block !important;
  text-decoration-skip-ink: none !important;
}

html body .cookie-settings__more > .xsample-ul-line,
html body a.cookie-settings__more > .xsample-ul-line {
  bottom: 3px !important;
}


/* —— Pass 20260809fw — PLP strip: sticky base; cover header then push (JS owns fixed) —— */
html.plp-page .site-collections-products__bar,
html body.plp-page .site-collections-products__bar,
html.plp-page main.site-collections-products .site-collections-products__bar,
html body.plp-page main.site-collections-products .site-collections-products__bar,
html body main.site-collections-products .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 13000 !important;
  background: #fff !important;
}
html.plp-page .site-collections-products__bar-spacer {
  display: block !important;
  width: 100% !important;
  pointer-events: none !important;
}
/* Default PLP header under strip z-range; JS lowers further while covering */
html.plp-page .site-header,
html.plp-page header.site-header,
html body.plp-page .site-header,
html body.plp-page header.site-header,
html.plp-page .site-promo,
html body.plp-page .site-promo {
  z-index: 9990 !important;
}
/* While strip slides over header */
html.plp-page.plp-strip-covering .site-header,
html.plp-page.plp-strip-covering header.site-header,
html body.plp-page.plp-strip-covering .site-header {
  z-index: 1 !important;
}
html.plp-page.plp-strip-covering .site-collections-products__bar,
html.plp-page.plp-strip-covering main.site-collections-products .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar,
html body.plp-strip-active .site-collections-products__bar,
html.plp-strip-active main.site-collections-products .site-collections-products__bar,
html body.plp-strip-active main.site-collections-products .site-collections-products__bar,
html.plp-page.plp-strip-active .site-collections-products__bar {
  z-index: 14000 !important;
  background: #fff !important;
}


/* —— Pass 20260809fw — sticky header on non-PLP; materials = bags.html; why = sust-2024 —— */

/* Default site sticky header (materials, why-xsample, home, etc.) */
html:not(.plp-page) body:not(.product-page) .site-header,
html:not(.plp-page) body:not(.product-page) header.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 12000 !important;
  background: #fff !important;
  background-color: #fff !important;
}

html.plp-page.plp-strip-covering .site-header,
html.plp-page.plp-strip-covering header.site-header {
  pointer-events: none !important;
}
html.plp-page.plp-strip-covering .site-collections-products__bar,
html.plp-page.plp-strip-active .site-collections-products__bar {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}

/* —— Pass 20260809g5 — Materials: 75/55vh, no start gutter, title pad, CTA match —— */
.site-materials {
  padding-top: 0;
  padding-bottom: 0;
  font-family: var(--font-sans) !important;
}
.site-materials__bleed {
  width: 100%;
  margin: 0 0 48px;
  padding: 0;
}
.site-materials__bleed--hero {
  margin: 0 0 40px;
}
.site-materials__bleed-img {
  width: 100%;
  height: 87vh;
  min-height: 87vh;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
  display: block;
  background: #efefef;
}
.site-materials__collections {
  padding: 8px 0 48px !important;
  margin: 0;
  background: #fff;
}
.site-materials__collections-inner {
  padding: 0 12px;
  box-sizing: border-box;
  width: 100%;
}
.site-materials__collections .site-collections-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
/* CTAs: site type scale — 14px desktop / 13px mobile */
.site-materials__collections .site-collections-card .cta-on-image,
.site-materials__collections .cta-on-image,
html body .site-materials__collections .cta-on-image,
html body .site-materials__collections a.cta-on-image,
html body .site-materials .site-materials__collections a.cta-on-image.uppercase.bg-white,
html body .site-materials .site-materials__collections a.cta-on-image {
  box-sizing: border-box !important;
    padding: 8px 25px 5px !important;
  padding-top: 8px !important;
  padding-bottom: 5px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  letter-spacing: -0.20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: flex-end !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  white-space: nowrap !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 40px !important;
    min-height: 40px !important;
  max-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #000 !important;
  text-align: center !important;
}
.site-materials__rail {
  width: 100%;
  padding: 0;
  margin: 0 0 48px;
}
.site-materials__rail-title {
  text-align: center;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35;
  text-transform: uppercase !important;
  color: #000 !important;
  margin: 0 !important;
  /* More padding around rail title */
  padding: 10px 12px 52px !important;
}
.site-materials__rail-wrap {
  position: relative;
  width: 100%;
  padding: 0;
  --materials-arrow-top: calc((100% - 36px) / 2);
}
.site-materials__scroller {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: none;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
/* No start gutter — only end spacer when paginated to the end */
.site-materials__scroller::before {
  content: none !important;
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
}
.site-materials__scroller::after {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  pointer-events: none;
}
.site-materials__scroller::-webkit-scrollbar {
  display: none;
}
.site-materials__card {
  flex: 0 0 calc((100% - 24px) / 4.08);
  min-width: 0;
  max-width: none;
  margin-right: 8px;
  text-decoration: none !important;
  color: #000 !important;
  font-family: var(--font-sans) !important;
}
.site-materials__card:last-of-type {
  margin-right: 0;
}
.site-materials__media {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #efefef;
}
.site-materials__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.site-materials__card:hover .site-materials__img {
  transform: scale(1.02);
}
.site-materials__label {
  display: block;
  text-align: center;
  margin-top: 14px !important;
  padding: 4px 10px 8px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  color: #000 !important;
  box-sizing: border-box;
}
.site-materials__arrow {
  position: absolute !important;
  top: var(--materials-arrow-top);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 4;
  opacity: 1;
  pointer-events: auto;
}
.site-materials__arrow-icon {
  width: 25px !important;
  height: 25px !important;
  display: block;
  color: #000 !important;
  stroke: #000 !important;
}
.site-materials__arrow--prev {
  left: 4px;
}
.site-materials__arrow--next {
  left: auto;
  right: calc(12px + (100% - 12px) * (0.08 / 4.08));
}
.site-materials__arrow:hover {
  opacity: 0.7;
}
.site-materials__arrow:active {
  opacity: 0.45;
}

html body .site-collections-page .site-collections-card,
html body .site-collections-page .site-collections-heroes > div,
html body .site-collections-page .site-collections-heroes > a,
html body .site-resources-page .site-resources-card,
html body .site-resources-page .site-resources-heroes > div,
html body .site-resources-page .site-resources-heroes > a {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
html body .site-collections-page .site-collections-card .cta-on-image,
html body .site-collections-page .site-collections-card a.cta-on-image,
html body .site-collections-page .site-collections-heroes .cta-on-image,
html body .site-collections-page .site-collections-heroes a.cta-on-image,
html body .site-resources-page .site-resources-card .cta-on-image,
html body .site-resources-page .site-resources-card a.cta-on-image,
html body .site-resources-page .site-resources-heroes .cta-on-image,
html body .site-resources-page .site-resources-heroes a.cta-on-image {
  position: relative !important;
  z-index: 2 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: flex-end !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  letter-spacing: -0.20px !important;
  padding: 8px 25px 5px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border: 1px solid #000 !important;
}
@media (max-width: 767px) {
  html body .site-collections-page .site-collections-card .cta-on-image,
  html body .site-collections-page .site-collections-card a.cta-on-image,
  html body .site-collections-page .site-collections-heroes .cta-on-image,
  html body .site-collections-page .site-collections-heroes a.cta-on-image,
  html body .site-resources-page .site-resources-card .cta-on-image,
  html body .site-resources-page .site-resources-card a.cta-on-image,
  html body .site-resources-page .site-resources-heroes .cta-on-image,
  html body .site-resources-page .site-resources-heroes a.cta-on-image {
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.35;
    padding: 7px 18px 6px !important;
    height: 38px !important;
  min-height: 38px !important;
    max-height: 38px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 1023px) {
  .site-materials__card {
    flex-basis: calc((100% - 8px) / 2.2);
  }
  .site-materials__collections-inner {
    padding: 0 12px;
  }
}

@media (max-width: 767px) {
  .site-materials__arrow {
    display: none !important;
  }
  .site-materials__bleed {
    margin: 0 0 28px;
  }
  .site-materials__bleed--hero {
    margin: 0 0 20px;
  }
  .site-materials__bleed-img {
    height: 75vh;
    min-height: 75vh;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
  }
  .site-materials__collections {
    padding: 4px 0 28px !important;
  }
  .site-materials__collections-inner {
    padding: 0 12px;
    gap: 12px !important;
  }
  .site-materials__collections .site-collections-card {
    aspect-ratio: 4 / 5;
    min-height: 0;
  }
  html body .site-materials .site-materials__collections a.cta-on-image,
  html body .site-materials .site-materials__collections a.cta-on-image.uppercase.bg-white,
  html body .site-materials__collections a.cta-on-image,
  html body .site-materials__collections .cta-on-image {
    box-sizing: border-box !important;
    padding: 7px 18px 6px !important;
    padding-top: 7px !important;
    padding-bottom: 6px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 13px !important;
    line-height: 1.35;
    letter-spacing: -0.20px !important;
    font-weight: 400 !important;
  }
  .site-materials__rail {
    margin-bottom: 28px;
  }
  .site-materials__rail-title {
    padding: 12px 12px 28px !important;
    font-size: 12px !important;
  }
  .site-materials__card {
    flex-basis: 72%;
    margin-right: 8px;
  }
  .site-materials__label {
    margin-top: 10px !important;
    padding: 2px 8px 6px !important;
    font-size: 12px !important;
  }
}
@media (max-width: 639px) {
  .site-materials__card {
    flex-basis: 78%;
  }
}


/* —— Pass 20260809h5 — Material Principles: BV rhythm + match Why gutters —— */
.site-principles {
  font-family: var(--font-sans) !important;
  padding-bottom: 0 !important;
}
.site-principles__back-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 80px 104px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.site-principles__back {
  display: inline-block !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-underline-offset: unset !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: none !important;
}
.site-principles__back:hover,
.site-principles__back:focus,
.site-principles__back:focus-visible,
.site-principles__back:active {
  opacity: 1 !important;
  color: #000 !important;
  text-decoration: none !important;
  background: none !important;
  transform: none !important;
}
.site-principles__back::before,
.site-principles__back::after,
.site-principles__back > .xsample-ul-line {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}
.site-principles__hero {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #efefef;
}
.site-principles__hero-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1440 / 740;
  object-fit: cover;
  display: block;
}
/* Exact Why vertical: 80px; centered editorial column */
.site-principles__intro {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 80px 104px;
  text-align: center;
  box-sizing: border-box;
}
.site-principles__title {
  margin: 0 auto 24px !important;
  max-width: 920px;
  font-family: var(--font-sans) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: center !important;
}
.site-principles__copy {
  margin: 0 auto !important;
  max-width: 920px;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  color: #000 !important;
  text-align: center !important;
}
.site-principles__text {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 80px 104px;
  text-align: center;
  box-sizing: border-box;
}
/* Full-bleed pairs — BV edge-to-edge, hairline gutter */
.site-principles__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.site-principles__pair-item {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #efefef;
}
.site-principles__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.site-principles__bleed {
  width: 100%;
  margin: 0;
  padding: 0;
}
.site-principles__bleed--end {
  margin-bottom: 0 !important;
}
.site-principles__bleed-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1440 / 740;
  object-fit: cover;
  display: block;
  background: #efefef;
}
@media (max-width: 899px) {
  .site-principles__back-wrap,
  .site-principles__intro,
  .site-principles__text {
    padding: 48px 20px;
  }
  .site-principles__title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
    max-width: none !important;
  }
  .site-principles__copy {
    font-size: 13px !important;
    line-height: 1.35 !important;
    max-width: none !important;
  }
  .site-principles__pair {
    gap: 2px;
  }
  .site-principles__hero-img,
  .site-principles__bleed-img,
  .site-principles__closing-media .site-principles__bleed-img {
    aspect-ratio: 4 / 3;
  }
}

/* —— Pass 20260809h6 — Closing writeup + 12px last-media gaps —— */
.site-principles__text--closing {
  padding-top: 100px !important; /* +12 */
  padding-bottom: 100px !important;
}
.site-principles__copy--caps {
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  max-width: 920px !important; /* wider ~4-line measure */
}
.site-principles__closing-media {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.site-principles__pair--closing,
.site-principles__closing-media .site-principles__pair {
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.site-principles__closing-media .site-principles__bleed,
.site-principles__closing-media .site-principles__bleed--end {
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 899px) {
  .site-principles__text--closing {
    padding: 76px 20px !important; /* +12 from 64 */
  }
  .site-principles__copy--caps {
    max-width: none !important;
    letter-spacing: -0.20px !important;
    line-height: 1.35 !important;
  }
  .site-principles__closing-media {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    column-gap: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .site-principles__pair--closing,
  .site-principles__closing-media .site-principles__pair {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .site-principles__closing-media .site-principles__pair-item {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* —— Pass 20260809h7 — Principles mobile layout polish —— */
@media (max-width: 767px) {
  .site-principles {
    overflow-x: clip !important;
    width: 100% !important;
  }
  .site-principles__hero,
  .site-principles__bleed,
  .site-principles__pair,
  .site-principles__closing-media {
    width: 100% !important;
    max-width: 100vw !important;
  }
  .site-principles__intro,
  .site-principles__text,
  .site-principles__back-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .site-principles__intro {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .site-principles__text {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .site-principles__text--closing {
    padding: 68px 16px !important; /* +12 from prior mobile */
  }
  .site-principles__back-wrap {
    padding-top: 40px !important;
    padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .site-principles__title {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 0 14px !important;
  }
  .site-principles__copy,
  .site-principles__intro .site-principles__copy {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
  .site-principles__copy--caps {
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
  .site-principles__pair:not(.site-principles__pair--closing) {
    gap: 12px !important;
  }
  .site-principles__closing-media {
    row-gap: 12px !important;
  }
  .site-principles__pair--closing {
    gap: 12px !important;
  }
  .site-principles__hero-img,
  .site-principles__bleed-img {
    width: 100% !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
  }
  .site-principles__pair-item {
    aspect-ratio: 3 / 4 !important;
    min-width: 0 !important;
  }
  .site-principles__back,
  a.site-principles__back {
    text-decoration: none !important;
    text-decoration-line: none !important;
    -webkit-text-decoration-line: none !important;
    border-bottom: 0 !important;
    background-image: none !important;
    font-size: 13px !important;
  }
  .site-principles__back:hover,
  .site-principles__back:focus,
  .site-principles__back:active,
  a.site-principles__back:hover {
    text-decoration: none !important;
    opacity: 1 !important;
  }
}

/* —— Pass 20260809h10 — Principles: BV type, 12px gaps, matched text pads —— */
.site-principles__pair {
  gap: 12px !important;
}
.site-principles__pair:not(.site-principles__pair--closing) {
  gap: 12px !important;
}
.site-principles__intro,
.site-principles__text,
.site-principles__text--closing,
.site-principles__back-wrap {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  padding-left: 104px !important;
  padding-right: 104px !important;
}
.site-principles__title {
  margin: 0 auto 20px !important;
  max-width: 920px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
.site-principles__copy,
.site-principles__copy--caps,
.site-principles__intro .site-principles__copy {
  max-width: 920px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
@media (max-width: 899px) {
  .site-principles__intro,
  .site-principles__text,
  .site-principles__text--closing,
  .site-principles__back-wrap {
    padding: 72px 20px !important;
  }
  .site-principles__title {
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
  }
  .site-principles__copy,
  .site-principles__copy--caps {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .site-principles__pair {
    gap: 12px !important;
  }
}
@media (max-width: 767px) {
  .site-principles__intro,
  .site-principles__text,
  .site-principles__text--closing,
  .site-principles__back-wrap {
    padding: 64px 16px !important;
  }
  .site-principles__back-wrap {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .site-principles__title {
    font-size: 13px !important;
    font-weight: 500 !important;
  }
  .site-principles__copy,
  .site-principles__copy--caps {
    font-size: 13px !important;
  }
  .site-principles__pair,
  .site-principles__pair:not(.site-principles__pair--closing),
  .site-principles__pair--closing {
    gap: 12px !important;
  }
}

/* —— Pass 20260809h13 — Sitewide line-height 1.35 + letter-spacing -0.20px —— */
html {
  --lh: 1.35;
  --lh-tight: 1.35;
  --ls-body: -0.20px;
  --line-height: 1.35;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body,
html body #root,
html body *:where(p, a, span, li, ul, ol, h1, h2, h3, h4, h5, h6, button, label, input, textarea, select, td, th, dt, dd, figcaption, small, strong, em, b, i, div, section, article, nav, header, footer, main, aside) {
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body [class] {
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}

/* Cart / bag icon — original shape; lighter stroke so weight matches search / account */
html body .header-util--bag,
html body a.header-util.header-util--bag {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}
html body .header-util--bag .header-util__icon,
html body .header-util--bag svg.header-util__icon,
html body .header-bag,
html body .header-bag__svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.35px !important;
  stroke-linecap: square !important;
  stroke-linejoin: miter !important;
}
html body .header-bag__count {
  top: 60% !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}

/* —— Pass 20260809h16 — Mega dropdown: restore link gap; keep tight underline + materials → read —— */
html body .site-mega__list,
html body.mega-open .site-mega__list {
  gap: 1.15rem !important;
}
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .link-line.site-mega__link,
html body .site-mega .link-line.site-mega__title {
  line-height: 1 !important;
  padding-bottom: 1px !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 1px !important;
  text-underline-offset: 1px !important;
  --link-underline-gap: 1px !important;
  transition: background-size 0.45s linear !important; /* same as sitewide hover UL */
}
html body .site-mega .site-mega__link::after,
html body .site-mega a.site-mega__link::after,
html body .site-mega .site-mega__title::after,
html body .site-mega a.site-mega__title::after,
html body .site-mega .link-line::after {
  content: none !important;
  display: none !important; /* one 1px line only — no second ::after */
}
html body .site-mega .site-mega__link:hover,
html body .site-mega a.site-mega__link:hover,
html body .site-mega .site-mega__title:hover,
html body .site-mega a.site-mega__title:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega a.site-mega__title:focus-visible {
  background-size: 100% 1px !important;
  background-position: 0 100% !important;
  line-height: 1 !important;
  padding-bottom: 1px !important;
  transition: background-size 0.45s linear !important;
}

/* —— Pass 20260809h31 — Why accordion BV; PLP 1px UL hover; sticky wait/overlay/push —— */

/* ========== Why xSample ========== */
html body .site-why,
.site-why {
  width: 100% !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--font-sans) !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
.site-why__hero,
.site-why__bleed {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #efefef !important;
}
.site-why__hero-img,
.site-why__bleed-img {
  width: 100% !important;
  height: 87vh !important;
  min-height: 87vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  display: block !important;
}
.site-why__bleed--end {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* ≥24px under last section */
.site-why {
  padding-bottom: 32px !important;
}
.site-why__intro {
  display: grid !important;
  grid-template-columns: minmax(200px, 0.9fr) minmax(280px, 1.2fr) !important;
  gap: 48px 64px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 72px 104px 80px !important;
  box-sizing: border-box !important;
}
.site-why__intro-title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
.site-why__intro-copy p {
  margin: 0 0 1.1em !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
.site-why__intro-copy p:last-child { margin-bottom: 0 !important; }

/* Accordion — BV: thin black rules, + right, airy pad */
.site-why__pillars {
  width: 100% !important;
  margin: 0 !important;
  padding: 64px 104px 40px !important;
  box-sizing: border-box !important;
}
.site-why__pillars-lead {
  margin: 0 0 40px !important;
  max-width: 920px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
.site-why__accordion {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-top: 1px solid #000 !important;
}
.site-why__acc-item {
  border-bottom: 1px solid #000 !important;
}
.site-why__acc-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 26px 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  text-align: left !important;
  color: #000 !important;
  box-shadow: none !important;
}
.site-why__acc-title {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
.site-why__acc-icon {
  flex: 0 0 auto !important;
  width: 1em !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #000 !important;
}
.site-why__acc-panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.3s ease !important;
  overflow: hidden !important;
}
.site-why__acc-panel.is-open { grid-template-rows: 1fr !important; }
.site-why__acc-panel-inner {
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 0 28px !important;
  max-width: 720px !important;
}
.site-why__acc-panel:not(.is-open) .site-why__acc-panel-inner {
  padding-bottom: 0 !important;
}
.site-why__acc-subhead {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
.site-why__acc-copy {
  margin: 0 0 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
.site-why__acc-copy:last-child { margin-bottom: 0 !important; }
@media (max-width: 899px) {
  .site-why__intro {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 48px 20px 56px !important;
  }
  .site-why__pillars { padding: 48px 20px 32px !important; }
}
@media (max-width: 767px) {
  .site-why__hero-img,
  .site-why__bleed-img {
    height: 75vh !important;
    min-height: 75vh !important;
  }
  .site-why__intro-title,
  .site-why__intro-copy p,
  .site-why__pillars-lead,
  .site-why__acc-copy { font-size: 13px !important; }
  .site-why__acc-title { font-size: 16px !important; }
  .site-why__acc-btn { padding: 22px 0 !important; }
  .site-why { padding-bottom: 28px !important; }
}

/* ========== Materials banners (force 75/55) ========== */
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
.site-materials__bleed-img {
  width: 100% !important;
  height: 87vh !important;
  min-height: 87vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
}
@media (max-width: 767px) {
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  .site-materials__bleed-img {
    height: 75vh !important;
    min-height: 75vh !important;
  }
}

/* ========== PLP tabs: 1px UL, hover draws, not bold ========== */
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat {
  position: relative !important;
  display: inline-block !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-decoration: none !important;
  padding-bottom: 3px !important;
  background-image: linear-gradient(#000, #000) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 1px !important;
  box-shadow: none !important;
  transition: background-size 0.45s linear !important;
  border: 0 !important;
}
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible,
html body main.site-collections-products .site-plp-cat:hover,
html body main.site-collections-products .site-plp-cat:focus-visible {
  font-weight: 400 !important;
  background-size: 100% 1px !important;
  box-shadow: none !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  font-weight: 400 !important;
  background-size: 100% 1px !important;
  box-shadow: none !important;
}
/* Kill span line + inset double-bold */
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > .site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > .site-plp-cat__line {
  display: none !important;
}
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover {
  box-shadow: none !important;
  background-size: 100% 1px !important;
}

/* ========== Sticky: header NEVER leaves until strip fully overlays (plp-strip-active) ========== */
html.plp-page,
html.plp-page body { scroll-behavior: auto !important; }
html.plp-page .site-header,
html.plp-page header.site-header,
html.plp-page .site-header.is-header-off,
html.plp-page header.site-header.is-header-off,
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  transform: none !important;
  translate: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: none !important;
}
html.plp-page .site-collections-products__bar,
html.plp-strip-covering .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 15000 !important;
  background: #fff !important;
}
html.plp-page .site-header,
html.plp-page header.site-header {
  z-index: 9990 !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
}
/* Only then pack header away */
html.plp-strip-active .site-header,
html.plp-strip-active header.site-header,
html body.plp-strip-active .site-header,
html.plp-page.plp-strip-active .site-header,
html.plp-page.plp-strip-active header.site-header,
html.plp-strip-active .site-header.is-header-off {
  transform: translate3d(0, calc(-1 * var(--site-header-height, 64px)), 0) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  z-index: 1 !important;
}

/* —— Pass 20260809h31 — principles 75/55 + backtop; sticky OVER then push; Why BV accordion —— */

/* Materials READ (principles): banners 75vh / 55vh */
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img,
.site-principles__hero-img,
.site-principles__bleed-img {
  width: 100% !important;
  height: 87vh !important;
  min-height: 87vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 767px) {
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  .site-principles__hero-img,
  .site-principles__bleed-img {
    height: 75vh !important;
    min-height: 75vh !important;
  }
}

/* Materials read: back-to-top under last section */
html body .site-principles__backtop,
html body .site-principles .site-plp-backtop {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 104px 48px !important;
  box-sizing: border-box !important;
}
@media (max-width: 899px) {
  html body .site-principles__backtop,
  html body .site-principles .site-plp-backtop {
    padding: 4px 20px 40px !important;
  }
}

/* Why accordion — BV width / spacing / size; LS -0.20px */
html body .site-why__pillars,
.site-why__pillars {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 72px 104px 48px !important;
  box-sizing: border-box !important;
}
html body .site-why__pillars-lead,
.site-why__pillars-lead {
  margin: 0 0 36px !important;
  max-width: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
html body .site-why__accordion,
.site-why__accordion {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-top: 1px solid #000 !important;
}
html body .site-why__acc-item,
.site-why__acc-item {
  border-bottom: 1px solid #000 !important;
}
html body .site-why__acc-btn,
.site-why__acc-btn {
  padding: 28px 0 !important;
}
html body .site-why__acc-title,
.site-why__acc-title {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
html body .site-why__acc-icon,
.site-why__acc-icon {
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
}
html body .site-why__acc-copy,
html body .site-why__acc-subhead,
.site-why__acc-copy,
.site-why__acc-subhead {
  letter-spacing: -0.20px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
html body .site-why__intro-title,
html body .site-why__intro-copy p,
.site-why__intro-title,
.site-why__intro-copy p {
  letter-spacing: -0.20px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
@media (max-width: 899px) {
  html body .site-why__pillars,
  .site-why__pillars {
    padding: 48px 20px 32px !important;
  }
  html body .site-why__acc-btn,
  .site-why__acc-btn {
    padding: 22px 0 !important;
  }
}

/* Sticky: NEVER stick under header — strip top:0 always; overlay then push */
html.plp-page .site-collections-products__bar,
html body.plp-page .site-collections-products__bar,
html.plp-page main.site-collections-products .site-collections-products__bar,
html body.plp-page main.site-collections-products .site-collections-products__bar,
html.plp-page:not(.plp-strip-active) .site-collections-products__bar,
html body.plp-page:not(.plp-strip-active) main.site-collections-products .site-collections-products__bar,
html.plp-page.plp-strip-covering .site-collections-products__bar,
html.plp-strip-covering .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar,
html body.plp-strip-active .site-collections-products__bar,
html.plp-strip-active main.site-collections-products .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 16000 !important;
  background: #fff !important;
  transition: box-shadow 0.22s ease !important;
}
html.plp-page .site-header,
html.plp-page header.site-header,
html body.plp-page .site-header,
html body.plp-page header.site-header {
  z-index: 9000 !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* PLP UL: thin 1px draw, never bold / inset */
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat.is-active {
  font-weight: 400 !important;
  background-image: linear-gradient(#000, #000) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 1px !important;
  box-shadow: none !important;
  transition: background-size 0.45s linear !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products .site-plp-cat.is-active,
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products .site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible {
  font-weight: 400 !important;
  background-size: 100% 1px !important;
  box-shadow: none !important;
}
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > .site-plp-cat__line {
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* —— Pass 20260809h31 — sitewide 80/60 banners; Why 24px accordion; sticky+UL harden —— */

/* Sitewide editorial full-bleed banners */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img {
  width: 100% !important;
  height: 87vh !important;
  min-height: 87vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 767px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img {
    height: 75vh !important;
    min-height: 75vh !important;
  }
}

/* Why accordion: 24px titles, matched side spacing, LS -0.20px */
html body .site-why__intro,
.site-why__intro {
  padding: 80px 120px 72px !important;
  box-sizing: border-box !important;
}
html body .site-why__pillars,
.site-why__pillars {
  width: 100% !important;
  margin: 0 !important;
  padding: 64px 120px 56px !important;
  box-sizing: border-box !important;
}
html body .site-why__pillars-lead,
.site-why__pillars-lead {
  margin: 0 0 40px !important;
  max-width: 920px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
html body .site-why__accordion,
.site-why__accordion {
  width: 100% !important;
  border-top: 1px solid #000 !important;
}
html body .site-why__acc-item,
.site-why__acc-item {
  border-bottom: 1px solid #000 !important;
}
html body .site-why__acc-btn,
.site-why__acc-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  width: 100% !important;
  padding: 32px 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  text-align: left !important;
}
html body .site-why__acc-title,
.site-why__acc-title {
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
html body .site-why__acc-icon,
.site-why__acc-icon {
  flex: 0 0 auto !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1 !important;
  color: #000 !important;
}
html body .site-why__acc-panel-inner {
  padding: 0 0 32px !important;
  max-width: 820px !important;
}
html body .site-why__intro-title,
html body .site-why__intro-copy p,
html body .site-why__acc-copy,
html body .site-why__acc-subhead {
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body .site-why__intro-title,
html body .site-why__intro-copy p {
  font-size: 14px !important;
}
html body .site-why__acc-copy,
html body .site-why__acc-subhead {
  font-size: 14px !important;
}
html body .site-why {
  padding-bottom: 40px !important;
}
@media (max-width: 1099px) {
  html body .site-why__intro,
  .site-why__intro,
  html body .site-why__pillars,
  .site-why__pillars {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media (max-width: 899px) {
  html body .site-why__intro,
  .site-why__intro {
    padding: 56px 24px 48px !important;
  }
  html body .site-why__pillars,
  .site-why__pillars {
    padding: 48px 24px 40px !important;
  }
  html body .site-why__acc-title,
  .site-why__acc-title {
    font-size: 18px !important;
  }
  html body .site-why__acc-icon,
  .site-why__acc-icon {
    font-size: 20px !important;
  }
  html body .site-why__acc-btn,
  .site-why__acc-btn {
    padding: 26px 0 !important;
  }
}
@media (max-width: 767px) {
  html body .site-why__intro,
  .site-why__intro,
  html body .site-why__pillars,
  .site-why__pillars {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html body .site-why__acc-title,
  .site-why__acc-title {
    font-size: 16px !important;
  }
}

/* Collections-products sticky harden: top 0, overlay then push; thin 1px UL */
html.plp-page body main.site-collections-products .site-collections-products__bar,
html body.plp-page main.site-collections-products .site-collections-products__bar,
html.plp-page:not(.plp-strip-active) body main.site-collections-products .site-collections-products__bar,
html.plp-page.plp-strip-covering body main.site-collections-products .site-collections-products__bar,
html.plp-strip-active body main.site-collections-products .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 16000 !important;
  background: #fff !important;
}
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover {
  font-weight: 400 !important;
  background-image: linear-gradient(#000, #000) !important;
  background-position: left 100% !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  text-decoration: none !important;
  border: 0 !important;
  outline: 0 !important;
}
html body main.site-collections-products a.site-plp-cat {
  background-size: 0 1px !important;
  transition: background-size 0.45s linear !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible {
  background-size: 100% 1px !important;
}
html body main.site-collections-products a.site-plp-cat > .site-plp-cat__line,
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat::after,
html body main.site-collections-products a.site-plp-cat::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* —— Pass 20260809h31 — materials footer row; PLP fixed-header overlay then push —— */

/* Materials read: Back text centered + ↑ right, one tight row */
html body .site-principles__footer {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 104px 24px !important;
  box-sizing: border-box !important;
}
html body .site-principles__footer .site-principles__back {
  grid-column: 2 !important;
  justify-self: center !important;
  text-align: center !important;
}
html body .site-principles__footer .site-principles__backtop-btn,
html body .site-principles__footer .site-plp-backtop__btn {
  grid-column: 3 !important;
  justify-self: end !important;
  margin: 0 !important;
}
html body .site-principles__back-wrap,
html body .site-principles__backtop {
  display: none !important;
}
@media (max-width: 899px) {
  html body .site-principles__footer {
    padding: 16px 20px 20px !important;
  }
}

/* PLP: force fixed header until push; kill early hide / slow slide */
html.plp-page .site-header,
html.plp-page header.site-header,
html body.plp-page .site-header,
html body.plp-page header.site-header,
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  position: fixed !important;
  top: var(--promo-bar-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  translate: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: none !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
}
html.plp-page .site-collections-products__bar,
html body.plp-page main.site-collections-products .site-collections-products__bar,
html.plp-page.plp-strip-covering .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 20001 !important;
  background: #fff !important;
  transition: none !important;
}
html.plp-strip-active .site-header,
html.plp-strip-active header.site-header,
html.plp-page.plp-strip-active .site-header,
html.plp-page.plp-strip-active header.site-header {
  transform: translate3d(0, calc(-1 * var(--site-header-height, 64px)), 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: none !important;
  z-index: 1 !important;
}

/* —— Pass 20260809h31 — footer pad; promo sitewide ex cart/pdp; PLP progress —— */
html body .site-principles__footer {
  padding: 40px 104px 48px !important;
}
@media (max-width: 899px) {
  html body .site-principles__footer {
    padding: 32px 20px 40px !important;
  }
}

/* Announcement: hide on cart + PDP only (shown everywhere else via TopBar) */
html.cart-page .site-promo,
html.cart-page body .site-promo,
html body.cart-page .site-promo,
html.product-page .site-promo,
html.product-page body .site-promo,
html body.product-page .site-promo {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Route progress: readable on category swaps */
html body #xsample-route-progress {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  z-index: 2147483646 !important;
}
html body #xsample-route-progress.is-active {
  opacity: 1 !important;
  transition: width 0.28s linear, opacity 0.12s ease-out !important;
}
html body #xsample-route-progress.is-idle {
  opacity: 0 !important;
  width: 0 !important;
}

/* —— Pass 20260809h31 — footer +15; banners 90/75; PLP promo under header; progress visible —— */
html body .site-principles__footer {
  padding: 55px 104px 63px !important;
}
@media (max-width: 899px) {
  html body .site-principles__footer {
    padding: 47px 20px 55px !important;
  }
}

/* Sitewide editorial banners: 90vh desktop / 75vh mobile */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img {
  height: 87vh !important;
  min-height: 87vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
@media (max-width: 767px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img {
    height: 75vh !important;
    min-height: 75vh !important;
  }
}

/* PLP: never cover announcement — header sits under promo height */
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html body.plp-page:not(.plp-strip-active) .site-header,
html body.plp-page:not(.plp-strip-active) header.site-header {
  top: var(--promo-bar-height, 0px) !important;
}
html.plp-page:not(.plp-strip-active) .site-promo,
html body.plp-page:not(.plp-strip-active) .site-promo {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  position: relative !important;
  z-index: 13050 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html.plp-strip-active .site-promo,
html body.plp-strip-active .site-promo {
  transform: translate3d(0, -120%, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Progress: always readable on PLP white chrome; white only when promo visibly on */
html.plp-page #xsample-route-progress,
html.plp-page.xsample-promo-off #xsample-route-progress,
html body.plp-page #xsample-route-progress {
  background: #000 !important;
  background-color: #000 !important;
}
html.plp-page.xsample-promo-on #xsample-route-progress {
  background: #fff !important;
  background-color: #fff !important;
}
html body #xsample-route-progress {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  z-index: 2147483646 !important;
}
html body #xsample-route-progress.is-active {
  opacity: 1 !important;
}

/* —— Pass 20260809h32 — banners 85vh desktop; sticky no padding toggle / no stuck —— */

/* Sitewide desktop banners */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img,
html body .site-craft__feature-img,
html body .site-craft__feature > img,
html body .site-services__hero-img,
html body .site-services__feature-img {
  height: 85vh !important;
  min-height: 85vh !important;
}

/* Sitewide: announcement sticky with header */
html body .site-promo,
html:not(.cart-page):not(.product-page) body .site-promo {
  position: sticky !important;
  top: 0 !important;
  z-index: 13050 !important;
  background: #000 !important;
}
html:not(.cart-page):not(.product-page) body .site-header,
html:not(.cart-page):not(.product-page) body header.site-header,
html:not(.plp-page):not(.product-page) body .site-header,
html:not(.plp-page):not(.product-page) body header.site-header {
  position: sticky !important;
  top: var(--promo-bar-height, 0px) !important;
  z-index: 12000 !important;
}

/* PLP: promo+header fixed pair until tab push */
html.plp-page:not(.plp-strip-active) .site-promo,
html body.plp-page:not(.plp-strip-active) .site-promo {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 13050 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  background: #000 !important;
}
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html body.plp-page:not(.plp-strip-active) .site-header,
html body.plp-page:not(.plp-strip-active) header.site-header {
  position: fixed !important;
  top: var(--promo-bar-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 12000 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Reserve space for fixed promo+header chrome on PLP — never toggle (toggle caused jump + stuck) */
html.plp-page main.site-collections-products {
  padding-top: var(--plp-chrome-height, var(--site-header-height, 64px)) !important;
  box-sizing: border-box !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-promo,
html.plp-page.plp-strip-covering:not(.plp-strip-active) .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
}
html.plp-strip-active .site-promo,
html body.plp-strip-active .site-promo {
  transform: translate3d(0, -120%, 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html.plp-strip-active .site-header,
html.plp-strip-active header.site-header,
html.plp-page.plp-strip-active .site-header,
html.plp-page.plp-strip-active header.site-header {
  transform: translate3d(0, calc(-1 * (var(--promo-bar-height, 0px) + var(--site-header-height, 64px))), 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html.plp-page .site-collections-products__bar,
html.plp-strip-covering .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 20001 !important;
  background: #fff !important;
}


/* —— Pass 20260809h32b — PLP fixed chrome must beat sitewide sticky —— */
html.plp-page:not(.plp-strip-active):not(.cart-page):not(.product-page) body .site-promo,
html.plp-page:not(.plp-strip-active) body .site-promo {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 13050 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #000 !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) body .site-promo {
  z-index: 1 !important;
  pointer-events: none !important;
}
html.plp-page:not(.plp-strip-active):not(.cart-page):not(.product-page) body .site-header,
html.plp-page:not(.plp-strip-active):not(.cart-page):not(.product-page) body header.site-header,
html.plp-page:not(.plp-strip-active) body .site-header,
html.plp-page:not(.plp-strip-active) body header.site-header {
  position: fixed !important;
  top: var(--promo-bar-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 12000 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html.plp-page.plp-strip-covering:not(.plp-strip-active) body .site-header,
html.plp-page.plp-strip-covering:not(.plp-strip-active) body header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
}
html.plp-page.plp-strip-active body .site-promo,
html.plp-strip-active body .site-promo {
  transform: translate3d(0, -120%, 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html.plp-page.plp-strip-active body .site-header,
html.plp-page.plp-strip-active body header.site-header,
html.plp-strip-active body .site-header,
html.plp-strip-active body header.site-header {
  transform: translate3d(0, calc(-1 * (var(--promo-bar-height, 0px) + var(--site-header-height, 64px))), 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}


/* —— Pass 20260809h33 — mobile banners 50vh; kill PLP promo slide —— */
@media (max-width: 767px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img {
    height: 50vh !important;
    min-height: 50vh !important;
  }
}

/* PLP: announcement+header must snap, not ease — 0.55s transform was the “slide down” */
html.plp-page .site-promo,
html.plp-page body .site-promo,
html.plp-page .site-header,
html.plp-page header.site-header,
html.plp-page body .site-header,
html.plp-page body header.site-header,
html body.plp-page .site-promo,
html body.plp-page .site-header,
html body.plp-page header.site-header {
  transition: none !important;
  will-change: auto !important;
}
html.plp-strip-active .site-promo,
html.plp-strip-active body .site-promo,
html body.plp-strip-active .site-promo {
  transition: none !important;
  /* pack instantly above viewport — no animated slide */
  transform: translate3d(0, -120%, 0) !important;
}
html.plp-page:not(.plp-strip-active) .site-promo,
html.plp-page:not(.plp-strip-active) body .site-promo,
html body.plp-page:not(.plp-strip-active) .site-promo {
  transition: none !important;
  transform: none !important;
}


/* —— Pass 20260809h34 — PLP sticky: no glitchy active / no bar shadow pop —— */
html.plp-page .site-collections-products__bar,
html.plp-strip-covering .site-collections-products__bar,
html.plp-strip-active .site-collections-products__bar,
html body.plp-page main.site-collections-products .site-collections-products__bar {
  transition: none !important;
  box-shadow: none !important;
  will-change: auto !important;
}


/* —— Pass 20260809h35 — load-more done; site motion PLP+PDP —— */

/* Load more finished: no underline, quiet confirmation */
html body .site-plp-loadmore--done,
html body .site-plp-loadmore__done {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: default !important;
  pointer-events: none !important;
  color: #6b6b6b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body .site-plp-loadmore--done .xsample-ul-line,
html body .site-plp-loadmore__done::after,
html body .site-plp-loadmore__done::before {
  display: none !important;
  content: none !important;
}
@media (min-width: 768px) {
  html body .site-plp-loadmore__done { font-size: 14px !important; }
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes xsample-rise {
    from { opacity: 0; transform: translate3d(0, 16px, 0); }
    to { opacity: 1; transform: none; }
  }
  @keyframes xsample-fade {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes xsample-float-in {
    from { opacity: 0; transform: translate3d(0, 12px, 0); }
    to { opacity: 1; transform: none; }
  }

  /* Sitewide page shell softens on route settle */
  html body #root > .flex-1,
  html body #root > div > .flex-1 {
    transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  /* PLP cards: rise in as they enter / mount */
  html body .site-plp-card.xsample-reveal,
  html body a.site-plp-card {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition:
      opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
  html body .site-plp-card.xsample-reveal.is-inview,
  html body a.site-plp-card.is-inview {
    opacity: 1 !important;
    transform: none !important;
  }
  html body .site-collections-products__grid .site-plp-card:nth-child(1) { transition-delay: 0.02s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(2) { transition-delay: 0.05s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(3) { transition-delay: 0.08s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(4) { transition-delay: 0.11s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(5) { transition-delay: 0.04s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(6) { transition-delay: 0.07s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(7) { transition-delay: 0.10s !important; }
  html body .site-collections-products__grid .site-plp-card:nth-child(8) { transition-delay: 0.13s !important; }

  /* PLP image presence on hover */
  html body .site-plp-card__img,
  html body .site-plp-card img {
    transform: scale(1);
    transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
  }
  html body .site-plp-card:hover .site-plp-card__img,
  html body .site-plp-card:hover img {
    transform: scale(1.035);
  }

  /* Title / bar settle */
  html body main.site-collections-products .site-collections-products__title {
    animation: xsample-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  html body .site-plp-loadmore {
    animation: xsample-fade 0.45s ease both;
    animation-delay: 0.12s;
  }

  /* PDP: gallery + buy column breathe in */
  html.product-page body main.site-product,
  html body.product-page main.site-product,
  html body main.site-product {
    animation: xsample-fade 0.35s ease both;
  }
  html body .site-product__rail,
  html body .site-product__gallery,
  html body .site-product__media,
  html body main.site-product > div > div:first-child {
    animation: xsample-float-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  html body .site-product__sticky-bar.site-product__sticky-bar--float {
    animation: xsample-float-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  html body .site-product__variant,
  html body button.site-product__variant {
    transition: transform 0.25s ease, opacity 0.25s ease, border-color 0.25s ease !important;
  }
  html body .site-product__variant:hover,
  html body button.site-product__variant:hover {
    transform: none !important;
  }
  html body .site-product__row {
    transition: opacity 0.2s ease !important;
  }
  html body .site-product-modal__img,
  html body .site-product__rail img,
  html body main.site-product img {
    transition: opacity 0.35s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  /* Editorial pages: bleed images ease in */
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img {
    animation: xsample-fade 0.7s ease both;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .site-plp-card.xsample-reveal,
  html body a.site-plp-card {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* —— Pass 20260809h36 — PLP tab 1px line draw; load-more no UL; cat ≤10 —— */

/* Load more: never underline */
html body .site-plp-loadmore__btn,
html body button.site-plp-loadmore__btn,
html body .site-plp-loadmore__btn:hover,
html body .site-plp-loadmore__btn:focus,
html body .site-plp-loadmore__btn:focus-visible {
  text-decoration: none !important;
  background-image: none !important;
  background-size: 0 !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
html body .site-plp-loadmore__btn > .xsample-ul-line,
html body button.site-plp-loadmore__btn > .xsample-ul-line,
html body .site-plp-loadmore__btn::after,
html body .site-plp-loadmore__btn::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/*
  PLP category tabs: true 1px line that DRAWS L→R on hover/active.
  Kill earlier background-size / inset-shadow fights (looked wrong under sticky).
*/
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html.plp-page body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html body.plp-strip-active main.site-collections-products a.site-plp-cat {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding-bottom: 4px !important;
  margin: 0 !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  background-size: auto !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
html body main.site-collections-products a.site-plp-cat:hover,
html body main.site-collections-products a.site-plp-cat:focus-visible,
html body main.site-collections-products a.site-plp-cat.is-active,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  font-weight: 400 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-size: auto !important;
}

html body main.site-collections-products a.site-plp-cat::before,
html body main.site-collections-products a.site-plp-cat::after,
html body main.site-collections-products .site-plp-cat::before,
html body main.site-collections-products .site-plp-cat::after {
  content: none !important;
  display: none !important;
}

html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform !important;
  z-index: 1 !important;
}
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  transform: scaleX(1) !important;
}


/* —— Pass 20260809h37 — load-more no grid flash; faster PLP tab UL —— */

/* PLP cards: never opacity-0 the whole grid (that flashed on Load more) */
html body .site-plp-card.xsample-reveal,
html body a.site-plp-card,
html body .site-collections-products__grid .site-plp-card,
html body .site-collections-products__grid a.site-plp-card {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
html body .site-collections-products__grid .site-plp-card:nth-child(n) {
  transition-delay: 0s !important;
}

/* Only the newly appended page rises in */
@media (prefers-reduced-motion: no-preference) {
  @keyframes xsample-plp-enter {
    from { opacity: 0; transform: translate3d(0, 14px, 0); }
    to { opacity: 1; transform: none; }
  }
  html body .site-collections-products__grid .site-plp-card.site-plp-card--enter,
  html body .site-collections-products__grid a.site-plp-card.site-plp-card--enter {
    opacity: 0 !important;
    animation: xsample-plp-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  }
  html body .site-collections-products__grid .site-plp-card.site-plp-card--enter:nth-child(4n+1) { animation-delay: 0.02s !important; }
  html body .site-collections-products__grid .site-plp-card.site-plp-card--enter:nth-child(4n+2) { animation-delay: 0.05s !important; }
  html body .site-collections-products__grid .site-plp-card.site-plp-card--enter:nth-child(4n+3) { animation-delay: 0.08s !important; }
  html body .site-collections-products__grid .site-plp-card.site-plp-card--enter:nth-child(4n+4) { animation-delay: 0.11s !important; }
}

/* Keep image hover zoom without fighting enter animation */
html body .site-plp-card__img,
html body .site-plp-card img {
  transform: scale(1);
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .site-plp-card:hover .site-plp-card__img,
html body .site-plp-card:hover img {
  transform: scale(1.035);
}

/* PLP tab underlines: faster than sitewide stay-uls (~0.45s) */
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* —— Pass 20260809h38 — products always visible; kill text rise; perfect tab UL —— */

/* CRITICAL: products must never sit at opacity 0 */
html body a.site-plp-card,
html body .site-plp-card,
html body .site-plp-card.xsample-reveal,
html body .site-plp-card.site-plp-card--enter,
html body .site-collections-products__grid .site-plp-card,
html body .site-collections-products__grid a.site-plp-card,
html body .site-collections-products__grid .site-plp-card.site-plp-card--enter,
html body .site-collections-products__grid a.site-plp-card.site-plp-card--enter {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Remove slide-up / fade on PLP title + load more text */
html body main.site-collections-products .site-collections-products__title,
html body .site-collections-products__title,
html body .site-plp-loadmore,
html body .site-plp-crumb-row,
html body .site-plp-crumb,
html body .site-plp-crumb-current {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Image hover zoom only — no card motion */
html body .site-plp-card__img,
html body .site-plp-card img {
  transform: scale(1);
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .site-plp-card:hover .site-plp-card__img,
html body .site-plp-card:hover img {
  transform: scale(1.035);
}

/*
  Tab underlines: crisp 1px, sit closer to text (moved up), fast draw.
*/
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html.plp-page body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html body.plp-strip-active main.site-collections-products a.site-plp-cat {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  padding-bottom: 2px !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products a.site-plp-cat:hover,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active {
  font-weight: 400 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 2 !important;
}
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  transform: scaleX(1) !important;
}


/* —— Pass 20260809h39 — tab UL weight/timing match site; no sticky thin; loadmore bounce —— */

/*
  PLP tabs: same 1px weight as .xsample-ul-line, same ~0.45s timing.
  Use WIDTH (not scaleX) so sticky/active never hairlines the stroke.
*/
html body main.site-collections-products a.site-plp-cat,
html body main.site-collections-products .site-plp-cat,
html.plp-page body main.site-collections-products a.site-plp-cat,
html.plp-strip-active body main.site-collections-products a.site-plp-cat,
html.plp-page.plp-strip-active body main.site-collections-products a.site-plp-cat,
html body.plp-strip-active main.site-collections-products a.site-plp-cat {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  padding-bottom: 3px !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
  transform: none !important;
  animation: none !important;
}
html body main.site-collections-products a.site-plp-cat.is-active,
html body main.site-collections-products a.site-plp-cat:hover,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active {
  font-weight: 400 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-page.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 1px !important;
  top: auto !important;
  width: 0 !important;
  max-width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  will-change: width !important;
  transition: width 0.45s linear !important;
  z-index: 2 !important;
}
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-page.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  width: 100% !important;
  transform: none !important;
  scale: none !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
}

/* Load more → bouncing bubble loader (matches site search/busy dots) */
html body .site-plp-loadmore__btn.is-loading,
html body button.site-plp-loadmore__btn.is-loading {
  min-width: 4.5rem !important;
  min-height: 1.35em !important;
  cursor: wait !important;
  color: #000 !important;
  text-decoration: none !important;
}
html body .site-plp-loadmore__busy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  height: 1em !important;
  min-height: 1em !important;
  pointer-events: none !important;
}
html body .site-plp-loadmore__dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #000 !important;
  display: block !important;
  animation: site-plp-loadmore-bounce 0.7s ease-in-out infinite !important;
}
html body .site-plp-loadmore__dot:nth-child(2) { animation-delay: 0.12s !important; }
html body .site-plp-loadmore__dot:nth-child(3) { animation-delay: 0.24s !important; }
@keyframes site-plp-loadmore-bounce {
  0%, 80%, 100% { transform: translateY(0); opacity: 0.35; }
  40% { transform: translateY(-8px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html body .site-plp-loadmore__dot {
    animation: none !important;
    opacity: 1 !important;
  }
}


/* —— Pass 20260809h40 — cart empty CTA + promo ESSENTIALS/SWEATS black again —— */
html body .site-cart__cta,
html.cart-page body .site-cart__cta,
html body a.site-cart__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0.85rem !important;
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-width: 200px !important;
  margin-top: calc(1.25rem - 8px) !important;
  padding: 12px !important;
    font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
html body .site-cart__cta:hover,
html.cart-page body .site-cart__cta:hover {
  opacity: 1 !important;
  color: #cfcfcf !important;
  -webkit-text-fill-color: #cfcfcf !important;
  background: #000 !important;
  border: 0 !important;
}
html body .site-cart__cta > .xsample-ul-line,
html.cart-page body .site-cart__cta > .xsample-ul-line {
  display: none !important;
}
@media (min-width: 768px) {
  html body .site-cart__cta,
  html.cart-page body .site-cart__cta {
    font-size: 14px !important;
    padding: 12px !important;
    margin-top: calc(1.25rem - 8px) !important;
  }
}

html body .site-cart__promo-btn,
html body a.site-cart__promo-btn,
html.cart-page body .site-cart__promo-btn,
html.cart-page body a.site-cart__promo-btn {
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #000 !important;
}
html body .site-cart__promo:hover .site-cart__promo-btn,
html.cart-page body .site-cart__promo:hover .site-cart__promo-btn {
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body .site-cart__promo .site-cart__promo-btn:hover,
html body .site-cart__promo a.site-cart__promo-btn:hover,
html body .site-cart__promo:hover .site-cart__promo-btn:hover,
html.cart-page body .site-cart__promo .site-cart__promo-btn:hover,
html.cart-page body .site-cart__promo:hover .site-cart__promo-btn:hover {
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 1px solid #000 !important;
}


/* —— Pass 20260809h41 — loadmore cursor; thicker tab UL; cart CTA like BV; promo white —— */

/* Load more bubbles: keep normal pointer */
html body .site-plp-loadmore__btn.is-loading,
html body button.site-plp-loadmore__btn.is-loading,
html body .site-plp-loadmore.is-loading .site-plp-loadmore__btn {
  cursor: pointer !important;
}

/* Tab underline: a touch heavier than 1px hairline, still not bold; width draw (no sticky thin) */
html body main.site-collections-products span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-page.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  height: 1.5px !important;
  min-height: 1.5px !important;
  max-height: 1.5px !important;
  transform: none !important;
  scale: none !important;
  transition: width 0.45s linear !important;
}
html body main.site-collections-products a.site-plp-cat:hover > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat:focus-visible > span.site-plp-cat__line,
html body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html.plp-strip-active body main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line,
html body.plp-strip-active main.site-collections-products a.site-plp-cat.is-active > span.site-plp-cat__line {
  height: 1.5px !important;
  min-height: 1.5px !important;
  max-height: 1.5px !important;
  transform: none !important;
}

/* Empty-cart CTA = Bottega-style black pill/btn; writeup stays text+underline links */
html body .site-cart__cta,
html.cart-page body .site-cart__cta,
html body a.site-cart__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: calc(1.25rem - 8px) !important;
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-width: 200px !important;
  padding: 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  text-decoration: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body .site-cart__cta:hover,
html.cart-page body .site-cart__cta:hover {
  opacity: 1 !important;
  color: #cfcfcf !important;
  -webkit-text-fill-color: #cfcfcf !important;
  background: #000 !important;
  border: 0 !important;
}
html body .site-cart__cta > .xsample-ul-line { display: none !important; }
@media (min-width: 768px) {
  html body .site-cart__cta,
  html.cart-page body .site-cart__cta {
    font-size: 14px !important;
    padding: 12px !important;
    margin-top: calc(1.25rem - 8px) !important;
  }
}

/* Promo tiles (SHIRTING / KNITWEAR): white buttons; only CTA matches BV black */
html body .site-cart__promo-btn,
html body a.site-cart__promo-btn,
html.cart-page body .site-cart__promo-btn,
html.cart-page body a.site-cart__promo-btn {
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 1px solid #000 !important;
}
html body .site-cart__promo:hover .site-cart__promo-btn,
html.cart-page body .site-cart__promo:hover .site-cart__promo-btn {
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body .site-cart__promo .site-cart__promo-btn:hover,
html body .site-cart__promo a.site-cart__promo-btn:hover,
html body .site-cart__promo:hover .site-cart__promo-btn:hover,
html.cart-page body .site-cart__promo .site-cart__promo-btn:hover,
html.cart-page body .site-cart__promo:hover .site-cart__promo-btn:hover {
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #000 !important;
}

/* Writeup stays body text + underline links (not a button) */
html body .site-cart__writeup-link,
html.cart-page body .site-cart__writeup-link {
  background: transparent !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: inline !important;
}


/* —— Pass 20260809h43 — Continue shopping lock: 14px / 12px pad / margin-top -8px —— */
html body .site-cart__cta,
html.cart-page body .site-cart__cta,
html body a.site-cart__cta,
html.cart-page body a.site-cart__cta {
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 12px !important;
  padding-block: 12px !important;
  padding-inline: 12px !important;
  min-width: 200px !important;
  margin-top: calc(1.25rem - 8px) !important;
}
@media (max-width: 767px) {
  html body .site-cart__cta,
  html.cart-page body .site-cart__cta,
  html body a.site-cart__cta,
  html.cart-page body a.site-cart__cta {
    font-size: 14px !important;
    padding: 12px !important;
    margin-top: calc(1.25rem - 8px) !important;
  }
}
@media (min-width: 768px) {
  html body .site-cart__cta,
  html.cart-page body .site-cart__cta,
  html body a.site-cart__cta,
  html.cart-page body a.site-cart__cta {
    font-size: 14px !important;
    padding: 12px !important;
    margin-top: calc(1.25rem - 8px) !important;
  }
}

/* —— Pass 20260809h44 — CTA size: beat wipe inline leftovers via attribute —— */
html body .site-cart__cta,
html.cart-page body .site-cart__cta,
html body a.site-cart__cta,
html.cart-page body a.site-cart__cta,
html body .site-cart__cta[data-xsample-clip-wipe],
html.cart-page body .site-cart__cta[data-xsample-clip-wipe] {
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 12px !important;
  margin-top: calc(1.25rem - 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 200px !important;
  width: auto !important;
  max-width: none !important;
  text-decoration: none !important;
}


/* —— Pass 20260809h45 — promo NOT sticky sitewide; search covers chrome; no search UL —— */

/* Announcement: in-flow only (never sticky/fixed) */
html body .site-promo,
html:not(.cart-page):not(.product-page) body .site-promo,
html.plp-page body .site-promo,
html.plp-page:not(.plp-strip-active) body .site-promo,
html.plp-page:not(.plp-strip-active) .site-promo,
html body.plp-page .site-promo {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  transform: none !important;
  z-index: 20 !important;
}

/* Header sticky under scrolled-away promo */
html body .site-header,
html body header.site-header,
html:not(.cart-page):not(.product-page) body .site-header,
html:not(.cart-page):not(.product-page) body header.site-header,
html.plp-page:not(.plp-strip-active) body .site-header,
html.plp-page:not(.plp-strip-active) body header.site-header,
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 12000 !important;
  transform: none !important;
}

/* PLP main: no fixed-chrome padding — promo+header are in flow / sticky */
html.plp-page main.site-collections-products {
  padding-top: 0 !important;
}

/* Search overlay must cover header + announcement (incl. PLP high z-index chrome) */
html body .site-search,
html body .site-search--open,
html.site-search-open body .site-search,
html.site-search-open body .site-search--open,
html.plp-page.site-search-open body .site-search,
html.plp-page.site-search-open body .site-search--open {
  z-index: 2147483000 !important;
  position: fixed !important;
  inset: 0 !important;
}
html.site-search-open body .site-promo,
html body.site-search-open .site-promo,
html.plp-page.site-search-open body .site-promo,
html.plp-page.site-search-open .site-promo,
html.site-search-open body .site-header,
html.site-search-open body header.site-header,
html body.site-search-open .site-header,
html body.site-search-open header.site-header,
html.plp-page.site-search-open body .site-header,
html.plp-page.site-search-open body header.site-header {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Search sidebar UL: fixed 1px offset (no downward drift) */
html body .site-search__list-link,
html body button.site-search__list-link,
html body .site-search__hint-text,
html body button.site-search__hint-text {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 0 1px !important;
  text-decoration: none !important;
  background-image: none !important;
  vertical-align: baseline !important;
}
html body .site-search__list-link > .xsample-ul-line,
html body button.site-search__list-link > .xsample-ul-line,
html body .site-search__hint-text > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  transform: none !important;
  background: #000 !important;
}


/* —— Pass 20260809h45b — never hide/fix in-flow announcement on PLP pack —— */
html.plp-strip-active .site-promo,
html.plp-strip-active body .site-promo,
html.plp-page.plp-strip-active .site-promo,
html.plp-page.plp-strip-active body .site-promo,
html body.plp-strip-active .site-promo,
html.plp-page.plp-strip-covering .site-promo,
html.plp-page.plp-strip-covering body .site-promo {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  translate: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 20 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Header still packs away under sticky tabs */
html.plp-strip-active .site-header,
html.plp-strip-active header.site-header,
html.plp-page.plp-strip-active .site-header,
html.plp-page.plp-strip-active header.site-header,
html.plp-page.plp-strip-active body .site-header,
html.plp-page.plp-strip-active body header.site-header {
  transform: translate3d(0, calc(-1 * var(--site-header-height, 64px)), 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* When search open on PLP, force cover even if strip JS set inline z-index */
html.site-search-open .site-search,
html.site-search-open body .site-search,
html body.site-search-open .site-search,
html.plp-page.site-search-open .site-search,
html.plp-page.site-search-open body .site-search {
  z-index: 2147483000 !important;
}


/* —— Pass 20260809h47 — bold/medium = 500 sitewide (search included) —— */
html body .font-medium,
html body .font-semibold,
html body .font-bold,
html body .font-extrabold,
html body .md\:font-bold,
html body .md\:font-semibold,
html body .md\:font-medium {
  font-weight: 500 !important;
}

/* Search: everything 400; only section headings 500 */
html body .site-search,
html body .site-search *:not(.site-search__heading) {
  font-weight: 400 !important;
}
html body .site-search__heading,
html body .site-search h3.site-search__heading {
  font-weight: 500 !important;
}


/* —— Pass 20260809h47b — nuclear: bold faces = 500 (search headings too) —— */
:root {
  --font-weight-medium: 500 !important;
  --font-weight-semibold: 500 !important;
  --font-weight-bold: 500 !important;
  --font-weight-extrabold: 500 !important;
  --font-weight-black: 500 !important;
}
html body .font-medium,
html body .font-semibold,
html body .font-bold,
html body .font-extrabold,
html body .font-black,
html body strong,
html body b,
html body .site-mega__title,
html body .site-home-card__label,
html body .site-discover__label,
html body .site-section__title,
html body .site-discover__title {
  font-weight: 500 !important;
}


/* —— Pass 20260809h49 — search 400/500 headings; UL offset; PLP chrome; PDP +/- —— */

/* Search type */
html body .site-search,
html body .site-search input,
html body .site-search button,
html body .site-search a,
html body .site-search p,
html body .site-search span,
html body .site-search li,
html body .site-search__list-link,
html body .site-search__hint-text,
html body .site-search__result-title,
html body .site-search__most-label,
html body .site-search__empty,
html body .site-search__help,
html body .site-search__status,
html body .site-search__input {
  font-weight: 400 !important;
}
html body .site-search__heading,
html body .site-search h3.site-search__heading {
  font-weight: 500 !important;
}

/* Sitewide (not PLP): announcement not sticky */
html body:not(.plp-page) .site-promo,
html:not(.plp-page) body .site-promo {
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

/* PLP: restore fixed promo+header under tabs (correct placement) */
html.plp-page:not(.plp-strip-active) .site-promo,
html.plp-page:not(.plp-strip-active) body .site-promo,
html body.plp-page:not(.plp-strip-active) .site-promo {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 13050 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html.plp-page:not(.plp-strip-active) body .site-header,
html.plp-page:not(.plp-strip-active) body header.site-header,
html body.plp-page:not(.plp-strip-active) .site-header,
html body.plp-page:not(.plp-strip-active) header.site-header {
  position: fixed !important;
  top: var(--promo-bar-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 12000 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html.plp-page main.site-collections-products {
  padding-top: var(--plp-chrome-height, var(--site-header-height, 64px)) !important;
  box-sizing: border-box !important;
}

/* When tabs pack chrome, hide fixed promo+header again */
html.plp-strip-active .site-promo,
html.plp-page.plp-strip-active .site-promo,
html.plp-page.plp-strip-active body .site-promo {
  transform: translate3d(0, -120%, 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html.plp-strip-active .site-header,
html.plp-strip-active header.site-header,
html.plp-page.plp-strip-active .site-header,
html.plp-page.plp-strip-active header.site-header,
html.plp-page.plp-strip-active body .site-header,
html.plp-page.plp-strip-active body header.site-header {
  transform: translate3d(0, calc(-1 * (var(--promo-bar-height, 0px) + var(--site-header-height, 64px))), 0) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}


/* —— Pass 20260809h50 — search UL locked offset (replaced by h51) —— */

/* PLP sticky handoff: no transition on chrome (transition = shake) */
html.plp-page .site-promo,
html.plp-page body .site-promo,
html.plp-page .site-header,
html.plp-page header.site-header,
html.plp-page body .site-header,
html.plp-page body header.site-header {
  transition: none !important;
  animation: none !important;
}


/* —— Pass 20260809h51 — image +/− cursors; PLP header restore; search UL same offset —— */

/* PDP: + cursor on image hover, − cursor in modal */
html body .site-product__shot,
html body .site-product__shot img,
html body .site-product__shot--full,
html body .site-product__shot--full img {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 6v16M6 14h16' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") 14 14, zoom-in !important;
}
html body.site-modal-open .site-product-modal,
html body.site-modal-open .site-product-modal__pane,
html body.site-modal-open .site-product-modal__img,
html.site-modal-open .site-product-modal,
html.site-modal-open .site-product-modal__pane,
html.site-modal-open .site-product-modal__img {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 14h16' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") 14 14, zoom-out !important;
}
html body .site-product-modal__close {
  color: #000 !important;
  cursor: pointer !important;
}
html body .site-product-modal__close svg {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
}

/* PLP: when not strip-active, header MUST show */
html.plp-page:not(.plp-strip-active) .site-header,
html.plp-page:not(.plp-strip-active) header.site-header,
html.plp-page:not(.plp-strip-active) body .site-header,
html.plp-page:not(.plp-strip-active) body header.site-header,
html body.plp-page:not(.plp-strip-active) .site-header,
html body.plp-page:not(.plp-strip-active) header.site-header {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  pointer-events: auto !important;
}

/* Search: NO stay underline — hover draw only; fixed pad/offset so height never shifts */
html body .site-search .xsample-ul-line,
html body .site-search__list-link > .xsample-ul-line,
html body .site-search__hint-text > .xsample-ul-line {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
}

html body .site-search__list-link,
html body button.site-search__list-link,
html body .site-search__hint-text,
html body button.site-search__hint-text,
html body .site-search__list-link:hover,
html body .site-search__list-link:focus-visible,
html body .site-search__hint-text:hover,
html body button.site-search__list-link:hover {
  --search-ul-gap: 1px;
  --search-ul-w: 1px;
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  /* Reserved forever — same rest + hover so box height never grows/shrinks */
  padding: 0 0 var(--search-ul-gap) !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: 1.35 !important;
  vertical-align: baseline !important;
  box-sizing: content-box !important;
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-repeat: no-repeat !important;
  /* Y locked — only width animates */
  background-position: 0 100% !important;
  background-size: 0 var(--search-ul-w) !important;
  transition: background-size 0.45s linear !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
}
html body .site-search__list-link:hover,
html body .site-search__list-link:focus-visible,
html body .site-search__list-link.is-active,
html body .site-search__hint-text:hover,
html body .site-search__hint-text:focus-visible,
html body button.site-search__list-link:hover,
html body button.site-search__list-link:focus-visible {
  padding: 0 0 var(--search-ul-gap) !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-size: 100% var(--search-ul-w) !important;
  text-decoration: none !important;
}

/* —— Pass 20260809h52 — search hover UL: width only, no stay, no height shift —— */


/* —— Pass 20260809h57 — crash: debounce UL/MO; PLP no per-scroll showChrome —— */
/* —— Pass 20260809h56 — Capabilities hub inherits Why layout —— */

/* —— Pass 20260809h60 — Capabilities: answer 15/14; btn 42px; more last spacing —— */
html body main.site-capabilities.site-why {
  padding-left: 7px !important;
  padding-right: 7px !important;
  padding-bottom: 72px !important;
  box-sizing: border-box !important;
}
html body main.site-capabilities .site-why__pillars,
html body main.site-capabilities.site-why .site-why__pillars {
  padding-bottom: 72px !important;
}
html body main.site-capabilities .site-why__bleed--end,
html body main.site-capabilities.site-why .site-why__bleed--end {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body main.site-capabilities .site-why__acc-btn,
html body main.site-capabilities.site-why .site-why__acc-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  padding: 42px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
html body main.site-capabilities .site-why__acc-icon,
html body main.site-capabilities.site-why .site-why__acc-icon {
  flex: 0 0 1.25em !important;
  width: 1.25em !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: -0.20px !important;
}
html body main.site-capabilities .site-why__acc-panel,
html body main.site-capabilities.site-why .site-why__acc-panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.32s ease !important;
  overflow: hidden !important;
}
html body main.site-capabilities .site-why__acc-panel.is-open,
html body main.site-capabilities.site-why .site-why__acc-panel.is-open {
  grid-template-rows: 1fr !important;
}
html body main.site-capabilities .site-why__acc-panel-inner,
html body main.site-capabilities.site-why .site-why__acc-panel-inner {
  min-height: 0 !important;
  overflow: hidden !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 0 36px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body main.site-capabilities .site-why__acc-panel:not(.is-open) .site-why__acc-panel-inner,
html body main.site-capabilities.site-why .site-why__acc-panel:not(.is-open) .site-why__acc-panel-inner {
  padding-bottom: 0 !important;
}
html body main.site-capabilities .site-why__acc-block,
html body main.site-capabilities.site-why .site-why__acc-block {
  margin: 0 0 20px !important;
  padding: 0 !important;
  max-width: 820px !important;
}
html body main.site-capabilities .site-why__acc-block:last-child,
html body main.site-capabilities.site-why .site-why__acc-block:last-child {
  margin-bottom: 0 !important;
}
/* Answer / open body: 15px desktop */
html body main.site-capabilities .site-why__acc-copy,
html body main.site-capabilities.site-why .site-why__acc-copy {
  margin: 0 0 12px !important;
  max-width: 820px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
html body main.site-capabilities .site-why__acc-copy:last-child,
html body main.site-capabilities.site-why .site-why__acc-copy:last-child {
  margin-bottom: 0 !important;
}
html body main.site-capabilities .site-why__acc-subhead,
html body main.site-capabilities.site-why .site-why__acc-subhead {
  margin: 0 0 8px !important;
  max-width: 820px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}
@media (max-width: 899px) {
  html body main.site-capabilities .site-why__acc-btn,
  html body main.site-capabilities.site-why .site-why__acc-btn {
    padding: 42px 0 !important;
  }
  html body main.site-capabilities .site-why__acc-copy,
  html body main.site-capabilities.site-why .site-why__acc-copy,
  html body main.site-capabilities .site-why__acc-subhead,
  html body main.site-capabilities.site-why .site-why__acc-subhead {
    font-size: 14px !important;
  }
  html body main.site-capabilities.site-why {
    padding-bottom: 64px !important;
  }
  html body main.site-capabilities .site-why__pillars,
  html body main.site-capabilities.site-why .site-why__pillars {
    padding-bottom: 56px !important;
  }
}

/* —— Pass 20260809h61 — Capabilities detail pages + mobile mega-matching list —— */
html body .mobile-nav__cap-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  padding: 8px 20px 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body .mobile-nav__cap-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html body .mobile-nav__cap-heading {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-decoration: none !important;
  margin: 0 0 4px !important;
}
html body .mobile-nav__cap-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body .mobile-nav__cap-link {
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* —— Pass 20260809h80 — craft layout = materials topic (pads / pair / bleed / footer) —— */
html body main.site-craft.site-capability-detail,
html body main.site-craft {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-inline: 0 !important;
  padding-bottom: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--font-sans) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

/* Text blocks — exact .site-principles__intro / __text */
html body .site-craft__intro,
html body .site-craft__text,
html body .site-craft__cta {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 100px 104px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body .site-craft__title {
  margin: 0 auto 20px !important;
  max-width: 920px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: center !important;
}

html body .site-craft__copy {
  margin: 0 auto !important;
  max-width: 920px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: center !important;
}

/* SHOP COLLECTION — stay UL, no zoom */
html body .site-craft__discover,
html body a.site-craft__discover {
  position: relative !important;
  display: inline-block !important;
  margin: 28px auto 0 !important;
  padding: 0 0 3px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
  font-synthesis: none !important;
}
html body .site-craft__discover:hover,
html body a.site-craft__discover:hover,
html body .site-craft__discover:focus,
html body a.site-craft__discover:focus,
html body .site-craft__discover:active,
html body a.site-craft__discover:active {
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  font-size: 13px !important;
}
html body .site-craft__discover > .xsample-ul-line,
html body a.site-craft__discover > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  transform: none !important;
}

/* Pair — same as materials: full bleed, 12px gap, 4/5 */
html body .site-craft__pair {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body .site-craft__pair-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background: #efefef !important;
  position: relative !important;
}
html body .site-craft__pair-item img,
html body .site-craft__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  transition: none !important;
}

/* Feature banner — same as materials bleed: 85vh / 50vh mobile */
html body .site-craft__feature {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #efefef !important;
  line-height: 0 !important;
}
html body .site-craft__feature-img,
html body .site-craft__feature > img {
  width: 100% !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  transform: none !important;
  transition: none !important;
}

/* Product grid — sits where materials closing-media sits; full bleed */
html body .site-craft__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important; /* materials closing media uses 12px */
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-craft__grid-item,
html body a.site-craft__grid-item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important; /* match materials pair tiles */
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #efefef !important;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
html body .site-craft__grid-item:hover,
html body a.site-craft__grid-item:hover,
html body .site-craft__grid-item:hover img,
html body a.site-craft__grid-item:hover img {
  transform: none !important;
  scale: none !important;
}
html body .site-craft__grid-img,
html body a.site-craft__grid-item img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
}

/* Footer — exact materials topic row (final pads) */
html body .site-craft__footer {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 55px 104px 63px !important;
  box-sizing: border-box !important;
}
html body .site-craft__back,
html body a.site-craft__back {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
}
html body .site-craft__back:hover,
html body a.site-craft__back:hover,
html body .site-craft__back:focus,
html body a.site-craft__back:focus,
html body .site-craft__back:active,
html body a.site-craft__back:active {
  opacity: 1 !important;
  color: #000 !important;
  text-decoration: none !important;
  background: none !important;
  transform: none !important;
}
html body .site-craft__back::before,
html body .site-craft__back::after,
html body .site-craft__back > .xsample-ul-line,
html body a.site-craft__back > .xsample-ul-line {
  content: none !important;
  display: none !important;
}
html body .site-craft__footer .site-craft__backtop-btn,
html body .site-craft__footer .site-plp-backtop__btn {
  grid-column: 3 !important;
  justify-self: end !important;
  margin: 0 !important;
}

html body main.site-craft .site-craft__title,
html body main.site-craft h1.site-craft__title {
  font-weight: 500 !important;
}
html body main.site-craft .site-craft__copy,
html body main.site-craft .site-craft__discover,
html body main.site-craft .site-craft__back,
html body main.site-craft h2,
html body main.site-craft p,
html body main.site-craft a {
  font-weight: 400 !important;
}

@media (max-width: 899px) {
  html body .site-craft__intro,
  html body .site-craft__text,
  html body .site-craft__cta {
    padding: 72px 20px !important;
  }
  html body .site-craft__footer {
    padding: 47px 20px 55px !important;
  }
  html body .site-craft__title {
    font-size: 13px !important;
    margin-bottom: 16px !important;
  }
  html body .site-craft__copy {
    font-size: 13px !important;
    max-width: none !important;
  }
  html body .site-craft__pair { gap: 12px !important; }
  html body .site-craft__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 767px) {
  html body .site-craft__intro,
  html body .site-craft__text,
  html body .site-craft__cta {
    padding: 64px 16px !important;
  }
  html body .site-craft__footer {
    padding: 47px 16px calc(55px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .site-craft__title,
  html body .site-craft__copy { font-size: 13px !important; }
  html body .site-craft__pair { gap: 12px !important; }
  html body .site-craft__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body .site-craft__feature-img,
  html body .site-craft__feature > img {
    height: 50vh !important;
    min-height: 50vh !important;
  }
}


/* —— Pass 20260809h91 — Services 3-row acc + 85vh banners (no grey gutters); accordion 500 / larger —— */
html body main.site-services {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--font-sans) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}
/* Kill page-gutter insets that leave grey/white side strips on media */
html body main.site-services.site-services,
html body main.site-services.w-full,
html body .site-services__hero,
html body .site-services__feature {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Hero = the image itself. NO wash / NO filter. */
html body .site-services__hero {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  line-height: 0 !important;
}
html body .site-services__hero::before,
html body .site-services__hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
html body .site-services__hero-img {
  width: 100% !important;
  max-width: none !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  -webkit-filter: none !important;
  transform: none !important;
  scale: none !important;
}
html body .site-services__intro {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 48px 32px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
html body .site-services__intro::before,
html body .site-services__intro::after {
  content: none !important;
  display: none !important;
}
html body .site-services__intro > * {
  pointer-events: auto !important;
}
html body .site-services__title {
  margin: 0 auto 12px !important;
  max-width: 640px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: center !important;
}
html body .site-services__copy {
  margin: 0 auto !important;
  max-width: 560px !important; /* wider Pepites-style writeup column */
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  color: #000 !important;
  text-align: center !important;
}
html body .site-services__ctas {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 22px 40px !important;
  margin: 12px auto 0 !important;
}
/* Stay UL only — no hover-underline-erase (that dual system looked like zoom) */
html body .site-services__cta,
html body a.site-services__cta,
html body .site-services__cta:hover,
html body a.site-services__cta:hover,
html body .site-services__cta:focus,
html body a.site-services__cta:focus,
html body .site-services__cta:active,
html body a.site-services__cta:active {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-decoration-thickness: 1px !important;
  -webkit-text-decoration-thickness: 1px !important;
  color: #000 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  zoom: normal !important;
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
}
html body .site-services__cta > .xsample-ul-line,
html body a.site-services__cta > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: none !important;
  scale: none !important;
}

/* Feature media — same 2:1 band, after 12px gap */
html body .site-services__feature {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  line-height: 0 !important;
}
html body .site-services__feature-img {
  width: 100% !important;
  max-width: none !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  scale: none !important;
}

/* Accordion — Pepites width; smoother open; clearer dividers; 35px section pad */
html body .site-services__list {
  width: min(828px, calc(100% - 48px)) !important;
  max-width: 828px !important;
  margin: 0 auto 96px !important;
  padding: 120px 0 120px !important; /* 35px top + bottom around accordion block */
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-services__list-title {
  display: none !important;
}
html body .site-services__accordion {
  width: 100% !important;
  margin: 0 !important;
  border-top: 0 !important;
}
html body .site-services__acc-item {
  width: 100% !important;
  border-bottom: 1px solid #c4c4c4 !important; /* more visible than #e5e5e5 */
}
html body .site-services__acc-item:first-child {
  border-top: 1px solid #c4c4c4 !important;
}
html body .site-services__acc-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 32px 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  text-align: left !important;
  color: #000 !important;
  box-shadow: none !important;
  transform: none !important;
  scale: none !important;
}
html body .site-services__acc-btn:hover,
html body .site-services__acc-btn:focus {
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
}
html body .site-services__acc-title {
  font-family: var(--font-sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
html body .site-services__acc-icon {
  flex: 0 0 auto !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #000 !important;
}
html body .site-services__acc-panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  overflow: hidden !important;
}
html body .site-services__acc-panel.is-open {
  grid-template-rows: 1fr !important;
}
html body .site-services__acc-panel-inner {
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 0 32px !important;
  width: 100% !important;
  max-width: 100% !important;
  transition: padding 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease !important;
  opacity: 0 !important;
}
html body .site-services__acc-panel.is-open .site-services__acc-panel-inner {
  opacity: 1 !important;
}
html body .site-services__acc-panel:not(.is-open) .site-services__acc-panel-inner {
  padding-bottom: 0 !important;
}
html body .site-services__acc-subhead {
  margin: 0 0 10px !important;
  max-width: 640px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-services__acc-copy {
  margin: 0 0 12px !important;
  max-width: 640px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.45 !important;
  color: #000 !important;
}
html body .site-services__acc-copy:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 899px) {
  html body .site-services__hero-img,
  html body .site-services__feature-img {
    aspect-ratio: auto !important;
    height: 50vh !important;
    min-height: 50vh !important;
  }
  html body main.site-services,
  html body .site-services__hero,
  html body .site-services__feature {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
  }
  html body .site-services__list {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    padding: 50px 0 50px !important;
    margin-bottom: 72px !important;
  }
  html body .site-services__acc-btn {
    padding: 26px 0 !important;
  }
  html body .site-services__acc-title {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  html body .site-services__acc-icon {
    font-size: 18px !important;
    font-weight: 500 !important;
  }
  html body .site-services__copy {
    max-width: 420px !important;
  }
}
@media (max-width: 767px) {
  html body main.site-services { gap: 12px !important; }
  html body .site-services__hero-img,
  html body .site-services__feature-img {
    height: 50vh !important;
    min-height: 50vh !important;
    aspect-ratio: auto !important;
    width: 100% !important;
  }
  html body .site-services__intro { padding: 32px 16px !important; }
  html body .site-services__title,
  html body .site-services__copy { font-size: 13px !important; }
  html body .site-services__copy { max-width: 340px !important; }
  html body .site-services__ctas {
    flex-direction: column !important;
    gap: 16px !important;
  }
  html body .site-services__cta,
  html body a.site-services__cta {
    padding: 0 0 2px !important;
    font-size: 13px !important;
  }
  html body .site-services__cta > .xsample-ul-line,
  html body a.site-services__cta > .xsample-ul-line {
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    box-shadow: none !important;
  }
  html body .site-services__list {
    width: calc(100% - 32px) !important;
    padding: 35px 0 35px !important;
    margin-bottom: 64px !important;
  }
  html body .site-services__acc-btn {
    padding: 24px 0 !important;
  }
  html body .site-services__acc-panel-inner {
    padding-bottom: 24px !important;
  }
  html body .site-services__acc-copy,
  html body .site-services__acc-subhead {
    max-width: 100% !important;
    font-size: 13px !important;
  }
}

/* —— Pass 20260809h90 — Footer writeups 400; services accordion polish —— */
html body .site-footer,
html body .site-footer p,
html body .site-footer a,
html body .site-footer li,
html body .site-footer span,
html body .site-footer button,
html body .site-footer__copy,
html body .site-footer .site-footer__copy,
html body .site-footer__title,
html body .site-footer .site-footer__title,
html body .site-footer__locale,
html body .site-footer__locale a,
html body .site-footer__copyright,
html body .site-footer__copyright a,
html body .site-footer__find-store,
html body a.site-footer__find-store,
html body .site-footer__subscribe,
html body .site-footer__subscribe p,
html body .site-footer__subscribe label,
html body .site-footer__subscribe input,
html body .site-footer__mobile,
html body .site-footer__mobile p,
html body .site-footer__mobile a,
html body .site-footer__mobile button,
html body .site-footer__mobile .accordion-btn,
html body .site-footer__links,
html body .site-footer__links a,
html body .site-footer__top,
html body .site-footer__top p,
html body .site-footer__top a,
html body .site-footer [class],
html body .site-footer .font-semibold,
html body .site-footer .font-bold,
html body .site-footer .font-medium,
html body .site-footer__accordion-btn,
html body .site-footer__accordion-label,
html body .site-footer__accordion-links a {
  font-weight: 400 !important;
}

/* —— Pass 20260809h92 — sitewide banners 65vh; mega UL 0.45s linear —— */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img,
html body .site-craft__feature-img,
html body .site-craft__feature > img,
html body .site-services__hero-img,
html body .site-services__feature-img,
html body .site-capability-detail .site-craft__feature-img,
html body .site-service-detail .site-craft__feature-img,
.site-why__hero-img,
.site-why__bleed-img,
.site-materials__bleed-img,
.site-principles__hero-img,
.site-principles__bleed-img,
.site-craft__feature-img,
.site-services__hero-img,
.site-services__feature-img {
  height: 65vh !important;
  min-height: 65vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
@media (max-width: 899px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img,
  html body .site-capability-detail .site-craft__feature-img,
  html body .site-service-detail .site-craft__feature-img,
  .site-why__hero-img,
  .site-why__bleed-img,
  .site-materials__bleed-img,
  .site-principles__hero-img,
  .site-principles__bleed-img,
  .site-craft__feature-img,
  .site-services__hero-img,
  .site-services__feature-img {
    height: 65vh !important;
    min-height: 65vh !important;
  }
}
@media (max-width: 767px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img,
  html body .site-capability-detail .site-craft__feature-img,
  html body .site-service-detail .site-craft__feature-img,
  .site-why__hero-img,
  .site-why__bleed-img,
  .site-materials__bleed-img,
  .site-principles__hero-img,
  .site-principles__bleed-img,
  .site-craft__feature-img,
  .site-services__hero-img,
  .site-services__feature-img {
    height: 65vh !important;
    min-height: 65vh !important;
  }
}

/* Mega links: same 0.45s linear underline as sitewide hover ULs */
html body .site-mega,
html body .site-mega .link-line,
html body .site-mega .site-mega__link,
html body .site-mega .site-mega__title {
  --link-line-duration: 0.45s !important;
  --link-line-ease: linear !important;
}
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .link-line.site-mega__link,
html body .site-mega .link-line.site-mega__title {
  transition: background-size 0.45s linear !important;
  transition-duration: 0.45s !important;
  transition-timing-function: linear !important;
}
html body .site-mega .link-line::after,
html body .site-mega .site-mega__link::after,
html body .site-mega .site-mega__title::after {
  content: none !important;
  display: none !important;
}

/* —— Pass 20260809h95 — CTA 500; 8px image gaps; service = principles —— */
html body .site-services__cta,
html body a.site-services__cta,
html body .site-services__cta.xsample-stay-ul,
html body a.site-services__cta.xsample-stay-ul,
html body .site-services__cta:hover,
html body a.site-services__cta:hover,
html body .site-services__cta:focus,
html body a.site-services__cta:focus,
html body .site-services__cta:active,
html body a.site-services__cta:active {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  padding: 0 0 1px !important;
  padding-bottom: 1px !important;
  text-decoration: none !important;
  transform: none !important;
  scale: none !important;
}
html body .site-services__cta > .xsample-ul-line,
html body a.site-services__cta > .xsample-ul-line {
  bottom: 0 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  transform: none !important;
  scale: none !important;
  transition: none !important;
}
html body .site-services__acc-copy,
html body .site-services__acc-subhead {
  font-size: 14px !important;
}
html body .site-service-detail.site-principles .site-principles__hero-img,
html body .site-service-detail.site-principles .site-principles__bleed-img,
html body .site-service-detail .site-principles__hero-img,
html body .site-service-detail .site-principles__bleed-img {
  height: 65vh !important;
  min-height: 65vh !important;
}

/* 8px between stacked / paired images — services hub + service editorial */
html body main.site-services,
html body main.site-services.site-services {
  gap: 8px !important;
}
html body .site-service-detail .site-principles__pair,
html body .site-service-detail .site-principles__pair:not(.site-principles__pair--closing),
html body .site-service-detail .site-principles__pair--closing,
html body .site-service-detail .site-principles__closing-media .site-principles__pair {
  gap: 8px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
}
html body .site-service-detail .site-principles__closing-media {
  row-gap: 8px !important;
  gap: 8px !important;
}

/* Service ID = materials topic type + footer (Back + ↑) */
html body .site-service-detail .site-principles__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
}
html body .site-service-detail .site-principles__copy,
html body .site-service-detail .site-principles__copy--caps,
html body .site-service-detail .site-principles__intro .site-principles__copy {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  max-width: 920px !important;
}
html body .site-service-detail .site-principles__footer,
html body main.site-principles.site-service-detail .site-principles__footer {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 55px 104px 63px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html body .site-service-detail .site-principles__footer .site-principles__back,
html body .site-service-detail a.site-principles__back {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .site-service-detail .site-principles__footer .site-principles__backtop-btn,
html body .site-service-detail .site-principles__footer .site-plp-backtop__btn,
html body .site-service-detail button.site-principles__backtop-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: 3 !important;
  justify-self: end !important;
  width: 31px !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body .site-service-detail .site-principles__footer .site-plp-backtop__icon {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}
html body .site-service-detail .site-principles__footer .site-plp-backtop__icon path {
  stroke: currentColor !important;
  stroke-width: 1.85 !important;
}
@media (max-width: 899px) {
  html body .site-service-detail .site-principles__footer {
    padding: 47px 20px 55px !important;
  }
  html body main.site-services {
    gap: 8px !important;
  }
  html body .site-service-detail .site-principles__pair,
  html body .site-service-detail .site-principles__pair--closing,
  html body .site-service-detail .site-principles__closing-media {
    gap: 8px !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
  }
}
@media (max-width: 767px) {
  html body .site-services__cta,
  html body a.site-services__cta,
  html body .site-services__cta:hover,
  html body a.site-services__cta:hover {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 0 0 1px !important;
    padding-bottom: 1px !important;
  }
  html body .site-services__acc-copy,
  html body .site-services__acc-subhead {
    font-size: 13px !important;
  }
  html body main.site-services {
    gap: 8px !important;
  }
  html body .site-service-detail .site-principles__hero-img,
  html body .site-service-detail .site-principles__bleed-img {
    height: 65vh !important;
    min-height: 65vh !important;
  }
  html body .site-service-detail .site-principles__title,
  html body .site-service-detail .site-principles__copy,
  html body .site-service-detail .site-principles__copy--caps {
    font-size: 13px !important;
  }
  html body .site-service-detail .site-principles__pair,
  html body .site-service-detail .site-principles__pair--closing,
  html body .site-service-detail .site-principles__closing-media {
    gap: 8px !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
  }
}

/* —— Pass 20260809h98 — banners 85vh desktop / 70vh mobile; CTA UL 3px —— */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img,
html body .site-craft__feature-img,
html body .site-craft__feature > img,
html body .site-services__hero-img,
html body .site-services__feature-img,
html body .site-capability-detail .site-craft__feature-img,
html body .site-service-detail .site-craft__feature-img,
html body .site-service-detail .site-principles__hero-img,
html body .site-service-detail .site-principles__bleed-img,
html body .site-service-detail.site-principles .site-principles__hero-img,
html body .site-service-detail.site-principles .site-principles__bleed-img,
html body .site-arts__hero-img,
html body .site-arts__bleed-img,
html body .site-arts__feature-img,
html body .site-service-detail .site-arts__hero-img,
html body .site-service-detail .site-arts__bleed-img,
html body .site-service-detail .site-arts__feature-img,
.site-why__hero-img,
.site-why__bleed-img,
.site-materials__bleed-img,
.site-principles__hero-img,
.site-principles__bleed-img,
.site-craft__feature-img,
.site-services__hero-img,
.site-services__feature-img,
.site-arts__hero-img,
.site-arts__bleed-img,
.site-arts__feature-img {
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
html body .site-services__cta > .xsample-ul-line,
html body a.site-services__cta > .xsample-ul-line,
html body .site-services__cta.xsample-stay-ul > .xsample-ul-line,
html body a.site-services__cta.xsample-stay-ul > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  transform: none !important;
  scale: none !important;
  border: 0 !important;
}
@media (max-width: 899px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img,
  html body .site-capability-detail .site-craft__feature-img,
  html body .site-service-detail .site-craft__feature-img,
  html body .site-service-detail .site-principles__hero-img,
  html body .site-service-detail .site-principles__bleed-img,
  html body .site-arts__hero-img,
  html body .site-arts__bleed-img,
  html body .site-arts__feature-img,
  .site-why__hero-img,
  .site-why__bleed-img,
  .site-materials__bleed-img,
  .site-principles__hero-img,
  .site-principles__bleed-img,
  .site-craft__feature-img,
  .site-services__hero-img,
  .site-services__feature-img,
  .site-arts__hero-img,
  .site-arts__bleed-img,
  .site-arts__feature-img {
    height: 70vh !important;
    min-height: 70vh !important;
  }
}
@media (max-width: 767px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img,
  html body .site-capability-detail .site-craft__feature-img,
  html body .site-service-detail .site-craft__feature-img,
  html body .site-service-detail .site-principles__hero-img,
  html body .site-service-detail .site-principles__bleed-img,
  .site-why__hero-img,
  .site-why__bleed-img,
  .site-materials__bleed-img,
  .site-principles__hero-img,
  .site-principles__bleed-img,
  .site-craft__feature-img,
  .site-services__hero-img,
  .site-services__feature-img {
    height: 70vh !important;
    min-height: 70vh !important;
  }
}

/* —— Pass 20260809h99 — For the Arts service layout; CTA UL 1px; banners 85/70 —— */
html body .site-services__cta > .xsample-ul-line,
html body a.site-services__cta > .xsample-ul-line,
html body .site-services__cta.xsample-stay-ul > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  transform: none !important;
  scale: none !important;
}

html body main.site-arts.site-service-detail,
html body main.site-arts {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--font-sans) !important;
  overflow-x: clip !important;
}

/* Title + intro copy — tight gap between title and paragraph */
html body .site-arts__intro {
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 104px 72px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-arts__head {
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 24px 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-arts__title {
  margin: 0 auto 14px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: center !important;
}
html body .site-arts__intro .site-arts__copy {
  margin: 0 auto !important;
}

/* Hero / bleed / feature — keep sitewide 85vh desktop / 70vh mobile */
html body .site-arts__hero,
html body .site-arts__bleed,
html body .site-arts__feature {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  background: #efefef !important;
}
html body .site-arts__hero-img,
html body .site-arts__bleed-img,
html body .site-arts__feature-img,
html body .site-service-detail .site-arts__hero-img,
html body .site-service-detail .site-arts__bleed-img,
html body .site-service-detail .site-arts__feature-img {
  width: 100% !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
}

/* Centered writeups */
html body .site-arts__text {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 88px 104px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-arts__copy {
  margin: 0 auto !important;
  max-width: 640px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  color: #000 !important;
  text-align: center !important;
}

/* 2×2 / pair boxes — 75vh, 8px gutters */
html body .site-arts__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body .site-arts__grid-item {
  position: relative !important;
  width: 100% !important;
  height: 75vh !important;
  min-height: 75vh !important;
  max-height: 75vh !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #efefef !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Equal pair — 75vh, 8px */
html body .site-arts__pair {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .site-arts__pair-item {
  position: relative !important;
  width: 100% !important;
  height: 75vh !important;
  min-height: 75vh !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #efefef !important;
}

/* Asymmetric pair — equal bottom edge (both fill row) */
html body .site-arts__asym {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: 8px !important;
  align-items: stretch !important;
  grid-auto-rows: 75vh !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .site-arts__asym-item {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 75vh !important;
  overflow: hidden !important;
  background: #efefef !important;
}
html body .site-arts__asym-item--sq,
html body .site-arts__asym-item--tall {
  height: 100% !important;
  min-height: 75vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: stretch !important;
}

html body .site-arts__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

/* Footer — Back to Services + ↑ like materials (always visible) */
html body .site-arts__footer,
html body .site-service-detail .site-arts__footer {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 72px 104px 80px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}
html body .site-arts__back,
html body a.site-arts__back,
html body .site-service-detail .site-arts__back {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .site-arts__back::before,
html body .site-arts__back::after,
html body .site-arts__back > .xsample-ul-line,
html body a.site-arts__back > .xsample-ul-line {
  content: none !important;
  display: none !important;
}
html body .site-arts__footer .site-arts__backtop-btn,
html body .site-arts__footer .site-plp-backtop__btn,
html body .site-service-detail .site-arts__footer .site-plp-backtop__btn {
  grid-column: 3 !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 31px !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}
html body .site-arts__footer .site-plp-backtop__icon {
  width: 21px !important;
  height: 21px !important;
}
html body .site-arts__footer .site-plp-backtop__icon path {
  stroke-width: 1.85 !important;
}

@media (max-width: 899px) {
  html body .site-arts__intro {
    padding: 40px 24px 56px !important;
  }
  html body .site-arts__head {
    padding: 40px 24px 0 !important;
  }
  html body .site-arts__title {
    margin-bottom: 12px !important;
  }
  html body .site-arts__text {
    padding: 64px 24px !important;
  }
  html body .site-arts__footer,
  html body .site-service-detail .site-arts__footer {
    padding: 56px 20px 64px !important;
  }
  html body .site-arts__hero-img,
  html body .site-arts__bleed-img,
  html body .site-arts__feature-img,
  html body .site-service-detail .site-arts__hero-img,
  html body .site-service-detail .site-arts__bleed-img,
  html body .site-service-detail .site-arts__feature-img {
    height: 70vh !important;
    min-height: 70vh !important;
  }
  html body .site-arts__grid-item,
  html body .site-arts__pair-item {
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: 60vh !important;
  }
  html body .site-arts__asym {
    grid-auto-rows: 60vh !important;
  }
  html body .site-arts__asym-item,
  html body .site-arts__asym-item--sq,
  html body .site-arts__asym-item--tall {
    min-height: 60vh !important;
  }
  html body .site-arts__copy {
    font-size: 13px !important;
    max-width: none !important;
  }
  html body .site-arts__title {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  html body .site-arts__intro {
    padding: 36px 16px 48px !important;
  }
  html body .site-arts__head {
    padding: 36px 16px 0 !important;
  }
  html body .site-arts__title {
    margin-bottom: 10px !important;
  }
  html body .site-arts__text {
    padding: 48px 16px !important;
  }
  html body .site-arts__grid,
  html body .site-arts__pair,
  html body .site-arts__asym {
    gap: 8px !important;
  }
  html body .site-arts__asym {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .site-arts__hero-img,
  html body .site-arts__bleed-img,
  html body .site-arts__feature-img {
    height: 70vh !important;
    min-height: 70vh !important;
  }
  html body .site-arts__grid-item {
    height: 55vh !important;
    min-height: 55vh !important;
    max-height: 55vh !important;
  }
  /* Trim image load on mobile — keep hero, 2-up top row, bleed, feature */
  html body .site-arts__mobile-hide {
    display: none !important;
  }
}

/* —— Pass 20260809h105 — Trade / Resources / FAQ / Contact —— */
html body .site-trade {
  font-family: var(--font-sans) !important;
  color: #000 !important;
  background: #fff !important;
}
/* BV Our Services: text first (eyebrow + lead), then image, then + accordion */
html body .site-trade__intro {
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 50px 24px 48px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
html body .site-trade__eyebrow,
html body .site-trade__lead {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
html body .site-trade__eyebrow {
  margin: 0 0 18px !important;
  font-weight: 500 !important;
}
html body .site-trade__lead {
  margin: 0 auto !important;
  max-width: 640px !important;
}
html body .site-trade__media {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  height: 85vh !important;
  min-height: 85vh !important;
  overflow: hidden !important;
}
html body .site-trade__media-img {
  display: block !important;
  width: 100% !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 899px) {
  html body .site-trade__media,
  html body .site-trade__media-img {
    height: 70vh !important;
    min-height: 70vh !important;
  }
}
html body .site-trade__list.site-services__list,
html body main.site-trade .site-services__list {
  padding: 64px 0 120px !important;
  margin-bottom: 0 !important;
}
html body .site-trade__acc-anchor {
  scroll-margin-top: 96px !important;
}
@media (max-width: 899px) {
  html body .site-trade__eyebrow,
  html body .site-trade__lead {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
  html body .site-trade__media { width: 100% !important; }
}
@media (max-width: 767px) {
  html body .site-trade__intro { padding: 38px 16px 36px !important; }
  html body .site-trade__list.site-services__list,
  html body main.site-trade .site-services__list { padding: 40px 0 80px !important; }
}

/* Resources overview — collections twin */
html body .site-resources-page { background: #fff !important; }
html body .site-resources-heroes .cta-on-image,
html body .site-resources-card .cta-on-image,
html body .site-resources-page .cta-on-image {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
    padding: 8px 25px 5px !important;
  height: 40px !important;
    min-height: 40px !important;
  max-height: 40px !important;
  border: 1px solid #000 !important;
  box-sizing: border-box !important;
}

/* Knowledge / Search / Downloads — lock to xSample type (14 / 1.35 / -0.20) */
html body main.site-resources-search,
html body main.site-resources-dl,
html body main.site-resources-kc,
html body .site-resources-search,
html body .site-resources-dl,
html body .site-resources-kc {
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  -webkit-font-smoothing: antialiased !important;
}
html body main.site-resources-search *,
html body main.site-resources-dl *,
html body .site-resources-search *,
html body .site-resources-dl * {
  font-family: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}
html body .site-resources-kc__intro,
html body .site-resources-search__intro,
html body .site-resources-dl__intro {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 72px 24px 28px !important;
  text-align: center !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-kc__eyebrow,
html body .site-resources-search__eyebrow,
html body .site-resources-dl__eyebrow {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-resources-kc__title,
html body .site-resources-search__title,
html body .site-resources-dl__title,
html body main.site-resources-search h1,
html body main.site-resources-dl h1 {
  margin: 0 0 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-resources-kc__lead,
html body .site-resources-dl__lead,
html body main.site-resources-dl .site-resources-dl__lead {
  margin: 0 auto !important;
  max-width: 560px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}

/* Downloads Library intro — tighter stack, 14 desktop / 13 mobile */
html body .site-resources-dl__intro {
  padding: 64px 24px 20px !important;
}
html body .site-resources-dl__eyebrow {
  margin: 0 0 4px !important;
  font-size: 14px !important;
}
html body .site-resources-dl__title,
html body main.site-resources-dl h1.site-resources-dl__title {
  margin: 0 0 6px !important;
  font-size: 14px !important;
}
html body .site-resources-dl__lead,
html body main.site-resources-dl .site-resources-dl__lead {
  margin-top: 0 !important;
  font-size: 14px !important;
}
@media (max-width: 767px) {
  html body .site-resources-dl__intro {
    padding: 56px 16px 16px !important;
    font-size: 13px !important;
  }
  html body .site-resources-dl__eyebrow,
  html body .site-resources-dl__title,
  html body main.site-resources-dl h1.site-resources-dl__title,
  html body .site-resources-dl__lead,
  html body main.site-resources-dl .site-resources-dl__lead {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
  html body .site-resources-dl__eyebrow { margin: 0 0 3px !important; }
  html body .site-resources-dl__title,
  html body main.site-resources-dl h1.site-resources-dl__title { margin: 0 0 5px !important; }
}
html body .site-resources-kc__list,
html body .site-resources-dl__list,
html body .site-resources-search__results {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 20px 24px 72px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-kc__item {
  padding: 18px 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  text-align: left !important;
}
html body .site-resources-kc__item:last-child { border-bottom: 1px solid #e5e5e5 !important; }
html body .site-resources-kc__item-title {
  margin: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
}
html body .site-resources-kc__item-lead {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-kc__footer,
html body .site-resources-search__footer,
html body .site-resources-dl__footer {
  display: none !important;
}
html body .site-resources-kc__back,
html body .site-resources-search__back,
html body .site-resources-dl__back {
  display: none !important;
}

html body .site-resources-search__field {
  display: block !important;
  max-width: 480px !important;
  margin: 22px auto 0 !important;
  text-align: left !important;
}
html body .site-resources-search__label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body .site-resources-search__input,
html body main.site-resources-search input.site-resources-search__input {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  padding: 8px 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  outline: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
  color: #000 !important;
}
html body .site-resources-search__row,
html body main.site-resources-search a.site-resources-search__row {
  display: flex !important;
  gap: 16px !important;
  align-items: baseline !important;
  padding: 14px 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  color: #000 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-search__kind {
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  min-width: 72px !important;
  opacity: 0.7 !important;
}
html body .site-resources-search__name {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-search__empty {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 32px 0 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}


/* Resource Search type — 14/13 */
html body main.site-resources-search,
html body main.site-resources-search .site-resources-search__intro,
html body main.site-resources-search .site-resources-search__eyebrow,
html body main.site-resources-search .site-resources-search__title,
html body main.site-resources-search .site-resources-search__lead,
html body main.site-resources-search .site-resources-search__label,
html body main.site-resources-search .site-resources-search__input,
html body main.site-resources-search .site-resources-search__row,
html body main.site-resources-search .site-resources-search__kind,
html body main.site-resources-search .site-resources-search__name,
html body main.site-resources-search .site-resources-search__empty,
html body main.site-resources-search .site-resources-search__results {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body main.site-resources-search .site-resources-search__eyebrow {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
html body main.site-resources-search .site-resources-search__title {
  margin: 0 0 6px !important;
  font-size: 14px !important;
}
html body main.site-resources-search .site-resources-search__label {
  font-size: 14px !important;
  margin-bottom: 6px !important;
}
html body main.site-resources-search .site-resources-search__kind {
  font-size: 14px !important;
  min-width: 88px !important;
  opacity: 0.7 !important;
}
@media (max-width: 767px) {
  html body main.site-resources-search,
  html body main.site-resources-search .site-resources-search__intro,
  html body main.site-resources-search .site-resources-search__eyebrow,
  html body main.site-resources-search .site-resources-search__title,
  html body main.site-resources-search .site-resources-search__lead,
  html body main.site-resources-search .site-resources-search__label,
  html body main.site-resources-search .site-resources-search__input,
  html body main.site-resources-search .site-resources-search__row,
  html body main.site-resources-search .site-resources-search__kind,
  html body main.site-resources-search .site-resources-search__name,
  html body main.site-resources-search .site-resources-search__empty,
  html body main.site-resources-search .site-resources-search__results {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
}

html body .site-resources-dl__row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 16px 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-resources-dl__row:last-child { border-bottom: 1px solid #e5e5e5 !important; }
html body .site-resources-dl__name,
html body main.site-resources-dl h2.site-resources-dl__name {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #000 !important;
}
html body .site-resources-dl__note {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  opacity: 0.75 !important;
}
html body .site-resources-dl__link,
html body main.site-resources-dl a.site-resources-dl__link {
  flex-shrink: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  text-decoration: none !important;
}

/* FAQ + Contact — Legal-aligned type, grid, drawer over footer */

/* Shared legal canvas */
html body:has(main.site-faq),
html body:has(main.site-contact),
html body:has(main.site-faq) #root,
html body:has(main.site-contact) #root,
html body:has(main.site-faq) .App,
html body:has(main.site-contact) .App {
  background: #fff !important;
}

/* FAQ — inherit Legal page rhythm exactly */
html body main.site-faq.l-legalpages,
html body main.site-faq {
  width: 100% !important;
  max-width: none !important;
  background: #fff !important;
  color: #000 !important;
  padding: 48px 24px 96px !important;
  box-sizing: border-box !important;
  min-height: 65vh !important;
  font-family: var(--font-sans) !important;
  font-weight: 400 !important;
}
@media (min-width: 900px) {
  html body main.site-faq.l-legalpages,
  html body main.site-faq {
    padding: 48px 180px 135px !important;
  }
}
html body .site-faq__shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body .site-faq__crumb,
html body .site-faq__crumb a,
html body .site-faq__crumb-link,
html body .site-faq__crumb-current,
html body .site-faq__crumb-sep {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}
html body .site-faq__crumb {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  text-align: center !important;
  width: 100% !important;
  margin: 32px auto 28px !important;
  padding: 0 !important;
}
html body .site-faq__crumb-link,
html body a.site-faq__crumb-link {
  font-weight: 500 !important;
  color: #000 !important;
  text-decoration: none !important;
}
html body .site-faq__crumb-current,
html body .site-faq__crumb-sep {
  font-weight: 400 !important;
  color: #000 !important;
}
html body .site-faq__crumb-link:hover,
html body .site-faq__crumb-link:focus,
html body .site-faq__crumb-link:focus-visible,
html body a.site-faq__crumb-link:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}
html body .site-faq__crumb .xsample-ul-line,
html body .site-faq__crumb-link::before,
html body .site-faq__crumb-link::after {
  content: none !important;
  display: none !important;
}
html body main.site-faq.l-legalpages .site-faq__title,
html body main.site-faq .site-faq__title,
html body main.site-faq h1.l-legalpages__title.site-faq__title {
  margin: 0 0 43px !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #000 !important;
  white-space: nowrap !important;
  text-align: left !important;
}
html body main.site-faq .l-legalpages__wrapper.site-faq__layout {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: 12px !important;
  margin-right: auto !important;
}
html body main.site-faq .l-legalpages__infos.site-faq__infos {
  display: contents !important;
}
@media (min-width: 900px) {
  html body main.site-faq .site-faq__crumb {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }
  html body main.site-faq .site-faq__title {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 0 43px !important;
  }
  html body main.site-faq .site-faq__nav {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
  html body main.site-faq .l-legalpages__foldercontents.site-faq__panel {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }
}
html body main.site-faq .l-legalpages__folderscarouselwrapper {
  gap: 25px !important;
}
html body main.site-faq .l-legalpages__content {
  width: fit-content !important;
  max-width: 100% !important;
}
/* FAQ nav — same underline as Legal (opacity at rest / solid when active) */
html body main.site-faq a.l-legalpages__accordiontitle.site-faq__nav-link,
html body main.site-faq a.site-faq__nav-link {
  position: relative !important;
  overflow: visible !important;
  border: 0 !important;
  background: none !important;
  cursor: pointer !important;
  font-family: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
}
html body main.site-faq a.site-faq__nav-link.is-active,
html body main.site-faq a.site-faq__nav-link[aria-current="page"],
html body main.site-faq a.site-faq__nav-link.c-accordion__trigger--selected {
  box-shadow: none !important;
  text-decoration: none !important;
}
html body main.l-legalpages a.l-legalpages__accordiontitle,
html body main.l-legalpages a.l-legalpages__assettitle {
  font-size: 14px !important;
}
html body main.site-faq.l-legalpages .l-legalpages__foldercontents.site-faq__panel,
html body main.site-faq .l-legalpages__foldercontents.site-faq__panel {
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  /* Title sits row 1; accordion shares row 2 with ORDERS */
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* ORDERS shares the accordion’s top edge (first divider) — same two-column start as Legal */
html body main.site-faq .l-legalpages__folderscarouselwrapper.site-faq__nav {
  margin: 0 !important;
  padding-top: 0 !important;
}
html body .site-faq__item {
  border-top: 1px solid #d9d9d9 !important;
}
html body .site-faq__item:last-child {
  border-bottom: 1px solid #d9d9d9 !important;
}
html body .site-faq__q {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-family: inherit !important;
  color: #000 !important;
}
html body main.site-faq.l-legalpages .site-faq__q-text,
html body main.site-faq .site-faq__q-text {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-faq__icon {
  flex-shrink: 0 !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  width: 1em !important;
  text-align: center !important;
}
/* Height slide — keep panel in DOM, collapse with 0fr → 1fr */
html body main.site-faq .site-faq__a-wrap {
  display: grid !important;
  grid-template-rows: 0fr !important;
  overflow: hidden !important;
  transition: grid-template-rows 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body main.site-faq .site-faq__item.is-open .site-faq__a-wrap {
  grid-template-rows: 1fr !important;
}
html body main.site-faq .site-faq__a-inner {
  overflow: hidden !important;
  min-height: 0 !important;
}
html body main.site-faq .site-faq__a {
  padding: 0 0 16px !important;
  max-width: 640px !important;
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.4s ease 0.06s, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body main.site-faq .site-faq__item.is-open .site-faq__a {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
html body .site-faq__a .l-legalpages__p,
html body .site-faq__a p {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  margin: 0 0 14px !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #000 !important;
}
html body .site-faq__a .l-legalpages__p:last-child {
  margin-bottom: 0 !important;
}
html body main.l-legalpages .c-expander__btn {
  font-size: 14px !important;
}
html body main.l-legalpages .c-expander__content .l-legalpages__p,
html body main.l-legalpages .c-expander__content p {
  font-size: 13px !important;
}



/* Legal + FAQ letter-spacing lock (-0.20px) */
html body main.l-legalpages.l-legalpages,
html body main.l-legalpages .l-legalpages__title,
html body main.l-legalpages h1.l-legalpages__title,
html body main.l-legalpages a.l-legalpages__accordiontitle,
html body main.l-legalpages a.l-legalpages__assettitle,
html body main.l-legalpages .c-expander__btn,
html body main.l-legalpages .c-expander__content p,
html body main.l-legalpages .c-expander__content .l-legalpages__p,
html body main.l-legalpages .l-legalpages__p,
html body main.l-legalpages .l-legalpages__folderscarouselwrapper,
html body main.l-legalpages .l-legalpages__content {
  letter-spacing: -0.20px !important;
}

/* FAQ letter-spacing — match legal/xSample (-0.20px) */
html body main.site-faq,
html body main.site-faq.l-legalpages,
html body main.site-faq .site-faq__title,
html body main.site-faq .site-faq__crumb,
html body main.site-faq .site-faq__crumb a,
html body main.site-faq .site-faq__nav-link,
html body main.site-faq a.l-legalpages__accordiontitle,
html body main.site-faq .site-faq__q-text,
html body main.site-faq .site-faq__a,
html body main.site-faq .site-faq__a p,
html body main.site-faq .site-faq__a .l-legalpages__p {
  letter-spacing: -0.20px !important;
}
html body main.l-legalpages,
html body main.l-legalpages .l-legalpages__title,
html body main.l-legalpages a.l-legalpages__accordiontitle,
html body main.l-legalpages a.l-legalpages__assettitle,
html body main.l-legalpages .c-expander__btn,
html body main.l-legalpages .c-expander__content .l-legalpages__p,
html body main.l-legalpages .l-legalpages__p {
  letter-spacing: -0.20px !important;
}

/* Contact — exact BV Customer Care (c-faq / c-customercare) */
html body main.site-contact {
  font-family: var(--font-sans) !important;
  color: #000 !important;
  background: #fff !important;
  position: relative !important;
  font-weight: 400 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  letter-spacing: normal !important;
  line-height: 22px !important;
}
html body main.site-contact [class],
html body main.site-contact *:where(p, a, span, h1, h2, button, div, section, header, main) {
  letter-spacing: normal !important;
  line-height: 22px !important;
}
html body .site-contact__frame {
  width: min(1540px, calc(100% - 48px)) !important;
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 0 0 80px !important;
  box-sizing: border-box !important;
}
html body .site-contact__intro {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 35px !important;
  text-align: center !important;
  border: 0 !important;
}
html body .site-contact__title {
  margin: 80px 0 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 22px !important;
  text-align: center !important;
}
html body .site-contact__introtext {
  max-width: 700px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
html body .site-contact__welcome {
  margin: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  line-height: 22px !important;
}
html body .site-contact__lead {
  margin: 0 !important;
  max-width: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  text-transform: uppercase !important;
  letter-spacing: normal !important;
}
html body .site-contact__rows {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .site-contact__row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 36px 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-width: 0 0 1px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html body .site-contact__row:first-child {
  border-top: 1px solid #000 !important;
  border-width: 1px 0 !important;
}
html body .site-contact__row--call {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  padding: 48px 0 !important;
}
html body .site-contact__row-left { min-width: 0 !important; }
html body .site-contact__row-title {
  margin: 0 0 24px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  line-height: 22px !important;
  text-align: left !important;
}
html body .site-contact__row-body {
  display: block !important;
  width: 100% !important;
}
html body .site-contact__row-body::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}
html body .site-contact__row-copy {
  margin: 0 !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding-right: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: normal !important;
  color: #111 !important;
  text-transform: none !important;
  text-align: left !important;
}
html body .site-contact__row-right {
  float: right !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 320px !important;
  max-width: 320px !important;
  margin: 0 0 0 24px !important;
}
html body .site-contact__btn,
html body a.site-contact__btn,
html body button.site-contact__btn,
html body span.site-contact__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 320px !important;
  max-width: 100% !important;
  min-height: 40px !important;
  padding: 6px 28px 5px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
  line-height: 22px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  text-align: center !important;
}
html body .site-contact__btn:hover,
html body .site-contact__btn:focus,
html body .site-contact__btn:focus-visible,
html body .site-contact__btn:active,
html body .site-contact__btn:visited,
html body a.site-contact__btn:hover,
html body a.site-contact__btn:focus,
html body a.site-contact__btn:active,
html body a.site-contact__btn:visited {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  border-color: #000 !important;
}
html body .site-contact__btn.is-disabled,
html body .site-contact__btn:disabled,
html body button.site-contact__btn.is-disabled,
html body .site-contact__btn.is-disabled:hover,
html body .site-contact__btn:disabled:hover {
  border-color: #000 !important;
  border-width: 1px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
html body span.site-contact__btn {
  cursor: default !important;
}
html body .site-contact__chat-wrap .site-contact__btn.is-disabled {
  cursor: not-allowed !important;
}
html body .site-contact__phone-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 320px !important;
}
html body .site-contact__phone-box {
  border: 1px solid #000 !important;
  width: 320px !important;
  min-height: 40px !important;
  padding: 6px 28px 5px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  text-align: center !important;
  border-radius: 0 !important;
}
html body .site-contact__phone-label {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  color: #000 !important;
}
html body .site-contact__phone-num {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}
html body .site-contact__chat-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 320px !important;
}
html body .site-contact__chat-note,
html body main.site-contact .site-contact__chat-note {
  margin: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #666 !important;
  text-align: center !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
}

/* Contact drawer — portaled to body, covers footer like product drawers */
html body.site-contact-form-open .site-header,
html body.site-contact-form-open header.site-header,
html body.site-drawer-open.site-contact-form-open .site-header,
html body.site-contact-form-open .site-promo,
html body.site-contact-form-open .promo-bar {
  z-index: 90 !important;
}
html body.site-contact-form-open .site-footer,
html body.site-contact-form-open footer.site-footer {
  z-index: 1 !important;
}
html body .site-contact__drawer-root {
  position: fixed !important;
  inset: 0 !important;
  z-index: 21000 !important;
  pointer-events: none !important;
}
html body .site-contact__drawer-root.is-closed {
  pointer-events: none !important;
}
html body .site-contact__drawer-dim,
html body .site-drawer__backdrop.site-contact__drawer-dim {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.42) !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  z-index: 19000 !important;
  transition: opacity 400ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .site-contact__drawer-dim.is-closed {
  pointer-events: none !important;
}
html body .site-drawer.site-drawer--contact,
html body .site-contact__drawer.site-drawer--contact,
html body aside.site-contact__drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  background: #fff !important;
  z-index: 20000 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  html body .site-drawer.site-drawer--contact,
  html body .site-contact__drawer.site-drawer--contact,
  html body aside.site-contact__drawer {
    width: 50% !important;
    max-width: 550px !important;
  }
}
html body .site-contact__drawer.translate-x-full {
  pointer-events: none !important;
}
html body .site-contact__drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 24px 8px !important;
  border-bottom: 0 !important;
  flex-shrink: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
@media (min-width: 768px) {
  html body .site-contact__drawer-head {
    padding: 16px 32px 10px !important;
  }
}
html body .site-contact__drawer-title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
}
html body .site-contact__drawer-close {
  border: 0 !important;
  background: none !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #000 !important;
  font-family: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .site-contact__drawer-form {
  padding: 0.5rem 1.5rem 2.5rem !important;
  overflow-y: auto !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}
@media (min-width: 768px) {
  html body .site-contact__drawer-form {
    padding: 0.75rem 2rem 2.5rem !important;
  }
}
html body .site-contact__field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
}
html body .site-contact__field > span:first-child {
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-contact__phone-row {
  display: grid !important;
  grid-template-columns: 100px minmax(0, 1fr) !important;
  gap: 16px !important;
}
html body .site-contact__input,
html body .site-contact__select {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 8px 0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  font-family: inherit !important;
  outline: none !important;
  box-sizing: border-box !important;
  color: #000 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
html body .site-contact__select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 L6 6.5 L11 1.5' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0 center !important;
  padding-right: 18px !important;
}
html body .site-contact__drawer .site-contact__dd,
html body .site-contact__drawer .site-product__size-select,
html body .site-contact__field .xsample-select {
  width: 100% !important;
}
html body .site-contact__textarea-box {
  width: 100% !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 12px !important;
  min-height: 140px !important;
  resize: vertical !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  font-family: inherit !important;
  outline: none !important;
  box-sizing: border-box !important;
  color: #000 !important;
}
html body .site-contact__chars {
  margin: 6px 0 0 !important;
  font-size: 12px !important;
  color: #666 !important;
  line-height: 1.35 !important;
}
html body .site-contact__attach {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px 16px !important;
  align-items: center !important;
}
html body .site-contact__attach-label {
  font-size: 12px !important;
  color: #000 !important;
  line-height: 1.35 !important;
}
html body .site-contact__attach-pick {
  position: relative !important;
  margin: 0 !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  justify-self: end !important;
}
html body .site-contact__file-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
html body .site-contact__privacy {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #555 !important;
}
html body .site-contact__submit {
  margin-top: 8px !important;
  width: 100% !important;
  border: 0 !important;
  background: #000 !important;
  color: #fff !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
}

@media (max-width: 899px) {
  html body main.site-faq.l-legalpages,
  html body main.site-faq {
    padding: 28px 14px 72px !important;
  }
  html body main.site-faq .l-legalpages__wrapper.site-faq__layout {
    margin-left: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  html body main.site-faq .site-faq__crumb {
    margin: 24px auto 20px !important;
  }
  html body main.site-faq.l-legalpages .site-faq__title,
  html body main.site-faq .site-faq__title,
  html body main.site-faq h1.l-legalpages__title.site-faq__title {
    display: block !important;
    white-space: normal !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: -0.20px !important;
    text-transform: uppercase !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body main.l-legalpages .l-legalpages__folderscarouselwrapper,
  html body main.site-faq .l-legalpages__folderscarouselwrapper,
  html body main.site-faq .l-legalpages__folderscarouselwrapper.site-faq__nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }
  html body main.l-legalpages .l-legalpages__folderscarouselwrapper::-webkit-scrollbar,
  html body main.site-faq .l-legalpages__folderscarouselwrapper::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
  html body main.site-faq .l-legalpages__content {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body main.site-faq a.l-legalpages__accordiontitle.site-faq__nav-link,
  html body main.site-faq a.site-faq__nav-link,
  html body main.l-legalpages a.l-legalpages__accordiontitle,
  html body main.l-legalpages a.l-legalpages__assettitle {
    font-size: 13px !important;
    white-space: nowrap !important;
    padding: 10px 0 3px !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    letter-spacing: -0.20px !important;
  }
  html body main.site-faq a.site-faq__nav-link.is-active,
  html body main.site-faq a.site-faq__nav-link[aria-current="page"],
  html body main.site-faq a.l-legalpages__accordiontitle.site-faq__nav-link.is-active {
    box-shadow: none !important;
    padding: 10px 0 3px !important;
  }
  html body main.l-legalpages a.l-legalpages__accordiontitle.c-accordion__trigger--selected > .xsample-ul-line,
  html body main.l-legalpages a.l-legalpages__accordiontitle[aria-current="page"] > .xsample-ul-line {
    opacity: 1 !important;
    transform: none !important;
    height: 2px !important;
    min-height: 2px !important;
    max-height: 2px !important;
    bottom: 0 !important;
    background: #000 !important;
  }
  html body main.site-faq .site-faq__item:first-child {
    border-top: 0 !important;
  }
  html body main.site-faq .site-faq__q-text,
  html body main.l-legalpages .c-expander__btn {
    font-size: 13px !important;
  }
  html body main.site-faq .site-faq__a,
  html body main.site-faq .site-faq__a p,
  html body main.site-faq .site-faq__a .l-legalpages__p,
  html body main.l-legalpages .c-expander__content .l-legalpages__p,
  html body main.l-legalpages .c-expander__content p {
    font-size: 13px !important;
  }
}

@media (max-width: 767px) {
  html body main.site-contact,
  html body main.site-contact [class],
  html body main.site-contact .site-contact__title,
  html body main.site-contact .site-contact__welcome,
  html body main.site-contact .site-contact__lead,
  html body main.site-contact .site-contact__row-title,
  html body main.site-contact .site-contact__row-copy,
  html body main.site-contact .site-contact__btn,
  html body main.site-contact a.site-contact__btn,
  html body main.site-contact .site-contact__phone-label,
  html body main.site-contact .site-contact__phone-num {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  html body main.site-contact {
    padding: 0 !important;
  }
  html body .site-contact__frame {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-bottom: 72px !important;
  }
  html body .site-contact__intro {
    padding-bottom: 22px !important;
    text-align: left !important;
  }
  html body .site-contact__title {
    margin: 48px 0 0 !important;
    text-align: left !important;
  }
  html body .site-contact__introtext {
    margin: 24px 0 0 !important;
    max-width: none !important;
    text-align: left !important;
  }
  html body .site-contact__welcome,
  html body .site-contact__lead {
    text-align: left !important;
  }
  html body .site-contact__row,
  html body .site-contact__row--call {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 22px 0 !important;
    text-align: left !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    border-width: 0 0 1px 0 !important;
    box-shadow: none !important;
  }
  html body .site-contact__row:first-child {
    border-top: 1px solid #000 !important;
    border-width: 1px 0 !important;
  }
  html body .site-contact__row--call {
    gap: 24px !important;
  }
  html body .site-contact__row-body {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    gap: 24px !important;
  }
  html body .site-contact__row-right {
    float: none !important;
    margin: 0 !important;
  }
  html body .site-contact__row-title,
  html body .site-contact__row-copy {
    text-align: left !important;
    max-width: none !important;
  }
  html body .site-contact__row-right,
  html body .site-contact__phone-stack,
  html body .site-contact__chat-wrap {
    width: 100% !important;
    max-width: none !important;
  }
  html body .site-contact__btn,
  html body .site-contact__phone-box {
    width: 100% !important;
  }
  html body .site-contact__chat-note,
  html body main.site-contact .site-contact__chat-note {
    font-size: 13px !important;
    line-height: 18px !important;
    color: #666 !important;
    text-align: left !important;
  }
  html body .site-contact__btn,
  html body .site-contact__phone-box {
    border-width: 1px !important;
  }
  html body .site-contact__phone-row {
    grid-template-columns: 1fr !important;
  }
}

/* —— Pass 20260809h106 — Footer underlines shifted up; Trade/Contact BV rhythm —— */
/* Column links (::after) — sit closer to text */
html body .site-footer .hover-underline-anim,
html body .site-footer a.hover-underline-anim,
html body .site-footer button.hover-underline-anim,
html body .site-footer__links .hover-underline-anim,
html body .site-footer__links a,
html body .site-footer__mobile .hover-underline-anim,
html body .site-footer__locale .hover-underline-anim,
html body .site-footer__locale-link {
  padding-bottom: 1px !important;
  position: relative !important;
}
html body .site-footer .hover-underline-anim::after,
html body .site-footer a.hover-underline-anim::after,
html body .site-footer button.hover-underline-anim::after,
html body .site-footer__links .hover-underline-anim::after,
html body .site-footer__links a.hover-underline-anim::after,
html body .site-footer__mobile .hover-underline-anim::after,
html body .site-footer__locale-link::after,
html body a.site-footer__locale-link::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  bottom: 2px !important;
  background: currentColor !important;
  pointer-events: none !important;
}
/* Find store / stay-ul lines — lift toward baseline */
html body .site-footer .xsample-ul-line,
html body .site-footer__find-store > .xsample-ul-line,
html body a.site-footer__find-store > .xsample-ul-line,
html body .site-footer__locale-link > .xsample-ul-line,
html body a.site-footer__locale-link > .xsample-ul-line {
  bottom: 2px !important;
  top: auto !important;
}
html body .site-footer__find-store,
html body a.site-footer__find-store {
  padding-bottom: 0 !important;
}
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer .site-footer__copyright,
html body .site-footer .site-footer__copyright--mobile {
  font-size: 13px !important;
}

/* Sitewide mobile body — 13px. Drawers/footer sit outside main. */
@media (max-width: 767px) {
  html body main [class]:not(h1),
  html body .site-footer,
  html body .site-footer [class],
  html body .site-drawer,
  html body .site-drawer [class],
  html body aside.site-drawer [class],
  html body .site-contact__drawer-root [class],
  html body .site-contact__drawer [class],
  html body .site-search [class],
  html body .cookie-banner [class],
  html body .cookie-settings [class],
  html body .cookie-settings-root [class],
  html body .site-cart [class],
  html body .site-added [class],
  html body .site-filter [class],
  html body .mobile-nav,
  html body .mobile-nav [class] {
    font-size: 13px !important;
  }
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile,
  html body .site-footer .site-footer__copyright--mobile {
    font-size: 13px !important;
    padding-bottom: 0 !important;
    padding-top: 0.85rem !important;
  }
  html body main.site-faq .site-faq__q-text,
  html body main.site-faq a.site-faq__nav-link,
  html body main.l-legalpages a.l-legalpages__accordiontitle,
  html body main.l-legalpages a.l-legalpages__assettitle,
  html body main.l-legalpages .c-expander__btn {
    font-size: 13px !important;
  }
  html body main.site-faq .site-faq__crumb,
  html body main.site-faq .site-faq__crumb [class] {
    font-size: 13px !important;
  }
  html body .site-footer,
  html body .site-footer [class] {
    font-weight: 400 !important;
  }
}

/* —— Pass 20260813h140 — crumbs 13px sitewide; re-assert last Contact/FAQ/footer/nav fixes —— */

/* Black link crumbs — 13px desktop + mobile (beats styles.css 10px/12px) */
html body [class*="crumb"],
html body [class*="crumb"] a,
html body [class*="crumb"] span,
html body .site-faq__crumb,
html body .site-faq__crumb a,
html body .site-faq__crumb-link,
html body .site-faq__crumb-current,
html body .site-faq__crumb-sep,
html body .site-faq__crumb [class],
html body main.site-faq .site-faq__crumb,
html body main.site-faq .site-faq__crumb a,
html body main.site-faq .site-faq__crumb [class],
html body .site-product__crumb,
html body .site-product__crumb a,
html body .site-product__crumb span,
html body .site-product__crumb-link,
html body .site-product__crumb-sep,
html body .site-product__crumb .hover-underline-swap,
html body.product-page .site-product__crumb,
html body.product-page .site-product__crumb a,
html body.product-page .site-product__crumb span,
html body.product-page .site-product__crumb .hover-underline-swap,
html body .site-plp-crumb-row,
html body .site-plp-crumb-row a,
html body .site-plp-crumb-row span,
html body .site-plp-crumb,
html body .site-plp-crumb-current,
html body .site-plp-crumb__sep,
html body main.site-collections-products .site-plp-crumb-row,
html body main.site-collections-products .site-plp-crumb-row a,
html body main.site-collections-products .site-plp-crumb-row span,
html body main.site-collections-products .site-plp-crumb,
html body main.site-collections-products .site-plp-crumb-current,
html body main.site-collections-products .site-plp-crumb__sep {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
@media (max-width: 767px) {
  html body [class*="crumb"],
  html body [class*="crumb"] a,
  html body [class*="crumb"] span,
  html body .site-faq__crumb,
  html body .site-faq__crumb a,
  html body .site-faq__crumb [class],
  html body main.site-faq .site-faq__crumb,
  html body main.site-faq .site-faq__crumb [class],
  html body .site-product__crumb,
  html body .site-product__crumb a,
  html body .site-product__crumb span,
  html body.product-page .site-product__crumb,
  html body.product-page .site-product__crumb a,
  html body.product-page .site-product__crumb span,
  html body.product-page .site-product__crumb .hover-underline-swap,
  html body main.site-collections-products .site-plp-crumb-row,
  html body main.site-collections-products .site-plp-crumb-row a,
  html body main.site-collections-products .site-plp-crumb-row span,
  html body main.site-collections-products .site-plp-crumb,
  html body main.site-collections-products .site-plp-crumb-current,
  html body main.site-collections-products .site-plp-crumb__sep {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* Contact frame / intro / chat-note / 1px borders / disabled cursor */
html body .site-contact__frame {
  width: min(1540px, calc(100% - 48px)) !important;
  max-width: 1540px !important;
}
html body .site-contact__introtext {
  max-width: 700px !important;
  margin: 8px auto 0 !important;
}
html body .site-contact__welcome {
  margin: 0 0 8px !important;
}
html body .site-contact__chat-note,
html body main.site-contact .site-contact__chat-note {
  font-size: 14px !important;
  color: #666 !important;
}
html body .site-contact__row,
html body .site-contact__row--call {
  border-bottom: 1px solid #000 !important;
  border-width: 0 0 1px 0 !important;
}
html body .site-contact__row:first-child {
  border-top: 1px solid #000 !important;
  border-width: 1px 0 !important;
}
html body .site-contact__btn,
html body .site-contact__phone-box {
  border-width: 1px !important;
}
html body .site-contact__btn.is-disabled,
html body .site-contact__chat-wrap .site-contact__btn.is-disabled {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

/* Footer 400 everywhere; copyright 13 desktop */
html body .site-footer,
html body .site-footer [class],
html body .site-footer .font-semibold,
html body .site-footer .font-medium,
html body .site-footer .font-bold {
  font-weight: 400 !important;
}
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer .site-footer__copyright,
html body .site-footer .site-footer__copyright--mobile {
  font-size: 13px !important;
}

@media (max-width: 899px) {
  html body main.site-faq .l-legalpages__folderscarouselwrapper,
  html body main.l-legalpages .l-legalpages__folderscarouselwrapper {
    gap: 8px !important;
  }
}

@media (max-width: 767px) {
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile,
  html body .site-footer .site-footer__copyright--mobile,
  html body .site-footer__mobile .site-footer__copyright--mobile {
    font-size: 13px !important;
    padding-bottom: 0 !important;
    padding-top: 0.85rem !important;
  }
  html body .site-contact__chat-note,
  html body main.site-contact .site-contact__chat-note {
    font-size: 13px !important;
    color: #666 !important;
  }
  html body .site-contact__btn,
  html body .site-contact__phone-box {
    border-width: 1px !important;
  }
  html body .site-contact__row,
  html body .site-contact__row--call {
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
  html body .site-contact__row:first-child {
    border: 0 !important;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    box-shadow: none !important;
  }
  html body .site-footer,
  html body .site-footer [class] {
    font-weight: 400 !important;
  }
}

/* Mobile menu drawer — ALL copy 13px (beats mt-auto / secondary / drill 12px) */
html body .mobile-nav,
html body .mobile-nav *,
html body .mobile-nav a,
html body .mobile-nav button,
html body .mobile-nav span,
html body .mobile-nav div,
html body .mobile-nav li,
html body .mobile-nav p,
html body .mobile-nav [class],
html body .mobile-nav .mt-auto,
html body .mobile-nav .mt-auto a,
html body .mobile-nav .mt-auto div,
html body .mobile-nav .mt-auto span,
html body .mobile-nav__item,
html body .mobile-nav a.mobile-nav__item,
html body .mobile-nav__item-label,
html body a.mobile-nav__item-label,
html body .mobile-nav a.mobile-nav__item-label,
html body .mobile-nav__back,
html body .mobile-nav__drill-title,
html body .mobile-nav__drill-label,
html body .mobile-nav__secondary,
html body .mobile-nav__secondary-link,
html body a.mobile-nav__secondary-link,
html body .mobile-nav__secondary-meta,
html body .mobile-nav__secondary-underline,
html body .mobile-nav__cap-heading,
html body .mobile-nav__cap-link,
html body a.mobile-nav__cap-link {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* —— Pass 20260813h143 — copyright 13px; FAQ tabs = Legal; Resources = Collections —— */
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer .site-footer__copyright,
html body .site-footer .site-footer__copyright--mobile,
html body .site-footer__mobile .site-footer__copyright--mobile,
html body #footer-container .site-footer__copyright,
html body #footer-container .site-footer__copyright--mobile {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
@media (max-width: 767px) {
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile,
  html body .site-footer .site-footer__copyright,
  html body .site-footer .site-footer__copyright--mobile,
  html body .site-footer__mobile .site-footer__copyright--mobile,
  html body .site-footer__mobile .pt-4.flex.flex-col,
  html body #footer-container .site-footer__copyright--mobile {
    font-size: 13px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 899px) {
  html body main.l-legalpages .l-legalpages__folderscarouselwrapper,
  html body main.site-faq .l-legalpages__folderscarouselwrapper,
  html body main.site-faq .l-legalpages__folderscarouselwrapper.site-faq__nav {
    border-top: 0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    background-image: none !important;
  }
  html body main.site-faq a.site-faq__nav-link,
  html body main.l-legalpages a.l-legalpages__accordiontitle,
  html body main.l-legalpages a.l-legalpages__assettitle {
    padding: 10px 0 3px !important;
  }
  html body main.l-legalpages a.l-legalpages__accordiontitle.c-accordion__trigger--selected > .xsample-ul-line,
  html body main.l-legalpages a.l-legalpages__accordiontitle[aria-current="page"] > .xsample-ul-line,
  html body main.l-legalpages a.l-legalpages__accordiontitle.is-active > .xsample-ul-line {
    bottom: 0 !important;
    height: 2px !important;
    max-height: 2px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  html body main.site-faq.l-legalpages .site-faq__q-text,
  html body main.site-faq .site-faq__q-text,
  html body main.site-faq .site-faq__a,
  html body main.site-faq .site-faq__a p,
  html body main.site-faq .site-faq__a [class],
  html body main.site-faq a.site-faq__nav-link,
  html body main.site-faq .site-faq__crumb,
  html body main.site-faq .site-faq__crumb [class] {
    font-size: 13px !important;
  }
  html body main.site-faq h1.site-faq__title,
  html body main.site-faq .site-faq__title,
  html body main.site-faq h1.l-legalpages__title.site-faq__title {
    font-size: 16px !important;
    text-transform: uppercase !important;
  }

  /* Contact mobile — tighter padding (was still using desktop 36/48) */
  html body .site-contact__frame {
    width: calc(100% - 28px) !important;
    padding-bottom: 48px !important;
  }
  html body .site-contact__title {
    margin: 28px 0 0 !important;
  }
  html body .site-contact__intro {
    padding-bottom: 12px !important;
  }
  html body .site-contact__introtext {
    margin: 8px 0 0 !important;
  }
  html body .site-contact__row-title {
    margin: 0 0 12px !important;
  }
  html body .site-contact__row,
  html body .site-contact__row--call {
    padding: 16px 0 !important;
  }
  html body .site-contact__row--call {
    gap: 16px !important;
  }
  html body .site-contact__row-body {
    gap: 16px !important;
  }
}

/* Cookie / legal settings modal — 13px throughout */
html body .cookie-settings,
html body .cookie-settings [class],
html body .cookie-settings-root [class],
html body .cookie-settings__title,
html body .cookie-settings__panel-title,
html body .cookie-settings__panel h3,
html body .cookie-settings__panel-copy,
html body .cookie-settings__panel p,
html body .cookie-settings__nav .tab-button,
html body .cookie-settings__more,
html body .cookie-settings__btn,
html body .cookie-settings__always-active {
  font-size: 13px !important;
}

/* Resources overview — same heroes / grid / CTA as Collections */
html body .site-resources-page .site-resources-heroes,
html body .site-resources-page .site-home-cards.site-resources-heroes {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  width: 100% !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-resources-page .site-resources-heroes,
  html body .site-resources-page .site-home-cards.site-resources-heroes {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .site-resources-page .site-resources-grid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  html body .site-resources-page .site-resources-grid__inner {
    gap: 1.5rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
html body .site-resources-page .site-resources-heroes > div,
html body .site-resources-page .site-resources-heroes > a {
  position: relative !important;
  width: 100% !important;
  height: 65vh !important;
}
@media (min-width: 768px) {
  html body .site-resources-page .site-resources-heroes > div,
  html body .site-resources-page .site-resources-heroes > a {
    height: 82vh !important;
  }
}
html body .site-resources-page .site-resources-grid {
  padding: 3rem 0 5rem !important;
  background: #fff !important;
}
html body .site-resources-page .site-resources-grid__inner {
  max-width: 1440px !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  html body .site-resources-page .site-resources-heroes,
  html body .site-resources-page .site-home-cards.site-resources-heroes {
    padding: 0 14px !important;
    gap: 2px !important;
    box-sizing: border-box !important;
  }
  html body .site-resources-page .site-resources-heroes > div,
  html body .site-resources-page .site-resources-heroes > a {
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    padding: 0 0 2.5rem !important;
  }
  html body .site-resources-page .site-resources-grid {
    padding: 1.75rem 0 2.5rem !important;
  }
  html body .site-resources-page .site-resources-grid__inner {
    grid-template-columns: 1fr !important;
    gap: 1.25rem 2px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* FAQ active tab = Legal (same span, same bottom, same 2px on the grey rail) */
@media (max-width: 899px) {
  html body main.site-faq.l-legalpages .l-legalpages__content {
    overflow: visible !important;
  }
  html body main.site-faq.l-legalpages a.l-legalpages__accordiontitle.site-faq__nav-link {
    padding: 10px 0 3px !important;
    overflow: visible !important;
  }
  html body main.site-faq.l-legalpages a.l-legalpages__accordiontitle.site-faq__nav-link.c-accordion__trigger--selected > .xsample-ul-line,
  html body main.site-faq.l-legalpages a.l-legalpages__accordiontitle.site-faq__nav-link.is-active > .xsample-ul-line,
  html body main.site-faq.l-legalpages a.l-legalpages__accordiontitle.site-faq__nav-link[aria-current="page"] > .xsample-ul-line,
  html body main.site-faq.l-legalpages .l-legalpages__content.is-active a.l-legalpages__accordiontitle > .xsample-ul-line {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    background: #000 !important;
    background-color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    scale: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    pointer-events: none !important;
  }
}

/* Cart / added drawer: centered busy bubble + dim */
html body main.site-cart {
  position: relative !important;
}
html body .site-cart-busy {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.62) !important;
  pointer-events: all !important;
}
html body .site-cart-busy .site-busy__dots {
  gap: 10px !important;
  height: auto !important;
}
html body .site-cart-busy .site-busy__dot {
  width: 10px !important;
  height: 10px !important;
  background: #000 !important;
}
html body .site-drawer--added.is-dim,
html body .site-drawer--cart-edit.is-dim,
html body main.site-cart.is-dim {
  pointer-events: none !important;
}
html body .site-added__view,
html body a.site-added__view,
html body .site-cart-edit__foot .site-added__view {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
html body .site-added__view:hover,
html body .site-added__view:focus,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body a.site-added__view:focus,
html body a.site-added__view:active,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:focus,
html body .site-cart__checkout:active,
html body .site-cart-edit__foot .site-added__view:hover,
html body .site-cart-edit__foot .site-added__view:active {
  background: #cfcfcf !important;
  background-color: #cfcfcf !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 0 !important;
}
html body .site-cart__checkout {
  border: 0 !important;
}
html body .site-cart-edit__body {
  flex: 1 1 auto !important;
  overflow: auto !important;
  padding: 12px 24px 24px !important;
}
html body .site-cart-edit__media {
  width: 100% !important;
  margin: 0 0 18px !important;
}
html body .site-cart-edit__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
}
html body .site-cart-edit__info {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  font-size: 14px !important;
}
html body .site-cart-edit__foot {
  flex: 0 0 auto !important;
  padding: 16px 24px 28px !important;
}

/* —— Pass 20260813h155 — cart/added/edit + variant stay-ul + black CTA grey —— */
html body .site-added__item,
html body .site-drawer--added .site-added__item {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  position: relative !important;
}
html body .site-added__media,
html body .site-drawer--added .site-added__media {
  width: 120px !important;
  max-width: 120px !important;
  flex: 0 0 120px !important;
  grid-column: 1 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #f2f2f0 !important;
}
html body .site-added__info,
html body .site-drawer--added .site-added__info {
  grid-column: 2 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
}
html body .site-added__actions-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 10px !important;
}
html body .site-added__edit,
html body .site-added__remove {
  font: inherit !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  padding: 0 0 1px !important;
}
html body .site-added__side,
html body .site-added__qty {
  display: none !important;
}
html body .site-added__close,
html body .site-drawer--added .site-added__close,
html body .site-drawer--cart-edit .site-added__close {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  cursor: pointer !important;
  font-size: 28px !important;
  line-height: 1 !important;
}
html body .site-cart-edit__head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
}
html body .site-cart-edit__size,
html body .site-drawer--cart-edit .site-product__size-select,
html body .site-drawer--cart-edit .xsample-select {
  display: block !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .site-cart-edit__size .xsample-select__trigger,
html body .site-drawer--cart-edit .site-product__size-select .xsample-select__trigger {
  display: flex !important;
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
  color: #000 !important;
  padding: 8px 0 6px !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  cursor: pointer !important;
}
html body .site-cart__line-zoom {
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #111 !important;
  pointer-events: none !important;
}
html body .site-cart__line-qty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 22px !important;
  margin: 6px 0 0 !important;
  letter-spacing: -0.20px !important;
}
html body .site-cart__line-side {
  align-items: flex-end !important;
}
html body .site-product__variant,
html body button.site-product__variant {
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
  transition: opacity 0.2s ease, border-color 0.2s ease !important;
}
html body .site-product__variant:hover,
html body .site-product__variant:focus,
html body .site-product__variant.is-selected,
html body button.site-product__variant:hover,
html body button.site-product__variant:focus,
html body button.site-product__variant.is-selected {
  transform: none !important;
  translate: none !important;
}
html body .site-product__variant::after,
html body button.site-product__variant::after {
  content: none !important;
  display: none !important;
}
html body .site-product__variant-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #c4c4c4 !important;
  background-color: #c4c4c4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 2 !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
}
html body .site-added__view,
html body a.site-added__view,
html body .site-cart__checkout,
html body .site-cart-edit__foot .site-added__view,
html body .site-cart__cta,
html body a.site-cart__cta {
  transition: color 0.2s ease, -webkit-text-fill-color 0.2s ease !important;
}
html body .site-added__view:hover,
html body .site-added__view:focus,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body a.site-added__view:focus,
html body a.site-added__view:active,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:focus,
html body .site-cart__checkout:active,
html body .site-cart-edit__foot .site-added__view:hover,
html body .site-cart-edit__foot .site-added__view:active,
html body .site-cart__cta:hover,
html body .site-cart__cta:active,
html body a.site-cart__cta:hover,
html body a.site-cart__cta:active {
  background: #cfcfcf !important;
  background-color: #cfcfcf !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 0 !important;
  border-color: transparent !important;
  opacity: 1 !important;
}

/* —— Pass 20260814h156 — cart BV layout, drawer qty, swipe gallery, CTA/close/variant —— */
html body .site-added__view,
html body a.site-added__view,
html body .site-cart__checkout,
html body .site-cart-edit__foot .site-added__view,
html body .site-cart__cta,
html body a.site-cart__cta {
  border: 0 !important;
  box-shadow: none !important;
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}
html body .site-added__view > .xsample-ul-line,
html body a.site-added__view > .xsample-ul-line,
html body .site-cart__checkout > .xsample-ul-line,
html body .site-cart__cta > .xsample-ul-line {
  display: none !important;
}

/* Unified close icon (drawers + product modal; not announcement) */
html body .drawer-close-icon,
html body .site-added__close,
html body .site-drawer .site-added__close,
html body .site-product-modal__close.drawer-close-icon,
html body .site-product-modal__close {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}
html body .drawer-close-icon__svg,
html body .drawer-close-icon svg,
html body .site-added__close svg,
html body .site-product-modal__close svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  stroke-width: 1.5 !important;
}
html body .site-cart-edit__head,
html body .site-cart-detail__head {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
}

/* Added drawer: image | info(price under name) | qty+remove */
html body .site-added__item,
html body .site-drawer--added .site-added__item {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: start !important;
}
html body .site-added__side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  padding-top: 2px !important;
}
html body .site-added__qty {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 22px !important;
}
html body .site-added__actions-row {
  display: none !important;
}
html body .site-added__price {
  margin: 2px 0 6px !important;
  font-weight: 500 !important;
}

/* Cart page BV layout */
html body .site-cart__filled,
html.cart-page body .site-cart__filled {
  max-width: 1580px !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 900px) {
  html body .site-cart__filled,
  html.cart-page body .site-cart__filled {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.7fr) !important;
    gap: 56px !important;
  }
}
html body .site-cart__line,
html.cart-page body .site-cart__line {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
@media (min-width: 768px) {
  html body .site-cart__line,
  html.cart-page body .site-cart__line {
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 28px !important;
  }
}
html body .site-cart__line-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body .site-cart__line-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
}
html body .site-cart__line-name {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
  font: inherit !important;
  font-weight: 400 !important;
  color: #000 !important;
  letter-spacing: -0.20px !important;
}
html body .site-cart__line-price {
  flex: 0 0 auto !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-align: right !important;
}
html body .site-cart__line-side {
  display: none !important;
}
html body .site-cart__line-media {
  position: relative !important;
  border: 0 !important;
  padding: 0 !important;
  background: #f2f2f0 !important;
  cursor: pointer !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}
html body .site-cart__line-zoom {
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #111 !important;
  pointer-events: none !important;
}
html body .site-cart__line-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 10px !important;
}
html body .site-cart__line-qty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 6px 0 0 !important;
}
html body .xsample-swipe-gallery {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  user-select: none !important;
  touch-action: pan-y !important;
}
html body .xsample-swipe-gallery__dots {
  position: absolute !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  pointer-events: auto !important;
}
html body .xsample-swipe-gallery__dot,
html body button.xsample-swipe-gallery__dot {
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  min-height: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.28) !important;
  cursor: pointer !important;
}
html body .xsample-swipe-gallery__dot.is-active {
  background: #000 !important;
}
html body .xsample-swipe-gallery__viewport {
  overflow: hidden !important;
  width: 100% !important;
  cursor: grab !important;
}
html body .xsample-swipe-gallery__viewport:active {
  cursor: grabbing !important;
}
html body .xsample-swipe-gallery__track {
  display: flex !important;
  width: 100% !important;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform !important;
}
html body .xsample-swipe-gallery__track.is-snap {
  transition: none !important;
}
html body .xsample-swipe-gallery__pane {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
}
html body .xsample-swipe-gallery__img,
html body .site-cart-edit__gallery .xsample-swipe-gallery__img,
html body .site-cart-detail__gallery .xsample-swipe-gallery__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  pointer-events: none !important;
}
html body .site-cart-detail__body,
html body .site-cart-edit__body {
  flex: 1 1 auto !important;
  overflow: auto !important;
  padding: 8px 24px 28px !important;
}
html body .site-cart-detail__info,
html body .site-cart-edit__info {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin: 0 0 14px !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
}
html body .site-cart-detail__title,
html body .site-cart-edit__title {
  font-weight: 400 !important;
}
html body .site-cart-detail__price,
html body .site-cart-edit__price {
  font-weight: 500 !important;
  white-space: nowrap !important;
}
html body .site-cart-detail__desc {
  margin: 0 0 16px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-cart-detail__desc { font-size: 14px !important; }
}
html body .site-cart-detail__bullets {
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: disc !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-cart-detail__bullets { font-size: 14px !important; }
}
html body .site-product-modal__viewport {
  touch-action: pan-y !important;
  cursor: grab !important;
}
html body .site-product-modal__viewport:active {
  cursor: grabbing !important;
}

/* Variant thumbs: taller, underline under image, darker, shared pace */
html body .site-product__variant,
html body button.site-product__variant {
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
  padding-bottom: 10px !important;
  min-height: calc(100% + 10px) !important;
  box-sizing: border-box !important;
}
html body .site-product__variant-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}
html body .site-product__variant-line {
  bottom: -2px !important;
  background: #8a8a8a !important;
  background-color: #8a8a8a !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
  background: #666 !important;
  background-color: #666 !important;
}
html body .site-cart__cta:hover,
html.cart-page body .site-cart__cta:hover {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: #cfcfcf !important;
  opacity: 1 !important;
}


/* —— Pass 20260814h157 — CTA grey bg, cart pad/summary, click gallery, accordion, variant —— */

/* Black CTAs: soft grey background on hover/active (text stays black) */
html body .site-added__view:hover,
html body .site-added__view:focus,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body a.site-added__view:active,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:focus,
html body .site-cart__checkout:active,
html body .site-cart-edit__foot .site-added__view:hover,
html body .site-cart-edit__foot .site-added__view:active,
html body .site-cart__cta:hover,
html body .site-cart__cta:active,
html body a.site-cart__cta:hover,
html body a.site-cart__cta:active,
html.cart-page body .site-cart__cta:hover,
html.cart-page body .site-cart__cta:active {
  background: #cfcfcf !important;
  background-color: #cfcfcf !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 0 !important;
  opacity: 1 !important;
}

/* Cart underlines sit closer to text */
html body .site-cart__line-link > .xsample-ul-line,
html body .site-cart__estimate > .xsample-ul-line,
html body a.site-cart__line-link > .xsample-ul-line,
html body button.site-cart__line-link > .xsample-ul-line,
html body button.site-cart__estimate > .xsample-ul-line,
html.cart-page body .site-cart .xsample-ul-line,
html body .site-cart .xsample-ul-line,
html body .site-added__remove > .xsample-ul-line,
html body .site-added__continue > .xsample-ul-line,
html body .site-drawer--added .xsample-ul-line {
  bottom: 2px !important;
}
html body .site-cart__line-link,
html body .site-cart__estimate,
html body .site-added__remove,
html body .site-added__continue {
  padding-bottom: 0 !important;
}

/* Cart page mobile horizontal padding */
html body .site-cart--filled,
html body .site-cart.site-cart--filled,
html.cart-page body .site-cart--filled {
  padding: 0 16px 48px !important;
}
@media (min-width: 768px) {
  html body .site-cart--filled,
  html body .site-cart.site-cart--filled,
  html.cart-page body .site-cart--filled {
    padding: 0 32px 72px !important;
  }
}
html body .site-cart__filled,
html.cart-page body .site-cart__filled {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 1580px !important;
}

/* Summary: border-top only on mobile */
@media (max-width: 899px) {
  html body .site-cart__summary,
  html.cart-page body .site-cart__summary {
    border: 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 20px 0 18px !important;
  }
}
@media (min-width: 900px) {
  html body .site-cart__summary,
  html.cart-page body .site-cart__summary {
    border: 1px solid #e8e8e8 !important;
    padding: 22px 20px 18px !important;
  }
}

/* Accordion: larger +, smooth bounce open/close */
html body .site-cart__acc-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  transition: transform 0.35s cubic-bezier(0.34, 1.4, 0.64, 1) !important;
}
html body .site-cart__acc.is-open .site-cart__acc-icon {
  transform: scale(1.06) !important;
}
html body .site-cart__acc-panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.48s cubic-bezier(0.34, 1.25, 0.64, 1) !important;
}
html body .site-cart__acc-panel.is-open {
  grid-template-rows: 1fr !important;
}
html body .site-cart__acc-panel-inner {
  overflow: hidden !important;
  min-height: 0 !important;
}
html body .site-cart__acc-body {
  padding: 0 0 16px !important;
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.32s ease, transform 0.42s cubic-bezier(0.34, 1.25, 0.64, 1) !important;
}
html body .site-cart__acc-panel.is-open .site-cart__acc-body {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Edit / detail drawers: close right, less top pad */
html body .site-cart-edit__head,
html body .site-cart-detail__head,
html body .site-drawer--cart-edit .site-added__head,
html body .site-drawer--cart-detail .site-added__head {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  padding: 10px 14px 2px !important;
  min-height: 0 !important;
}
html body .site-drawer--cart-edit .site-added__close,
html body .site-drawer--cart-detail .site-added__close,
html body .site-cart-edit__head .site-added__close,
html body .site-cart-detail__head .site-added__close {
  margin-left: auto !important;
  margin-right: 0 !important;
}
html body .site-cart-detail__body,
html body .site-cart-edit__body {
  padding: 4px 24px 28px !important;
}

/* Gallery dots: match product modal; align top-right */
html body .xsample-swipe-gallery__dots {
  position: absolute !important;
  top: 14px !important;
  left: auto !important;
  right: 14px !important;
  transform: none !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: center !important;
  pointer-events: auto !important;
}
html body .xsample-swipe-gallery__dot,
html body button.xsample-swipe-gallery__dot {
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  min-height: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #9a9a9a !important;
  cursor: pointer !important;
  appearance: none !important;
  flex-shrink: 0 !important;
  transition: width 0.15s ease, height 0.15s ease, background 0.15s ease !important;
}
html body .xsample-swipe-gallery__dot.is-active,
html body button.xsample-swipe-gallery__dot.is-active {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  background: #111 !important;
  border: 0 !important;
}

/* Click to advance — no grab */
html body .xsample-swipe-gallery__viewport,
html body .site-product-modal__viewport {
  cursor: pointer !important;
  touch-action: manipulation !important;
}
html body .xsample-swipe-gallery__viewport:active,
html body .site-product-modal__viewport:active {
  cursor: pointer !important;
}

/* Variants: underline only (no active border), match stay-ul pace */
html body .site-product__variant,
html body button.site-product__variant,
html body .site-product__variant.is-selected,
html body button.site-product__variant.is-selected {
  border-color: transparent !important;
  border: 1px solid transparent !important;
  overflow: visible !important;
}
html body .site-product__variant-line {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
  background: #8a8a8a !important;
  background-color: #8a8a8a !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
  background: #666 !important;
  background-color: #666 !important;
}

/* —— Pass 20260814h158 — black CTA opacity, pay row, ULs up, edit variants, cart tighten —— */

/* Black CTAs: opacity 0.78 on hover/active (keep black bg + white text) */
html body .site-added__view,
html body a.site-added__view,
html body .site-cart__checkout,
html body .site-cart-edit__foot .site-added__view,
html body .site-cart__cta,
html body a.site-cart__cta,
html body .site-product__cta,
html body button.site-product__cta,
html body .site-product__sticky-bar__cta,
html body button.site-product__sticky-bar__cta,
html body .site-product__secondary--solid,
html body button.site-product__secondary--solid,
html body .site-product__actions-half.bg-black,
html body button.bg-black.text-white,
html body .site-drawer button.bg-black,
html body .site-drawer--product button.bg-black,
html body .site-delivery__estimate-btn,
html body .site-store__check,
html body .site-filter__view,
html body .site-btn.bg-black {
  transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}
html body .site-added__view:hover,
html body .site-added__view:focus,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body a.site-added__view:active,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:focus,
html body .site-cart__checkout:active,
html body .site-cart-edit__foot .site-added__view:hover,
html body .site-cart-edit__foot .site-added__view:active,
html body .site-cart__cta:hover,
html body .site-cart__cta:active,
html body a.site-cart__cta:hover,
html body a.site-cart__cta:active,
html.cart-page body .site-cart__cta:hover,
html.cart-page body .site-cart__cta:active,
html body .site-product__cta:hover,
html body .site-product__cta:focus,
html body .site-product__cta:active,
html body button.site-product__cta:hover,
html body button.site-product__cta:active,
html body .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar__cta:active,
html body button.site-product__sticky-bar__cta:hover,
html body button.site-product__sticky-bar__cta:active,
html body .site-product__secondary--solid:hover,
html body .site-product__secondary--solid:active,
html body button.site-product__secondary--solid:hover,
html body button.site-product__secondary--solid:active,
html body .site-product__actions-half.bg-black:hover,
html body .site-product__actions-half.bg-black:active,
html body button.bg-black.text-white:hover,
html body button.bg-black.text-white:active,
html body .site-drawer button.bg-black:hover,
html body .site-drawer button.bg-black:active,
html body .site-drawer--product button.bg-black:hover,
html body .site-drawer--product button.bg-black:active,
html body .site-delivery__estimate-btn:hover,
html body .site-delivery__estimate-btn:active,
html body .site-store__check:hover,
html body .site-store__check:active,
html body .site-filter__view:hover,
html body .site-filter__view:active,
html body .site-btn.bg-black:hover,
html body .site-btn.bg-black:active {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  opacity: 0.78 !important;
}

/* Payment methods: first row only, spaced to fill width */
html body .site-cart__pay-secure {
  display: none !important;
}
html body .site-cart__pay-icons {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}
html body .site-cart__pay-icon {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 30px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Sitewide + cart underlines: solid 1px, lift toward text */
html body .xsample-ul-line,
html body .xsample-stay-ul > .xsample-ul-line,
html body .hover-underline-erase > .xsample-ul-line,
html body .site-cart .xsample-ul-line,
html.cart-page body .site-cart .xsample-ul-line,
html body .site-cart__line-link > .xsample-ul-line,
html body .site-cart__estimate > .xsample-ul-line,
html body .site-added__remove > .xsample-ul-line,
html body .site-added__continue > .xsample-ul-line,
html body .site-added__edit > .xsample-ul-line,
html body .site-drawer--added .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  bottom: 3px !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
html body .xsample-stay-ul,
html body .hover-underline-erase,
html body .site-cart__line-link,
html body .site-cart__estimate,
html body .site-added__remove,
html body .site-added__continue,
html body .site-added__edit {
  padding-bottom: 0 !important;
}

/* Variant underline: slower, works in edit drawer too */
html body .site-product__variant,
html body button.site-product__variant,
html body .site-drawer--cart-edit .site-product__variant,
html body .site-cart-edit__body .site-product__variant,
html body .site-drawer--cart-edit button.site-product__variant {
  position: relative !important;
  overflow: visible !important;
  padding: 0 0 10px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: content-box !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  transform: none !important;
}
html body .site-product__variant.is-selected,
html body button.site-product__variant.is-selected,
html body .site-drawer--cart-edit .site-product__variant.is-selected {
  border-color: transparent !important;
}
html body .site-product__variant-img,
html body .site-drawer--cart-edit .site-product__variant-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}
html body .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant-line,
html body button.site-product__variant > .site-product__variant-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #8a8a8a !important;
  background-color: #8a8a8a !important;
  pointer-events: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:hover > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant.is-selected > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:hover > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
  background: #666 !important;
  background-color: #666 !important;
}

/* Cart page: tighten inner spacing */
html body .site-cart--filled,
html body .site-cart.site-cart--filled,
html.cart-page body .site-cart--filled {
  padding: 0 16px 36px !important;
}
@media (min-width: 768px) {
  html body .site-cart--filled,
  html body .site-cart.site-cart--filled,
  html.cart-page body .site-cart--filled {
    padding: 0 28px 56px !important;
  }
}
html body .site-cart__filled,
html.cart-page body .site-cart__filled {
  gap: 28px !important;
  margin-top: 4px !important;
}
@media (min-width: 900px) {
  html body .site-cart__filled,
  html.cart-page body .site-cart__filled {
    gap: 40px !important;
  }
}
html body .site-cart__bag-title,
html.cart-page body .site-cart__bag-title {
  margin: 4px 0 16px !important;
}
html body .site-cart__line,
html.cart-page body .site-cart__line {
  gap: 16px !important;
  padding: 0 0 20px !important;
  margin: 0 0 20px !important;
}
@media (min-width: 768px) {
  html body .site-cart__line,
  html.cart-page body .site-cart__line {
    gap: 22px !important;
    padding: 0 0 22px !important;
    margin: 0 0 22px !important;
  }
}
html body .site-cart__line-body {
  gap: 4px !important;
}
html body .site-cart__line-actions {
  margin-top: 8px !important;
  gap: 16px !important;
}
html body .site-cart__summary,
html.cart-page body .site-cart__summary {
  padding-top: 16px !important;
}
@media (min-width: 900px) {
  html body .site-cart__summary,
  html.cart-page body .site-cart__summary {
    padding: 18px 18px 14px !important;
  }
}
html body .site-cart__legal {
  margin: 0 0 16px !important;
}
html body .site-cart__acc-btn {
  padding: 12px 0 !important;
}
html body .site-cart__back {
  padding-top: 10px !important;
}

/* —— Pass 20260814h159 — cart BV divider, no +, variants fill, drawer scroll, CTA size lock —— */

/* Hide cart + zoom icon */
html body .site-cart__line-zoom {
  display: none !important;
}

/* Expand cart page +80px; desktop summary = left divider only */
html body .site-cart__filled,
html.cart-page body .site-cart__filled {
  max-width: 1660px !important;
}
@media (min-width: 900px) {
  html body .site-cart__filled,
  html.cart-page body .site-cart__filled {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.7fr) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    padding-top: 3rem
  }
  html body .site-cart__summary,
  html.cart-page body .site-cart__summary {
    border: 0 !important;
    border-left: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    padding: 8px 8px 18px 48px !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  html body .site-cart__filled-main,
  html.cart-page body .site-cart__filled-main {
    padding-right: 48px !important;
  }
}
@media (max-width: 899px) {
  html body .site-cart__summary,
  html.cart-page body .site-cart__summary {
    border: 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 20px 0 18px !important;
  }
}

/* Variant thumbs: image fills card; underline below (no grey strip) */
html body .site-product__variant,
html body button.site-product__variant,
html body .site-drawer--cart-edit .site-product__variant,
html body .site-cart-edit__body .site-product__variant,
html body .site-drawer--cart-edit button.site-product__variant {
  position: relative !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  height: auto !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  transform: none !important;
}
html body .site-product__variant.is-selected,
html body button.site-product__variant.is-selected,
html body .site-drawer--cart-edit .site-product__variant.is-selected {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
}
html body .site-product__variant-img,
html body .site-drawer--cart-edit .site-product__variant-img,
html body .site-cart-edit__body .site-product__variant-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  background: #efefef !important;
}
html body .site-product__variant-grid,
html body .site-drawer--cart-edit .site-product__variant-grid,
html body .site-cart-edit__body .site-product__variant-grid {
  row-gap: 12px !important;
  overflow: visible !important;
}
html body .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant-line,
html body button.site-product__variant > .site-product__variant-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -8px !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #8a8a8a !important;
  background-color: #8a8a8a !important;
  pointer-events: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:hover > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant.is-selected > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:hover > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
  background: #666 !important;
  background-color: #666 !important;
}

/* Black CTAs: opacity only — never grow/shrink via border or scale */
html body .site-product__cta:hover,
html body .site-product__cta:focus,
html body .site-product__cta:active,
html body button.site-product__cta:hover,
html body button.site-product__cta:active,
html body .site-product__secondary--solid:hover,
html body .site-product__secondary--solid:active,
html body button.site-product__secondary--solid:hover,
html body button.site-product__secondary--solid:active,
html body .site-product__actions-half.bg-black:hover,
html body .site-product__actions-half.bg-black:active,
html body button.bg-black.text-white:hover,
html body button.bg-black.text-white:active,
html body .site-added__view:hover,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:active,
html body .site-cart__cta:hover,
html body .site-cart__cta:active {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  opacity: 0.78 !important;
  transform: none !important;
  scale: none !important;
  box-sizing: border-box !important;
}
html body .site-product__actions-row .site-product__cta,
html body .site-product__actions-row .site-product__secondary--solid,
html body .site-product__actions-row .site-product__actions-half {
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #000 !important;
}
html body .site-product__actions-row .site-product__cta:hover,
html body .site-product__actions-row .site-product__secondary--solid:hover,
html body .site-product__actions-row .site-product__actions-half:hover {
  flex: 1 1 0 !important;
  width: 100% !important;
}

/* Added / cart drawer: body scrolls; footer actions pinned */
html body .site-drawer--added,
html body .site-drawer.site-drawer--added {
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}
html body .site-drawer--added .site-added__head,
html body .site-drawer--added .site-added__actions {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}
html body .site-drawer--added .site-added__body,
html body .site-added__body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  justify-content: flex-start !important;
  padding-bottom: 16px !important;
}
html body .site-drawer--added .site-added__actions,
html body .site-added__actions {
  margin-top: 0 !important;
  padding: 12px 24px 28px !important;
  width: 100% !important;
  background: #fff !important;
  border-top: 0 !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-drawer--added .site-added__actions,
  html body .site-added__actions {
    padding: 14px 32px 32px !important;
  }
}

/* —— Pass 20260814h166 — sticky no-scale, UL flush, cart divider from header —— */

/* Sticky/float Add to bag: NEVER scale/grow; opacity only; border always 0 */
html body .site-product__sticky-bar .site-product__sticky-bar__cta,
html body .site-product__sticky-bar button.site-product__sticky-bar__cta,
html body .site-product__sticky-bar button.site-product__cta,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta,
html body .site-product__sticky-bar--float button.site-product__cta,
html body .site-product__sticky-bar--full .site-product__sticky-bar__cta,
html body .site-product__sticky-bar--full button.site-product__cta,
html body button.site-product__sticky-bar__cta,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:focus,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:focus-visible,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:active,
html body .site-product__sticky-bar button.site-product__cta:hover,
html body .site-product__sticky-bar button.site-product__cta:focus,
html body .site-product__sticky-bar button.site-product__cta:active,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta:focus,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta:active,
html body .site-product__sticky-bar--float button.site-product__cta:hover,
html body .site-product__sticky-bar--float button.site-product__cta:focus,
html body .site-product__sticky-bar--float button.site-product__cta:active,
html body .site-product__sticky-bar--full .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar--full .site-product__sticky-bar__cta:active,
html body .site-product__sticky-bar--full button.site-product__cta:hover,
html body .site-product__sticky-bar--full button.site-product__cta:active,
html body button.site-product__sticky-bar__cta:hover,
html body button.site-product__sticky-bar__cta:focus,
html body button.site-product__sticky-bar__cta:active {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 10px 20px !important;
  min-height: 36px !important;
  height: 36px !important;
  max-height: 36px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  rotate: none !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  transition: opacity 0.15s ease !important;
}
html body .site-product__sticky-bar .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:focus,
html body .site-product__sticky-bar .site-product__sticky-bar__cta:active,
html body .site-product__sticky-bar button.site-product__cta:hover,
html body .site-product__sticky-bar button.site-product__cta:active,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar--float .site-product__sticky-bar__cta:active,
html body .site-product__sticky-bar--float button.site-product__cta:hover,
html body .site-product__sticky-bar--float button.site-product__cta:active,
html body .site-product__sticky-bar--full .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar--full button.site-product__cta:hover,
html body button.site-product__sticky-bar__cta:hover,
html body button.site-product__sticky-bar__cta:active {
  opacity: 0.78 !important;
  border: 0 !important;
  transform: none !important;
  scale: 1 !important;
  padding: 10px 20px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  font-size: 12px !important;
}

/* Variant UL: flush under image (0 gap); 1px locked — never thins on hover/active/selected */
html body .site-product__variant,
html body button.site-product__variant,
html body .site-drawer--cart-edit .site-product__variant,
html body .site-cart-edit__body .site-product__variant,
html body .site-drawer--cart-edit button.site-product__variant,
html body main.site-product .site-product__variant {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  position: relative !important;
  transform: none !important;
  scale: 1 !important;
}
html body .site-product__variant-img,
html body .site-drawer--cart-edit .site-product__variant-img,
html body .site-cart-edit__body .site-product__variant-img,
html body main.site-product .site-product__variant-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}
html body .site-product__variant-line,
html body button.site-product__variant > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant-line,
html body .site-drawer--cart-edit button.site-product__variant > .site-product__variant-line,
html body main.site-product .site-product__variant-line,
html body main.site-product button.site-product__variant > .site-product__variant-line,
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant:active > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant:active > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:hover > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant.is-selected > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:hover > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant.is-selected > .site-product__variant-line {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: #8a8a8a !important;
  background-color: #8a8a8a !important;
  flex: 0 0 1px !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 3 !important;
  /* wipe uses scaleX only — never change height */
  transform-origin: left center !important;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .site-product__variant-line,
html body button.site-product__variant > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant-line,
html body main.site-product .site-product__variant-line {
  transform: scaleX(0) !important;
}
html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant:active > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant:active > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:hover > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:active > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant.is-selected > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:hover > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:active > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant.is-selected > .site-product__variant-line,
html body main.site-product .site-product__variant:hover > .site-product__variant-line,
html body main.site-product .site-product__variant.is-selected > .site-product__variant-line {
  transform: scaleX(1) !important;
  background: #666 !important;
  background-color: #666 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
}
html body .site-product__variant-grid,
html body .site-drawer--cart-edit .site-product__variant-grid,
html body .site-cart-edit__body .site-product__variant-grid {
  row-gap: 8px !important;
  overflow: visible !important;
}

/* Cart: Back stays above; +10px side padding; divider from under header full height */
html body .site-cart__line-zoom { display: none !important; }

@media (min-width: 900px) {
  html.cart-page body main.site-cart.site-cart--filled {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.7fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    max-width: 1660px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* prior ~28px + 10px */
    padding-left: 38px !important;
    padding-right: 38px !important;
    box-sizing: border-box !important;
    min-height: calc(100dvh - 64px) !important;
    align-items: stretch !important;
  }
  html.cart-page body main.site-cart.site-cart--filled > .site-cart__back {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 10px 0 8px !important;
    margin: 0 !important;
  }
  /* flatten filled so summary can span header→bottom */
  html.cart-page body main.site-cart.site-cart--filled > .site-cart__filled {
    display: contents !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html.cart-page body main.site-cart.site-cart--filled .site-cart__filled-main {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding-right: 23px !important;
    border-right: 0 !important;
    min-width: 0 !important;
  }
  html.cart-page body main.site-cart.site-cart--filled .site-cart__summary {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    height: auto !important;
    min-height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px !important;
    background: #fff !important;
  }
  /* busy overlay spans full grid */
  html.cart-page body main.site-cart.site-cart--filled > .site-cart-busy {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    z-index: 20 !important;
  }
  /* kill old box borders / short dividers */
  html.cart-page body main.site-cart.site-cart--filled::before,
  html.cart-page body main.site-cart.site-cart--filled::after,
  html.cart-page body .site-cart__filled::before {
    content: none !important;
    display: none !important;
  }
}
@media (max-width: 899px) {
  html.cart-page body main.site-cart.site-cart--filled {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
  html.cart-page body .site-cart__summary {
    border: 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 20px 0 18px !important;
  }
}
/* —— Pass 20260815h194 — logo/Back left; kill stacked remove dims —— */

/* Closed drawer dims must stay invisible even when another drawer sets site-drawer-open */
html body .site-drawer__backdrop:not(.is-open),
html body div.site-drawer__backdrop.fixed:not(.is-open),
html body.site-drawer-open .site-drawer__backdrop:not(.is-open),
html.site-drawer-open body .site-drawer__backdrop:not(.is-open),
html body.product-page .site-drawer__backdrop:not(.is-open),
html body .site-drawer__backdrop.opacity-0:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  background-color: transparent !important;
}


/* Sitewide header horizontal pad (restored full px-4 / md:px-8; filled cart uses its own chrome) */
html body .site-header:not(.site-header--cart),
html body header.site-header:not(.site-header--cart),
html body .site-header.sticky:not(.site-header--cart),
html body .site-header.w-full:not(.site-header--cart) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 768px) {
  html body .site-header:not(.site-header--cart),
  html body header.site-header:not(.site-header--cart),
  html body .site-header.sticky:not(.site-header--cart),
  html body .site-header.w-full:not(.site-header--cart) {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}


html body .site-drawer--product .site-stylewith__grid,
html body .site-stylewith__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 15px !important;
}
/* Knowledge Centre / Guides — match FAQ + Legal type (14/13, -0.20px) */
html body main.site-guide.l-legalpages .l-legalpages__title,
html body main.site-guide.l-legalpages .l-legalpages__headline,
html body main.site-guide.l-legalpages .l-legalpages__subhead,
html body main.site-guide.l-legalpages a.l-legalpages__accordiontitle,
html body main.site-guide.l-legalpages a.l-legalpages__assettitle {
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body main.site-guide.l-legalpages .l-legalpages__title {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  margin: 0 0 43px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body main.site-guide.l-legalpages .l-legalpages__folderscarouselwrapper {
  gap: 25px !important;
}
html body main.site-guide.l-legalpages a.l-legalpages__accordiontitle,
html body main.site-guide.l-legalpages a.l-legalpages__assettitle {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
}
html body main.site-guide.l-legalpages .l-legalpages__headline {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  margin: 0 0 16px !important;
  line-height: 1.35 !important;
}
html body main.site-guide.l-legalpages .l-legalpages__p,
html body main.site-guide.l-legalpages .l-legalpages__section-body .l-legalpages__p {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  margin: 0 0 14px !important;
  letter-spacing: -0.20px !important;
}
html body main.site-guide.l-legalpages .l-legalpages__subhead,
html body main.site-guide.l-legalpages .l-legalpages__section-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  margin: 22px 0 10px !important;
  line-height: 1.35 !important;
}
html body main.site-guide.l-legalpages .l-legalpages__section:first-child .l-legalpages__subhead {
  margin-top: 8px !important;
}
@media (max-width: 899px) {
  html body main.site-guide.l-legalpages .l-legalpages__title,
  html body main.site-guide.l-legalpages a.l-legalpages__accordiontitle,
  html body main.site-guide.l-legalpages a.l-legalpages__assettitle,
  html body main.site-guide.l-legalpages .l-legalpages__headline,
  html body main.site-guide.l-legalpages .l-legalpages__p,
  html body main.site-guide.l-legalpages .l-legalpages__section-body .l-legalpages__p,
  html body main.site-guide.l-legalpages .l-legalpages__subhead,
  html body main.site-guide.l-legalpages .l-legalpages__section-title {
    font-size: 14px !important;
    letter-spacing: -0.20px !important;
    line-height: 1.55 !important;
  }
  html body main.site-guide.l-legalpages .l-legalpages__title {
    margin: 0 0 28px !important;
  }
}

html.cart-page {
  --cart-max: 1660px;
  --cart-main-max: 1660px;
  --cart-pad-x: 31px; /* was 38 − 7 */
  --cart-cols: minmax(0, 1.55fr) minmax(300px, 0.7fr);
}

/* Filled-cart logo-only header only — empty cart uses normal sticky header */
html.cart-page--filled body .site-header.site-header--cart,
html.cart-page--filled body header.site-header.site-header--cart,
html body .site-header.site-header--cart,
html.cart-page--filled:not(.plp-page) body:not(.product-page) .site-header.site-header--cart,
html.cart-page--filled:not(.plp-page) body:not(.product-page) header.site-header.site-header--cart {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: var(--cart-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px var(--cart-pad-x) 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 0 !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Hide nav/utils only on populated (logo-only) cart chrome — empty keeps search/bag/nav */
html.cart-page--filled body .site-header .site-nav-wrap,
html.cart-page--filled body .site-header nav,
html.cart-page--filled body .site-header .header-utils,
html.cart-page--filled body .site-header .header-util,
html body .site-header--cart .site-nav-wrap,
html body .site-header--cart .header-utils {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.cart-page--filled body .site-header > a:first-child,
html.cart-page--filled body .site-header > .site-logo-link,
html body .site-header--cart > a:first-child {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
}

html.cart-page body main.site-cart.site-cart--filled {
  position: relative !important;
  max-width: var(--cart-main-max, var(--cart-max)) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: var(--cart-pad-x) !important;
  padding-right: var(--cart-pad-x) !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}
html.cart-page body main.site-cart.site-cart--filled::before,
html.cart-page body main.site-cart.site-cart--filled::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 900px) {
  html.cart-page {
    /* header shell 1690; items+summary +15 → 1705 (populated only) */
    --cart-max: 1690px;
    --cart-main-max: 1705px;
    --cart-header-extend: -62px;
    --cart-back-extend: -52px;
  }

  /* Populated: logo −62px, Back −52px from pad — clamp using shell + pad so no clip */
  html.cart-page--filled body .site-header.site-header--cart > a:first-child,
  html body .site-header.site-header--cart > a:first-child {
    margin-left: max(
      var(--cart-header-extend, -62px),
      calc(-1 * (max(0px, (100vw - var(--cart-max)) / 2) + var(--cart-pad-x) - 8px))
    ) !important;
  }
  html.cart-page--filled body main.site-cart.site-cart--filled > .site-cart__back {
    margin-left: max(
      var(--cart-back-extend, -52px),
      calc(-1 * (max(0px, (100vw - var(--cart-main-max, var(--cart-max))) / 2) + var(--cart-pad-x) - 8px))
    ) !important;
  }
  /* Empty cart: keep Back flush with header pad (no shift) */
  html.cart-page body main.site-cart.site-cart--empty > .site-cart__back,
  html.cart-page:not(.cart-page--filled) body main.site-cart > .site-cart__back {
    margin-left: 0 !important;
  }

  /* Divider only on populated cart — never on empty */
  html.cart-page--filled body::before {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: calc(
      max(0px, (100vw - var(--cart-main-max, var(--cart-max))) / 2)
      + var(--cart-pad-x)
      + (min(100vw, var(--cart-main-max, var(--cart-max))) - (var(--cart-pad-x) * 2)) * 1.55 / 2.25
    ) !important;
    width: 1px !important;
    background: #e5e5e5 !important;
    z-index: 10050 !important;
    pointer-events: none !important;
  }

  html.cart-page body main.site-cart.site-cart--filled {
    display: grid !important;
    grid-template-columns: var(--cart-cols) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    min-height: calc(100dvh - 140px) !important;
    align-items: stretch !important;
  }

  html.cart-page body main.site-cart.site-cart--filled > .site-cart__back {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 12px 0 0 !important;
    width: max-content !important;
  }
  html.cart-page body .site-cart__back-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 0 1px !important;
    margin: 0 !important;
    font-size: 13px !important;
    letter-spacing: -0.2px !important;
    background: none !important;
    border: 0 !important;
    cursor: pointer !important;
    color: #000 !important;
    position: relative !important;
    text-decoration: none !important;
    width: fit-content !important;
    opacity: 1 !important;
  }
  html.cart-page body .site-cart__back-link:hover,
  html.cart-page body .site-cart__back-link:focus,
  html.cart-page body .site-cart__back-link:focus-visible,
  html.cart-page body .site-cart__back-link:active {
    color: #000 !important;
    opacity: 1 !important;
    background: none !important;
  }
  /* Hover-only draw — hidden until hover/focus */
  html.cart-page body .site-cart__back-link > .xsample-ul-line {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    background: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    clip-path: inset(0 100% 0 0) !important;
    -webkit-clip-path: inset(0 100% 0 0) !important;
    transition: clip-path 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      -webkit-clip-path 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
  html.cart-page body .site-cart__back-link:hover > .xsample-ul-line,
  html.cart-page body .site-cart__back-link:focus-visible > .xsample-ul-line {
    clip-path: inset(0 0 0 0) !important;
    -webkit-clip-path: inset(0 0 0 0) !important;
  }

  html.cart-page body main.site-cart.site-cart--filled > .site-cart__filled {
    display: contents !important;
  }

  /* Left column: inset from Back; do not pull wider to match header */
  html.cart-page body main.site-cart.site-cart--filled .site-cart__filled-main {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding-top: 58px !important;
    padding-left: 27px !important;
    padding-right: 63px !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Summary: prior 12px right / 28px left + 15px each → 27 / 43; top 50 */
  html.cart-page body main.site-cart.site-cart--filled .site-cart__summary {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 58px 52px 32px 60px !important; /* +8 under back align, +5 L/R */
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
  }
  html.cart-page body main.site-cart.site-cart--filled .site-cart__summary-title {
    margin: 0 0 20px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  html.cart-page body .site-cart__bag-title,
  html.cart-page body .site-cart__empty .site-cart__title {
    margin: 0 0 24px !important;
    font-size: 13px !important;
    letter-spacing: -0.20px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }
  html.cart-page body .site-cart__empty {
    padding: 0 0 2rem !important;
    min-height: 0 !important;
  }

  html.cart-page body .site-cart__line,
  html.cart-page body main.site-cart .site-cart__line {
    grid-template-columns: 166px minmax(0, 1fr) !important;
  }
  html.cart-page body .site-cart__line-media,
  html.cart-page body main.site-cart .site-cart__line-media {
    width: 166px !important;
    max-width: 166px !important;
    height: 184px !important; /* 172 + 12 */
    min-height: 184px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    background: #f2f2f0 !important;
  }
  html.cart-page body .site-cart__line-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    /* Crop baked-in studio padding in product stills */
    transform: scale(1.12) !important;
    transform-origin: center center !important;
  }

  /* Busy dots: fixed to viewport so always centered even with long cart */
  html.cart-page body main.site-cart.site-cart--filled > .site-cart-busy,
  html.cart-page body main.site-cart > .site-cart-busy,
  html.cart-page body .site-cart-busy {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 20040 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.62) !important;
    pointer-events: all !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: none !important;
  }
  html.cart-page body main.site-cart.site-cart--filled > .site-cart-busy .site-busy__dots,
  html.cart-page body .site-cart-busy .site-busy__dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 !important;
  }
  html.cart-page body .site-cart-busy .site-busy__dot {
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: site-busy-bounce 0.7s ease-in-out infinite !important;
  }
}

/* Mobile: Back sits in page gutters (no negative pull) */
@media (max-width: 899px) {
  html.cart-page { --cart-pad-x: 9px; } /* was 16 − 7 */
  html.cart-page body::before {
    content: none !important;
    display: none !important;
  }
  html.cart-page body .site-header,
  html.cart-page body header.site-header,
  html.cart-page body .site-header.site-header--cart {
    padding-left: 9px !important; /* was 16 − 7 */
    padding-right: 9px !important;
    max-width: none !important;
  }
  html.cart-page body .site-header > a:first-child,
  html.cart-page body .site-header.site-header--cart > a:first-child {
    margin-left: 0 !important;
  }
  html.cart-page body main.site-cart.site-cart--filled {
    padding-left: 9px !important;
    padding-right: 9px !important;
    max-width: none !important;
  }
  html.cart-page body main.site-cart.site-cart--filled > .site-cart__back {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 12px !important;
  }
}

/* Busy dots centered on mobile too (viewport fixed) */
@media (max-width: 899px) {
  html.cart-page body .site-cart-busy,
  html.cart-page body main.site-cart > .site-cart-busy {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 20040 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Empty cart — same chrome width/Back as populated; single-col content; no summary/divider */
html.cart-page:not(.cart-page--filled) body::before {
  content: none !important;
  display: none !important;
}
html.cart-page:not(.cart-page--filled) body .site-cart__summary,
html.cart-page body main.site-cart--empty .site-cart__summary {
  display: none !important;
}
html.cart-page body main.site-cart.site-cart--empty {
  display: block !important;
  /* same shell as filled so logo/Back land in the same place */
  max-width: var(--cart-main-max, var(--cart-max)) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--cart-pad-x) !important;
  padding-right: var(--cart-pad-x) !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}
html.cart-page body main.site-cart.site-cart--empty > .site-cart__back {
  display: block !important;
  width: max-content !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 12px 0 0 !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__empty-wrap {
  display: block !important;
  width: 100% !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding-top: 28px !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__title {
  text-align: center !important;
  margin: 0 0 24px !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promos {
  width: auto !important;
  max-width: none !important;
  margin-top: 1.5rem !important;
  margin-left: calc(-1 * var(--cart-pad-x)) !important;
  margin-right: calc(-1 * var(--cart-pad-x)) !important;
  padding: 0 !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo-grid {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo {
  margin: 0 !important;
  padding: 0 !important;
}
/* Care text: left edge with logo (mainLeft === logoLeft when pad cancelled) */
html.cart-page body main.site-cart.site-cart--empty .site-cart__writeup {
  width: auto !important;
  max-width: 42rem !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: .5rem !important;
  margin-left: 0 !important;
  padding: 28px 0 38px !important; /* bottom −10 from 48 */
  border-top: 1px solid #e5e5e5 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
@media (min-width: 900px) {
  html.cart-page body main.site-cart.site-cart--empty .site-cart__writeup {
    padding: 32px 0 48px !important;
  }
}
@media (max-width: 899px) {
  html.cart-page body main.site-cart.site-cart--empty {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: none !important;
  }
  html.cart-page body main.site-cart.site-cart--empty > .site-cart__back,
  html.cart-page:not(.cart-page--filled) body main.site-cart > .site-cart__back {
    margin-left: 0 !important;
  }
  html.cart-page body main.site-cart.site-cart--empty .site-cart__promos,
  html.cart-page body main.site-cart.site-cart--empty .site-cart__writeup {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Footer — Trade Support title + xSample 14px type (kill 11/12/13 utilities) */
html body footer.site-footer,
html body .site-footer {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  font-weight: 400 !important;
}
html body .site-footer__title,
html body footer.site-footer .site-footer__title,
html body .site-footer h4.site-footer__title {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  margin-bottom: 16px !important;
}
html body .site-footer__find-store,
html body a.site-footer__find-store,
html body .site-footer__top p,
html body .site-footer__locale-link,
html body .site-footer a {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  font-weight: 400 !important;
}

/* Empty cart — normal sticky header; no footer; Back under logo */
html.cart-page:not(.cart-page--filled) body .site-header:not(.site-header--cart),
html.cart-page:not(.cart-page--filled) body header.site-header:not(.site-header--cart) {
  position: sticky !important;
  top: 0 !important;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  z-index: 9999 !important;
  display: flex !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html.cart-page:not(.cart-page--filled) body .site-header:not(.site-header--cart),
  html.cart-page:not(.cart-page--filled) body header.site-header:not(.site-header--cart) {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
html.cart-page:not(.cart-page--filled) body .site-header:not(.site-header--cart) .site-nav-wrap,
html.cart-page:not(.cart-page--filled) body .site-header:not(.site-header--cart) .header-utils {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html.cart-page body #footer-container,
html.cart-page body .site-footer,
html.cart-page:not(.cart-page--filled) body #footer-container,
html.cart-page:not(.cart-page--filled) body .site-footer {
  display: none !important;
}

/* Empty: Back + help text under logo (same reduced header pad) */
html.cart-page:not(.cart-page--filled) body main.site-cart.site-cart--empty {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 768px) {
  html.cart-page:not(.cart-page--filled) body main.site-cart.site-cart--empty {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
html.cart-page:not(.cart-page--filled) body main.site-cart.site-cart--empty > .site-cart__back,
html.cart-page:not(.cart-page--filled) body main.site-cart > .site-cart__back {
  margin-left: 0 !important;
  padding: 18px 0 0 !important;
}
/* Empty promo tiles: full-bleed row, 12px gap between images */
html.cart-page body main.site-cart.site-cart--empty .site-cart__promos {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 1.5rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo-grid {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  box-sizing: border-box !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__promo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  transform: scale(1.06) !important;
  transform-origin: center center !important;
}
html.cart-page body main.site-cart.site-cart--empty .site-cart__writeup {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 42rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 38px !important; /* was 48 − 10 */
  text-align: left !important;
  box-sizing: border-box !important;
}
@media (min-width: 900px) {
  html.cart-page body main.site-cart.site-cart--empty .site-cart__writeup {
    padding-top: 32px !important;
    padding-bottom: 38px !important; /* was 48 − 10 */
  }
}

/* Remove-item confirm drawer — match Edit dim (0.42); panel solid above */
html body .site-drawer__backdrop.site-drawer__backdrop--cart-remove {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  z-index: 19000 !important;
  background: rgba(0, 0, 0, 0.42) !important;
  background-color: rgba(0, 0, 0, 0.42) !important;
}
/* Closed must never dim the cart page */
html body .site-drawer__backdrop.site-drawer__backdrop--cart-remove:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html body .site-drawer__backdrop.site-drawer__backdrop--cart-remove.is-open,
html body.site-drawer-open .site-drawer__backdrop.site-drawer__backdrop--cart-remove.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.42) !important;
  background-color: rgba(0, 0, 0, 0.42) !important;
}
html body .site-drawer.site-drawer--cart-remove,
html body .site-drawer.site-drawer--product.site-drawer--cart-remove,
html body .site-drawer.site-drawer--cart-remove.fixed.top-0.right-0,
html body .site-drawer.site-drawer--cart-remove.fixed.top-0.right-0.translate-x-0,
html body .site-drawer.site-drawer--cart-remove.fixed.top-0.right-0.translate-x-full,
html body .fixed.top-0.right-0.translate-x-0.site-drawer.site-drawer--cart-remove,
html body.site-drawer-open .site-drawer.site-drawer--cart-remove,
html body.site-drawer-open .site-drawer--cart-remove.fixed.top-0.right-0 {
  z-index: 21000 !important;
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
html body .site-drawer--cart-remove .site-cart-remove__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 22px 28px 10px !important;
  border: 0 !important;
}
html body .site-cart-remove__title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-cart-remove__body {
  flex: 1 1 auto !important;
  padding: 8px 28px 24px !important;
  overflow: auto !important;
}
html body .site-cart-remove__ask {
  margin: 0 0 32px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
html body .site-cart-remove__row {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
html body .site-cart-remove__media {
  width: 96px !important;
  height: 120px !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: #f2f2f0 !important;
}
html body .site-cart-remove__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1.12) !important;
  transform-origin: center center !important;
}
html body .site-cart-remove__name,
html body .site-cart-remove__meta,
html body .site-cart-remove__price {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  margin: 0 0 6px !important;
  color: #000 !important;
}
html body .site-cart-remove__price {
  margin-top: 10px !important;
}
html body .site-cart-remove__foot {
  padding: 16px 28px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: auto !important;
}
html body .site-cart-remove__confirm {
  width: 100% !important;
  min-height: 48px !important;
  border: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  cursor: pointer !important;
}
html body .site-cart-remove__confirm:hover { opacity: 0.78 !important; }
html body .site-cart-remove__cancel {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  cursor: pointer !important;
}
html body .site-cart-remove__cancel:hover { background: #f5f5f5 !important; }


/* Empty-cart busy bubbles while last item removes */
html.cart-page body main.site-cart.site-cart--empty > .site-cart-busy,
html.cart-page body main.site-cart--empty > .site-cart-busy {
  position: fixed !important;
  inset: 0 !important;
  z-index: 20040 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.62) !important;
}

/* empty-cart busy + progress — keep dots above empty chrome */
html.cart-page body main.site-cart.site-cart--empty.is-dim,
html.cart-page body main.site-cart.site-cart--empty {
  position: relative !important;
}

/* —— 20260815h208 legal/faq ls exact —— */
html body main.l-legalpages h1.l-legalpages__title,
html body main.l-legalpages .l-legalpages__title,
html body main.site-faq h1.l-legalpages__title,
html body main.site-faq .site-faq__title,
html body main.l-legalpages a.l-legalpages__accordiontitle,
html body main.l-legalpages a.l-legalpages__assettitle,
html body main.site-faq a.l-legalpages__accordiontitle,
html body main.site-faq a.site-faq__nav-link,
html body main.l-legalpages .c-expander__btn,
html body main.site-faq .site-faq__q-text,
html body main.l-legalpages .c-expander__content .l-legalpages__p,
html body main.l-legalpages .l-legalpages__p,
html body main.site-faq .site-faq__a p,
html body main.site-faq .site-faq__a .l-legalpages__p {
  letter-spacing: -0.20px !important;
}

/* —— 20260815h208 legal nav/title ls beat styles.css —— */
html body main.l-legalpages.site-legal .l-legalpages__title,
html body main.l-legalpages.site-legal h1.l-legalpages__title,
html body main.l-legalpages.site-legal h2.l-legalpages__title,
html body main.l-legalpages.site-legal a.l-legalpages__accordiontitle,
html body main.l-legalpages.site-legal a.l-legalpages__assettitle,
html body main.l-legalpages.site-legal a.l-legalpages__accordiontitle.xsample-stay-ul,
html body main.l-legalpages.site-legal a.l-legalpages__assettitle.xsample-stay-ul,
html body main.site-faq.l-legalpages .site-faq__title,
html body main.site-faq.l-legalpages a.site-faq__nav-link,
html body main.site-faq.l-legalpages a.l-legalpages__accordiontitle,
html body main.site-faq.l-legalpages .site-faq__q-text {
  letter-spacing: -0.20px !important;
}

/* Downloads — no RESOURCES eyebrow; type match FAQ/Legal */
html body .site-resources-dl__eyebrow,
html body main.site-resources-dl .site-resources-dl__eyebrow {
  display: none !important;
}
html body main.site-resources-dl .site-resources-dl__title,
html body main.site-resources-dl h1.site-resources-dl__title {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}
html body main.site-resources-dl .site-resources-dl__lead,
html body main.site-resources-dl .site-resources-dl__name,
html body main.site-resources-dl .site-resources-dl__note,
html body main.site-resources-dl .site-resources-dl__link,
html body main.site-resources-dl .site-resources-dl__list {
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
@media (max-width: 899px) {
  html body main.site-resources-dl .site-resources-dl__title,
  html body main.site-resources-dl h1.site-resources-dl__title {
    font-size: 16px !important;
  }
  html body main.site-resources-dl .site-resources-dl__lead,
  html body main.site-resources-dl .site-resources-dl__name,
  html body main.site-resources-dl .site-resources-dl__note,
  html body main.site-resources-dl .site-resources-dl__link,
  html body main.site-resources-dl .site-resources-dl__list,
  html body main.site-resources-dl .site-resources-dl__intro {
    font-size: 13px !important;
    letter-spacing: -0.20px !important;
  }
}

/* Resources search field — modal match (placeholder + icon right) */
html body .site-resources-search__field,
html body main.site-resources-search .site-resources-search__field,
html body main.site-resources-dl .site-resources-search__field {
  position: relative !important;
  display: block !important;
  max-width: 560px !important;
  width: 100% !important;
  margin: 28px auto 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
html body .site-resources-search__label {
  display: none !important;
}
html body .site-resources-search__input,
html body main.site-resources-search input.site-resources-search__input,
html body main.site-resources-dl input.site-resources-search__input {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 0.2rem 40px 0.35rem 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  outline: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
  color: #000 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html body .site-resources-search__input::placeholder,
html body main.site-resources-search input.site-resources-search__input::placeholder,
html body main.site-resources-dl input.site-resources-search__input::placeholder {
  color: #757575 !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  font-size: 14px !important;
}
html body .site-resources-search__icon-btn,
html body main.site-resources-search .site-resources-search__icon-btn,
html body main.site-resources-dl .site-resources-search__icon-btn {
  position: absolute !important;
  right: 0 !important;
  bottom: 6px !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .site-resources-search__icon-btn svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}
html body main.site-resources-search .site-resources-search__eyebrow {
  display: none !important;
}
html body main.site-resources-search .site-resources-search__title {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}
html body main.site-resources-search .site-resources-search__lead {
  margin: 0 auto !important;
  max-width: 560px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-align: center !important;
  color: #000 !important;
  text-transform: none !important;
}
html body main.site-resources-search .site-resources-search__intro {
  text-align: center !important;
  padding: 64px 24px 20px !important;
}
html body main.site-resources-dl .site-resources-dl__intro .site-resources-search__field {
  text-align: left !important;
}
html body .site-resources-dl__empty {
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  padding: 28px 0 !important;
}
@media (max-width: 899px) {
  html body main.site-resources-search .site-resources-search__title {
    font-size: 16px !important;
  }
  html body main.site-resources-search .site-resources-search__lead,
  html body .site-resources-search__input,
  html body main.site-resources-search input.site-resources-search__input,
  html body main.site-resources-dl input.site-resources-search__input,
  html body .site-resources-search__input::placeholder,
  html body .site-resources-dl__empty {
    font-size: 13px !important;
    letter-spacing: -0.20px !important;
  }
  html body .site-resources-search__field,
  html body main.site-resources-dl .site-resources-search__field {
    margin-top: 22px !important;
    max-width: 100% !important;
  }
}

/* —— Pass 20260815h243 — FAQ origin crumb: Origin > FAQs; link 500; even padding —— */
html body main.site-faq .site-faq__crumb,
html body .site-faq__crumb {
  display: none !important;
}
html body main.site-faq:has(.site-faq__footer),
html body main.site-faq.l-legalpages:has(.site-faq__footer) {
  padding-bottom: 28px !important;
}
html body main.site-faq .site-faq__footer,
html body .site-faq__footer {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 48px 104px 0px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border: 0 !important;
  background: none !important;
}
html body main.site-faq .site-faq__back,
html body main.site-faq .site-faq__back-sep,
html body main.site-faq .site-faq__back-current,
html body .site-faq__back,
html body .site-faq__back-sep,
html body .site-faq__back-current,
html body a.site-faq__back {
  display: inline !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}
html body main.site-faq .site-faq__back,
html body .site-faq__back,
html body a.site-faq__back {
  font-weight: 500 !important;
  cursor: pointer !important;
}
html body main.site-faq .site-faq__back-sep,
html body main.site-faq .site-faq__back-current,
html body .site-faq__back-sep,
html body .site-faq__back-current {
  font-weight: 400 !important;
  cursor: default !important;
}
html body main.site-faq .site-faq__back:hover,
html body main.site-faq .site-faq__back:focus,
html body main.site-faq .site-faq__back:focus-visible,
html body a.site-faq__back:hover {
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html body main.site-faq .site-faq__back::before,
html body main.site-faq .site-faq__back::after,
html body .site-faq__back .xsample-ul-line {
  content: none !important;
  display: none !important;
}
@media (max-width: 899px) {
  html body main.site-faq:has(.site-faq__footer),
  html body main.site-faq.l-legalpages:has(.site-faq__footer) {
    padding-bottom: 20px !important;
  }
  html body main.site-faq .site-faq__footer,
  html body .site-faq__footer {
    padding: 34px 20px 0px !important;
  }
  html body main.site-faq .site-faq__back,
  html body main.site-faq .site-faq__back-sep,
  html body main.site-faq .site-faq__back-current,
  html body .site-faq__back,
  html body .site-faq__back-sep,
  html body .site-faq__back-current,
  html body a.site-faq__back {
    font-size: 13px !important;
    letter-spacing: -0.20px !important;
  }
}

/* —— Pass 20260815h243 — sitewide banners 85vh desktop / 70vh mobile (incl. Trade) —— */
html body .site-why__hero-img,
html body .site-why__bleed-img,
html body .site-materials__bleed-img,
html body .site-materials__bleed--hero .site-materials__bleed-img,
html body .site-principles__hero-img,
html body .site-principles__bleed-img,
html body .site-principles__closing-media .site-principles__bleed-img,
html body .site-craft__feature-img,
html body .site-craft__feature > img,
html body .site-services__hero-img,
html body .site-services__feature-img,
html body .site-capability-detail .site-craft__feature-img,
html body .site-service-detail .site-craft__feature-img,
html body .site-service-detail .site-principles__hero-img,
html body .site-service-detail .site-principles__bleed-img,
html body .site-service-detail.site-principles .site-principles__hero-img,
html body .site-service-detail.site-principles .site-principles__bleed-img,
html body .site-arts__hero-img,
html body .site-arts__bleed-img,
html body .site-arts__feature-img,
html body .site-service-detail .site-arts__hero-img,
html body .site-service-detail .site-arts__bleed-img,
html body .site-service-detail .site-arts__feature-img,
html body .site-trade__media,
html body .site-trade__media-img,
html body main.site-trade .site-trade__media,
html body main.site-trade .site-trade__media-img,
html body .site-collections-page .site-collections-heroes > div,
html body .site-collections-page .site-collections-heroes > a,
html body .site-resources-page .site-resources-heroes > div,
html body .site-resources-page .site-resources-heroes > a,
html body .site-home-hero,
html body .site-home-hero.relative {
  width: 100% !important;
  height: 85vh !important;
  min-height: 85vh !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  display: block !important;
  box-sizing: border-box !important;
}
html body .site-collections-page .site-collections-heroes > div,
html body .site-collections-page .site-collections-heroes > a,
html body .site-resources-page .site-resources-heroes > div,
html body .site-resources-page .site-resources-heroes > a,
html body .site-home-hero,
html body .site-home-hero.relative {
  display: flex !important;
  object-fit: unset !important;
  overflow: hidden !important;
}
html body .site-trade__media {
  display: block !important;
  overflow: hidden !important;
  object-fit: unset !important;
}
html body .site-trade__media-img {
  display: block !important;
  object-fit: cover !important;
}
@media (max-width: 899px) {
  html body .site-why__hero-img,
  html body .site-why__bleed-img,
  html body .site-materials__bleed-img,
  html body .site-materials__bleed--hero .site-materials__bleed-img,
  html body .site-principles__hero-img,
  html body .site-principles__bleed-img,
  html body .site-principles__closing-media .site-principles__bleed-img,
  html body .site-craft__feature-img,
  html body .site-craft__feature > img,
  html body .site-services__hero-img,
  html body .site-services__feature-img,
  html body .site-capability-detail .site-craft__feature-img,
  html body .site-service-detail .site-craft__feature-img,
  html body .site-service-detail .site-principles__hero-img,
  html body .site-service-detail .site-principles__bleed-img,
  html body .site-arts__hero-img,
  html body .site-arts__bleed-img,
  html body .site-arts__feature-img,
  html body .site-trade__media,
  html body .site-trade__media-img,
  html body main.site-trade .site-trade__media,
  html body main.site-trade .site-trade__media-img,
  html body .site-collections-page .site-collections-heroes > div,
  html body .site-collections-page .site-collections-heroes > a,
  html body .site-resources-page .site-resources-heroes > div,
  html body .site-resources-page .site-resources-heroes > a,
  html body .site-home-hero,
  html body .site-home-hero.relative {
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
}

/* —— Pass 20260815h243 — mobile menu toggle: 1.5 stroke + spaced lines match icons —— */
html body .header-util--menu .header-util__icon--open {
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
  stroke-linejoin: miter !important;
}
html body .header-util--menu .header-util__icon--open line {
  stroke: currentColor !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
}

/* —— Pass 20260815h243 — craft product grid: 6 cols mobile only —— */
@media (max-width: 767px) {
  html body .site-craft__grid,
  html body main.site-craft .site-craft__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* —— Pass 20260815h243 — editorial page titles font-weight 500 —— */
html body .site-craft__title,
html body main.site-craft .site-craft__title,
html body main.site-craft h1.site-craft__title,
html body .site-services__title,
html body main.site-services .site-services__title,
html body .site-arts__title,
html body main .site-arts__title,
html body .site-principles__title,
html body main.site-principles .site-principles__title,
html body .site-why__intro-title,
html body .site-materials__rail-title,
html body .site-trade__eyebrow,
html body main.site-trade .site-trade__eyebrow,
html body .site-service-detail .site-principles__title,
html body .site-capability-detail .site-craft__title {
  font-weight: 500 !important;
}

/* —— Pass 20260815h243 — Contact drawer form match BV (no reCAPTCHA) —— */
html body .grecaptcha-badge,
html body .rc-anchor,
html body iframe[src*="recaptcha"],
html body .site-contact__drawer .grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
html body .site-contact__drawer-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
html body .site-contact__drawer-form {
  gap: 26px !important;
  padding: 0 24px 40px !important;
}
@media (min-width: 768px) {
  html body .site-contact__drawer-form {
    padding: 0 32px 48px !important;
  }
}
html body .site-contact__required-note {
  margin: 0 0 -6px !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.10px !important;
  color: #8a8a8a !important;
}
html body .site-contact__sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html body .site-contact__field {
  position: relative !important;
  gap: 10px !important;
}
html body .site-contact__field--line {
  gap: 0 !important;
}
html body .site-contact__field > span:first-child:not(.site-contact__sr):not(.site-contact__chars) {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #111 !important;
}
html body .site-contact__field--message > span:first-child {
  text-transform: none !important;
  letter-spacing: -0.20px !important;
  font-size: 13px !important;
  color: #000 !important;
}
html body .site-contact__input,
html body .site-contact__select {
  border: 0 !important;
  border-bottom: 1px solid #cfcfcf !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  box-shadow: none !important;
}
html body .site-contact__input::placeholder {
  color: #b0b0b0 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}
html body .site-contact__input:focus,
html body .site-contact__textarea-box:focus {
  border-color: #000 !important;
  outline: none !important;
}
html body .site-contact__phone-row {
  grid-template-columns: minmax(88px, 110px) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: end !important;
}
html body .site-contact__drawer .site-contact__dd .xsample-select__trigger,
html body .site-contact__field .site-contact__dd .xsample-select__trigger,
html body .site-contact__drawer .site-product__size-select.site-contact__dd .xsample-select__trigger {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .site-contact__drawer .site-contact__dd .xsample-select__value,
html body .site-contact__drawer .site-contact__dd .xsample-select__value.is-placeholder {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-contact__drawer .site-contact__dd .xsample-select__value.is-placeholder {
  color: #b0b0b0 !important;
}
html body .site-contact__drawer .site-contact__dd .xsample-select__chevron {
  right: 0 !important;
  width: 12px !important;
  height: 12px !important;
  opacity: 1 !important;
  color: #000 !important;
}
html body .site-contact__textarea-box {
  border: 1px solid #cfcfcf !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 14px !important;
  min-height: 160px !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  resize: vertical !important;
}
html body .site-contact__chars {
  margin: 8px 0 0 !important;
  font-size: 11px !important;
  color: #8a8a8a !important;
  letter-spacing: -0.10px !important;
}
html body .site-contact__attach {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "label label"
    "status pick" !important;
  gap: 10px 16px !important;
  align-items: center !important;
}
html body .site-contact__attach-label {
  grid-area: label !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  line-height: 1.35 !important;
}
html body .site-contact__attach-status {
  grid-area: status !important;
  font-size: 13px !important;
  color: #8a8a8a !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body .site-contact__attach-pick {
  grid-area: pick !important;
  justify-self: end !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
html body .site-contact__privacy {
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.20px !important;
  color: #000 !important;
}
html body .site-contact__privacy-link,
html body a.site-contact__privacy-link {
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 400 !important;
}
html body .site-contact__submit {
  margin-top: 12px !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  padding: 16px 18px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
html body .site-contact__submit:hover,
html body .site-contact__submit:focus {
  background: #000 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* —— Pass 20260815h243 — contact drawer: no scrollbar, black 14/13, pad match; X=search; PLP title —— */

/* PLP collection title: 18px / 500 / uppercase */
html body main.site-collections-products .site-collections-products__title,
html body .site-collections-products__title,
html body main.site-collections-products > h1.site-collections-products__title {
  font-family: var(--font-sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}

/* Close X — same black stroke language as search icon */
html body .site-search__close,
html body .site-search__close:hover,
html body .site-search__close:focus,
html body .site-search__close:focus-visible,
html body .site-contact__drawer-close,
html body .site-contact__drawer-close:hover,
html body .site-contact__drawer-close:focus,
html body .site-contact__drawer-close:focus-visible,
html body .header-util--menu,
html body .header-util--menu.is-open,
html body .header-util--menu .header-util__icon--close,
html body button.drawer-close-icon,
html body .drawer-close-icon {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  fill: none !important;
  stroke: #000 !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}
html body .site-search__close svg,
html body .site-search__close-icon,
html body .site-contact__drawer-close svg,
html body .header-util__icon--close,
html body .drawer-close-icon svg {
  color: #000 !important;
  stroke: #000 !important;
  fill: none !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
  stroke-linejoin: miter !important;
  width: 18px !important;
  height: 18px !important;
}

/* Contact drawer: matched L/R padding, hide scrollbar, black type 14/13 */
html body .site-contact__drawer-head {
  padding: 14px 24px 8px !important;
  min-height: 0 !important;
  height: auto !important;
}
html body .site-contact__drawer-form {
  padding: 0 24px 32px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  gap: 22px !important;
}
html body .site-contact__drawer-form::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
@media (min-width: 768px) {
  html body .site-contact__drawer-head {
    padding: 16px 32px 10px !important;
  }
  html body .site-contact__drawer-form {
    padding: 0 32px 40px !important;
  }
}
html body .site-contact__drawer,
html body .site-contact__drawer *,
html body .site-contact__drawer-form,
html body .site-contact__drawer-form input,
html body .site-contact__drawer-form textarea,
html body .site-contact__drawer-form button,
html body .site-contact__drawer-form label,
html body .site-contact__drawer-form span,
html body .site-contact__drawer-form p,
html body .site-contact__drawer-form a,
html body .site-contact__drawer-title,
html body .site-contact__required-note,
html body .site-contact__input,
html body .site-contact__textarea-box,
html body .site-contact__chars,
html body .site-contact__attach-label,
html body .site-contact__attach-status,
html body .site-contact__attach-pick,
html body .site-contact__privacy,
html body .site-contact__privacy-link,
html body .site-contact__submit,
html body .site-contact__field > span,
html body .site-contact__drawer .xsample-select__value,
html body .site-contact__drawer .xsample-select__value.is-placeholder,
html body .site-contact__drawer .xsample-select__option,
html body .site-contact__drawer .xsample-select__option-label {
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body .site-contact__input::placeholder,
html body .site-contact__textarea-box::placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}
html body .site-contact__drawer .xsample-select__value.is-placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}
html body .site-contact__submit {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #000 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
html body .site-contact__field > span:first-child:not(.site-contact__sr):not(.site-contact__chars) {
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #000 !important;
}
html body .site-contact__field--message > span:first-child {
  text-transform: none !important;
}
html body .site-contact__required-note {
  color: #000 !important;
  text-align: right !important;
  font-size: 14px !important;
}
html body .site-contact__input,
html body .site-contact__textarea-box,
html body .site-contact__drawer .site-contact__dd .xsample-select__trigger {
  border-bottom-color: #000 !important;
  color: #000 !important;
}
html body .site-contact__textarea-box {
  border: 1px solid #000 !important;
}
@media (max-width: 899px) {
  html body .site-contact__drawer,
  html body .site-contact__drawer *,
  html body .site-contact__drawer-form,
  html body .site-contact__drawer-form input,
  html body .site-contact__drawer-form textarea,
  html body .site-contact__drawer-form button,
  html body .site-contact__drawer-form label,
  html body .site-contact__drawer-form span,
  html body .site-contact__drawer-form p,
  html body .site-contact__drawer-form a,
  html body .site-contact__drawer-title,
  html body .site-contact__required-note,
  html body .site-contact__input,
  html body .site-contact__textarea-box,
  html body .site-contact__chars,
  html body .site-contact__attach-label,
  html body .site-contact__attach-status,
  html body .site-contact__attach-pick,
  html body .site-contact__privacy,
  html body .site-contact__privacy-link,
  html body .site-contact__submit,
  html body .site-contact__field > span,
  html body .site-contact__drawer .xsample-select__value,
  html body .site-contact__drawer .xsample-select__value.is-placeholder {
    font-size: 13px !important;
  }
  html body .site-contact__submit {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13px !important;
  }
  html body main.site-collections-products .site-collections-products__title,
  html body .site-collections-products__title {
    font-size: 18px !important;
    font-weight: 500 !important;
  }
}

/* —— Pass 20260815h243 — force contact 14/13 + PLP title 500 —— */
html body .site-contact__drawer-form input.site-contact__input,
html body .site-contact__drawer-form textarea.site-contact__textarea-box,
html body .site-contact__drawer-form .site-contact__drawer-title,
html body .site-contact__drawer-form .site-contact__required-note,
html body .site-contact__drawer-form .site-contact__field > span,
html body .site-contact__drawer-form .site-contact__chars,
html body .site-contact__drawer-form .site-contact__attach-label,
html body .site-contact__drawer-form .site-contact__attach-status,
html body .site-contact__drawer-form .site-contact__attach-pick,
html body .site-contact__drawer-form .site-contact__privacy,
html body .site-contact__drawer-form .site-contact__privacy-link,
html body .site-contact__drawer-form .site-contact__submit,
html body .site-contact__drawer .xsample-select__value,
html body .site-contact__drawer .xsample-select__value.is-placeholder,
html body .site-contact__drawer .xsample-select__option,
html body aside.site-contact__drawer .site-contact__drawer-title,
html body aside.site-contact__drawer input,
html body aside.site-contact__drawer textarea,
html body aside.site-contact__drawer span,
html body aside.site-contact__drawer p,
html body aside.site-contact__drawer a,
html body aside.site-contact__drawer button.site-contact__submit {
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body aside.site-contact__drawer button.site-contact__submit,
html body .site-contact__drawer-form .site-contact__submit {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body aside.site-contact__drawer input::placeholder,
html body aside.site-contact__drawer textarea::placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}
@media (max-width: 899px) {
  html body .site-contact__drawer-form input.site-contact__input,
  html body .site-contact__drawer-form textarea.site-contact__textarea-box,
  html body .site-contact__drawer-form .site-contact__drawer-title,
  html body .site-contact__drawer-form .site-contact__required-note,
  html body .site-contact__drawer-form .site-contact__field > span,
  html body .site-contact__drawer-form .site-contact__chars,
  html body .site-contact__drawer-form .site-contact__attach-label,
  html body .site-contact__drawer-form .site-contact__attach-status,
  html body .site-contact__drawer-form .site-contact__attach-pick,
  html body .site-contact__drawer-form .site-contact__privacy,
  html body .site-contact__drawer-form .site-contact__privacy-link,
  html body .site-contact__drawer-form .site-contact__submit,
  html body .site-contact__drawer .xsample-select__value,
  html body .site-contact__drawer .xsample-select__value.is-placeholder,
  html body aside.site-contact__drawer .site-contact__drawer-title,
  html body aside.site-contact__drawer input,
  html body aside.site-contact__drawer textarea,
  html body aside.site-contact__drawer span,
  html body aside.site-contact__drawer p,
  html body aside.site-contact__drawer a,
  html body aside.site-contact__drawer button.site-contact__submit,
  html body aside.site-contact__drawer input::placeholder {
    font-size: 13px !important;
  }
  html body aside.site-contact__drawer button.site-contact__submit,
  html body .site-contact__drawer-form .site-contact__submit {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

html body main.site-collections-products h1.site-collections-products__title.font-normal,
html body main.site-collections-products h1.site-collections-products__title,
html body main.site-collections-products .site-collections-products__title.font-normal.text-black,
html body .site-collections-products__title.font-normal {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  margin-bottom: 1.5rem !important;
}

/* —— Pass 20260815h243 — beat global input 12px lock in contact drawer —— */
html body aside.site-contact__drawer input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="search"]),
html body aside.site-contact__drawer textarea,
html body .site-contact__drawer-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="search"]),
html body .site-contact__drawer-form textarea,
html body aside.site-contact__drawer input.site-contact__input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body aside.site-contact__drawer textarea.site-contact__textarea-box {
  font-size: 14px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
@media (max-width: 899px) {
  html body aside.site-contact__drawer input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="search"]),
  html body aside.site-contact__drawer textarea,
  html body .site-contact__drawer-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="search"]),
  html body .site-contact__drawer-form textarea,
  html body aside.site-contact__drawer input.site-contact__input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  html body aside.site-contact__drawer textarea.site-contact__textarea-box {
    font-size: 13px !important;
  }
}

/* —— Pass 20260815h243 — contact selects match PDP; no inner divider; head tighter; 14/13 —— */

/* Shorter CONTACT US header */
html body .site-contact__drawer-head,
html body aside.site-contact__drawer .site-contact__drawer-head {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px 24px 8px !important;
  align-items: center !important;
}
@media (min-width: 768px) {
  html body .site-contact__drawer-head,
  html body aside.site-contact__drawer .site-contact__drawer-head {
    padding: 16px 32px 10px !important;
  }
}

/* Closed contact selects: black underline like PDP, aligned text */
html body aside.site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__trigger,
html body aside.site-contact__drawer .site-product__size-select.site-contact__dd:not(.is-open) .xsample-select__trigger,
html body .site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__trigger,
html body .site-contact__field--prefix .site-contact__dd:not(.is-open) .xsample-select__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 0 8px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}

/* Open: outer box only — NO inner divider under trigger */
html body aside.site-contact__drawer .site-contact__dd.is-open,
html body aside.site-contact__drawer .site-product__size-select.site-contact__dd.is-open,
html body .site-contact__drawer .site-contact__dd.is-open {
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
}
html body aside.site-contact__drawer .site-contact__dd.is-open .xsample-select__trigger,
html body aside.site-contact__drawer .site-product__size-select.site-contact__dd.is-open .xsample-select__trigger,
html body .site-contact__drawer .site-contact__dd.is-open .xsample-select__trigger {
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  padding: 8px 12px 6px !important;
  background: transparent !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__panel,
html body aside.site-contact__drawer .site-contact__dd.is-open .xsample-select__panel {
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__menu,
html body aside.site-contact__drawer .site-contact__dd.is-open .xsample-select__menu {
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  padding: 0 0 4px !important;
  background: #fff !important;
  max-height: none !important;
}
/* Options share same L/R inset as open trigger value */
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option,
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option-label,
html body .site-contact__drawer .site-contact__dd .xsample-select__option,
html body .site-contact__drawer .site-contact__dd .xsample-select__option-label {
  padding: 7px 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  background: transparent !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option:hover,
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option.is-selected {
  background: #f7f7f7 !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__value,
html body aside.site-contact__drawer .site-contact__dd .xsample-select__value.is-placeholder,
html body .site-contact__drawer .site-contact__dd .xsample-select__value,
html body .site-contact__drawer .site-contact__dd .xsample-select__value.is-placeholder {
  font-size: 14px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  letter-spacing: -0.20px !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__chevron {
  color: #000 !important;
  stroke: #000 !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Prefix (+44) must keep black underline when closed */
html body .site-contact__field--prefix .site-contact__dd:not(.is-open) .xsample-select__trigger,
html body aside.site-contact__drawer .site-contact__field--prefix .xsample-select__trigger {
  border-bottom: 1px solid #000 !important;
  padding-right: 0 !important;
}

/* All sidebar type 14 desktop / 13 mobile (incl placeholders) */
html body aside.site-contact__drawer,
html body aside.site-contact__drawer .site-contact__drawer-title,
html body aside.site-contact__drawer .site-contact__required-note,
html body aside.site-contact__drawer .site-contact__field > span:not(.site-contact__sr),
html body aside.site-contact__drawer .site-contact__chars,
html body aside.site-contact__drawer .site-contact__attach-label,
html body aside.site-contact__drawer .site-contact__attach-status,
html body aside.site-contact__drawer .site-contact__attach-pick,
html body aside.site-contact__drawer .site-contact__privacy,
html body aside.site-contact__drawer .site-contact__privacy-link,
html body aside.site-contact__drawer input.site-contact__input,
html body aside.site-contact__drawer textarea.site-contact__textarea-box,
html body aside.site-contact__drawer input.site-contact__input::placeholder,
html body aside.site-contact__drawer textarea.site-contact__textarea-box::placeholder {
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body aside.site-contact__drawer .site-contact__submit {
  font-size: 14px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (max-width: 899px) {
  html body aside.site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__trigger,
  html body aside.site-contact__drawer .site-contact__dd .xsample-select__value,
  html body aside.site-contact__drawer .site-contact__dd .xsample-select__value.is-placeholder,
  html body aside.site-contact__drawer .site-contact__dd .xsample-select__option,
  html body aside.site-contact__drawer .site-contact__dd .xsample-select__option-label,
  html body aside.site-contact__drawer .site-contact__drawer-title,
  html body aside.site-contact__drawer .site-contact__required-note,
  html body aside.site-contact__drawer .site-contact__field > span:not(.site-contact__sr),
  html body aside.site-contact__drawer .site-contact__chars,
  html body aside.site-contact__drawer .site-contact__attach-label,
  html body aside.site-contact__drawer .site-contact__attach-status,
  html body aside.site-contact__drawer .site-contact__attach-pick,
  html body aside.site-contact__drawer .site-contact__privacy,
  html body aside.site-contact__drawer .site-contact__privacy-link,
  html body aside.site-contact__drawer input.site-contact__input,
  html body aside.site-contact__drawer textarea.site-contact__textarea-box,
  html body aside.site-contact__drawer input.site-contact__input::placeholder,
  html body aside.site-contact__drawer textarea.site-contact__textarea-box::placeholder,
  html body aside.site-contact__drawer .site-contact__submit {
    font-size: 13px !important;
  }
  html body aside.site-contact__drawer .site-contact__submit {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

/* —— Pass 20260815h243 — contact dd text align (no double option pad); head height —— */
html body aside.site-contact__drawer .site-contact__drawer-head,
html body .site-contact__drawer-head.site-drawer__head,
html body .site-drawer__head.site-contact__drawer-head {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 14px 24px 8px !important;
}
@media (min-width: 768px) {
  html body aside.site-contact__drawer .site-contact__drawer-head,
  html body .site-contact__drawer-head.site-drawer__head,
  html body .site-drawer__head.site-contact__drawer-head {
    padding: 16px 32px 10px !important;
  }
}

/* Options: pad only on option row — label must NOT add a second inset (PDP align) */
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option,
html body .site-contact__drawer .site-contact__dd .xsample-select__option {
  padding: 7px 12px !important;
}
html body aside.site-contact__drawer .site-contact__dd .xsample-select__option-label,
html body .site-contact__drawer .site-contact__dd .xsample-select__option-label,
html body aside.site-contact__drawer .site-product__size-select.site-contact__dd .xsample-select__option-label {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}

/* Open trigger value shares exact left with option text */
html body aside.site-contact__drawer .site-contact__dd.is-open .xsample-select__trigger,
html body .site-contact__drawer .site-contact__dd.is-open .xsample-select__trigger {
  padding: 8px 12px 6px !important;
  border-bottom: 0 !important;
}
html body aside.site-contact__drawer .site-contact__dd.is-open .xsample-select__value,
html body .site-contact__drawer .site-contact__dd.is-open .xsample-select__value {
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 899px) {
  html body aside.site-contact__drawer .site-contact__dd .xsample-select__option-label,
  html body .site-contact__drawer .site-contact__dd .xsample-select__option-label {
    font-size: 13px !important;
  }
}

/* —— Pass 20260815h243 — beat product-drawer head 80px on contact (shares site-drawer--product) —— */
html body aside.site-drawer.site-drawer--product.site-contact__drawer > .site-drawer__head,
html body aside.site-drawer--product.site-drawer--contact > .site-drawer__head,
html body aside.site-drawer--product.site-contact__drawer > .site-contact__drawer-head,
html body aside.site-contact__drawer.site-drawer--product > .site-drawer__head.site-contact__drawer-head {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 14px 24px 8px !important;
  align-items: center !important;
}
@media (min-width: 768px) {
  html body aside.site-drawer.site-drawer--product.site-contact__drawer > .site-drawer__head,
  html body aside.site-drawer--product.site-drawer--contact > .site-drawer__head,
  html body aside.site-drawer--product.site-contact__drawer > .site-contact__drawer-head,
  html body aside.site-contact__drawer.site-drawer--product > .site-drawer__head.site-contact__drawer-head {
    padding: 16px 32px 10px !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

/* —— Pass 20260815h243 — align prefix + phone underlines on one baseline —— */
html body aside.site-contact__drawer .site-contact__phone-row,
html body .site-contact__drawer .site-contact__phone-row {
  display: grid !important;
  grid-template-columns: minmax(88px, 110px) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: end !important;
}
html body aside.site-contact__drawer .site-contact__field--prefix,
html body aside.site-contact__drawer .site-contact__field--phone {
  margin: 0 !important;
  gap: 8px !important;
  min-width: 0 !important;
}
/* Same control chrome: identical pad / line / border so underlines share Y */
html body aside.site-contact__drawer .site-contact__field--prefix .site-contact__dd:not(.is-open) .xsample-select__trigger,
html body aside.site-contact__drawer .site-contact__field--prefix .xsample-select__trigger,
html body aside.site-contact__drawer .site-contact__field--phone .site-contact__input,
html body aside.site-contact__drawer .site-contact__phone-row .site-contact__input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body aside.site-contact__drawer .site-contact__field--prefix .site-contact__dd,
html body aside.site-contact__drawer .site-contact__field--prefix .site-product__size-select {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
  display: block !important;
}
@media (max-width: 899px) {
  html body aside.site-contact__drawer .site-contact__field--prefix .xsample-select__trigger,
  html body aside.site-contact__drawer .site-contact__field--phone .site-contact__input,
  html body aside.site-contact__drawer .site-contact__phone-row .site-contact__input {
    font-size: 13px !important;
  }
}

/* —— Pass 20260815h243 — closed select panel was leaving 4px (0fr leak); align underlines —— */
html body aside.site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__panel,
html body aside.site-contact__drawer .site-product__size-select.site-contact__dd:not(.is-open) .xsample-select__panel {
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  grid-template-rows: 0fr !important;
}
html body aside.site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__menu,
html body aside.site-contact__drawer .site-contact__dd:not(.is-open) .xsample-select__panel > .xsample-select__menu {
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
}
html body aside.site-contact__drawer .site-contact__field--prefix .site-contact__dd:not(.is-open),
html body aside.site-contact__drawer .site-contact__field--prefix .site-product__size-select:not(.is-open) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* —— Pass 20260815h243 — contact close X match search (14px icon, 28px hit) —— */
html body aside.site-contact__drawer .site-contact__drawer-close,
html body aside.site-contact__drawer button.site-contact__drawer-close.drawer-close-icon,
html body .site-contact__drawer-close.drawer-close-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body aside.site-contact__drawer .site-contact__drawer-close svg,
html body aside.site-contact__drawer .site-contact__drawer-close-icon,
html body .site-contact__drawer-close.drawer-close-icon svg,
html body .site-contact__drawer-close svg.site-contact__drawer-close-icon {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  stroke-width: 1.5px !important;
}

/* —— Pass 20260815h243 — contact X = search X (28 hit / 18 glyph) —— */
html body aside.site-contact__drawer .site-contact__drawer-close,
html body aside.site-contact__drawer button.site-contact__drawer-close.drawer-close-icon,
html body .site-contact__drawer-close.drawer-close-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
}
html body aside.site-contact__drawer .site-contact__drawer-close svg,
html body aside.site-contact__drawer .site-contact__drawer-close-icon,
html body .site-contact__drawer-close.drawer-close-icon svg {
  width: 18px !important;
  height: 18px !important;
}

/* —— Pass 20260815h243 — sitewide drawer close = filter (w-5 / stroke 1.5) —— */
html body .drawer-close-icon,
html body button.drawer-close-icon,
html body .site-added__close,
html body .site-drawer .site-added__close,
html body .site-product-modal__close,
html body .site-product-modal__close.drawer-close-icon,
html body .site-contact__drawer-close,
html body .site-contact__drawer-close.drawer-close-icon,
html body aside.site-contact__drawer .site-contact__drawer-close,
html body .site-search__close,
html body .site-drawer--filter .drawer-close-icon,
html body .site-filter__head .drawer-close-icon,
html body .site-drawer__head .drawer-close-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
html body .drawer-close-icon svg,
html body .drawer-close-icon__svg,
html body .site-added__close svg,
html body .site-product-modal__close svg,
html body .site-contact__drawer-close svg,
html body .site-contact__drawer-close-icon,
html body .site-search__close svg,
html body .site-search__close-icon,
html body .site-drawer--filter .drawer-close-icon svg,
html body .site-filter__head .drawer-close-icon svg,
html body .site-drawer__head .drawer-close-icon svg,
html body .drawer-close-icon .w-5,
html body .drawer-close-icon .h-5 {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: block !important;
  color: #000 !important;
  stroke: #000 !important;
  fill: none !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
  stroke-linejoin: miter !important;
}
html body .drawer-close-icon svg line,
html body .drawer-close-icon__svg line,
html body .site-contact__drawer-close svg line,
html body .site-search__close svg line,
html body .site-added__close svg line,
html body .site-product-modal__close svg line {
  stroke: #000 !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
}

/* —— Pass 20260815h243 — beat prior 28px contact close; lock filter size sitewide —— */
html body aside.site-contact__drawer button.site-contact__drawer-close.drawer-close-icon,
html body aside.site-drawer--contact button.site-contact__drawer-close.drawer-close-icon,
html body aside.site-contact__drawer .site-contact__drawer-close.drawer-close-icon,
html body .site-search button.site-search__close,
html body button.site-search__close {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
}
html body aside.site-contact__drawer button.site-contact__drawer-close.drawer-close-icon svg,
html body aside.site-contact__drawer .site-contact__drawer-close-icon,
html body aside.site-contact__drawer button.site-contact__drawer-close svg.w-5,
html body button.site-search__close svg,
html body button.site-search__close .site-search__close-icon,
html body button.site-search__close svg.w-5 {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.5px !important;
}

/* —— Pass 20260815h243 — contact send-message sidebar +10px L/R pad desktop only —— */
@media (min-width: 768px) {
  html body aside.site-contact__drawer .site-contact__drawer-head,
  html body aside.site-contact__drawer .site-drawer__head.site-contact__drawer-head,
  html body aside.site-drawer--contact > .site-drawer__head,
  html body aside.site-contact__drawer .site-contact__drawer-form {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }
}

/* —— Pass 20260815h243 — contact drawer head +10px L/R desktop (beat product-head pad) —— */
@media (min-width: 768px) {
  html body aside.site-drawer.site-drawer--product.site-contact__drawer > .site-drawer__head,
  html body aside.site-drawer--product.site-drawer--contact > .site-drawer__head,
  html body aside.site-drawer--product.site-contact__drawer > .site-contact__drawer-head,
  html body aside.site-contact__drawer.site-drawer--product > .site-drawer__head.site-contact__drawer-head {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }
}

/* —— Pass 20260815h243 — revert contact drawer +10px desktop L/R pad —— */
@media (min-width: 768px) {
  html body aside.site-contact__drawer .site-contact__drawer-head,
  html body aside.site-contact__drawer .site-drawer__head.site-contact__drawer-head,
  html body aside.site-drawer--contact > .site-drawer__head,
  html body aside.site-contact__drawer .site-contact__drawer-form,
  html body aside.site-drawer.site-drawer--product.site-contact__drawer > .site-drawer__head,
  html body aside.site-drawer--product.site-drawer--contact > .site-drawer__head,
  html body aside.site-drawer--product.site-contact__drawer > .site-contact__drawer-head,
  html body aside.site-contact__drawer.site-drawer--product > .site-drawer__head.site-contact__drawer-head {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}


/* —— Catalog hubs: keep media (do not force text-only mega/discover) —— */
/* previously hid .site-discover__media / collections mega media — restored */
/* text-only discover layout retired — image grid restored below */


/* —— Knowledge Centre body — lock 14px (overrides legal 15px / root 13px) —— */
html body main.site-guide .l-legalpages__p,
html body main.site-guide .l-legalpages__section-body .l-legalpages__p,
html body main.site-guide .l-legalpages__subhead,
html body main.site-guide .l-legalpages__section-title {
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: -0.20px !important;
}
html body main.site-guide .l-legalpages__headline {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* —— Pass 20260815h243 — menu close X = header icons (20px / 1.5); match filter glyph —— */
html body .header-util--menu .header-util__icon--close,
html body .header-util--menu.is-open .header-util__icon--close,
html body button.header-util--menu .header-util__icon--close {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
  color: #000 !important;
  stroke: #000 !important;
  fill: none !important;
  display: block !important;
}
html body .header-util--menu .header-util__icon--close line {
  stroke: #000 !important;
  stroke-width: 1.5px !important;
  stroke-linecap: square !important;
}


/* —— Catalog hubs: do not hide mega/mobile media —— */
/* (text-hub classes unused; media stays visible) */
html body .site-mega__grid--text-hubs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px 32px !important;
  align-items: flex-start !important;
}
html body .site-mega__card--hub {
  width: auto !important;
  min-width: 0 !important;
}
html body .site-mega__card--hub .site-mega__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
html body .mobile-nav__drill-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 8px 0 24px !important;
}
html body .mobile-nav__drill-link {
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-decoration: none !important;
  width: fit-content !important;
  border-bottom: 1px solid transparent;
}
html body .mobile-nav__drill-link:hover {
  border-bottom-color: currentColor;
}

/* —— Nuclear 14px Knowledge Centre / guides body (client) —— */
html body main.site-guide .l-legalpages__headline,
html body main.site-guide .l-legalpages__p,
html body main.site-guide p.l-legalpages__p,
html body main.site-guide .l-legalpages__section-body .l-legalpages__p,
html body main.site-guide .l-legalpages__subhead,
html body main.site-guide .l-legalpages__section-title,
html body main.site-guide a.l-legalpages__accordiontitle,
html body main.site-guide a.l-legalpages__assettitle {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* —— Pass 20260815h243 — restore header pad (not filled cart); restore discover image grid —— */

/* Revert sitewide −7px header inset; do NOT touch populated cart chrome */
html body .site-header:not(.site-header--cart),
html body header.site-header:not(.site-header--cart),
html body .site-header.sticky:not(.site-header--cart),
html body .site-header.w-full:not(.site-header--cart) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 768px) {
  html body .site-header:not(.site-header--cart),
  html body header.site-header:not(.site-header--cart),
  html body .site-header.sticky:not(.site-header--cart),
  html body .site-header.w-full:not(.site-header--cart) {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
/* Explicitly keep populated cart header padding as-is */
html.cart-page--filled body .site-header.site-header--cart,
html.cart-page--filled body header.site-header.site-header--cart,
html body .site-header.site-header--cart {
  padding: 20px var(--cart-pad-x, 31px) 0 !important;
}

/* Kill text-only discover / hub media hide — restore image cards */
html body .site-discover__media,
html body .site-discover__img,
html body .mobile-nav__drill-media,
html body .mobile-nav__drill-media img {
  display: block !important;
}
/* Mega media: undo any hide without breaking padding-bottom aspect box */
html body .site-mega__media {
  display: block !important; /* keep; height:0 + padding-bottom still applies */
}
html body .site-mega__media img {
  display: block !important;
}
html body.xsample-catalog-text-nav .site-mega__media,
html body .site-mega__grid--text-hubs .site-mega__media,
html body .site-mega__card--hub .site-mega__media {
  display: block !important;
}
html body .site-discover__grid,
html body .site-discover__grid.site-discover__grid--scroll,
html body .site-discover__grid.site-discover__grid--text {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  align-items: stretch !important;
  flex-wrap: unset !important;
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-inline: 1rem !important;
}
@media (min-width: 768px) {
  html body .site-discover__grid,
  html body .site-discover__grid.site-discover__grid--scroll,
  html body .site-discover__grid.site-discover__grid--text {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding-inline: 2rem !important;
  }
}
html body .site-discover__card,
html body .site-discover__card--text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #000 !important;
}
html body .site-discover__media {
  width: 100% !important;
  aspect-ratio: 3 / 4.15 !important;
  min-height: 280px !important;
  background: #f4f4f4 !important;
  overflow: hidden !important;
  margin-bottom: 0.85rem !important;
}
@media (min-width: 768px) {
  html body .site-discover__media {
    min-height: 420px !important;
  }
}
html body .site-discover__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
html body .site-discover__label {
  position: static !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

/* —— Pass 20260815h243 — revert Shop by category to prior scroll/3-col image layout —— */
html body .site-discover__media,
html body .site-discover__img {
  display: block !important;
}
/* Undo h237 grid lock — mobile horizontal scroll */
@media (max-width: 767px) {
  html body .site-discover__grid,
  html body .site-discover__grid.site-discover__grid--scroll,
  html body .site-discover__grid.site-discover__grid--text {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 2px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    grid-template-columns: none !important;
    max-width: none !important;
    align-items: stretch !important;
  }
  html body .site-discover__card,
  html body .site-discover__card--text {
    flex: 0 0 85% !important;
    width: 85% !important;
    max-width: 85% !important;
    scroll-snap-align: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}
@media (min-width: 768px) {
  html body .site-discover__grid,
  html body .site-discover__grid.site-discover__grid--scroll,
  html body .site-discover__grid.site-discover__grid--text {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    gap: 2px !important;
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 2rem !important;
  }
  html body .site-discover__card,
  html body .site-discover__card--text {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* —— Pass 20260815h243 — Shop by category title + labels: 13px / -0.20px —— */
html body .site-discover__title,
html body .site-discover__label,
html body .page-404__discover-title,
html body .page-404__card-label {
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
@media (min-width: 768px) {
  html body .site-discover__title,
  html body .site-discover__label,
  html body .page-404__discover-title,
  html body .page-404__card-label {
    font-size: 13px !important;
    letter-spacing: -0.20px !important;
  }
}

/* —— Pass 20260815h243 — small body/labels: 14 desktop / 13 mobile, -0.20px —— */
html body .site-discover__title,
html body .site-discover__label,
html body .page-404__discover-title,
html body .page-404__card-label,
html body .site-home-card__label,
html body .site-section__title,
html body .site-collections-card__label,
html body .site-essentials-hub__label,
html body .site-craft__copy,
html body .site-services__copy,
html body .site-materials__label,
html body .site-why__acc-copy {
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
@media (min-width: 768px) {
  html body .site-discover__title,
  html body .site-discover__label,
  html body .page-404__discover-title,
  html body .page-404__card-label,
  html body .site-home-card__label,
  html body .site-section__title,
  html body .site-collections-card__label,
  html body .site-essentials-hub__label,
  html body .site-craft__copy,
  html body .site-services__copy,
  html body .site-materials__label,
  html body .site-why__acc-copy {
    font-size: 14px !important;
    letter-spacing: -0.20px !important;
  }
}

/* —— Pass 20260815h243 — 404 title uppercase —— */
html body .page-404__title,
html body h1.page-404__title,
html body .page-404 .page-404__title {
  text-transform: uppercase !important;
}

/* —— Pass 20260815h243 — collections cards full-hit links; mega left alone —— */
html body .site-collections-page a.site-collections-card,
html body .site-collections-page .site-collections-heroes > a,
html body .site-collections-page a.relative {
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
  pointer-events: auto !important;
}
html body .site-collections-page a .cta-on-image,
html body .site-collections-page a span.cta-on-image {
  pointer-events: none !important;
}


/* —— Pass 20260815h245 — keep collections CTAs clickable; no layout height fights —— */
html body .site-collections-page a.site-collections-card,
html body .site-collections-page .site-collections-heroes > a,
html body .site-collections-page a.relative {
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
  pointer-events: auto !important;
}
html body .site-collections-page a .cta-on-image,
html body .site-collections-page a span.cta-on-image {
  pointer-events: none !important;
}

/* Boot shell: hide once React paints */
html.app-ready #xsample-boot-shell {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* —— Pass 20260815h246 — restore PDP mosaic buy + PLP chrome padding —— */

/* Desktop PDP: Bottega centered buy between mosaic rows (undo 48rem / sticky fights) */
@media (min-width: 768px) {
  html body.product-page main.site-product .site-product__desktop,
  html body main.site-product .site-product__desktop {
    display: block !important;
    width: 100% !important;
  }
  html body.product-page main.site-product .site-product__pair,
  html body main.site-product .site-product__pair {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: none !important;
  }
  html body.product-page main.site-product .site-product__buy-wrap,
  html body main.site-product .site-product__buy-wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 48px 24px 56px !important;
  }
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy-wrap .site-product__buy {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 48rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body.product-page main.site-product .site-product__desc,
  html body.product-page main.site-product .site-product__accordions {
    max-width: 48rem !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* PLP: chrome padding only — keep normal side gutters (don't balloon) */
html.plp-page main.site-collections-products {
  padding-top: var(--plp-chrome-height, var(--site-header-height, 64px)) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 16px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html.plp-page main.site-collections-products {
    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-bottom: 16px !important;
  }
}
html.plp-page main.site-collections-products .site-collections-products__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px 12px !important;
}
@media (min-width: 768px) {
  html.plp-page main.site-collections-products .site-collections-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 48px 16px !important;
  }
}


/* —— Pass 20260815h247 — footer 400; craft grid non-links (PDP sticky removed; mosaic wins) —— */

/* Footer: every text node 400 — beat font-semibold / title 500 */
html body .site-footer,
html body .site-footer *,
html body .site-footer [class],
html body .site-footer a,
html body .site-footer p,
html body .site-footer span,
html body .site-footer li,
html body .site-footer button,
html body .site-footer h1,
html body .site-footer h2,
html body .site-footer h3,
html body .site-footer h4,
html body .site-footer h5,
html body .site-footer h6,
html body .site-footer__title,
html body .site-footer h4.site-footer__title,
html body footer.site-footer .site-footer__title,
html body .site-footer .font-semibold,
html body .site-footer .font-medium,
html body .site-footer .font-bold,
html body .site-footer .font-extrabold {
  font-weight: 400 !important;
}

/* Craft / capability image tiles are not links */
html body .site-craft__grid-item {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}


/* —— Pass 20260815h249 — collection CTA direct-btn hover; PDP buy ~450; less grey flash —— */

/* Collection / resources CTAs: invert only when cursor is on the button itself */
html body .site-collections-page a .cta-on-image,
html body .site-collections-page a span.cta-on-image,
html body .site-resources-page a .cta-on-image,
html body .site-resources-page a span.cta-on-image,
html body .site-materials a.cta-on-image,
html body .site-materials .cta-on-image {
  pointer-events: auto !important;
  cursor: pointer !important;
}
html body .site-collections-page .cta-on-image:hover,
html body .site-collections-page span.cta-on-image:hover,
html body .site-collections-page a .cta-on-image:hover,
html body .site-resources-page .cta-on-image:hover,
html body .site-resources-page span.cta-on-image:hover,
html body .site-materials .cta-on-image:hover,
html body .site-materials a.cta-on-image:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #000 !important;
}
/* Do NOT invert CTA when hovering card/image only */
html body .site-collections-page a:hover .cta-on-image:not(:hover),
html body .site-collections-page .group:hover .cta-on-image:not(:hover),
html body .site-resources-page a:hover .cta-on-image:not(:hover),
html body .site-resources-page .group:hover .cta-on-image:not(:hover),
html body .site-materials .group:hover .cta-on-image:not(:hover) {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border-color: #000 !important;
}


/* Soft placeholders + fade-in when images paint (cuts grey flash feel) */
html body .site-product__shot,
html body .site-collections-page .site-collections-card,
html body .site-collections-heroes > a,
html body .site-collections-heroes > div,
html body .site-plp-card > div:first-child,
html body a.site-plp-card > div:first-child {
  background: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
}
html body .site-product__img,
html body .site-collections-page img,
html body .site-plp-card img,
html body main.site-product img {
  background: transparent !important;
}
@supports (content-visibility: auto) {
  html body .site-product__img,
  html body .site-plp-card img {
    content-visibility: auto;
  }
}

/* —— Pass 20260815h250 — PDP gallery product imgs; under-pair gap 2px —— */
@media (min-width: 768px) {
  html body.product-page main.site-product .site-product__under,
  html body main.site-product .site-product__under {
    gap: 2px !important;
    row-gap: 2px !important;
    margin-top: 2px !important;
  }
  html body.product-page main.site-product .site-product__under .site-product__pair,
  html body main.site-product .site-product__under .site-product__pair,
  html body.product-page main.site-product .site-product__pair--under,
  html body main.site-product .site-product__pair--under {
    gap: 2px !important;
    column-gap: 2px !important;
    row-gap: 2px !important;
  }
  html body.product-page main.site-product .site-product__desktop,
  html body main.site-product .site-product__desktop {
    row-gap: 2px !important;
  }
}

/* —— Pass 20260815h251 — revert PDP to mosaic (pre-sticky fight); buy ~450 —— */
@media (min-width: 768px) {
  html body.product-page main.site-product .site-product__desktop,
  html body main.site-product .site-product__desktop {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    padding: 0 0 96px !important;
  }
  html body.product-page main.site-product .site-product__pair,
  html body main.site-product .site-product__pair,
  html body.product-page main.site-product .site-product__under .site-product__pair,
  html body main.site-product .site-product__under .site-product__pair,
  html body.product-page main.site-product .site-product__pair--under,
  html body main.site-product .site-product__pair--under {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-column: auto !important;
    grid-row: auto !important;
    gap: 2px !important;
    column-gap: 2px !important;
    row-gap: 2px !important;
    width: 100% !important;
    max-width: none !important;
  }
  html body.product-page main.site-product .site-product__buy-wrap,
  html body main.site-product .site-product__buy-wrap {
    display: flex !important;
    justify-content: center !important;
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 48px 24px 56px !important;
    height: auto !important;
  }
  html body.product-page main.site-product .site-product__buy-wrap .site-product__buy,
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 48rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body.product-page main.site-product .site-product__desc,
  html body.product-page main.site-product .site-product__accordions,
  html body.product-page main.site-product .site-product__buy-wrap,
  html body.product-page main.site-product .site-product__buy {
    max-width: 48rem !important;
  }
  /* buy-wrap stays full bleed; only inner buy/desc capped */
  html body.product-page main.site-product .site-product__buy-wrap,
  html body main.site-product .site-product__buy-wrap {
    max-width: none !important;
  }
  html body.product-page main.site-product .site-product__under,
  html body main.site-product .site-product__under {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 2px !important;
    margin-top: 2px !important;
  }
}

/* —— Pass 20260815h252 — wider mosaic buy (48rem); under gaps exact 12px; —— */
@media (min-width: 768px) {
  /* Top mosaic pair: 2px (BV) */
  html body.product-page main.site-product .site-product__desktop > .site-product__pair,
  html body main.site-product .site-product__desktop > .site-product__pair {
    gap: 2px !important;
    column-gap: 2px !important;
    row-gap: 2px !important;
  }
  /* Under-gallery / images above footer: exact 12px (undo 2px fight) */
  html body.product-page main.site-product .site-product__under,
  html body main.site-product .site-product__under {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    row-gap: 12px !important;
    margin-top: 12px !important;
    width: 100% !important;
  }
  html body.product-page main.site-product .site-product__under .site-product__pair,
  html body main.site-product .site-product__under .site-product__pair,
  html body.product-page main.site-product .site-product__pair--under,
  html body main.site-product .site-product__pair--under {
    gap: 12px !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
  }
  html body.product-page main.site-product .site-product__under .site-product__shot--full,
  html body main.site-product .site-product__under .site-product__shot--full,
  html body.product-page main.site-product .site-product__shot--full {
    margin-top: 0 !important;
  }
  /* Middle buy wider — BV reference 48rem */
  html body.product-page main.site-product .site-product__buy-wrap .site-product__buy,
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy,
  html body.product-page main.site-product .site-product__desc,
  html body.product-page main.site-product .site-product__accordions {
    max-width: 48rem !important;
    width: 100% !important;
  }
  html body.product-page main.site-product .site-product__buy-wrap,
  html body main.site-product .site-product__buy-wrap {
    max-width: none !important;
    width: 100% !important;
    padding: 56px 24px 64px !important;
  }
  /* Space from last images → crumb / footer text */
  html body.product-page main.site-product .site-product__desktop {
    padding-bottom: 60px !important;
  }
  html body.product-page main.site-product .site-product__crumb,
  html body main.site-product .site-product__crumb {
    padding-top: 1.25rem !important;
    padding-bottom: 1.5rem !important;
  }
}

/* —— Pass 20260815h253 — PDP pad tweaks; buy gap tighten; backtop pace in JS —— */
@media (min-width: 768px) {
  html body.product-page main.site-product .site-product__desktop,
  html body main.site-product .site-product__desktop {
    padding-bottom: 60px !important;
  }
  /* desktop crumb only (hidden md:flex … pt-6 pb-6): +8px top */
  html body.product-page main.site-product .site-product__crumb:not(.md\:hidden),
  html body main.site-product .site-product__crumb:not(.md\:hidden) {
    padding-top: calc(1.5rem + 15px) !important;
    padding-bottom: 1.5rem !important;
  }
  /* buy gap-3 stack (~35px) → 0 */
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy {
    gap: 0 !important;
    row-gap: 0 !important;
  }
  /* buy-wrap: -12px top & bottom (56/64 → 44/52) */
  html body.product-page main.site-product .site-product__buy-wrap,
  html body main.site-product .site-product__buy-wrap {
    padding-top: 25px !important;
    padding-bottom: 28px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* —— Pass 20260815h254 — buy width -38px; restore buy inner gap; —— */
@media (min-width: 768px) {
  html body.product-page main.site-product .site-product__buy-wrap .site-product__buy,
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy,
  html body.product-page main.site-product .site-product__desc,
  html body.product-page main.site-product .site-product__accordions {
    max-width: calc(48rem - 38px) !important;
    width: 100% !important;
  }
  /* Exact prior buy stack (undo gap:0) — match styles tight stack */
  html body.product-page main.site-product .site-product__desktop .site-product__buy,
  html body main.site-product .site-product__desktop .site-product__buy,
  html body.product-page main.site-product .site-product__buy {
    gap: 0.65rem !important;
    row-gap: 0.65rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  html body.product-page main.site-product .site-product__buy .flex.flex-col.gap-0\.5,
  html body.product-page main.site-product .site-product__buy .flex.flex-col.gap-0\.5.pt-0 {
    gap: 0.15rem !important;
    padding: 0 !important;
  }
  html body.product-page main.site-product .site-product__title {
    margin: 0 !important;
    line-height: 1.35 !important;
  }
  html body.product-page main.site-product .site-product__price {
    margin: 0 !important;
  }
  html body.product-page main.site-product .site-product__color {
    margin: 0 0 2px !important;
    padding: 0 !important;
  }
  html body.product-page main.site-product .site-product__size {
    margin: 0 !important;
  }
  html body.product-page main.site-product .site-product__size-guide,
  html body.product-page main.site-product button.site-product__size-guide {
    margin-top: 6px !important;
    margin-bottom: 3px !important;
  }
  html body.product-page main.site-product .site-product__desc {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
  }
  html body.product-page main.site-product .site-product__accordions {
    margin-top: 4px !important;
    gap: 0 !important;
  }
}

/* —— Pass 20260815h255 — size-guide 2px UL; PLP done∥arrow; soft scroll in JS —— */

/* Size guide: 2px under text; underline = text width only */
html body.product-page main.site-product .site-product__size-guide,
html body.product-page main.site-product button.site-product__size-guide,
html body main.site-product .site-product__size-guide,
html body main.site-product button.site-product__size-guide,
html body.product-page .site-product__size-guide.xsample-stay-ul,
html body.product-page .site-product__size-guide.hover-underline-erase,
html body.product-page button.site-product__size-guide.xsample-stay-ul {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: fit-content !important;
  align-self: flex-start !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 2px !important;
  margin-bottom: 3px !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  background-image: none !important;
  box-sizing: content-box !important;
  line-height: 1.35 !important;
}
html body.product-page main.site-product .site-product__size-guide::after,
html body.product-page main.site-product button.site-product__size-guide::after,
html body main.site-product .site-product__size-guide::after,
html body main.site-product button.site-product__size-guide::after {
  content: none !important;
  display: none !important;
}
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  bottom: 0 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #111 !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* PLP: "All products loaded" vertically aligned with ↑ arrow */
html body .site-plp-loadmore--done {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  min-height: 28px !important;
  padding-top: 36px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
html body .site-plp-loadmore--done .site-plp-loadmore__done,
html body .site-plp-loadmore__done {
  margin: 0 !important;
  line-height: 28px !important;
  text-align: center !important;
}
html body .site-plp-loadmore--done + .site-plp-backtop {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: -28px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 56px !important;
  box-sizing: content-box !important;
}
@media (max-width: 767px) {
  html body .site-plp-loadmore--done {
    padding-top: 28px !important;
  }
  html body .site-plp-loadmore--done + .site-plp-backtop {
    padding-bottom: 40px !important;
  }
}

/* Sitewide scroll feel: avoid forced smooth fighting wheel */
html {
  scroll-behavior: auto !important;
}

/* —— Pass 20260815h263 — size-guide margin-bottom 3px —— */
html body.product-page main.site-product .site-product__size-guide,
html body.product-page main.site-product button.site-product__size-guide,
html body main.site-product .site-product__size-guide,
html body main.site-product button.site-product__size-guide,
html body.product-page .site-product__size-guide.xsample-stay-ul,
html body.product-page .site-product__size-guide.hover-underline-erase,
html body.product-page button.site-product__size-guide {
  margin-bottom: 3px !important;
}

/* —— Pass 20260815h266 — darker size-guide UL; thicker variant UL (PDP + cart edit) —— */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer--cart-edit .site-product__size-guide > .xsample-ul-line,
html body .site-cart-edit__body .site-product__size-guide > .xsample-ul-line {
  background: #111 !important;
  background-color: #111 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .site-product__variant-line,
html body button.site-product__variant > .site-product__variant-line,
html body main.site-product .site-product__variant-line,
html body main.site-product button.site-product__variant > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant-line,
html body .site-drawer--cart-edit button.site-product__variant > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant-line,
html body .site-cart-edit__body button.site-product__variant > .site-product__variant-line {
  height: 1.5px !important;
  min-height: 1.5px !important;
  max-height: 1.5px !important;
  flex: 0 0 1.5px !important;
}

html body .site-product__variant:hover > .site-product__variant-line,
html body .site-product__variant:focus-visible > .site-product__variant-line,
html body .site-product__variant:active > .site-product__variant-line,
html body .site-product__variant.is-selected > .site-product__variant-line,
html body button.site-product__variant:hover > .site-product__variant-line,
html body button.site-product__variant:active > .site-product__variant-line,
html body button.site-product__variant.is-selected > .site-product__variant-line,
html body main.site-product .site-product__variant:hover > .site-product__variant-line,
html body main.site-product .site-product__variant.is-selected > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:hover > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant:active > .site-product__variant-line,
html body .site-drawer--cart-edit .site-product__variant.is-selected > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:hover > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant:active > .site-product__variant-line,
html body .site-cart-edit__body .site-product__variant.is-selected > .site-product__variant-line {
  height: 1.5px !important;
  min-height: 1.5px !important;
  max-height: 1.5px !important;
}

/* —— Pass 20260815h267 — size-guide UL = size select (1px #111); cart-edit too —— */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer--cart-edit .site-product__size-guide > .xsample-ul-line,
html body .site-cart-edit__body .site-product__size-guide > .xsample-ul-line,
html body .site-drawer--product .site-product__size-guide > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #111 !important;
  background-color: #111 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* —— Pass 20260815h269 — size-guide hairline UL; size-guide drawer polish —— */

/* PDP Size guide UL = size select hairline (border, not filled slab) */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #222 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

/* Size guide drawer — match other product drawers */
html body .site-drawer--size-guide .site-sizeguide__head,
html body aside.site-drawer--size-guide > .site-drawer__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 20px 20px 12px !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-drawer--size-guide .site-sizeguide__head,
  html body aside.site-drawer--size-guide > .site-drawer__head {
    padding: 24px 32px 14px !important;
  }
}
html body .site-drawer--size-guide .site-sizeguide__head-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  line-height: 1.2 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--size-guide .site-sizeguide__head-title {
    font-size: 13px !important;
  }
}
html body .site-drawer--size-guide .site-sizeguide__body {
  padding: 4px 20px 88px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #000 !important;
}
@media (min-width: 768px) {
  html body .site-drawer--size-guide .site-sizeguide__body {
    padding: 4px 32px 96px !important;
  }
}
html body .site-drawer--size-guide .site-sizeguide__intro {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000 !important;
  margin: 0 0 18px !important;
  text-decoration: none !important;
  border: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__table {
  width: 100% !important;
}
html body .site-drawer--size-guide .site-sizeguide__thead {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 0 10px !important;
  margin: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__th {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  line-height: 1.2 !important;
  padding-bottom: 4px !important;
}
html body .site-drawer--size-guide .site-sizeguide__th-select {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  max-width: 55% !important;
}
html body .site-drawer--size-guide .site-sizeguide__system,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system:not(.is-open) .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system.is-open .xsample-select__trigger {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: #000 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger:focus,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-bottom-color: #111 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__value,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__value.is-placeholder {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: uppercase !important;
  color: #000 !important;
  opacity: 1 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__chevron {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__panel {
  min-width: 100% !important;
  width: max-content !important;
  right: 0 !important;
  left: auto !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option-label {
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html body .site-drawer--size-guide .site-sizeguide__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  font-size: 13px !important;
  color: #000 !important;
  line-height: 1.3 !important;
}
html body .site-drawer--size-guide .site-sizeguide__cell {
  flex: 1 1 auto !important;
}
html body .site-drawer--size-guide .site-sizeguide__cell--conv {
  flex: 0 0 auto !important;
  text-align: right !important;
  min-width: 4.5rem !important;
}
html body .site-drawer--size-guide .site-sizeguide__foot {
  margin-top: 28px !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #000 !important;
}
html body .site-drawer--size-guide .site-sizeguide__care,
html body .site-drawer--size-guide a.site-sizeguide__care {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  color: #000 !important;
  text-decoration: none !important;
  padding: 0 0 1px !important;
  margin: 0 !important;
  vertical-align: baseline !important;
}
html body .site-drawer--size-guide .site-sizeguide__care > .xsample-ul-line,
html body .site-drawer--size-guide a.site-sizeguide__care > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #111 !important;
  background-color: #111 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
html body .site-drawer--size-guide .site-sizeguide__chat {
  position: absolute !important;
  bottom: 20px !important;
  right: 16px !important;
  width: 32px !important;
  height: 32px !important;
  background: #fff !important;
  border: 1.5px solid #000 !important;
  border-radius: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
html body .site-drawer--size-guide .site-sizeguide__chat-icon {
  width: 16px !important;
  height: 16px !important;
}

/* —— Pass 20260815h270 — size-guide UL border fix; drawer head pad; care UL —— */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line {
  height: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #222 !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
}

html body aside.site-drawer.site-drawer--size-guide > .site-drawer__head.site-sizeguide__head,
html body .site-drawer.site-drawer--size-guide > .site-sizeguide__head,
html body .site-drawer--size-guide .site-sizeguide__head.site-drawer__head {
  padding: 20px 20px 12px !important;
  height: auto !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body aside.site-drawer.site-drawer--size-guide > .site-drawer__head.site-sizeguide__head,
  html body .site-drawer.site-drawer--size-guide > .site-sizeguide__head,
  html body .site-drawer--size-guide .site-sizeguide__head.site-drawer__head {
    padding: 24px 32px 14px !important;
    min-height: 72px !important;
  }
}

html body .site-drawer--size-guide .site-sizeguide__care > .xsample-ul-line,
html body .site-drawer--size-guide a.site-sizeguide__care > .xsample-ul-line {
  bottom: 0 !important;
  height: 1px !important;
  background: #111 !important;
}
html body .site-drawer--size-guide .site-sizeguide__care,
html body .site-drawer--size-guide a.site-sizeguide__care {
  padding-bottom: 1px !important;
}

/* —— Pass 20260815h271 — size-guide LS -0.20px; open select no divider; chart keyed —— */
html body .site-drawer--size-guide,
html body .site-drawer--size-guide *,
html body .site-drawer--size-guide .site-sizeguide__head-title,
html body .site-drawer--size-guide .site-sizeguide__intro,
html body .site-drawer--size-guide .site-sizeguide__th,
html body .site-drawer--size-guide .site-sizeguide__row,
html body .site-drawer--size-guide .site-sizeguide__cell,
html body .site-drawer--size-guide .site-sizeguide__foot,
html body .site-drawer--size-guide .site-sizeguide__care,
html body .site-drawer--size-guide .site-sizeguide__system,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__value,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option-label {
  letter-spacing: -0.20px !important;
}

/* When system dropdown is open: remove trigger bottom rule + first chart divider */
html body .site-drawer--size-guide .site-sizeguide__system.is-open .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system.is-open .xsample-select__trigger,
html body .site-drawer--size-guide .site-sizeguide__system.is-open:not(.is-open) .xsample-select__trigger {
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
}
html body .site-drawer--size-guide .site-sizeguide__th-select:has(.site-sizeguide__system.is-open) ,
html body .site-drawer--size-guide .site-sizeguide__thead:has(.site-sizeguide__system.is-open) {
  border-bottom: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__table:has(.site-sizeguide__system.is-open) .site-sizeguide__row:first-child,
html body .site-drawer--size-guide .site-sizeguide__system.is-open ~ .site-sizeguide__rows .site-sizeguide__row:first-child,
html body .site-drawer--size-guide .site-sizeguide__thead:has(.is-open) + .site-sizeguide__rows .site-sizeguide__row:first-child {
  border-top: 0 !important;
}

/* Options list: no dividers between items (reinforce) */
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option + .xsample-select__option,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__menu,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__panel {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Keep uppercase labels but with -0.20px tracking (not wide em tracking) */
html body .site-drawer--size-guide .site-sizeguide__th,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__value,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option-label {
  letter-spacing: -0.20px !important;
}

/* —— Pass 20260815h272 — size-guide dropdown flex-end; UL #222 (not pure black) —— */
html body .site-drawer--size-guide .site-sizeguide__thead {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
}
html body .site-drawer--size-guide .site-sizeguide__th-select {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  max-width: 60% !important;
}
html body .site-drawer--size-guide .site-sizeguide__system,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  align-self: flex-end !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system:not(.is-open) .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system.is-open .xsample-select__trigger {
  justify-content: flex-end !important;
  margin-left: auto !important;
  text-align: right !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__panel {
  left: auto !important;
  right: 0 !important;
  margin-left: auto !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__menu {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option,
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__option-label {
  justify-content: flex-end !important;
  text-align: right !important;
  width: 100% !important;
}
html body .site-drawer--size-guide .site-sizeguide__cell--conv {
  text-align: right !important;
  margin-left: auto !important;
}

/* Size guide link UL — darker soft black (#222), not pure #000 */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer--product .site-product__size-guide > .xsample-ul-line,
html body .site-drawer--cart-edit .site-product__size-guide > .xsample-ul-line,
html body .site-cart-edit__body .site-product__size-guide > .xsample-ul-line {
  border-bottom-color: #222 !important;
  border-bottom: 1px solid #222 !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body .site-drawer--size-guide .site-sizeguide__care > .xsample-ul-line,
html body .site-drawer--size-guide a.site-sizeguide__care > .xsample-ul-line {
  background: #222 !important;
  background-color: #222 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system:not(.is-open) .xsample-select__trigger {
  border-bottom-color: #111 !important;
}

/* —— Pass 20260815h273 — size-guide system flush right; UL #111 —— */
html body .site-drawer--size-guide .site-sizeguide__thead {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
}
html body .site-drawer--size-guide .site-sizeguide__th-select {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}
/* Beat drawer-wide width:100% on .xsample-select */
html body .site-drawer--size-guide .site-sizeguide__system.xsample-select,
html body .site-drawer--product .site-sizeguide__system.xsample-select,
html body .site-drawer--size-guide .xsample-select.site-sizeguide__system,
html body .site-drawer--size-guide .xsample-select--compact.site-sizeguide__system,
html body .site-drawer--product .xsample-select--compact.site-sizeguide__system {
  width: fit-content !important;
  max-width: max-content !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  align-self: flex-end !important;
  display: block !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--product .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--size-guide .site-sizeguide__system:not(.is-open) .xsample-select__trigger,
html body .site-drawer--size-guide .site-sizeguide__system.is-open .xsample-select__trigger {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-end !important;
  text-align: right !important;
  border-bottom: 1px solid #111 !important;
  border-bottom-color: #111 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__chevron {
  margin-right: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__cell--conv {
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__panel,
html body .site-drawer--size-guide .site-sizeguide__system.is-open .xsample-select__panel {
  width: max-content !important;
  min-width: 100% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  left: auto !important;
  right: 0 !important;
}

/* Size guide link UL — #111 (darker, not pure #000) */
html body.product-page main.site-product .site-product__size-guide > .xsample-ul-line,
html body.product-page main.site-product button.site-product__size-guide > .xsample-ul-line,
html body main.site-product .site-product__size-guide > .xsample-ul-line,
html body main.site-product button.site-product__size-guide > .xsample-ul-line,
html body .site-product__size-guide > .xsample-ul-line,
html body button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer .site-product__size-guide > .xsample-ul-line,
html body .site-drawer button.site-product__size-guide > .xsample-ul-line,
html body .site-drawer--product .site-product__size-guide > .xsample-ul-line,
html body .site-drawer--cart-edit .site-product__size-guide > .xsample-ul-line {
  border-bottom: 1px solid #111 !important;
  border-bottom-color: #111 !important;
}
html body .site-drawer--size-guide .site-sizeguide__care > .xsample-ul-line,
html body .site-drawer--size-guide a.site-sizeguide__care > .xsample-ul-line {
  background: #111 !important;
  background-color: #111 !important;
}

/* —— Pass 20260815h274 — pin size-system trigger to right edge of column —— */
html body .site-drawer--size-guide .site-sizeguide__th-select {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: auto !important;
}
html body .site-drawer--size-guide .site-sizeguide__system.xsample-select,
html body .site-drawer--product .site-sizeguide__system.xsample-select,
html body .site-drawer--size-guide .xsample-select.site-sizeguide__system {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__trigger,
html body .site-drawer--product .site-sizeguide__system .xsample-select__trigger {
  align-self: flex-end !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: fit-content !important;
  border-bottom: 1px solid #111 !important;
  border-bottom-color: #111 !important;
}
html body .site-drawer--size-guide .site-sizeguide__system .xsample-select__panel,
html body .site-drawer--size-guide .site-sizeguide__system.is-open .xsample-select__panel {
  align-self: flex-end !important;
  width: max-content !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* —— Pass 20260815h275 — hide size-guide chat bubble —— */
html body .site-drawer--size-guide .site-sizeguide__chat,
html body .site-sizeguide__chat {
  display: none !important;
}

/* —— Pass 20260815h281 — cookie links one row; kill btn/control hover scale sitewide —— */
html body #cookie-banner .cookie-banner__links,
html body .cookie-banner .cookie-banner__links,
html body div.cookie-banner .cookie-banner__links {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1rem 1.75rem !important;
  width: 100% !important;
}
@media (min-width: 768px) {
  html body #cookie-banner .cookie-banner__links,
  html body .cookie-banner .cookie-banner__links {
    justify-content: flex-end !important;
  }
}
html body #cookie-banner .cookie-banner__link,
html body #cookie-banner button.cookie-banner__link,
html body .cookie-banner .cookie-banner__link,
html body .cookie-banner button.cookie-banner__link {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

/* No hover/active scale on buttons & button-like controls */
html body button:hover,
html body button:focus,
html body button:active,
html body button:focus-visible,
html body [type="button"]:hover,
html body [type="button"]:active,
html body [type="submit"]:hover,
html body [type="submit"]:active,
html body [role="button"]:hover,
html body [role="button"]:active,
html body .site-btn:hover,
html body .site-btn:active,
html body a.site-btn:hover,
html body a.site-btn:active,
html body .cookie-banner__accept:hover,
html body .cookie-banner__accept:active,
html body .cookie-banner__link:hover,
html body .cookie-banner__link:active {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-scale-z: 1 !important;
  scale: none !important;
}

/* Neutralize Tailwind hover/group-hover scale utilities sitewide */
html body .hover\:scale-\[1\.01\]:hover,
html body .hover\:scale-\[1\.02\]:hover,
html body .hover\:scale-\[1\.03\]:hover,
html body .hover\:scale-\[1\.04\]:hover,
html body .hover\:scale-105:hover,
html body .active\:scale-95:active,
html body .active\:scale-\[0\.98\]:active,
html body .group-hover\:scale-105:is(:where(.group):hover *),
html body .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *),
html body .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *),
html body .site-plp-card:hover .site-plp-card__img,
html body .site-plp-card:hover img,
html body .site-materials__card:hover .site-materials__img {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  scale: none !important;
  transform: none !important;
}

/* —— Pass 20260815h281 — kill black-btn hover growth/scale sitewide —— */
html body button.bg-black,
html body button.bg-black.text-white,
html body a.bg-black,
html body .bg-black.text-white,
html body .site-btn.bg-black,
html body .site-product__cta,
html body button.site-product__cta,
html body .site-product__sticky-bar__cta,
html body button.site-product__sticky-bar__cta,
html body .site-product__secondary--solid,
html body button.site-product__secondary--solid,
html body .site-product__actions-half.bg-black,
html body .site-added__view,
html body a.site-added__view,
html body .site-cart__checkout,
html body .site-cart__cta,
html body a.site-cart__cta,
html body .site-cart-edit__foot .site-added__view,
html body .site-delivery__estimate-btn,
html body .site-store__check,
html body .site-filter__view,
html body .cookie-banner__accept,
html body button.cookie-banner__accept,
html body .site-drawer button.bg-black,
html body .site-drawer--product button.bg-black,
html body .l-legalpages__cta,
html body a.l-legalpages__cta {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-scale-z: 1 !important;
  box-sizing: border-box !important;
}

html body button.bg-black:hover,
html body button.bg-black:focus,
html body button.bg-black:active,
html body button.bg-black:focus-visible,
html body button.bg-black.text-white:hover,
html body button.bg-black.text-white:focus,
html body button.bg-black.text-white:active,
html body a.bg-black:hover,
html body a.bg-black:active,
html body .bg-black.text-white:hover,
html body .bg-black.text-white:active,
html body .site-btn.bg-black:hover,
html body .site-btn.bg-black:active,
html body .site-product__cta:hover,
html body .site-product__cta:focus,
html body .site-product__cta:active,
html body button.site-product__cta:hover,
html body button.site-product__cta:active,
html body .site-product__sticky-bar__cta:hover,
html body .site-product__sticky-bar__cta:active,
html body button.site-product__sticky-bar__cta:hover,
html body button.site-product__sticky-bar__cta:active,
html body .site-product__secondary--solid:hover,
html body .site-product__secondary--solid:active,
html body button.site-product__secondary--solid:hover,
html body button.site-product__secondary--solid:active,
html body .site-product__actions-half.bg-black:hover,
html body .site-product__actions-half.bg-black:active,
html body .site-added__view:hover,
html body .site-added__view:active,
html body a.site-added__view:hover,
html body a.site-added__view:active,
html body .site-cart__checkout:hover,
html body .site-cart__checkout:active,
html body .site-cart__cta:hover,
html body .site-cart__cta:active,
html body a.site-cart__cta:hover,
html body a.site-cart__cta:active,
html body .site-cart-edit__foot .site-added__view:hover,
html body .site-cart-edit__foot .site-added__view:active,
html body .site-delivery__estimate-btn:hover,
html body .site-delivery__estimate-btn:active,
html body .site-store__check:hover,
html body .site-store__check:active,
html body .site-filter__view:hover,
html body .site-filter__view:active,
html body .cookie-banner__accept:hover,
html body .cookie-banner__accept:active,
html body button.cookie-banner__accept:hover,
html body button.cookie-banner__accept:active,
html body .site-drawer button.bg-black:hover,
html body .site-drawer button.bg-black:active,
html body .site-drawer--product button.bg-black:hover,
html body .site-drawer--product button.bg-black:active,
html body .l-legalpages__cta:hover,
html body .l-legalpages__cta:active,
html body a.l-legalpages__cta:hover,
html body a.l-legalpages__cta:active {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-scale-z: 1 !important;
  /* Keep box size identical to rest — no border add/remove growth */
  border-width: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Actions row: keep 1px border always (not only on hover) so size never jumps */
html body .site-product__actions-row .site-product__cta,
html body .site-product__actions-row .site-product__secondary--solid,
html body .site-product__actions-row .site-product__actions-half,
html body .site-product__actions-row .site-product__cta:hover,
html body .site-product__actions-row .site-product__secondary--solid:hover,
html body .site-product__actions-row .site-product__actions-half:hover,
html body .site-product__actions-row .site-product__cta:active,
html body .site-product__actions-row .site-product__secondary--solid:active,
html body .site-product__actions-row .site-product__actions-half:active {
  border: 1px solid #000 !important;
  border-width: 1px !important;
  transform: none !important;
  scale: none !important;
}

/* —— Pass 20260815h281 — footer currency converter + popup —— */
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer .site-footer__copyright,
html body .site-footer .site-footer__copyright--mobile,
html body .site-footer__mobile .site-footer__copyright--mobile,
html body #footer-container .site-footer__copyright,
html body #footer-container .site-footer__copyright--mobile {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

html body .site-footer__copy-text {
  flex: 0 1 auto !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  color: #000 !important;
}

html body .site-footer__currency,
html body button.site-footer__currency {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  cursor: pointer !important;
  text-align: right !important;
  position: relative !important;
  display: inline-block !important;
  white-space: nowrap !important;
  transform: none !important;
  scale: none !important;
}

html body .site-footer__currency:hover,
html body button.site-footer__currency:hover,
html body .site-footer__currency:active,
html body button.site-footer__currency:active {
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
}

/* Currency popup — full-bleed over header; narrow panel; search matches site-search */
html body .site-currency-popup {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 14000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

html body .site-currency-popup__dim {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.42) !important;
}

html body .site-currency-popup__panel {
  position: relative !important;
  z-index: 1 !important;
  align-self: center !important;
  width: min(420px, calc(100% - 32px)) !important;
  max-width: 420px !important;
  max-height: min(88vh, 560px) !important;
  background: #fff !important;
  color: #000 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  html body .site-currency-popup {
    align-items: stretch !important;
    padding: 0 !important;
  }
  html body .site-currency-popup__panel {
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: none !important;
  }
}

html body .site-currency-popup__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 20px 24px 16px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  flex: 0 0 auto !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__head {
    padding: 24px 32px 18px !important;
  }
}

html body .site-currency-popup__title {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
  color: #000 !important;
}

html body .site-currency-popup__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transform: none !important;
  scale: none !important;
  opacity: 1 !important;
  transition: opacity 0.15s ease !important;
}

html body .site-currency-popup__close:hover {
  opacity: 0.55 !important;
  transform: none !important;
  scale: none !important;
}

/* Search field — mirror site-search modal */
html body .site-currency-popup__search.site-search__field,
html body .site-currency-popup .site-search__field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #000 !important;
  padding: 0 24px 14px !important;
  margin: 0 0 8px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__search.site-search__field,
  html body .site-currency-popup .site-search__field {
    padding: 0 32px 16px !important;
    margin: 0 0 10px !important;
  }
}

html body .site-currency-popup__search-input,
html body .site-currency-popup input.site-search__input,
html body .site-currency-popup .site-currency-popup__search-input.site-search__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #000 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  padding: 0.2rem 0 0.35rem !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .site-currency-popup__search-input::placeholder,
html body .site-currency-popup input.site-search__input::placeholder {
  color: #a3a3a3 !important;
  opacity: 1 !important;
  font-size: 12px !important;
  letter-spacing: -0.15px !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

/* Kill native blue clear (x) on search/text fields */
html body .site-currency-popup__search-input::-webkit-search-decoration,
html body .site-currency-popup__search-input::-webkit-search-cancel-button,
html body .site-currency-popup__search-input::-webkit-search-results-button,
html body .site-currency-popup__search-input::-webkit-search-results-decoration,
html body .site-currency-popup input.site-search__input::-webkit-search-decoration,
html body .site-currency-popup input.site-search__input::-webkit-search-cancel-button,
html body .site-currency-popup input::-ms-clear,
html body .site-currency-popup input::-ms-reveal {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body .site-currency-popup__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 24px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body .site-currency-popup__list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body .site-currency-popup__option {
  width: 100% !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 24px !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
  transform: none !important;
  scale: none !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__list {
    padding: 10px 0 28px !important;
  }
  html body .site-currency-popup__option {
    padding: 13px 32px !important;
  }
}

html body .site-currency-popup__option:hover,
html body .site-currency-popup__option.is-selected {
  background: #f5f5f5 !important;
}

html body .site-currency-popup__country {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body .site-currency-popup__meta {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  color: #111 !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 12px !important;
}

html body .site-currency-popup__empty {
  padding: 20px 24px !important;
  font-size: 13px !important;
  color: #767676 !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__empty {
    padding: 22px 32px !important;
  }
}

/* Footer control can wrap on narrow screens */
html body .site-footer__currency,
html body button.site-footer__currency {
  white-space: normal !important;
  max-width: min(58vw, 280px) !important;
  text-align: right !important;
}



/* Currency popup: always viewport-fixed (portaled to body) */
html body .site-currency-popup,
html.currency-popup-open body .site-currency-popup {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 14000 !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: auto !important;
}
html body .site-currency-popup__dim {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
html body .site-currency-popup .site-search__field-actions,
html body .site-currency-popup__field-actions {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  z-index: 2 !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup .site-search__field-actions,
  html body .site-currency-popup__field-actions {
    right: 32px !important;
  }
}
html body .site-currency-popup .site-search__clear {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  cursor: pointer !important;
}
html body .site-currency-popup .site-search__clear svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #000 !important;
  color: #000 !important;
}


/* —— Pass 20260815h288 — currency overlay above header; small search placeholder —— */
html body .site-currency-popup,
html.currency-popup-open body .site-currency-popup,
html body.currency-popup-open .site-currency-popup {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  z-index: 16050 !important;
  margin: 0 !important;
  transform: none !important;
}

html body .site-currency-popup__dim {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.42) !important;
  z-index: 0 !important;
}

html body .site-currency-popup__panel {
  position: relative !important;
  z-index: 1 !important;
}

/* Header sits under currency overlay */
html.currency-popup-open body header.site-header,
html body.currency-popup-open header.site-header,
html.currency-popup-open body .site-header,
html body.currency-popup-open .site-header,
html.currency-popup-open body .site-promo,
html body.currency-popup-open .site-promo {
  z-index: 1 !important;
}

/* Currency search — own field, NOT site-search mega type size */
html body .site-currency-popup__search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #000 !important;
  padding: 0 24px 14px !important;
  margin: 0 0 8px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__search {
    padding: 0 32px 16px !important;
    margin: 0 0 10px !important;
  }
}

html body .site-currency-popup__search-input,
html body #xsample-currency-search,
html body .site-currency-popup input.site-currency-popup__search-input,
html body .site-currency-popup input#xsample-currency-search {
  flex: 1 1 auto !important;
  width: 100% !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #000 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  padding: 0.25rem 2.25rem 0.35rem 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .site-currency-popup__search-input::placeholder,
html body #xsample-currency-search::placeholder,
html body .site-currency-popup input.site-currency-popup__search-input::placeholder,
html body .site-currency-popup input#xsample-currency-search::placeholder,
html body input:not([type=checkbox]).site-currency-popup__search-input::placeholder {
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.15px !important;
  text-transform: none !important;
  font-weight: 400 !important;
  color: #a3a3a3 !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  html body .site-currency-popup__search-input,
  html body #xsample-currency-search,
  html body .site-currency-popup__search-input::placeholder,
  html body #xsample-currency-search::placeholder {
    font-size: 13px !important;
  }
}

/* —— Pass 20260815h288 — currency fonts same desktop/mobile; search underline; no extra divider —— */
html body .site-currency-popup,
html body .site-currency-popup * {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

html body .site-currency-popup__title {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

html body .site-currency-popup__option,
html body .site-currency-popup__country,
html body .site-currency-popup__empty {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
}

html body .site-currency-popup__meta {
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
}

/* Search: same size everywhere + single black underline (no second divider) */
html body .site-currency-popup__search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 24px 12px !important;
  margin: 0 24px 12px !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__search {
    padding: 0 0 14px !important;
    margin: 0 32px 14px !important;
  }
}

html body .site-currency-popup__head {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .site-currency-popup__list,
html body .site-currency-popup__panel,
html body .site-currency-popup__option {
  border-top: 0 !important;
  box-shadow: none !important;
}

html body .site-currency-popup__search-input,
html body #xsample-currency-search,
html body .site-currency-popup input.site-currency-popup__search-input,
html body .site-currency-popup input#xsample-currency-search,
html body .site-currency-popup__search-input::placeholder,
html body #xsample-currency-search::placeholder,
html body .site-currency-popup input.site-currency-popup__search-input::placeholder,
html body .site-currency-popup input#xsample-currency-search::placeholder {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.15px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

@media (min-width: 768px) {
  html body .site-currency-popup__title,
  html body .site-currency-popup__option,
  html body .site-currency-popup__country,
  html body .site-currency-popup__empty,
  html body .site-currency-popup__meta,
  html body .site-currency-popup__search-input,
  html body #xsample-currency-search,
  html body .site-currency-popup__search-input::placeholder,
  html body #xsample-currency-search::placeholder {
    font-size: inherit !important; /* reset any prior desktop bumps — reassert below */
  }
  html body .site-currency-popup__title {
    font-size: 12px !important;
  }
  html body .site-currency-popup__option,
  html body .site-currency-popup__country,
  html body .site-currency-popup__empty,
  html body .site-currency-popup__search-input,
  html body #xsample-currency-search,
  html body .site-currency-popup__search-input::placeholder,
  html body #xsample-currency-search::placeholder {
    font-size: 13px !important;
  }
  html body .site-currency-popup__meta {
    font-size: 12px !important;
  }
}

/* Clear button stays on the underline row */
html body .site-currency-popup__field-actions,
html body .site-currency-popup .site-search__field-actions {
  right: 0 !important;
}

/* —— Pass 20260815h289 — currency: cookie fonts; clear align; overlay > PLP; footer 13 mobile —— */

/* Overlay above PLP sticky bar (20001) + header */
html body .site-currency-popup,
html.currency-popup-open body .site-currency-popup,
html body.currency-popup-open .site-currency-popup,
html.currency-popup-open body > .site-currency-popup {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  z-index: 25000 !important;
  margin: 0 !important;
  transform: none !important;
  isolation: isolate !important;
}

html.currency-popup-open body header.site-header,
html body.currency-popup-open header.site-header,
html.currency-popup-open body .site-header,
html body.currency-popup-open .site-header,
html.currency-popup-open body .site-promo,
html body.currency-popup-open .site-promo,
html.currency-popup-open body .site-collections-products__bar,
html body.currency-popup-open .site-collections-products__bar,
html.currency-popup-open.plp-page .site-collections-products__bar,
html.currency-popup-open.plp-strip-active .site-collections-products__bar,
html.currency-popup-open body main.site-collections-products .site-collections-products__bar,
html body.currency-popup-open main.site-collections-products .site-collections-products__bar,
html.currency-popup-open body .site-plp-backtop,
html body.currency-popup-open .site-plp-backtop {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Title = cookie settings title (12 mobile / 18 desktop) */
html body .site-currency-popup__title,
html body .site-currency-popup h2.site-currency-popup__title {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__title,
  html body .site-currency-popup h2.site-currency-popup__title {
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: -0.20px !important;
  }
}

/* Body / list / search: 13 mobile, 14 desktop (cookie body) */
html body .site-currency-popup__option,
html body .site-currency-popup__country,
html body .site-currency-popup__empty,
html body .site-currency-popup__meta,
html body .site-currency-popup__search-input,
html body #xsample-currency-search,
html body .site-currency-popup input.site-currency-popup__search-input,
html body .site-currency-popup input#xsample-currency-search,
html body .site-currency-popup__search-input::placeholder,
html body #xsample-currency-search::placeholder,
html body .site-currency-popup input.site-currency-popup__search-input::placeholder,
html body .site-currency-popup input#xsample-currency-search::placeholder {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__option,
  html body .site-currency-popup__country,
  html body .site-currency-popup__empty,
  html body .site-currency-popup__meta,
  html body .site-currency-popup__search-input,
  html body #xsample-currency-search,
  html body .site-currency-popup input.site-currency-popup__search-input,
  html body .site-currency-popup input#xsample-currency-search,
  html body .site-currency-popup__search-input::placeholder,
  html body #xsample-currency-search::placeholder,
  html body .site-currency-popup input.site-currency-popup__search-input::placeholder,
  html body .site-currency-popup input#xsample-currency-search::placeholder {
    font-size: 14px !important;
    letter-spacing: -0.20px !important;
  }
}

/* Search row: flex-align clear with text (no absolute mid that floats high) */
html body .site-currency-popup__search {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
  padding: 0 0 2px !important;
  margin: 0 24px 12px !important;
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__search {
    padding: 0 0 2px !important;
    margin: 0 32px 14px !important;
  }
}

html body .site-currency-popup__search-input,
html body #xsample-currency-search,
html body .site-currency-popup input.site-currency-popup__search-input,
html body .site-currency-popup input#xsample-currency-search {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 1.35em !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

html body .site-currency-popup__field-actions,
html body .site-currency-popup .site-search__field-actions {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 1.35em !important;
  z-index: auto !important;
}

html body .site-currency-popup .site-search__clear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}

html body .site-currency-popup .site-search__clear svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

/* Footer © / currency: 14 desktop, 13 mobile only */
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer .site-footer__copyright,
html body .site-footer .site-footer__copyright--mobile,
html body .site-footer__mobile .site-footer__copyright--mobile,
html body #footer-container .site-footer__copyright,
html body #footer-container .site-footer__copyright--mobile,
html body .site-footer__copy-text,
html body .site-footer__currency,
html body button.site-footer__currency {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
@media (max-width: 767px) {
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile,
  html body .site-footer .site-footer__copyright,
  html body .site-footer .site-footer__copyright--mobile,
  html body .site-footer__mobile .site-footer__copyright--mobile,
  html body #footer-container .site-footer__copyright,
  html body #footer-container .site-footer__copyright--mobile,
  html body .site-footer__copy-text,
  html body .site-footer__currency,
  html body button.site-footer__currency {
    font-size: 13px !important;
  }
}

/* —— Pass 20260815h290 — ALL footer copy 14px desktop / 13px mobile only —— */
html body .site-footer,
html body footer.site-footer,
html body #footer-container .site-footer,
html body .site-footer *,
html body footer.site-footer *,
html body #footer-container .site-footer *,
html body .site-footer [class],
html body footer.site-footer [class],
html body #footer-container .site-footer [class],
html body .site-footer a,
html body .site-footer p,
html body .site-footer span,
html body .site-footer li,
html body .site-footer button,
html body .site-footer label,
html body .site-footer input,
html body .site-footer h4,
html body .site-footer__title,
html body .site-footer__copy,
html body .site-footer__copy-text,
html body .site-footer__find-store,
html body a.site-footer__find-store,
html body .site-footer__locale,
html body .site-footer__locale a,
html body .site-footer__locale-link,
html body a.site-footer__locale-link,
html body .site-footer__copyright,
html body .site-footer__copyright--mobile,
html body .site-footer__copyright a,
html body .site-footer__currency,
html body button.site-footer__currency,
html body .site-footer__subscribe,
html body .site-footer__subscribe p,
html body .site-footer__subscribe label,
html body .site-footer__subscribe input,
html body .site-footer__email-label,
html body .site-footer__links,
html body .site-footer__links a,
html body .site-footer__top,
html body .site-footer__top p,
html body .site-footer__top a,
html body .site-footer__mobile,
html body .site-footer__mobile *,
html body .site-footer__mobile [class],
html body .site-footer__accordion-btn,
html body .site-footer__accordion-label,
html body .site-footer__accordion-links a,
html body .site-footer .accordion-btn {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
@media (max-width: 767px) {
  html body .site-footer,
  html body footer.site-footer,
  html body #footer-container .site-footer,
  html body .site-footer *,
  html body footer.site-footer *,
  html body #footer-container .site-footer *,
  html body .site-footer [class],
  html body footer.site-footer [class],
  html body #footer-container .site-footer [class],
  html body .site-footer a,
  html body .site-footer p,
  html body .site-footer span,
  html body .site-footer li,
  html body .site-footer button,
  html body .site-footer label,
  html body .site-footer input,
  html body .site-footer h4,
  html body .site-footer__title,
  html body .site-footer__copy,
  html body .site-footer__copy-text,
  html body .site-footer__find-store,
  html body a.site-footer__find-store,
  html body .site-footer__locale,
  html body .site-footer__locale a,
  html body .site-footer__locale-link,
  html body a.site-footer__locale-link,
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile,
  html body .site-footer__copyright a,
  html body .site-footer__currency,
  html body button.site-footer__currency,
  html body .site-footer__subscribe,
  html body .site-footer__subscribe p,
  html body .site-footer__subscribe label,
  html body .site-footer__subscribe input,
  html body .site-footer__email-label,
  html body .site-footer__links,
  html body .site-footer__links a,
  html body .site-footer__top,
  html body .site-footer__top p,
  html body .site-footer__top a,
  html body .site-footer__mobile,
  html body .site-footer__mobile *,
  html body .site-footer__mobile [class],
  html body .site-footer__accordion-btn,
  html body .site-footer__accordion-label,
  html body .site-footer__accordion-links a,
  html body .site-footer .accordion-btn {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.20px !important;
  }
}

/* —— Pass 20260815h291 — PLP foot row; cookie overlay/layout; currency mobile —— */

/* Load more / All products loaded + Back to top on one row */
html body .site-plp-foot {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 36px 0 56px !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  html body .site-plp-foot {
    padding: 28px 0 40px !important;
  }
}
html body .site-plp-foot__status,
html body .site-plp-foot .site-plp-loadmore {
  grid-column: 2 !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  pointer-events: auto !important;
}
html body .site-plp-foot .site-plp-loadmore--done,
html body .site-plp-foot.is-done .site-plp-foot__status {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body .site-plp-foot .site-plp-loadmore__done {
  margin: 0 !important;
  line-height: 28px !important;
  text-align: center !important;
}
html body .site-plp-foot__back,
html body .site-plp-foot .site-plp-backtop {
  grid-column: 3 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  z-index: 1 !important;
  justify-self: end !important;
}
/* Kill old stacked loadmore/backtop spacing inside foot */
html body .site-plp-foot .site-plp-loadmore {
  margin: 0 !important;
}
html body .site-plp-loadmore--done + .site-plp-backtop {
  margin-top: 0 !important;
}

/* Currency: title 15px mobile; pad panel on mobile */
html body .site-currency-popup__title,
html body .site-currency-popup h2.site-currency-popup__title {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: uppercase !important;
}
@media (min-width: 768px) {
  html body .site-currency-popup__title,
  html body .site-currency-popup h2.site-currency-popup__title {
    font-size: 18px !important;
    font-weight: 400 !important;
  }
}
@media (max-width: 767px) {
  html body .site-currency-popup {
    padding: 0 !important;
    align-items: stretch !important;
  }
  html body .site-currency-popup__panel {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
  }
  html body .site-currency-popup__head {
    padding: 24px 24px 16px !important;
  }
  html body .site-currency-popup__search {
    margin: 0 24px 12px !important;
    padding: 0 0 12px !important;
  }
  html body .site-currency-popup__option {
    padding: 12px 24px !important;
  }
  html body .site-currency-popup__empty {
    padding: 20px 24px !important;
  }
  html body .site-currency-popup__list {
    padding: 8px 0 28px !important;
  }
}

/* Cookie settings — overlay above header/PLP; desktop dim; mobile full-bleed */
html body .cookie-settings-root,
html.cookie-settings-open body .cookie-settings-root,
html body.cookie-settings-open .cookie-settings-root,
html.cookie-settings-open .cookie-settings-root {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  z-index: 25000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, 0.42) !important;
  transform: none !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}
html.cookie-settings-open body header.site-header,
html body.cookie-settings-open header.site-header,
html.cookie-settings-open body .site-header,
html body.cookie-settings-open .site-header,
html.cookie-settings-open body .site-promo,
html body.cookie-settings-open .site-promo,
html.cookie-settings-open body .site-collections-products__bar,
html body.cookie-settings-open .site-collections-products__bar,
html.cookie-settings-open.plp-page .site-collections-products__bar,
html.cookie-settings-open.plp-strip-active .site-collections-products__bar,
html.cookie-settings-open body .cookie-banner,
html body.cookie-settings-open .cookie-banner,
html.cookie-settings-open body #cookie-banner {
  z-index: 1 !important;
  pointer-events: none !important;
}

html body .cookie-settings,
html body.cookie-settings-open .cookie-settings,
html .cookie-settings-open .cookie-settings,
html body .cookie-settings-root .cookie-settings {
  position: relative !important;
  z-index: 1 !important;
  width: min(726px, 100%) !important;
  max-width: 726px !important;
  max-height: min(88vh, 640px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Hide duplicate mobile-only mega title (header already has title) */
html body .cookie-settings > .px-6.pb-4.md\:hidden,
html body .cookie-settings > div.px-6.pb-4 {
  display: none !important;
}

html body .cookie-settings__header,
html body.cookie-settings-open .cookie-settings__header {
  padding: 20px 24px 14px !important;
  flex: 0 0 auto !important;
}
html body .cookie-settings__body,
html body.cookie-settings-open .cookie-settings__body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html body .cookie-settings__footer,
html body.cookie-settings-open .cookie-settings__footer {
  flex: 0 0 auto !important;
  padding: 14px 24px 18px !important;
}

@media (min-width: 768px) {
  html body .cookie-settings-root,
  html.cookie-settings-open body .cookie-settings-root,
  html body.cookie-settings-open .cookie-settings-root {
    padding: 32px 24px !important;
    align-items: center !important;
  }
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 24px 32px 16px !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    padding: 14px 32px 24px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding-left: 32px !important;
    padding-right: 16px !important;
  }
  html body .cookie-settings__panel,
  html body.cookie-settings-open .cookie-settings__panel {
    padding: 16px 32px 20px !important;
  }
}

@media (max-width: 767px) {
  html body .cookie-settings-root,
  html.cookie-settings-open body .cookie-settings-root,
  html body.cookie-settings-open .cookie-settings-root {
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }
  html body .cookie-settings,
  html body.cookie-settings-open .cookie-settings,
  html .cookie-settings-open .cookie-settings,
  html body .cookie-settings-root .cookie-settings {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: none !important;
    border: 0 !important;
  }
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 24px 24px 12px !important;
  }
  html body .cookie-settings__title,
  html body.cookie-settings-open .cookie-settings__title,
  html body .cookie-settings h2.cookie-settings__title {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.20px !important;
    text-transform: uppercase !important;
  }
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav {
    width: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    border: 0 !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding: 14px 24px !important;
  }
  html body .cookie-settings__body,
  html body.cookie-settings-open .cookie-settings__body {
    flex-direction: column !important;
    overflow-y: auto !important;
  }
  /* Desktop panel column stays hidden on mobile accordion UI */
  html body .cookie-settings__panel {
    display: none !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    padding: 14px 24px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* —— Pass 20260815h293 — filter dim above PLP; currency X; cookie mobile polish —— */

/* Filter / drawer backdrop must sit above PLP sticky bar (beat styles.css 5-class selectors) */
html.plp-page.site-drawer-open body.site-drawer-open .site-drawer__backdrop.is-open,
html.plp-page.site-drawer-open body.site-drawer-open div.site-drawer__backdrop.fixed.is-open,
html.plp-page body.site-drawer-open .site-drawer__backdrop.is-open,
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body.site-drawer-open div.site-drawer__backdrop.fixed.is-open,
html.plp-page.site-drawer-open .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.is-open,
html body div.site-drawer__backdrop.fixed.is-open,
html body .site-drawer__backdrop.opacity-100.is-open {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  z-index: 24000 !important;
  background: rgba(0, 0, 0, 0.42) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html.plp-page.site-drawer-open body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0,
html.plp-page.site-drawer-open body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0.translate-x-0,
html body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0,
html body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0.translate-x-0,
html.plp-page body.site-drawer-open div.site-drawer.site-drawer--filter.fixed.top-0.right-0,
html body .site-drawer--filter,
html body .site-drawer.site-drawer--filter,
html body.site-drawer-open .site-drawer--filter,
html body div.site-drawer.site-drawer--filter.fixed,
html.plp-page.site-drawer-open .site-drawer--filter {
  z-index: 24100 !important;
  top: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
}
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html.plp-page.site-drawer-open .site-header,
html body.site-drawer-open .site-promo,
html body.site-drawer-open .site-collections-products__bar,
html.plp-page.site-drawer-open .site-collections-products__bar,
html.plp-strip-active.site-drawer-open .site-collections-products__bar,
html body.site-drawer-open main.site-collections-products .site-collections-products__bar {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Currency close — same 20px X as drawers; no hover fade */
html body .site-currency-popup__close,
html body .site-currency-popup__close.drawer-close-icon,
html body button.site-currency-popup__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transform: none !important;
  scale: none !important;
  transition: none !important;
}
html body .site-currency-popup__close:hover,
html body .site-currency-popup__close:active,
html body .site-currency-popup__close:focus,
html body .site-currency-popup__close:focus-visible,
html body .site-currency-popup__close.drawer-close-icon:hover {
  opacity: 1 !important;
  color: #000 !important;
  background: transparent !important;
  transform: none !important;
  scale: none !important;
}
html body .site-currency-popup__close svg,
html body .site-currency-popup__close .drawer-close-icon__svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: block !important;
  stroke: #000 !important;
  color: #000 !important;
}

/* Cookie settings — mobile closer to original accordion full-page */
@media (max-width: 767px) {
  html body .cookie-settings-root,
  html.cookie-settings-open body .cookie-settings-root,
  html body.cookie-settings-open .cookie-settings-root,
  html.cookie-settings-open .cookie-settings-root {
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    background: #fff !important; /* full-page sheet, no grey fringe */
  }
  html body .cookie-settings,
  html body.cookie-settings-open .cookie-settings,
  html body .cookie-settings-root .cookie-settings {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: none !important;
    border: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  /* Header: close only (big title lives below) */
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding: 12px 16px 0 !important;
    min-height: 48px !important;
    border: 0 !important;
  }
  html body .cookie-settings__header .cookie-settings__title,
  html body.cookie-settings-open .cookie-settings__header .cookie-settings__title {
    display: none !important;
  }
  html body .cookie-settings__close,
  html body .cookie-settings button.cookie-settings__close {
    width: 40px !important;
    height: 40px !important;
    margin-left: auto !important;
    opacity: 1 !important;
    transition: none !important;
  }
  html body .cookie-settings__close:hover,
  html body .cookie-settings__close:active {
    opacity: 1 !important;
  }
  html body .cookie-settings__close svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Restore original mobile hero title */
  html body .cookie-settings > .px-6.pb-4.md\:hidden,
  html body .cookie-settings > div.px-6.pb-4 {
    display: block !important;
    padding: 8px 24px 20px !important;
    flex: 0 0 auto !important;
  }
  html body .cookie-settings > .px-6.pb-4.md\:hidden h1,
  html body .cookie-settings > div.px-6.pb-4 h1,
  html body .cookie-settings h1.text-2xl {
    display: block !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: -0.20px !important;
    text-transform: uppercase !important;
    color: #000 !important;
  }

  html body .cookie-settings__body,
  html body.cookie-settings-open .cookie-settings__body {
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }
  html body .cookie-settings__nav,
  html body.cookie-settings-open .cookie-settings__nav {
    width: 100% !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 12px !important;
    border: 0 !important;
  }
  html body .cookie-settings__nav > ul,
  html body .cookie-settings__nav ul.flex {
    padding: 0 !important;
    margin: 0 !important;
  }
  html body .cookie-settings__nav li,
  html body .cookie-settings__nav li.border-b {
    border-color: #e5e5e5 !important;
    border-bottom-width: 1px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding: 16px 24px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.20px !important;
    line-height: 1.35 !important;
    color: #000 !important;
  }
  html body .cookie-settings__mobile-toggle {
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: #000 !important;
  }
  html body .cookie-settings .mobile-content,
  html body .cookie-settings .mobile-content p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.20px !important;
    color: #000 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  html body .cookie-settings__panel {
    display: none !important;
  }

  /* Sticky footer actions */
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 16px 24px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    background: #fff !important;
  }
  html body .cookie-settings__footer-actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
  }
  html body .cookie-settings__btn,
  html body .cookie-settings__footer button {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.20px !important;
    text-transform: none !important;
  }
  html body .cookie-settings__footer-actions .cookie-settings__btn {
    flex: 1 1 50% !important;
    width: auto !important;
  }
}

/* —— Pass 20260815h294 — cookie tighter pad; currency title = cookie title; home hero —— */

/* Homepage first banner uses site-home-hero height (was escaped) */
html body main.site-main-stack > section.site-home-hero:first-of-type,
html body main.site-main-stack > .site-home-hero {
  width: 100% !important;
}

@media (max-width: 767px) {
  /* Cookie: same compact header title as currency (15px) — drop oversized hero block */
  html body .cookie-settings > .px-6.pb-4.md\:hidden,
  html body .cookie-settings > div.px-6.pb-4 {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px 10px !important;
    min-height: 0 !important;
  }
  html body .cookie-settings__header .cookie-settings__title,
  html body.cookie-settings-open .cookie-settings__header .cookie-settings__title,
  html body .cookie-settings h2.cookie-settings__title {
    display: block !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.20px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    color: #000 !important;
  }
  html body .cookie-settings__close,
  html body .cookie-settings button.cookie-settings__close {
    width: 40px !important;
    height: 40px !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding: 12px 20px !important;
  }
  html body .cookie-settings .mobile-content,
  html body .cookie-settings .mobile-content p {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    gap: 8px !important;
    padding: 12px 20px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .cookie-settings__btn,
  html body .cookie-settings__footer button {
    min-height: 44px !important;
  }

  /* Currency title matches cookie settings title (15px uppercase) */
  html body .site-currency-popup__title,
  html body .site-currency-popup h2.site-currency-popup__title {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.20px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
  }
  html body .site-currency-popup__head {
    padding: 16px 20px 10px !important;
  }
  html body .site-currency-popup__search {
    margin: 0 20px 10px !important;
    padding: 0 0 10px !important;
  }
  html body .site-currency-popup__option {
    padding: 12px 20px !important;
  }
  html body .site-currency-popup__empty {
    padding: 16px 20px !important;
  }
}

/* —— Pass 20260815h295 — footer no-jump; cookie privacy default pad + btn row —— */

/* Footer accordion: don't scroll-anchor / jump the page when height changes */
html body .site-footer,
html body .site-footer__accordion-list,
html body .site-footer__accordion-panel,
html body .site-footer__accordion-btn {
  overflow-anchor: none !important;
}
html body .site-footer__accordion-list > div.grid {
  overflow-anchor: none !important;
}

@media (max-width: 767px) {
  /* Cookie accordion body: always use mobile gutter (beat padding-left:0 + bare text nodes) */
  html body .cookie-settings .mobile-content,
  html body .cookie-settings .mobile-content.md\:hidden,
  html body .cookie-settings__nav .mobile-content,
  html body .cookie-settings .mobile-content p,
  html body .cookie-settings .mobile-content .text-\[13px\] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
  html body .cookie-settings .mobile-content {
    display: block !important;
  }

  /* Confirm full width; Reject + Allow on one row */
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px 20px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .cookie-settings__footer-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
  }
  html body .cookie-settings__footer > .cookie-settings__btn--primary {
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  html body .cookie-settings__btn--allow,
  html body .cookie-settings__footer-actions .cookie-settings__btn--ghost:last-of-type,
  html body .cookie-settings__footer-actions button.cookie-settings__btn--ghost:last-of-type {
    display: flex !important;
    visibility: visible !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
  html body .cookie-settings__footer-actions .cookie-settings__btn,
  html body .cookie-settings__footer-actions .cookie-settings__btn--ghost {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* —— Pass 20260815h296 — no jump on modal/drawer; cookie pad + no Allow on mobile —— */

/* Keep scrollbar space stable; never lock via overflow:hidden (that jumps the page) */
html {
  scrollbar-gutter: stable;
  overflow-anchor: none;
}
html.cookie-settings-open,
html.cookie-settings-open body,
body.cookie-settings-open,
html.cookie-pending,
html.cookie-pending body,
body.cookie-pending,
html.currency-popup-open,
html.currency-popup-open body,
body.currency-popup-open,
html.mobile-nav-open,
html.mobile-nav-open body,
body.mobile-nav-open,
html.newsletter-open,
html.newsletter-open body,
body.newsletter-open,
html.site-drawer-open,
html.site-drawer-open body,
body.site-drawer-open,
html.site-search-open,
html.site-search-open body,
body.site-search-open,
html.mega-open,
html.mega-open body,
body.mega-open,
html.overflow-hidden,
body.overflow-hidden {
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
  touch-action: auto !important;
  overscroll-behavior: none !important;
  position: static !important;
  top: auto !important;
  width: auto !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  /* Kill the extra 14px on cookie body — header/footer already use 20px */
  html body .cookie-settings__body,
  html body.cookie-settings-open .cookie-settings__body,
  html body .cookie-settings-root .cookie-settings__body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body .cookie-settings__nav,
  html body .cookie-settings__nav > ul,
  html body .cookie-settings__nav ul.flex,
  html body .cookie-settings__nav ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  html body .cookie-settings__header,
  html body.cookie-settings-open .cookie-settings__header {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html body .cookie-settings__nav .tab-button,
  html body .cookie-settings__nav button.tab-button {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* One gutter only — never double-pad nested <p> */
  html body .cookie-settings .mobile-content,
  html body .cookie-settings .mobile-content.md\:hidden,
  html body .cookie-settings__nav .mobile-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body .cookie-settings .mobile-content p,
  html body .cookie-settings .mobile-content .text-\[13px\],
  html body .cookie-settings .mobile-content .flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body .cookie-settings__footer,
  html body.cookie-settings-open .cookie-settings__footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px 20px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .cookie-settings__footer-actions {
    display: contents !important;
  }
  /* Hide Allow / Accept on mobile — Confirm + Reject only, one row */
  html body .cookie-settings__btn--allow,
  html body .cookie-settings__footer-actions .cookie-settings__btn--ghost:last-of-type,
  html body .cookie-settings__footer-actions button.cookie-settings__btn--ghost:last-of-type,
  html body .cookie-settings__footer .cookie-settings__btn--allow {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }
  html body .cookie-settings__footer > .cookie-settings__btn--primary,
  html body .cookie-settings__footer-actions .cookie-settings__btn--ghost:first-of-type,
  html body .cookie-settings__footer-actions button.cookie-settings__btn--ghost:first-of-type,
  html body .cookie-settings__footer .cookie-settings__btn--ghost:not(.cookie-settings__btn--allow) {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* —— Pass 20260815h297 — cookie mobile accordion +/- larger —— */
@media (max-width: 767px) {
  html body .cookie-settings__mobile-toggle,
  html body .cookie-settings__nav .cookie-settings__mobile-toggle,
  html body .cookie-settings .tab-button .cookie-settings__mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    color: #000 !important;
    min-width: 1.25rem !important;
    flex-shrink: 0 !important;
  }
}

/* —— Pass 20260815h298 — sitewide: keep scrollbar on overlay lock; no # jump —— */

/* Prefer scroll (scrollbar stays) over overflow:hidden — prevents layout jump */
html.cookie-settings-open,
html.cookie-settings-open body,
body.cookie-settings-open,
html.cookie-pending,
html.cookie-pending body,
body.cookie-pending,
html.currency-popup-open,
html.currency-popup-open body,
body.currency-popup-open,
html.mobile-nav-open,
html.mobile-nav-open body,
body.mobile-nav-open,
html.newsletter-open,
html.newsletter-open body,
body.newsletter-open,
html.site-drawer-open,
html.site-drawer-open body,
body.site-drawer-open,
html.site-search-open,
html.site-search-open body,
body.site-search-open,
html.mega-open,
html.mega-open body,
body.mega-open {
  overflow-x: clip !important;
  overflow-y: scroll !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  top: auto !important;
  width: auto !important;
  padding-right: 0 !important;
  touch-action: auto !important;
}

/* Footer locale / shipping: never jump to top via href="#" */
html body a.site-footer__locale-link[href="#"] {
  cursor: pointer;
}

/* —— Pass 20260815h299 — mobile btn 13px; hide card scrollbars; header stays on popup —— */

/*
 * Overlay open must NOT set overflow on html/body — that breaks position:sticky
 * and slides the header off-screen. Scroll lock is handled in JS only.
 */
html.cookie-settings-open,
html.cookie-settings-open body,
body.cookie-settings-open,
html.cookie-pending,
html.cookie-pending body,
body.cookie-pending,
html.currency-popup-open,
html.currency-popup-open body,
body.currency-popup-open,
html.mobile-nav-open,
html.mobile-nav-open body,
body.mobile-nav-open,
html.newsletter-open,
html.newsletter-open body,
body.newsletter-open,
html.site-drawer-open,
html.site-drawer-open body,
body.site-drawer-open,
html.mega-open,
html.mega-open body,
body.mega-open {
  overflow: unset !important;
  overflow-x: unset !important;
  overflow-y: unset !important;
  height: unset !important;
  max-height: unset !important;
  position: static !important;
  top: auto !important;
  width: auto !important;
  padding-right: 0 !important;
  touch-action: auto !important;
}

/* Keep site header pinned + visible when homepage popups/drawers open */
html.currency-popup-open body .site-header,
html.currency-popup-open body header.site-header,
html.cookie-settings-open body .site-header,
html.cookie-settings-open body header.site-header,
html.newsletter-open body .site-header,
html.newsletter-open body header.site-header,
html.site-drawer-open body .site-header,
html.site-drawer-open body header.site-header,
html.mobile-nav-open body .site-header,
html.mobile-nav-open body header.site-header,
html.mega-open body .site-header,
html.mega-open body header.site-header,
html body.currency-popup-open .site-header,
html body.cookie-settings-open .site-header,
html body.newsletter-open .site-header,
html body.site-drawer-open .site-header,
html body.mobile-nav-open .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  translate: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: grid !important;
  z-index: 13000 !important;
  pointer-events: none !important;
  background: #fff !important;
}

/* Search still owns the full chrome — keep header under search layer */
html.site-search-open body .site-header,
html body.site-search-open .site-header {
  z-index: 12000 !important;
}

@media (max-width: 767px) {
  /* Mobile buttons / CTAs = 13px */
  html body a.cta-on-image,
  html body .cta-on-image,
  html body button.cta-on-image,
  html body .site-home-hero a.cta-on-image,
  html body .site-home-hero .cta-on-image,
  html body .cookie-settings__btn,
  html body .cookie-settings__footer button,
  html body .cookie-banner__accept,
  html body button.cookie-banner__accept,
  html body .site-newsletter__submit,
  html body button.site-newsletter__submit,
  html body .site-plp-loadmore__btn,
  html body button.site-plp-loadmore__btn,
  html body .site-product__buy button,
  html body .site-product__add,
  html body button.site-product__add {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  /* Hide scrollbar / scroll wheel chrome on horizontal card rails */
  html body .site-discover__grid,
  html body .site-discover__grid.site-discover__grid--scroll,
  html body .site-home-cards,
  html body .site-home-cards.overflow-x-auto,
  html body main .overflow-x-auto,
  html body .snap-x,
  html body [class*="snap-x"],
  html body .no-scrollbar {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  html body .site-discover__grid::-webkit-scrollbar,
  html body .site-discover__grid.site-discover__grid--scroll::-webkit-scrollbar,
  html body .site-home-cards::-webkit-scrollbar,
  html body .site-home-cards.overflow-x-auto::-webkit-scrollbar,
  html body main .overflow-x-auto::-webkit-scrollbar,
  html body .snap-x::-webkit-scrollbar,
  html body [class*="snap-x"]::-webkit-scrollbar,
  html body .no-scrollbar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
}


/* Currency / cookie panels must sit above the pinned header */
html body .site-currency-popup,
html.currency-popup-open body .site-currency-popup {
  z-index: 26000 !important;
}
html body .cookie-settings-root,
html.cookie-settings-open body .cookie-settings-root {
  z-index: 26000 !important;
}

/* —— Pass 20260815h299b — beat styles.css 11px CTA specificity —— */
@media (max-width: 767px) {
  html body a.cta-on-image,
  html body button.cta-on-image,
  html body .cta-on-image,
  html body a.cta-on-image.uppercase.bg-white,
  html body a.cta-on-image.uppercase.bg-black,
  html body a.cta-on-image.uppercase,
  html body a.cta-on-image.bg-white,
  html body a.relative.z-10.bg-white.text-black.border.border-black,
  html body .site-home-hero a.cta-on-image,
  html body .site-home-hero a.cta-on-image.uppercase.bg-white,
  html body .flex.flex-col.sm\:flex-row:has(> .cta-on-image) > .cta-on-image,
  html body div.flex.flex-col.sm\:flex-row.items-center.justify-center.gap-3.w-auto > .cta-on-image,
  html body .flex.flex-row:has(> .cta-on-image) > .cta-on-image,
  html body main a.cta-on-image.uppercase.bg-white,
  html body main a.cta-on-image {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}