/* 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: 0 !important;
  padding-right: 0 !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 */
/* Boot shell: hide once React paints (hedex + legacy xsample ids) */
html.app-ready #hedex-boot-shell,
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;
  }
}

/* —— Pass 20260924hedex1 — Hedex logo sizing —— */
html body .site-logo,
html body img.site-logo {
  height: 18px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
}
@media (min-width: 768px) {
  html body .site-logo,
  html body img.site-logo {
    height: 20px !important;
    max-width: 160px !important;
  }
}

/* —— Hedex logo (hedex6) —— */
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img {
  height: 20px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
}
@media (min-width: 768px) {
  html body .site-logo,
  html body img.site-logo,
  html body .site-search__logo img,
  html body .site-header img.site-logo,
  html body .site-logo-link img {
    height: 22px !important;
    max-width: 160px !important;
  }
}

/* —— Hedex mega cols-6 + start (hedex7) —— */
html body .site-mega__grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
html body .site-mega__grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
/* killed: cols-5 must stay 5 — never collapse to 3 */
html body .site-start__card {
  background: #fff;
}
html body .site-start__cta:hover {
  opacity: 0.7;
}

/* —— Start step workflow + logo png (hedex8) —— */
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img,
html body #hedex-boot-shell img {
  height: 22px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
html body .site-start-flow {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 1rem 72px;
}
@media (min-width: 768px) {
  html body .site-start-flow { padding: 40px 2rem 96px; }
}
html body .site-start-flow__progress {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
html body .site-start-flow__dot {
  width: 28px;
  height: 2px;
  background: #ddd;
  display: inline-block;
}
html body .site-start-flow__dot.is-on,
html body .site-start-flow__dot.is-done { background: #000; }
html body .site-start-flow__step-label {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 22px;
  font-weight: 500;
}
html body .site-start-flow__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
@media (min-width: 768px) {
  html body .site-start-flow__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}
html body .site-start-flow__tile {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
}
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile:hover { border-color: #000; }
html body .site-start-flow__tile-media {
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #eee;
}
html body .site-start-flow__tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .site-start-flow__tile-label {
  display: block;
  padding: 12px 12px 14px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
}
html body .site-start-flow__back {
  border: 0;
  background: none;
  padding: 0;
  margin: 0 0 18px;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}
html body .site-start-flow__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 420px;
}
html body .site-start-flow__option {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 14px 16px;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
html body .site-start-flow__option.is-selected,
html body .site-start-flow__option:hover { border-color: #000; }
html body .site-start-flow__summary {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
}
html body .site-start-flow__summary-img {
  width: 96px;
  height: 120px;
  object-fit: cover;
  background: #eee;
}
html body .site-start-flow__summary-path {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 6px;
  opacity: 0.6;
}
html body .site-start-flow__summary-detail {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
html body .site-start-flow__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 44px;
  padding: 0 22px;
  background: #000;
  color: #fff;
  border: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
html body .mobile-nav__drill-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 8px 0 28px !important;
}
html body .mobile-nav__drill-media {
  display: block !important;
}
html body .mobile-nav__drill-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* was truncating programme mega lists — allow full columns */
html body .site-mega__list li:nth-child(n+12) {
  display: none !important;
}

/* —— Start flow v2 + catalog local imgs (hedex9) —— */
html body .site-start-flow {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 1rem 80px;
}
@media (min-width: 768px) {
  html body .site-start-flow { padding: 36px 2rem 100px; }
}
html body .site-start-flow__eyebrow {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-weight: 500;
}
html body .site-start-flow__title {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 22px;
}
@media (min-width: 768px) {
  html body .site-start-flow__title { font-size: 28px; }
}
html body .site-start-flow__steps {
  list-style: none;
  display: flex;
  gap: 18px;
  padding: 0;
  margin: 0 0 28px;
}
html body .site-start-flow__step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
}
html body .site-start-flow__step.is-on,
html body .site-start-flow__step.is-done { color: #000; }
html body .site-start-flow__num {
  width: 22px;
  height: 22px;
  border: 1px solid currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
html body .site-start-flow__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
@media (min-width: 900px) {
  html body .site-start-flow__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  html body .site-start-flow__grid--refine {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
html body .site-start-flow__tile {
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  transition: border-color .15s ease;
}
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile.is-selected { border-color: #000; }
html body .site-start-flow__tile-media {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #eee;
}
html body .site-start-flow__tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .site-start-flow__tile-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}
html body .site-start-flow__tile-label {
  display: block;
  padding: 12px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
}
html body .site-start-flow__tile-meta .site-start-flow__tile-label { padding: 0; }
html body .site-start-flow__tile-hint {
  font-size: 11px;
  color: #777;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: 400;
}
html body .site-start-flow__back {
  border: 0;
  background: none;
  padding: 0;
  margin: 0 0 16px;
  font-size: 13px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body .site-start-flow__chosen {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 16px;
  opacity: 0.55;
}
html body .site-start-flow__summary {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 28px;
}
html body .site-start-flow__summary-img {
  width: 110px;
  height: 140px;
  object-fit: cover;
  background: #eee;
}
html body .site-start-flow__summary-path {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 8px;
  opacity: 0.55;
}
html body .site-start-flow__summary-detail {
  font-size: 18px;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
html body .site-start-flow__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 46px;
  padding: 0 24px;
  background: #000;
  color: #fff;
  border: 0;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}
html body .site-mega__media img,
html body .mobile-nav__drill-media img,
html body .site-collections-card img,
html body .site-collections-heroes img,
html body .site-discover__img,
html body .site-home-hero img {
  background: #eee;
}
html body .site-mega__list li:nth-child(n+7) { display: none !important; }


/* —— Pass 20260924hedex10 — logo + Start cleanup —— */
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img,
html body #hedex-boot-shell img {
  height: 18px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
html body .site-start-flow {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 1.25rem 96px;
  background: #fff;
}
html body .site-start-flow__eyebrow { display: none !important; }
html body .site-start-flow__title {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0 28px;
  text-transform: none;
}
html body .site-start-flow__steps {
  display: flex;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
}
html body .site-start-flow__step {
  width: 40px;
  height: 2px;
  background: #e5e5e5;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden;
}
html body .site-start-flow__step .site-start-flow__num { display: none !important; }
html body .site-start-flow__step.is-on,
html body .site-start-flow__step.is-done { background: #000; }
html body .site-start-flow__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
@media (min-width: 768px) {
  html body .site-start-flow__grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
  }
  html body .site-start-flow__grid--refine {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}
html body .site-start-flow__tile {
  border: 0 !important;
  background: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
html body .site-start-flow__tile-media {
  aspect-ratio: 3 / 4;
  background: #f3f3f3;
  overflow: hidden;
}
html body .site-start-flow__tile-media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .4s ease;
}
html body .site-start-flow__tile:hover .site-start-flow__tile-media img { transform: none !important; }
html body .site-start-flow__tile-meta { padding: 12px 0 0; display: flex; flex-direction: column; gap: 4px; }
html body .site-start-flow__tile-label {
  padding: 12px 0 0 !important;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
}
html body .site-start-flow__tile-hint {
  font-size: 12px;
  color: #777;
  letter-spacing: 0.02em;
  text-transform: none;
}
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media {
  outline: none;
  outline-offset: 0;
}
html body .site-start-flow__back {
  border: 0; background: none; padding: 0; margin: 0 0 24px;
  font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; color: #111;
}
html body .site-start-flow__chosen { display: none; }
html body .site-start-flow__confirm { max-width: 420px; }
html body .site-start-flow__summary {
  display: flex; gap: 18px; align-items: center; margin-bottom: 28px;
}
html body .site-start-flow__summary-img {
  width: 88px; height: 110px; object-fit: cover; background: #f3f3f3;
}
html body .site-start-flow__summary-path {
  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px; font-weight: 500;
}
html body .site-start-flow__summary-detail {
  font-size: 15px; margin: 0; color: #333;
}
html body .site-start-flow__cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 180px; height: 44px; padding: 0 24px;
  background: #000; color: #fff; border: 0;
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
  cursor: pointer;
}
html body .site-start-flow__cta:hover { background: #222; }


/* —— Pass 20260924hedex12 — tighter logo crop: larger header mark —— */
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img,
html body #hedex-boot-shell img {
  height: 26px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (min-width: 768px) {
  html body .site-logo,
  html body img.site-logo,
  html body .site-search__logo img,
  html body .site-header img.site-logo,
  html body .site-logo-link img,
  html body #hedex-boot-shell img {
    height: 28px !important;
    max-width: 240px !important;
  }
}


/* —— Pass 20260924hedex13 — nav weight + mega clean + logo —— */
html body .site-nav__link,
html body a.site-nav__link,
html body .site-nav__item > a {
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}
html body .site-nav__item {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}
html body .site-mega__grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .site-mega__grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body .site-mega__grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body .site-mega__grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
html body .site-mega__inner {
  padding: 28px 2rem 36px !important;
}
html body .site-mega__card {
  min-width: 0 !important;
}
html body .site-mega__media {
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #f2f2f2 !important;
  display: block !important;
}
html body .site-mega__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
html body .site-mega__title {
  margin-top: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html body .site-mega__list {
  margin-top: 8px !important;
}
html body .site-mega__link {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}
html body .site-mega__list li:nth-child(n+7) {
  display: none !important;
}
/* Logo — cropped mark, balanced header size */
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img,
html body #hedex-boot-shell img {
  height: 24px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (min-width: 768px) {
  html body .site-logo,
  html body img.site-logo,
  html body .site-search__logo img,
  html body .site-header img.site-logo,
  html body .site-logo-link img,
  html body #hedex-boot-shell img {
    height: 26px !important;
    max-width: 220px !important;
  }
}


/* —— hedex13b — mega left-align + logo nudge —— */
html body .site-mega__card,
html body .site-mega__title,
html body .site-mega__list,
html body .site-mega__link {
  text-align: left !important;
}
html body .site-logo,
html body img.site-logo,
html body .site-search__logo img,
html body .site-header img.site-logo,
html body .site-logo-link img,
html body #hedex-boot-shell img {
  height: 28px !important;
  max-width: 240px !important;
}
@media (min-width: 768px) {
  html body .site-logo,
  html body img.site-logo,
  html body .site-search__logo img,
  html body .site-header img.site-logo,
  html body .site-logo-link img,
  html body #hedex-boot-shell img {
    height: 30px !important;
    max-width: 260px !important;
  }
}


/* —— Pass 20260924hedex14 — nav weight revert + 5-col megas + Start polish —— */
html body .site-nav__link,
html body a.site-nav__link,
html body .site-nav__item > a {
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}
html body .site-mega__grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
html body .site-mega__grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
html body .site-mega__grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
html body .site-mega__grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}
html body .site-mega__inner {
  padding: 28px 2rem 40px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}
html body .site-mega__card,
html body .site-mega__title,
html body .site-mega__list,
html body .site-mega__link {
  text-align: left !important;
}
html body .site-mega__media {
  aspect-ratio: 3 / 4 !important;
  background: #f2f2f2 !important;
  overflow: hidden !important;
  display: block !important;
}
html body .site-mega__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html body .site-mega__title {
  margin-top: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
html body .site-mega__link {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}
html body .site-mega__list li:nth-child(n+7) {
  display: none !important;
}

/* Start workflow */
html body .site-start-flow {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 48px 1.25rem 120px !important;
}
html body .site-start-flow__eyebrow {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #777 !important;
}
html body .site-start-flow__title {
  font-size: 26px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  margin: 0 0 28px !important;
  color: #111 !important;
}
html body .site-start-flow__steps {
  display: flex !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px !important;
  align-items: center !important;
}
html body .site-start-flow__step {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #aaa !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  overflow: visible !important;
}
html body .site-start-flow__step .site-start-flow__num {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1px solid #ccc !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  color: #999 !important;
}
html body .site-start-flow__step-text {
  display: inline !important;
  font-size: 12px !important;
}
html body .site-start-flow__step.is-on,
html body .site-start-flow__step.is-done {
  color: #111 !important;
}
html body .site-start-flow__step.is-on .site-start-flow__num,
html body .site-start-flow__step.is-done .site-start-flow__num {
  border-color: #111 !important;
  color: #111 !important;
  background: #fff !important;
}
html body .site-start-flow__step.is-done .site-start-flow__num {
  background: #111 !important;
  color: #fff !important;
}
html body .site-start-flow__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
@media (min-width: 768px) {
  html body .site-start-flow__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  html body .site-start-flow__grid--refine {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-start-flow__tile {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-align: left !important;
}
html body .site-start-flow__tile-media {
  aspect-ratio: 3 / 4 !important;
  background: #f3f3f3 !important;
  overflow: hidden !important;
  display: block !important;
}
html body .site-start-flow__tile-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .35s ease !important;
}
html body .site-start-flow__tile:hover .site-start-flow__tile-media img { transform: none !important; }
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media {
  outline: none !important;
  outline-offset: 0 !important;
}
html body .site-start-flow__tile-label {
  display: block !important;
  padding: 12px 0 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
html body .site-start-flow__tile-hint {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  color: #777 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
html body .site-start-flow__chosen {
  display: block !important;
  margin: 0 0 18px !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
html body .site-start-flow__back {
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  color: #111 !important;
  text-decoration: none !important;
}
html body .site-start-flow__confirm {
  max-width: 520px !important;
}
html body .site-start-flow__summary {
  display: flex !important;
  gap: 20px !important;
  align-items: center !important;
  margin-bottom: 28px !important;
}
html body .site-start-flow__summary-img {
  width: 96px !important;
  height: 120px !important;
  object-fit: cover !important;
  background: #f3f3f3 !important;
  flex-shrink: 0 !important;
}
html body .site-start-flow__summary-path {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}
html body .site-start-flow__summary-detail {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #111 !important;
}
html body .site-start-flow__summary-note {
  margin: 0 !important;
  font-size: 13px !important;
  color: #777 !important;
  line-height: 1.45 !important;
}
html body .site-start-flow__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 200px !important;
  height: 46px !important;
  padding: 0 28px !important;
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
html body .site-start-flow__cta:hover {
  background: #222 !important;
}


/* —— Pass 20260924hedex15 — no View All needed; match site LS; kill hover zoom —— */

/* Mega: match site typography (styles.css), no grow */
html body .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .link-line.site-mega__title {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  margin-top: 12px !important;
}
html body .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .link-line.site-mega__link {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}
html body .site-mega__media,
html body .site-mega__media img,
html body .site-mega__media:hover img,
html body .site-mega__card:hover .site-mega__media img {
  transform: none !important;
  scale: none !important;
  transition: none !important;
}

/* Start: match site letter-spacing / type */
html body .site-start-flow,
html body .site-start-flow * {
  font-family: var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
html body .site-start-flow__eyebrow {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: var(--ls-nav, 0.5px) !important;
  text-transform: uppercase !important;
  color: #777 !important;
  margin: 0 0 10px !important;
}
html body .site-start-flow__title {
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: var(--ls-heading, -0.40px) !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  margin: 0 0 24px !important;
  color: #000 !important;
}
html body .site-start-flow__steps {
  gap: 18px !important;
  margin: 0 0 36px !important;
}
html body .site-start-flow__step {
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
  color: #999 !important;
}
html body .site-start-flow__step-text {
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
  font-size: 13px !important;
}
html body .site-start-flow__num {
  font-size: 11px !important;
  letter-spacing: 0 !important;
}
html body .site-start-flow__step.is-on,
html body .site-start-flow__step.is-done {
  color: #000 !important;
  font-weight: 500 !important;
}
html body .site-start-flow__tile-label,
html body .site-start-flow__chosen,
html body .site-start-flow__back,
html body .site-start-flow__summary-path,
html body .site-start-flow__cta {
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
}
html body .site-start-flow__tile-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding-top: 12px !important;
}
html body .site-start-flow__tile-hint {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
  color: #777 !important;
}
html body .site-start-flow__chosen {
  font-size: 13px !important;
  font-weight: 500 !important;
}
html body .site-start-flow__back {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
}
html body .site-start-flow__summary-path {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #777 !important;
}
html body .site-start-flow__summary-detail {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: var(--ls-heading, -0.40px) !important;
  text-transform: none !important;
}
html body .site-start-flow__summary-note {
  font-size: 13px !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
}
html body .site-start-flow__cta {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
}

/* Kill hover zoom everywhere on Start + mega + common link grows */
html body .site-start-flow__tile-media img,
html body .site-start-flow__tile:hover .site-start-flow__tile-media img,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media img {
  transform: none !important;
  scale: none !important;
  transition: none !important;
}
html body .site-nav__link,
html body .site-nav__link:hover,
html body .site-mega__link,
html body .site-mega__link:hover,
html body .site-mega__title,
html body .site-mega__title:hover,
html body .site-start-flow a,
html body .site-start-flow a:hover,
html body .site-start-flow button,
html body .site-start-flow button:hover {
  transform: none !important;
  scale: none !important;
}

/* —— Pass 20260924hedex16 — kill link hover grow / white flash —— */
html body a:hover,
html body a:focus-visible,
html body a:active,
html body .link-line:hover,
html body .link-line:focus-visible,
html body .hover-underline-anim:hover,
html body .site-nav__link:hover,
html body .site-mega__link:hover,
html body .site-mega__title:hover,
html body .site-footer a:hover,
html body .site-start-flow a:hover,
html body .site-start-flow button:hover,
html body .mobile-nav a:hover,
html body .mobile-nav button:hover {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  background-color: transparent !important;
}
html body .site-nav__link:hover,
html body .site-mega__link:hover,
html body .site-mega__title:hover,
html body .link-line:hover {
  /* keep underline draw; never paint a white block behind the label */
  background-color: transparent !important;
  box-shadow: none !important;
}
html body .site-nav__link:hover::after,
html body .link-line:hover::after,
html body .hover-underline-anim:hover::after {
  transform: none !important;
  scale: none !important;
}

/* —— Pass 20260924hedex18 — Start layout polish: selector, Enter hint, back arrow —— */
html body .site-start-flow {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 1rem 96px !important;
}
@media (min-width: 768px) {
  html body .site-start-flow { padding: 40px 2rem 110px !important; }
}
html body .site-start-flow__head-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 10px !important;
}
html body .site-start-flow__eyebrow {
  margin: 0 !important;
}
html body .site-start-flow__kbd-hint {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  color: #888 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
html body .site-start-flow__kbd-hint span {
  display: inline-block !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  margin-right: 4px !important;
  font-size: 11px !important;
  color: #555 !important;
  background: #f7f7f7 !important;
}
html body .site-start-flow__kbd-hint--inline {
  margin-top: 10px !important;
  text-align: left !important;
  white-space: normal !important;
}
html body .site-start-flow__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (min-width: 900px) {
  html body .site-start-flow__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  html body .site-start-flow__grid--refine {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-start-flow__tile {
  position: relative !important;
  border: 1px solid #e6e6e6 !important;
  background: #fff !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  scale: none !important;
  box-shadow: none !important;
}
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile.is-focus,
html body .site-start-flow__tile.is-selected {
  border-color: #000 !important;
}
html body .site-start-flow__tile-media {
  position: relative !important;
  aspect-ratio: 3 / 4 !important;
  background: #f0f0f0 !important;
}
html body .site-start-flow__tile-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  scale: none !important;
}
html body .site-start-flow__select {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid rgba(0,0,0,0.35) !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,0.92) !important;
  box-sizing: border-box !important;
}
html body .site-start-flow__select.is-on {
  border-color: #000 !important;
  background: #000 !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}
html body .site-start-flow__tile-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 12px 12px 14px !important;
  min-height: 64px !important;
}
html body .site-start-flow__tile-label {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-transform: none !important;
  color: #000 !important;
}
html body .site-start-flow__tile-hint {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #777 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
}
html body .site-start-flow__back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  text-decoration: none !important;
  color: #000 !important;
  cursor: pointer !important;
}
html body .site-start-flow__back:hover {
  opacity: 0.7 !important;
  background: transparent !important;
  transform: none !important;
}
html body .site-start-flow__back-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #ddd !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
html body .site-start-flow__chosen {
  margin: 0 0 16px !important;
}
html body .site-start-flow__summary {
  display: flex !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin-bottom: 28px !important;
  border: 1px solid #e6e6e6 !important;
  padding: 14px !important;
  max-width: 560px !important;
}
html body .site-start-flow__summary-img {
  width: 120px !important;
  height: 160px !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
  background: #f0f0f0 !important;
}
html body .site-start-flow__summary-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}
html body .site-start-flow__cta {
  transform: none !important;
  scale: none !important;
}
html body .site-start-flow__cta:hover {
  background: #222 !important;
  transform: none !important;
}
@media (max-width: 640px) {
  html body .site-start-flow__kbd-hint { display: none !important; }
  html body .site-start-flow__kbd-hint--inline { display: block !important; }
}

/* —— Pass 20260924hedex19 — Start: Enter-to-confirm, bottom hint, collections-style back —— */
html body .site-start-flow__head-row { display: none !important; }
html body .site-start-flow__kbd-hint:not(.site-start-flow__kbd-hint--bottom) {
  display: none !important;
}
html body .site-start-flow__kbd-hint--bottom {
  display: block !important;
  margin: 28px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #ececec !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-body, -0.20px) !important;
  color: #888 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
html body .site-start-flow__kbd-hint--bottom span {
  display: inline-block !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  margin: 0 3px !important;
  font-size: 11px !important;
  color: #555 !important;
  background: #f7f7f7 !important;
}
html body .site-start-flow__back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  border: 0 !important;
  background: none !important;
  padding: 0 0 1rem !important;
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  color: #111 !important;
  cursor: pointer !important;
}
html body .site-start-flow__back:hover,
html body .site-start-flow__back:focus,
html body .site-start-flow__back:active {
  background: transparent !important;
  color: #111 !important;
  opacity: 1 !important;
  transform: none !important;
  text-decoration: none !important;
}
html body .site-start-flow__back-icon {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
  fill: none !important;
  flex: 0 0 auto !important;
}
html body .site-start-flow__back-arrow { display: none !important; }
html body .site-start-flow__chosen {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  color: #111 !important;
  margin: 0 0 1.1rem !important;
  text-transform: none !important;
  opacity: 1 !important;
}

/* —— Pass 20260924hedex20 — Composer: match Hedex type —— */
html.se-customisation-page,
html.se-customisation-page body,
html.se-customisation-page body.se-composer-body,
html.se-customisation-page .se-composer-body,
html.se-customisation-page .se-composer-body * {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
html.se-customisation-page .composer-title,
html.se-customisation-page .product-title,
html.se-customisation-page .det-title,
html.se-customisation-page .selection-header-title {
  letter-spacing: -0.40px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
html.se-customisation-page .composer-subtitle,
html.se-customisation-page .product-item-btn,
html.se-customisation-page .category-label,
html.se-customisation-page .cust-left-cat-item,
html.se-customisation-page .cust-tab-btn,
html.se-customisation-page .cust-opt-name,
html.se-customisation-page .composer-pill-btn,
html.se-customisation-page .back-link,
html.se-customisation-page .composer-back-label {
  letter-spacing: -0.20px !important;
  text-transform: none !important;
}
html.se-customisation-page .category-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #777 !important;
}


/* —— Pass 20260924archive1 — Product Archive + SeamX World —— */
html body .hedex-archive-page {
  background: #fff;
  min-height: 70vh;
  padding-bottom: 4rem;
  position: relative;
}
html body .hedex-archive-hero {
  padding: clamp(5.5rem, 12vh, 7.5rem) clamp(1.25rem, 4vw, 3rem) 1.75rem;
  max-width: 1440px;
  margin: 0 auto;
}
html body .hedex-archive-hero__eyebrow,
html body .hedex-world-hub-hero__eyebrow,
html body .hedex-world-detail-hero__eyebrow,
html body .hedex-world-brand-hero__tag,
html body .hedex-world-card__tag {
  margin: 0 0 0.55rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #191817;
}
html body .hedex-archive-hero__title,
html body .hedex-world-hub-hero__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #111;
}
html body .hedex-archive-hero__lead,
html body .hedex-world-hub-hero__lede {
  margin: 0;
  max-width: 48ch;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #6b6865;
}
html body .hedex-archive-listing {
  position: relative;
  padding: 0 clamp(1.25rem, 4vw, 3rem) 3rem;
  max-width: 1440px;
  margin: 0 auto;
}
html body .hedex-archive-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 1rem;
}
@media (min-width: 768px) {
  html body .hedex-archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.25rem 1.5rem;
  }
}
@media (min-width: 1100px) {
  html body .hedex-archive-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
html body .hedex-archive-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
html body .hedex-archive-card__link.is-locked {
  pointer-events: none;
  cursor: default;
}
html body .hedex-archive-card__media {
  aspect-ratio: 4 / 5;
  background: #f0f0ef;
  overflow: hidden;
}
html body .hedex-archive-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .hedex-archive-card__meta {
  padding: 0.85rem 0 0;
}
html body .hedex-archive-card__cat {
  margin: 0 0 0.2rem;
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8682;
}
html body .hedex-archive-card__title {
  margin: 0 0 0.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  color: #111;
}
html body .hedex-archive-card__price {
  margin: 0;
  font-size: 0.8125rem;
  color: #6b6865;
}
html body.hedex-archive-dock-open .hedex-archive-grid {
  filter: blur(4px) saturate(0.96);
  opacity: 0.88;
  pointer-events: none;
  user-select: none;
  transition: filter 0.35s ease, opacity 0.35s ease;
}
html body .hedex-archive-dock {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(5.5rem, 14vh, 8rem) clamp(1rem, 3vw, 1.75rem) 2rem;
  box-sizing: border-box;
  pointer-events: none;
}
html body .hedex-archive-dock.is-open { display: flex; }
html body .hedex-archive-dock__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
  pointer-events: auto;
}
html body .hedex-archive-dock__pin {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  width: min(52rem, calc(100% - 1rem));
}
html body .hedex-archive-dock__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr);
  width: 100%;
  max-height: min(70vh, 32rem);
  min-height: min(28rem, 62vh);
  background: #fff;
  border: 1px solid rgba(25, 24, 23, 0.08);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
html body .hedex-archive-dock__media {
  min-height: 0;
  overflow: hidden;
  background: #f0f0ef;
}
html body .hedex-archive-dock__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .hedex-archive-dock__panel {
  box-sizing: border-box;
  padding: 2rem 2.25rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
}
html body .hedex-archive-dock__eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html body .hedex-archive-dock__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.15rem, 1.9vw, 1.4rem);
  font-weight: 400;
  line-height: 1.3;
  max-width: 28ch;
}
html body .hedex-archive-dock__lead {
  margin: 0 0 1.35rem;
  color: #6b6865;
  font-size: 0.875rem;
  line-height: 1.45;
  max-width: 42ch;
}
html body .hedex-archive-dock__field {
  position: relative;
  margin: 0 0 1.35rem;
}
html body .hedex-archive-dock__field input {
  display: block;
  width: 100%;
  height: 3rem;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: transparent;
  color: #191817;
  font: inherit;
  font-size: 0.9375rem;
  padding: 1.15rem 0 0.35rem;
  outline: none;
  box-sizing: border-box;
}
html body .hedex-archive-dock__label {
  position: absolute;
  left: 0;
  top: 0.85rem;
  font-size: 0.9375rem;
  color: #8a8682;
  pointer-events: none;
  transition: transform 0.18s ease, font-size 0.18s ease, top 0.18s ease;
}
html body .hedex-archive-dock__label span { opacity: 0.55; }
html body .hedex-archive-dock__field input:focus + .hedex-archive-dock__label,
html body .hedex-archive-dock__field input:not(:placeholder-shown) + .hedex-archive-dock__label {
  top: 0;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
html body .hedex-archive-dock__actions { margin-top: 0.25rem; }
html body .hedex-archive-dock__submit {
  appearance: none;
  border: 0;
  background: #111;
  color: #fff;
  font: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.95rem 1.5rem;
  cursor: pointer;
  width: 100%;
}
html body .hedex-archive-dock__submit:hover { background: #000; }
html body .hedex-archive-dock__error,
html body .hedex-archive-dock__success {
  margin: 0 0 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.4;
}
html body .hedex-archive-dock__error { color: #c00; }
html body .hedex-archive-dock__success { color: #191817; }
html body .hedex-archive-dock__legal {
  margin: 1.1rem 0 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: #8a8682;
}
html body .hedex-archive-dock__legal a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 767px) {
  html body .hedex-archive-dock__inner {
    grid-template-columns: 1fr;
    max-height: none;
    min-height: 0;
  }
  html body .hedex-archive-dock__media {
    display: none;
  }
  html body .hedex-archive-dock__panel {
    padding: 1.5rem 1.25rem 1.35rem;
  }
}

/* SeamX World */
html body .hedex-world-page {
  background: #fff;
  padding-bottom: 4.5rem;
}
html body .hedex-world-hub-hero,
html body .hedex-world-detail-hero {
  padding: clamp(5.5rem, 12vh, 7.5rem) clamp(1.25rem, 4vw, 3rem) 2.25rem;
  max-width: 1440px;
  margin: 0 auto;
}
html body .hedex-world-back {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0 0 1.25rem;
  font: inherit;
  font-size: 0.8125rem;
  color: #6b6865;
  cursor: pointer;
  display: inline-block;
}
html body .hedex-world-back:hover { color: #111; }
html body .hedex-world-detail-hero__title,
html body .hedex-world-brand-hero__title {
  margin: 0 0 0.85rem;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
html body .hedex-world-detail-hero__lede,
html body .hedex-world-brand-hero__lede {
  margin: 0;
  max-width: 52ch;
  font-size: 0.975rem;
  line-height: 1.55;
  color: #4a4744;
}
html body .hedex-world-grid {
  list-style: none;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 4vw, 3rem);
  max-width: 1440px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem 1.5rem;
}
@media (min-width: 768px) {
  html body .hedex-world-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem 2rem;
  }
  html body .hedex-world-card--feature {
    grid-column: 1 / -1;
  }
  html body .hedex-world-card--feature .hedex-world-card__btn {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0;
    align-items: stretch;
  }
  html body .hedex-world-card--feature .hedex-world-card__media {
    aspect-ratio: auto;
    min-height: min(62vh, 36rem);
  }
  html body .hedex-world-card--feature .hedex-world-card__copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem 1.5rem 2rem 2rem;
  }
}
@media (min-width: 1100px) {
  html body .hedex-world-grid:not(.hedex-world-grid--compact) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  html body .hedex-world-card--feature {
    grid-column: 1 / -1;
  }
}
html body .hedex-world-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px) {
  html body .hedex-world-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
html body .hedex-world-card__btn {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
html body .hedex-world-card__media {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #ececea;
}
html body .hedex-world-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
html body .hedex-world-card__btn:hover .hedex-world-card__media img {
  transform: scale(1.03);
}
html body .hedex-world-card__copy {
  padding: 0.95rem 0 0;
}
html body .hedex-world-card__name {
  margin: 0 0 0.4rem;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.015em;
}
html body .hedex-world-card__lede {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #6b6865;
  max-width: 42ch;
}
html body .hedex-world-brand-hero {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(4.75rem, 10vh, 6rem) clamp(1.25rem, 4vw, 3rem) 2rem;
  gap: 1.75rem;
}
@media (min-width: 900px) {
  html body .hedex-world-brand-hero {
    grid-template-columns: 1.15fr 1fr;
    gap: 2.5rem;
    align-items: end;
    min-height: min(78vh, 44rem);
  }
}
html body .hedex-world-brand-hero__media {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #ececea;
}
@media (min-width: 900px) {
  html body .hedex-world-brand-hero__media {
    aspect-ratio: auto;
    height: 100%;
    min-height: 32rem;
  }
}
html body .hedex-world-brand-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .hedex-world-related {
  padding: 2.5rem clamp(1.25rem, 4vw, 3rem) 0;
  max-width: 1440px;
  margin: 0 auto;
}
html body .hedex-world-related__title,
html body .hedex-world-children__title {
  margin: 0 0 1.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html body .hedex-world-children {
  padding: 0 clamp(1.25rem, 4vw, 3rem);
  max-width: 900px;
  margin: 0 auto;
}
html body .hedex-world-children__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0,0,0,0.12);
}
html body .hedex-world-child {
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
html body .hedex-world-child__btn {
  appearance: none;
  border: 0;
  background: transparent;
  width: 100%;
  text-align: left;
  padding: 1.35rem 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
html body .hedex-world-child.is-active .hedex-world-child__name { color: #111; }
html body .hedex-world-child__name {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: -0.01em;
}
html body .hedex-world-child__body {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #6b6865;
  max-width: 58ch;
}
html body .hedex-world-cta {
  padding: 3rem clamp(1.25rem, 4vw, 3rem) 0;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
}
html body .hedex-world-cta p {
  margin: 0;
  font-size: 0.9375rem;
  color: #4a4744;
}
html body .hedex-world-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.9rem 1.4rem;
  border: 0;
}
html body .hedex-world-cta__btn:hover { background: #000; }


/* —— Pass 20260925hover1 — kill link hover misalignment (mega + sitewide) —— */
/*
  Root cause: styles.css re-enables mega ::after with higher specificity
  (a.site-mega__link.link-line::after), which promotes a compositor layer
  and makes glyphs appear to jump/unalign on hover. Use background-size
  underline only; lock type metrics so weight/size/spacing never change.
*/
html body .site-mega a.site-mega__link::after,
html body .site-mega a.site-mega__title::after,
html body .site-mega a.site-mega__link.link-line::after,
html body .site-mega a.site-mega__title.link-line::after,
html body .site-mega .site-mega__link::after,
html body .site-mega .site-mega__title::after,
html body .site-mega .site-mega__link.link-line::after,
html body .site-mega .site-mega__title.link-line::after,
html body .site-mega .link-line::after,
html body .site-mega a.link-line::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .site-mega a.site-mega__link,
html body .site-mega a.site-mega__title,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega .site-mega__link,
html body .site-mega .site-mega__title,
html body .site-mega .site-mega__link.link-line,
html body .site-mega .site-mega__title.link-line {
  position: relative !important;
  display: inline-block !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 1px !important;
  transition: background-size 0.45s linear !important;
  padding-bottom: 1px !important;
  line-height: 1.35 !important;
}

html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega .site-mega__link.link-line {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}

html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega .site-mega__title.link-line {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}

html body .site-mega a.site-mega__link:hover,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:active,
html body .site-mega .site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__link.link-line:hover,
html body .site-mega .site-mega__link.link-line:hover {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  padding-bottom: 1px !important;
  background-color: transparent !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-size: 100% 1px !important;
  background-position: 0 100% !important;
  box-shadow: none !important;
}
html body .site-mega a.site-mega__title:hover,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:active,
html body .site-mega .site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega .site-mega__title:active,
html body .site-mega a.site-mega__title.link-line:hover,
html body .site-mega .site-mega__title.link-line:hover {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  padding-bottom: 1px !important;
  background-color: transparent !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-size: 100% 1px !important;
  background-position: 0 100% !important;
  box-shadow: none !important;
}

/* Sitewide text links: never change type metrics on hover (stops jump) */
html body a:hover,
html body a:focus-visible,
html body a:active,
html body .link-line:hover,
html body .link-line:focus-visible,
html body .hover-underline-anim:hover,
html body .hover-underline-erase:hover,
html body .site-nav__link:hover,
html body .site-nav__link:focus-visible,
html body .site-footer a:hover,
html body .mobile-nav a:hover,
html body .mobile-nav button:hover {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
}

/* Nav / footer: keep resting weight on hover (styles.css was bumping link-line to 500) */
html body .site-nav__link:hover,
html body .site-nav__link:focus-visible,
html body .site-nav__link:active,
html body .site-nav__item.is-open > .site-nav__link {
  font-weight: 500 !important;
  letter-spacing: inherit !important;
  transform: none !important;
}
html body .site-footer a.link-line:hover,
html body .site-footer a.link-line:focus-visible,
html body .site-footer .link-line:hover {
  font-weight: 400 !important;
  transform: none !important;
}

/* —— Pass 20260925archive2 — Product Archive popup = site chrome —— */
html body .hedex-archive-dock {
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(1rem, 4vh, 2.5rem) clamp(1rem, 3vw, 1.5rem) !important;
}
html body .hedex-archive-dock__backdrop {
  background: rgba(255, 255, 255, 0.72) !important;
}
html body .hedex-archive-dock__pin {
  width: min(40rem, calc(100% - 1.5rem)) !important;
}
html body .hedex-archive-dock__inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  max-height: none !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body .hedex-archive-dock__media {
  display: none !important;
}
html body .hedex-archive-dock__panel {
  padding: 1.75rem 1.5rem 1.5rem !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  font-family: var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: -0.20px !important;
}
@media (min-width: 768px) {
  html body .hedex-archive-dock__pin {
    width: min(28.5rem, calc(100% - 2rem)) !important;
  }
  html body .hedex-archive-dock__panel {
    padding: 2rem 2rem 1.75rem !important;
  }
}
html body .hedex-archive-dock__eyebrow {
  margin: 0 0 0.5rem !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #777 !important;
}
html body .hedex-archive-dock__title {
  margin: 0 0 0.55rem !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.40px !important;
  line-height: 1.25 !important;
  max-width: none !important;
  color: #111 !important;
}
html body .hedex-archive-dock__lead {
  margin: 0 0 1.5rem !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.20px !important;
  color: #6b6865 !important;
  max-width: 42ch !important;
}
html body .hedex-archive-dock__field {
  margin: 0 0 1.15rem !important;
}
html body .hedex-archive-dock__field input {
  height: 2.75rem !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #111 !important;
  padding: 1rem 0 0.3rem !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .hedex-archive-dock__field input:focus {
  border-bottom-color: #111 !important;
  outline: none !important;
}
html body .hedex-archive-dock__label {
  top: 0.75rem !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #8a8682 !important;
}
html body .hedex-archive-dock__label span {
  opacity: 0.55 !important;
  font-size: inherit !important;
}
html body .hedex-archive-dock__field input:focus + .hedex-archive-dock__label,
html body .hedex-archive-dock__field input:not(:placeholder-shown) + .hedex-archive-dock__label {
  top: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}
html body .hedex-archive-dock__actions {
  margin-top: 0.5rem !important;
}
html body .hedex-archive-dock__submit {
  width: 100% !important;
  min-height: 3rem !important;
  padding: 0.85rem 1.25rem !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  cursor: pointer !important;
}
html body .hedex-archive-dock__submit:hover,
html body .hedex-archive-dock__submit:focus-visible {
  background: #000 !important;
}
html body .hedex-archive-dock__error,
html body .hedex-archive-dock__success {
  margin: 0 0 0.75rem !important;
  font-size: 12px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.4 !important;
}
html body .hedex-archive-dock__error { color: #e10600 !important; }
html body .hedex-archive-dock__success { color: #111 !important; }
html body .hedex-archive-dock__legal {
  margin: 1rem 0 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.20px !important;
  color: #8a8682 !important;
}
html body .hedex-archive-dock__legal a {
  color: #111 !important;
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 100% 1px !important;
}
html body.hedex-archive-dock-open .hedex-archive-grid {
  filter: blur(3px) !important;
  opacity: 0.85 !important;
}

/* Archive page type lock to site */
html body .hedex-archive-hero__eyebrow {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  color: #777 !important;
}
html body .hedex-archive-hero__title {
  font-size: clamp(1.5rem, 2.6vw, 2rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.40px !important;
}
html body .hedex-archive-hero__lead {
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
}
html body .hedex-archive-card__title {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
}
html body .hedex-archive-card__cat {
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}
html body .hedex-archive-card__price {
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
}

/* —— Pass 20260925mega5 — Development 5-col mega: desktop only + stable columns —— */
@media (max-width: 1023px) {
  html body .site-mega,
  html body .site-mega--open,
  html body .site-mega.is-in {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
html body .site-mega__grid--cols-5 {
  grid-template-columns: repeat(5, minmax(140px, 1fr)) !important;
  gap: clamp(12px, 1.4vw, 20px) !important;
  align-items: start !important;
}
html body .site-mega__grid--cols-5 .site-mega__card {
  min-width: 0 !important;
  max-width: none !important;
}
html body .site-mega__grid--cols-5 .site-mega__title,
html body .site-mega__grid--cols-5 .site-mega__link {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html body .site-mega__grid--cols-5 .site-mega__list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.35rem !important;
}
html body .site-mega__grid--cols-5 .site-mega__list li {
  width: 100% !important;
  margin: 0 !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html body .site-mega__inner {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  html body .site-mega__grid--cols-5 .site-mega__link {
    font-size: 12px !important;
  }
}



/* —— Pass 20260926world3 — SeamX World uses shared Collections / Why shells only —— */
html body .site-seamx-world--detail {
  padding-bottom: 2rem !important;
}
html body .site-seamx-world--detail .site-why__hero,
html body .site-seamx-world--detail .site-why__hero-img {
  width: 100% !important;
}
html body .site-seamx-world__related {
  padding-top: 0 !important;
}

/* —— Pass 20260926mega5fix — never collapse 5-col megas —— */
html body .site-mega__grid--cols-5,
html body.mega-open .site-mega__grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.4vw, 20px) !important;
}
@media (max-width: 1100px) {
  html body .site-mega__grid--cols-5,
  html body.mega-open .site-mega__grid--cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}


/* —— Pass 20260926startWorldSimple — match site collections; undo overbuild —— */

/* START: collections-style tiles, select chip only, no zoom, no workflow writeup */
html body .site-start-flow {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1rem, 3vw, 2rem) 100px !important;
}
html body .site-start-flow__continue {
  display: none !important;
}
html body .site-start-flow__grid,
html body .site-start-flow__grid--refine {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
}
@media (min-width: 768px) {
  html body .site-start-flow__grid,
  html body .site-start-flow__grid--refine {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-start-flow__tile,
html body .site-start-flow__tile.is-focus,
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile:focus-visible {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  text-align: left !important;
  border-radius: 0 !important;
}
html body .site-start-flow__tile-media {
  position: relative !important;
  display: block !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  border: 0 !important;
  outline: none !important;
}
html body .site-start-flow__tile-media img,
html body .site-start-flow__tile:hover .site-start-flow__tile-media img,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media img,
html body .site-start-flow__tile.is-focus .site-start-flow__tile-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transform: none !important;
  scale: none !important;
  transition: none !important;
  opacity: 1 !important;
}
html body .site-start-flow__select {
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.35) !important;
  border-radius: 2px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
html body .site-start-flow__select.is-on,
html body .site-start-flow__tile.is-selected .site-start-flow__select {
  border-color: #000 !important;
  background: #000 !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}
html body .site-start-flow__tile-meta {
  padding: 12px 0 0 !important;
}
html body .site-start-flow__tile-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
}
html body .site-start-flow__tile-hint {
  font-size: 12px !important;
  color: #777 !important;
  letter-spacing: -0.20px !important;
}

/* WORLD: collections heroes + brands; small center arrows; no style wars */
html body .site-seamx-world--hub .site-seamx-world__heroes {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
}
html body .site-seamx-world--hub .site-seamx-world__heroes-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__heroes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__hero-panel {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  height: 65vh !important;
  min-height: 420px !important;
  padding: 0 0 2.5rem !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  aspect-ratio: auto !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__hero-panel {
    height: 82vh !important;
    min-height: 520px !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__hero-panel > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}
/* Identity chip — site cta-on-image look, not a link */
html body .site-seamx-world--hub .site-seamx-world__hero-label {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.65rem 1rem !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  pointer-events: none !important;
  box-shadow: none !important;
}
/* Beat collections-heroes > div width/height so arrow stays a chip */
html body .site-seamx-world--hub .site-seamx-world__heroes > .site-seamx-world__hero-link {
  display: none !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  transform: translate(-50%, -50%) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  pointer-events: none !important;
  background: #fff !important;
  border: 1px solid #111 !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__heroes > .site-seamx-world__hero-link {
    display: flex !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__intro {
  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2rem) !important;
  margin: 0 !important;
  text-align: left !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-eyebrow {
  margin: 0 0 0.75rem !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #888 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-title {
  margin: 0 0 0.75rem !important;
  max-width: 20ch !important;
  font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.15 !important;
  color: #111 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-lead {
  margin: 0 !important;
  max-width: 46ch !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.5 !important;
  color: #6b6865 !important;
}
@media (max-width: 767px) {
  html body .site-seamx-world--hub .site-seamx-world__intro-lead { font-size: 13px !important; }
}
html body .site-seamx-world--hub .site-seamx-world__brands {
  padding: 0 clamp(1.25rem, 4vw, 2.5rem) clamp(3rem, 6vw, 4.5rem) !important;
  margin: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__brands-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__brands-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__brand img,
html body .site-seamx-world--hub .site-seamx-world__brand:hover img {
  transform: none !important;
  transition: none !important;
}

/* —— Pass 20260926megaHoverRevert — exact site link-line; no weight change; site underline distance —— */

/* Lock type: hover must not thin/thicken or reflow text */
html body .site-mega a.site-mega__link,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega .site-mega__link,
html body.mega-open .site-mega a.site-mega__link,
html body .site-mega a.site-mega__link:hover,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:active,
html body .site-mega .site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega a.site-mega__link.link-line:hover {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  background-size: auto !important;
  /* site link-line underline room — same as rest of site */
  padding-bottom: 1px !important;
  transform: none !important;
  scale: none !important;
  translate: none !important;
  filter: none !important;
  opacity: 1 !important;
  color: #000 !important;
}

html body .site-mega a.site-mega__title,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega .site-mega__title,
html body.mega-open .site-mega a.site-mega__title,
html body .site-mega a.site-mega__title:hover,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:active,
html body .site-mega .site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega a.site-mega__title.link-line:hover {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  background-size: auto !important;
  padding-bottom: 1px !important;
  transform: none !important;
  scale: none !important;
  translate: none !important;
  filter: none !important;
  opacity: 1 !important;
  color: #000 !important;
}

/* Underline = exact site .link-line::after (1px, bottom -1px, draw only) */
html body .site-mega a.site-mega__link::after,
html body .site-mega a.site-mega__title::after,
html body .site-mega a.site-mega__link.link-line::after,
html body .site-mega a.site-mega__title.link-line::after,
html body .site-mega .site-mega__link::after,
html body .site-mega .site-mega__title::after,
html body .site-mega .link-line::after,
html body .site-mega a.link-line::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: -1px !important;
  width: 100% !important;
  height: 1px !important;
  max-height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  transform: scaleX(0) !important;
  transform-origin: 100% !important;
  scale: none !important;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none !important;
}

html body .site-mega a.site-mega__link:hover::after,
html body .site-mega a.site-mega__title:hover::after,
html body .site-mega a.site-mega__link:focus-visible::after,
html body .site-mega a.site-mega__title:focus-visible::after,
html body .site-mega a.site-mega__link:active::after,
html body .site-mega a.site-mega__title:active::after,
html body .site-mega .site-mega__link:hover::after,
html body .site-mega .site-mega__title:hover::after,
html body .site-mega a.site-mega__link.link-line:hover::after,
html body .site-mega a.site-mega__title.link-line:hover::after,
html body .site-mega .link-line:hover::after,
html body .site-mega a.link-line:hover::after {
  transform: scaleX(1) !important;
  transform-origin: 0% !important;
  height: 1px !important;
  max-height: 1px !important;
  min-height: 1px !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: currentColor !important;
}


/* —— Pass 20260926fixHintsMegaWorld — start hints/align; mega center no View All sink; world bleed —— */

/* Start: show Enter hint; align tile text */
html body .site-start-flow__kbd-hint,
html body .site-start-flow__kbd-hint--bottom {
  display: block !important;
  margin: 1.25rem 0 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  color: #999 !important;
  text-align: left !important;
}
html body .site-start-flow__kbd-hint span {
  color: #111 !important;
  font-weight: 500 !important;
}
html body .site-start-flow__header {
  text-align: left !important;
}
html body .site-start-flow__title,
html body .site-start-flow__lead,
html body .site-start-flow__eyebrow {
  text-align: left !important;
}
html body .site-start-flow__tile-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  padding: 12px 0 0 !important;
  min-height: 3.25rem !important;
  text-align: left !important;
  align-items: flex-start !important;
}
html body .site-start-flow__tile-label,
html body .site-start-flow__tile-hint {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
}
html body .site-start-flow__tile-hint {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #777 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
}

/* Mega: center all links/titles; stop sinking; hide View All if any slip through */
html body .site-mega__card,
html body.mega-open .site-mega__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}
html body .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .site-mega__list,
html body.mega-open .site-mega__list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 0.55rem !important;
}
html body .site-mega__list li,
html body.mega-open .site-mega__list li {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.35 !important;
}
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title {
  text-align: center !important;
  vertical-align: baseline !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Hide View All mega entries (CSS backup) */
html body .site-mega__list li:has(> a[href]) a.site-mega__link[href$="collections"]:only-child {
  /* no-op placeholder — JS filter is primary */
}
html body .site-mega a.site-mega__link[data-mega-viewall="1"],
html body .site-mega__list a.site-mega__link {
  /* keep */
}

/* World: heroes full bleed; brands full bleed; intro standard */
html body .site-seamx-world--hub .site-seamx-world__brands,
html body .site-seamx-world--hub .site-seamx-world__brands--bleed {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: clamp(3rem, 6vw, 4.5rem) !important;
}
html body .site-seamx-world--hub .site-seamx-world__brands-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro {
  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) clamp(1.75rem, 3.5vw, 2.5rem) !important;
}


/* —— Pass 20260926kbdShow — force Enter hint visible —— */
html body .site-start-flow__kbd-hint,
html body .site-start-flow__kbd-hint--bottom,
html body .site-start-flow__kbd-hint:not(.site-start-flow__kbd-hint--bottom) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* —— Pass 20260926startCleanHead — cleaner Start intro + steps —— */
html body .site-start-flow__eyebrow {
  display: none !important;
}
html body .site-start-flow__head {
  margin: 0 0 2rem !important;
  padding: 0 !important;
  text-align: left !important;
}
html body .site-start-flow__title {
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  max-width: 28ch !important;
  font-size: clamp(1.65rem, 3vw, 2.15rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.15 !important;
  color: #111 !important;
  text-align: left !important;
}
html body .site-start-flow__lead {
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
  max-width: 58ch !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.45 !important;
  color: #6b6865 !important;
  text-align: left !important;
}
@media (max-width: 767px) {
  html body .site-start-flow__lead {
    font-size: 13px !important;
  }
}
html body .site-start-flow__steps {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1.1rem 1.5rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.85rem 0 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
html body .site-start-flow__step {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1 !important;
  color: #999 !important;
}
html body .site-start-flow__step.is-on {
  color: #111 !important;
  font-weight: 500 !important;
}
html body .site-start-flow__step.is-done {
  color: #555 !important;
  font-weight: 400 !important;
}
html body .site-start-flow__step::before {
  content: none !important;
}
html body .site-start-flow__num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  margin: 0 !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
html body .site-start-flow__step-text {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}


/* —— Pass 20260926megaNoThin — mega links stay medium; hover never thins —— */
html body .site-mega a.site-mega__link,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega .site-mega__link,
html body .site-mega .site-mega__link.link-line,
html body.mega-open .site-mega a.site-mega__link,
html body.mega-open .site-mega .site-mega__link,
html body .site-mega a.site-mega__link:hover,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:active,
html body .site-mega .site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__link.link-line:hover,
html body .site-mega .site-mega__link.link-line:hover {
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  transform: none !important;
  scale: none !important;
  filter: none !important;
  font-synthesis: weight !important;
}
html body .site-mega a.site-mega__title,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega .site-mega__title,
html body .site-mega .site-mega__title.link-line,
html body.mega-open .site-mega a.site-mega__title,
html body.mega-open .site-mega .site-mega__title,
html body .site-mega a.site-mega__title:hover,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:active,
html body .site-mega .site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega .site-mega__title:active,
html body .site-mega a.site-mega__title.link-line:hover,
html body .site-mega .site-mega__title.link-line:hover {
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  transform: none !important;
  scale: none !important;
  filter: none !important;
  font-synthesis: weight !important;
}
/* Kill thin 400 mega link rules sitewide */
html body .site-mega__link,
html body .site-mega .site-mega__link,
html body a.site-mega__link {
  font-weight: 500 !important;
}
html body .site-mega__title,
html body .site-mega .site-mega__title,
html body a.site-mega__title {
  font-weight: 600 !important;
}


/* —— Pass 20260926startHintRight — Enter hint right-aligned —— */
html body .site-start-flow__kbd-hint,
html body .site-start-flow__kbd-hint--bottom,
html body .site-start-flow__kbd-hint:not(.site-start-flow__kbd-hint--bottom) {
  display: block !important;
  width: 100% !important;
  margin: 1.25rem 0 0 !important;
  text-align: right !important;
}


/* —— Pass 20260926worldCollections — World hub = Collections structure —— */

/* Neutralize old arrow / panel chrome */
html body .site-seamx-world--hub .site-seamx-world__hero-link {
  display: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__hero-panel {
  /* unused in new markup */
}

/* Heroes: trust collections-heroes (already on element) */
html body .site-seamx-world--hub .site-collections-heroes {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-collections-heroes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-collections-heroes > a {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  height: 65vh !important;
  min-height: 420px !important;
  padding: 0 0 2.5rem !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  text-decoration: none !important;
  color: inherit !important;
  aspect-ratio: auto !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-collections-heroes > a {
    height: 82vh !important;
    min-height: 520px !important;
  }
}
html body .site-seamx-world--hub .site-collections-heroes > a > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}
html body .site-seamx-world--hub .site-collections-heroes > a:hover > img {
  transform: none !important;
}

/* Intro — clean, site-like */
html body .site-seamx-world--hub .site-seamx-world__intro {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(2.75rem, 5.5vw, 4rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2rem, 4vw, 2.75rem) !important;
  box-sizing: border-box !important;
  background: #fff !important;
  text-align: left !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-eyebrow {
  margin: 0 0 0.7rem !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #888 !important;
  line-height: 1.2 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-title {
  margin: 0 0 0.7rem !important;
  max-width: 16ch !important;
  font-size: clamp(1.75rem, 3.2vw, 2.4rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.12 !important;
  color: #111 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-lead {
  margin: 0 !important;
  max-width: 40ch !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.5 !important;
  color: #6b6865 !important;
}
@media (max-width: 767px) {
  html body .site-seamx-world--hub .site-seamx-world__intro-lead {
    font-size: 13px !important;
  }
}

/* Brand grid — full-bleed collections rhythm */
html body .site-seamx-world--hub .site-seamx-world__brands {
  margin: 0 !important;
  padding: 0 0 clamp(3rem, 6vw, 4.5rem) !important;
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__brands-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__brands-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__brands .site-collections-card img,
html body .site-seamx-world--hub .site-seamx-world__brands .site-collections-card:hover img {
  transform: none !important;
  transition: none !important;
}


/* —— Pass 20260926startSelectedBorder — clean outer frame image→text —— */
/*
  Outer box-shadow stroke (not inset/outline/::after under the photo).
  Always visible around the full tile; zero layout shift.
*/
html body .site-start-flow__tile,
html body .site-start-flow__tile.is-focus,
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile:focus,
html body .site-start-flow__tile:focus-visible,
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  border: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
}
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  background: #fff !important;
  /* 1px outer stroke around image + label as one box */
  box-shadow: 0 0 0 1px #111 !important;
}
html body .site-start-flow__tile::after,
html body .site-start-flow__tile.is-selected::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}
html body .site-start-flow__tile .site-start-flow__tile-media,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media,
html body .site-start-flow__tile.is-selected:hover .site-start-flow__tile-media,
html body .site-start-flow__tile.is-focus .site-start-flow__tile-media {
  border: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  overflow: hidden !important;
}
html body .site-start-flow__tile .site-start-flow__tile-meta,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-meta {
  padding: 12px 14px 14px !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
html body .site-start-flow__tile .site-start-flow__tile-label,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-label {
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
}
html body .site-start-flow__tile .site-start-flow__select,
html body .site-start-flow__tile.is-selected .site-start-flow__select {
  z-index: 4 !important;
}
html body .site-start-flow__grid,
html body .site-start-flow__grid--refine {
  align-items: start !important;
  gap: 2px !important;
}


/* —— Pass 20260926megaSolidFinal — mega never thins on load/hover/refresh —— */
html body .site-mega a.site-mega__link,
html body .site-mega a.site-mega__title,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega .site-mega__link,
html body .site-mega .site-mega__title,
html body .site-mega .site-mega__link.link-line,
html body .site-mega .site-mega__title.link-line,
html body .site-mega a.site-mega__link:hover,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:active,
html body .site-mega .site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__title:hover,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:active,
html body .site-mega .site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega .site-mega__title:active {
  font-weight: 500 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title:hover,
html body .site-mega .site-mega__title:hover {
  font-weight: 600 !important;
}


/* —— Pass 20260926bottegaMegaWorld — BV mega enter + 0.5 overlay + home-content World —— */

/* Sitewide dim thickness = Bottega u-navoverlay--visible (0.5) */
html body {
  --site-overlay-dim: rgba(0, 0, 0, 0.5);
}
html body .site-mega__backdrop,
html body.mega-open .site-mega__backdrop,
html body .site-mega__backdrop.is-open,
html body .site-mega__backdrop.is-closed,
html body .mobile-nav__backdrop,
html body .mobile-nav__backdrop.is-open,
html body .site-newsletter__backdrop,
html body .site-newsletter__backdrop.is-open,
html body .site-search__backdrop,
html body .site-drawer__backdrop,
html body .cookie-dim,
html.cookie-pending .cookie-dim,
html body.cookie-pending .cookie-dim {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-image: none !important;
}

/* Mega backdrop: fade in 0.4s like BV; leave instant */
html body .site-mega__backdrop {
  position: fixed !important;
  inset: var(--header-bottom, 64px) 0 0 0 !important;
  top: var(--header-bottom, 64px) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 14010 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}
html body .site-mega__backdrop.is-open,
html body.mega-open .site-mega__backdrop.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.4s ease, visibility 0.4s ease !important;
  animation: none !important;
}
html body .site-mega__backdrop.is-closed,
html body .site-mega__backdrop:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

/* Mega panel: Bottega-like fade in on open (leave = unmount, instant) */
@keyframes hedexMegaIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
html body .site-mega.site-mega--open,
html body.mega-open .site-mega.site-mega--open {
  opacity: 1 !important;
  visibility: visible !important;
  animation: hedexMegaIn 0.4s ease both !important;
}
html body .site-mega.site-mega--open.is-in,
html body.mega-open .site-mega.site-mega--open.is-in {
  opacity: 1 !important;
  visibility: visible !important;
}

/* —— SeamX World = Bottega home-content rhythm —— */
html body .site-seamx-world--hub {
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(2.75rem, 5vw, 3.5rem) 1rem 2.75rem !important;
  text-align: center !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-eyebrow {
  display: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-title {
  margin: 0 0 1rem !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  line-height: 1.35 !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-lead {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.55 !important;
  color: #111 !important;
  text-transform: uppercase !important;
}

/* 4-up category strip */
html body .site-seamx-world--hub .site-seamx-world__strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__strip-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  background: #f5f5f5 !important;
  overflow: hidden !important;
  min-height: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__strip-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 337 / 396 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}
html body .site-seamx-world--hub .site-seamx-world__strip-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__strip-label {
  position: absolute !important;
  left: 50% !important;
  bottom: 1.75rem !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  width: auto !important;
  margin: 0 !important;
}

/* Full-bleed feature under strip */
html body .site-seamx-world--hub .site-seamx-world__feature {
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-card {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  height: min(70vw, 695px) !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  text-decoration: none !important;
  color: inherit !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-label {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 2.5rem !important;
}
html body .site-seamx-world--hub .site-seamx-world__strip--rest {
  margin-top: 2px !important;
}

/* Kill leftover collections-hero chrome on World hub */
html body .site-seamx-world--hub .site-collections-heroes,
html body .site-seamx-world--hub .site-seamx-world__heroes {
  display: none !important;
}


/* —— Pass 20260926overlayLock — force 0.5 dim (no shorthand) —— */
html body .site-mega__backdrop,
html body .site-mega__backdrop.is-open,
html body .site-mega__backdrop.is-closed,
html body.mega-open .site-mega__backdrop,
html body.mega-open .site-mega__backdrop.is-open,
html body .mobile-nav__backdrop,
html body .mobile-nav__backdrop.is-open,
html body .site-newsletter__backdrop,
html body .site-newsletter__backdrop.is-open,
html body .site-search__backdrop,
html body .site-drawer__backdrop,
html body .cookie-dim,
html.cookie-pending .cookie-dim,
html body.cookie-pending .cookie-dim {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-image: none !important;
}


/* —— Pass 20260926bvExact — Bottega mega + home-content World (extracted) —— */

/* ===== MEGA: u-navoverlay exact (0.5 @ 0.4s) ===== */
html body {
  --bv-nav-overlay: rgba(0, 0, 0, 0.5);
  --bv-nav-overlay-ms: 0.4s;
}
html body .site-mega__backdrop,
html body .site-mega__backdrop.is-closed,
html body .site-mega__backdrop:not(.is-open) {
  position: fixed !important;
  inset: var(--header-bottom, 64px) 0 0 0 !important;
  top: var(--header-bottom, 64px) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  z-index: 14010 !important;
  background-color: #000 !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition-property: opacity, visibility !important;
  transition-duration: 0s !important;
  transition-timing-function: ease !important;
}
html body .site-mega__backdrop.is-open,
html body.mega-open .site-mega__backdrop.is-open {
  background-color: #000 !important;
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition-property: opacity, visibility !important;
  transition-duration: var(--bv-nav-overlay-ms) !important;
  transition-timing-function: ease !important;
  animation: none !important;
}
/* Sitewide dim thickness matches mega */
html body .mobile-nav__backdrop.is-open,
html body .site-newsletter__backdrop.is-open,
html body .site-search__backdrop.is-open,
html body .site-drawer__backdrop.is-open,
html body .cookie-dim,
html.cookie-pending .cookie-dim,
html body.cookie-pending .cookie-dim {
  background-color: #000 !important;
  opacity: 0.5 !important;
}

/* Mega panel enter: 0.4s opacity (leave = unmount / instant) */
@keyframes hedexMegaIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
html body .site-mega.site-mega--open,
html body.mega-open .site-mega.site-mega--open {
  opacity: 1 !important;
  visibility: visible !important;
  animation: hedexMegaIn var(--bv-nav-overlay-ms) ease both !important;
  background: #fff !important;
}

/* ===== WORLD: Bottega home-content exact ===== */
html body .site-seamx-world--hub {
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Centered intro: HOME + blank line + uppercase body (536px / 14px) */
html body .site-seamx-world--hub .site-seamx-world__intro {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(2.75rem, 5vw, 3.5rem) 1rem 2.75rem !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-copy {
  max-width: 536px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 16.8px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #000 !important;
  font-family: inherit !important;
}
/* 4-up strip: 16px side pad, 16px gap; labels BELOW image */
html body .site-seamx-world--hub .site-seamx-world__strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__strip--rest {
  margin-top: 16px !important;
  padding-bottom: 16px !important;
}
html body .site-seamx-world--hub .site-seamx-world__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  background: transparent !important;
  min-width: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 337 / 396 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-label {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  /* kill old cta-on-image look */
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
}
/* Full-bleed feature + label below (Décor pattern) */
html body .site-seamx-world--hub .site-seamx-world__feature {
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-link {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-media {
  display: block !important;
  width: 100% !important;
  height: min(70vw, 695px) !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-media img,
html body .site-seamx-world--hub .site-seamx-world__feature-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  padding: 24px 16px 32px !important;
  margin: 0 auto !important;
  max-width: 397px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #000 !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
  border: 0 !important;
}

/* Kill leftover collections chrome on World hub */
html body .site-seamx-world--hub .site-collections-heroes,
html body .site-seamx-world--hub .site-seamx-world__heroes {
  display: none !important;
}


/* —— Pass 20260926startNoDivider — no rule under Start steps —— */
html body .site-start-flow__steps,
html body .site-start-flow__head .site-start-flow__steps,
html body .site-start-flow__head {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body .site-start-flow__steps {
  padding-top: 0.85rem !important;
}
html body .site-start-flow__step::before,
html body .site-start-flow__steps::before,
html body .site-start-flow__steps::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
}

/* —— Pass 20260926startKbdNoDivider — no rule above keyboard hint —— */
html body .site-start-flow__kbd-hint--bottom,
html body .site-start-flow__kbd-hint {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* —— Pass 20260926startPadWide — tile copy inset + wider Start lead —— */
html body .site-start-flow__tile .site-start-flow__tile-meta,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-meta,
html body .site-start-flow__tile.is-focus .site-start-flow__tile-meta {
  padding: 12px 14px 14px !important;
  box-sizing: border-box !important;
}
html body .site-start-flow__title {
  max-width: 28ch !important;
}
html body .site-start-flow__lead {
  max-width: 58ch !important;
}


/* —— Pass 20260926worldBoxesPlain — brand boxes + plain banner (no brand chrome) —— */
html body .site-seamx-world--hub .site-seamx-world__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  text-decoration: none !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 337 / 396 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__card:hover .site-seamx-world__card-media img {
  transform: none !important;
}
/* Label below image — fpls-box-block height ~46px */
html body .site-seamx-world--hub .site-seamx-world__card-label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 46px !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
}
/* Kill any cta-on-image / overlay chrome on World brand boxes */
html body .site-seamx-world--hub .site-seamx-world__card .cta-on-image,
html body .site-seamx-world--hub .site-collections-card {
  display: none !important;
}
/* Plain banner: full-bleed image only — no brand label, no link chrome */
html body .site-seamx-world--hub .site-seamx-world__feature,
html body .site-seamx-world--hub .site-seamx-world__feature--plain {
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-media {
  display: block !important;
  width: 100% !important;
  height: min(70vw, 695px) !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-label,
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-link {
  display: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--hub .site-seamx-world__strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html body .site-seamx-world--hub .site-seamx-world__strip--rest {
  margin-top: 16px !important;
  padding-bottom: 40px !important;
}


/* —— Pass 20260926worldIntroFull — intro full bleed; copy 536 centered like BV —— */
html body .site-seamx-world--hub .site-seamx-world__intro {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(2.75rem, 5vw, 3.5rem) 1rem 2.75rem !important;
  box-sizing: border-box !important;
  background: #fff !important;
  text-align: center !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-copy {
  max-width: 536px !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 16.8px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #000 !important;
}


/* —— Pass 20260926capBleedCustomLink — Capabilities hero full-bleed; keep content gutters —— */
html body main.site-capabilities.site-why {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body main.site-capabilities .site-why__hero,
html body main.site-capabilities.site-why .site-why__hero,
html body main.site-capabilities .site-why__bleed,
html body main.site-capabilities.site-why .site-why__bleed,
html body main.site-capabilities .site-why__bleed--end,
html body main.site-capabilities.site-why .site-why__bleed--end {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
}
html body main.site-capabilities .site-why__hero-img,
html body main.site-capabilities.site-why .site-why__hero-img,
html body main.site-capabilities .site-why__bleed-img,
html body main.site-capabilities.site-why .site-why__bleed-img {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
}
/* restore side rhythm on copy sections only */
html body main.site-capabilities .site-why__intro,
html body main.site-capabilities .site-why__pillars {
  padding-left: max(7px, clamp(1rem, 4vw, 104px)) !important;
  padding-right: max(7px, clamp(1rem, 4vw, 104px)) !important;
  box-sizing: border-box !important;
}


/* —— Pass 20260926megaFadeReal — real 0.4s mega fade (opacity transition, leave instant) —— */
html body {
  --bv-nav-overlay-ms: 0.4s;
}
html body .site-mega.site-mega--open,
html body.mega-open .site-mega.site-mega--open {
  opacity: 0 !important;
  visibility: visible !important;
  background: #fff !important;
  animation: none !important;
  transition: opacity var(--bv-nav-overlay-ms) ease !important;
}
html body .site-mega.site-mega--open.is-in,
html body.mega-open .site-mega.site-mega--open.is-in {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity var(--bv-nav-overlay-ms) ease !important;
}
/* Backdrop: black @ 0.5, fade in 0.4s, leave instant */
html body .site-mega__backdrop {
  background-color: #000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}
html body .site-mega__backdrop.is-open,
html body.mega-open .site-mega__backdrop.is-open {
  background-color: #000 !important;
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity var(--bv-nav-overlay-ms) ease, visibility var(--bv-nav-overlay-ms) ease !important;
  animation: none !important;
}
html body .site-mega__backdrop.is-closed,
html body .site-mega__backdrop:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}


/* —— Pass 20260926worldFinish — Hedex out; role lines; banner +100px —— */
/* Banner height +100px over prior BV baseline (695→795, min 420→520) */
html body .site-seamx-world--hub .site-seamx-world__feature,
html body .site-seamx-world--hub .site-seamx-world__feature--plain {
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-media,
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-media {
  display: block !important;
  width: 100% !important;
  height: min(70vw, 795px) !important;
  min-height: 520px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .site-seamx-world--hub .site-seamx-world__feature-media img,
html body .site-seamx-world--hub .site-seamx-world__feature--plain .site-seamx-world__feature-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
}
/* Caption under brand box: name + clear role line */
html body .site-seamx-world--hub .site-seamx-world__card-caption {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  min-height: 58px !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-label {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  position: static !important;
  transform: none !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-role {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #666 !important;
  background: transparent !important;
  border: 0 !important;
  position: static !important;
  transform: none !important;
}
/* Box cards stay box-style (image frame + caption below) */
html body .site-seamx-world--hub .site-seamx-world__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  text-decoration: none !important;
  color: #000 !important;
  background: transparent !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 337 / 396 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

/* Start: selecting must not shift card placement (border inside box-shadow, fixed grid) */
html body .site-start-flow__grid,
html body .site-start-flow__grid--refine {
  align-items: stretch !important;
}
html body .site-start-flow__tile,
html body .site-start-flow__tile.is-focus,
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile:focus,
html body .site-start-flow__tile:focus-visible,
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  outline: none !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  transform: none !important;
  margin: 0 !important;
}
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  box-shadow: inset 0 0 0 1px #000 !important;
}
html body .site-start-flow__kbd-hint,
html body .site-start-flow__kbd-hint--bottom {
  text-align: right !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

/* —— Pass 20260926uiFix1 — overlay fades (not mega panel); Start borders; World center no role —— */

/* 1) Mega: REVERT panel fade — panel snappy/instant; overlay fades @ 0.5 black */
html body .site-mega.site-mega--open,
html body.mega-open .site-mega.site-mega--open,
html body .site-mega.site-mega--open.is-in,
html body.mega-open .site-mega.site-mega--open.is-in,
html body .site-mega.site-mega--open:not(.is-in),
html body.mega-open .site-mega.site-mega--open:not(.is-in) {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  background: #fff !important;
}
/* Overlay / backdrop: thickness 0.5, fade in 0.4s, leave instant */
html body {
  --bv-nav-overlay-ms: 0.4s;
}
html body .site-mega__backdrop,
html body .site-mega__backdrop.is-closed,
html body .site-mega__backdrop:not(.is-open) {
  background-color: #000 !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}
html body .site-mega__backdrop.is-open,
html body.mega-open .site-mega__backdrop.is-open {
  background-color: #000 !important;
  background-image: none !important;
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity var(--bv-nav-overlay-ms) ease, visibility var(--bv-nav-overlay-ms) ease !important;
  animation: none !important;
}

/* 2) Start: restore real selected BORDER without layout shift (always-reserved 1px) */
html body .site-start-flow__tile,
html body .site-start-flow__tile.is-focus,
html body .site-start-flow__tile:hover,
html body .site-start-flow__tile:focus,
html body .site-start-flow__tile:focus-visible,
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  border: 1px solid transparent !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transform: none !important;
  margin: 0 !important;
}
html body .site-start-flow__tile.is-selected,
html body .site-start-flow__tile.is-selected:hover,
html body .site-start-flow__tile.is-selected:focus,
html body .site-start-flow__tile.is-selected:focus-visible,
html body .site-start-flow__tile.is-selected.is-focus {
  border-color: #111 !important;
  box-shadow: none !important;
  background: #fff !important;
}
/* Kill leftover media outline / inset strokes from older passes */
html body .site-start-flow__tile .site-start-flow__tile-media,
html body .site-start-flow__tile.is-selected .site-start-flow__tile-media,
html body .site-start-flow__tile.is-selected:hover .site-start-flow__tile-media,
html body .site-start-flow__tile.is-focus .site-start-flow__tile-media {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 3) World: no boxy role/tagline; brand names centered like Bottega labels */
html body .site-seamx-world--hub .site-seamx-world__card-role {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-caption {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 46px !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--hub .site-seamx-world__card-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
  transform: none !important;
}
/* Intro stays centered Bottega home-content (reaffirm) */
html body .site-seamx-world--hub .site-seamx-world__intro {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}
html body .site-seamx-world--hub .site-seamx-world__intro-copy {
  max-width: 536px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 4) Archive blur: ONLY collection cards — never hero/title/intro */
html body.hedex-archive-dock-open .hedex-archive-hero,
html body.hedex-archive-dock-open .hedex-archive-hero__eyebrow,
html body.hedex-archive-dock-open .hedex-archive-hero__title,
html body.hedex-archive-dock-open .hedex-archive-hero__lead,
html body.hedex-archive-page.is-gated .hedex-archive-hero,
html body.hedex-archive-page.is-gated .hedex-archive-hero__eyebrow,
html body.hedex-archive-page.is-gated .hedex-archive-hero__title,
html body.hedex-archive-page.is-gated .hedex-archive-hero__lead {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html body.hedex-archive-dock-open .hedex-archive-grid,
html body.hedex-archive-page.is-gated .hedex-archive-grid {
  filter: blur(3px) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  user-select: none !important;
}
html body.hedex-archive-page.is-unlocked .hedex-archive-grid {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  user-select: auto !important;
}

/* —— Pass 20260926archiveFix2 — archive overlay + reload —— */

/* Gate dock lives inside .hedex-archive-listing — overlay/blur never cover hero */
html body .hedex-archive-page {
  position: relative !important;
}
html body .hedex-archive-hero {
  position: relative !important;
  z-index: 2 !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html body .hedex-archive-hero__eyebrow,
html body .hedex-archive-hero__title,
html body .hedex-archive-hero__lead,
html body.hedex-archive-dock-open .hedex-archive-hero,
html body.hedex-archive-dock-open .hedex-archive-hero__eyebrow,
html body.hedex-archive-dock-open .hedex-archive-hero__title,
html body.hedex-archive-dock-open .hedex-archive-hero__lead,
html body.hedex-archive-page.is-gated .hedex-archive-hero,
html body.hedex-archive-page.is-gated .hedex-archive-hero__eyebrow,
html body.hedex-archive-page.is-gated .hedex-archive-hero__title,
html body.hedex-archive-page.is-gated .hedex-archive-hero__lead {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body .hedex-archive-listing {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate;
}

/* Dock fills the listing box only (not the hero) */
html body .hedex-archive-dock {
  position: absolute !important;
  inset: 0 !important;
  z-index: 40 !important;
  display: none;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(0.75rem, 2.2vh, 1.35rem) clamp(1rem, 3vw, 1.5rem) 1.5rem !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}
html body .hedex-archive-dock.is-open {
  display: flex !important;
}
html body .hedex-archive-dock__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255, 255, 255, 0.72) !important;
  pointer-events: auto !important;
}
html body .hedex-archive-dock__pin {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

/* Blur + no clicks ONLY on the card grid while gated */
html body.hedex-archive-dock-open .hedex-archive-grid,
html body.hedex-archive-page.is-gated .hedex-archive-grid {
  filter: blur(3px) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  user-select: none !important;
}
html body.hedex-archive-page.is-gated .hedex-archive-card__link,
html body.hedex-archive-page.is-gated .hedex-archive-card__link.is-locked,
html body.hedex-archive-dock-open .hedex-archive-card__link,
html body.hedex-archive-dock-open .hedex-archive-card a,
html body.hedex-archive-page.is-gated .hedex-archive-card a {
  pointer-events: none !important;
  cursor: default !important;
}
html body.hedex-archive-page.is-unlocked .hedex-archive-grid {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  user-select: auto !important;
}

/* Pass 20260926gatePos1 — archive gate higher */
html body .hedex-archive-dock {
  align-items: flex-start !important;
  padding-top: clamp(0.75rem, 2.2vh, 1.35rem) !important;
}


/* —— Pass 20260926uiFix2 — archive gate between rows 1–2; World align + weights; mega col1 —— */

/* B1) Archive access popup: seat between first and second product rows (not flush top) */
html body .hedex-archive-dock,
html body .hedex-archive-dock.is-open {
  align-items: flex-start !important;
  justify-content: center !important;
  /* Mobile 2-col, aspect 4/5 media + meta ≈ one row */
  padding-top: calc(46vw * 5 / 4 + 3rem) !important;
  padding-left: clamp(1rem, 3vw, 1.5rem) !important;
  padding-right: clamp(1rem, 3vw, 1.5rem) !important;
  padding-bottom: 1.5rem !important;
}
@media (min-width: 768px) {
  html body .hedex-archive-dock,
  html body .hedex-archive-dock.is-open {
    /* 3-col mid: ~28vw col × 5/4 */
    padding-top: calc(28vw * 5 / 4 + 3.5rem) !important;
  }
}
@media (min-width: 1100px) {
  html body .hedex-archive-dock,
  html body .hedex-archive-dock.is-open {
    /* 4-col desktop: ~22vw col × 5/4 + meta */
    padding-top: calc(22vw * 5 / 4 + 3.75rem) !important;
  }
}
html body .hedex-archive-dock__pin {
  margin-top: 0 !important;
}

/* B2) World detail: align left brand title with body text column (same top baseline + gutters) */
html body .site-seamx-world--detail .site-why__intro,
html body main.site-seamx-world--detail .site-why__intro {
  display: grid !important;
  grid-template-columns: minmax(140px, 0.85fr) minmax(260px, 1.25fr) !important;
  column-gap: clamp(2rem, 5vw, 4rem) !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
  padding-left: max(7px, clamp(1rem, 4vw, 104px)) !important;
  padding-right: max(7px, clamp(1rem, 4vw, 104px)) !important;
  padding-top: clamp(3rem, 6vw, 5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--detail .site-why__intro-title,
html body main.site-seamx-world--detail .site-why__intro-title {
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !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;
}
html body .site-seamx-world--detail .site-why__intro-copy,
html body main.site-seamx-world--detail .site-why__intro-copy {
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}
html body .site-seamx-world--detail .site-why__intro-copy p,
html body main.site-seamx-world--detail .site-why__intro-copy p {
  margin: 0 0 1.1em !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
html body .site-seamx-world--detail .site-why__intro-copy p:first-child,
html body main.site-seamx-world--detail .site-why__intro-copy p:first-child {
  margin-top: 0 !important;
}
html body .site-seamx-world--detail .site-why__intro-copy p:last-child,
html body main.site-seamx-world--detail .site-why__intro-copy p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 899px) {
  html body .site-seamx-world--detail .site-why__intro,
  html body main.site-seamx-world--detail .site-why__intro {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* B2) Hub brand labels + related overlay CTAs — site weight 500, not heavy 700/800 */
html body .site-seamx-world--hub .site-seamx-world__card-label,
html body .site-seamx-world .site-seamx-world__card-label {
  font-weight: 500 !important;
  letter-spacing: normal !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
  font-synthesis: none !important;
}
html body .site-seamx-world--detail .cta-on-image,
html body .site-seamx-world--detail span.cta-on-image,
html body .site-seamx-world--detail a.cta-on-image,
html body .site-seamx-world__related .cta-on-image,
html body .site-seamx-world__related span.cta-on-image,
html body .site-seamx-world__related a.cta-on-image {
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
  font-synthesis: none !important;
}

/* B3) Mega first column — programme/row labels thick in resting state too (match hover) */
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link.link-line,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__link {
  font-weight: 600 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
}
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:focus-visible {
  font-weight: 600 !important;
}


/* —— Pass 20260926layoutAlign1 — World gutters = related cards; archive gate JS seam —— */

/* A) World detail intro: same content box as related programme cards (max 1440 + side pad) */
html body .site-seamx-world--detail .site-why__intro,
html body main.site-seamx-world--detail .site-why__intro {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(140px, 0.85fr) minmax(260px, 1.25fr) !important;
  column-gap: clamp(2rem, 5vw, 4rem) !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
  padding-top: clamp(3rem, 6vw, 5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--detail .site-why__intro,
  html body main.site-seamx-world--detail .site-why__intro {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (max-width: 899px) {
  html body .site-seamx-world--detail .site-why__intro,
  html body main.site-seamx-world--detail .site-why__intro {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}
html body .site-seamx-world--detail .site-why__intro-title,
html body main.site-seamx-world--detail .site-why__intro-title {
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}
html body .site-seamx-world--detail .site-why__intro-copy,
html body main.site-seamx-world--detail .site-why__intro-copy {
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
  max-width: none !important;
}

/* Related / programme cards: identical gutters so intro L/R edges match card grid */
html body .site-seamx-world--detail .site-seamx-world__related.site-collections-grid,
html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--detail .site-seamx-world__related .site-collections-grid__inner,
html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related > .site-collections-grid__inner {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--detail .site-seamx-world__related .site-collections-grid__inner,
  html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related > .site-collections-grid__inner {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* B) Archive dock: top from measured --archive-gate-top (seam of row1→row2, minus dialog half) */
html body .hedex-archive-listing {
  --archive-gate-top: 18rem; /* fallback until JS measures */
}
html body .hedex-archive-dock,
html body .hedex-archive-dock.is-open {
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: var(--archive-gate-top) !important;
  padding-left: clamp(1rem, 3vw, 1.5rem) !important;
  padding-right: clamp(1rem, 3vw, 1.5rem) !important;
  padding-bottom: 1.5rem !important;
}
html body .hedex-archive-dock__pin {
  margin-top: 0 !important;
}

/* —— Pass 20260926uiFix3 — XSAMPLE CTA=siblings; mega col1-only; mega UL from-font; archive stay-ul; world intro rail —— */

/* ========== 1) World related CTAs: match Collections siblings (1px / weight 400) ==========
   Root cause: World detail related CTAs used font-medium (500) + tracking from Tailwind
   uppercase, while Collections/resources CTAs lock weight 400 + LS -0.20px / 1px border.
   XSAMPLE looked heavier optically; force identical metrics for all three (incl. id=xsample). */
html body .site-seamx-world--detail .cta-on-image,
html body .site-seamx-world--detail span.cta-on-image,
html body .site-seamx-world--detail a.cta-on-image,
html body .site-seamx-world__related .cta-on-image,
html body .site-seamx-world__related span.cta-on-image,
html body .site-seamx-world__related a.cta-on-image,
html body .site-seamx-world__related .site-collections-card .cta-on-image,
html body .site-seamx-world__related .site-collections-card span.cta-on-image,
html body .site-seamx-world__related a[href*="id=xsample"] .cta-on-image,
html body .site-seamx-world__related a[href*="id=xsample"] span.cta-on-image,
html body .site-seamx-world__related a[href*="id=seamx"] .cta-on-image,
html body .site-seamx-world__related a[href*="id=seameco"] .cta-on-image {
  border: 1px solid #000 !important;
  border-width: 1px !important;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  padding: 8px 25px 5px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world__related .cta-on-image:hover,
html body .site-seamx-world__related .cta-on-image:focus,
html body .site-seamx-world__related .cta-on-image:focus-visible,
html body .site-seamx-world__related .cta-on-image:active,
html body .site-seamx-world__related span.cta-on-image:hover,
html body .site-seamx-world__related a[href*="id=xsample"] .cta-on-image:hover,
html body .site-seamx-world__related a[href*="id=xsample"] .cta-on-image:focus-visible,
html body .site-seamx-world__related a[href*="id=xsample"] .cta-on-image:active {
  border: 1px solid #000 !important;
  border-width: 1px !important;
  outline: none !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  -webkit-text-stroke-width: 0 !important;
  text-shadow: none !important;
}

/* ========== 2) Mega: ONLY first column thick at rest; other columns normal ==========
   Prior passes (megaNoThin / megaSolidFinal) bolded ALL titles to 600 / links to 500.
   Resting: col1 = 600; other cols = 400 (pre-bold). Hover may emphasize without thinning. */
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 .site-mega__link.link-line,
html body .site-mega .site-mega__title.link-line,
html body.mega-open .site-mega .site-mega__link,
html body.mega-open .site-mega .site-mega__title,
html body .site-mega__grid > .site-mega__card .site-mega__link,
html body .site-mega__grid > .site-mega__card .site-mega__title,
html body .site-mega__grid > .site-mega__card a.site-mega__link,
html body .site-mega__grid > .site-mega__card a.site-mega__title {
  font-weight: 400 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
}
/* First column only — thick at rest AND hover */
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link.link-line,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:active {
  font-weight: 600 !important;
}
/* Other columns: stay normal on hover (may go 500 for emphasis, never below 400) */
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__link:focus-visible,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title:focus-visible {
  font-weight: 500 !important;
}

/* ========== 3) Mega underlines: same weight as text; never thin on hover/focus/active ==========
   Fixed 1px ::after was a hairline under weight-600 col1 type. Use from-font-sized bar. */
html body .site-mega,
html body .site-mega .link-line,
html body .site-mega a.site-mega__link,
html body .site-mega a.site-mega__title {
  text-decoration-thickness: from-font !important;
  -webkit-text-decoration-thickness: from-font !important;
}
html body .site-mega a.site-mega__link::after,
html body .site-mega a.site-mega__title::after,
html body .site-mega .site-mega__link::after,
html body .site-mega .site-mega__title::after,
html body .site-mega .link-line::after,
html body .site-mega a.link-line::after,
html body .site-mega a.site-mega__link.link-line::after,
html body .site-mega a.site-mega__title.link-line::after {
  height: 0.1em !important;
  min-height: 1.5px !important;
  max-height: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: currentColor !important;
  opacity: 1 !important;
}
html body .site-mega a.site-mega__link:hover::after,
html body .site-mega a.site-mega__title:hover::after,
html body .site-mega .site-mega__link:hover::after,
html body .site-mega .site-mega__title:hover::after,
html body .site-mega a.site-mega__link:focus-visible::after,
html body .site-mega a.site-mega__title:focus-visible::after,
html body .site-mega a.site-mega__link:active::after,
html body .site-mega a.site-mega__title:active::after,
html body .site-mega .link-line:hover::after,
html body .site-mega a.link-line:hover::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover::after {
  height: 0.1em !important;
  min-height: 1.5px !important;
  max-height: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: currentColor !important;
  opacity: 1 !important;
}
/* Col1 (weight 600): underline a touch heavier to match text */
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title::after,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link::after,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:focus-visible::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:focus-visible::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:active::after,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:active::after {
  height: 0.12em !important;
  min-height: 2px !important;
  max-height: none !important;
}

/* ========== 4) Archive popup links: site stay-underline (not gradient hairline) ========== */
html body .hedex-archive-dock__legal a,
html body .hedex-archive-dock__legal a.link-line,
html body .hedex-archive-dock__legal a.xsample-stay-ul,
html body .hedex-archive-dock__legal a.hover-underline-erase {
  position: relative !important;
  display: inline !important;
  color: #111 !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  background-image: none !important;
  background-size: auto !important;
  --link-underline-gap: 2px !important;
  --link-underline-weight: 1px !important;
}
html body .hedex-archive-dock__legal a > .xsample-ul-line,
html body .hedex-archive-dock__legal a.link-line > .xsample-ul-line,
html body .hedex-archive-dock__legal a.xsample-stay-ul > .xsample-ul-line {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 1px !important;
  min-height: 1px !important;
  background: currentColor !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* ========== 5) World ?id= detail intro = same desktop rail as related cards ==========
   Beat leftover Why padding (80/120px) so title L + body R match card image outer edges.
   Shared rail: max 1440px, pad 14px / 2rem desktop. */
html body .site-seamx-world--detail,
html body main.site-seamx-world--detail {
  --world-rail-max: 1440px;
  --world-rail-pad: 14px;
  --world-rail-pad-md: 2rem;
}
html body .site-seamx-world--detail .site-why__intro,
html body main.site-seamx-world--detail .site-why__intro,
html body .site-seamx-world--detail.site-why .site-why__intro {
  width: 100% !important;
  max-width: var(--world-rail-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(140px, 0.85fr) minmax(260px, 1.25fr) !important;
  column-gap: clamp(1.5rem, 4vw, 3rem) !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
  padding-top: clamp(3rem, 6vw, 5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-left: var(--world-rail-pad) !important;
  padding-right: var(--world-rail-pad) !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--detail .site-why__intro,
  html body main.site-seamx-world--detail .site-why__intro,
  html body .site-seamx-world--detail.site-why .site-why__intro {
    padding-left: var(--world-rail-pad-md) !important;
    padding-right: var(--world-rail-pad-md) !important;
  }
}
@media (max-width: 899px) {
  html body .site-seamx-world--detail .site-why__intro,
  html body main.site-seamx-world--detail .site-why__intro {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}
html body .site-seamx-world--detail .site-why__intro-title,
html body main.site-seamx-world--detail .site-why__intro-title {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: auto !important;
}
html body .site-seamx-world--detail .site-why__intro-copy,
html body main.site-seamx-world--detail .site-why__intro-copy {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: auto !important;
}
html body .site-seamx-world--detail .site-seamx-world__related.site-collections-grid,
html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
html body .site-seamx-world--detail .site-seamx-world__related .site-collections-grid__inner,
html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related > .site-collections-grid__inner {
  width: 100% !important;
  max-width: var(--world-rail-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--world-rail-pad) !important;
  padding-right: var(--world-rail-pad) !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-seamx-world--detail .site-seamx-world__related .site-collections-grid__inner,
  html body .site-seamx-world--detail .site-collections-grid.site-seamx-world__related > .site-collections-grid__inner {
    padding-left: var(--world-rail-pad-md) !important;
    padding-right: var(--world-rail-pad-md) !important;
  }
}


/* —— Pass 20260926megaBold1 — ALL mega category titles thick at rest; hover never thins/zooms ——
   Prior pass bolded first column only (Caps 600, Beanies/Buckets/Visors/Truckers 400).
   User: category row links (Caps | Beanies | …) all thick; hover must not drop weight / scale. */
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title.link-line,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__title,
html body .site-mega__grid > .site-mega__card a.site-mega__title,
html body .site-mega__grid > .site-mega__card .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card a.site-mega__title.link-line,
html body.mega-open .site-mega .site-mega__title,
html body.mega-open .site-mega a.site-mega__title,
html body .site-mega .site-mega__title:hover,
html body .site-mega a.site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega .site-mega__title:focus,
html body .site-mega a.site-mega__title:focus,
html body .site-mega .site-mega__title:active,
html body .site-mega a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card a.site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card .site-mega__title:active,
html body .site-mega__grid > .site-mega__card a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title:hover {
  font-weight: 600 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transform: none !important;
  scale: none !important;
  text-decoration-thickness: from-font !important;
  -webkit-text-decoration-thickness: from-font !important;
}

/* Sub-links in mega columns: lock weight so hover never thins/thickens or scales */
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link.link-line,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__link,
html body .site-mega__grid > .site-mega__card a.site-mega__link,
html body .site-mega .site-mega__link:hover,
html body .site-mega a.site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__link:active,
html body .site-mega__grid > .site-mega__card .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:hover {
  font-weight: 400 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  transform: none !important;
  scale: none !important;
  text-decoration-thickness: from-font !important;
  -webkit-text-decoration-thickness: from-font !important;
}


/* —— Pass 20260926headerFix1 — cold reload: header must not ease/slide on first paint ——
   Root causes observed:
   1) HTML stylesheet hrefs were corrupted during megaBold1 cache bump (CSS never loaded → FOUC / chrome jump when boot-shell dropped).
   2) site-header carries transform 0.3s transition (styles.css 20260805a); any first-paint class/geometry change animates as a slide.
   3) Boot shell logo sat at padding 20px with no promo reserve; real chrome has ~30px promo above header.
   Keep sticky geometry; only disable transition until app-ready, reserve promo space in boot, re-assert mega sub-link 400. */
html:not(.app-ready) body .site-header,
html:not(.app-ready) body header.site-header,
html:not(.app-ready) body .site-promo,
html:not(.app-ready) body .site-promo * {
  transition: none !important;
  animation: none !important;
}
/* Once ready, keep hide/show transitions but never animate the initial settle */
html.app-ready body .site-header.is-header-settled,
html.app-ready body header.site-header.is-header-settled {
  transition-property: transform, opacity, translate !important;
}

/* Boot shell: reserve promo strip so logo Y matches real header logo band */
html body #hedex-boot-shell,
html body #xsample-boot-shell {
  padding-top: calc(var(--promo-bar-height, 30px) + 20px) !important;
}
@media (min-width: 768px) {
  html body #hedex-boot-shell,
  html body #xsample-boot-shell {
    padding-top: calc(var(--promo-bar-height, 30px) + 20px) !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Mega sub-links: force 400 even against first-column 600 leftovers / dual-class nodes */
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link.link-line,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__link,
html body .site-mega__grid > .site-mega__card a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link.link-line,
html body .site-mega .site-mega__link:hover,
html body .site-mega a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:hover,
html body .site-mega a.site-mega__link.site-mega__title,
html body .site-mega .site-mega__link.site-mega__title {
  font-weight: 400 !important;
  font-synthesis: none !important;
  transform: none !important;
  scale: none !important;
}


/* —— Pass 20260926megaRegular1 — mega category titles back to regular 400 ——
   Prior megaBold1 forced Caps|Beanies|Buckets|Visors|Truckers (.site-mega__title) to 600;
   also first-column-only 600 leftovers (uiFix3 / megaSolid). User: too thick — use 400
   at rest AND :hover/:focus/:active (no weight swing, no scale/zoom). Sub-links stay 400. */
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title.link-line,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__title,
html body .site-mega__grid > .site-mega__card a.site-mega__title,
html body .site-mega__grid > .site-mega__card .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card a.site-mega__title.link-line,
html body.mega-open .site-mega .site-mega__title,
html body.mega-open .site-mega a.site-mega__title,
html body .site-mega .site-mega__title:hover,
html body .site-mega a.site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega .site-mega__title:focus,
html body .site-mega a.site-mega__title:focus,
html body .site-mega .site-mega__title:active,
html body .site-mega a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card a.site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card .site-mega__title:active,
html body .site-mega__grid > .site-mega__card a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title:hover,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__title {
  font-weight: 400 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transform: none !important;
  scale: none !important;
  text-decoration-thickness: from-font !important;
  -webkit-text-decoration-thickness: from-font !important;
}

/* Sub-links stay regular 400 — rest + hover/focus/active; including first-column leftovers */
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link.link-line,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__link,
html body .site-mega__grid > .site-mega__card a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link.link-line,
html body .site-mega .site-mega__link:hover,
html body .site-mega a.site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega .site-mega__link:focus,
html body .site-mega a.site-mega__link:focus,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__link:active,
html body .site-mega__grid > .site-mega__card .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link:active,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link:active,
html body .site-mega a.site-mega__link.site-mega__title,
html body .site-mega .site-mega__link.site-mega__title {
  font-weight: 400 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  transform: none !important;
  scale: none !important;
  text-decoration-thickness: from-font !important;
  -webkit-text-decoration-thickness: from-font !important;
}


/* —— Pass 20260926megaMedium1 — mega first-row titles .site-mega__title → 500 ——
   Overrides megaRegular1 (400) and any leftover 600 hover/first-column rules.
   Rest AND :hover/:focus/:active stay 500 (no weight swing, no scale). Sub-links stay 400. */
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega .site-mega__title.link-line,
html body .site-mega a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__title,
html body .site-mega__grid > .site-mega__card a.site-mega__title,
html body .site-mega__grid > .site-mega__card .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card a.site-mega__title.link-line,
html body.mega-open .site-mega .site-mega__title,
html body.mega-open .site-mega a.site-mega__title,
html body .site-mega .site-mega__title:hover,
html body .site-mega a.site-mega__title:hover,
html body .site-mega .site-mega__title:focus-visible,
html body .site-mega a.site-mega__title:focus-visible,
html body .site-mega .site-mega__title:focus,
html body .site-mega a.site-mega__title:focus,
html body .site-mega .site-mega__title:active,
html body .site-mega a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card a.site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card .site-mega__title:active,
html body .site-mega__grid > .site-mega__card a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title.link-line,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:focus-visible,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__title:active,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__title:active,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title,
html body .site-mega__grid > .site-mega__card:not(:first-child) .site-mega__title:hover,
html body .site-mega__grid > .site-mega__card:not(:first-child) a.site-mega__title:hover,
html body.mega-open .site-mega__grid > .site-mega__card:first-child .site-mega__title,
html body.mega-open .site-mega__grid > .site-mega__card:first-child a.site-mega__title {
  font-weight: 500 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transform: none !important;
  scale: none !important;
}

/* Sub-links remain 400 at rest + hover/focus/active */
html body .site-mega .site-mega__link,
html body .site-mega a.site-mega__link,
html body .site-mega .site-mega__link.link-line,
html body .site-mega a.site-mega__link.link-line,
html body .site-mega__grid > .site-mega__card .site-mega__link,
html body .site-mega__grid > .site-mega__card a.site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child .site-mega__link,
html body .site-mega__grid > .site-mega__card:first-child a.site-mega__link,
html body .site-mega .site-mega__link:hover,
html body .site-mega a.site-mega__link:hover,
html body .site-mega .site-mega__link:focus-visible,
html body .site-mega a.site-mega__link:focus-visible,
html body .site-mega .site-mega__link:active,
html body .site-mega a.site-mega__link:active,
html body .site-mega a.site-mega__link.site-mega__title,
html body .site-mega .site-mega__link.site-mega__title {
  font-weight: 400 !important;
  font-synthesis: none !important;
  transform: none !important;
  scale: none !important;
}


/* —— Pass 20260926megaMedium1b — final lock: any .site-mega__title is 500 (beats dual-class 400) —— */
html body .site-mega__title,
html body a.site-mega__title,
html body .site-mega .site-mega__title,
html body .site-mega a.site-mega__title,
html body .site-mega__title:hover,
html body .site-mega__title:focus,
html body .site-mega__title:focus-visible,
html body .site-mega__title:active,
html body a.site-mega__title:hover,
html body a.site-mega__title:focus,
html body a.site-mega__title:focus-visible,
html body a.site-mega__title:active,
html body .site-mega a.site-mega__link.site-mega__title,
html body .site-mega .site-mega__link.site-mega__title,
html body .site-mega a.site-mega__link.site-mega__title:hover,
html body .site-mega .site-mega__link.site-mega__title:hover,
html body .site-mega a.site-mega__link.site-mega__title:focus-visible,
html body .site-mega .site-mega__link.site-mega__title:active {
  font-weight: 500 !important;
  font-synthesis: none !important;
  transform: none !important;
  scale: none !important;
}

/* —— Pass 20260926startSummary1 — Start confirm summary card polish ——
   Fix Path/Detail meta slammed together ("PathCreate custom"); tighten card. */
html body .site-start-flow__confirm {
  max-width: 520px !important;
}
html body .site-start-flow__summary {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 24px !important;
  padding: 16px 18px !important;
  max-width: 520px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
html body .site-start-flow__summary-img {
  width: 88px !important;
  height: 110px !important;
  flex: 0 0 88px !important;
  object-fit: cover !important;
  background: #f3f3f3 !important;
  display: block !important;
}
html body .site-start-flow__summary-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
/* Title = path value; subtitle = detail value */
html body .site-start-flow__summary-path {
  margin: 0 0 4px !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #111 !important;
  opacity: 1 !important;
}
html body .site-start-flow__summary-detail {
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #666 !important;
}
html body .site-start-flow__summary-note {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.20px !important;
  color: #777 !important;
  max-width: 36ch !important;
}
/* Two-column meta: Path / Detail — never concatenate label+value */
html body .site-start-flow__summary-meta {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid #eee !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
html body .site-start-flow__summary-row,
html body .site-start-flow__summary-meta > li {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
}
html body .site-start-flow__summary-label {
  display: inline-block !important;
  color: #888 !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
html body .site-start-flow__summary-label::after {
  content: "" !important;
}
html body .site-start-flow__summary-value {
  display: inline-block !important;
  color: #111 !important;
  font-weight: 500 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 640px) {
  html body .site-start-flow__summary {
    gap: 14px !important;
    padding: 14px !important;
  }
  html body .site-start-flow__summary-img {
    width: 72px !important;
    height: 90px !important;
    flex-basis: 72px !important;
  }
  html body .site-start-flow__summary-row,
  html body .site-start-flow__summary-meta > li {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}


/* —— Pass 20260926drawerOverlay1 — drawers OVER page; collection scroll; footer rhythm ——
   Root causes:
   1) Pass h293 raised .site-drawer__backdrop to z-index 24000 but only bumped
      .site-drawer--filter to 24100. Contact / product / added / delivery panels stayed
      at 20000 → panel sat UNDER the dim (greyed drawer; content looks “clipped” at edge).
   2) ContactPage set body.style.overflow=hidden (patched in main.h115.js) which fought
      sticky chrome and could leave scroll stuck on collection pages after close.
   3) Newsletter on PLP: sticky filter bar / strip z fights; ensure panel+dim are
      viewport-fixed, above strip, with click-outside + scroll lock only via JS helper.
   4) Footer: unify column title/link/input tops and gaps across pages.
*/

/* ===== 1) Unified overlay stack =====
   dim 24000 · panels 25000 · root (contact) 26000 pointer-events none */
html body .site-drawer__backdrop,
html body .site-drawer__backdrop.fixed,
html body .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.opacity-100.is-open,
html body.site-drawer-open .site-drawer__backdrop,
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.plp-page body.site-drawer-open .site-drawer__backdrop.is-open,
html body.product-page .site-drawer__backdrop,
html body.product-page .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.site-contact__drawer-dim,
html body .site-contact__drawer-dim,
html body .site-contact__drawer-dim.is-open,
html body.site-contact-form-open .site-contact__drawer-dim,
html body.site-contact-form-open .site-drawer__backdrop.site-contact__drawer-dim {
  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: 24000 !important;
  background-color: #000 !important;
  background-image: none !important;
  /* opacity owned by open/closed — open ≈ 0.5 */
  pointer-events: none !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}
html body .site-drawer__backdrop.is-open,
html body .site-drawer__backdrop.opacity-100.is-open,
html body.site-drawer-open .site-drawer__backdrop.is-open,
html body .site-contact__drawer-dim.is-open,
html body.site-contact-form-open .site-contact__drawer-dim.is-open,
html body.site-contact-form-open .site-drawer__backdrop.site-contact__drawer-dim.is-open {
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body .site-drawer__backdrop:not(.is-open),
html body .site-drawer__backdrop.is-closed,
html body .site-drawer__backdrop.opacity-0,
html body .site-contact__drawer-dim:not(.is-open),
html body .site-contact__drawer-dim.is-closed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ALL slide-over panels above dim — contact, product, added, delivery, filter, sheet */
html body .site-drawer,
html body .site-drawer.fixed,
html body .site-drawer.fixed.top-0.right-0,
html body .site-drawer.site-drawer--product,
html body .site-drawer--product,
html body .site-drawer.site-drawer--added,
html body .site-drawer--added,
html body .site-drawer.site-drawer--delivery,
html body .site-drawer--delivery,
html body .site-drawer.site-drawer--filter,
html body .site-drawer--filter,
html body .site-drawer.site-drawer--sheet,
html body .site-drawer--sheet,
html body .site-drawer.site-drawer--contact,
html body .site-drawer--contact,
html body .site-contact__drawer,
html body aside.site-contact__drawer,
html body aside.site-drawer,
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--delivery,
html body.site-drawer-open .site-drawer--filter,
html body.site-drawer-open .site-drawer--contact,
html body.site-contact-form-open .site-contact__drawer,
html body.site-contact-form-open .site-drawer--contact,
html body.product-page .site-drawer,
html body.product-page .site-drawer--product,
html.plp-page.site-drawer-open .site-drawer--filter,
html.plp-page body.site-drawer-open .site-drawer--filter,
html body div.site-drawer.site-drawer--filter.fixed,
html body div.site-drawer.site-drawer--product.fixed,
html body div.site-drawer.site-drawer--added.fixed {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 25000 !important;
  background: #fff !important;
  pointer-events: auto !important;
  /* never participate in page flow / never shrink main */
  margin: 0 !important;
  float: none !important;
}
/* Contact portal root — full viewport, no hit-test except children */
html body .site-contact__drawer-root,
html body .site-contact__drawer-root.is-open,
html body.site-contact-form-open .site-contact__drawer-root {
  position: fixed !important;
  inset: 0 !important;
  z-index: 26000 !important;
  pointer-events: none !important;
  transform: none !important;
  contain: none !important;
}
html body .site-contact__drawer-root .site-contact__drawer-dim,
html body .site-contact__drawer-root .site-contact__drawer,
html body .site-contact__drawer-root .site-drawer--contact {
  pointer-events: auto !important;
}
html body .site-contact__drawer-root.is-closed,
html body .site-contact__drawer-root.is-closed * {
  pointer-events: none !important;
}
/* Open contact dim must still receive clicks (close-on-outside) */
html body .site-contact__drawer-root.is-open > .site-contact__drawer-dim.is-open,
html body .site-contact__drawer-root.is-open > .site-drawer__backdrop.is-open {
  pointer-events: auto !important;
  z-index: 24000 !important;
}
html body .site-contact__drawer-root.is-open > .site-contact__drawer,
html body .site-contact__drawer-root.is-open > .site-drawer--contact {
  z-index: 25000 !important;
  pointer-events: auto !important;
}

/* Main / page never shrink when any drawer is open */
html body.site-drawer-open main,
html body.site-contact-form-open main,
html body.site-drawer-open main.site-contact,
html body.site-contact-form-open main.site-contact.is-form-open,
html body.site-drawer-open #root,
html body.site-drawer-open .App,
html body.newsletter-open main,
html body.newsletter-open #root {
  /* 20260927blinkFix1: width/max-width/margin-right/padding-right removed — they widened
     max-width mains (e.g. /start 1200→1440px, +89px tall) behind every drawer = jump. */
  transform: none !important;
  filter: none !important;
}

/* Header / promo / PLP strip under dim while drawer open */
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html body.site-contact-form-open .site-header,
html body.site-contact-form-open header.site-header,
html body.site-drawer-open .site-promo,
html body.site-contact-form-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 {
  z-index: 90 !important;
  pointer-events: none !important;
}

/* ===== 2) Newsletter overlay — same stack, beat PLP sticky strip ===== */
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,
html.plp-page.newsletter-open .site-newsletter__backdrop,
html.plp-strip-active.newsletter-open .site-newsletter__backdrop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  z-index: 24000 !important;
  background-color: #000 !important;
  background-image: none !important;
  transform: none !important;
  margin: 0 !important;
}
html body .site-newsletter__backdrop.is-open,
html body.newsletter-open .site-newsletter__backdrop.is-open {
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body .site-newsletter,
html.newsletter-open .site-newsletter,
html body.newsletter-open .site-newsletter,
html body .site-newsletter.fixed,
html.plp-page.newsletter-open .site-newsletter,
html.plp-strip-active.newsletter-open .site-newsletter,
html body.newsletter-open.plp-strip-active .site-newsletter {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 25000 !important;
  background: #fff !important;
  transform-origin: right center !important;
  /* ensure not trapped by PLP containing blocks even if portal fails */
  margin: 0 !important;
  pointer-events: auto !important;
}
/* PLP strip must stay UNDER newsletter dim (was 12050; keep well below 24000) */
html.plp-strip-active.newsletter-open .site-collections-products__bar,
html.plp-page.plp-strip-active.newsletter-open .site-collections-products__bar,
html body.plp-strip-active.newsletter-open .site-collections-products__bar,
html.newsletter-open.plp-strip-active .site-collections-products__bar,
html body.newsletter-open .site-collections-products__bar,
html.plp-page.newsletter-open .site-collections-products__bar {
  z-index: 90 !important;
  pointer-events: none !important;
}
/* Kill transform/filter on ancestors that create containing blocks for fixed
   drawers when newsletter/drawer open on collection / PLP */
html body.newsletter-open main.site-collections,
html body.newsletter-open main.site-collections-products,
html body.site-drawer-open main.site-collections,
html body.site-drawer-open main.site-collections-products,
html.plp-page.newsletter-open main,
html.plp-page.site-drawer-open main,
html body.newsletter-open .site-collections-products__bar,
html body.site-drawer-open .site-collections-products__bar {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
  will-change: auto !important;
}

/* ===== 3) Collection / residual scroll lock cleanup =====
   Never leave overflow:hidden on html/body after drawers — sticky dies + rubber-band */
html.site-drawer-open,
html.site-drawer-open body,
html body.site-drawer-open,
html.site-contact-form-open,
html.site-contact-form-open body,
html body.site-contact-form-open,
html.newsletter-open,
html.newsletter-open body,
html body.newsletter-open,
html.plp-page.site-drawer-open,
html.plp-page.newsletter-open,
html.plp-page {
  /* scroll lock is JS (xsampleLockScroll); CSS must not use overflow:hidden */
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}
html body.site-drawer-closing,
html.site-drawer-closing,
html body.newsletter-closing,
html.newsletter-closing,
html body.site-contact-form-open.site-drawer-closing {
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}
/* Collection hub + PLP: keep page scrollable; sticky chrome intact */
html body main.site-collections,
html body main.site-collections-products,
html.plp-page body main.site-collections-products {
  overflow: visible !important;
  transform: none !important;
}
html body main.site-collections-products .site-collections-products__bar,
html.plp-page .site-collections-products__bar {
  /* sticky OK when drawers closed; when open, rules above drop z + pointer-events */
  position: sticky !important;
}

/* ===== 4) Footer inner content consistency ===== */
html body .site-footer,
html body footer.site-footer {
  padding-top: 24px !important;
  padding-bottom: 16px !important;
}
html body .site-footer__top {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 40px !important;
  row-gap: 0 !important;
  align-items: start !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 32px !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  html body .site-footer__top {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
html body .site-footer__top > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
}
html body .site-footer__title,
html body .site-footer h4.site-footer__title,
html body footer.site-footer .site-footer__title {
  margin: 0 0 16px !important;
  padding: 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;
}
html body .site-footer__top p,
html body .site-footer__subscribe p,
html body .site-footer__find-store,
html body a.site-footer__find-store,
html body .site-footer__top a {
  margin: 0 0 10px !important;
  padding: 0 !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-footer__subscribe {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
html body .site-footer__subscribe > .site-footer__title {
  margin-bottom: 16px !important;
}
html body .site-footer__subscribe > p {
  margin: 0 0 20px !important;
  max-width: 36ch !important;
}
html body .site-footer__email-field,
html body form.site-footer__email-field,
html body .site-footer__subscribe form {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  display: block !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}
html body .site-footer__email-input,
html body .site-footer__subscribe input[type="email"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 36px 8px 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.20px !important;
  box-sizing: border-box !important;
}
/* Link columns row — equal tops */
html body .site-footer .grid.grid-cols-2,
html body .site-footer .grid.md\:grid-cols-4,
html body .site-footer__links-row,
html body .site-footer > .hidden.md\:block > .grid {
  align-items: start !important;
}
html body .site-footer__links,
html body .site-footer__links ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
/* 20260927blinkFix1: reverted drawerOverlay1 footer link rhythm (li/a margin 0 0 8px + display:block)
   → original link spacing restored. Rail padding from drawerOverlay1d kept. */


/* —— Pass 20260926drawerOverlay1b — beat high-specificity z-20000 Tailwind drawer selectors ——
   Pass dz used .fixed.top-0.right-0.translate-x-0 (5 classes) which out-specifies
   drawerOverlay1’s shorter selectors, leaving contact panel 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 .fixed.top-0.right-0.translate-x-0.site-drawer--contact,
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 aside.site-drawer.site-drawer--contact.fixed.top-0.right-0,
html body aside.site-drawer.site-drawer--product.site-drawer--contact.site-contact__drawer.fixed.top-0.right-0,
html body aside.site-drawer.site-drawer--product.site-drawer--contact.site-contact__drawer.fixed.top-0.right-0.translate-x-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 div.site-drawer.site-drawer--contact.fixed.top-0.right-0,
html body .site-contact__drawer.site-drawer--contact.fixed.top-0.right-0,
html body .site-contact__drawer.site-drawer.site-drawer--product.site-drawer--contact.fixed.top-0.right-0,
html body .site-contact__drawer-root.is-open > aside.site-drawer,
html body .site-contact__drawer-root.is-open > aside.site-drawer.fixed,
html body .site-contact__drawer-root.is-open > aside.site-drawer.site-drawer--contact,
html body .site-contact__drawer-root.is-open > aside.site-drawer.site-drawer--product.site-drawer--contact.site-contact__drawer.fixed.top-0.right-0,
html body .site-contact__drawer-root.is-open > aside.site-drawer.site-drawer--product.site-drawer--contact.site-contact__drawer.fixed.top-0.right-0.translate-x-0,
html body.site-contact-form-open .site-contact__drawer-root aside.site-drawer,
html body.site-contact-form-open .site-contact__drawer-root aside.site-contact__drawer,
html body.site-contact-form-open .site-contact__drawer-root .site-drawer--contact,
html body.site-drawer-open .site-drawer.fixed.top-0.right-0,
html body.site-drawer-open .site-drawer.fixed.top-0.right-0.translate-x-0,
html body.site-drawer-open aside.site-drawer.fixed.top-0.right-0 {
  z-index: 25000 !important;
}

/* Dim stays below panels — keep 24000 even on ultra-specific backdrop selectors */
html body .site-drawer__backdrop.fixed.is-open,
html body div.site-drawer__backdrop.fixed.is-open,
html body .site-drawer__backdrop.opacity-100.is-open,
html body.site-drawer-open .site-drawer__backdrop.fixed.is-open,
html body.site-contact-form-open .site-drawer__backdrop.site-contact__drawer-dim.is-open,
html body.site-contact-form-open .site-contact__drawer-root .site-contact__drawer-dim.is-open,
html body .site-contact__drawer-root.is-open > button.site-drawer__backdrop.site-contact__drawer-dim.is-open,
html body .site-contact__drawer-root.is-open > .site-drawer__backdrop.site-contact__drawer-dim.opacity-100.is-open {
  z-index: 24000 !important;
}

/* Newsletter: beat any leftover 11010 / 20000 utilities */
html body .site-newsletter.fixed.right-0,
html body .site-newsletter.fixed.right-0.translate-x-0,
html body .site-newsletter.fixed.right-0.translate-x-full,
html body.newsletter-open .site-newsletter.fixed.right-0,
html body.newsletter-open .site-newsletter.fixed.right-0.translate-x-0,
html.plp-page.newsletter-open .site-newsletter.fixed.right-0,
html.plp-strip-active.newsletter-open .site-newsletter.fixed.right-0 {
  z-index: 25000 !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100dvh !important;
}
html body .site-newsletter__backdrop.fixed.inset-0,
html body .site-newsletter__backdrop.fixed.inset-0.is-open,
html body.newsletter-open .site-newsletter__backdrop.fixed.inset-0.is-open {
  z-index: 24000 !important;
}

/* After close: force html overflow axes off hidden/scroll leftovers on collection pages */
html.app-ready:not(.site-drawer-open):not(.newsletter-open):not(.site-contact-form-open):not(.cookie-settings-open),
html.app-ready:not(.site-drawer-open):not(.newsletter-open):not(.site-contact-form-open):not(.cookie-settings-open) body {
  overflow-x: clip !important;
  overflow-y: visible !important;
}


/* —— Pass 20260926drawerOverlay1c — footer email arrow flush right; title rhythm lock —— */
html body .site-footer__email-field,
html body form.site-footer__email-field {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
html body .site-footer__email-input {
  width: 100% !important;
  padding-right: 40px !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}
html body .site-footer__email-label {
  left: 0 !important;
  right: auto !important;
}
html body .site-footer__email-submit,
html body button.site-footer__email-submit {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  cursor: pointer !important;
}
html body .site-footer__email-arrow,
html body .site-footer__email-submit svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}
/* All footer column titles identical */
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__top .site-footer__title,
html body .site-footer .grid .site-footer__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.20px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* —— Pass 20260926drawerOverlay1d — PDP drawers / email / footer rail / no-jump ——
   Root causes (product page report):
   1) drawerOverlay1 zeroed .site-footer__links with `padding: 0 !important`
      (meant for the inner <ul> only) → link columns flush to left edge while
      .site-footer__top / copyright / header stay at 2rem (28px @ 14px root).
   2) Email input: styles.css ID group (#footer-newsletter-email etc.) sets
      `padding: 0 !important` and beats class-only padding-right → text runs
      under the arrow (overlap ≈ submit width). Focus-within rules set
      `transform: none` on the submit (specificity 0,3,0) and erase
      translateY(-50%) → arrow drops on focus.
   3) Scroll lock already uses xsampleLockScroll (no overflow:hidden); reinforce
      scrollbar-gutter + never pad-right; closed drawers stay visibility/pointer
      gated (no display:none blink); PDP sticky/gallery must not trap fixed panels.
*/

/* ===== Footer rail: restore consistent left padding ===== */
html body .site-footer__links,
html body footer.site-footer .site-footer__links,
html body .site-footer .site-footer__links.grid {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  box-sizing: border-box !important;
  list-style: none !important;
}
@media (min-width: 768px) {
  html body .site-footer__links,
  html body footer.site-footer .site-footer__links,
  html body .site-footer .site-footer__links.grid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 1.35rem !important;
    padding-bottom: 1.35rem !important;
  }
}
/* Inner lists stay unpadded — only the rail container gets the gutter */
html body .site-footer__links ul,
html body .site-footer__links > div,
html body .site-footer__links li {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Match top / locale / copyright / header to the same rem rail */
html body .site-footer__top,
html body footer.site-footer .site-footer__top,
html body .site-footer__locale,
html body .site-footer__copyright,
html body .site-footer__copyright--mobile {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  html body .site-footer__top,
  html body footer.site-footer .site-footer__top,
  html body .site-footer__locale,
  html body .site-footer__copyright,
  html body .site-footer__copyright--mobile {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
/* Mobile subscribe block inside accordion uses px-4 (19.6px) — lock to 1rem */
html body .site-footer__mobile > .px-4,
html body .site-footer__mobile .px-4,
html body .site-footer__accordion-btn,
html body .site-footer__accordion-links {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}

/* ===== Footer + drawer email field ===== */
html body .site-footer__email-field,
html body form.site-footer__email-field,
html body .site-footer__subscribe form.site-footer__email-field,
html body .site-footer__mobile .site-footer__email-field {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.55rem 0 0.35rem !important;
  min-height: 2.1rem !important;
  border: 0 !important;
  border-bottom: 1px solid #111 !important;
  box-sizing: border-box !important;
}
/* Beat ID-level padding:0 — reserve room for absolute arrow */
html body .site-footer__email-input,
html body .site-footer__subscribe input[type="email"],
html body .site-footer__email-input#footer-newsletter-email,
html body .site-footer__email-input#mobile-footer-newsletter-email,
html body #footer-newsletter-email.site-footer__email-input,
html body #mobile-footer-newsletter-email.site-footer__email-input,
html body #footer-newsletter-email,
html body #mobile-footer-newsletter-email {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 40px 0 0 !important;
  height: auto !important;
  min-height: 1.15rem !important;
  max-height: none !important;
  line-height: 1.35 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
html body .site-footer__email-label,
html body label.site-footer__email-label,
html body .site-footer__email-field .site-footer__email-label {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: transparent !important;
}
html body .site-footer__email-label:not(.is-active),
html body label.site-footer__email-label:not(.is-active) {
  top: 50% !important;
  transform: translateY(-42%) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
html body .site-footer__email-label.is-active,
html body label.site-footer__email-label.is-active {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Arrow button: always vertically centered; hover nudges ARROW only */
html body .site-footer__email-submit,
html body button.site-footer__email-submit,
html body .site-footer__email-field .site-footer__email-submit,
html body .site-footer__email-field:hover .site-footer__email-submit,
html body .site-footer__email-field:focus-within .site-footer__email-submit,
html body .site-footer__email-field.group:hover .site-footer__email-submit,
html body .site-footer__email-submit:hover,
html body .site-footer__email-submit:focus,
html body .site-footer__email-submit:focus-visible {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  cursor: pointer !important;
  z-index: 3 !important;
  opacity: 1 !important;
}
html body .site-footer__email-arrow,
html body .site-footer__email-submit svg,
html body .site-footer__email-submit .site-footer__email-arrow {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #000 !important;
  stroke-width: 1.15px !important;
  transform: translateX(0) !important;
  transition: transform 0.28s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
html body .site-footer__email-submit:hover .site-footer__email-arrow,
html body .site-footer__email-submit:hover svg,
html body .site-footer__email-field:hover .site-footer__email-arrow,
html body .site-footer__email-field:focus-within .site-footer__email-arrow,
html body .site-footer__email-submit:focus-visible .site-footer__email-arrow {
  transform: translateX(5px) !important;
}

/* Newsletter drawer email — same arrow-clear padding */
html body .site-newsletter__email-input,
html body .site-newsletter #newsletter-sidebar-email,
html body #newsletter-sidebar-email {
  padding-right: 0 !important; /* no arrow inside NL field */
  box-sizing: border-box !important;
}

/* ===== No layout jump on any drawer / newsletter / contact ===== */
html {
  scrollbar-gutter: stable !important;
  overflow-anchor: none !important;
}
html.site-drawer-open,
html.site-drawer-open body,
html body.site-drawer-open,
html.newsletter-open,
html.newsletter-open body,
html body.newsletter-open,
html.site-contact-form-open,
html.site-contact-form-open body,
html body.site-contact-form-open,
html.product-page.site-drawer-open,
html.product-page.site-drawer-open body,
html body.product-page.site-drawer-open,
html.product-page.newsletter-open,
html body.product-page.newsletter-open {
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  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;
}
html body.site-drawer-open .site-header,
html body.site-drawer-open header.site-header,
html body.newsletter-open .site-header,
html body.newsletter-open header.site-header,
html body.site-contact-form-open .site-header,
html body.product-page.site-drawer-open .site-header.site-header--pdp,
html body.product-page.newsletter-open .site-header.site-header--pdp {
  width: 100% !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  margin-right: 0 !important;
  /* do NOT force transform:none — would fight is-header-off slide */
}

/* ===== No blink: keep drawers mounted; visibility + transform only ===== */
html body .site-drawer__backdrop:not(.is-open),
html body .site-drawer__backdrop.is-closed,
html body .site-drawer__backdrop.opacity-0,
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-contact__drawer-dim:not(.is-open),
html body .site-contact__drawer-dim.is-closed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  /* never display:none — avoids remount flash */
  display: block !important;
}
html body .site-drawer__backdrop.is-open,
html body .site-newsletter__backdrop.is-open,
html body .site-contact__drawer-dim.is-open {
  visibility: visible !important;
  display: block !important;
}
html body .site-drawer.translate-x-full,
html body .site-drawer.fixed.translate-x-full,
html body .site-newsletter.translate-x-full,
html body .site-newsletter.fixed.translate-x-full,
html body .site-contact__drawer.translate-x-full,
html body aside.site-drawer.translate-x-full {
  /* stay rendered for GPU slide — visibility delay would cut the close animation */
  pointer-events: none !important;
  display: flex !important;
}
html body .site-drawer.translate-x-0,
html body .site-drawer.fixed.translate-x-0,
html body .site-newsletter.translate-x-0,
html body .site-contact__drawer.translate-x-0,
html body aside.site-drawer.translate-x-0 {
  visibility: visible !important;
  pointer-events: auto !important;
  display: flex !important;
}

/* ===== PDP stacking: escape sticky gallery / transforms ===== */
html body.product-page main.site-product,
html body.product-page .site-product,
html body.product-page .site-product__gallery,
html body.product-page .site-product__media,
html body.product-page .site-product__stage,
html body.product-page .site-product__sheet,
html body.product-page.site-drawer-open main,
html body.product-page.newsletter-open main,
html body.product-page.site-drawer-open .site-product,
html body.product-page.newsletter-open .site-product {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
  will-change: auto !important;
}
/* Reinforce overlay stack on PDP (dim 24000 / panels 25000) */
html body.product-page .site-drawer__backdrop,
html body.product-page .site-drawer__backdrop.is-open,
html body.product-page .site-newsletter__backdrop,
html body.product-page .site-newsletter__backdrop.is-open {
  z-index: 24000 !important;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  height: 100dvh !important;
}
html body.product-page .site-drawer,
html body.product-page .site-drawer--product,
html body.product-page .site-drawer--size-guide,
html body.product-page .site-drawer--delivery,
html body.product-page .site-drawer--added,
html body.product-page .site-newsletter,
html body.product-page aside.site-drawer {
  z-index: 25000 !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
}

/* —— Pass 20260927emailFloat1 — floating email labels: label never overlaps value ——
   Root causes (screenshot: "E-MAIL*" on top of typed "da"):
   1) drawerOverlay1d set ID-level `padding: 0 40px 0 0 !important` on
      #footer-newsletter-email / #mobile-footer-newsletter-email → the 8px input
      top padding the floated label sat in was wiped; field padding alone
      (0.55rem) is smaller than the label line, so label (top:0) and value overlap.
   2) The floated label's `font-size: 10px` never applied: the h290 "all footer
      copy 14px" rule includes `#footer-container .site-footer [class]` (1,2,2),
      which beats `.site-footer__email-label.is-active` (0,2,x) → floated label
      stayed 14px/13px tall and dropped into the value line.
   3) Float state was React-only (.is-active). Autofill / JS-set values (no input
      event) left the label resting inside the field on top of the value
      (footer + newsletter drawer).
   Fix: input owns a fixed 16px top band (right 40px kept for the arrow), label
   rest = exactly on the value line, float = 10px label inside the top band.
   Float triggers: .is-active | :focus | :not(:placeholder-shown) (inputs now
   carry placeholder=" ") | :-webkit-autofill / :autofill. Selectors are
   ID + 2 classes so they beat the #footer-container [class] font rule.
*/

/* ===== Footer (desktop + mobile) ===== */
html body form.site-footer__email-field:has(> #footer-newsletter-email),
html body form.site-footer__email-field:has(> #mobile-footer-newsletter-email) {
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
html body form.site-footer__email-field > #footer-newsletter-email.site-footer__email-input,
html body form.site-footer__email-field > #mobile-footer-newsletter-email.site-footer__email-input {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 16px 40px 5px 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.35 !important;
  border: 0 !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Rest: label sits exactly on the value line (same top + line-height as input text) */
html body form.site-footer__email-field > #footer-newsletter-email ~ label.site-footer__email-label,
html body form.site-footer__email-field > #mobile-footer-newsletter-email ~ label.site-footer__email-label {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 16px !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: -0.20px !important;
  text-transform: none !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: transparent !important;
  transition: top 0.2s ease, font-size 0.2s ease, line-height 0.2s ease, letter-spacing 0.2s ease, color 0.2s ease !important;
}
@media (max-width: 767px) {
  html body form.site-footer__email-field > #footer-newsletter-email ~ label.site-footer__email-label,
  html body form.site-footer__email-field > #mobile-footer-newsletter-email ~ label.site-footer__email-label {
    font-size: 13px !important;
  }
}
/* Float: focused / filled (React class, native value, JS-set value) */
html body form.site-footer__email-field > #footer-newsletter-email ~ label.site-footer__email-label.is-active,
html body form.site-footer__email-field > #mobile-footer-newsletter-email ~ label.site-footer__email-label.is-active,
html body form.site-footer__email-field > #footer-newsletter-email:focus ~ label.site-footer__email-label,
html body form.site-footer__email-field > #mobile-footer-newsletter-email:focus ~ label.site-footer__email-label,
html body form.site-footer__email-field > #footer-newsletter-email:not(:placeholder-shown) ~ label.site-footer__email-label,
html body form.site-footer__email-field > #mobile-footer-newsletter-email:not(:placeholder-shown) ~ label.site-footer__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Autofill (kept in its own rules: an unknown pseudo would void a whole list) */
html body form.site-footer__email-field > #footer-newsletter-email:-webkit-autofill ~ label.site-footer__email-label,
html body form.site-footer__email-field > #mobile-footer-newsletter-email:-webkit-autofill ~ label.site-footer__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body form.site-footer__email-field > #footer-newsletter-email:autofill ~ label.site-footer__email-label,
html body form.site-footer__email-field > #mobile-footer-newsletter-email:autofill ~ label.site-footer__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Arrow: centred on the value line (not the whole field) — stays put on hover/focus */
html body form.site-footer__email-field > #footer-newsletter-email ~ button.site-footer__email-submit,
html body form.site-footer__email-field > #mobile-footer-newsletter-email ~ button.site-footer__email-submit {
  top: calc(16px + 0.675em) !important;
  bottom: auto !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
}

/* ===== Newsletter drawer (#newsletter-sidebar-email) ===== */
html body .site-newsletter__email > #newsletter-sidebar-email ~ label.site-newsletter__email-label.is-active,
html body .site-newsletter__email > #newsletter-sidebar-email:focus ~ label.site-newsletter__email-label,
html body .site-newsletter__email > #newsletter-sidebar-email:not(:placeholder-shown) ~ label.site-newsletter__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 13.5px !important;
}
html body .site-newsletter__email > #newsletter-sidebar-email:-webkit-autofill ~ label.site-newsletter__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 13.5px !important;
}
html body .site-newsletter__email > #newsletter-sidebar-email:autofill ~ label.site-newsletter__email-label {
  top: 0 !important;
  transform: none !important;
  font-size: 10px !important;
  line-height: 13.5px !important;
}
html body .site-newsletter__email:has(> #newsletter-sidebar-email:not(:placeholder-shown)) {
  border-bottom-color: #000 !important;
}

/* ===== PDP "notify" drawer (#notify-email) + archive dock — autofill / JS-set parity ===== */
html body #notify-email:not(:placeholder-shown) ~ label {
  top: -0.25rem !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
}
html body #notify-email:-webkit-autofill ~ label {
  top: -0.25rem !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
}
html body .hedex-archive-dock__field input:-webkit-autofill + .hedex-archive-dock__label {
  top: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}

/* ===== Autofill: no yellow/blue fill, keep black text ===== */
html body #footer-newsletter-email:-webkit-autofill,
html body #mobile-footer-newsletter-email:-webkit-autofill,
html body #newsletter-sidebar-email:-webkit-autofill,
html body #notify-email:-webkit-autofill,
html body .hedex-archive-dock__field input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  transition: background-color 600000s 0s, color 600000s 0s !important;
}


/* —— Pass 20260927blinkFix1 — close blink / PDP overlay / mega underline / PLP scroll ——
   Root causes (measured with rAF + screencast on :3020):
   1) CLOSE BLINK: closed-state rules (drawerOverlay1 / 1d / h-series) set
      `visibility:hidden` + `background:transparent` on .site-drawer__backdrop:not(.is-open)
      with NO transition → the 50% dim vanished in ONE frame while opacity was still
      0.5 (then faded an invisible layer). Closed backdrops also dropped z 24000 → 13040.
   2) PDP overlay: hedex-overrides 16801 (opacity:1) + 22939 (background:#000) combined
      on product-page → SOLID BLACK dim; pointer-events:none won on PDP backdrops (they
      carry `visible is-open`, no `pointer-events-auto`) → click-outside dead.
   3) Mega underline: 2px ::after animated with transform:scaleX on a fractional
      baseline (18.55px line box) → composited, bilinear-filtered line reads thinner.
   4) PLP scroll: every card <img> had will-change:transform (≈40 GPU layers @2x) +
      content-visibility:auto (paint skipped/unskipped while scrolling → decode pops).
   ID-level :not(#xs-bf) selectors beat every class-only !important rule in the war. */

/* ===== 1+2) One overlay contract for every drawer backdrop ===== */
html:not(#xs-bf) body:not(#xs-bf) .site-drawer__backdrop,
html:not(#xs-bf) body:not(#xs-bf) .site-newsletter__backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 24000 !important;
  background-color: #000 !important;
  background-image: none !important;
  transform: none !important;
  filter: none !important;
  /* visibility waits for the fade — no one-frame vanish */
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.4s !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-drawer__backdrop.is-open,
html:not(#xs-bf) body:not(#xs-bf) .site-newsletter__backdrop.is-open {
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: default !important;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-drawer__backdrop:not(.is-open),
html:not(#xs-bf) body:not(#xs-bf) .site-newsletter__backdrop:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Panels always above the dim (open AND while sliding out) */
html:not(#xs-bf) body:not(#xs-bf) .site-drawer,
html:not(#xs-bf) body:not(#xs-bf) aside.site-drawer,
html:not(#xs-bf) body:not(#xs-bf) .site-contact__drawer,
html:not(#xs-bf) body:not(#xs-bf) .site-newsletter {
  z-index: 25000 !important;
}

/* ===== 3) Mega menu underline: 1px, no transform, same at rest / hover / focus ===== */
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__title,
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__link {
  position: relative !important;
  text-decoration: none !important;
  background-image: none !important;
  transform: none !important;
  scale: none !important;
  zoom: normal !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__title,
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__title:is(:hover, :focus, :focus-visible) {
  font-weight: 500 !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__link,
html:not(#xs-bf) body:not(#xs-bf) .site-mega .site-mega__link:is(:hover, :focus, :focus-visible) {
  font-weight: 400 !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-mega :is(.site-mega__title, .site-mega__link)::after {
  content: "" !important;
  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;
  background: currentColor !important;
  transform: none !important;
  scale: none !important;
  translate: none !important;
  clip-path: none !important;
  will-change: auto !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transition: width 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-mega :is(.site-mega__title, .site-mega__link):is(:hover, :focus-visible, .is-active)::after {
  width: 100% !important;
}
html:not(#xs-bf) body:not(#xs-bf) .site-mega :is(.site-mega__title, .site-mega__link)::before {
  content: none !important;
}

/* ===== 4) PLP / PDP images: no per-image GPU layers, no paint skipping ===== */
html:not(#xs-bf) body:not(#xs-bf) .site-plp-card img,
html:not(#xs-bf) body:not(#xs-bf) .site-plp-card__img,
html:not(#xs-bf) body:not(#xs-bf) .site-product__img {
  will-change: auto !important;
  content-visibility: visible !important;
}

/* ===== 5) No-jump: overlay classes must not change page geometry =====
   styles.css (6649/13418/14035/14169/14295/14327/15160) drops .site-footer padding-bottom
   16px → 9px/0 under newsletter-open / site-drawer-open / cookie-settings-open /
   mobile-nav-open → document 7px shorter → at page bottom scrollY clamps (7px jump). */
html:not(#xs-bf) body:not(#xs-bf) .site-footer,
html:not(#xs-bf) body:not(#xs-bf) footer.site-footer,
html:not(#xs-bf) body:not(#xs-bf) .site-footer.pb-4 {
  padding-bottom: 16px !important;
}

/* Promo bar must not re-layout under a drawer: styles.css 19143/19250 force display:block
   and 17984 sets transform:none on `.site-promo *` (close × jumped 14px, text re-flowed). */
html:not(#xs-bf).site-drawer-open body:not(#xs-bf) .site-promo:not([hidden]):not(.is-dismissed):not(.site-promo--hidden),
html:not(#xs-bf) body:not(#xs-bf).site-drawer-open .site-promo:not([hidden]):not(.is-dismissed):not(.site-promo--hidden),
html:not(#xs-bf) body:not(#xs-bf).site-contact-form-open .site-promo:not([hidden]):not(.is-dismissed):not(.site-promo--hidden) {
  display: flex !important;
}
html:not(#xs-bf).site-drawer-open body:not(#xs-bf) .site-promo .site-promo__close,
html:not(#xs-bf) body:not(#xs-bf).site-drawer-open .site-promo .site-promo__close,
html:not(#xs-bf) body:not(#xs-bf).site-contact-form-open .site-promo .site-promo__close {
  transform: translateY(-50%) !important;
}

/* —— blinkFix1 §8b — mobile promo marquee must not snap when a drawer opens ——
   styles.css ~17980 forces `.site-promo * { transform:none !important }` under
   body.site-drawer-open; !important beats the keyframe transform, so the marquee
   text snapped to x=12 on open and back on close (visible through the 50% dim).
   Drive the marquee through a registered custom property instead and pin the
   transform to it at ID-level specificity, so drawer classes cannot freeze it. */
@property --xs-promo-mq { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@keyframes xs-promo-mq { from { --xs-promo-mq: 0%; } to { --xs-promo-mq: -50%; } }
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  html:not(#xs-bf) body:not(#xs-bf) .site-promo.is-marquee .site-promo__label {
    animation: xs-promo-mq 14s linear infinite !important;
    transform: translateX(var(--xs-promo-mq)) !important;
    translate: none !important;
  }
}

/* —— blinkFix1 §1b — mobile nav: close slid an EMPTY box ——
   Closed state had no top → the panel collapsed to top:100%/height:0 in the first frame
   of the close, so the whole menu vanished at once (blink) and the translateX slide-out
   was invisible. Keep the open geometry while closed; only the transform animates. */
html:not(#xs-bf) body:not(#xs-bf) .mobile-nav.is-closed {
  top: var(--header-bottom, 96px) !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: none !important;
}

/* —— blinkFix1 §1c — currency popup: fade in / fade out (was mount/unmount in one frame) —— */
@keyframes xs-cur-in { from { opacity: 0; } to { opacity: 1; } }
html:not(#xs-bf) body:not(#xs-bf) .site-currency-popup.is-open .site-currency-popup__dim,
html:not(#xs-bf) body:not(#xs-bf) .site-currency-popup.is-open .site-currency-popup__panel {
  animation: xs-cur-in 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html:not(#xs-bf) body:not(#xs-bf) .site-currency-popup.is-closing {
  pointer-events: none !important;
}
@keyframes xs-cur-out { from { opacity: 1; } to { opacity: 0; } }
html:not(#xs-bf) body:not(#xs-bf) .site-currency-popup.is-closing .site-currency-popup__dim,
html:not(#xs-bf) body:not(#xs-bf) .site-currency-popup.is-closing .site-currency-popup__panel {
  animation: xs-cur-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}


/* —— Pass 20260927round2 — PDP dim / email / footer / mega / start ——
   Selectors use html:not(#xs-r2) body:not(#xs-r2) (2 IDs) so they tie-or-beat every earlier
   !important layer (incl. blinkFix1 #xs-bf) and, being last, win the tie. */

/* ===== 1) Drawer dim: the COLOUR carries the 50% (rgba), opacity only fades 0→1 =====
   Root cause of "solid black" in a real tab: the dim was #000 at opacity .5. Any layer that
   forces opacity:1 on an open backdrop (hedex-overrides ~16801, still present in every tab that
   booted before blinkFix1 — see stale-tab note in main.h115.js) turns it into a solid black
   sheet. With rgba(0,0,0,.5) no opacity override can ever exceed a 50% dim. */
html:not(#xs-r2) body:not(#xs-r2) .site-drawer__backdrop,
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__backdrop,
html:not(#xs-r2) body:not(#xs-r2) .site-drawer__backdrop.site-contact__drawer-dim {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-drawer__backdrop.is-open,
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__backdrop.is-open,
html:not(#xs-r2) body:not(#xs-r2) .site-drawer__backdrop.site-contact__drawer-dim.is-open {
  opacity: 1 !important;
}
/* PDP: nothing behind the dim may paint black (gallery / stage / sheet / body) */
html:not(#xs-r2).product-page body:not(#xs-r2),
html:not(#xs-r2) body:not(#xs-r2).product-page {
  background-color: #fff !important;
}

/* ===== 2) E-mail fields — one float contract (label never touches the value) ===== */
/* Footer (desktop 14px / mobile 13px): layout matched to xsamplee.pages.dev (field 37px / 34.5px
   tall incl. 1px rule, arrow 24.5 / 22.75px), but the floated label lives in its own top band. */
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field:has(> .site-footer__email-input) {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
}
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input.site-footer__email-input {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 13.5px 36px 3.7px 0 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 14px !important;
  line-height: 18.9px !important;
  letter-spacing: -0.2px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ label.site-footer__email-label.site-footer__email-label {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 13.5px !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 18.9px !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: top 0.2s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.2s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ label.site-footer__email-label.is-active,
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input:focus ~ label.site-footer__email-label,
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input:not(:placeholder-shown) ~ label.site-footer__email-label {
  top: 0 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input:-webkit-autofill ~ label.site-footer__email-label {
  top: 0 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ button.site-footer__email-submit.site-footer__email-submit {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: calc(13.5px + 9.45px) !important;
  bottom: auto !important;
  width: 24.5px !important;
  height: 24.5px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width: 767px) {
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input.site-footer__email-input {
    padding: 12.5px 34px 3.5px 0 !important;
    font-size: 13px !important;
    line-height: 17.55px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ label.site-footer__email-label.site-footer__email-label {
    top: 12.5px !important;
    font-size: 13px !important;
    line-height: 17.55px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ label.site-footer__email-label.is-active,
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input:focus ~ label.site-footer__email-label,
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input:not(:placeholder-shown) ~ label.site-footer__email-label {
    top: 0 !important;
    font-size: 10px !important;
    line-height: 12px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) form.site-footer__email-field > input.site-footer__email-input ~ button.site-footer__email-submit.site-footer__email-submit {
    top: calc(12.5px + 8.775px) !important;
    width: 22.75px !important;
    height: 22.75px !important;
  }
}

/* Newsletter drawer: same float style as the footer (was 10px sentence-case, 13.5px line) */
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email:has(> #newsletter-sidebar-email) {
  position: relative !important;
  padding: 16.8px 0 7px !important;
  min-height: 0 !important;
  height: auto !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 18.9px !important;
  min-height: 0 !important;
  font-size: 14px !important;
  line-height: 18.9px !important;
  letter-spacing: -0.2px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email ~ label.site-newsletter__email-label {
  position: absolute !important;
  left: 0 !important;
  top: 16.8px !important;
  transform: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 18.9px !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
  color: #000 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  transition: top 0.2s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.2s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email ~ label.site-newsletter__email-label.is-active,
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email:focus ~ label.site-newsletter__email-label,
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email:not(:placeholder-shown) ~ label.site-newsletter__email-label {
  top: 0 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email:-webkit-autofill ~ label.site-newsletter__email-label {
  top: 0 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
@media (max-width: 767px) {
  html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email {
    font-size: 13px !important;
    line-height: 17.55px !important;
    height: 17.55px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email ~ label.site-newsletter__email-label {
    font-size: 13px !important;
    line-height: 17.55px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email ~ label.site-newsletter__email-label.is-active,
  html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email:focus ~ label.site-newsletter__email-label,
  html:not(#xs-r2) body:not(#xs-r2) .site-newsletter__email > #newsletter-sidebar-email:not(:placeholder-shown) ~ label.site-newsletter__email-label {
    font-size: 10px !important;
    line-height: 12px !important;
  }
}
/* Contact drawer e-mail: no autofill tint, same text colour as the other lines */
html:not(#xs-r2) body:not(#xs-r2) .site-contact__input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  transition: background-color 600000s 0s, color 600000s 0s !important;
}

/* ===== 3) Footer — spacing matched to xsamplee.pages.dev (computed @1440 / @390) ===== */
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer.site-footer,
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer.pb-4 {
  padding-top: 17.5px !important;
  padding-bottom: 10.5px !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__top.site-footer__top {
  padding: 0 28px 18.9px !important;
  column-gap: 42px !important;
  row-gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__title.site-footer__title {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18.9px !important;
  letter-spacing: -0.2px !important;
  margin: 0 0 16px !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__top > div:first-child > p {
  margin: 0 0 14px !important;
  max-width: none !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__top > div:first-child > a.site-footer__find-store {
  display: inline-block !important;
  align-self: flex-start !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__subscribe > p {
  margin: 0 0 21px !important;
  max-width: none !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__links.site-footer__links {
  padding: 18.9px 28px !important;
  column-gap: 28px !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__links ul {
  gap: 14.7px !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__locale.site-footer__locale {
  padding: 14px 19.6px !important;
  gap: 7px !important;
}
html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__copyright.site-footer__copyright:not(.site-footer__copyright--mobile) {
  padding: 9.1px 28px !important;
}
@media (max-width: 767px) {
  html:not(#xs-r2) body:not(#xs-r2) footer.site-footer.site-footer,
  html:not(#xs-r2) body:not(#xs-r2) footer.site-footer.pb-4 {
    padding-top: 16.25px !important;
    padding-bottom: 9.75px !important;
  }
  /* newsletter block sat 13px inside the 14px gutter (a no-media `.site-footer__mobile > .px-4`
     1rem rule beat the mobile px:0 rules) → misaligned with every row below it */
  html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__mobile > div:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 11.05px !important;
  }
  html:not(#xs-r2) body:not(#xs-r2) footer.site-footer .site-footer__mobile > div:first-child > p {
    margin: 7.15px 0 13px !important;
    max-width: none !important;
  }
}

/* ===== 4) Mega menu — type + spacing from xsamplee.pages.dev; calmer underline ===== */
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__inner.site-mega__inner {
  padding: 31.5px 35px 39.9px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__grid.site-mega__grid {
  gap: 15px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__card.site-mega__card {
  gap: 15.4px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__title.site-mega__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
  letter-spacing: -0.2px !important;
  padding: 0 0 1px !important;
  margin: 0 auto !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__list.site-mega__list {
  gap: 16.1px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__list > li {
  line-height: 18.9px !important;
  min-height: 18.9px !important;
  align-items: center !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-mega .site-mega__link.site-mega__link {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  letter-spacing: -0.2px !important;
  padding: 0 0 1px !important;
  display: inline-block !important;
}
/* Reference: ::after 1px, transform scaleX 0→1, `transform 0.45s linear`. Same timing and easing,
   but animated as width so the 1px line is never scaled/filtered (stays full weight mid-way). */
html:not(#xs-r2) body:not(#xs-r2) .site-mega :is(.site-mega__title, .site-mega__link)::after {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  bottom: -1px !important;
  transform: none !important;
  transition: width 0.45s linear !important;
}

/* ===== 5) Start flow — confirm step ===== */
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__confirm {
  width: 100% !important;
  max-width: 520px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary.site-start-flow__summary {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 20px !important;
  margin: 0 0 16px !important;
  border: 1px solid #e6e6e6 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-img.site-start-flow__summary-img {
  flex: 0 0 96px !important;
  width: 96px !important;
  height: 120px !important;
  object-fit: cover !important;
  margin: 0 !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-copy.site-start-flow__summary-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-path.site-start-flow__summary-path {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  color: #111 !important;
  margin: 0 0 2px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-detail.site-start-flow__summary-detail {
  font-size: 13px !important;
  line-height: 18px !important;
  color: #666 !important;
  margin: 0 0 10px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-note.site-start-flow__summary-note {
  font-size: 13px !important;
  line-height: 19px !important;
  color: #777 !important;
  max-width: none !important;
  margin: 0 0 14px !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-meta.site-start-flow__summary-meta {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #e6e6e6 !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-row.site-start-flow__summary-row {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: baseline !important;
  padding: 9px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-row.site-start-flow__summary-row:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-label.site-start-flow__summary-label {
  font-size: 11px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #888 !important;
  white-space: nowrap !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-value.site-start-flow__summary-value {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  color: #111 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
/* a global `html body a:hover, … :hover { background-color: transparent !important }` layer made the
   CTA invisible (white text on white) whenever the pointer was over it */
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta:hover,
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta:focus-visible {
  background: #262626 !important;
  background-color: #262626 !important;
  border-color: #262626 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta:focus-visible {
  outline: 1px solid #000 !important;
  outline-offset: 2px !important;
}
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta:active {
  background-color: #3a3a3a !important;
  border-color: #3a3a3a !important;
}
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta:disabled,
html:not(#xs-r2) body:not(#xs-r2) button.site-start-flow__cta.site-start-flow__cta[aria-disabled="true"] {
  background-color: #d4d4d4 !important;
  border-color: #d4d4d4 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  cursor: not-allowed !important;
}
html:not(#xs-r2) body:not(#xs-r2) .site-start-flow:has(> .site-start-flow__confirm) > .site-start-flow__kbd-hint {
  max-width: 520px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: right !important;
}
@media (max-width: 767px) {
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__confirm { max-width: none !important; }
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary.site-start-flow__summary { gap: 14px !important; padding: 14px !important; }
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-img.site-start-flow__summary-img { flex-basis: 72px !important; width: 72px !important; height: 90px !important; }
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-path.site-start-flow__summary-path { font-size: 14px !important; line-height: 18px !important; }
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__summary-row.site-start-flow__summary-row { grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 10px !important; }
}
/* "Enter to continue" is keyboard-only chrome — hide it on touch screens */
@media (hover: none), (max-width: 767px) {
  html:not(#xs-r2) body:not(#xs-r2) .site-start-flow__kbd-hint { display: none !important; }
}

/* —— Pass 20260927round3 — underline weight / Start flow (Enter) / review step ——
   Selectors use html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) (3 IDs): beats every earlier
   underline / start rule (max 2 IDs) and, being last, wins any tie. */

/* ===== 1) Underlines carry the SAME weight as their text =====
   Measured on the site font (Helvetica Neue, -webkit-font-smoothing: antialiased):
   400 stem = 0.085em (1.19px @14px) · 500 stem = 0.114em (1.60px @14px) · 700 ≈ 0.14em.
   Thickness = stem rounded to whole DEVICE pixels (crisp, never blurred):
     DPR 2 → 400@14px 1px (2 dp) · 500@14px 1.5px (3 dp)
     DPR 1 → 400@14px 1px        · 500@14px 2px
   Only the WIDTH / scaleX animates (0.45s linear); height is fixed → never thins mid-animation. */
:root { --xs-ul-dp: 1px; }
@media (min-resolution: 1.5dppx) { :root { --xs-ul-dp: 0.66667px; } }
@media (min-resolution: 2dppx) { :root { --xs-ul-dp: 0.5px; } }
@media (min-resolution: 3dppx) { :root { --xs-ul-dp: 0.33333px; } }

@supports (height: round(nearest, 1.3px, 0.5px)) {
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(.link-line, .hover-underline-anim, .hover-underline-swap, .hover-underline-erase, .site-nav__link--underline, .site-mega__link, .site-mega__title, .site-essentials-hub__sub-right, .cookie-banner__link, .cookie-settings__more, .site-footer__find-store, .site-footer__locale-link, .site-newsletter__success-link, .page-404__care-link, .site-search__hint-text, .site-legal__more, .c-expander__btn, .site-start-flow__review-edit, [class*="after:h-[1px]"]) {
    --xs-ul-k: 0.085em;
  }
  /* weight-500 hosts: header nav, mega column titles, Tailwind font-medium */
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(.site-nav__link--underline, .site-mega__title, .font-medium) {
    --xs-ul-k: 0.114em;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(.font-semibold, .font-bold) {
    --xs-ul-k: 0.14em;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(.link-line, .hover-underline-anim, .hover-underline-swap, .hover-underline-erase, .site-nav__link--underline, .site-mega__link, .site-mega__title, .site-essentials-hub__sub-right, .cookie-banner__link, .cookie-settings__more, .site-footer__find-store, .site-footer__locale-link, .site-newsletter__success-link, .page-404__care-link, .site-search__hint-text, .site-legal__more, .c-expander__btn, .site-start-flow__review-edit, [class*="after:h-[1px]"])::after {
    height: max(var(--xs-ul-dp), round(nearest, var(--xs-ul-k, 0.085em), var(--xs-ul-dp))) !important;
    min-height: max(var(--xs-ul-dp), round(nearest, var(--xs-ul-k, 0.085em), var(--xs-ul-dp))) !important;
    max-height: max(var(--xs-ul-dp), round(nearest, var(--xs-ul-k, 0.085em), var(--xs-ul-dp))) !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  /* mega: keep the reference timing (0.45s linear), grow as WIDTH (no scale filtering) */
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-mega :is(.site-mega__title, .site-mega__link)::after {
    transform: none !important;
    transition: width 0.45s linear !important;
  }
  /* text-decoration underlines (privacy / newsletter legal / attach / drawer secondary / swap) */
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(a, button, span, label, u, p, li) {
    text-decoration-thickness: max(var(--xs-ul-dp), round(nearest, 0.085em, var(--xs-ul-dp))) !important;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) :is(a, button, span, label, u, p, li):is(.font-medium, .site-nav__link) {
    text-decoration-thickness: max(var(--xs-ul-dp), round(nearest, 0.114em, var(--xs-ul-dp))) !important;
  }
}

/* ===== 2) Start flow — select with a click, continue with Enter ===== */
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__tile:focus { outline: none !important; }
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__tile:focus-visible {
  outline: 1px solid #000 !important;
  outline-offset: 3px !important;
}
/* touch / phone only: a small Continue button (no Enter key there). Desktop: Enter. */
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__next { display: none !important; }
@media (hover: none), (max-width: 767px) {
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__next {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__next-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 132px !important;
    height: 42px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -0.2px !important;
    text-transform: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__next-btn:active { background: #3a3a3a !important; border-color: #3a3a3a !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__next-btn:disabled {
    background: #fff !important;
    border-color: #d4d4d4 !important;
    color: #a0a0a0 !important;
    -webkit-text-fill-color: #a0a0a0 !important;
    cursor: default !important;
  }
}

/* ===== 3) Review step — editorial: label · heading · definition list · note · one button ===== */
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__head--review {
  max-width: 560px !important;
  margin: 0 0 42px !important;
  padding: 0 !important;
  text-align: left !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__head--review > .site-start-flow__back {
  margin: 0 0 42px !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__review-eyebrow {
  margin: 0 0 14px !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8a8a8a !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) h1.site-start-flow__review-title {
  margin: 0 !important;
  max-width: none !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) section.site-start-flow__review {
  display: block !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-align: left !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dl.site-start-flow__review-list {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #e5e5e5 !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__review-row {
  display: grid !important;
  grid-template-columns: 148px minmax(0, 1fr) auto !important;
  column-gap: 24px !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 21px 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dt.site-start-flow__review-label {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 18.9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8a8a8a !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dd.site-start-flow__review-value {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__review-main {
  font-size: 14px !important;
  line-height: 18.9px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  color: #000 !important;
  overflow-wrap: anywhere !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__review-sub {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px !important;
  color: #6b6865 !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dd.site-start-flow__review-action {
  margin: 0 !important;
  justify-self: end !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__review-edit {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  background: none !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-size: 13px !important;
  line-height: 17.55px !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
/* "Edit": a quiet stay-underline that erases on hover and redraws (0.45s linear, same weight rule) */
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__review-edit::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  background: currentColor !important;
  transform: none !important;
  transition: width 0.45s linear !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__review-edit:hover::after { width: 0 !important; left: auto !important; right: 0 !important; }
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__review-edit:focus-visible { outline: 1px solid #000 !important; outline-offset: 3px !important; }
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) p.site-start-flow__review-note {
  margin: 24px 0 36px !important;
  max-width: 440px !important;
  font-size: 13px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px !important;
  color: #6b6865 !important;
}
/* primary button = site button (contact "Send"): black, 14px/500, 0 radius — full column width */
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 51px !important;
  min-height: 51px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  line-height: 18.9px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta:hover {
  background: #262626 !important;
  background-color: #262626 !important;
  border-color: #262626 !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta:active,
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta.is-pressed {
  background: #3a3a3a !important;
  background-color: #3a3a3a !important;
  border-color: #3a3a3a !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta:focus-visible {
  outline: 1px solid #000 !important;
  outline-offset: 3px !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) p.site-start-flow__review-hint {
  display: block !important;
  margin: 14px 0 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #a0a0a0 !important;
  text-align: center !important;
}
html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) p.site-start-flow__review-hint > span {
  display: inline-block !important;
  margin: 0 0 0 2px !important;
  padding: 0 5px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 2px !important;
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  color: #8a8a8a !important;
}
@media (hover: none), (max-width: 767px) {
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) p.site-start-flow__review-hint { display: none !important; }
}
@media (max-width: 767px) {
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__head--review { margin: 0 0 30px !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__head--review > .site-start-flow__back { margin: 0 0 30px !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) section.site-start-flow__review { max-width: none !important; }
  /* phone: label + Edit on one line, value underneath */
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) .site-start-flow__review-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "label action" "value value" !important;
    row-gap: 6px !important;
    column-gap: 16px !important;
    padding: 17px 0 18px !important;
  }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dt.site-start-flow__review-label { grid-area: label !important; line-height: 17.55px !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dd.site-start-flow__review-value { grid-area: value !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) dd.site-start-flow__review-action { grid-area: action !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) p.site-start-flow__review-note { margin: 20px 0 28px !important; }
  html:not(#xs-r3) body:not(#xs-r3):not(#xs-r3b) button.site-start-flow__cta.site-start-flow__review-cta { height: 48px !important; min-height: 48px !important; font-size: 13px !important; }
}

/* —— Pass 20260927round4 — Start flow: -0.20px tracking on every step; no Continue / no review Enter hint ——
   4 IDs: beats every earlier Start rule (max 3 IDs) regardless of order. */
html:not(#xs-r4) body:not(#xs-r4):not(#xs-r4b):not(#xs-r4c) .site-start-flow,
html:not(#xs-r4) body:not(#xs-r4):not(#xs-r4b):not(#xs-r4c) .site-start-flow * {
  letter-spacing: -0.20px !important;
}
html:not(#xs-r4) body:not(#xs-r4):not(#xs-r4b):not(#xs-r4c) .site-start-flow__next,
html:not(#xs-r4) body:not(#xs-r4):not(#xs-r4b):not(#xs-r4c) p.site-start-flow__review-hint {
  display: none !important;
}
/* keyboard hint is desktop-only chrome (never on touch / phone) */
@media (hover: none), (max-width: 767px) {
  html:not(#xs-r4) body:not(#xs-r4):not(#xs-r4b):not(#xs-r4c) .site-start-flow__kbd-hint { display: none !important; }
}

/* —— Pass 20260927round5 — Start review: stepper on confirm, detailed summary, narrower CTA, sent state ——
   5 IDs: beats every earlier Start rule. */
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review { max-width: 1040px !important; margin: 0 0 40px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review > .site-start-flow__back { margin: 0 0 36px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review .site-start-flow__review-lead { margin: 12px 0 0 !important; max-width: 560px !important; font-size: 14px !important; line-height: 20px !important; color: #6b6865 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review .site-start-flow__steps--review { display: flex !important; margin: 26px 0 0 !important; padding: 0 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) section.site-start-flow__review.site-start-flow__review--r5 {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; column-gap: 72px !important;
  align-items: start !important; max-width: 1040px !important; width: 100% !important;
}
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-h { margin: 0 0 14px !important; font-size: 11px !important; line-height: 14px !important; font-weight: 500 !important; text-transform: uppercase !important; color: #8a8a8a !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-h--next { margin: 44px 0 14px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-row.has-thumb,
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review--r5 .site-start-flow__review-row {
  grid-template-columns: 56px 110px minmax(0, 1fr) auto !important; align-items: center !important; padding: 16px 0 !important;
}
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) dd.site-start-flow__review-thumb { margin: 0 !important; width: 56px !important; height: 70px !important; background: #f3f3f3 !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) dd.site-start-flow__review-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) dd.site-start-flow__review-thumb.is-empty span { font-size: 16px !important; color: #8a8a8a !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) ol.site-start-flow__review-next { list-style: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid #e5e5e5 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) ol.site-start-flow__review-next > li { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 0 !important; padding: 16px 0 !important; border-bottom: 1px solid #e5e5e5 !important; margin: 0 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-next-num { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; border: 1px solid #000 !important; border-radius: 50% !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; color: #000 !important; letter-spacing: 0 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-next-body { display: flex !important; flex-direction: column !important; gap: 4px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-next-t { font-size: 14px !important; line-height: 18.9px !important; font-weight: 500 !important; color: #000 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-next-d { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: #6b6865 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-submit { margin: 36px 0 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-submit p.site-start-flow__review-note { margin: 0 !important; font-size: 12px !important; line-height: 17px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) button.site-start-flow__cta.site-start-flow__review-cta {
  width: auto !important; min-width: 220px !important; max-width: 100% !important; padding: 0 40px !important;
  height: 48px !important; min-height: 48px !important; display: inline-flex !important;
}
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) button.site-start-flow__cta.site-start-flow__review-cta.is-busy { cursor: progress !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__dots { display: inline-flex !important; gap: 5px !important; align-items: center !important; height: 18px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__dots i { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #fff !important; display: block !important; animation: xsR5dot 1s infinite ease-in-out both !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__dots i:nth-child(2) { animation-delay: .15s !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__dots i:nth-child(3) { animation-delay: .3s !important; }
@keyframes xsR5dot { 0%, 80%, 100% { opacity: .25; transform: scale(.8); } 40% { opacity: 1; transform: scale(1); } }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) aside.site-start-flow__review-aside { position: sticky !important; top: 110px !important; margin: 28px 0 0 !important; padding: 0 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-media { width: 100% !important; aspect-ratio: 4 / 5 !important; background: #f3f3f3 !important; overflow: hidden !important; margin: 0 0 16px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-label { margin: 0 0 4px !important; font-size: 11px !important; line-height: 14px !important; text-transform: uppercase !important; color: #8a8a8a !important; font-weight: 500 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-title { margin: 0 0 8px !important; font-size: 16px !important; line-height: 21px !important; font-weight: 500 !important; color: #000 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-text { margin: 0 !important; font-size: 13px !important; line-height: 18px !important; color: #6b6865 !important; }
/* sent state */
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) section.site-start-flow__review--sent { max-width: 560px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__sent-card { border-top: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; padding: 18px 0 !important; margin: 0 0 32px !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__sent-label { margin: 0 0 6px !important; font-size: 11px !important; text-transform: uppercase !important; color: #8a8a8a !important; font-weight: 500 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__sent-value { margin: 0 !important; font-size: 14px !important; font-weight: 500 !important; color: #000 !important; }
html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__sent-actions { display: flex !important; align-items: center !important; gap: 28px !important; flex-wrap: wrap !important; }
@media (max-width: 900px) {
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) section.site-start-flow__review.site-start-flow__review--r5 { grid-template-columns: minmax(0, 1fr) !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) aside.site-start-flow__review-aside { position: static !important; margin: 44px 0 0 !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; column-gap: 16px !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review-aside-media { grid-row: span 3 !important; margin: 0 !important; }
}
@media (max-width: 767px) {
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review { margin: 0 0 28px !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review > .site-start-flow__back { margin: 0 0 26px !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__head--review .site-start-flow__review-lead { font-size: 13px !important; line-height: 19px !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) .site-start-flow__review--r5 .site-start-flow__review-row {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    grid-template-areas: "thumb label action" "thumb value value" !important;
    column-gap: 14px !important; row-gap: 4px !important; padding: 14px 0 !important;
  }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) dd.site-start-flow__review-thumb { grid-area: thumb !important; width: 48px !important; height: 60px !important; align-self: start !important; }
  html:not(#xs-r5) body:not(#xs-r5):not(#xs-r5b):not(#xs-r5c):not(#xs-r5d) ol.site-start-flow__review-next > li { grid-template-columns: 40px minmax(0, 1fr) !important; }
}