/* =====================================================================
   SeamLadies — round 8 (2026-10-07)  · loaded after r7
   html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) = html:not(#r8):not(#r8b) body:not(#r8)…:not(#r8g)  (9 ids → outranks r7's 8)
   Reference: toryburch.com/en-gb … petite-lee-radziwill-calf-hair-double-bag/183349 (measured 1440 + 390)
   ===================================================================== */

/* ---------- §B  Buttons — TB primary / secondary / translucent ----------
   TB primary  .button--dark.button--medium : sweet-sans-pro 12px/20.4 800, ls .75px, uppercase, h40, pad 0, r0, bg #191919, hover bg #40464e (bg .2s ease-in)
   TB large    (footer SIGN UP desktop, mini-cart CTA)           : 13px, h50
   TB secondary (GPay slot)                                       : #fff, 1px #191919 inset, h40, hover bg #f8f8f8
   TB translucent tile button                                     : neue-haas 11px 400, ls .75px, none-transform, h50, rgba(255,255,255,.9) */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.r5-atb, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-dock__btn,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#111111\], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#191919\],
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .seam-contact__submit, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .pa-access-dialog__submit,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-desktop"] button.w-full, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-mobile"] button.w-full,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section button.bg-\[\#1a1a1a\], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r7-mc__cta,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#191919\]:not(.rounded-full), html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#1a1a1a\]:not(.rounded-full), html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#111111\]:not(.rounded-full) {
  font-family: sweet-sans-pro, sans-serif !important; font-size: 12px !important; font-weight: 800 !important;
  line-height: 20.4px !important; letter-spacing: .75px !important; text-transform: uppercase !important;
  height: 40px !important; min-height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important;
  background-color: #191919 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; opacity: 1 !important; transition: background-color .2s ease-in !important;
  align-items: center !important; justify-content: center !important; text-align: center !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .seam-contact__submit, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .pa-access-dialog__submit { padding-left: 30.75px !important; padding-right: 30px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-dock__btn { display: flex !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.r5-atb *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-dock__btn *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r7-mc__cta *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section button.bg-\[\#1a1a1a\] *,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#111111\] *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .seam-contact__submit *, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .pa-access-dialog__submit * {
  font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; color: inherit !important; line-height: inherit !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.r5-atb, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-dock__btn, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#111111\], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#191919\],
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-desktop"] button.w-full, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-mobile"] button.w-full, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r7-mc__cta { width: 100% !important; padding: 0 0 0 .75px !important; }
@media (hover: hover) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.r5-atb:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-dock__btn:hover,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#111111\]:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="filter-panel"] button.bg-\[\#191919\]:hover,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .seam-contact__submit:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .pa-access-dialog__submit:hover,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-desktop"] button.w-full:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="signup-mobile"] button.w-full:hover,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section button.bg-\[\#1a1a1a\]:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r7-mc__cta:hover,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#191919\]:not(.rounded-full):hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#1a1a1a\]:not(.rounded-full):hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.bg-\[\#111111\]:not(.rounded-full):hover {
    background-color: #40464e !important; color: #fff !important; opacity: 1 !important;
  }
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) button.r5-atb:disabled, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .seam-contact__submit:disabled, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .pa-access-dialog__submit:disabled { background-color: #6c717a !important; cursor: not-allowed; }
/* large: footer sign-up (TB 210×50 / 13px at desktop, 210×40 / 12px at 390) + mini-cart CTA (TB 50px) */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section button.bg-\[\#1a1a1a\]:not(.r8x):not(.r8y) { width: 210px !important; max-width: 100% !important; padding: 1px 6px !important; }
@media (min-width: 768px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section button.bg-\[\#1a1a1a\]:not(.r8x):not(.r8y) { height: 50px !important; min-height: 50px !important; font-size: 13px !important; line-height: 24.7px !important; }
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r7-mc__cta { height: 50px !important; min-height: 50px !important; font-size: 13px !important; }
/* secondary — cookie "Reject", any outlined CTA */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn[data-seam="cookie-reject"], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-btn-secondary {
  background-color: #fff !important; color: #191919 !important; box-shadow: inset 0 0 0 1px #191919 !important;
}
@media (hover: hover) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .cookie-btn[data-seam="cookie-reject"]:hover, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .r8-btn-secondary:hover { background-color: #f8f8f8 !important; color: #191919 !important; }
}
/* translucent tile button (PLP + rail Quick Shop) */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card button.bg-white\/95 {
  font-family: neue-haas-grotesk-text, sans-serif !important; font-size: 11px !important; font-weight: 400 !important;
  letter-spacing: .75px !important; line-height: 15.4px !important; text-transform: none !important;
  height: 50px !important; min-height: 50px !important; padding: 0 0 0 .75px !important; border: 0 !important; border-radius: 0 !important;
  background-color: rgba(255,255,255,.9) !important; color: #191919 !important; box-shadow: none !important; transition: background-color .2s ease-in !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card button.bg-white\/95 * { font: inherit !important; letter-spacing: inherit !important; text-transform: none !important; }
@media (hover: hover) { html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card button.bg-white\/95:hover { background-color: #fff !important; } }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card button.bg-white\/95.r8-qs { font-size: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card button.bg-white\/95.r8-qs::after { content: "Add to Bag"; font: 400 11px/15.4px neue-haas-grotesk-text, sans-serif; letter-spacing: .75px; color: #191919; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .product-card .hidden.md\:flex:has(> button.bg-white\/95) { top: auto !important; bottom: 10px !important; left: 10px !important; right: 10px !important; width: auto !important; padding: 0 !important; }

/* ---------- §1  PDP — desktop right column (TB prod-details-desktop, 1440) ---------- */
@media (min-width: 768px) {
  /* gallery: 720×818 items, 2px gap, #f6f6f8 */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .desktop-product-img { background-color: #f6f6f8 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .desktop-product-img + .desktop-product-img { margin-top: 2px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .desktop-product-img > button[aria-label] { top: 11px !important; right: 11px !important; width: 40px !important; height: 40px !important; padding: 10px !important; display: flex !important; align-items: center; justify-content: center; background: transparent !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .desktop-product-img > button[aria-label] svg { width: 20px !important; height: 20px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="gallery-index"] { left: 46px !important; font-family: sweet-sans-pro, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 3px !important; color: #191919 !important; }

  /* overview: title -3/2, price 13/26, overview→form 18 */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-head { display: block !important; margin: 0 0 18px !important; padding: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-head h1 { margin: -3px 0 2px !important; font: 700 20px/26px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; color: #191919 !important; text-transform: uppercase !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-head .r5-price, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-head > p { margin: 0 !important; font: 400 13px/26px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-rating { margin: 4px 0 0 !important; }
  /* colour row: pt5 pb14, divider #e8e9eb, 13/24 */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color { margin: 0 !important; padding: 5px 0 14px !important; min-height: 50px; border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color span { font: 400 13px/24px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #191919 !important; }
  /* size row sits under colour as a second form field, guide link like TB "Read more" */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-sizeblock { margin: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-sizebtn { height: 50px !important; border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; font: 400 13px/24px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-sizebtn span { font: inherit !important; letter-spacing: inherit !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-sg { margin-top: 12px !important; font: 400 13px/15px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #6c717a !important; border-bottom: 1px solid #6c717a !important; text-decoration: none !important; }
  /* ATB: form gap 20, 375×40 */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] button.r5-atb { margin-top: 20px !important; }
  /* accordions: 12 below the buttons, 60px headers, no top rule, 1px #e8e9eb between */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-acc { margin-top: 12px !important; border-top: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-acc-sec { border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; padding: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-acc-sec > button { height: 60px !important; padding: 0 15px 0 0 !important; font: 800 12px/18px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-acc-sec > button span { font: inherit !important; letter-spacing: inherit !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-acc-sec:first-child .r7-accp > div { padding-bottom: 25px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r7-accp > div { margin-top: 3px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r7-accp p { margin: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r7-accp, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r7-accp div, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r7-accp p { font-family: neue-haas-grotesk-text, sans-serif !important; font-size: 13px !important; line-height: 24px !important; letter-spacing: .5px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-readmore { margin-left: 5px !important; font: 400 13px/15px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #6c717a !important; border-bottom: 1px solid #6c717a !important; text-decoration: none !important; }
  /* View More */
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-vm { margin-top: 19px !important; padding-bottom: 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-vm, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-vm * { font: 400 13px/24px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-vm a { color: #6c717a !important; text-decoration: underline !important; text-decoration-color: #6c717a !important; text-underline-offset: 2px; transition: text-decoration-color .3s !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-vm a:hover { text-decoration-color: transparent !important; }
}

/* swatch: TB selected ring (2px white + 1px black) */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color .relative.rounded-full, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color .relative.rounded-full,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color > div:last-child:not(.seam-pdp-swatches), html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color > div:last-child:not(.seam-pdp-swatches) {
  width: 24px !important; height: 24px !important; border: 0 !important; border-radius: 50% !important; overflow: hidden;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000 !important; margin: 3px 3px 3px 0 !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info"] .r5-color > div:last-child:not(.seam-pdp-swatches) img, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color > div:last-child:not(.seam-pdp-swatches) img { inset: 0 !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; }

/* ---------- §1b  PDP — 390 (TB product-details-mobile) ---------- */
@media (max-width: 767px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="crumbs-m"] a { text-decoration: underline !important; text-decoration-color: #6c717a !important; transition: text-decoration-color .3s !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="crumbs-m"] a:hover { text-decoration-color: transparent !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 { aspect-ratio: 389.6 / 442.7 !important; background-color: #f6f6f8 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 > button[aria-label="Wishlist"] { top: 10px !important; right: 10px !important; width: 40px !important; height: 40px !important; padding: 10px !important; display: flex !important; align-items: center; justify-content: center; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 > button[aria-label="Wishlist"] svg { width: 20px !important; height: 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 > .absolute.bottom-4 { bottom: 15px !important; top: auto !important; gap: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 button[aria-label^="Go to slide"] { width: 6px !important; height: 6px !important; margin: 0 7px !important; border-radius: 50% !important; background-color: #d1d4d7 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) .md\:hidden > .sticky.top-20 button[aria-label^="Go to slide"].bg-black { background-color: #191919 !important; }

  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] { padding: 15px 20px 40px !important; border-radius: 0 !important; box-shadow: none !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-head { margin: 0 0 15px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-head h1 { margin: 4px 0 0 !important; font: 700 14px/19.6px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-head .r5-price, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-head > p { margin: 4px 0 0 !important; padding-top: 2px !important; font: 400 11px/11px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color { margin: 0 !important; padding: 5px 0 15px !important; min-height: 45px; border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-color span { font: 400 11px/11px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-sizeblock { margin: 5px 0 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-sizebtn { height: 45px !important; border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; font: 400 11px/11px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-sizebtn span { font: inherit !important; letter-spacing: inherit !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-sg { margin-top: 12px !important; font: 400 13px/15px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #6c717a !important; border-bottom: 1px solid #6c717a !important; text-decoration: none !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] button.r5-atb { margin-top: 15px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-acc { margin-top: 15px !important; border-top: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-acc-sec { border-top: 0 !important; border-bottom: 1px solid #e8e9eb !important; padding: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-acc-sec > button { height: 58px !important; padding: 0 15px 0 0 !important; font: 800 12px/18px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-acc-sec > button span { font: inherit !important; letter-spacing: inherit !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r7-accp > div { margin-top: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-acc-sec:first-child .r7-accp > div { padding-bottom: 25px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r7-accp p { margin: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r7-accp, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r7-accp div, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r7-accp p { font-family: neue-haas-grotesk-text, sans-serif !important; font-size: 13px !important; line-height: 24px !important; letter-spacing: .5px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="pdp-info-m"] .r5-readmore { margin-left: 5px !important; font: 400 13px/15px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #6c717a !important; border-bottom: 1px solid #6c717a !important; text-decoration: none !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="view-more-mobile"] { display: none !important; }
}
/* docked ATB (TB .docked-button__container: fixed bottom, pad 19/20, #fff, 1px #e8e9eb top) */
.r8-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: #fff; border-top: 1px solid #e8e9eb; padding: 19px 20px; transform: translateY(100%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
.r8-dock.is-on { transform: none; visibility: visible; transition: transform .25s ease, visibility 0s; }
@media (min-width: 768px) { .r8-dock { display: none !important; } }

/* ---------- §2  YMAL / Style With rail ---------- */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-wrap"] { border-top: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] { margin-bottom: 15px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] ul { gap: 30px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] li { margin: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] li + li:not([hidden]):not(.hidden) { margin-left: 30px !important; }
@media (max-width: 767px) { html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] li + li:not([hidden]):not(.hidden) { margin-left: 24px !important; } }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-wrap"] .r8-ymal-title {
  font: 800 16px/22.08px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; text-transform: uppercase !important;
  color: #191919 !important; border: 0 !important; padding: 0 !important; text-decoration: none !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a:not(.is-active) { color: #6c717a !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a:not(.is-active):hover { color: #191919 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a::after, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a::before { display: none !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"].is-single a { color: #191919 !important; cursor: default; pointer-events: none; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] { gap: 2px !important; margin-left: 45px !important; margin-right: 45px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] > * { margin: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] > div { flex: 0 0 calc((100% - 8px) / 5) !important; width: calc((100% - 8px) / 5) !important; min-width: 0 !important; max-width: none !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card > .relative:first-child { aspect-ratio: 265.4 / 301.6 !important; background-color: #f6f6f8 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card > div:nth-child(2) { padding: 15px 0 0 15px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card h3, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card h3 a,
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card > div:nth-child(2) p { font: 400 11px/17.93px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card h3, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card h3 a { color: #191919 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card > div:nth-child(2) p { color: #6c717a !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatches { margin-top: 5px !important; padding: 0 !important; gap: 0 !important; align-items: center; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch { width: 11px !important; height: 11px !important; min-width: 11px !important; margin: 5px 12px 5px 2px !important; border: 0 !important; box-shadow: 0 0 0 1px #d1d4d7 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch::before, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch::after { display: none !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch-more { font: 400 11px/14px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; color: #6c717a !important; padding: 4px 0 0 !important; margin: 0 !important; }
/* heart + arrows: 40×40, 20px icons, transparent, only on tile hover (TB opacity 0 → 1) */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Add to wishlist"] { top: 6px !important; right: 7px !important; width: 40px !important; height: 40px !important; padding: 10px !important; background: transparent !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Add to wishlist"] svg { width: 20px !important; height: 20px !important; color: #191919 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Previous image"], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Next image"] {
  width: 40px !important; height: 40px !important; padding: 10px !important; top: calc(50% - 20px) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; color: #191919 !important;
}
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Previous image"] { left: 5px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Next image"] { right: 5px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Previous image"] svg, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card button[aria-label="Next image"] svg { width: 20px !important; height: 20px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card :is(button[aria-label="Add to wishlist"], button[aria-label="Previous image"], button[aria-label="Next image"], .hidden.md\:flex) { opacity: 0 !important; transition: opacity .2s ease !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card:hover :is(button[aria-label="Add to wishlist"], button[aria-label="Previous image"], button[aria-label="Next image"], .hidden.md\:flex),
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card:focus-within :is(button[aria-label="Add to wishlist"], button[aria-label="Previous image"], button[aria-label="Next image"], .hidden.md\:flex) { opacity: 1 !important; pointer-events: auto !important; transform: none !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card .hidden.md\:flex { transform: none !important; }
.r8-atb-link { display: none; }
@media (max-width: 767px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] a, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-wrap"] .r8-ymal-title { font: 700 14px/19.6px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-tabs"] ul { gap: 24px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] { margin-left: 0 !important; margin-right: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] > div { flex: 0 0 calc((100% - 6px) / 3.33) !important; width: calc((100% - 6px) / 3.33) !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card > div:nth-child(2) { padding: 10px 0 0 10px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .product-card :is(button[aria-label="Add to wishlist"], button[aria-label="Previous image"], button[aria-label="Next image"], .hidden.md\:flex) { display: none !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .r8-atb-link { display: inline-block !important; margin: 7px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important;
    font: 800 10px/17px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important; text-decoration: underline !important; text-underline-offset: 2px; cursor: pointer; }
}

.r8-more-m { display: none; }
@media (max-width: 767px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatches { flex-wrap: nowrap !important; overflow: hidden; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch:nth-of-type(n+4), html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .seam-swatch-more { display: none !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) [data-seam="related-rail"] .r8-more-m { display: inline-block !important; font: 400 11px/14px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .75px !important; color: #6c717a !important; padding: 4px 0 0 !important; }
}

/* ---------- §5  Footer @390 — lighter, smaller (TB footer-menu mobile) ---------- */
@media (max-width: 767px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section:first-child h2 { font: 700 16px/21px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; padding-bottom: 8px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section:first-child h2 .r6-big { font-size: 18px !important; line-height: 21px !important; font-weight: 700 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > section:first-child p { font: 400 13px/20px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden > .border-t { border-top: 0 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden { padding: 30px 20px 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .border-b { border-color: #e8e9eb !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .border-b > button { height: 50px !important; padding: 0 !important; align-items: center !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .border-b > button, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .border-b > button span { font: 600 12px/16px sweet-sans-pro, sans-serif !important; letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden ul { padding: 4px 0 12px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden ul li { margin: 0 0 7px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden ul a { font: 400 13px/23.92px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #191919 !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .py-5, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer > div.md\:hidden .py-5 span { font: 400 13px/23.92px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer [data-seam="footer-legal"], html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer [data-seam="footer-legal"] *,
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) footer .text-white.flex p { font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; letter-spacing: .5px !important; }
}

/* ---------- §6  Resources (/resource/?tab=guides|tools|libraries|help) ---------- */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) main section[data-tab] .grid.md\:grid-cols-3, html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] > .grid.md\:grid-cols-3 { gap: 2px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .aspect-\[4\/5\] img { transform: none !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col { text-align: left !important; border: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; border-top: 0 !important; align-items: flex-start !important; text-align: left !important; padding: 30px 45px 40px !important; box-sizing: border-box !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) > div:has(> ul) { width: 100% !important; margin: 8px 0 24px !important; padding: 16px 0 0 !important; border-top: 1px solid #e8e9eb !important; text-align: left !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) > div:has(> ul) > div:first-child { justify-content: flex-start !important; margin: 0 0 12px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) ul { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) > a:last-child { margin-top: auto !important; margin-bottom: 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) > span:first-child { margin: 0 0 10px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) > * { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; max-width: 100% !important; align-self: flex-start !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) ul { justify-items: start !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) li { justify-content: flex-start !important; text-align: left !important; }
/* FAQ split */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid { align-items: stretch !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child { aspect-ratio: auto !important; height: 100% !important; min-height: 420px; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child > .absolute.bottom-8 { top: auto !important; bottom: 45px !important; left: 45px !important; right: 45px !important; width: auto !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child > .absolute.bottom-8 span { background: none !important; padding: 0 !important; color: #fff !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child > .absolute.bottom-8 h3 { color: #fff !important; margin: 6px 0 0 !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child > .absolute.inset-0:not(img) { background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.45) 100%) !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .flex.flex-col { padding: 64px 45px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .flex.flex-col > div { margin-left: auto !important; margin-right: auto !important; max-width: 520px !important; width: 100% !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 .divide-y p { text-align: left !important; font: 400 13px/24px neue-haas-grotesk-text, sans-serif !important; letter-spacing: .5px !important; color: #191919 !important; }
/* glossary */
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].max-w-5xl { max-width: 1110px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 45px !important; padding-right: 45px !important; }
html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].max-w-5xl :is(p, dd, dt, h4, li) { text-align: left !important; }
@media (max-width: 767px) {
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab] .grid.md\:grid-cols-3 > .flex.flex-col > div:nth-child(2) { padding: 24px 20px 32px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child { height: auto !important; aspect-ratio: 4 / 3 !important; min-height: 0; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .relative:first-child > .absolute.bottom-8 { bottom: 20px !important; left: 20px !important; right: 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].bg-neutral-50 > .grid > .flex.flex-col { padding: 40px 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab="help"].max-w-5xl { padding-left: 20px !important; padding-right: 20px !important; }
  html:not(#r8):not(#r8b) body:not(#r8):not(#r8b):not(#r8c):not(#r8d):not(#r8e):not(#r8f):not(#r8g) section[data-seam="page-panel"][data-tab][class*="px-6"] { padding-left: 20px !important; padding-right: 20px !important; }
}