/**
 * Madar Electronics — Premium catalogue cards (final visual judgement)
 * White storefront · refined white cards · image-led · minimal info · elegant AED
 */

:root {
  --pf-page: #ffffff;
  --pf-ink: #0b1220;
  --pf-muted: #8b95a5;
  --pf-line: rgba(15, 23, 42, 0.08);
  --pf-radius: 12px;
  --pf-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  --pf-shadow-hover: 0 8px 24px rgba(15, 23, 42, 0.07);
  --bg-primary: #ffffff !important;
  --rt-bg: #ffffff !important;

  /*
   * PERMANENT COLOR-ROLE SYSTEM (source of truth)
   * Purchase accent  = Buy Now / Checkout / Place Order only
   * Purchase soft    = Add to cart (PDP, QV, FBT, Compare) — lighter sibling
   * Brand dark       = promo CTAs / View Offer, timer shell, footer chrome, Continue
   * Soft brand       = promo section atmosphere only
   * UI mist          = search fields, filters, quiet chrome
   * Attention        = small count badges only (not buttons)
   * White            = page + product/promo cards
   * Semantic         = stock / warranty / condition (do not brand-wash)
   */
  --rt-brand-dark: #101b2e;
  --rt-brand-dark-top: #15253f;
  --rt-brand-dark-deep: #0c1628;
  --rt-brand-dark-grad: linear-gradient(180deg, #15253f 0%, #101b2e 55%, #0c1628 100%);
  --rt-brand-dark-hover: #15253f;
  --rt-brand-dark-shadow: 0 8px 18px rgba(16, 27, 46, 0.28);

  --rt-brand-soft: #f5f0ff;
  --rt-brand-soft-mid: #efe8ff;
  --rt-brand-soft-deep: #ebe4ff;
  --rt-brand-soft-grad: linear-gradient(180deg, #f5f0ff 0%, #efe8ff 50%, #ebe4ff 100%);

  --rt-ui-soft: #ffffff;
  --rt-ui-mist: #ffffff;
  --rt-ui-line: rgba(15, 23, 42, 0.08);

  --rt-attention: #c026d3;
  --rt-attention-ink: #ffffff;

  /* Legacy accent aliases → brand dark (not purchase CTA / not attention) */
  --rt-blue: #101b2e;
  --rt-blue-deep: #101b2e;
  --tp-accent: #101b2e;
  --tp-accent-deep: #101b2e;
  --cu-blue: #101b2e;
  --accent: #101b2e;
  --accent-light: #15253f;

  --rt-cta: #c026d3;
  --rt-cta-deep: #86198f;
  --rt-cta-end: #7c3aed;
  --rt-cta-grad: linear-gradient(90deg, #db2777 0%, #c026d3 48%, #7c3aed 100%);
  --rt-cta-grad-hover: linear-gradient(90deg, #be185d 0%, #a21caf 48%, #6d28d9 100%);
  --rt-cta-shadow: 0 8px 18px rgba(192, 38, 211, 0.28);

  /* Soft purchase sibling — Add to cart (lighter than Buy now) */
  --rt-cta-soft: linear-gradient(90deg, #fdf2f8 0%, #faf5ff 48%, #f5f3ff 100%);
  --rt-cta-soft-hover: linear-gradient(90deg, #fce7f3 0%, #f3e8ff 48%, #ede9fe 100%);
  --rt-cta-soft-border: rgba(192, 38, 211, 0.32);
  --rt-cta-soft-ink: #9d174d;

  /* Light merchandising pill (Save / % off) — not the purchase CTA */
  --rt-save-pill: linear-gradient(90deg, #f472b6 0%, #e879f9 42%, #a78bfa 100%);

  /* Shared chrome — top ticker + footer (dim black, plain) */
  --rt-chrome-dark: #121212;
  --rt-chrome-dark-top: #161616;
  --rt-chrome-dark-deep: #0e0e0e;

  /* Trust ticker + notch — Buy Now gradient end (--rt-cta-end) */
  --rt-usp-bar: #7c3aed;
  --sf-usp-solid: #7c3aed;
  --sf-usp-grad: #7c3aed;
  --sf-usp-grad-solid: #7c3aed;
  --rt-usp-bar-border: rgba(255, 255, 255, 0.14);
  --rt-usp-shadow: 0 4px 12px rgba(124, 58, 237, 0.18);
  --rt-usp-ink: #ffffff;
  --rt-usp-muted: #ffffff;
  --rt-usp-dot: rgba(255, 255, 255, 0.55);
  --rt-usp-link: #ffffff;

  /*
   * Marketing countdown (LTO / promo posters) — dark limited-offer clock.
   * Brand-dark shell + bright offer-blue digits. High urgency, not soft pastel.
   */
  --rt-mkt-timer-shell: linear-gradient(180deg, #15253f 0%, #101b2e 55%, #0c1628 100%);
  --rt-mkt-timer-glow: radial-gradient(100% 90% at 12% 40%, rgba(59, 130, 246, 0.28), transparent 60%);
  --rt-mkt-timer-border: rgba(96, 165, 250, 0.38);
  --rt-mkt-timer-label: #93c5fd;
  --rt-mkt-timer-label-line: rgba(96, 165, 250, 0.7);
  --rt-mkt-timer-digit: #ffffff;
  --rt-mkt-timer-digit-grad: linear-gradient(180deg, #ffffff 0%, #93c5fd 55%, #60a5fa 100%);
  --rt-mkt-timer-unit-bg: linear-gradient(180deg, #1a2a44 0%, #0f1a2e 100%);
  --rt-mkt-timer-unit-border: rgba(147, 197, 253, 0.28);
  --rt-mkt-timer-muted: rgba(191, 219, 254, 0.72);
  --rt-mkt-timer-sep: #60a5fa;
}

/* —— Bright white storefront (beat earlier grey tokens) —— */
html {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
html body,
body.page-home,
body.page-inner,
body.page-product,
body.page-shop,
body.page-category,
body.page-brand-new,
body.page-used,
.page-home,
.page-inner,
.page-product,
.page-shop,
.page-category,
.page-brand-new,
.page-used,
.rt-shop-section,
.ix-section-products,
.ix-section,
.ix-section-alt,
.home-section,
.container,
main,
.browse-layout,
.browse-main,
.bp-main,
.rt-browse,
.page-home .ix-section-alt,
.page-home .ix-brands-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

.page-home .ix-section-alt,
.ix-section-alt {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-block: 0 !important;
}

/* Kill remaining grey “dirty” bands behind product areas */
.page-home .ix-section-products,
.page-home .ix-trust-section,
.page-home .ix-trust,
.page-home .products-trust-bar,
.page-home .trust-bar,
.ix-trust-section,
.products-trust-bar,
.trust-bar,
.sf-usp:not(.sf-usp-marquee) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.page-home .ix-trust-single .ix-trust-card,
.page-home .ix-trust-card,
.ix-trust article,
.ix-trust-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.06) !important;
  box-shadow: none !important;
}

/* —— Catalogue cards —— */
.rt-card,
.page-home .rt-card,
.ix-grid .rt-card,
.home-grid .rt-card,
.rt-grid .rt-card,
.page-inner .rt-card,
.rt-shop-section .rt-card {
  background: #ffffff !important;
  border: 1px solid var(--pf-line) !important;
  border-radius: var(--pf-radius) !important;
  box-shadow: var(--pf-shadow) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transform: none !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.rt-card:hover,
.page-home .rt-card:hover,
.ix-grid .rt-card:hover,
.rt-grid .rt-card:hover,
.home-grid .rt-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: var(--pf-shadow-hover) !important;
}

.rt-card:focus-within {
  border-color: rgba(29, 78, 216, 0.28) !important;
}

/* Image stage — pure white, corner-to-corner */
.rt-card-media-wrap,
.page-home .rt-card-media-wrap,
.ix-grid .rt-card-media-wrap,
.rt-grid .rt-card-media-wrap,
.home-grid .rt-card-media-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  overflow: hidden !important;
}

.rt-card-media-wrap,
.rt-card-media,
.page-home .rt-card-media,
.ix-grid .rt-card-media,
.rt-grid .rt-card-media,
.home-grid .rt-card-media,
.rt-card-new .rt-card-media,
.rt-card-used .rt-card-media {
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.rt-card-media,
.page-home .rt-card-media,
.ix-grid .rt-card-media,
.rt-grid .rt-card-media,
.home-grid .rt-card-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rt-card-media img,
.page-home .rt-card-media img,
.ix-grid .rt-card-media img,
.rt-grid .rt-card-media img,
.home-grid .rt-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 12px !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-sizing: border-box !important;
  background: transparent !important;
  transition: transform 0.25s ease !important;
}

.rt-card:hover .rt-card-media img {
  transform: none !important;
}

/* Wishlist — always visible white circle */
.rt-card-tools {
  opacity: 1 !important;
  pointer-events: auto !important;
  top: 10px !important;
  inset-inline-end: 10px !important;
}
.rt-card:hover .rt-card-tools,
.rt-card:focus-within .rt-card-tools {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.rt-card-tools .rt-tool {
  pointer-events: auto !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}

.rt-cat-badge,
.rt-card .rt-merch-badge,
.rt-card-actions,
.rt-card-foot,
.rt-card-colors {
  display: none !important;
}
.rt-card[data-show-colors="1"] .rt-card-colors.is-enabled {
  display: inline-flex !important;
}

/* Used pill removed site-wide */
.rt-used-tag,
.rt-card-used .rt-used-tag,
.pdp-main-media .rt-used-tag,
.rt-card-used .rt-line-badge.used,
.pdp-main-media .rt-line-badge.used,
.rt-line-badge.used {
  display: none !important;
}

/* Compact certified seal — simple smart green (trust) — every Used surface */
.rt-cert-seal,
.rt-card-used .rt-cert-seal,
.pdp-main-media .rt-cert-seal,
.rt-qv-media .rt-cert-seal {
  position: absolute !important;
  left: 8px !important;
  inset-inline-start: 8px !important;
  right: auto !important;
  bottom: 8px !important;
  top: auto !important;
  z-index: 3 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  max-width: calc(100% - 16px) !important;
  padding: 4px 9px 4px 5px !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  color: #047857 !important;
  border: 1px solid rgba(4, 120, 87, 0.28) !important;
  box-shadow: none !important;
  text-align: left !important;
  line-height: 1.1 !important;
  pointer-events: none !important;
}
.rt-qv-media {
  position: relative !important;
}
.rt-cert-seal .rt-cert-shield,
.rt-card-used .rt-cert-seal .rt-cert-shield,
.pdp-main-media .rt-cert-seal .rt-cert-shield,
.rt-qv-media .rt-cert-seal .rt-cert-shield {
  display: block !important;
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 16px !important;
  color: #047857 !important;
}
.rt-cert-seal-txt,
.rt-card-used .rt-cert-seal-txt,
.pdp-main-media .rt-cert-seal-txt,
.rt-qv-media .rt-cert-seal-txt {
  display: inline !important;
  flex-direction: row !important;
  white-space: nowrap !important;
  font-size: 0.55rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #047857 !important;
}
.rt-cert-seal-txt strong,
.rt-card-used .rt-cert-seal-txt strong,
.pdp-main-media .rt-cert-seal-txt strong,
.rt-qv-media .rt-cert-seal-txt strong {
  font-size: inherit !important;
  font-weight: 800 !important;
  color: #047857 !important;
  letter-spacing: inherit !important;
}
/* Hide legacy Used ribbon if any leftover markup */
.rt-card-used .rt-line-badge.used,
.pdp-main-media .rt-line-badge.used {
  display: none !important;
}
/* Keep Used catalogue cards as clean as Brand New — no fact pills on cards */
.rt-card-used .rt-used-facts {
  display: none !important;
}

/* Save chip — listing cards stay on the photo, compact (no glow cloud) */
.rt-card-saving-media {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  inset-inline-end: 8px !important;
  inset-inline-start: auto !important;
  top: auto !important;
  bottom: 8px !important;
  z-index: 3 !important;
  margin: 0 !important;
  pointer-events: none !important;
}
.rt-card-merch {
  position: absolute !important;
  left: 8px !important;
  inset-inline-start: 8px !important;
  right: auto !important;
  inset-inline-end: auto !important;
  top: 8px !important;
  bottom: auto !important;
  z-index: 3 !important;
  margin: 0 !important;
  pointer-events: none !important;
}
.rt-card-saving-media .rt-vs-official,
.rt-card .rt-card-saving-media .rt-vs-official {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: var(--rt-save-pill) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  white-space: nowrap !important;
}
/* PDP / quick-view can read slightly larger */
.pdp-vs-official,
.pdp-price-row .pdp-vs-official,
.rt-qv-price .rt-vs-official,
.rt-vs-official {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: var(--rt-save-pill) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 6px 14px rgba(232, 121, 249, 0.32) !important;
  text-shadow: none !important;
  filter: none !important;
  white-space: nowrap !important;
}
.rt-card-offer-line {
  display: none !important;
}

/* Body — fills card; buyzone pins price to a shared baseline */
.rt-card-body,
.page-home .rt-card-body,
.ix-grid .rt-card-body,
.rt-grid .rt-card-body,
.home-grid .rt-card-body,
.page-inner .rt-card-body,
.rt-shop-section .rt-card-body {
  padding: 14px 14px 16px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}

.rt-card-info {
  display: grid !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}

.rt-card-brand,
.page-home .rt-card-brand,
.ix-grid .rt-card-brand,
.rt-grid .rt-card-brand,
.home-grid .rt-card-brand,
.page-inner .rt-card-brand,
.rt-shop-section .rt-card-brand {
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
  line-height: 1.2 !important;
  min-height: 1.2em !important;
}

.rt-card-title,
.page-home .rt-card-title,
.ix-grid .rt-card-title,
.rt-grid .rt-card-title,
.home-grid .rt-card-title,
.page-inner .rt-card-title,
.rt-shop-section .rt-card-title {
  margin: 0 !important;
  font-size: 0.98rem !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--pf-ink) !important;
  /* Always reserve 2 title lines so short titles don’t shrink the card */
  min-height: calc(1.32em * 2) !important;
  max-height: calc(1.32em * 2) !important;
  height: calc(1.32em * 2) !important;
  overflow: hidden !important;
}
.rt-card-title a,
.page-home .rt-card-title a,
.ix-grid .rt-card-title a,
.rt-grid .rt-card-title a,
.home-grid .rt-card-title a,
.page-inner .rt-card-title a,
.rt-shop-section .rt-card-title a {
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
}

.rt-card-meta,
.page-home .rt-card-meta,
.ix-grid .rt-card-meta,
.rt-grid .rt-card-meta,
.home-grid .rt-card-meta {
  margin: 0 !important;
  font-size: 0.84rem !important;
  line-height: 1.3 !important;
  color: #64748b !important;
  font-weight: 550 !important;
  min-height: 1.3em !important;
  max-height: 1.3em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.rt-used-facts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 2px !important;
}
.rt-used-facts:empty {
  display: none !important;
}
.rt-used-pill {
  font-size: 0.72rem !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #475569 !important;
}

.rt-card-buyzone {
  margin-top: auto !important;
  padding-top: 8px !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
}

.rt-card-price-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

/* Price: selling first & strongest; RRP secondary — always reserve RRP row */
.rt-price-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-height: calc(1.28rem * 1.15 + 1.15em + 2px) !important;
}

.rt-price,
.rt-price-block .rt-price,
.page-home .rt-price,
.page-home .rt-price-block .rt-price,
.ix-grid .rt-price,
.rt-grid .rt-price,
.home-grid .rt-price {
  margin: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 0.32em !important;
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--pf-ink) !important;
  line-height: 1.15 !important;
}

.rt-price .rt-cur,
.pdp-price .rt-cur {
  font-size: 0.92em !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #0b1220 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Dirham D only — no "AED" letters */
.rt-cur .rt-ae {
  display: none !important;
}
.rt-cur .rt-dh {
  position: relative;
  display: inline-block;
  font-weight: 800 !important;
  font-family: "Times New Roman", "Georgia", "Noto Serif", serif !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  color: #0b1220 !important;
  width: 0.72em;
  text-align: center;
}
.rt-cur .rt-dh::before,
.rt-cur .rt-dh::after {
  content: "";
  position: absolute;
  left: 0.02em;
  width: 0.52em;
  height: 0.09em;
  background: currentColor;
  border-radius: 1px;
  pointer-events: none;
}
.rt-cur .rt-dh::before {
  top: 0.36em;
}
.rt-cur .rt-dh::after {
  top: 0.52em;
}

/* Inline Dirham amounts outside product price blocks (cart / checkout) */
.rt-cart-drawer .rt-cur,
.rt-cart-total .rt-cur {
  display: inline-flex !important;
  align-items: center !important;
  margin-inline-end: 0.18em !important;
  vertical-align: -0.06em;
}
.rt-cart-drawer .rt-amt,
.rt-cart-total .rt-amt {
  display: inline !important;
  font-weight: inherit !important;
  color: inherit !important;
}

.rt-price .rt-amt,
.pdp-price .rt-amt {
  font-weight: 800 !important;
  color: #0b1220 !important;
  display: inline-flex !important;
  align-items: flex-end !important;
}

/* Selling price only: small .00 sits low on the amount */
.rt-price .rt-dec,
.pdp-price .rt-dec {
  font-size: 0.58em !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  opacity: 0.78 !important;
  margin-inline-start: 0.02em !important;
  margin-top: 0 !important;
  margin-bottom: 0.06em !important;
  line-height: 1 !important;
}

/* RRP: no .00 (unchanged from earlier clean look) */
.rt-price-compare .rt-dec,
.pdp-compare .rt-dec {
  display: none !important;
}

.rt-price-was {
  display: flex !important;
  align-items: baseline !important;
  min-height: 1.15em !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
.rt-price-was.is-empty {
  visibility: hidden !important;
}

.rt-price-official-label,
.pdp-official-label {
  display: none !important;
}

.rt-price-compare,
.pdp-compare {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.28em !important;
  font-size: 0.9rem !important;
  font-weight: 550 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;
  text-decoration-color: #94a3b8 !important;
}
.rt-price-compare .rt-cur,
.rt-price-compare .rt-amt,
.pdp-compare .rt-cur,
.pdp-compare .rt-amt {
  color: inherit !important;
  font-weight: inherit !important;
  text-decoration: inherit !important;
}
.rt-price-compare .rt-dh,
.pdp-compare .rt-dh {
  font-size: 1em !important;
  color: inherit !important;
  width: 0.72em !important;
}
.rt-price-compare .rt-dh::before,
.rt-price-compare .rt-dh::after,
.pdp-compare .rt-dh::before,
.pdp-compare .rt-dh::after {
  background: currentColor !important;
}

.rt-price-ask {
  font-size: 1rem !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}

/* Grid rhythm — stretch so every card in a row matches height */
.page-home .home-grid,
.page-home .ix-section-products .home-grid,
.page-home .ix-section-products .ix-grid,
.page-home .ix-offers-grid,
.page-home .ix-certified-block .home-grid,
.page-home .ix-certified-block .ix-grid,
.rt-grid,
.ix-grid,
.home-grid,
.rt-shop-section .rt-grid,
.page-inner .rt-grid {
  gap: 14px !important;
  align-items: stretch !important;
}

@media (min-width: 901px) {
  .page-home .home-grid,
  .page-home .ix-section-products .ix-grid,
  .page-home .ix-offers-grid,
  .rt-grid,
  .ix-grid,
  .home-grid {
    gap: 14px !important;
  }
}

/* Desktop tile polish — compact cute cards like reference */
@media (min-width: 901px) {
  .page-home .ix-cat-rail-track {
    gap: 12px !important;
    padding: 4px 2px 10px !important;
  }
  .page-home .ix-cat-tile {
    width: 112px !important;
    min-width: 112px !important;
    padding: 12px 8px 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
  }
  .page-home .ix-cat-tile-ico {
    width: 38px !important;
    height: 38px !important;
  }
  .page-home .ix-cat-tile strong {
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
  }
}

/* —— PDP continuation —— */
.page-product .pdp-main-media,
.pdp-main-media {
  background: #ffffff !important;
  border: 1px solid var(--pf-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.page-product .pdp-main-media img,
.pdp-main-media img {
  padding: 40px !important;
}

.page-product .pdp-buybox,
.pdp-buybox {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
}

.page-product .pdp-price,
.pdp-price-row .pdp-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.3em !important;
  font-weight: 780 !important;
  letter-spacing: -0.03em !important;
}

.pdp-compare {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.22em !important;
  text-decoration: line-through !important;
  color: #94a3b8 !important;
}

.sf-header-pro .sf-mainbar,
.sf-mainbar {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06) !important;
}

/* —— Responsive —— */
@media (max-width: 900px) {
  .rt-card-tools {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .page-product .pdp-main-media img,
  .pdp-main-media img {
    padding: 24px !important;
  }
}

@media (max-width: 640px) {
  .rt-grid,
  .home-grid,
  .home-rail,
  .ix-grid {
    gap: 10px !important;
  }

  .rt-card {
    border-radius: 10px !important;
  }

  .rt-card-media img {
    padding: 14px !important;
  }

  .rt-card-body {
    padding: 10px 12px 12px !important;
    gap: 5px !important;
  }

  .rt-card-brand {
    font-size: 0.72rem !important;
  }

  .rt-card-title,
  .rt-card-title a {
    font-size: 0.92rem !important;
  }

  .rt-card-meta {
    font-size: 0.76rem !important;
  }

  .rt-price {
    font-size: 1.1rem !important;
  }

  .pdp-cta-row {
    grid-template-columns: 1fr !important;
  }
}

/* —— 4 — Card type / spacing balance (equal card heights) —— */
.rt-card-body,
.page-home .rt-card-body,
.ix-grid .rt-card-body,
.rt-grid .rt-card-body,
.home-grid .rt-card-body {
  padding: 14px 14px 16px !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.rt-card-info {
  gap: 6px !important;
  flex: 0 0 auto !important;
}
.rt-card-title,
.page-home .rt-card-title,
.ix-grid .rt-card-title,
.rt-grid .rt-card-title,
.home-grid .rt-card-title {
  font-size: 0.98rem !important;
  line-height: 1.32 !important;
  min-height: calc(1.32em * 2) !important;
  max-height: calc(1.32em * 2) !important;
  height: calc(1.32em * 2) !important;
  font-family: "Plus Jakarta Sans", Manrope, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  overflow: hidden !important;
}
.rt-card-title a,
.page-home .rt-card-title a,
.ix-grid .rt-card-title a,
.rt-grid .rt-card-title a,
.home-grid .rt-card-title a {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
}
.rt-card-meta,
.page-home .rt-card-meta,
.ix-grid .rt-card-meta,
.rt-grid .rt-card-meta,
.home-grid .rt-card-meta {
  min-height: 1.3em !important;
  max-height: 1.3em !important;
  font-size: 0.8rem !important;
  color: #94a3b8 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.rt-card-buyzone,
.page-home .rt-card-buyzone,
.ix-grid .rt-card-buyzone,
.rt-grid .rt-card-buyzone,
.home-grid .rt-card-buyzone {
  margin-top: auto !important;
  padding-top: 8px !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
}
.rt-price,
.page-home .rt-price,
.ix-grid .rt-price,
.rt-grid .rt-price {
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  color: #0b1220 !important;
  letter-spacing: -0.03em !important;
}

/* —— 5/6 —— Footer + top ticker share the same dim black —— */
.footer,
#siteFooter.footer,
footer.footer {
  background: var(--rt-chrome-dark, #121212) !important;
  background-color: var(--rt-chrome-dark, #121212) !important;
  background-image: none !important;
  color: #94a3b8 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.footer .container,
#siteFooter .container {
  background: transparent !important;
  background-color: transparent !important;
}
.footer-brand p,
.footer .footer-brand p {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
.footer-links h4,
.footer .footer-links h4 {
  color: #e2e8f0 !important;
}
.footer-links a,
.footer .footer-links a,
.footer a {
  color: #cbd5e1 !important;
}
.footer a:hover {
  color: #ffffff !important;
}
.footer-bottom-slim p,
.footer-bottom p {
  color: #94a3b8 !important;
}

/* —— 7 — Bright white lighting on trust + category tiles —— */
.sf-home-trust,
.sf-home-trust-bar,
.page-home .sf-home-trust,
.page-home .sf-home-trust-bar {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(15, 23, 42, 0.06) !important;
}
.page-home .ix-cat-rail,
.page-home #categories.ix-cat-rail {
  background: #ffffff !important;
  background-image: none !important;
}
.page-home .ix-cat-tile {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}
.page-home .ix-cat-tile:hover,
.page-home .ix-cat-tile:focus-visible {
  background: #ffffff !important;
  border-color: rgba(29, 78, 216, 0.28) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
/* —— Category tiles — denser, even, less empty space —— */
.page-home .ix-cat-rail {
  padding: 12px 0 10px !important;
  background: #ffffff !important;
}
.page-home .ix-cat-rail-track {
  gap: 8px !important;
  padding: 2px 0 4px !important;
  align-items: stretch !important;
}
.page-home .ix-cat-tile,
.page-home .ix-cat-tile-used,
.page-home .ix-cat-tile-certified {
  width: 88px !important;
  min-width: 88px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px 8px 10px !important;
  gap: 8px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.page-home .ix-cat-tile:hover,
.page-home .ix-cat-tile:focus-visible,
.page-home .ix-cat-tile-certified:hover,
.page-home .ix-cat-tile-certified:focus-visible {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07) !important;
  transform: translateY(-1px) !important;
}
.page-home .ix-cat-tile-ico,
.page-home .ix-cat-tile-used .ix-cat-tile-ico,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  color: #0b1220 !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico {
  width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
}
.page-home .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
  width: 32px !important;
  height: 32px !important;
  display: block !important;
  overflow: visible !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
  width: 44px !important;
  height: 44px !important;
}
.page-home .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg * {
  stroke: #0b1220 !important;
  color: #0b1220 !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.page-home .ix-cat-tile-ico svg circle[fill="currentColor"],
.page-home .ix-cat-tile-ico svg *[fill="currentColor"],
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg *[fill="currentColor"] {
  fill: currentColor !important;
  stroke: none !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg .ix-cu-badge-fill {
  fill: #ffffff !important;
  stroke: #0b1220 !important;
  stroke-width: 2 !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg .ix-cu-check {
  stroke: #047857 !important;
  stroke-width: 2.4 !important;
  fill: none !important;
}
.page-home .ix-cat-cert-mark {
  display: none !important;
}
.page-home .ix-cat-tile strong,
.page-home .ix-cat-tile-certified strong {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: #0f172a !important;
  letter-spacing: -0.015em !important;
}
@media (min-width: 901px) {
  .page-home .ix-cat-tile,
  .page-home .ix-cat-tile-used,
  .page-home .ix-cat-tile-certified {
    width: 96px !important;
    min-width: 96px !important;
    min-height: 0 !important;
    padding: 14px 10px 12px !important;
    gap: 8px !important;
  }
  .page-home .ix-cat-tile-ico,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 44px !important;
    height: 44px !important;
  }
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 56px !important;
    height: 56px !important;
  }
  .page-home .ix-cat-tile-ico svg,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 34px !important;
    height: 34px !important;
  }
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 48px !important;
    height: 48px !important;
  }
  .page-home .ix-cat-rail-track {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}
@media (max-width: 640px) {
  .page-home .ix-cat-tile,
  .page-home .ix-cat-tile-used,
  .page-home .ix-cat-tile-certified {
    width: 82px !important;
    min-width: 82px !important;
    min-height: 0 !important;
    padding: 10px 6px 9px !important;
    gap: 7px !important;
  }
  .page-home .ix-cat-tile-ico,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 36px !important;
    height: 36px !important;
  }
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 46px !important;
    height: 46px !important;
  }
  .page-home .ix-cat-tile-ico svg,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 28px !important;
    height: 28px !important;
  }
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 40px !important;
    height: 40px !important;
  }
  .page-home .ix-cat-tile strong {
    font-size: 0.68rem !important;
  }
  .page-home .ix-cat-rail-track {
    gap: 7px !important;
  }
}

/* —— Header utilities — borderless, tight alignment —— */
.sf-mainbar-pro {
  gap: 6px 8px !important;
  align-items: center !important;
}
.sf-actions-pro {
  gap: 0 !important;
  align-items: center !important;
  height: 34px !important;
}
.sf-profile-wrap {
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
}
.sf-profile-btn,
.sf-cart-btn-pro,
.sf-wish-btn,
.sf-icon-link,
.sf-header .menu-toggle,
.sf-actions-pro .menu-toggle,
.sf-lang {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}
.sf-profile-btn,
.sf-cart-btn-pro,
.sf-wish-btn,
.sf-icon-link,
.sf-header .menu-toggle,
.sf-actions-pro .menu-toggle {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  color: #0b1220 !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.12s ease !important;
}
.sf-wish-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.sf-profile-btn svg,
.sf-cart-btn-pro svg,
.sf-wish-btn svg,
.sf-icon-link svg {
  width: 19px !important;
  height: 19px !important;
  stroke: currentColor !important;
}
.sf-profile-btn:hover,
.sf-profile-wrap.is-open .sf-profile-btn,
.sf-cart-btn-pro:hover,
.sf-wish-btn:hover,
.sf-icon-link:hover,
.sf-actions-pro .menu-toggle:hover,
.sf-lang:hover {
  background: rgba(15, 23, 42, 0.06) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #0b1220 !important;
}
.sf-profile-btn:active,
.sf-cart-btn-pro:active,
.sf-wish-btn:active,
.sf-icon-link:active,
.sf-actions-pro .menu-toggle:active,
.sf-lang:active,
.sf-profile-btn:focus-visible,
.sf-cart-btn-pro:focus-visible,
.sf-icon-link:focus-visible,
.sf-actions-pro .menu-toggle:focus-visible,
.sf-lang:focus-visible {
  background: rgba(15, 23, 42, 0.1) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: scale(0.96) !important;
}
.sf-lang {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #0b1220 !important;
  transition: background 0.16s ease, transform 0.12s ease !important;
}
.sf-search-pro {
  height: 36px !important;
  min-height: 36px !important;
  border: 1px solid rgba(168, 85, 247, 0.18) !important;
  border-radius: 10px !important;
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  box-shadow: none !important;
  /* visible so autocomplete can drop below the pill (was clipping .sf-suggest) */
  overflow: visible !important;
  transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease !important;
}
.sf-search-pro:focus-within {
  border-color: rgba(168, 85, 247, 0.35) !important;
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.12) !important;
}
.sf-search-pro input {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 34px !important;
  height: 34px !important;
}
.sf-search-pro button {
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  min-height: 34px !important;
  font-weight: 700 !important;
}
.sf-search-pro button:hover {
  background: rgba(192, 38, 211, 0.08) !important;
  color: #0f172a !important;
}
.sf-header .menu-toggle span,
.sf-actions-pro .menu-toggle span {
  width: 14px !important;
  height: 1.5px !important;
  border-radius: 1px !important;
  background: currentColor !important;
}
@media (min-width: 1100px) {
  .sf-cart-btn-pro {
    width: auto !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    border-radius: 8px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}
@media (max-width: 900px) {
  .sf-mainbar-pro {
    gap: 6px !important;
    padding: 6px 8px !important;
  }
  .sf-actions-pro {
    gap: 0 !important;
    height: 34px !important;
  }
  .sf-profile-btn,
  .sf-cart-btn-pro,
  .sf-header .menu-toggle,
  .sf-actions-pro .menu-toggle {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sf-header .menu-toggle,
  .sf-actions-pro .menu-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .sf-profile-btn svg,
  .sf-cart-btn-pro svg {
    width: 19px !important;
    height: 19px !important;
  }
  .sf-lang {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sf-search-pro {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }
}

/* —— Homepage section rhythm —— */
.page-home #homeNewSection,
.page-home #homeBestSection {
  background: #ffffff !important;
}
/* Featured picks use soft lavender band (see --rt-brand-soft below) */
.page-home .ix-featured-picks-lead {
  display: none !important;
}
.page-home .ix-head {
  border-bottom-color: rgba(15, 23, 42, 0.07) !important;
}
/* This Week's Hits: hairline ABOVE title; title then products with clear gap */
.page-home #homeWeekHits .ix-week-hits-head,
.page-home #homeWeekHits .ix-head.ix-week-hits-head,
.page-home .ix-week-hits .ix-week-hits-head,
.page-home .ix-week-hits .ix-head.ix-week-hits-head {
  border-top: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-bottom: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}
.page-home .ix-head a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1.5px solid #0b1220 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #0b1220 !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}
.page-home .ix-head a:hover {
  background: transparent !important;
  color: #1e3a8a !important;
  border-bottom-color: #1e3a8a !important;
  border-color: transparent !important;
}

/* —— Brands rail — logos only, larger, no hard boxes —— */
.page-home .ix-brands-section {
  background: #ffffff !important;
  padding: 36px 0 40px !important;
}
.page-home .ix-brand-marquee {
  padding: 4px 0 8px !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%) !important;
}
.page-home .ix-brand-track {
  gap: 8px !important;
  align-items: center !important;
}
.page-home .ix-brand-logo {
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  padding: 12px 14px !important;
  border-radius: 22px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  -webkit-user-drag: none;
  user-select: none;
}
.page-home .ix-brand-logo img,
.page-home .ix-brand-logo svg {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
}
.page-home .ix-brand-logo:hover,
.page-home .ix-brand-logo:focus-visible {
  transform: translateY(-1px) !important;
  border: 0 !important;
  background: rgba(15, 23, 42, 0.035) !important;
  box-shadow: none !important;
}
.page-home .ix-brand-logo-mark {
  width: 140px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}
.page-home .ix-brand-logo-mark img,
.page-home .ix-brand-logo-mark svg,
.page-home .ix-brand-logo[data-brand] .ix-brand-logo-mark img {
  /* Wide/wordmark logos: shared max height, natural width (never stretch) */
  width: auto !important;
  height: auto !important;
  max-width: 132px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform-origin: center center !important;
}
/* Desktop step 1 ONLY — slightly larger previous size for these 8 logos */
.page-home .ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="xiaomi"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="huawei"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="meta"] .ix-brand-logo-mark,
.page-home .ix-brand-logo[data-brand="oneplus"] .ix-brand-logo-mark {
  height: 64px !important;
  width: 140px !important;
}
.page-home .ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="xiaomi"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="huawei"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="meta"] .ix-brand-logo-mark img,
.page-home .ix-brand-logo[data-brand="oneplus"] .ix-brand-logo-mark img {
  max-width: 58px !important;
  max-height: 58px !important;
}
/* Desktop only (≥901px): Apple larger, Lenovo larger, Nikon larger+nudge, Dyson nudge right */
@media (min-width: 901px) {
  .page-home .ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark {
    height: 72px !important;
    width: 140px !important;
  }
  .page-home .ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark img {
    max-width: 64px !important;
    max-height: 64px !important;
    width: auto !important;
    height: auto !important;
  }
  .page-home .ix-brand-logo[data-brand="lenovo"] .ix-brand-logo-mark img {
    max-width: 140px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
  .page-home .ix-brand-logo[data-brand="nikon"] .ix-brand-logo-mark img {
    max-width: 140px !important;
    max-height: 36px !important;
    width: auto !important;
    height: auto !important;
    transform: translateX(20px) !important;
  }
  .page-home .ix-brand-logo[data-brand="canon"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark {
    height: 48px !important;
    width: 152px !important;
  }
  .page-home .ix-brand-logo[data-brand="canon"] .ix-brand-logo-mark img {
    width: auto !important;
    height: 34px !important;
    max-width: 152px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
  .page-home .ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark img {
    width: auto !important;
    height: 34px !important;
    max-width: 152px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateX(8px) !important;
  }
}
/* System B — lift ultra-wide toward Lenovo height; keep within card (no clip) */
.page-home .ix-brand-logo[data-brand="samsung"] .ix-brand-logo-mark img {
  max-width: 132px !important;
  max-height: 22px !important;
  transform: scale(1.1);
}
.page-home .ix-brand-logo[data-brand="sony"] .ix-brand-logo-mark img {
  max-width: 128px !important;
  max-height: 24px !important;
  transform: scale(1.08);
}
@media (max-width: 900px) {
  .page-home .ix-brand-logo {
    flex: 0 0 136px !important;
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 10px 8px !important;
  }
  .page-home .ix-brand-logo-mark {
    width: 120px !important;
    height: 40px !important;
  }
  .page-home .ix-brand-logo-mark img,
  .page-home .ix-brand-logo-mark svg,
  .page-home .ix-brand-logo[data-brand] .ix-brand-logo-mark img {
    max-width: 112px !important;
    max-height: 24px !important;
  }
  .page-home .ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="xiaomi"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="huawei"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="meta"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="oneplus"] .ix-brand-logo-mark img {
    max-width: 36px !important;
    max-height: 36px !important;
  }
  .page-home .ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark img {
    max-width: 38px !important;
    max-height: 38px !important;
  }
  .page-home .ix-brand-logo[data-brand="canon"] .ix-brand-logo-mark img {
    max-width: 116px !important;
    max-height: 32px !important;
    transform: none !important;
  }
  .page-home .ix-brand-logo[data-brand="samsung"] .ix-brand-logo-mark img {
    max-width: 108px !important;
    max-height: 20px !important;
    transform: scale(1.12);
  }
  .page-home .ix-brand-logo[data-brand="sony"] .ix-brand-logo-mark img {
    max-width: 108px !important;
    max-height: 22px !important;
    transform: scale(1.1);
  }
  .page-home .ix-brand-logo[data-brand="honor"] .ix-brand-logo-mark img {
    max-width: 108px !important;
    max-height: 22px !important;
    transform: scale(1.1);
  }
  .page-home .ix-brand-logo[data-brand="asus"] .ix-brand-logo-mark img {
    max-width: 108px !important;
    max-height: 24px !important;
    transform: scale(1.06);
  }
}
@media (max-width: 640px) {
  /* Mobile ONLY — same approved desktop logo system, ~0.8 scale to fit phone cards */
  .page-home .ix-brand-marquee {
    mask-image: none !important;
    -webkit-mask-image: none !important;
    padding: 6px 0 10px !important;
    margin: 0 !important;
    min-height: 80px !important;
    overflow: hidden !important;
  }
  .page-home .ix-brand-track {
    align-items: center !important;
    gap: 6px !important;
  }
  .page-home .ix-brand-logo {
    flex: 0 0 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 8px 6px !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
  }
  .page-home .ix-brand-logo-mark {
    width: 116px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
  }
  .page-home .ix-brand-logo-mark img,
  .page-home .ix-brand-logo-mark svg,
  .page-home .ix-brand-logo[data-brand] .ix-brand-logo-mark img {
    width: auto !important;
    height: auto !important;
    max-width: 106px !important;
    max-height: 21px !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform-origin: center center !important;
  }
  /* Compact icons — same set as desktop (58→46) */
  .page-home .ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="xiaomi"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="huawei"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="meta"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="oneplus"] .ix-brand-logo-mark {
    height: 52px !important;
    width: 116px !important;
  }
  .page-home .ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="xiaomi"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="huawei"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="meta"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="oneplus"] .ix-brand-logo-mark img {
    max-width: 46px !important;
    max-height: 46px !important;
  }
  /* Apple — desktop 64→51 */
  .page-home .ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark {
    height: 56px !important;
    width: 116px !important;
  }
  .page-home .ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark img {
    max-width: 51px !important;
    max-height: 51px !important;
    width: auto !important;
    height: auto !important;
  }
  /* Lenovo — desktop 34→27 */
  .page-home .ix-brand-logo[data-brand="lenovo"] .ix-brand-logo-mark img {
    max-width: 112px !important;
    max-height: 27px !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
  /* Nikon — desktop 36→29 + nudge right */
  .page-home .ix-brand-logo[data-brand="nikon"] .ix-brand-logo-mark img {
    max-width: 112px !important;
    max-height: 29px !important;
    width: auto !important;
    height: auto !important;
    transform: translateX(16px) !important;
  }
  /* Canon + Dyson equal — desktop 34→27; Dyson optical nudge */
  .page-home .ix-brand-logo[data-brand="canon"] .ix-brand-logo-mark,
  .page-home .ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark {
    height: 40px !important;
    width: 120px !important;
  }
  .page-home .ix-brand-logo[data-brand="canon"] .ix-brand-logo-mark img {
    width: auto !important;
    height: 27px !important;
    max-width: 120px !important;
    max-height: 27px !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
  .page-home .ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark img {
    width: auto !important;
    height: 27px !important;
    max-width: 120px !important;
    max-height: 27px !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateX(6px) !important;
  }
  /* Ultra-wide — same desktop System B ratios */
  .page-home .ix-brand-logo[data-brand="samsung"] .ix-brand-logo-mark img {
    max-width: 106px !important;
    max-height: 18px !important;
    transform: scale(1.1);
  }
  .page-home .ix-brand-logo[data-brand="sony"] .ix-brand-logo-mark img {
    max-width: 102px !important;
    max-height: 19px !important;
    transform: scale(1.08);
  }
  /* Clear tablet-only Honor/ASUS lifts — desktop uses default wordmark rules */
  .page-home .ix-brand-logo[data-brand="honor"] .ix-brand-logo-mark img,
  .page-home .ix-brand-logo[data-brand="asus"] .ix-brand-logo-mark img {
    max-width: 106px !important;
    max-height: 21px !important;
    transform: none !important;
  }
}

/* Homepage top category icon rail — hidden (categories live in CMS explore section + nav) */
body.page-home #categories.ix-cat-rail,
body.page-home .ix-home-top > #categories {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: hidden !important;
}

/* —— RTL / Arabic: keep panels + drawers on-screen —— */
.sf-profile-panel {
  width: min(280px, calc(100vw - 20px)) !important;
  max-width: calc(100vw - 20px) !important;
  box-sizing: border-box !important;
}
html[dir="rtl"] .sf-profile-panel,
html[dir="rtl"] body.is-ar .sf-profile-panel {
  left: 0 !important;
  right: auto !important;
}
@media (max-width: 900px) {
  html[dir="rtl"] .sf-profile-panel,
  html[dir="rtl"] body.is-ar .sf-profile-panel {
    left: 0 !important;
    right: auto !important;
  }
  html[dir="rtl"] .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar .sf-mobile-drawer-inner {
    left: auto !important;
    right: 0 !important;
    border-radius: 16px 0 0 16px !important;
    box-shadow: -12px 0 32px rgba(15, 23, 42, 0.18) !important;
  }
}
.sf-mobile-drawer-inner {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  max-width: calc(100vw - 12px) !important;
}
.sf-mobile-cats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
}
.sf-mobile-cats a,
.sf-mobile-drawer-inner a {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}
html[dir="rtl"] .sf-mobile-drawer-inner,
html[dir="rtl"] .sf-profile-panel,
html[dir="rtl"] .sf-profile-link,
html[dir="rtl"] .sf-profile-head strong,
html[dir="rtl"] .sf-profile-head em {
  text-align: right !important;
}
html[dir="rtl"] .rt-cart-drawer {
  left: 0 !important;
  right: auto !important;
}
html[dir="rtl"] .ix-head {
  flex-direction: row-reverse !important;
}
html[dir="rtl"] .ix-head,
html[dir="rtl"] .page-hero-inner,
html[dir="rtl"] .faq-item {
  text-align: right !important;
}
html[dir="rtl"] body {
  overflow-x: hidden !important;
}

/* =========================================================
   Homepage offer cards — match approved Limited-Time design
   Sweet colours · aligned layout · CSS only (no logic)
   ========================================================= */

.page-home {
  --offer-blue: #2563eb;
  --offer-blue-2: #0284c7;
  --offer-mint: #059669;
  --offer-mint-soft: rgba(5, 150, 105, 0.12);
  --offer-gold: #fbbf24;
  --offer-gold-2: #f59e0b;
  --offer-amber: #f59e0b;
  --offer-ink: #0b1220;
}

/* Offer / promo bands — soft brand tint (same as Limited Time) around white cards */
.page-home #homeFeaturedPicks:not([hidden]),
.page-home .ix-featured-picks:not([hidden]) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/*
 * Critical: promo .container was forced white and hid the soft band.
 * Keep cards white; let the soft band show around them.
 */
.page-home .ix-limited-drop:not([hidden]) > .container,
.page-home .ix-certified-block:not([hidden]) > .container,
.page-home section.ix-section:has(.ix-offers-banner) > .container,
.page-home #homeOffersSection > .container,
.page-home #homeFeaturedPicks:not([hidden]) > .container,
.page-home .ix-featured-picks:not([hidden]) > .container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.page-home .ix-limited-drop:not([hidden]) {
  padding: 1.15rem 0 0.95rem !important;
}
.page-home .ix-offers-banner:has(.sp-mkt-card.sp-offer-live) {
  padding: 0.55rem 0 0.75rem !important;
  margin: 0 auto 0.35rem !important;
  border-radius: 0 !important;
  max-width: none !important;
  background: transparent !important;
}
.page-home section.ix-section:has(.ix-offers-banner) {
  padding-top: 1.35rem !important;
  padding-bottom: 1.35rem !important;
}
.page-home .ix-certified-block:not([hidden]),
.page-home .ix-certified-block:has(.cu-mkt-card:not([hidden])) {
  padding-top: 1.25rem !important;
  padding-bottom: 0.95rem !important;
}
.page-home #homeFeaturedPicks:not([hidden]),
.page-home .ix-featured-picks:not([hidden]) {
  padding-top: 1.25rem !important;
  padding-bottom: 1.15rem !important;
}

/* —— Smart promo cards: even solid white on tinted section (no pink edge glow) —— */
.page-home .ltd-card[data-ltd-live="1"],
.page-home .sp-mkt-card.sp-offer-live,
.page-home .cu-mkt-card:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 1fr) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  outline: none !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Kill glass shine / glow overlays */
.page-home .ltd-shine,
.page-home .ltd-glow,
.page-home .sp-mkt-shine,
.page-home .sp-mkt-glow,
.page-home .cu-mkt-shine,
.page-home .cu-mkt-glow {
  display: none !important;
  animation: none !important;
}

/* —— Full-bleed product stage (corner to corner, seamless with body) —— */
.page-home .ltd-card[data-ltd-live="1"] .ltd-media,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-media,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-media {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  border-inline-end: 0 !important;
  border-inline-start: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Content column — same even white as media (no tint wash) */
.page-home .ltd-card[data-ltd-live="1"] .ltd-body,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-body,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 1.35rem 1.4rem 1.4rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  border-inline-start: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Product images — wide, fill stage, no tiny inset */
.page-home .ltd-card[data-ltd-live="1"] .ltd-img:not([hidden]),
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-img:not([hidden]),
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-img:not([hidden]):not([src=""]) {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 280px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 1.35rem 1.1rem !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}
.page-home .sp-mkt-card.sp-offer-live.has-photo .sp-mkt-img {
  height: 100% !important;
  min-height: 280px !important;
  max-height: none !important;
  padding: 1.35rem 1.1rem !important;
  object-fit: contain !important;
}
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-device {
  width: min(82%, 260px) !important;
  color: #0f172a !important;
  filter: none !important;
  opacity: 1 !important;
}
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-stage {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-home .ltd-card[data-ltd-live="1"] .ltd-body::before,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-body::before,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-body::before {
  content: none !important;
  display: none !important;
}

/* Titles / subs aligned */
.page-home .ltd-card[data-ltd-live="1"] .ltd-title,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-title,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-title {
  margin: 0 !important;
  font-size: clamp(1.12rem, 1.8vw, 1.38rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.22 !important;
  color: var(--offer-ink) !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-sub,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-sub,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-lead {
  margin: 0 !important;
  max-width: 42ch !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  color: #64748b !important;
}

/* —— Professional badge split: LIMITED TIME in text · Save on photo only —— */
.page-home .ix-limited-drop .ltd-eyebrow,
.page-home .ltd-eyebrow {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin: 0 0 0.35rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}
/* Offer badges — original starting blue pills (Weekly Offer + Renewed Deal / CU offer label) */
.page-home .ltd-card[data-ltd-live="1"] .ltd-badge,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-badge,
.ix-offers-banner .sp-mkt-badge,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-badge:not([hidden]),
.ix-certified-block .cu-mkt-card:not([hidden]) .cu-mkt-badge:not([hidden]) {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.28rem 0.72rem !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.05 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--offer-blue-2, #0284c7), var(--offer-blue, #2563eb)) !important;
  background-image: linear-gradient(90deg, var(--offer-blue-2, #0284c7), var(--offer-blue, #2563eb)) !important;
  background-size: auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.25) !important;
  filter: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-badge {
  display: none !important;
}
/* Soft brand fallback label only when admin badge is hidden (not Renewed Deal pill) */
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-head:has(.cu-mkt-badge[hidden])::before {
  content: "Renewed" !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.28rem 0.72rem !important;
  min-height: 0 !important;
  line-height: 1.05 !important;
  border-radius: 999px !important;
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border: 1px solid rgba(16, 27, 46, 0.16) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-head:has(.cu-mkt-badge[hidden])::before,
.ix-certified-block .cu-mkt-card--smart:not([hidden]) .cu-mkt-head:has(.cu-mkt-badge[hidden])::before {
  content: none !important;
  display: none !important;
}

/* Sweet Save chip — Weekly offer only (LTO uses timer pill instead of pink Save) */
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-save-chip,
.page-home .sp-mkt-card.sp-offer-live:not(.has-photo) .sp-mkt-disc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: var(--rt-save-pill) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 6px 14px rgba(232, 121, 249, 0.32) !important;
  animation: rt-offer-fire-pulse 1.8s ease-in-out infinite !important;
  text-shadow: none !important;
}

@keyframes rt-offer-fire-pulse {
  0%,
  100% {
    filter: brightness(1);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.35),
      0 6px 14px rgba(232, 121, 249, 0.32);
  }
  50% {
    filter: brightness(1.06);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.4),
      0 8px 18px rgba(249, 115, 22, 0.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .ltd-card[data-ltd-live="1"] .ltd-save-chip,
  .page-home .sp-mkt-card.sp-offer-live .sp-mkt-save-chip,
  .page-home .ltd-card[data-ltd-live="1"].ltd-no-media .ltd-disc,
  .page-home .sp-mkt-card.sp-offer-live:not(.has-photo) .sp-mkt-disc {
    animation: none !important;
  }
}

/* LTO: hide pink Save chip — timer pill takes that corner instead */
.page-home .ltd-card[data-ltd-live="1"] .ltd-save-chip,
.page-home .ltd-card[data-ltd-live="1"] .ltd-disc,
.page-home .ltd-card[data-ltd-live="1"].ltd-no-media .ltd-disc {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Save chip — Weekly offer only (not LTO) */
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-save-chip {
  position: absolute !important;
  z-index: 4 !important;
  top: 12px !important;
  bottom: auto !important;
  inset-inline-start: 12px !important;
  inset-inline-end: auto !important;
  left: 12px !important;
  right: auto !important;
}
html[dir="rtl"] .page-home .sp-mkt-card.sp-offer-live .sp-mkt-save-chip {
  left: 12px !important;
  right: auto !important;
  inset-inline-start: 12px !important;
  inset-inline-end: auto !important;
}

@media (max-width: 900px) {
  .page-home .sp-mkt-card.sp-offer-live .sp-mkt-save-chip {
    top: 10px !important;
    left: 10px !important;
    inset-inline-start: 10px !important;
    padding: 7px 12px !important;
    font-size: 0.72rem !important;
  }
}

/* Used card: never show pink Save chip (no admin control; was empty/weird) */
.page-home .cu-mkt-card .cu-mkt-save,
.ix-certified-block .cu-mkt-card .cu-mkt-save,
.page-home .cu-mkt-card .cu-mkt-disc,
.ix-certified-block .cu-mkt-card .cu-mkt-disc {
  display: none !important;
}

/* Never repeat Save under the title when photo Save exists */
.page-home .ltd-card[data-ltd-live="1"]:not(.ltd-no-media) .ltd-disc,
.page-home .sp-mkt-card.sp-offer-live.has-photo .sp-mkt-disc,
.page-home .cu-mkt-card.cu-mkt-has-photo .cu-mkt-disc,
.page-home .ltd-disc[hidden],
.page-home .sp-mkt-disc[hidden],
.page-home .cu-mkt-disc[hidden] {
  display: none !important;
}

/* Body — title first, less crowded (pills live on photo) */
.page-home .ltd-card[data-ltd-live="1"] .ltd-body {
  gap: 0.55rem !important;
  padding-top: 1.25rem !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-title {
  margin-top: 0 !important;
}

/* Compact countdown — top-left on photo (replaces former pink Save chip corner) */
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer,
.page-home .ltd-card[data-ltd-live="1"] .ltd-timer {
  position: absolute !important;
  z-index: 5 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  inset-inline-start: 12px !important;
  inset-inline-end: auto !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  align-self: auto !important;
  width: auto !important;
  max-width: min(220px, calc(100% - 24px)) !important;
  margin: 0 !important;
  padding: 0.28rem 0.58rem !important;
  min-height: 0 !important;
  text-align: center !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  animation: none !important;
  pointer-events: none !important;
}
html[dir="rtl"] .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer,
html[dir="rtl"] .page-home .ltd-card[data-ltd-live="1"] .ltd-timer {
  left: auto !important;
  right: 12px !important;
  inset-inline-start: auto !important;
  inset-inline-end: 12px !important;
  flex-direction: row !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-timer-label {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-timer-units {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 0 !important;
  gap: 0.1rem !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-unit {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  overflow: visible !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-flip {
  height: 1em !important;
  line-height: 1em !important;
  overflow: hidden !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-flip-curr,
.page-home .ltd-card[data-ltd-live="1"] .ltd-flip-fall {
  font-family: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: tabular-nums !important;
  color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
  text-shadow: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-flip-fall {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-unit-label {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-sep {
  padding: 0 0.02rem !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-shadow: none !important;
  animation: none !important;
  opacity: 1 !important;
  align-self: center !important;
}
@media (max-width: 520px) {
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer,
  .page-home .ltd-card[data-ltd-live="1"] .ltd-timer {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    inset-inline-start: 10px !important;
    inset-inline-end: auto !important;
    max-width: min(200px, calc(100% - 20px)) !important;
    padding: 0.24rem 0.48rem !important;
    gap: 0.28rem !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-flip-curr,
  .page-home .ltd-card[data-ltd-live="1"] .ltd-flip-fall {
    font-size: 0.68rem !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-sep {
    font-size: 0.62rem !important;
  }
}

/* CTAs on promo / offer / used marketing cards — brand dark */
.page-home .ltd-cta,
.page-home .ltd-card[data-ltd-live="1"] .ltd-cta,
.page-home .sp-mkt-cta,
.ix-offers-banner .sp-mkt-cta,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-cta,
.page-home .cu-mkt-cta,
.ix-certified-block .cu-mkt-cta,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-cta {
  margin-top: 0.35rem !important;
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  background: var(--rt-brand-dark-grad) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    var(--rt-brand-dark-shadow) !important;
}
.page-home .ltd-cta:hover,
.page-home .ltd-card[data-ltd-live="1"] .ltd-cta:hover,
.page-home .sp-mkt-cta:hover,
.ix-offers-banner .sp-mkt-cta:hover,
.page-home .sp-mkt-card.sp-offer-live .sp-mkt-cta:hover,
.page-home .cu-mkt-cta:hover,
.ix-certified-block .cu-mkt-cta:hover,
.page-home .cu-mkt-card:not([hidden]) .cu-mkt-cta:hover {
  background: var(--rt-brand-dark-hover) !important;
  background-image: none !important;
  color: #fff !important;
}

/* Marketing countdown base chrome — unused when timer lives on image */
.page-home .ltd-body .ltd-timer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.7rem !important;
  padding: 0.78rem 0.95rem !important;
  border-radius: 14px !important;
  background: var(--rt-mkt-timer-glow), var(--rt-mkt-timer-shell) !important;
  background-image: var(--rt-mkt-timer-glow), var(--rt-mkt-timer-shell) !important;
  border: 1.5px solid var(--rt-mkt-timer-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 26px rgba(7, 16, 31, 0.35),
    0 0 0 3px rgba(37, 99, 235, 0.14) !important;
  animation: ltd-offer-glow 2s ease-in-out infinite !important;
}
@keyframes ltd-offer-glow {
  0%,
  100% {
    border-color: rgba(96, 165, 250, 0.32);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 10px 26px rgba(7, 16, 31, 0.32),
      0 0 0 3px rgba(37, 99, 235, 0.12);
    transform: none;
  }
  50% {
    border-color: rgba(147, 197, 253, 0.55);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      0 12px 30px rgba(7, 16, 31, 0.42),
      0 0 0 4px rgba(59, 130, 246, 0.22),
      0 0 28px rgba(37, 99, 235, 0.2);
  }
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-timer-label,
.page-home .ltd-timer-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.28rem 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-bottom: 2px solid var(--rt-mkt-timer-label-line) !important;
  color: var(--rt-mkt-timer-label) !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
.page-home .ltd-timer-units {
  display: flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.page-home .ltd-unit {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: center !important;
  padding: 0.42rem 0.14rem 0.34rem !important;
  border-radius: 10px !important;
  background: var(--rt-mkt-timer-unit-bg) !important;
  background-image: var(--rt-mkt-timer-unit-bg) !important;
  border: 1px solid var(--rt-mkt-timer-unit-border) !important;
  color: var(--rt-mkt-timer-digit) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(7, 16, 31, 0.35) !important;
}
.page-home .ltd-flip {
  position: relative !important;
  display: block !important;
  height: 1.55em !important;
  overflow: hidden !important;
  line-height: 1.55em !important;
}
.page-home .ltd-flip-curr,
.page-home .ltd-flip-fall {
  display: block !important;
  width: 100% !important;
  font-family: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: clamp(1.22rem, 2.9vw, 1.58rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--rt-mkt-timer-digit) !important;
  background: var(--rt-mkt-timer-digit-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.35)) !important;
}
.page-home .ltd-unit-label {
  display: block !important;
  margin-top: 0.06rem !important;
  font-size: 0.48rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--rt-mkt-timer-muted) !important;
}
.page-home .ltd-sep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  padding: 0 0.02rem 0.42rem !important;
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--rt-mkt-timer-sep) !important;
  text-shadow: 0 0 12px rgba(96, 165, 250, 0.55) !important;
  animation: ltd-colon-blink 0.9s steps(1, end) infinite !important;
}
@keyframes ltd-colon-blink {
  0%,
  45% {
    opacity: 1;
    transform: scale(1);
  }
  46%,
  100% {
    opacity: 0.25;
    transform: scale(0.92);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .ltd-timer,
  .page-home .ltd-card[data-ltd-live="1"] .ltd-timer,
  .page-home .ltd-sep {
    animation: none !important;
  }
}
@media (max-width: 520px) {
  .page-home .ltd-body .ltd-timer {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding: 0.5rem 0.6rem !important;
  }
  .page-home .ltd-body .ltd-timer-label,
  .page-home .ltd-timer-label {
    font-size: 0.58rem !important;
    letter-spacing: 0.08em !important;
    padding: 0.15rem 0 !important;
    flex: 0 0 auto !important;
  }
  .page-home .ltd-body .ltd-timer-units {
    gap: 0.1rem !important;
    min-width: 0 !important;
  }
  .page-home .ltd-body .ltd-unit {
    padding: 0.28rem 0.08rem 0.22rem !important;
    border-radius: 8px !important;
  }
  .page-home .ltd-body .ltd-flip {
    height: 1.25em !important;
    line-height: 1.25em !important;
  }
  .page-home .ltd-body .ltd-flip-curr,
  .page-home .ltd-body .ltd-flip-fall {
    font-size: 0.95rem !important;
    letter-spacing: 0.04em !important;
  }
  .page-home .ltd-body .ltd-unit-label {
    font-size: 0.4rem !important;
    letter-spacing: 0.08em !important;
  }
  .page-home .ltd-body .ltd-sep {
    font-size: 0.95rem !important;
    padding: 0 0.01rem 0.28rem !important;
  }
}

/* Photo countdown — compact top-left pill where pink Save used to sit */
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer {
  position: absolute !important;
  z-index: 5 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  inset-inline-start: 12px !important;
  inset-inline-end: auto !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: min(220px, calc(100% - 24px)) !important;
  margin: 0 !important;
  padding: 0.28rem 0.58rem !important;
  gap: 0.35rem !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  animation: none !important;
  pointer-events: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer-label {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer-units {
  flex: 0 1 auto !important;
  gap: 0.1rem !important;
  justify-content: center !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-unit {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip {
  height: 1em !important;
  line-height: 1em !important;
  overflow: hidden !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip-curr,
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip-fall {
  font-family: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
  text-shadow: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip-fall {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-unit-label {
  display: none !important;
}
.page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-sep {
  padding: 0 0.02rem !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-shadow: none !important;
  animation: none !important;
  opacity: 1 !important;
  align-self: center !important;
}
@media (max-width: 520px) {
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-timer {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    inset-inline-start: 10px !important;
    inset-inline-end: auto !important;
    max-width: min(200px, calc(100% - 20px)) !important;
    padding: 0.24rem 0.48rem !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip-curr,
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-flip-fall {
    font-size: 0.68rem !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media .ltd-sep {
    font-size: 0.62rem !important;
  }
}

/* Hide empty/hidden chip elements (must beat display:inline-flex !important) */
.page-home .ltd-badge[hidden],
.page-home .ltd-tag[hidden],
.page-home .ltd-sub[hidden],
.page-home .ltd-disc[hidden],
.page-home .ltd-save-chip[hidden],
.page-home .ltd-img[hidden],
.page-home .ltd-timer[hidden],
.page-home .sp-mkt-badge[hidden],
.page-home .sp-mkt-sub[hidden],
.page-home .sp-mkt-disc[hidden],
.page-home .sp-mkt-media[hidden],
.page-home .cu-mkt-badge[hidden],
.page-home .cu-mkt-kicker[hidden],
.page-home .cu-mkt-img[hidden],
.page-home .cu-mkt-save[hidden],
.page-home .cu-mkt-points[hidden],
.page-home .cu-mkt-lead[hidden] {
  display: none !important;
}
.page-home .cu-mkt-img[src=""],
.page-home .ltd-img[src=""] {
  display: none !important;
}
.page-home .cu-mkt-eyebrow:not([hidden]) {
  background: #fff !important;
  border: 1px solid rgba(184, 137, 74, 0.28) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05) !important;
}
.page-home .cu-mkt-eyebrow-dot {
  background: #b8894a !important;
}

/* Offers rail product cards — white + wide corner-to-corner media */
.page-home .ix-offers-grid .rt-card,
.page-home #homeOffers .rt-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.page-home .ix-offers-grid .rt-card-media-wrap,
.page-home .ix-offers-grid .rt-card-media,
.page-home #homeOffers .rt-card-media-wrap,
.page-home #homeOffers .rt-card-media {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.page-home .ix-offers-grid .rt-card-media img,
.page-home #homeOffers .rt-card-media img {
  padding: 12px !important;
}

@media (max-width: 900px) {
  .page-home .ltd-card[data-ltd-live="1"],
  .page-home .sp-mkt-card.sp-offer-live,
  .page-home .cu-mkt-card:not([hidden]) {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
    max-width: 100% !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-media,
  .page-home .sp-mkt-card.sp-offer-live .sp-mkt-media,
  .page-home .cu-mkt-card:not([hidden]) .cu-mkt-media {
    border-inline-end: 0 !important;
    border-bottom: 0 !important;
    min-height: 0 !important;
  }
  .page-home .sp-mkt-card.sp-offer-live .sp-mkt-img,
  .page-home .cu-mkt-card:not([hidden]) .cu-mkt-img {
    max-height: 200px !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0.85rem 0.75rem !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-img {
    max-height: 240px !important;
    min-height: 200px !important;
    width: 100% !important;
    padding: 0.85rem 0.75rem !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
  }
  .page-home .ltd-card[data-ltd-live="1"] .ltd-body,
  .page-home .sp-mkt-card.sp-offer-live .sp-mkt-body,
  .page-home .cu-mkt-card:not([hidden]) .cu-mkt-body {
    padding: 0.9rem 0.9rem 1rem !important;
  }
}

/* ============================================================
   HEADER — slim professional e-commerce chrome
   Soft floating bar · high-contrast search · tight utilities
   ============================================================ */
:root {
  --sf-header-radius: 14px;
  --sf-search-h: 44px;
}

html {
  --sf-sticky-offset: 56px !important;
}

.header.sf-header-pro,
.sf-header.sf-header-pro,
.sf-header-pro {
  top: 0 !important;
  z-index: 1200 !important;
  /* Flat solid white chrome — no hairline under search row */
  padding: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box !important;
}

.sf-header-pro .sf-mainbar,
.sf-header-pro .sf-mainbar.sf-mainbar {
  width: min(1120px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.sf-header-pro .sf-mainbar-pro {
  display: grid !important;
  grid-template-columns: auto minmax(200px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px 14px !important;
  padding: 10px 4px !important;
  min-height: 60px !important;
}
/* Desktop: menu hidden; lang sits just before cart/account (same as before) */
.sf-header-pro .sf-header-start {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}
.sf-header-pro .sf-logo { order: 1 !important; }
.sf-header-pro .sf-search-pro,
.sf-header-pro #sfSearchDesk { order: 2 !important; }
.sf-header-pro .sf-header-start { order: 3 !important; }
.sf-header-pro .sf-actions-pro { order: 4 !important; }
@media (min-width: 901px) {
  .sf-header-pro .sf-mainbar-pro {
    display: flex !important;
  }
  .sf-header-pro .sf-search-pro,
  .sf-header-pro #sfSearchDesk {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

/* Brand lockup — full R + name only (slim, not crowded) */
.sf-header-pro .sf-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  max-width: none !important;
  text-decoration: none !important;
  color: #0f172a !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
.sf-header-pro .sf-logo-mark {
  display: inline-grid !important;
  place-items: center !important;
  width: auto !important;
  height: 34px !important;
  min-width: 0 !important;
  min-height: 34px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  line-height: 0 !important;
}
.sf-header-pro .sf-logo-mark img {
  width: auto !important;
  height: 34px !important;
  max-width: 96px !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}
.sf-header-pro .sf-logo-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  line-height: 1 !important;
}
.sf-header-pro .sf-logo-name {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: -0.03em !important;
  color: #0f172a !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.sf-header-pro .sf-logo-tag {
  display: none !important;
}
html[dir="rtl"] .sf-header-pro .sf-logo-text {
  align-items: flex-end !important;
}
@media (max-width: 900px) {
  .sf-header-pro .sf-logo-tag {
    display: none !important;
  }
}

/* Categories chip */
.sf-header-pro .sf-mega-btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  gap: 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
.sf-header-pro .sf-mega-btn:hover,
.sf-header-pro .sf-mega-btn[aria-expanded="true"] {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}
.sf-header-pro .sf-mega-btn svg {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.8 !important;
}

/* Search — lavender field + icon-only submit (reference style, mobile + desktop) */
.sf-header-pro .sf-search-pro {
  width: 100% !important;
  max-width: none !important;
  height: var(--sf-search-h, 44px) !important;
  min-height: var(--sf-search-h, 44px) !important;
  display: flex !important;
  align-items: stretch !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(15, 23, 42, 0.55) !important;
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.sf-header-pro .sf-search-pro:focus-within {
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  border-color: rgba(15, 23, 42, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(192, 38, 211, 0.1) !important;
}
.sf-header-pro .sf-search-pro input[type="search"],
.sf-header-pro .sf-search-pro input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 4px 0 16px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
.sf-header-pro .sf-search-pro input::placeholder {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
.sf-header-pro .sf-search-pro button[type="submit"],
.sf-header-pro .sf-search-pro button {
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0f172a !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}
.sf-header-pro .sf-search-pro button[type="submit"]:hover,
.sf-header-pro .sf-search-pro button:hover {
  background: rgba(192, 38, 211, 0.08) !important;
  background-color: rgba(192, 38, 211, 0.08) !important;
  color: #0f172a !important;
}
.sf-header-pro .sf-search-pro button[type="submit"]:active,
.sf-header-pro .sf-search-pro button:active {
  background: rgba(192, 38, 211, 0.12) !important;
  background-color: rgba(192, 38, 211, 0.12) !important;
}
.sf-header-pro .sf-search-pro .sf-search-btn-text {
  display: none !important;
}
.sf-header-pro .sf-search-pro .sf-search-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
}
.sf-header-pro .sf-search-pro .sf-search-ico svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  color: #0f172a !important;
  stroke: currentColor !important;
  fill: none !important;
  shape-rendering: geometricPrecision !important;
}

/* Utilities */
.sf-header-pro .sf-actions-pro {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
}
.sf-header-pro .sf-cart-btn-pro,
.sf-header-pro .sf-wish-btn,
.sf-header-pro .sf-profile-btn,
.sf-header-pro .sf-lang {
  height: 34px !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #334155 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.sf-header-pro .sf-cart-btn-pro:hover,
.sf-header-pro .sf-wish-btn:hover,
.sf-header-pro .sf-profile-btn:hover,
.sf-header-pro .sf-profile-wrap.is-open .sf-profile-btn,
.sf-header-pro .sf-lang:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
.sf-header-pro .sf-cart-btn-pro svg,
.sf-header-pro .sf-wish-btn svg,
.sf-header-pro .sf-profile-btn svg {
  width: 18px !important;
  height: 18px !important;
}
.sf-header-pro .sf-cart-btn-pro,
.sf-header-pro .sf-wish-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sf-header-pro .sf-lang {
  padding: 0 8px !important;
  gap: 6px !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
}
.sf-header-pro .sf-lang-code {
  font-size: 0.72rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  font-family: Manrope, system-ui, sans-serif !important;
}
.sf-header-pro .sf-lang-code.is-target-ar,
.sf-header-pro .sf-lang-code.is-target-en {
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.06em !important;
}
.sf-header-pro .sf-cart-btn-pro [data-cart-count],
.sf-header-pro .sf-wish-btn [data-wish-count],
.sf-header-pro [data-cart-count]:not([hidden]),
.sf-header-pro .sf-wish-btn [data-wish-count]:not([hidden]) {
  position: absolute !important;
  top: 2px !important;
  right: 0 !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  border-radius: 999px !important;
  background: var(--rt-attention, #c026d3) !important;
  color: var(--rt-attention-ink, #fff) !important;
  border: 2px solid #fff !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
}
/* Empty cart: never show a "0" badge */
.sf-header-pro .sf-cart-btn-pro [data-cart-count][hidden],
.sf-header-pro .sf-wish-btn [data-wish-count][hidden],
.sf-cart-btn [data-cart-count][hidden],
.sf-cart-btn span[data-cart-count][hidden] {
  display: none !important;
}

/* Mega panel under slim bar */
.sf-header-pro .sf-mega,
.sf-header-pro #sfMega {
  border-radius: 14px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
}

@media (min-width: 1100px) {
  .sf-header-pro .sf-cart-btn-pro {
    width: auto !important;
    min-width: 34px !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }
  .sf-header-pro .sf-cart-label {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: inherit !important;
  }
}

@media (max-width: 900px) {
  .header.sf-header-pro,
  .sf-header-pro {
    padding: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .sf-header-pro > .sf-mainbar,
  .sf-header-pro > .sf-mainbar.sf-mainbar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    backdrop-filter: none !important;
  }
  .sf-header-pro > #sfSearchScroll,
  .sf-header-pro > .sf-search-scroll {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* True-centered logo; matched side clusters; even vertical alignment */
  .sf-header-pro .sf-mainbar-pro {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    flex-wrap: nowrap !important;
    justify-content: unset !important;
    align-items: center !important;
    padding: 0 10px !important;
    gap: 0 8px !important;
    min-height: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }
  .sf-header-pro .sf-header-start {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    grid-column: 1 !important;
    justify-self: start !important;
    z-index: 2 !important;
    height: 56px !important;
    min-height: 56px !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .sf-header-pro .sf-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    min-width: 30px !important;
    width: auto !important;
    max-width: none !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }
  .sf-header-pro .sf-actions-pro {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    height: 56px !important;
    min-height: 56px !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .sf-header-pro .sf-header-start .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 3.5px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 36px !important;
    box-sizing: border-box !important;
  }
  .sf-header-pro .sf-header-start .menu-toggle span {
    width: 16px !important;
    height: 1.5px !important;
  }
  .sf-header-pro .sf-header-start .sf-lang {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    gap: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }
  .sf-header-pro .sf-logo-text {
    display: none !important;
  }
  .sf-header-pro .sf-logo-name {
    display: none !important;
  }
  .sf-header-pro .sf-logo-mark,
  .sf-header-pro .sf-logo-mark img {
    width: auto !important;
    height: 28px !important;
    min-width: 0 !important;
    min-height: 28px !important;
    max-width: 78px !important;
    flex-basis: auto !important;
  }
  .sf-header-pro .sf-cart-btn-pro,
  .sf-header-pro .sf-wish-btn,
  .sf-header-pro .sf-profile-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    box-sizing: border-box !important;
  }
  .sf-header-pro .sf-profile-wrap {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    margin: 0 !important;
  }
  .sf-header-pro .sf-cart-label {
    display: none !important;
  }
  .sf-header-pro .sf-cart-btn-pro svg,
  .sf-header-pro .sf-wish-btn svg,
  .sf-header-pro .sf-profile-btn svg {
    width: 19px !important;
    height: 19px !important;
    flex-shrink: 0 !important;
  }
  .sf-header-pro .sf-cart-btn-pro [data-cart-count],
  .sf-header-pro .sf-wish-btn [data-wish-count],
  .sf-header-pro .sf-wish-btn [data-wish-count]:not([hidden]),
  .sf-header-pro .sf-cart-btn-pro [data-cart-count]:not([hidden]) {
    top: 1px !important;
    right: 0 !important;
    min-width: 15px !important;
    height: 15px !important;
    line-height: 15px !important;
    font-size: 0.58rem !important;
    border-width: 1.5px !important;
  }
  /* If search failed to move out of header, hide duplicate — scroll row owns mobile search */
  .sf-header-pro .sf-mainbar-pro > .sf-search-pro,
  .sf-header-pro .sf-mainbar-pro > #sfSearchDesk {
    display: none !important;
  }
  .sf-header-pro .sf-lang-code {
    display: inline-block !important;
    font-size: 0.68rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }
  .sf-header-pro .sf-lang {
    padding: 0 7px !important;
    min-width: 0 !important;
    gap: 5px !important;
  }

  /* Mobile search — part of fixed header (relative row, not a separate fixed layer) */
  #sfSearchScroll.sf-search-scroll,
  .sf-search-scroll,
  .sf-header-pro > #sfSearchScroll.sf-search-scroll {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: auto !important;
    box-sizing: border-box !important;
    padding: 6px 10px 10px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  #sfSearchScroll .sf-search-pro,
  #sfSearchScroll #sfSearchDesk,
  .sf-search-scroll .sf-search-pro,
  .sf-search-scroll #sfSearchDesk {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 10px !important;
    background: #f5f0ff !important;
    background-color: #f5f0ff !important;
    border: 1.5px solid rgba(15, 23, 42, 0.55) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  #sfSearchScroll .sf-search-pro:focus-within,
  .sf-search-scroll .sf-search-pro:focus-within {
    background: #f5f0ff !important;
    border-color: rgba(15, 23, 42, 0.75) !important;
    box-shadow: 0 0 0 3px rgba(192, 38, 211, 0.1) !important;
  }
  #sfSearchScroll .sf-search-pro input[type="search"],
  #sfSearchScroll .sf-search-pro input,
  .sf-search-scroll .sf-search-pro input[type="search"],
  .sf-search-scroll .sf-search-pro input {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 4px 0 14px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    color: #0f172a !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;
  }
  #sfSearchScroll .sf-search-pro input::placeholder,
  .sf-search-scroll .sf-search-pro input::placeholder {
    color: #94a3b8 !important;
    opacity: 0.95 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
  }
  #sfSearchScroll .sf-search-pro button,
  #sfSearchScroll .sf-search-pro button[type="submit"],
  .sf-search-scroll .sf-search-pro button,
  .sf-search-scroll .sf-search-pro button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 9px 9px 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #0f172a !important;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-indent: 0 !important;
  }
  #sfSearchScroll .sf-search-btn-text,
  .sf-search-scroll .sf-search-btn-text {
    display: none !important;
  }
  #sfSearchScroll .sf-search-ico,
  .sf-search-scroll .sf-search-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
  }
  #sfSearchScroll .sf-search-ico svg,
  .sf-search-scroll .sf-search-ico svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    color: #0f172a !important;
    shape-rendering: geometricPrecision !important;
  }
  #sfSearchScroll .sf-search-pro button::before,
  #sfSearchScroll .sf-search-pro button::after,
  .sf-search-scroll .sf-search-pro button::before,
  .sf-search-scroll .sf-search-pro button::after {
    content: none !important;
    display: none !important;
  }
}
@media (min-width: 901px) {
  #sfSearchScroll.sf-search-scroll,
  .sf-search-scroll {
    display: none !important;
  }
}
@media (max-width: 560px) {
  .sf-header-pro .sf-mainbar-pro {
    padding: 0 10px !important;
    min-height: 56px !important;
    height: 56px !important;
  }
  .sf-header-pro .sf-header-start,
  .sf-header-pro .sf-actions-pro,
  .sf-header-pro .sf-logo {
    height: 56px !important;
    min-height: 56px !important;
  }
  .sf-header-pro .sf-logo-name {
    font-size: 0.74rem !important;
    max-width: 34vw !important;
  }
  #sfSearchScroll.sf-search-scroll,
  .sf-search-scroll {
    padding: 6px 10px 8px !important;
  }
  #sfSearchScroll .sf-search-pro,
  #sfSearchScroll #sfSearchDesk,
  .sf-search-scroll .sf-search-pro {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
  #sfSearchScroll .sf-search-pro button,
  #sfSearchScroll .sf-search-pro button[type="submit"],
  .sf-search-scroll .sf-search-pro button,
  .sf-search-scroll .sf-search-pro button[type="submit"] {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }
}

/* ============================================================
   PHASE 2 — slim modern PDP CTAs + related action buttons
   Keep prominence; reduce bulk only.
   ============================================================ */
.pdp-purchase-block {
  gap: 10px !important;
  margin: 8px 0 10px !important;
}
.pdp-cta-row {
  gap: 8px !important;
}
.pdp-cta-row .pdp-add,
.pdp-cta-row .pdp-buy,
.btn-dark.pdp-add,
.btn-buy.pdp-buy {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.btn-dark.pdp-add:not(:disabled),
.pdp-add:not(:disabled),
.pdp-cta-row .pdp-add:not(:disabled) {
  background: var(--rt-cta-soft) !important;
  background-image: var(--rt-cta-soft) !important;
  border: 1.5px solid var(--rt-cta-soft-border) !important;
  color: var(--rt-cta-soft-ink) !important;
  box-shadow: none !important;
}
.btn-buy.pdp-buy,
.pdp-buy,
.btn-buy,
button[data-buy-now],
.btn[data-buy-now] {
  background: var(--rt-cta-grad) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  box-shadow: var(--rt-cta-shadow) !important;
}
.btn-dark.pdp-add:not(:disabled):hover,
.pdp-add:not(:disabled):hover,
.pdp-cta-row .pdp-add:not(:disabled):hover {
  background: var(--rt-cta-soft-hover) !important;
  background-image: var(--rt-cta-soft-hover) !important;
  border-color: rgba(192, 38, 211, 0.45) !important;
  color: var(--rt-cta-deep) !important;
}
.btn-buy.pdp-buy:hover,
.pdp-buy:hover,
.btn-buy:hover,
button[data-buy-now]:hover,
.btn[data-buy-now]:hover {
  background: var(--rt-cta-grad-hover) !important;
  border-color: transparent !important;
  filter: none !important;
}

/*
 * Purchase accent (Buy now pink→purple) — high-intent conversion only.
 * Add to cart uses soft sibling below. View offer / timer shell stay brand-dark.
 */
a.btn-primary[href*="checkout"],
.rt-cart-foot a.btn-primary[href*="checkout"],
.rt-cart-added-foot a.btn-primary[href*="checkout"],
.btn-ck-place,
#ck-place,
.ck-wrap .btn-ck-place {
  background: var(--rt-cta-grad) !important;
  background-image: var(--rt-cta-grad) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: var(--rt-cta-shadow) !important;
}
a.btn-primary[href*="checkout"]:hover,
.rt-cart-foot a.btn-primary[href*="checkout"]:hover,
.rt-cart-added-foot a.btn-primary[href*="checkout"]:hover,
.btn-ck-place:hover,
#ck-place:hover,
.ck-wrap .btn-ck-place:hover {
  background: var(--rt-cta-grad-hover) !important;
  background-image: var(--rt-cta-grad-hover) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  filter: none !important;
}

/* Add to cart — light sibling of Buy now */
.rt-qv-actions .btn-primary,
.rt-qv-actions .btn.btn-primary,
button.btn-primary[data-add-cart],
.btn.btn-primary[data-add-cart],
#pdpFbtAdd {
  background: var(--rt-cta-soft) !important;
  background-image: var(--rt-cta-soft) !important;
  border: 1.5px solid var(--rt-cta-soft-border) !important;
  color: var(--rt-cta-soft-ink) !important;
  box-shadow: none !important;
}
.rt-qv-actions .btn-primary:hover,
.rt-qv-actions .btn.btn-primary:hover,
button.btn-primary[data-add-cart]:hover,
.btn.btn-primary[data-add-cart]:hover,
#pdpFbtAdd:hover {
  background: var(--rt-cta-soft-hover) !important;
  background-image: var(--rt-cta-soft-hover) !important;
  border-color: rgba(192, 38, 211, 0.45) !important;
  color: var(--rt-cta-deep) !important;
  filter: none !important;
}
.pdp-qty {
  border-radius: 10px !important;
  height: 44px !important;
}
.pdp-qty button {
  width: 40px !important;
  height: 44px !important;
  min-height: 44px !important;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  background: #f8fafc !important;
}
.pdp-qty input {
  width: 46px !important;
  height: 44px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
}
@media (max-width: 640px) {
  .pdp-cta-row .pdp-add,
  .pdp-cta-row .pdp-buy,
  .btn-dark.pdp-add,
  .btn-buy.pdp-buy {
    min-height: 46px !important;
    height: 46px !important;
  }
  .pdp-qty {
    height: 36px !important;
    border-radius: 9px !important;
  }
  .pdp-qty button {
    width: 34px !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 0.95rem !important;
  }
  .pdp-qty input {
    width: 38px !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 0.84rem !important;
  }
}

/* Show more — brand-dark chrome (match approved theme tokens) */
.rt-showmore-fill {
  background: var(--rt-brand-dark, #101b2e) !important;
}
.rt-showmore-btn {
  min-height: 42px !important;
  min-width: 148px !important;
  padding: 0 22px !important;
  border-radius: 10px !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  transform: none !important;
  box-shadow: none !important;
  background: var(--rt-brand-dark, #101b2e) !important;
  color: #fff !important;
}
.rt-showmore-btn:hover {
  transform: none !important;
  background: var(--rt-brand-dark-hover, #15253f) !important;
}
.rt-showmore-btn:active {
  background: var(--rt-brand-dark-deep, #0c1628) !important;
}

/* ============================================================
   FOOTER — premium mobile-first (reference-grade alignment)
   ============================================================ */
.rt-tp-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 0 6px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.rt-tp-footer .rt-tp-label {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: rgba(226, 232, 240, 0.88) !important;
  text-decoration: none !important;
}
.rt-tp-footer .rt-tp-label:hover { text-decoration: underline !important; }
.rt-tp-footer .rt-tp {
  margin: 0 !important;
  max-width: 140px !important;
  height: 24px !important;
  min-height: 24px !important;
  overflow: hidden !important;
}
.rt-tp-footer .rt-tp iframe,
.rt-tp-footer .rt-tp .trustpilot-widget { max-height: 24px !important; }

/* Slim Trustpilot strip above footer */
.rt-tp-home {
  padding: 0.35rem 1rem !important;
  min-height: 0 !important;
}
.rt-tp-home-inner {
  gap: 6px !important;
  min-height: 20px !important;
}
.rt-tp-home .rt-tp {
  min-height: 20px !important;
  max-height: 22px !important;
  overflow: hidden !important;
}

.footer,
#siteFooter.footer,
footer.footer {
  padding: 16px 0 84px !important;
  overflow-x: clip !important;
}
.footer .container.footer-inner,
#siteFooter .container.footer-inner {
  box-sizing: border-box !important;
}

/* Trust strip — one row, single-line labels */
.footer-trust-strip,
#siteFooter .footer-trust-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px 6px !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
}
.footer-trust-strip li {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
.footer-trust-ico {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  color: #e879f9 !important;
  opacity: 0.95 !important;
}
.footer-trust-strip span {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* One vertical axis on mobile */
.footer-grid.footer-grid-store.footer-grid-slim,
#siteFooter .footer-grid.footer-grid-store.footer-grid-slim {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  align-items: start !important;
}
.footer-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 0 !important;
}
.footer-brand p,
.footer .footer-brand p {
  margin: 8px 0 0 !important;
  max-width: 32ch !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  color: rgba(203, 213, 225, 0.88) !important;
}
.footer-logo-img,
.footer-brand .footer-logo-img,
.footer .footer-logo-img {
  height: 36px !important;
  width: auto !important;
  max-width: 120px !important;
  clip-path: none !important;
  object-fit: contain !important;
  background: transparent !important;
}

/* Compact accordion — reference-like row rhythm */
.footer-nav {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
}
.footer-links.footer-acc-item,
#siteFooter .footer-links.footer-acc-item {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: transparent !important;
}
.footer-acc-sum {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  cursor: pointer !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent;
}
.footer-acc-sum::-webkit-details-marker,
.footer-acc-sum::marker {
  display: none !important;
  content: "" !important;
}
.footer-acc-sum > span { flex: 1 1 auto !important; }
.footer-acc-sum::after {
  content: "+" !important;
  flex: 0 0 auto !important;
  width: 1em !important;
  text-align: center !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  border: 0 !important;
  margin: 0 !important;
  transform: none !important;
}
.footer-acc-item[open] > .footer-acc-sum::after {
  content: "−" !important;
  margin: 0 !important;
  transform: none !important;
}
.footer-acc-item > ul {
  display: grid !important;
  gap: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
}
.footer-acc-item > ul a,
.footer .footer-acc-item > ul a {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  text-decoration: none !important;
  border-top: 0 !important;
}
.footer-acc-item > ul a:hover,
.footer-acc-item > ul a:focus-visible { color: #ffffff !important; }

/* Social — left axis, refined (not loud blue) */
.footer-social,
#siteFooter .footer-social {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 16px 0 4px !important;
  padding: 0 !important;
}
.footer-social-label {
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}
.footer-social-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.footer-social-btn,
.footer .footer-social-btn,
#siteFooter .footer-social-btn {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
}
.footer-social-btn:hover,
.footer-social-btn:focus-visible {
  background: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}
.footer-social-btn svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Bottom cluster — centered like reference */
.footer-bottom-slim,
#siteFooter .footer-bottom-slim {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin-top: 16px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
  text-align: center !important;
}
.footer-pay {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
}
.footer-pay-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.footer-pay-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
}
/* Single sharp badge — slightly smaller, mild corners (not pill) */
.footer-pay-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 22px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  line-height: 0 !important;
}
.footer-pay-logo img {
  display: block !important;
  height: 22px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  border-radius: 3px !important;
  background: transparent !important;
}
.footer-pay-logo--visa,
.footer-pay-logo--mc,
.footer-pay-logo--cod,
.footer-pay-logo--apple {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.footer-pay-logo--visa img,
.footer-pay-logo--mc img,
.footer-pay-logo--cod img,
.footer-pay-logo--apple img {
  display: block !important;
  height: 22px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  border-radius: 3px !important;
  background: transparent !important;
}
.footer-pay-logo--soon {
  position: relative !important;
  flex-direction: column !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
  gap: 2px !important;
}
.footer-pay-logo--soon img {
  opacity: 0.85 !important;
}
.footer-pay-soon {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  color: rgba(226, 232, 240, 0.72) !important;
  white-space: nowrap !important;
  text-align: center !important;
}
.footer-pay-badge,
.footer-pay-ico { display: none !important; }

.footer-meta-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px 8px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
  color: rgba(148, 163, 184, 0.95) !important;
}
.footer-meta-line .footer-copy {
  margin: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  text-align: center !important;
  white-space: normal !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 760px) {
  .footer-meta-line .footer-copy {
    display: block !important;
    flex: 1 0 100% !important;
    margin: 0 0 2px !important;
  }
  .footer-meta-line .footer-copy + .footer-meta-sep {
    display: none !important;
  }
}
.footer-logo-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
}
.footer-domain {
  display: block !important;
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.footer-logo:hover .footer-domain {
  color: #fff !important;
}
.footer-meta-line a {
  color: rgba(203, 213, 225, 0.95) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.footer-meta-line a:hover { color: #ffffff !important; }
.footer-meta-sep { opacity: 0.55 !important; }
.footer-meta,
.footer-legal { display: none !important; }

.whatsapp-float {
  bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;
  right: max(12px, env(safe-area-inset-right, 0px)) !important;
  z-index: 70 !important;
}
body.rt-cart-open .whatsapp-float {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

@media (max-width: 380px) {
  .footer-pay-row { gap: 5px !important; }
  .footer-pay-logo {
    height: 20px !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .footer-pay-logo img,
  .footer-pay-logo--visa img,
  .footer-pay-logo--mc img,
  .footer-pay-logo--cod img,
  .footer-pay-logo--apple img {
    height: 20px !important;
    max-width: none !important;
  }
}

@media (min-width: 641px) and (max-width: 760px) {
  .footer,
  #siteFooter.footer,
  footer.footer { padding: 20px 0 78px !important; }
  .footer-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    border-top: 0 !important;
  }
  .footer-links.footer-acc-item:last-child { grid-column: 1 / -1 !important; }
}

@media (min-width: 761px) {
  .footer,
  #siteFooter.footer,
  footer.footer { padding: 32px 0 24px !important; }
  .footer-trust-strip,
  #siteFooter .footer-trust-strip {
    gap: 12px 18px !important;
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
  }
  .footer-trust-strip li {
    font-size: 0.8rem !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }
  .footer-trust-ico {
    width: 16px !important;
    height: 16px !important;
  }
  .footer-logo-img,
  .footer-brand .footer-logo-img,
  .footer .footer-logo-img {
    height: 44px !important;
    width: auto !important;
    max-width: 140px !important;
    clip-path: none !important;
  }
  .footer-grid.footer-grid-store.footer-grid-slim,
  #siteFooter .footer-grid.footer-grid-store.footer-grid-slim {
    grid-template-columns: minmax(200px, 1.2fr) minmax(0, 2.3fr) !important;
    gap: 24px 40px !important;
  }
  .footer-brand p,
  .footer .footer-brand p {
    margin-top: 10px !important;
    max-width: 280px !important;
    font-size: 0.84rem !important;
  }
  .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 28px !important;
    border-top: 0 !important;
  }
  .footer-links.footer-acc-item,
  #siteFooter .footer-links.footer-acc-item { border-bottom: 0 !important; }
  .footer-acc-sum {
    min-height: 0 !important;
    margin: 0 0 10px !important;
    pointer-events: none !important;
    cursor: default !important;
    font-size: 0.72rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #e2e8f0 !important;
  }
  .footer-acc-sum::after { display: none !important; }
  .footer-acc-item > ul { gap: 6px !important; margin: 0 !important; }
  .footer-acc-item > ul a,
  .footer .footer-acc-item > ul a {
    display: inline-flex !important;
    min-height: 0 !important;
    font-size: 0.88rem !important;
  }
  .footer-acc-item .rt-tp-footer {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
  .footer-social,
  #siteFooter .footer-social {
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 18px 0 0 !important;
  }
  .footer-social-label {
    font-size: 0.78rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #cbd5e1 !important;
  }
  .footer-bottom-slim,
  #siteFooter .footer-bottom-slim {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px 20px !important;
    margin-top: 18px !important;
    text-align: left !important;
  }
  .footer-pay { width: auto !important; align-items: flex-start !important; }
  .footer-pay-row { justify-content: flex-start !important; }
  .footer-meta-line {
    justify-content: flex-end !important;
    padding: 0 !important;
  }
}

@media (min-width: 981px) {
  .footer-grid.footer-grid-store.footer-grid-slim,
  #siteFooter .footer-grid.footer-grid-store.footer-grid-slim {
    grid-template-columns: minmax(220px, 1.3fr) minmax(0, 2.4fr) !important;
    gap: 28px 48px !important;
  }
}

.ix-curated-brands .ix-section-products {
  background: #fff;
}

/* Force curated brand rails in homepage stack (Apple→Gadgets→Dyson→Posters live inside #homeCuratedBrands) */
.page-home .ix-home-top > #homeCuratedBrands {
  order: 10 !important;
}
.page-home .ix-home-top > #homeBestSection {
  order: 11 !important;
}
.page-home .ix-home-top > #homeAllBrands {
  order: 14 !important;
}
.page-home .ix-home-top > #homeFeaturedPicks {
  order: 15 !important;
}
@media (max-width: 1023px) {
  .page-home .ix-home-top > #homeCuratedBrands { order: 10 !important; }
  .page-home .ix-home-top > #homeBestSection { order: 11 !important; }
  .page-home .ix-home-top > #homeAllBrands { order: 14 !important; }
  .page-home .ix-home-top > #homeFeaturedPicks { order: 15 !important; }
}
@media (min-width: 1024px) {
  .page-home .ix-home-top > #homeCuratedBrands { order: 10 !important; }
  .page-home .ix-home-top > #homeBestSection { order: 11 !important; }
  .page-home .ix-home-top > #homeAllBrands { order: 14 !important; }
  .page-home .ix-home-top > #homeFeaturedPicks { order: 15 !important; }
}

/* Compact smart Used collection card — kicker + title + short line + CTA */
.page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-body,
.ix-certified-block .cu-mkt-card--smart:not([hidden]) .cu-mkt-body {
  gap: 0.55rem !important;
  padding: 1.15rem 1.2rem 1.2rem !important;
  justify-content: center !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-head,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-head {
  margin: 0 !important;
  gap: 0 !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-kicker:not([hidden]),
.ix-certified-block .cu-mkt-card--smart .cu-mkt-kicker:not([hidden]) {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-title,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-title {
  font-size: clamp(1.2rem, 2vw, 1.45rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-lead,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-lead {
  max-width: 34ch !important;
  font-size: 0.86rem !important;
  line-height: 1.4 !important;
  color: #64748b !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-points,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-points,
.page-home .cu-mkt-card--smart .cu-mkt-price,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-price,
.page-home .cu-mkt-card--smart .cu-mkt-disc,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-disc {
  display: none !important;
}
/* Admin Offer Label — top-left on media photo */
.page-home .cu-mkt-card--smart .cu-mkt-media,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-media {
  position: relative !important;
}
.page-home .cu-mkt-card.cu-mkt-card--smart:not([hidden]) .cu-mkt-media .cu-mkt-badge:not([hidden]),
.ix-certified-block .cu-mkt-card.cu-mkt-card--smart:not([hidden]) .cu-mkt-media .cu-mkt-badge:not([hidden]) {
  position: absolute !important;
  top: 12px !important;
  inset-inline-start: 12px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  margin: 0 !important;
  pointer-events: none;
}
/* No fake gold “Certified Used” chip on smart card — admin badge or nothing */
.page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-head::before,
.ix-certified-block .cu-mkt-card--smart:not([hidden]) .cu-mkt-head::before {
  content: none !important;
  display: none !important;
}
.page-home .cu-mkt-card--smart .cu-mkt-cta,
.ix-certified-block .cu-mkt-card--smart .cu-mkt-cta {
  margin-top: 0.45rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 0.7rem 1.15rem !important;
  border-radius: 12px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: var(--rt-brand-dark-grad) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: var(--rt-brand-dark-shadow) !important;
}
@media (max-width: 900px) {
  .page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-body {
    padding: 1rem 1rem 1.05rem !important;
    gap: 0.45rem !important;
  }
  .page-home .cu-mkt-card--smart .cu-mkt-cta {
    width: 100% !important;
  }
  .page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-media {
    min-height: 160px !important;
    max-height: 200px !important;
  }
  .page-home .cu-mkt-card--smart:not([hidden]) .cu-mkt-img:not([hidden]) {
    max-height: 200px !important;
    object-fit: contain !important;
  }
}

.page-home .ix-used-brand-rails {
  margin-top: 1.1rem;
  display: grid;
  gap: 0.35rem;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.page-home .ix-used-brand-rail {
  padding-block: 0.85rem !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
.page-home .ix-used-brand-rail .ix-head {
  margin-bottom: 0.65rem !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.page-home .ix-used-brand-rail .ix-home-hrail {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.ix-brand-rail-section .ix-head {
  margin-bottom: 0.75rem !important;
}
.page-home #homeNew,
.page-home #homeBest,
.page-home #homeFeaturedPicksGrid,
.page-home #homeOffers,
.page-home #homeRecent,
.page-home .ix-home-hrail,
.page-home .ix-brand-hrail,
.page-home .ix-home-hrail.ix-featured-picks-grid,
.page-home .ix-featured-picks-grid.ix-home-hrail,
.page-home .ix-home-hrail.ix-offers-grid,
.page-home .ix-offers-grid.ix-home-hrail {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: thin !important;
  padding: 2px 2px 10px !important;
  margin: 0 !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  grid-auto-columns: unset !important;
}
.page-home #homeNew::-webkit-scrollbar,
.page-home #homeBest::-webkit-scrollbar,
.page-home #homeFeaturedPicksGrid::-webkit-scrollbar,
.page-home #homeOffers::-webkit-scrollbar,
.page-home #homeRecent::-webkit-scrollbar,
.page-home .ix-home-hrail::-webkit-scrollbar,
.page-home .ix-brand-hrail::-webkit-scrollbar {
  height: 4px;
}
.page-home #homeNew::-webkit-scrollbar-thumb,
.page-home #homeBest::-webkit-scrollbar-thumb,
.page-home #homeFeaturedPicksGrid::-webkit-scrollbar-thumb,
.page-home #homeOffers::-webkit-scrollbar-thumb,
.page-home #homeRecent::-webkit-scrollbar-thumb,
.page-home .ix-home-hrail::-webkit-scrollbar-thumb,
.page-home .ix-brand-hrail::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 999px;
}
.page-home #homeNew > .rt-card,
.page-home #homeBest > .rt-card,
.page-home #homeFeaturedPicksGrid > .rt-card,
.page-home #homeOffers > .rt-card,
.page-home #homeRecent > .rt-card,
.page-home .ix-home-hrail > .rt-card,
.page-home .ix-home-hrail > article.rt-card,
.page-home .ix-brand-hrail > .rt-card,
.page-home .ix-brand-hrail > article.rt-card {
  flex: 0 0 auto !important;
  width: min(220px, 72vw) !important;
  min-width: min(220px, 72vw) !important;
  max-width: 240px !important;
  scroll-snap-align: start !important;
}
.page-home .ix-offers-banner .ix-home-hrail,
.page-home .ix-offers-banner #homeOffers {
  width: 100% !important;
  min-width: 0 !important;
}
@media (min-width: 901px) {
  .page-home #homeNew,
  .page-home #homeBest,
  .page-home #homeFeaturedPicksGrid,
  .page-home #homeOffers,
  .page-home #homeRecent,
  .page-home .ix-home-hrail,
  .page-home .ix-brand-hrail,
  .page-home .ix-home-hrail.ix-featured-picks-grid,
  .page-home .ix-featured-picks-grid.ix-home-hrail,
  .page-home .ix-home-hrail.ix-offers-grid,
  .page-home .ix-offers-grid.ix-home-hrail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    gap: 16px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    touch-action: auto !important;
    scroll-snap-type: none !important;
    padding: 2px 0 4px !important;
    scrollbar-width: none !important;
  }
  .page-home #homeNew::-webkit-scrollbar,
  .page-home #homeBest::-webkit-scrollbar,
  .page-home #homeFeaturedPicksGrid::-webkit-scrollbar,
  .page-home #homeOffers::-webkit-scrollbar,
  .page-home #homeRecent::-webkit-scrollbar,
  .page-home .ix-home-hrail::-webkit-scrollbar,
  .page-home .ix-brand-hrail::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
  .page-home #homeNew > .rt-card,
  .page-home #homeBest > .rt-card,
  .page-home #homeFeaturedPicksGrid > .rt-card,
  .page-home #homeOffers > .rt-card,
  .page-home #homeRecent > .rt-card,
  .page-home .ix-home-hrail > .rt-card,
  .page-home .ix-home-hrail > article.rt-card,
  .page-home .ix-brand-hrail > .rt-card,
  .page-home .ix-brand-hrail > article.rt-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    scroll-snap-align: unset !important;
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .page-home #homeNew,
  .page-home #homeBest,
  .page-home #homeOffers,
  .page-home #homeRecent,
  .page-home .ix-home-hrail:not(.ix-featured-picks-grid),
  .page-home .ix-brand-hrail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  /* Featured picks usually ~4 items — keep 4 cols so the row fills evenly */
  .page-home #homeFeaturedPicksGrid,
  .page-home .ix-featured-picks-grid,
  .page-home .ix-featured-picks-grid.ix-home-hrail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* ============================================================
   REVIBE-INSPIRED LIGHT THEME — quiet mist (visible, not pink)
   Search chrome + soft section rhythm. Cards stay white.
   ============================================================ */

/* Search — soft lavender field + brand submit */
.sf-search,
.sf-search-pro,
.sf-header-pro .sf-search-pro,
.page-home .sf-search-pro,
.sf-mainbar-pro .sf-search-pro {
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  border-color: rgba(168, 85, 247, 0.18) !important;
}
.sf-search-pro:focus-within,
.sf-header-pro .sf-search-pro:focus-within {
  background: #f5f0ff !important;
  border-color: rgba(168, 85, 247, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.12) !important;
}
.sf-header-pro .sf-search-pro input::placeholder,
.sf-search-pro input::placeholder {
  color: #8b95a5 !important;
}

/* Categories + trust — quiet mist band (Revibe section calm) */
.page-home .ix-cat-rail,
body.page-home #categories.ix-cat-rail {
  background: var(--rt-ui-mist) !important;
  background-color: var(--rt-ui-mist) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--rt-ui-line) !important;
}
.page-home .ix-trust-section,
.page-home .ix-trust,
.page-home .ix-trust-single,
.ix-trust-section {
  background: var(--rt-ui-mist) !important;
  background-color: var(--rt-ui-mist) !important;
  background-image: none !important;
}
.page-home .ix-trust-single .ix-trust-card,
.page-home .ix-trust-card {
  background: #ffffff !important;
}

/* Alternating catalogue rhythm — Best Sellers mist, New Arrivals white */
.page-home #homeBestSection {
  background: var(--rt-ui-mist) !important;
  background-color: var(--rt-ui-mist) !important;
  background-image: none !important;
}
.page-home #homeBestSection > .container {
  background: transparent !important;
}
.page-home #homeNewSection {
  background: #ffffff !important;
}

/* Mega / chip chrome */
.sf-mega-btn,
.sf-header-pro .sf-mega-btn {
  background: var(--rt-ui-soft) !important;
  border-color: var(--rt-ui-line) !important;
}
.sf-suggest,
.sf-search-suggest {
  background: #ffffff !important;
  border: 1px solid var(--rt-ui-line) !important;
  z-index: 1300 !important;
}
.sf-suggest-item:hover {
  background: var(--rt-ui-mist) !important;
}

/* Browse filters — same mist language */
.rt-filters,
.rt-filter-panel,
.browse-filters,
.rt-shop-filters {
  background: var(--rt-ui-mist) !important;
}

/* —— Site-wide light mist (browse / PDP / checkout / inner) —— */
.rt-filter-clear,
.rt-filters-pro input,
.rt-filters-pro select,
.rt-filter input[type="search"],
.rt-filter input[type="text"],
.rt-filter input[type="number"],
.rt-filter select,
#rtSearch,
.rt-shop-search input,
.browse-pro input[type="search"],
.pdp-condition-chip,
.pdp-condition-chip.is-used,
.pdp-thumb,
.pdp-gallery-thumbs,
.pdp-spec-table tr:nth-child(even),
.ck-wrap .ck-panel,
.ck-wrap .ck-summary,
.ck-wrap .ck-box,
.ck-wrap input,
.ck-wrap select,
.ck-wrap textarea,
.page-hero,
.page-inner .page-hero {
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 72%) !important;
  background-color: #ffffff !important;
}
.rt-empty,
.rt-wishlist-empty,
.compare-empty {
  background-color: var(--rt-ui-soft) !important;
}
.rt-filter-panel {
  background: #ffffff !important;
  border-color: var(--rt-ui-line) !important;
}
.rt-filter-suggest-item:hover,
.rt-filter-suggest-item:focus-visible {
  background: var(--rt-ui-mist) !important;
}
.pdp-thumb.is-active {
  background: #ffffff !important;
}
.ck-wrap .btn-ghost {
  background: #ffffff !important;
}
/* Soft page canvas only for catalogue shells — keep cards white */
body.page-shop .rt-shop-section,
body.page-brand-new .rt-shop-section,
body.page-used .rt-shop-section,
body.page-category .rt-shop-section,
.page-shop .rt-browse,
.page-inner .rt-browse {
  background: #ffffff !important;
}
body.page-shop .rt-card,
body.page-brand-new .rt-card,
body.page-used .rt-card,
body.page-category .rt-card,
.page-shop .rt-card,
.rt-browse .rt-card {
  background: #ffffff !important;
}

/* ============================================================
   COLOR-ROLE SYSTEM — FINAL SITE-WIDE ENFORCEMENT
   Source of truth lives in :root tokens above.
   ============================================================ */

/* Attention badges only */
.sf-cart-btn [data-cart-count],
.sf-cart-btn-pro [data-cart-count],
.sf-icon-link span[data-wish-count],
.sf-icon-link span[data-compare-count],
.sf-header-pro [data-cart-count]:not([hidden]),
.sf-header-pro [data-wish-count]:not([hidden]),
.sf-header-pro [data-compare-count]:not([hidden]),
.sf-profile-badge:not([hidden]),
.sf-profile-count:not([hidden]) {
  background: var(--rt-attention) !important;
  background-color: var(--rt-attention) !important;
  background-image: none !important;
  color: var(--rt-attention-ink) !important;
}

/* Mobile search: lock 16px to stop Safari/Chrome focus-zoom + header shift */
@media (max-width: 900px) {
  .sf-search input,
  .sf-search input[type="search"],
  .sf-search-pro input,
  .sf-search-pro input[type="search"],
  .sf-header-pro .sf-search-pro input,
  .sf-header-pro .sf-search-pro input[type="search"],
  .sf-mainbar-pro > .sf-search-pro input,
  #sfSearchDesk input {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    transform: none !important;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
  .sf-search input::placeholder,
  .sf-search-pro input::placeholder,
  .sf-header-pro .sf-search-pro input::placeholder {
    font-size: 16px !important;
    font-weight: 450 !important;
    letter-spacing: -0.015em !important;
    opacity: 0.72 !important;
  }
  .sf-search,
  .sf-search-pro,
  .sf-header-pro .sf-search-pro,
  .sf-header-pro .sf-mainbar,
  .sf-header-pro .sf-mainbar-pro {
    min-width: 0 !important;
  }
}

/* Search field lavender + icon-only submit */
.sf-search,
.sf-search-pro,
.sf-header-pro .sf-search-pro {
  background: #f5f0ff !important;
}
.sf-search button,
.sf-search-pro button,
.sf-header-pro .sf-search-pro button,
.sf-header-pro .sf-search-pro button[type="submit"] {
  background: transparent !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
.sf-search button:hover,
.sf-search-pro button:hover,
.sf-header-pro .sf-search-pro button:hover {
  background: rgba(192, 38, 211, 0.08) !important;
}
.sf-search-pro .sf-search-btn-text,
.sf-header-pro .sf-search-pro .sf-search-btn-text {
  display: none !important;
}

/* Empty-cart / browse primaries stay brand-dark (not purchase pink) */
.rt-cart-foot a.btn-primary:not([href*="checkout"]),
.rt-cart-body-empty .btn-primary,
.rt-wishlist-empty .btn-primary,
.rt-empty .btn-primary {
  background: var(--rt-brand-dark) !important;
  background-image: none !important;
  box-shadow: var(--rt-brand-dark-shadow) !important;
  color: #fff !important;
}

/* Hero / cinema CTA bar — white on photo, not purchase pink */
.sf-hero .btn-primary,
.ix-cta-bar .btn-primary {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--rt-brand-dark) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

/* Footer social — quiet chrome on dim black (not Buy Now purple) */
.footer-social-btn,
#siteFooter .footer-social-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  color: #fff !important;
}
.footer-social-btn:hover,
#siteFooter .footer-social-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* Secondary dark buttons (View Cart, etc.) — not PDP Add */
.btn-dark:not(.pdp-add),
button.btn-dark:not(.pdp-add) {
  background: var(--rt-brand-dark) !important;
  background-image: none !important;
  border-color: var(--rt-brand-dark) !important;
  color: #fff !important;
}
.btn-dark:not(.pdp-add):hover,
button.btn-dark:not(.pdp-add):hover {
  background: var(--rt-brand-dark-hover) !important;
  border-color: var(--rt-brand-dark-hover) !important;
}

/* PDP Add to cart — light sibling of Buy now */
.btn-dark.pdp-add:not(:disabled),
.pdp-add:not(:disabled),
.pdp-cta-row .pdp-add:not(:disabled),
.pdp-buybox .pdp-add:not(:disabled),
.pdp-sticky-buy .pdp-add:not(:disabled) {
  background: var(--rt-cta-soft) !important;
  background-image: var(--rt-cta-soft) !important;
  border: 1.5px solid var(--rt-cta-soft-border) !important;
  color: var(--rt-cta-soft-ink) !important;
  box-shadow: none !important;
}
.btn-dark.pdp-add:not(:disabled):hover,
.pdp-add:not(:disabled):hover,
.pdp-cta-row .pdp-add:not(:disabled):hover,
.pdp-buybox .pdp-add:not(:disabled):hover,
.pdp-sticky-buy .pdp-add:not(:disabled):hover {
  background: var(--rt-cta-soft-hover) !important;
  background-image: var(--rt-cta-soft-hover) !important;
  border-color: rgba(192, 38, 211, 0.45) !important;
  color: var(--rt-cta-deep) !important;
}

/* Soft brand atmosphere — Top Recs stay white; promo bands restored below */
.page-home #homeFeaturedPicks:not([hidden]),
.page-home .ix-featured-picks:not([hidden]) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.page-home .ltd-card,
.page-home .sp-mkt-card,
.page-home .cu-mkt-card,
.page-home .rt-card {
  background: #ffffff !important;
}

/* Certified Used nav pill — drawer only (catbar stays plain Gadcet-style text) */
.sf-mobile-drawer-inner a.sf-nav-used {
  color: var(--rt-brand-dark, #101b2e) !important;
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border-color: rgba(16, 27, 46, 0.18) !important;
}
.sf-mobile-drawer-inner a.sf-nav-used:hover,
.sf-mobile-drawer-inner a.sf-nav-used.is-active {
  background: var(--rt-brand-dark, #101b2e) !important;
  border-color: var(--rt-brand-dark, #101b2e) !important;
  color: #fff !important;
}

/*
 * Trust + category rail — calm zone (no purchase purple, no orange, no blue hover).
 * Soft mist + brand dark only, so it does not mix with the purple ticker or Buy Now.
 */
.page-home .sf-home-trust,
.page-home .sf-home-trust-bar,
.sf-home-trust,
.sf-home-trust-bar {
  background: var(--rt-ui-mist, #f7f6fb) !important;
  background-image: none !important;
  border-color: var(--rt-ui-line, rgba(15, 23, 42, 0.08)) !important;
}
.page-home .sf-home-trust-item,
.sf-home-trust-item {
  color: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .sf-home-trust-item + .sf-home-trust-item,
.sf-home-trust-item + .sf-home-trust-item {
  border-left-color: rgba(16, 27, 46, 0.1) !important;
}
html[dir="rtl"] .page-home .sf-home-trust-item + .sf-home-trust-item,
html[dir="rtl"] .sf-home-trust-item + .sf-home-trust-item {
  border-right-color: rgba(16, 27, 46, 0.1) !important;
}
.page-home .sf-home-trust-ico,
.sf-home-trust-ico {
  color: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .sf-home-trust-ico svg,
.sf-home-trust-ico svg {
  stroke: currentColor !important;
  color: inherit !important;
}
.page-home .sf-home-trust-item strong,
.sf-home-trust-item strong {
  color: var(--rt-brand-dark, #101b2e) !important;
  font-weight: 700 !important;
}
button.sf-home-trust-item:hover,
button.sf-home-trust-item:focus-visible {
  background: rgba(16, 27, 46, 0.04) !important;
}

.page-home .ix-cat-rail,
.page-home #categories.ix-cat-rail {
  background: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid var(--rt-ui-line, rgba(15, 23, 42, 0.08)) !important;
}
.page-home .ix-cat-tile,
.page-home .ix-cat-tile-used,
.page-home .ix-cat-tile-certified {
  background: #ffffff !important;
  border: 1px solid rgba(16, 27, 46, 0.1) !important;
  box-shadow: none !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .ix-cat-tile:hover,
.page-home .ix-cat-tile:focus-visible,
.page-home .ix-cat-tile-certified:hover,
.page-home .ix-cat-tile-certified:focus-visible,
.page-home .ix-cat-tile-used:hover,
.page-home .ix-cat-tile-used:focus-visible {
  background: var(--rt-ui-mist, #f7f6fb) !important;
  border-color: rgba(16, 27, 46, 0.18) !important;
  box-shadow: 0 6px 16px rgba(16, 27, 46, 0.06) !important;
  transform: translateY(-1px) !important;
}
.page-home .ix-cat-tile-ico,
.page-home .ix-cat-tile-used .ix-cat-tile-ico,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico {
  color: var(--rt-brand-dark, #101b2e) !important;
  background: transparent !important;
}
.page-home .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg * {
  stroke: var(--rt-brand-dark, #101b2e) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .ix-cat-tile strong,
.page-home .ix-cat-tile-certified strong,
.page-home .ix-cat-tile-used strong {
  color: var(--rt-brand-dark, #101b2e) !important;
}
/* Certified Used tile — soft brand only (no orange mix) */
.page-home .ix-cat-tile-certified,
.page-home .ix-cat-tile-used {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border-color: rgba(16, 27, 46, 0.12) !important;
}
.page-home .ix-cat-tile-certified:hover,
.page-home .ix-cat-tile-certified:focus-visible,
.page-home .ix-cat-tile-used:hover,
.page-home .ix-cat-tile-used:focus-visible {
  background: var(--rt-brand-soft-mid, #efe8ff) !important;
  border-color: rgba(16, 27, 46, 0.2) !important;
}

/* Top USP ticker — fixed at top (replaces black welcome strip), height capped at 24px */
#sfTopWelcome.sf-top-welcome,
#sfTopWelcome {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html {
  background: var(--sf-usp-solid, #7c3aed) !important;
  background-color: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
}
body {
  background: #ffffff !important;
}
#sfNotchFill,
.sf-notch-fill {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#sfUspMarquee.sf-usp-marquee,
#sfUspMarquee,
.sf-usp-marquee#sfUspMarquee {
  margin: 0 !important;
  box-shadow: none !important;
}
#sfUspMarquee.sf-usp-marquee,
#sfUspMarquee {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 10050 !important;
  --sf-usp-content-h: 24px;
  --sf-usp-ticker-h: 24px;
  box-sizing: border-box !important;
  padding-top: var(--sf-usp-safe-top, env(safe-area-inset-top, 0px)) !important;
  height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
  min-height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
  max-height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  background: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
  background-color: var(--sf-usp-solid, #7c3aed) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
#sfUspMarquee::before,
.sf-usp-marquee#sfUspMarquee::before {
  display: none !important;
  content: none !important;
}
#sfUspMarquee .sf-usp-track,
.sf-usp-marquee .sf-usp-track,
.page-home .sf-usp-marquee .sf-usp-track {
  position: relative !important;
  z-index: 1 !important;
  padding: 0 !important;
  min-height: var(--sf-usp-ticker-h, var(--sf-usp-content-h, 24px)) !important;
  height: var(--sf-usp-ticker-h, var(--sf-usp-content-h, 24px)) !important;
  max-height: var(--sf-usp-ticker-h, var(--sf-usp-content-h, 24px)) !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
#sfUspMarquee .sf-usp-group,
.sf-usp-marquee .sf-usp-group,
.page-home .sf-usp-group {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: var(--sf-usp-content-h, 24px) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: var(--sf-usp-content-h, 24px) !important;
  height: var(--sf-usp-content-h, 24px) !important;
  align-items: center !important;
  color: #ffffff !important;
}
#sfUspMarquee .sf-usp-label,
#sfUspMarquee .sf-usp-item,
.sf-usp-marquee .sf-usp-label,
.sf-usp-marquee .sf-usp-item,
.page-home .sf-usp-label,
.page-home .sf-usp-item {
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
}
html {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
body.page-home {
  background: #ffffff !important;
}
.sf-usp a,
.page-home .sf-usp a {
  color: #ffffff !important;
}
.sf-usp-dot,
.page-home .sf-usp-dot {
  background: rgba(255, 255, 255, 0.55) !important;
  opacity: 0.95 !important;
  display: none !important;
}
.sf-usp-item,
.page-home .sf-usp-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 1rem !important;
  color: var(--rt-usp-ink, #fff) !important;
  text-decoration: none !important;
}
.sf-usp a.sf-usp-item,
.page-home .sf-usp a.sf-usp-item {
  color: var(--rt-usp-ink, #fff) !important;
}
.sf-usp-ico {
  display: inline-grid !important;
  place-items: center !important;
  width: 11px !important;
  height: 11px !important;
  color: #fff !important;
  opacity: 0.88 !important;
}
.sf-usp-ico svg {
  width: 11px !important;
  height: 11px !important;
  display: block !important;
}
.sf-usp-arrow {
  font-size: 10px !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
}
html body.sf-has-welcome .header.sf-header,
html body.sf-has-welcome .sf-header.header,
html body.sf-has-welcome .sf-header.sf-header-pro,
html body.sf-has-welcome .sf-header {
  top: var(--sf-usp-bar-h, calc(24px + env(safe-area-inset-top, 0px))) !important;
}

/* Category tiles — squarer cards, bigger clear icons */
.page-home .ix-cat-tile,
.page-home .ix-cat-tile-used,
.page-home .ix-cat-tile-certified {
  width: 84px !important;
  min-width: 84px !important;
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  padding: 8px 6px 7px !important;
  gap: 4px !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.page-home .ix-cat-tile-ico,
.page-home .ix-cat-tile-used .ix-cat-tile-ico,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico {
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
}
.page-home .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
  width: 40px !important;
  height: 40px !important;
}
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
  width: 42px !important;
  height: 42px !important;
}
.page-home .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-used .ix-cat-tile-ico svg *,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg,
.page-home .ix-cat-tile-certified .ix-cat-tile-ico svg * {
  stroke-width: 2.2 !important;
}
.page-home .ix-cat-tile strong,
.page-home .ix-cat-tile-certified strong,
.page-home .ix-cat-tile-used strong {
  min-height: 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.15 !important;
  max-height: 1.35em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (min-width: 901px) {
  .page-home .ix-cat-tile,
  .page-home .ix-cat-tile-used,
  .page-home .ix-cat-tile-certified {
    width: 92px !important;
    min-width: 92px !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    padding: 9px 7px 8px !important;
    gap: 5px !important;
  }
  .page-home .ix-cat-tile-ico,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
  }
  .page-home .ix-cat-tile-ico svg,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 44px !important;
    height: 44px !important;
  }
}
@media (max-width: 640px) {
  .page-home .ix-cat-tile,
  .page-home .ix-cat-tile-used,
  .page-home .ix-cat-tile-certified {
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 6px 4px 5px !important;
    gap: 3px !important;
  }
  .page-home .ix-cat-tile-ico,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }
  .page-home .ix-cat-tile-ico svg,
  .page-home .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 36px !important;
    height: 36px !important;
  }
  .page-home .ix-cat-tile strong {
    font-size: 0.62rem !important;
  }
}

/* Lock: footer stays dim black */
.footer,
#siteFooter.footer,
footer.footer {
  background: #121212 !important;
  background-color: #121212 !important;
  background-image: none !important;
}

/* Count badges — pink attention accent (never header purple #7c3aed) */
.sf-cart-btn [data-cart-count],
.sf-cart-btn-pro [data-cart-count],
.sf-icon-link span[data-wish-count],
.sf-icon-link span[data-compare-count],
.sf-header-pro [data-cart-count]:not([hidden]),
.sf-header-pro [data-wish-count]:not([hidden]),
.sf-header-pro [data-compare-count]:not([hidden]),
.sf-profile-badge:not([hidden]),
.sf-profile-count:not([hidden]),
.sf-profile-panel [data-wish-count]:not([hidden]),
.sf-profile-panel [data-compare-count]:not([hidden]) {
  background: var(--rt-attention, #c026d3) !important;
  background-color: var(--rt-attention, #c026d3) !important;
  background-image: none !important;
  color: var(--rt-attention-ink, #ffffff) !important;
}

/* Payment badges — one sharp card each (no white shell) */
.footer-pay-logo,
#siteFooter .footer-pay-logo {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 3px !important;
}
.footer-pay-logo img,
#siteFooter .footer-pay-logo img {
  display: block !important;
  height: 22px !important;
  width: auto !important;
  border-radius: 3px !important;
}

/* Category icon rail — mobile only (desktop uses header categories) */
@media (min-width: 901px) {
  .page-home .ix-cat-rail,
  .page-home #categories.ix-cat-rail,
  body.page-home #categories.ix-cat-rail,
  body.page-home .ix-home-top > #categories,
  #categories.ix-cat-rail {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important;
  }
}

/* Homepage cards — equal height body lock for aligned prices */
@media (min-width: 901px) {
  .page-home .rt-card,
  .page-home .ix-home-hrail > .rt-card {
    border-radius: 8px !important;
  }
  .page-home .rt-card .rt-card-body,
  .page-home .rt-card .rt-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  .page-home .rt-card .rt-title,
  .page-home .rt-card h3,
  .page-home .rt-card .rt-card-title {
    min-height: 2.6em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  /* Beat older flex-rail rules — desktop = even grid */
  .page-home .ix-featured-picks-grid,
  .page-home .ix-featured-picks-grid.ix-home-hrail,
  .page-home .ix-offers-grid.ix-home-hrail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    flex-wrap: unset !important;
    overflow: visible !important;
    overflow-x: visible !important;
  }
}
@media (min-width: 1200px) {
  .page-home .ix-featured-picks-grid,
  .page-home .ix-featured-picks-grid.ix-home-hrail,
  .page-home #homeFeaturedPicksGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .page-home .ix-offers-grid.ix-home-hrail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* ============================================================
   FINAL DEEP VISUAL CONSISTENCY PASS — approved theme only
   Retarget leftover blues / mismatched accents → semantic roles.
   Do not alter layout, spacing, or commerce behaviour.
   WEEKLY OFFER / --offer-blue urgency blues intentionally kept.
   ============================================================ */

/* Legacy luxury .btn-primary blue → brand dark by default.
   Purchase CTAs (checkout / place order / buy now) re-asserted below.
   Soft purchase (#pdpFbtAdd / data-add-cart) re-asserted below.
   Avoid :not(#id) — ID negation inflates specificity and flattens approved grads. */
.btn-primary:not(.btn-ck-place):not([data-buy-now]):not([href*="checkout"]):not([data-add-cart]) {
  background: var(--rt-brand-dark, #101b2e) !important;
  background-image: none !important;
  border-color: var(--rt-brand-dark, #101b2e) !important;
  color: #fff !important;
  box-shadow: var(--rt-brand-dark-shadow) !important;
}
.btn-primary:not(.btn-ck-place):not([data-buy-now]):not([href*="checkout"]):not([data-add-cart]):hover {
  background: var(--rt-brand-dark-hover, #15253f) !important;
  background-image: none !important;
  border-color: var(--rt-brand-dark-hover, #15253f) !important;
  color: #fff !important;
}
/* Restore approved brand-dark gradient on View Offer / promo CTAs */
.ix-offers-cta,
.ix-offers-copy .btn-primary,
.ix-offers-panel .btn-primary,
.page-home .sp-mkt-cta,
.ix-offers-banner .sp-mkt-cta,
.page-home .cu-mkt-cta,
.ix-certified-block .cu-mkt-cta,
.page-home .ltd-cta {
  background: var(--rt-brand-dark-grad, var(--rt-brand-dark, #101b2e)) !important;
  background-image: var(--rt-brand-dark-grad, none) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    var(--rt-brand-dark-shadow) !important;
}
.ix-offers-cta:hover,
.ix-offers-copy .btn-primary:hover,
.ix-offers-panel .btn-primary:hover,
.page-home .sp-mkt-cta:hover,
.ix-offers-banner .sp-mkt-cta:hover,
.page-home .cu-mkt-cta:hover,
.ix-certified-block .cu-mkt-cta:hover,
.page-home .ltd-cta:hover {
  background: var(--rt-brand-dark-hover, #15253f) !important;
  background-image: none !important;
  color: #fff !important;
}
.btn-outline:hover {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border-color: rgba(16, 27, 46, 0.22) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}

/* Brand/nav link accents — was electric blue leftovers */
.rt-price-ask,
.pdp-price-ask,
.rt-qv-price,
.rt-price-quote strong,
.pdp-rating-row a,
.pdp-ship-list a,
.pdp-specs a,
.pdp-fbt-item span,
.pdp-trust-ico,
.sf-mega-link:hover,
.sf-cat-scroll a:not(.sf-nav-link):hover,
.rt-card-meta a,
.rt-card-title a:hover,
.page-product a.pdp-brand:hover,
.ck-summary a:not(.btn):not(.btn-primary):not(.btn-ck-place),
.rt-browse a:not(.btn):not(.rt-card):hover,
.section-title-row a,
.rt-breadcrumbs a,
.rt-used-links a,
.rt-back-cart,
.rt-copy-btn,
.nav-sub a:hover,
.nav-links a:hover,
.nav-links a[aria-current="page"],
.page-home .ix-head a:hover,
.ix-head a:hover,
body.page-contact .page-hero-actions .btn-ghost:hover,
body.page-contact .contact-item a,
body.page-contact .contact-item a:hover,
.contact-item a,
.hero-kicker {
  color: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .ix-head a:hover,
.ix-head a:hover {
  border-bottom-color: var(--rt-brand-dark, #101b2e) !important;
}
.sf-mega-link:hover {
  background: var(--rt-brand-soft, #f5f0ff) !important;
}
.sf-cat-scroll a:not(.sf-nav-link):hover {
  background: transparent !important;
}
.nav-sub a:hover,
.rt-copy-btn:hover,
.rt-price-presets button:hover {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border-color: rgba(16, 27, 46, 0.2) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}

/* Focus rings — brand dark (not old #2563eb) */
:focus-visible,
.btn:focus-visible,
.sf-lang:focus-visible,
.sf-profile-btn:focus-visible,
.sf-cart-btn-pro:focus-visible,
.rt-tool:focus-visible,
.pdp-tool:focus-visible,
.rt-showmore-btn:focus-visible,
.ck-form input:focus,
.ck-form select:focus,
.ck-form textarea:focus,
.sf-search-pro:focus-within,
.sf-search:focus-within {
  outline-color: var(--rt-brand-dark, #101b2e) !important;
}
.ck-form input:focus,
.ck-form select:focus,
.ck-form textarea:focus {
  border-color: rgba(16, 27, 46, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(16, 27, 46, 0.1) !important;
}
.sf-search-pro:focus-within,
.sf-search:focus-within {
  border-color: rgba(16, 27, 46, 0.22) !important;
  box-shadow: 0 0 0 3px rgba(16, 27, 46, 0.06) !important;
}

/* Checkout secure dots + CU eyebrow — brand chrome, not old blue */
.ck-secure-row span::before {
  background: var(--rt-brand-dark, #101b2e) !important;
}
.page-home .cu-mkt-eyebrow-dot,
.ix-certified-block .cu-mkt-eyebrow-dot {
  background: var(--rt-brand-dark, #101b2e) !important;
}

/* Merch labels (offer/hot) — soft brand family, not electric blue */
.rt-merch-badge.is-offer,
.rt-merch-badge.is-hot {
  color: var(--rt-brand-dark, #101b2e) !important;
  background: var(--rt-brand-soft, #f5f0ff) !important;
  background-image: none !important;
  border-color: rgba(16, 27, 46, 0.16) !important;
  box-shadow: none !important;
}
.rt-merch-badge.is-offer .rt-merch-shine,
.rt-merch-badge.is-hot .rt-merch-shine {
  background: var(--rt-brand-dark, #101b2e) !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
}

/* Wishlist / compare selected — soft brand (not random blue) */
.rt-tool.is-on,
.pdp-tool.is-on,
.rt-icon-btn.is-on {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  border-color: rgba(16, 27, 46, 0.16) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}

/* Add to cart — light sibling of Buy now (QV / drawers / FBT / Compare) */
.rt-qv-actions .btn-primary,
.rt-qv-actions .btn.btn-primary,
.rt-qv-actions .btn-primary[data-add-cart],
.rt-qv-actions button.btn-primary[data-add-cart],
button.btn-primary[data-add-cart]:not(:disabled),
.btn.btn-primary[data-add-cart]:not(:disabled),
#pdpFbtAdd {
  background: var(--rt-cta-soft) !important;
  background-image: var(--rt-cta-soft) !important;
  border: 1.5px solid var(--rt-cta-soft-border) !important;
  color: var(--rt-cta-soft-ink) !important;
  box-shadow: none !important;
}
.rt-qv-actions .btn-primary:hover,
.rt-qv-actions .btn.btn-primary:hover,
.rt-qv-actions .btn-primary[data-add-cart]:hover,
button.btn-primary[data-add-cart]:not(:disabled):hover,
.btn.btn-primary[data-add-cart]:not(:disabled):hover,
#pdpFbtAdd:hover {
  background: var(--rt-cta-soft-hover) !important;
  background-image: var(--rt-cta-soft-hover) !important;
  color: var(--rt-cta-deep) !important;
}

/* Continue / delivery / non-purchase primary in checkout — brand dark */
.ck-wrap .btn-primary:not(.btn-ck-place):not([href*="checkout"]),
.ck-wrap button.btn-primary:not(.btn-ck-place):not([data-buy-now]),
.ck-wrap a.btn-primary:not([href*="checkout"]):not(.btn-ck-place) {
  background: var(--rt-brand-dark, #101b2e) !important;
  background-image: none !important;
  border-color: var(--rt-brand-dark, #101b2e) !important;
  color: #fff !important;
  box-shadow: var(--rt-brand-dark-shadow) !important;
}
.ck-wrap .btn-primary:not(.btn-ck-place):not([href*="checkout"]):hover,
.ck-wrap button.btn-primary:not(.btn-ck-place):hover {
  background: var(--rt-brand-dark-hover, #15253f) !important;
}

/* Place Order / Checkout / Buy Now stay purchase CTA */
.ck-wrap .btn-ck-place,
.ck-wrap #ck-place,
.btn-ck-place,
a.btn-primary[href*="checkout"],
.btn-buy,
.pdp-buy,
button[data-buy-now],
.btn[data-buy-now] {
  background: var(--rt-cta-grad) !important;
  background-image: var(--rt-cta-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--rt-cta-shadow) !important;
}

/* Drawer / account links hover — soft brand mist (keep WhatsApp green) */
.sf-mobile-drawer-inner a:hover,
.sf-mobile-drawer-inner a:focus-visible,
.sf-profile-panel a:hover,
.sf-profile-panel [role="menuitem"]:hover {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}
.sf-mobile-drawer-inner a.sf-wa:hover,
.sf-mobile-drawer-inner a.sf-wa-pro:hover,
.sf-mobile-drawer-inner a[href*="wa.me"]:hover,
.sf-mobile-drawer-inner a[href*="whatsapp"]:hover,
.sf-profile-panel a[href*="wa.me"]:hover,
.sf-profile-panel a[href*="whatsapp"]:hover {
  background: #ecfdf5 !important;
  color: #128c7e !important;
}

/* Category tile / filter hover leftovers — soft brand, not old blue mist */
.ix-cat span {
  background: rgba(16, 27, 46, 0.06) !important;
  color: var(--rt-brand-dark, #101b2e) !important;
}
.ix-cat:hover {
  border-color: rgba(16, 27, 46, 0.18) !important;
}
.rt-pay-strip {
  background: linear-gradient(135deg, var(--rt-brand-soft, #f5f0ff), #ffffff 55%, #f8fafc) !important;
  border-color: rgba(16, 27, 46, 0.1) !important;
}

/* RTL: same roles (no layout change) */
html[dir="rtl"] .rt-cert-seal,
html[dir="rtl"] .rt-card-used .rt-cert-seal,
html[dir="rtl"] .pdp-main-media .rt-cert-seal {
  left: auto !important;
  right: 8px !important;
  inset-inline-start: auto !important;
  inset-inline-end: 8px !important;
}
html[dir="rtl"] .section-title-row a,
html[dir="rtl"] .rt-breadcrumbs a,
html[dir="rtl"] .rt-used-links a,
html[dir="rtl"] .rt-back-cart {
  color: var(--rt-brand-dark, #101b2e) !important;
}

/* Disabled controls stay muted — no purple wash */
.btn:disabled,
button:disabled,
.btn[disabled],
.ck-wrap .btn-primary:disabled {
  opacity: 0.45 !important;
  filter: grayscale(0.15) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* Place Order while submitting: keep solid CTA (avoid ghost flash) */
#ck-place.is-placing:disabled,
.btn-ck-place.is-placing:disabled,
.ck-wrap #ck-place.is-placing:disabled,
.ck-wrap .btn-ck-place.is-placing:disabled {
  opacity: 1 !important;
  filter: none !important;
  cursor: wait !important;
  box-shadow: var(--rt-cta-shadow) !important;
}

/* Mobile / tablet — same semantic roles (no desktop-only blue leftovers) */
@media (max-width: 900px) {
  .sf-mobile-drawer-inner a:hover,
  .sf-mobile-drawer-inner a:focus-visible {
    background: var(--rt-brand-soft, #f5f0ff) !important;
    color: var(--rt-brand-dark, #101b2e) !important;
  }
  .sf-mobile-drawer-inner a.sf-wa:hover,
  .sf-mobile-drawer-inner a[href*="wa.me"]:hover,
  .sf-mobile-drawer-inner a[href*="whatsapp"]:hover {
    background: #ecfdf5 !important;
    color: #128c7e !important;
  }
  .section-title-row a,
  .rt-breadcrumbs a,
  .rt-used-links a {
    color: var(--rt-brand-dark, #101b2e) !important;
  }
}

/* —— Storefront white canvas (kill leftover dim bands) —— */
:root {
  --rt-bg: #ffffff !important;
  --rt-ui-mist: #ffffff !important;
  --rt-ui-soft: #ffffff !important;
  --tp-surface: #ffffff !important;
}
html,
body,
body.page-home,
body.page-inner,
body.page-product,
body.page-shop,
body.page-category,
body.page-brand-new,
body.page-used,
body.page-wholesale,
.rt-shop-section,
.rt-browse,
.ix-section,
.ix-section-alt,
.ix-section-products,
.page-home #homeBestSection,
.page-home #homeNewSection,
.page-home #homeFeaturedPicks,
.page-home #homeFeaturedPicks:not([hidden]),
.page-home .ix-featured-picks,
.page-home .ix-featured-picks:not([hidden]),
.page-home .ix-cat-rail,
.page-home .ix-trust-section,
.page-home .ix-trust,
.page-home .ix-trust-single,
.page-home .sf-home-trust,
.page-home .sf-home-trust-bar,
.ws-enquiry,
.page-used-bulk .ws-enquiry,
.rt-filters,
.rt-filter-panel,
.browse-filters,
.rt-shop-filters {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.rt-brand-hero-media,
.rt-card-media,
.rt-card-media-wrap,
.rt-card-new .rt-card-media,
.rt-card-used .rt-card-media,
.product-card .thumb,
.shop-card .media {
  background: #ffffff !important;
  background-image: none !important;
}
.ws-enquiry-card {
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Restore comfortable product-card text spacing (undo dense 1px crush) */
.page-home .rt-card-body,
.ix-grid .rt-card-body,
.rt-grid .rt-card-body,
.home-grid .rt-card-body,
.page-inner .rt-card-body,
.rt-shop-section .rt-card-body {
  padding: 14px 14px 16px !important;
  gap: 8px !important;
}
.page-home .rt-card-info,
.ix-grid .rt-card-info,
.rt-grid .rt-card-info,
.home-grid .rt-card-info,
.page-inner .rt-card-info,
.rt-shop-section .rt-card-info {
  gap: 6px !important;
}
.page-home .rt-card-buyzone,
.ix-grid .rt-card-buyzone,
.rt-grid .rt-card-buyzone,
.home-grid .rt-card-buyzone,
.page-inner .rt-card-buyzone {
  padding-top: 10px !important;
  gap: 6px !important;
}

/* ============================================================
   PRODUCT CARDS — remembered storefront rhythm
   Big title + strong price, no color/spec line on listings,
   tight stack, prices aligned on one baseline.
   ============================================================ */
body:not(.page-product) .rt-grid,
body:not(.page-product) .ix-grid,
body:not(.page-product) .home-grid,
body:not(.page-product) .home-rail,
body:not(.page-product) .ix-home-hrail {
  gap: 12px !important;
  align-items: stretch !important;
}

body:not(.page-product) .rt-card,
body:not(.page-product) .page-home .rt-card,
body:not(.page-product) .ix-grid .rt-card,
body:not(.page-product) .home-grid .rt-card,
body:not(.page-product) .rt-grid .rt-card,
body:not(.page-product) .page-inner .rt-card,
body:not(.page-product) .rt-shop-section .rt-card,
body:not(.page-product) .ix-home-hrail .rt-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  background: #ffffff !important;
  overflow: hidden !important;
  transform: none !important;
  outline: 0 !important;
}

body:not(.page-product) .rt-card:hover,
body:not(.page-product) .page-home .rt-card:hover,
body:not(.page-product) .ix-grid .rt-card:hover,
body:not(.page-product) .rt-grid .rt-card:hover,
body:not(.page-product) .home-grid .rt-card:hover {
  transform: none !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
}

body:not(.page-product) .rt-card-media-wrap,
body:not(.page-product) .rt-card-media,
body:not(.page-product) .rt-card-new .rt-card-media,
body:not(.page-product) .rt-card-used .rt-card-media {
  position: relative !important;
  background: #ffffff !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}

body:not(.page-product) .rt-card-media img {
  padding: 10px !important;
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

body:not(.page-product) .rt-card-body,
body:not(.page-product) .page-home .rt-card-body,
body:not(.page-product) .ix-grid .rt-card-body,
body:not(.page-product) .rt-grid .rt-card-body,
body:not(.page-product) .home-grid .rt-card-body,
body:not(.page-product) .page-inner .rt-card-body,
body:not(.page-product) .rt-shop-section .rt-card-body {
  padding: 8px 10px 10px !important;
  gap: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  border-top: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.page-product) .rt-card-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

body:not(.page-product) .rt-card-brand {
  margin: 0 !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}

/* Listing titles — catalogue density, not oversized display type */
body:not(.page-product) .rt-card-title,
body:not(.page-product) .rt-card-title a {
  margin: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  color: #0f172a !important;
  text-decoration: none !important;
}

body:not(.page-product) .rt-card-title {
  min-height: calc(1.3em * 2) !important;
  max-height: calc(1.3em * 2) !important;
  height: calc(1.3em * 2) !important;
  overflow: hidden !important;
}

body:not(.page-product) .rt-card-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
}

/* Colour name only under the title */
body:not(.page-product) .rt-card-meta,
body:not(.page-product) .page-home .rt-card-meta,
body:not(.page-product) .ix-grid .rt-card-meta,
body:not(.page-product) .rt-grid .rt-card-meta,
body:not(.page-product) .home-grid .rt-card-meta {
  display: block !important;
  margin: 0 !important;
  min-height: 1.15em !important;
  max-height: 1.15em !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  font-size: 0.75rem !important;
  line-height: 1.15 !important;
  color: #64748b !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* Price sits high under the title — large, aligned baseline */
body:not(.page-product) .rt-card-buyzone {
  margin-top: 4px !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  width: 100% !important;
}

body:not(.page-product) .rt-price-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  width: 100% !important;
  min-height: calc(1.0625rem * 1.2 + 1.15em + 2px) !important;
}

body:not(.page-product) .rt-price,
body:not(.page-product) .rt-price-block .rt-price,
body:not(.page-product) .page-home .rt-price,
body:not(.page-product) .page-home .rt-price-block .rt-price {
  margin: 0 !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0b1220 !important;
  line-height: 1.2 !important;
}

body:not(.page-product) .rt-price-was {
  display: flex !important;
  align-items: baseline !important;
  min-height: 1.15em !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

body:not(.page-product) .rt-price-was.is-empty {
  display: flex !important;
  visibility: hidden !important;
  min-height: 1.15em !important;
}

body:not(.page-product) .rt-price-compare {
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

body:not(.page-product) .rt-card-tools {
  top: 8px !important;
  inset-inline-end: 8px !important;
  opacity: 1 !important;
}
body:not(.page-product) .rt-card-tools .rt-tool {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}

@media (max-width: 640px) {
  body:not(.page-product) .rt-grid,
  body:not(.page-product) .ix-grid,
  body:not(.page-product) .home-grid,
  body:not(.page-product) .ix-home-hrail {
    gap: 10px !important;
  }
  body:not(.page-product) .rt-card-body {
    padding: 10px 10px 12px !important;
    gap: 5px !important;
  }
  body:not(.page-product) .rt-card-info {
    gap: 3px !important;
  }
  body:not(.page-product) .rt-card-title,
  body:not(.page-product) .rt-card-title a {
    font-size: 0.8125rem !important;
    line-height: 1.3 !important;
  }
  body:not(.page-product) .rt-card-title {
    min-height: calc(1.3em * 2) !important;
    max-height: calc(1.3em * 2) !important;
    height: calc(1.3em * 2) !important;
  }
  body:not(.page-product) .rt-price,
  body:not(.page-product) .rt-price-block .rt-price,
  body:not(.page-product) .page-home .rt-price,
  body:not(.page-product) .page-home .rt-price-block .rt-price {
    font-size: 1rem !important;
  }
  body:not(.page-product) .rt-card-media img {
    padding: 10px !important;
  }
}

/* —— Nav dropdown polish (load-last visual overrides only) —— */
@media (min-width: 901px) {
  .sf-cat-drop {
    display: block !important;
    top: calc(100% + 2px) !important;
    min-width: 196px !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 6px !important;
    box-shadow:
      0 8px 16px rgba(15, 23, 42, 0.06),
      0 20px 40px rgba(15, 23, 42, 0.1) !important;
    z-index: 30 !important;
  }
  .sf-cat-scroll a.sf-cat-drop-link,
  .sf-cat-drop a.sf-cat-drop-link {
    padding: 10px 18px !important;
    color: #0b1220 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .sf-cat-scroll a.sf-cat-drop-link:hover,
  .sf-cat-scroll a.sf-cat-drop-link:focus,
  .sf-cat-drop a.sf-cat-drop-link:hover,
  .sf-cat-drop a.sf-cat-drop-link:focus,
  .sf-cat-brand:hover > a.sf-cat-drop-link,
  .sf-cat-brand:focus-within > a.sf-cat-drop-link {
    background: #f8fafc !important;
    color: #0b1220 !important;
    box-shadow: none !important;
    outline: none !important;
  }
  .sf-cat-scroll a.sf-cat-drop-link.is-all,
  .sf-cat-drop a.sf-cat-drop-link.is-all {
    margin-top: 6px !important;
    padding: 11px 18px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.1) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }
  .sf-cat-scroll a.sf-cat-drop-link.is-all:hover,
  .sf-cat-drop a.sf-cat-drop-link.is-all:hover {
    background: #f8fafc !important;
    box-shadow: none !important;
  }
  .sf-cat-groups {
    top: -1px !important;
    left: calc(100% - 1px) !important;
    min-width: 220px !important;
    min-height: calc(100% + 2px) !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow:
      8px 8px 16px rgba(15, 23, 42, 0.05),
      16px 20px 40px rgba(15, 23, 42, 0.08) !important;
  }
  .sf-cat-drop:has(.sf-cat-brand:hover:not(.no-groups)),
  .sf-cat-drop:has(.sf-cat-brand:focus-within:not(.no-groups)) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: transparent !important;
  }
  .sf-cat-scroll a.sf-cat-group-link,
  .sf-cat-groups a.sf-cat-group-link {
    padding: 10px 18px !important;
    color: #0b1220 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sf-cat-scroll a.sf-cat-group-link:hover,
  .sf-cat-groups a.sf-cat-group-link:hover {
    background: #f8fafc !important;
    color: #0b1220 !important;
    box-shadow: none !important;
  }
  .sf-cat-scroll a.sf-cat-group-link.is-all,
  .sf-cat-groups a.sf-cat-group-link.is-all {
    margin-top: auto !important;
    padding: 11px 18px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.1) !important;
    font-weight: 700 !important;
  }
  .sf-cat-item[data-cat-id="brands"] .sf-cat-groups,
  .sf-cat-item[data-cat-id="used"] .sf-cat-groups,
  .sf-cat-item[data-cat-id="tv-appliances"] .sf-cat-groups,
  .sf-cat-item[data-cat-id="monitors"] .sf-cat-groups,
  .sf-cat-item[data-cat-id="gaming"] .sf-cat-groups {
    left: auto !important;
    right: calc(100% - 1px) !important;
    border-radius: 6px 0 0 6px !important;
  }
}


/* —— Mobile-only: larger icon, tighter card (desktop unchanged) —— */
@media (max-width: 900px) {
  body.page-home #categories.ix-cat-rail,
  body.page-home .ix-cat-rail {
    padding: 6px 0 8px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
  }
  body.page-home #categories .ix-cat-rail-track,
  body.page-home .ix-cat-rail-track {
    gap: 7px !important;
    padding-inline: 2px !important;
    align-items: stretch !important;
  }
  body.page-home #categories .ix-cat-tile,
  body.page-home #categories .ix-cat-tile-used,
  body.page-home #categories .ix-cat-tile-certified {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding: 6px 4px 5px !important;
    gap: 3px !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 1px solid rgba(16, 27, 46, 0.09) !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease !important;
  }
  body.page-home #categories .ix-cat-tile-certified,
  body.page-home #categories .ix-cat-tile-used {
    background: #faf9fc !important;
    border-color: rgba(16, 27, 46, 0.1) !important;
  }
  body.page-home #categories .ix-cat-tile:hover,
  body.page-home #categories .ix-cat-tile:focus-visible,
  body.page-home #categories .ix-cat-tile:active,
  body.page-home #categories .ix-cat-tile-certified:hover,
  body.page-home #categories .ix-cat-tile-certified:focus-visible,
  body.page-home #categories .ix-cat-tile-certified:active,
  body.page-home #categories .ix-cat-tile-used:hover,
  body.page-home #categories .ix-cat-tile-used:focus-visible,
  body.page-home #categories .ix-cat-tile-used:active {
    background: #f8fafc !important;
    border-color: rgba(16, 27, 46, 0.2) !important;
    box-shadow: none !important;
    transform: translateY(-1px) scale(0.985) !important;
  }
  body.page-home #categories .ix-cat-tile-ico,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    color: #101b2e !important;
  }
  body.page-home #categories .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico svg {
    width: 37px !important;
    height: 37px !important;
  }
  body.page-home #categories .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-ico svg *,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico svg *,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico svg * {
    stroke-width: 1.35 !important;
  }
  body.page-home #categories .ix-cat-tile strong,
  body.page-home #categories .ix-cat-tile-certified strong,
  body.page-home #categories .ix-cat-tile-used strong {
    min-height: 0 !important;
    max-height: 2.3em !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.58rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    color: #101b2e !important;
  }
}
@media (min-width: 901px) {
  body.page-home #categories .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-ico svg *,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-used .ix-cat-tile-ico svg *,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico svg,
  body.page-home #categories .ix-cat-tile-certified .ix-cat-tile-ico svg * {
    stroke-width: 2.2 !important;
  }
}

/* —— Customer-first commercial rails (load-last; defeats orphan 5+3 grids) —— */
@media (min-width: 901px) {
  .page-home #homeNew,
  .page-home #homeBest,
  .page-home #homeCreators,
  .page-home #homeBnLaptops,
  .page-home #homeRecent,
  .page-home #homeFeaturedPicksGrid,
  .page-home .ix-brand-hrail,
  .page-home .ix-featured-picks-grid,
  .page-home .ix-home-hrail:not(.ix-offers-grid) {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 2px 10px !important;
  }
  .page-home #homeNew > .rt-card,
  .page-home #homeBest > .rt-card,
  .page-home #homeCreators > .rt-card,
  .page-home #homeBnLaptops > .rt-card,
  .page-home #homeRecent > .rt-card,
  .page-home #homeFeaturedPicksGrid > .rt-card,
  .page-home .ix-brand-hrail > .rt-card,
  .page-home .ix-featured-picks-grid > .rt-card,
  .page-home .ix-home-hrail:not(.ix-offers-grid) > .rt-card {
    flex: 0 0 auto !important;
    width: calc((100% - (14px * 4)) / 5) !important;
    min-width: calc((100% - (14px * 4)) / 5) !important;
    max-width: calc((100% - (14px * 4)) / 5) !important;
    scroll-snap-align: start !important;
  }
  .page-home .ix-offers-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 2px 10px !important;
  }
  .page-home .ix-offers-grid > .rt-card {
    flex: 0 0 auto !important;
    width: calc((100% - (14px * 4)) / 5) !important;
    min-width: calc((100% - (14px * 4)) / 5) !important;
    max-width: calc((100% - (14px * 4)) / 5) !important;
    scroll-snap-align: start !important;
  }
}

@media (min-width: 901px) {
  /* Desktop: hide icon category rail (keep on mobile ≤900px) */
  body.page-home #categories.ix-cat-rail,
  body.page-home .ix-home-top > #categories,
  .page-home .ix-cat-rail,
  .page-home #categories.ix-cat-rail,
  #categories.ix-cat-rail {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important;
  }
  /* Desktop: always show Shop by category heading above the tiles */
  .page-home #homeExploreSection .ix-head,
  .page-home .ix-home-explore-section .ix-head {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
  }
  .page-home #homeExploreSection .ix-head h2,
  .page-home .ix-home-explore-section .ix-head h2 {
    display: block !important;
    margin: 0 !important;
  }
}
@media (max-width: 900px) {
  /* Homepage: keep top category icon rail hidden on mobile too */
  body.page-home #categories.ix-cat-rail,
  body.page-home .ix-home-top > #categories,
  .page-home .ix-cat-rail {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
  }
  .page-home .ix-home-top > #hero { order: 1 !important; }
  .page-home .ix-home-top > #homeLimitedDrop { order: 2 !important; }
  .page-home .ix-home-top > #homeExploreSection { order: 3 !important; }
  .page-home .ix-home-top > #homeWeekHits { order: 4 !important; }
  .page-home .ix-home-top > #homeRenewedPromo { order: 5 !important; }
  .page-home .ix-home-top > #homeShopByBrand { order: 6 !important; }
  .page-home .ix-home-top > #homeNewSection { order: 7 !important; }
  .page-home .ix-home-top > #homeOffersSection { order: 8 !important; }
  .page-home .ix-home-top > #homeCreatorsSection { order: 9 !important; }
  .page-home .ix-home-top > #homeCuratedBrands { order: 10 !important; }
  .page-home .ix-home-top > #homeBestSection { order: 11 !important; }

  /* Mobile cleanup: hide catbar; keep Shop by category heading */
  .sf-chrome-below,
  .sf-catbar-pro,
  .page-home .sf-catbar-pro {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.page-brand-catbar .sf-chrome-below,
  body.page-brand-catbar .sf-catbar-pro {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .page-home #categories .ix-cat-rail-head,
  .page-home .ix-cat-rail-head {
    display: none !important;
  }
  .page-home #homeExploreSection .ix-head,
  .page-home .ix-home-explore-section .ix-head {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
  .page-home #homeExploreSection .ix-head h2,
  .page-home .ix-home-explore-section .ix-head h2 {
    display: block !important;
    margin: 0 !important;
  }
}

/* —— Explore / brand showcase: pure white canvas (no grey wash) —— */
.page-home #homeCuratedBrands,
.page-home #homeCuratedBrands .ix-brand-rail-section,
.page-home #homeCuratedBrands .ix-section-products,
.page-home #homeCreatorsSection,
.page-home .ix-section-hub,
.page-home .ix-brand-rail-section,
.page-home .ix-brand-explore,
.page-home .ix-brand-explore-track,
.page-home #homeCreatorsExplore,
.page-home .ix-brand-rail-section > .container {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.page-home #homeCreatorsSection .ix-brand-explore,
.page-home .ix-brand-rail-section .ix-brand-explore,
.page-home #homeCuratedBrands .ix-brand-explore {
  display: none !important;
}
.page-home .ix-brand-rail-section .ix-brand-lead {
  display: none !important;
}
.page-home #homeCertifiedUsed {
  display: none !important;
}

/* Creator & Gear + curated brand rails — hide brand line; title sits first */
.page-home #homeCreatorsSection .rt-card-brand,
.page-home #homeCreators .rt-card-brand,
.page-home #homeCuratedBrands .rt-card-brand,
.page-home .ix-curated-brands .rt-card-brand,
.page-home .ix-brand-rail-section .rt-card-brand {
  display: none !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
.page-home #homeCreatorsSection .rt-card-info,
.page-home #homeCreators .rt-card-info,
.page-home #homeCuratedBrands .rt-card-info,
.page-home .ix-curated-brands .rt-card-info,
.page-home .ix-brand-rail-section .rt-card-info {
  gap: 4px !important;
}
.page-home #homeCreatorsSection .rt-card-title,
.page-home #homeCreators .rt-card-title,
.page-home #homeCuratedBrands .rt-card-title,
.page-home .ix-curated-brands .rt-card-title,
.page-home .ix-brand-rail-section .rt-card-title {
  margin-top: 0 !important;
}
.page-home .ix-brand-explore-media::before {
  display: none !important;
  content: none !important;
}

/* Shop by Category: clean heading — no double hairline under title */
.page-home #homeExploreSection .ix-head,
.page-home .ix-home-explore-section .ix-head {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 14px !important;
}
.page-home #homeExploreSection .ix-brand-explore,
.page-home #homeExploreSection .ix-home-explore,
.page-home .ix-home-explore-section .ix-home-explore {
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Explore tiles: one studio surface (match product-photo white — no grey inset box) */
.page-home .ix-brand-explore-media,
.page-home .ix-home-explore .ix-brand-explore-media {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* Shop by Category: square image card + label below (no border under text) */
.page-home #homeExploreSection .ix-brand-explore-tile,
.page-home .ix-home-explore-section .ix-brand-explore-tile,
.page-home #homeExploreSection .ix-home-explore .ix-brand-explore-tile {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  gap: 8px !important;
  padding: 0 !important;
}
.page-home #homeExploreSection .ix-brand-explore-media,
.page-home .ix-home-explore-section .ix-brand-explore-media,
.page-home #homeExploreSection .ix-home-explore .ix-brand-explore-media {
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.page-home #homeExploreSection .ix-brand-explore-tile strong,
.page-home .ix-home-explore-section .ix-brand-explore-tile strong {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}
.page-home #homeExploreSection .ix-brand-explore-tile:hover .ix-brand-explore-media,
.page-home #homeExploreSection .ix-brand-explore-tile:focus-visible .ix-brand-explore-media,
.page-home .ix-home-explore-section .ix-brand-explore-tile:hover .ix-brand-explore-media,
.page-home .ix-home-explore-section .ix-brand-explore-tile:focus-visible .ix-brand-explore-media {
  border-color: rgba(15, 23, 42, 0.22) !important;
  box-shadow: none !important;
}
.page-home .ix-home-explore .ix-brand-explore-media img {
  padding: 10px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* Brand logos: no padded white plate around the mark */
.page-home #homeShopByBrand .ix-brand-explore-media img {
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* —— Freeze: Top Recommendations = horizontal rail (~5 visible, scroll for more) —— */
@media (min-width: 901px) {
  .page-home #homeFeaturedPicksGrid,
  .page-home .ix-featured-picks-grid,
  .page-home .ix-featured-picks-grid.ix-home-hrail {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    grid-template-columns: none !important;
    scroll-snap-type: x mandatory !important;
  }
  .page-home #homeFeaturedPicksGrid > .rt-card,
  .page-home .ix-featured-picks-grid > .rt-card {
    flex: 0 0 auto !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }
}

/* —— Explore Leading Brands: equal gaps + balanced logo weight —— */
.page-home #homeLeadingBrands {
  padding-top: 1.05rem !important;
  padding-bottom: 0.85rem !important;
}
.page-home #homeLeadingBrands .ix-hrail-wrap {
  padding: 0 44px !important;
  box-sizing: border-box !important;
}
.page-home #homeLeadingBrands .ix-hrail-prev {
  left: 0 !important;
}
.page-home #homeLeadingBrands .ix-hrail-next {
  right: 0 !important;
}
.page-home #homeLeadingBrandsRail,
.page-home .ix-leading-brands-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  /* Same space between every logo (content-sized items, not fixed slots) */
  gap: 44px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
  scroll-snap-type: x proximity !important;
  padding: 8px 8px 12px !important;
  margin: 0 !important;
  grid-template-columns: none !important;
}
.page-home #homeLeadingBrandsRail > a.ix-brand-logo,
.page-home .ix-leading-brands-rail > a.ix-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  scroll-snap-align: start !important;
  border-radius: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.page-home #homeLeadingBrandsRail > a.ix-brand-logo:hover,
.page-home .ix-leading-brands-rail > a.ix-brand-logo:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0.75 !important;
}
.page-home #homeLeadingBrandsRail .ix-brand-logo-mark,
.page-home .ix-leading-brands-rail .ix-brand-logo-mark {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
/* Base wordmarks — shared height; cap width so gaps stay optically even */
.page-home #homeLeadingBrandsRail .ix-brand-logo-mark img,
.page-home #homeLeadingBrandsRail .ix-brand-logo-mark svg,
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand] .ix-brand-logo-mark img,
.page-home .ix-leading-brands-rail .ix-brand-logo-mark img,
.page-home .ix-leading-brands-rail a.ix-brand-logo[data-brand] .ix-brand-logo-mark img {
  width: auto !important;
  height: 32px !important;
  max-width: 128px !important;
  max-height: 40px !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}
/* Apple / Dyson / DJI — stronger presence (user QA) */
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark img {
  height: 48px !important;
  max-height: 48px !important;
  max-width: 52px !important;
}
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark img {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 148px !important;
}
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark img {
  height: 46px !important;
  max-height: 46px !important;
  max-width: 120px !important;
}
/* Other icon marks — keep balanced with wordmarks */
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="microsoft"] .ix-brand-logo-mark img,
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="hp"] .ix-brand-logo-mark img,
.page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="dell"] .ix-brand-logo-mark img {
  height: 38px !important;
  max-height: 38px !important;
  max-width: 88px !important;
}
@media (max-width: 900px) {
  .page-home #homeLeadingBrandsRail,
  .page-home .ix-leading-brands-rail {
    gap: 36px !important;
    padding: 6px 6px 10px !important;
  }
  .page-home #homeLeadingBrandsRail > a.ix-brand-logo,
  .page-home .ix-leading-brands-rail > a.ix-brand-logo {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .page-home #homeLeadingBrandsRail .ix-brand-logo-mark img,
  .page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand] .ix-brand-logo-mark img {
    height: 30px !important;
    max-height: 36px !important;
  }
  .page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="apple"] .ix-brand-logo-mark img {
    height: 42px !important;
    max-height: 42px !important;
  }
  .page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="dyson"] .ix-brand-logo-mark img {
    height: 40px !important;
    max-height: 40px !important;
  }
  .page-home #homeLeadingBrandsRail a.ix-brand-logo[data-brand="dji"] .ix-brand-logo-mark img {
    height: 42px !important;
    max-height: 42px !important;
  }
}

/* Hero canvas: never flash a blank dark half during contain/letterbox or slide fades */
.page-home .sf-hero.sf-hero-cinema[data-hero-cinema],
.page-home .sf-hero-cinema[data-hero-cinema] .sf-hero-visual {
  background: #f3f5f8 !important;
}
.page-home .sf-hero-cinema[data-hero-cinema] .sf-hero-shot img {
  object-fit: cover !important;
  object-position: center center !important;
}
/*
 * Promo band sequence — same soft pink/lavender as Limited Time:
 * Limited Drop → Offers on soft band. Renewed is its own rounded card.
 */
.page-home .ix-limited-drop:not([hidden]),
.page-home section.ix-section.ix-offers-section,
.page-home section#homeOffersSection.ix-offers-section,
.page-home section#homeOffersSection,
.page-home section.ix-section:has(.ix-offers-banner),
.page-home .ix-certified-block:not([hidden]),
.page-home .ix-certified-block:has(.cu-mkt-card:not([hidden])),
.page-home #homeCertifiedUsed:not([hidden]) {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  background-color: var(--rt-brand-soft, #f5f0ff) !important;
  background-image: none !important;
}
.page-home .ix-renewed-promo,
.page-home #homeRenewedPromo {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
.page-home .ix-limited-drop:not([hidden]) > .container,
.page-home #homeOffersSection > .container,
.page-home section.ix-offers-section > .container,
.page-home .ix-certified-block:not([hidden]) > .container,
.page-home #homeCertifiedUsed > .container {
  background: transparent !important;
  background-color: transparent !important;
}
.page-home .ix-renewed-promo > .container,
.page-home #homeRenewedPromo > .container,
.page-home .ix-renewed-promo-inner {
  background: var(--rt-brand-soft, #f5f0ff) !important;
  background-color: var(--rt-brand-soft, #f5f0ff) !important;
  background-image: none !important;
  border-radius: 16px !important;
}
/* Offers / Limited stay white on the soft band */
.page-home .ix-limited-drop .ltd-card,
.page-home #homeOffersSection .sp-mkt-card,
.page-home #homeOffersSection .rt-card,
.page-home #homeOffers .rt-card,
.page-home .ix-certified-block .cu-mkt-card,
.page-home #homeCertifiedUsed .cu-mkt-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Shop Renewed CTA = same Buy Now pink→purple gradient */
.page-home .ix-renewed-promo-cta {
  background: var(--rt-cta-grad) !important;
  background-image: var(--rt-cta-grad) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  box-shadow: var(--rt-cta-shadow) !important;
}
.page-home .ix-renewed-promo-cta:hover,
.page-home .ix-renewed-promo-cta:focus-visible {
  background: var(--rt-cta-grad-hover) !important;
  background-image: var(--rt-cta-grad-hover) !important;
  filter: none !important;
}

/* Renewed promo visual — FROZEN desktop 2:1 white media area (max-height 320, no taller card) */
.page-home .ix-renewed-promo-visual {
  background-color: #ffffff !important;
  background-image: none !important;
  max-height: 320px;
  max-width: 640px;
  aspect-ratio: 2 / 1 !important;
  border-radius: 12px !important;
}

.page-home .ix-renewed-promo-copy {
  align-items: center !important;
  text-align: center !important;
}

.page-home .ix-renewed-promo-copy h2,
.page-home .ix-renewed-promo-title {
  text-align: center !important;
}

.page-home .ix-renewed-promo-copy > p {
  display: none !important;
}

.page-home .ix-renewed-promo-cta {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 720px) {
  .page-home .ix-renewed-promo-visual {
    max-height: none !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
}
/* No long “Special Offers — Up to … RRP” line under Offers */
.page-home #homeOffersKicker,
.page-home .ix-offers-section-kicker,
.page-home .rt-offer-note {
  display: none !important;
}
@media (min-width: 901px) {
  .page-home #homeOffers,
  .page-home .ix-home-hrail.ix-offers-grid,
  .page-home .ix-offers-grid.ix-home-hrail,
  .page-home .ix-offers-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    grid-template-columns: none !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 2px 10px !important;
  }
  .page-home #homeOffers > .rt-card,
  .page-home .ix-offers-grid > .rt-card {
    flex: 0 0 auto !important;
    /* Match standard homepage product-card footprint (5-up row density) */
    width: calc((100% - (14px * 4)) / 5) !important;
    min-width: calc((100% - (14px * 4)) / 5) !important;
    max-width: calc((100% - (14px * 4)) / 5) !important;
    scroll-snap-align: start !important;
  }
}

/* Homepage alignment — denser content column to match reference spacing */
.page-home {
  overflow-x: clip;
}
.page-home .container {
  width: min(1320px, calc(100% - 24px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* Full-bleed pink band only — content stays on the same grid */
.page-home #homeOffersSection {
  width: 100% !important;
}
.page-home #homeOffersSection > .container,
.page-home #homeLeadingBrands > .container,
.page-home #homeCreatorsSection > .container,
.page-home #homeBestSection > .container,
.page-home #homeBnLaptopsSection > .container,
.page-home #homeNewSection > .container,
.page-home #homeFeaturedPicks > .container,
.page-home #homeCuratedBrands .container {
  width: min(1320px, calc(100% - 24px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Rails fill the shared container — never escape past section edges */
.page-home .ix-hrail-wrap,
.page-home .ix-offers-banner,
.page-home #homeOffers,
.page-home #homeLeadingBrandsRail,
.page-home #homeCreators,
.page-home #homeBest,
.page-home #homeBnLaptops,
.page-home #homeNew,
.page-home #homeFeaturedPicksGrid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
/* Offers feature card aligns to the same column (not a narrower 1040 island) */
.page-home #homeOffersSection .sp-mkt-card.sp-offer-live,
.page-home #homeOffersSection .sp-mkt-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 900px) {
  /* Match Shop-by-Brand / Explore gutters — full width + 12px pad (no calc(100%-24px) double inset) */
  .page-home .container,
  .page-home #homeOffersSection > .container,
  .page-home #homeLeadingBrands > .container,
  .page-home #homeCreatorsSection > .container,
  .page-home #homeBestSection > .container,
  .page-home #homeBnLaptopsSection > .container,
  .page-home #homeNewSection > .container,
  .page-home #homeFeaturedPicks > .container,
  .page-home #homeRecentSection > .container,
  .page-home #homeCuratedBrands .container,
  .page-home .ix-brand-rail-section > .container,
  .page-home .ix-product-posters > .container,
  .page-home #homeProductPosters > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* Rails / tiles: no extra horizontal pad — first card lines up with section title */
  .page-home #homeNew,
  .page-home #homeBest,
  .page-home #homeOffers,
  .page-home #homeRecent,
  .page-home #homeCreators,
  .page-home #homeCuratedBrands .ix-type-tile-track,
  .page-home .ix-brand-rail-section .ix-type-tile-track,
  .page-home .ix-type-tile-track,
  .page-home .ix-home-hrail,
  .page-home .ix-poster-rail {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Product cards: use mobile width like upper brand tiles (still scroll rail) */
  .page-home #homeNew > .rt-card,
  .page-home #homeBest > .rt-card,
  .page-home #homeOffers > .rt-card,
  .page-home #homeRecent > .rt-card,
  .page-home #homeNewSection .ix-home-hrail > .rt-card,
  .page-home #homeBestSection .ix-home-hrail > .rt-card,
  .page-home #homeOffersSection .ix-home-hrail > .rt-card,
  .page-home #homeRecentSection .ix-home-hrail > .rt-card {
    width: min(168px, 44vw) !important;
    min-width: min(168px, 44vw) !important;
    max-width: 200px !important;
  }

  .page-home .ix-type-tile-track .ix-brand-explore-tile,
  .page-home .ix-type-tile-track .ix-type-tile,
  .page-home #homeCreators .ix-brand-explore-tile,
  .page-home #homeCreators .ix-type-tile,
  .page-home #homeBest .ix-brand-explore-tile,
  .page-home #homeBest .ix-type-tile,
  .page-home #homeCuratedBrands .ix-brand-explore-tile,
  .page-home #homeCuratedBrands .ix-type-tile {
    flex-basis: calc((100% - 12px) / 2.15) !important;
    width: calc((100% - 12px) / 2.15) !important;
    min-width: 148px !important;
    max-width: 180px !important;
  }

  .page-home .ix-type-tile-track {
    gap: 12px !important;
  }

  /* Posters: same 12px page gutter as other homepage rails */
  .page-home .ix-product-posters > .container,
  .page-home #homeProductPosters > .container {
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
  }

  .page-home .ix-poster-card {
    flex: 0 0 calc((100% - 20px) / 1.15) !important;
    width: calc((100% - 20px) / 1.15) !important;
    max-width: 320px !important;
  }
}

.rt-merch-shine { display: none !important; }

/* Photo overlays — same corners as before, sit in the image, no extra chrome */
body:not(.page-product) .rt-card[data-show-colors="1"] .rt-card-colors.is-enabled,
.page-home .rt-card[data-show-colors="1"] .rt-card-colors.is-enabled,
.ix-grid .rt-card[data-show-colors="1"] .rt-card-colors.is-enabled,
.rt-grid .rt-card[data-show-colors="1"] .rt-card-colors.is-enabled,
.home-grid .rt-card[data-show-colors="1"] .rt-card-colors.is-enabled {
  position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  top: auto !important;
  right: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 5px !important;
  margin: 0 !important;
  max-width: calc(100% - 72px) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  pointer-events: auto !important;
}
body:not(.page-product) .rt-card-swatch {
  width: 18px !important;
  height: 18px !important;
}
body:not(.page-product) .rt-card-swatch.is-active {
  border-color: #fff !important;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2.5px #0b1220 !important;
}
body:not(.page-product) .rt-card-saving-media {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  top: auto !important;
  left: auto !important;
  z-index: 3 !important;
}
body:not(.page-product) .rt-card-saving-media .rt-vs-official,
.page-home .rt-card-saving-media .rt-vs-official,
.ix-grid .rt-card-saving-media .rt-vs-official,
.rt-grid .rt-card-saving-media .rt-vs-official {
  background: var(--rt-save-pill) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
}

/* Cards: Title → price only. Colour is the photo swatches, not a text line. */
body:not(.page-product) .rt-card-meta,
.page-home .rt-card-meta,
.ix-grid .rt-card-meta,
.rt-grid .rt-card-meta,
.home-grid .rt-card-meta {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

/* Final storefront polish: desktop category strip + Explore tile sizing */
@media (min-width: 901px) {
  /* Keep top icon category strip hidden on desktop */
  body.page-home #categories.ix-cat-rail,
  body.page-home .ix-home-top > #categories,
  .page-home .ix-cat-rail,
  .page-home #categories.ix-cat-rail,
  #categories.ix-cat-rail {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Explore rails: uniform tile size, no stretch */
  .page-home .ix-brand-explore {
    border-top: 0 !important;
    margin-top: 12px !important;
    padding-top: 8px !important;
  }
  .page-home .ix-brand-explore-track,
  .page-home .ix-home-explore-track {
    --exp-gap: 12px;
    --exp-tile: 156px;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--exp-gap) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 0 0 !important;
    background: transparent !important;
    scrollbar-width: none !important;
  }
  .page-home .ix-brand-explore-track::-webkit-scrollbar,
  .page-home .ix-home-explore-track::-webkit-scrollbar {
    display: none !important;
  }
  .page-home .ix-brand-explore-tile,
  .page-home .ix-home-explore .ix-brand-explore-tile {
    flex: 0 0 var(--exp-tile) !important;
    width: var(--exp-tile) !important;
    min-width: var(--exp-tile) !important;
    scroll-snap-align: start !important;
  }
  /* Shop by Brand — same fixed card size as Shop by Category */
  .page-home #homeShopByBrand .ix-brand-explore-tile,
  .page-home #homeShopByBrand .ix-home-explore .ix-brand-explore-tile {
    flex: 0 0 156px !important;
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    scroll-snap-align: none !important;
  }
  .page-home .ix-brand-explore-media,
  .page-home .ix-home-explore .ix-brand-explore-media {
    border-radius: 8px !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    background: #ffffff !important;
  }
  /* Shop by Category: square image box + label below (no outer card line under text) */
  .page-home #homeExploreSection .ix-brand-explore-media,
  .page-home #homeExploreSection .ix-home-explore .ix-brand-explore-media {
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .page-home #homeExploreSection .ix-brand-explore-tile,
  .page-home #homeExploreSection .ix-home-explore .ix-brand-explore-tile {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .page-home #homeShopByBrand .ix-brand-explore-media,
  .page-home #homeShopByBrand .ix-home-explore .ix-brand-explore-media {
    border-radius: 0 !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: #ffffff !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    place-items: center !important;
    box-shadow: none !important;
  }
  .page-home .ix-brand-explore-media img,
  .page-home .ix-home-explore .ix-brand-explore-media img {
    width: 100% !important;
    height: 100% !important;
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    background-color: transparent !important;
  }
  .page-home #homeShopByBrand .ix-brand-explore-media img {
    width: 68% !important;
    height: 68% !important;
    max-width: 68% !important;
    max-height: 68% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-position: center center !important;
  }
}

/* Mobile/desktop: hide native scrollbar under Shop by Category / explore rails */
.page-home .ix-brand-explore-track,
.page-home .ix-home-explore-track,
.page-home .ix-home-brands-track,
.page-home .ix-cat-rail-track,
.page-home .sf-cat-scroll,
.page-home .sf-cat-nav {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.page-home .ix-brand-explore-track::-webkit-scrollbar,
.page-home .ix-home-explore-track::-webkit-scrollbar,
.page-home .ix-home-brands-track::-webkit-scrollbar,
.page-home .ix-cat-rail-track::-webkit-scrollbar,
.page-home .sf-cat-scroll::-webkit-scrollbar,
.page-home .sf-cat-nav::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* ============================================================
   FINAL mobile header lock (Revibe) — wins over earlier conflicts
   ============================================================ */
@media (max-width: 900px) {
  html body.page-home .sf-header-pro .sf-mainbar-pro,
  html body .sf-header-pro .sf-mainbar-pro {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 0 8px !important;
    min-height: 48px !important;
    height: 48px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
  }
  html body .sf-header-pro .sf-header-start {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    z-index: 2 !important;
    height: 48px !important;
    flex: 0 0 auto !important;
  }
  html body .sf-header-pro .sf-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    gap: 0 !important;
    margin: 0 !important;
  }
  html body .sf-header-pro .sf-logo-text,
  html body .sf-header-pro .sf-logo-name,
  html body .sf-header-pro .sf-logo-tag {
    display: none !important;
  }
  html body .sf-header-pro .sf-actions-pro {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    z-index: 2 !important;
    height: 48px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html body .sf-header-pro .sf-header-start .menu-toggle,
  html body .sf-header-pro .sf-cart-btn-pro,
  html body .sf-header-pro .sf-wish-btn,
  html body .sf-header-pro .sf-profile-btn,
  html body .sf-header-pro .sf-profile-wrap {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .sf-header-pro .sf-header-start .menu-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3.5px !important;
  }
  html body .sf-header-pro .sf-cart-label {
    display: none !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro [data-cart-count][hidden],
  html body .sf-header-pro .sf-wish-btn [data-wish-count][hidden] {
    display: none !important;
    visibility: hidden !important;
  }
  /* Revibe-style dark outline header icons */
  html body .sf-header-pro .sf-wish-btn,
  html body .sf-header-pro .sf-profile-btn,
  html body .sf-header-pro .sf-cart-btn-pro {
    color: #0f172a !important;
    background: transparent !important;
  }
  html body .sf-header-pro .sf-wish-btn svg,
  html body .sf-header-pro .sf-profile-btn svg,
  html body .sf-header-pro .sf-cart-btn-pro svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
  }
  html body .sf-header-pro .sf-wish-btn svg path {
    fill: none !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro svg circle {
    fill: currentColor !important;
    stroke: none !important;
  }
  html body .sf-header-pro .sf-actions-pro {
    gap: 2px !important;
  }
  html body.page-home #categories.ix-cat-rail,
  html body.page-home .ix-home-top > #categories {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Notch + USP: continuous purple ↔ light pink into status bar */
  html body #sfUspMarquee {
    background: var(--sf-usp-solid, #7c3aed) !important;
    background-image: none !important;
    background-color: var(--sf-usp-solid, #7c3aed) !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding-top: var(--sf-usp-safe-top, env(safe-area-inset-top, 0px)) !important;
    height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
    min-height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
    max-height: calc(var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))) !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Product-card hearts (below header) — theme purple on white circle */
.rt-card-tools .rt-tool[data-wish-toggle],
body:not(.page-product) .rt-card-tools .rt-tool[data-wish-toggle] {
  color: #c026d3 !important;
}
.rt-card-tools .rt-tool[data-wish-toggle] svg {
  stroke: #c026d3 !important;
  fill: none !important;
}
.rt-card-tools .rt-tool[data-wish-toggle].is-on {
  color: #c026d3 !important;
  background: #fdf4ff !important;
  border-color: rgba(192, 38, 211, 0.28) !important;
}
.rt-card-tools .rt-tool[data-wish-toggle].is-on svg {
  fill: #c026d3 !important;
  stroke: #c026d3 !important;
}

/* Quick-view / modal heart — same theme treatment */
.rt-qv-actions .rt-icon-btn[data-wish-toggle],
button.rt-icon-btn[data-wish-toggle] {
  color: #c026d3 !important;
}
.rt-qv-actions .rt-icon-btn[data-wish-toggle].is-on,
button.rt-icon-btn[data-wish-toggle].is-on {
  color: #c026d3 !important;
  background: #fdf4ff !important;
  border-color: rgba(192, 38, 211, 0.28) !important;
}
.rt-qv-actions .rt-icon-btn[data-wish-toggle].is-on,
button.rt-icon-btn[data-wish-toggle].is-on {
  color: #c026d3 !important;
}

/* Header wishlist — outline icons like Revibe (not filled theme heart) */
.sf-header-pro .sf-wish-btn,
.sf-header-pro .sf-profile-btn,
.sf-header-pro .sf-cart-btn-pro {
  color: #0f172a !important;
}
.sf-header-pro .sf-wish-btn svg,
.sf-header-pro .sf-profile-btn svg,
.sf-header-pro .sf-cart-btn-pro svg {
  fill: none !important;
  stroke: currentColor !important;
  color: inherit !important;
}
.sf-header-pro .sf-wish-btn svg path,
.sf-header-pro .sf-profile-btn svg path,
.sf-header-pro .sf-cart-btn-pro svg path {
  fill: none !important;
}
.sf-header-pro .sf-cart-btn-pro svg circle {
  fill: currentColor !important;
  stroke: none !important;
}

/* ============================================================
   Promo strip — one slim gradient bar; white header below
   ============================================================ */
#sfNotchFill,
.sf-notch-fill {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#sfUspMarquee,
#sfUspMarquee.sf-usp-marquee,
.sf-usp-marquee#sfUspMarquee {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-top: var(--sf-usp-safe-top, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: 0 !important;
  height: calc(
    var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))
  ) !important;
  min-height: calc(
    var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))
  ) !important;
  max-height: calc(
    var(--sf-usp-ticker-h, 24px) + var(--sf-usp-safe-top, env(safe-area-inset-top, 0px))
  ) !important;
  margin: 0 !important;
  z-index: 10050 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  background: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
  background-color: var(--sf-usp-solid, #7c3aed) !important;
}
#sfUspMarquee::before,
.sf-usp-marquee#sfUspMarquee::before {
  display: none !important;
  content: none !important;
}
#sfUspMarquee .sf-usp-track,
.sf-usp-marquee#sfUspMarquee .sf-usp-track {
  flex: 0 0 auto !important;
  min-height: var(--sf-usp-ticker-h, 24px) !important;
  height: var(--sf-usp-ticker-h, 24px) !important;
  max-height: var(--sf-usp-ticker-h, 24px) !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.sf-has-welcome .header.sf-header,
body.sf-has-welcome .sf-header.header,
body.sf-has-welcome .header.sf-header-pro,
body.sf-has-welcome .sf-header.sf-header-pro,
body.sf-has-welcome .sf-header-pro,
html body.sf-has-welcome .header.sf-header,
html body.sf-has-welcome .sf-header.header,
html body.sf-has-welcome .header.sf-header-pro,
html body.sf-has-welcome .sf-header.sf-header-pro,
html body.sf-has-welcome .sf-header-pro {
  top: var(--sf-usp-bar-h, calc(24px + env(safe-area-inset-top, 0px))) !important;
}
body:not(.sf-has-welcome) .header.sf-header,
body:not(.sf-has-welcome) .sf-header.header,
body:not(.sf-has-welcome) .header.sf-header-pro,
body:not(.sf-has-welcome) .sf-header.sf-header-pro,
body:not(.sf-has-welcome) .sf-header-pro {
  top: 0 !important;
}

/* Slimmer mobile header row */
@media (max-width: 900px) {
  html body .sf-header-pro .sf-mainbar-pro {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 8px !important;
  }
  html body .sf-header-pro .sf-header-start,
  html body .sf-header-pro .sf-actions-pro {
    height: 48px !important;
    min-height: 48px !important;
  }
  html body .sf-header-pro .sf-header-pro,
  html body .sf-header-pro {
    padding-top: 0 !important;
  }
}

/* Account icon — far end of action cluster (LTR: top-right) */
html[dir="ltr"] body .sf-header-pro .sf-actions-pro,
html:not([dir="rtl"]) body .sf-header-pro .sf-actions-pro {
  direction: ltr !important;
}
html[dir="ltr"] body .sf-header-pro .sf-wish-btn,
html:not([dir="rtl"]) body .sf-header-pro .sf-wish-btn {
  order: 1 !important;
}
html[dir="ltr"] body .sf-header-pro .sf-cart-btn-pro,
html:not([dir="rtl"]) body .sf-header-pro .sf-cart-btn-pro {
  order: 2 !important;
}
html[dir="ltr"] body .sf-header-pro .sf-profile-wrap,
html:not([dir="rtl"]) body .sf-header-pro .sf-profile-wrap {
  order: 3 !important;
}
html[dir="rtl"] body .sf-header-pro .sf-mainbar-pro,
html[dir="rtl"] body.is-ar .sf-header-pro .sf-mainbar-pro {
  direction: rtl !important;
}
html[dir="rtl"] body .sf-header-pro .sf-actions-pro,
html[dir="rtl"] body.is-ar .sf-header-pro .sf-actions-pro {
  direction: ltr !important;
}
html[dir="rtl"] body .sf-header-pro .sf-profile-wrap,
html[dir="rtl"] body.is-ar .sf-header-pro .sf-profile-wrap {
  position: relative !important;
}

/* Mobile search — lavender field matching desktop */
@media (max-width: 900px) {
  #sfSearchScroll .sf-search-pro,
  #sfSearchScroll #sfSearchDesk,
  .sf-search-scroll .sf-search-pro,
  .sf-search-scroll #sfSearchDesk {
    background: #f5f0ff !important;
    background-color: #f5f0ff !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  #sfSearchScroll .sf-search-pro:focus-within,
  .sf-search-scroll .sf-search-pro:focus-within {
    background: #f5f0ff !important;
    background-color: #f5f0ff !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
  }
  #sfSearchScroll .sf-search-pro button,
  #sfSearchScroll .sf-search-pro button[type="submit"],
  .sf-search-scroll .sf-search-pro button,
  .sf-search-scroll .sf-search-pro button[type="submit"] {
    background: transparent !important;
    background-color: transparent !important;
    color: #0f172a !important;
  }
  #sfSearchScroll .sf-search-ico svg,
  .sf-search-scroll .sf-search-ico svg {
    fill: none !important;
    stroke: currentColor !important;
    color: #0f172a !important;
  }
  /* LTR mobile drawer — slides from left (menu button side) */
  html[dir="ltr"] body .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body .sf-mobile-drawer-inner,
  html[dir="ltr"] body.sf-has-welcome .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body.sf-has-welcome .sf-mobile-drawer-inner {
    left: 0 !important;
    right: auto !important;
    top: var(--sf-header-h, 56px) !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 12px 0 32px rgba(15, 23, 42, 0.18) !important;
    transform: translateX(-105%) !important;
  }
  html[dir="ltr"] body .sf-mobile-drawer:not([hidden]) .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body .sf-mobile-drawer:not([hidden]) .sf-mobile-drawer-inner {
    transform: translateX(0) !important;
  }
  html[dir="ltr"] body .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner {
    transform: translateX(-105%) !important;
  }
  /* RTL mobile drawer — slides from right (menu button side in Arabic) */
  html[dir="rtl"] body .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar .sf-mobile-drawer-inner,
  html[dir="rtl"] body.sf-has-welcome .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar.sf-has-welcome .sf-mobile-drawer-inner {
    left: auto !important;
    right: 0 !important;
    top: var(--sf-header-h, 56px) !important;
    border-radius: 16px 0 0 16px !important;
    box-shadow: -12px 0 32px rgba(15, 23, 42, 0.18) !important;
    transform: translateX(105%) !important;
  }
  html[dir="rtl"] body .sf-mobile-drawer:not([hidden]) .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar .sf-mobile-drawer:not([hidden]) .sf-mobile-drawer-inner {
    transform: translateX(0) !important;
  }
  html[dir="rtl"] body .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner {
    transform: translateX(105%) !important;
  }
  #sfUspMarquee .sf-usp-track,
  .sf-usp-marquee#sfUspMarquee .sf-usp-track {
    min-height: var(--sf-usp-ticker-h, 24px) !important;
    height: var(--sf-usp-ticker-h, 24px) !important;
    max-height: var(--sf-usp-ticker-h, 24px) !important;
    padding: 0 !important;
  }
  #sfSearchScroll .sf-search-pro input,
  #sfSearchScroll .sf-search-pro input[type="search"],
  .sf-search-scroll .sf-search-pro input,
  .sf-search-scroll .sf-search-pro input[type="search"] {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    caret-color: #334155 !important;
  }
  #sfSearchScroll .sf-search-pro input::placeholder,
  #sfSearchScroll .sf-search-pro input[type="search"]::placeholder,
  .sf-search-scroll .sf-search-pro input::placeholder,
  .sf-search-scroll .sf-search-pro input[type="search"]::placeholder,
  html[dir="rtl"] body .sf-header-pro .sf-profile-panel,
  html[dir="rtl"] body.is-ar .sf-header-pro .sf-profile-panel {
    left: 0 !important;
    right: auto !important;
    z-index: 500 !important;
  }
  html[dir="rtl"] .sf-header-pro .sf-wish-btn [data-wish-count],
  html[dir="rtl"] .sf-header-pro .sf-cart-btn-pro [data-cart-count],
  html[dir="rtl"] body.is-ar .sf-header-pro .sf-wish-btn [data-wish-count],
  html[dir="rtl"] body.is-ar .sf-header-pro .sf-cart-btn-pro [data-cart-count] {
    right: auto !important;
    left: 0 !important;
  }
  html[dir="rtl"] .sf-mobile-drawer-inner a,
  html[dir="rtl"] .sf-mobile-label,
  html[dir="rtl"] .sf-profile-link,
  html[dir="rtl"] .sf-profile-head strong,
  html[dir="rtl"] .sf-profile-head em {
    text-align: right !important;
  }
}

/* USP notch + ticker — Buy Now gradient end (no gradient) */
html {
  background-color: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
}
#sfUspMarquee,
#sfUspMarquee.sf-usp-marquee,
.sf-usp-marquee#sfUspMarquee,
html body #sfUspMarquee {
  background: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
  background-color: var(--sf-usp-solid, #7c3aed) !important;
}

/* ============================================================
   PDP / shop chrome — header float, white search, gallery align
   ============================================================ */
html body.page-product,
html body.page-inner.page-product,
html body.page-brand-new,
html body.page-used,
html body.page-shop,
html body.page-category,
html body.page-brands,
html body.page-search {
  padding-top: var(--sf-header-h, 56px) !important;
}

/* Search card — lavender field + icon-only dark vector (reference) */
html body .sf-search,
html body .sf-search-pro,
html body .sf-header-pro .sf-search-pro,
html body #sfSearchDesk.sf-search-pro,
html body #sfSearchScroll .sf-search-pro,
html body .sf-search-scroll .sf-search-pro,
html body .sf-mainbar-pro .sf-search-pro,
html body.page-home .sf-search-pro {
  background: #f5f0ff !important;
  background-color: #f5f0ff !important;
  background-image: none !important;
  border-color: rgba(15, 23, 42, 0.55) !important;
  box-shadow: none !important;
}

html body .sf-search-pro button,
html body .sf-search-pro button[type="submit"],
html body .sf-header-pro .sf-search-pro button,
html body .sf-header-pro .sf-search-pro button[type="submit"],
html body #sfSearchScroll .sf-search-pro button,
html body #sfSearchScroll .sf-search-pro button[type="submit"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 9px 9px 0 !important;
}

html body .sf-search,
html body .sf-search-pro,
html body .sf-header-pro .sf-search-pro,
html body #sfSearchDesk.sf-search-pro,
html body .sf-mainbar-pro .sf-search-pro,
html body.page-home .sf-search-pro {
  border-radius: 10px !important;
}

html body .sf-search-pro button:hover,
html body .sf-header-pro .sf-search-pro button:hover {
  background: rgba(192, 38, 211, 0.08) !important;
  background-color: rgba(192, 38, 211, 0.08) !important;
}

html body .sf-search-pro .sf-search-btn-text,
html body .sf-header-pro .sf-search-pro .sf-search-btn-text,
html body #sfSearchScroll .sf-search-btn-text {
  display: none !important;
}

html body .sf-search-pro .sf-search-ico svg,
html body .sf-header-pro .sf-search-pro .sf-search-ico svg,
html body #sfSearchScroll .sf-search-ico svg {
  fill: none !important;
  stroke: currentColor !important;
  color: #0f172a !important;
}

/* Header strip — solid white, no hairline under search */
html body .header.sf-header-pro,
html body .sf-header.sf-header-pro,
html body .sf-header-pro,
html body .sf-header-pro .sf-mainbar,
html body .sf-header-pro .sf-mainbar-pro,
html body .sf-chrome-below {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .sf-catbar,
html body .sf-catbar-pro {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 0 !important;
}

html body.page-product .rt-pdp-section > .container,
html body.page-product main .container {
  width: min(1120px, calc(100% - 64px)) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html body.page-product .rt-pdp-section > .container,
  html body.page-product main .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
    margin-inline: 0 !important;
  }

  html body.page-product,
  html body.page-inner.page-product {
    padding-top: var(--sf-header-h, 112px) !important;
  }

  html body.page-product .header.sf-header-pro,
  html body.page-product .sf-header.sf-header-pro,
  html body.page-product .sf-header-pro {
    position: fixed !important;
    z-index: 1200 !important;
    background: #ffffff !important;
  }

  html body.page-product #sfSearchScroll.sf-search-scroll,
  html body.page-product .sf-search-scroll {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    background: #ffffff !important;
  }
}

@media (min-width: 901px) {
  /* Desktop: hide hamburger — PDP was missing ix-home hide rule */
  html body .sf-header-pro .menu-toggle,
  html body .sf-header .menu-toggle,
  html body .sf-header-start .menu-toggle,
  html body .sf-header-pro .sf-header-start .menu-toggle {
    display: none !important;
  }

  html body.sf-has-welcome .header.sf-header-pro,
  html body.sf-has-welcome .sf-header.sf-header-pro,
  html body.sf-has-welcome .sf-header-pro,
  html body:not(.sf-has-welcome) .header.sf-header-pro,
  html body:not(.sf-has-welcome) .sf-header.sf-header-pro,
  html body:not(.sf-has-welcome) .sf-header-pro {
    padding: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
  html body.sf-has-welcome .header.sf-header-pro,
  html body.sf-has-welcome .sf-header.sf-header-pro,
  html body.sf-has-welcome .sf-header-pro {
    top: var(--sf-usp-bar-h, 24px) !important;
  }
  html body:not(.sf-has-welcome) .header.sf-header-pro,
  html body:not(.sf-has-welcome) .sf-header.sf-header-pro,
  html body:not(.sf-has-welcome) .sf-header-pro {
    top: 0 !important;
  }

  /* Flat white shell — no floating card dim */
  html body .sf-header-pro .sf-mainbar,
  html body .sf-header-pro .sf-mainbar.sf-mainbar {
    width: min(1120px, calc(100% - 48px)) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.page-product .pdp-layout-pro {
    grid-template-columns: minmax(300px, 0.92fr) minmax(280px, 1fr) minmax(250px, 0.82fr) !important;
    gap: 28px 32px !important;
    justify-content: center !important;
  }
}

@media (max-width: 900px) {
  html body .header.sf-header-pro,
  html body .sf-header.sf-header-pro,
  html body .sf-header-pro {
    padding: 0 !important;
  }
  /* Menu (“3 roads”) — clean, not a lavender stuck chip */
  html body .sf-header-pro .sf-header-start .menu-toggle,
  html body .sf-header .menu-toggle {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-inline-start: 4px !important;
  }
}

/* Purple USP ticker — always fixed at top with sticky header (all pages) */
html body #sfUspMarquee,
html body #sfUspMarquee.sf-usp-marquee,
html body .sf-usp-marquee#sfUspMarquee {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 10050 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--sf-usp-solid, #7c3aed) !important;
  background-color: var(--sf-usp-solid, #7c3aed) !important;
  background-image: none !important;
}
html body.sf-has-welcome .header.sf-header,
html body.sf-has-welcome .sf-header.header,
html body.sf-has-welcome .header.sf-header-pro,
html body.sf-has-welcome .sf-header.sf-header-pro,
html body.sf-has-welcome .sf-header-pro {
  top: var(--sf-usp-bar-h, 24px) !important;
}

@media (max-width: 900px) {
  html body .sf-header-pro,
  html body #header.sf-header,
  html body #header.header {
    display: block !important;
    width: 100% !important;
  }
  html body .sf-header-pro > .sf-mainbar,
  html body #header > .sf-mainbar {
    width: 100% !important;
    position: relative !important;
  }
  html body .sf-header-pro .sf-mainbar-pro {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    overflow: visible !important;
  }
  html body .sf-header-pro .sf-header-start {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 56px !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }
  html body .sf-header-pro .sf-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    margin: 0 !important;
    height: auto !important;
    min-width: 30px !important;
    grid-column: auto !important;
  }
  html body .sf-header-pro .sf-actions-pro {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 56px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
  }
  html body #sfSearchScroll.sf-search-scroll,
  html body .sf-search-scroll {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
  }
  html body.page-product .rt-pdp-section > .container,
  html body.page-product #rtProduct.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
    margin: 0 !important;
  }
}

/* ============================================================
   Header proportion polish — sizing / gaps / alignment only
   (Rehman elements + order unchanged; benchmark: professional chrome)
   ============================================================ */
html {
  --sf-usp-ticker-h: 28px;
  --sf-usp-content-h: 28px;
  --sf-search-h: 42px;
}

/* USP strip — slightly taller, clearer type rhythm */
html body #sfUspMarquee,
html body #sfUspMarquee.sf-usp-marquee,
html body .sf-usp-marquee#sfUspMarquee {
  --sf-usp-ticker-h: 28px;
  --sf-usp-content-h: 28px;
}
html body #sfUspMarquee .sf-usp-group,
html body .sf-usp-marquee .sf-usp-group {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  gap: 0 !important;
  line-height: var(--sf-usp-content-h, 28px) !important;
  min-height: var(--sf-usp-content-h, 28px) !important;
  height: var(--sf-usp-content-h, 28px) !important;
}
html body #sfUspMarquee .sf-usp-item,
html body .sf-usp-marquee .sf-usp-item {
  padding-inline: 1.1rem !important;
  gap: 0.45rem !important;
}
html body #sfUspMarquee .sf-usp-label,
html body .sf-usp-marquee .sf-usp-label {
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

/* —— Desktop (≥901px) —— */
@media (min-width: 901px) {
  html body .sf-header-pro .sf-mainbar,
  html body .sf-header-pro .sf-mainbar.sf-mainbar {
    width: min(1180px, calc(100% - 64px)) !important;
    max-width: 1180px !important;
  }
  html body .sf-header-pro .sf-mainbar-pro {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 12px 0 !important;
    min-height: 64px !important;
    height: 64px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }
  html body .sf-header-pro .sf-logo {
    flex: 0 0 auto !important;
    gap: 10px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body .sf-header-pro .sf-logo-mark {
    width: auto !important;
    height: 40px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    max-width: 110px !important;
    flex: 0 0 auto !important;
  }
  html body .sf-header-pro .sf-logo-mark img {
    width: auto !important;
    height: 40px !important;
    max-width: 110px !important;
  }
  html body .sf-header-pro .sf-logo-name {
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.028em !important;
    line-height: 1.15 !important;
  }
  /* Search optically centered in the bar (benchmark balance) — keep Rehman 10px corners, not full pill */
  html body .sf-header-pro .sf-search-pro,
  html body .sf-header-pro #sfSearchDesk {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    flex: 0 0 auto !important;
    width: min(540px, 46vw) !important;
    max-width: min(540px, 46%) !important;
    min-width: 240px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
  html[dir="rtl"] body .sf-header-pro .sf-search-pro,
  html[dir="rtl"] body .sf-header-pro #sfSearchDesk {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }
  html body .sf-header-pro .sf-search-pro input[type="search"],
  html body .sf-header-pro .sf-search-pro input {
    padding-inline: 18px 8px !important;
    font-size: 0.92rem !important;
  }
  html body .sf-header-pro .sf-search-pro button[type="submit"],
  html body .sf-header-pro .sf-search-pro button {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 0 10px 10px 0 !important;
  }
  html[dir="rtl"] body .sf-header-pro .sf-search-pro button[type="submit"],
  html[dir="rtl"] body .sf-header-pro .sf-search-pro button {
    border-radius: 10px 0 0 10px !important;
  }
  /* Lang + actions: right cluster — subtle icon balance only */
  html body .sf-header-pro .sf-header-start {
    flex: 0 0 auto !important;
    margin-inline-start: auto !important;
    gap: 4px !important;
    height: 42px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body .sf-header-pro .sf-actions-pro {
    flex: 0 0 auto !important;
    gap: 6px !important;
    height: 42px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro,
  html body .sf-header-pro .sf-wish-btn,
  html body .sf-header-pro .sf-profile-btn,
  html body .sf-header-pro .sf-lang {
    width: auto !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
  }
  html body .sf-header-pro .sf-lang {
    padding-inline: 8px !important;
    gap: 6px !important;
  }
  html body .sf-header-pro .sf-lang-flag,
  html body .sf-header-pro .sf-lang-flag svg {
    width: 16px !important;
    height: 11px !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro svg,
  html body .sf-header-pro .sf-wish-btn svg,
  html body .sf-header-pro .sf-profile-btn svg {
    width: 22px !important;
    height: 22px !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro [data-cart-count],
  html body .sf-header-pro .sf-wish-btn [data-wish-count] {
    top: 1px !important;
    inset-inline-end: 0 !important;
    right: auto !important;
  }
}

/* —— Mobile (≤900px): compact icon balance + tighter search gap —— */
@media (max-width: 900px) {
  html body .sf-header-pro .sf-mainbar,
  html body #header > .sf-mainbar {
    width: 100% !important;
    max-width: 100% !important;
  }
  html body .sf-header-pro .sf-mainbar-pro {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 max(12px, env(safe-area-inset-left, 0px)) 0 max(12px, env(safe-area-inset-right, 0px)) !important;
    padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    gap: 0 !important;
    align-items: center !important;
  }
  html body .sf-header-pro .sf-header-start {
    height: 48px !important;
    gap: 6px !important;
    align-items: center !important;
  }
  html body .sf-header-pro .sf-header-start .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    gap: 4.5px !important;
  }
  html body .sf-header-pro .sf-header-start .menu-toggle span {
    width: 20px !important;
    height: 2px !important;
  }
  html body .sf-header-pro .sf-header-start .sf-lang,
  html body .sf-header-pro .sf-lang {
    height: 40px !important;
    min-height: 40px !important;
    padding-inline: 6px !important;
    gap: 6px !important;
  }
  html body .sf-header-pro .sf-header-start .sf-lang-flag,
  html body .sf-header-pro .sf-lang-flag,
  html body .sf-header-pro .sf-header-start .sf-lang-flag svg,
  html body .sf-header-pro .sf-lang-flag svg {
    width: 16px !important;
    height: 11px !important;
  }
  html body .sf-header-pro .sf-header-start .sf-lang-code,
  html body .sf-header-pro .sf-lang-code {
    font-size: 0.78rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.05em !important;
  }
  html body .sf-header-pro .sf-logo {
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  html[dir="rtl"] body .sf-header-pro .sf-logo {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }
  html body .sf-header-pro .sf-logo-mark,
  html body .sf-header-pro .sf-logo-mark img {
    width: auto !important;
    height: 32px !important;
    min-width: 0 !important;
    min-height: 32px !important;
    max-width: 100px !important;
    flex-basis: auto !important;
  }
  html body .sf-header-pro .sf-actions-pro {
    height: 48px !important;
    gap: 2px !important;
    margin-inline-start: auto !important;
    margin-left: 0 !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro,
  html body .sf-header-pro .sf-wish-btn,
  html body .sf-header-pro .sf-profile-btn,
  html body .sf-header-pro .sf-profile-wrap {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro svg,
  html body .sf-header-pro .sf-wish-btn svg,
  html body .sf-header-pro .sf-profile-btn svg {
    width: 24px !important;
    height: 24px !important;
  }
  html body .sf-header-pro .sf-cart-btn-pro [data-cart-count],
  html body .sf-header-pro .sf-wish-btn [data-wish-count] {
    top: 1px !important;
    inset-inline-end: 0 !important;
    right: auto !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 0.6rem !important;
  }
  /* Tighter gap under icon row only — search field look unchanged */
  html body #sfSearchScroll.sf-search-scroll,
  html body .sf-search-scroll {
    padding: 2px max(12px, env(safe-area-inset-right, 0px)) 8px max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   This Week's Hits pills — Buy Now gradient end (#7c3aed)
   Shape unchanged; card/PDP merch badges stay storefront.css
   ============================================================ */
html body .ix-hit-badge,
html body .ix-hit-badge.is-sale,
html body .ix-hit-badge.is-hot,
html body .ix-hit-badge.is-new,
html body .ix-hit-badge.is-featured,
html body .page-home #homeWeekHits .ix-hit-badge,
html body .page-home #homeWeekHits .ix-hit-badge.is-featured {
  background: var(--rt-cta-end, #7c3aed) !important;
  background-color: var(--rt-cta-end, #7c3aed) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .ix-hit-badge-txt {
  color: #ffffff !important;
}

/* ============================================================
   Search field — remove hard outer border (visual only)
   Same surface / radius / size; soft focus, no harsh outline
   ============================================================ */
html body .sf-header-pro .sf-search-pro,
html body .sf-header-pro #sfSearchDesk,
html body #sfSearchScroll .sf-search-pro,
html body #sfSearchScroll #sfSearchDesk,
html body .sf-search-scroll .sf-search-pro,
html body .sf-search-scroll #sfSearchDesk,
html body .sf-search-pro.sf-search {
  border: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
html body .sf-header-pro .sf-search-pro:focus-within,
html body .sf-header-pro #sfSearchDesk:focus-within,
html body #sfSearchScroll .sf-search-pro:focus-within,
html body .sf-search-scroll .sf-search-pro:focus-within,
html body .sf-search-pro.sf-search:focus-within {
  border: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  /* Soft glow — not a hard rectangular outline */
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}
html body .sf-header-pro .sf-search-pro input,
html body .sf-header-pro .sf-search-pro input[type="search"],
html body #sfSearchScroll .sf-search-pro input,
html body #sfSearchScroll .sf-search-pro input[type="search"],
html body .sf-search-scroll .sf-search-pro input,
html body .sf-search-scroll .sf-search-pro input[type="search"] {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body .sf-header-pro .sf-search-pro input:focus,
html body .sf-header-pro .sf-search-pro input[type="search"]:focus,
html body #sfSearchScroll .sf-search-pro input:focus,
html body .sf-search-scroll .sf-search-pro input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
   Desktop Shop by Category — scroll rail + subtle nav (≥901px)
   Mobile swipe unchanged; no page-level horizontal scroll
   ============================================================ */
@media (min-width: 901px) {
  .page-home #homeExploreSection .ix-hrail-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 0 42px !important;
  }
  .page-home #homeExploreSection .ix-hrail-prev {
    left: 0 !important;
  }
  .page-home #homeExploreSection .ix-hrail-next {
    right: 0 !important;
  }
  .page-home #homeExploreSection .ix-home-explore-track {
    scroll-behavior: smooth !important;
    cursor: grab !important;
    scroll-padding-inline: 4px !important;
  }
  .page-home #homeExploreSection .ix-home-explore-track.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
  }
  /* Hint that more categories exist beyond the visible edge */
  .page-home #homeExploreSection .ix-hrail-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    width: 28px;
    height: calc(100% - 8px);
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92));
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .page-home #homeExploreSection .ix-hrail-wrap:has(.ix-hrail-next:not([hidden]):not(:disabled))::after {
    opacity: 1;
  }
  html[dir="rtl"] .page-home #homeExploreSection .ix-hrail-wrap::after {
    right: auto;
    left: 42px;
    background: linear-gradient(270deg, transparent, rgba(255, 255, 255, 0.92));
  }
}

/* ============================================================
   Header stability — RTL + inner pages (presentation only)
   ============================================================ */
@media (max-width: 900px) {
  html[dir="rtl"] body .sf-header-pro .sf-mainbar-pro,
  html[dir="rtl"] body.is-ar .sf-header-pro .sf-mainbar-pro {
    direction: rtl !important;
  }
  html[dir="rtl"] body.page-product .sf-header-pro .sf-header-start,
  html[dir="rtl"] body.is-ar.page-product .sf-header-pro .sf-header-start {
    justify-content: flex-end !important;
  }
  html[dir="rtl"] body.page-product .sf-header-pro .sf-actions-pro,
  html[dir="rtl"] body.is-ar.page-product .sf-header-pro .sf-actions-pro {
    margin-left: 0 !important;
    margin-inline-start: auto !important;
  }
}

html[dir="rtl"] body .sf-profile-panel,
html[dir="rtl"] body.is-ar .sf-profile-panel {
  text-align: right !important;
}

html[dir="rtl"] body .rt-wish-section,
html[dir="rtl"] body.page-wishlist .rt-shop-section,
html[dir="rtl"] body.page-account .rt-shop-section {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body .rt-empty-pro,
html[dir="rtl"] body .rt-wishlist-empty {
  text-align: right;
}

/* ============================================================
   MICRO-FREEZE — pink count badges · clean dropdown hover
   ============================================================ */
.sf-profile-panel .sf-profile-count:not([hidden]) {
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  border: 2px solid #fff !important;
  box-sizing: border-box !important;
  background: var(--rt-attention, #c026d3) !important;
  background-color: var(--rt-attention, #c026d3) !important;
  background-image: none !important;
  color: var(--rt-attention-ink, #fff) !important;
}

@media (min-width: 901px) {
  .sf-catbar-pro .sf-cat-drop .sf-cat-drop-link:hover,
  .sf-catbar-pro .sf-cat-drop .sf-cat-drop-link:focus,
  .sf-cat-scroll a.sf-cat-drop-link:hover,
  .sf-cat-scroll a.sf-cat-drop-link:focus,
  .sf-cat-drop a.sf-cat-drop-link:hover,
  .sf-cat-drop a.sf-cat-drop-link:focus,
  .sf-cat-brand:hover > a.sf-cat-drop-link,
  .sf-cat-brand:focus-within > a.sf-cat-drop-link,
  .sf-cat-scroll a.sf-cat-group-link:hover,
  .sf-cat-scroll a.sf-cat-group-link:focus,
  .sf-cat-groups a.sf-cat-group-link:hover,
  .sf-cat-groups a.sf-cat-group-link:focus {
    background: #f8fafc !important;
    color: #0b1220 !important;
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
  }
}

/* ============================================================
   This Week's Hits — desktop nav + RTL rail overflow fix
   Mobile swipe unchanged; transform rail stays LTR mechanically
   ============================================================ */
.page-home #homeWeekHits .ix-week-hits-stage.ix-week-hits-nav-wrap,
.page-home #homeWeekHits .ix-week-hits-stage {
  position: relative !important;
}
.page-home #homeWeekHits .ix-week-hits-marquee,
.page-home #homeWeekHits .ix-week-hits-track {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
.page-home #homeWeekHits .ix-week-hits-track {
  flex-direction: row !important;
}
html[dir="rtl"] .page-home #homeWeekHits .ix-week-hits-marquee,
html[dir="rtl"] .page-home #homeWeekHits .ix-week-hits-track,
html[dir="rtl"] body.is-ar .page-home #homeWeekHits .ix-week-hits-marquee,
html[dir="rtl"] body.is-ar .page-home #homeWeekHits .ix-week-hits-track {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
html[dir="rtl"] .page-home #homeWeekHits .ix-week-hits-track,
html[dir="rtl"] body.is-ar .page-home #homeWeekHits .ix-week-hits-track {
  flex-direction: row !important;
}

/* Continuous rails — EN/AR parity (LTR transform math only) */
.page-home .ix-brand-marquee,
.page-home .ix-brand-track,
html[dir="rtl"] .page-home .ix-brand-marquee,
html[dir="rtl"] .page-home .ix-brand-track {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
html[dir="rtl"] .page-home .ix-brand-track {
  flex-direction: row !important;
}
#sfUspMarquee,
#sfUspMarquee .sf-usp-track,
.sf-usp-marquee .sf-usp-track,
html[dir="rtl"] #sfUspMarquee,
html[dir="rtl"] #sfUspMarquee .sf-usp-track,
html[dir="rtl"] .sf-usp-marquee .sf-usp-track {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
.page-home #homeShopByBrand .ix-brand-carousel-viewport,
.page-home #homeShopByBrand #homeShopByBrandTrack,
.page-home #homeShopByBrand .ix-home-brands-track,
html[dir="rtl"] .page-home #homeShopByBrand .ix-brand-carousel-viewport,
html[dir="rtl"] .page-home #homeShopByBrand #homeShopByBrandTrack,
html[dir="rtl"] .page-home #homeShopByBrand .ix-home-brands-track {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
html[dir="rtl"] .page-home #homeShopByBrand #homeShopByBrandTrack,
html[dir="rtl"] .page-home #homeShopByBrand .ix-home-brands-track {
  flex-direction: row !important;
}

.page-home #homeWeekHits .ix-week-hits-nav {
  display: none !important;
}
@media (min-width: 901px) {
  .page-home #homeWeekHits .ix-week-hits-stage.ix-week-hits-nav-wrap {
    padding-inline: 0 !important;
  }
  .page-home #homeWeekHits .ix-week-hits-nav:not([hidden]) {
    display: grid !important;
    place-items: center !important;
    position: absolute !important;
    top: 42% !important;
    z-index: 4 !important;
    width: 34px !important;
    height: 34px !important;
    margin-top: -17px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1) !important;
    opacity: 0.96 !important;
    transition: opacity 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  }
  .page-home #homeWeekHits .ix-week-hits-nav:hover:not(:disabled) {
    border-color: rgba(15, 23, 42, 0.28) !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.14) !important;
    opacity: 1 !important;
  }
  .page-home #homeWeekHits .ix-week-hits-nav:disabled {
    opacity: 0.35 !important;
    cursor: default !important;
  }
  .page-home #homeWeekHits .ix-week-hits-prev {
    left: 2px !important;
    right: auto !important;
  }
  .page-home #homeWeekHits .ix-week-hits-next {
    right: 2px !important;
    left: auto !important;
  }
  /* Keep arrows on the visual edges even when page chrome is RTL */
  html[dir="rtl"] .page-home #homeWeekHits .ix-week-hits-prev {
    left: 2px !important;
    right: auto !important;
  }
  html[dir="rtl"] .page-home #homeWeekHits .ix-week-hits-next {
    right: 2px !important;
    left: auto !important;
  }
}
@media (max-width: 900px) {
  .page-home #homeWeekHits .ix-week-hits-nav {
    display: none !important;
  }
}

/* ============================================================
   Mobile drawer gap + bottom purple bleed — scoped UI only
   (menu items/links unchanged; top USP notch kept)
   ============================================================ */

/* Kill bottom purple strip: white page base, purple only under top USP/notch */
html {
  background-color: #ffffff !important;
  background-image: linear-gradient(
    to bottom,
    var(--sf-usp-solid, #7c3aed) 0,
    var(--sf-usp-solid, #7c3aed) var(--sf-usp-bar-h, 48px),
    #ffffff var(--sf-usp-bar-h, 48px)
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-attachment: scroll !important;
}

@media (max-width: 900px) {
  /* Drawer panel flush under USP — removes dimmed header-band gap before SHOP */
  .sf-mobile-drawer {
    z-index: 1300 !important;
  }
  .sf-mobile-drawer-inner,
  html[dir="ltr"] body .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body .sf-mobile-drawer-inner,
  html[dir="ltr"] body.sf-has-welcome .sf-mobile-drawer-inner,
  html:not([dir="rtl"]) body.sf-has-welcome .sf-mobile-drawer-inner,
  html[dir="rtl"] body .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar .sf-mobile-drawer-inner,
  html[dir="rtl"] body.sf-has-welcome .sf-mobile-drawer-inner,
  html[dir="rtl"] body.is-ar.sf-has-welcome .sf-mobile-drawer-inner {
    top: var(--sf-usp-bar-h, 28px) !important;
    height: calc(100% - var(--sf-usp-bar-h, 28px)) !important;
    max-height: calc(100% - var(--sf-usp-bar-h, 28px)) !important;
    padding: 10px 12px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .sf-mobile-label {
    margin: 12px 8px 4px !important;
  }
  .sf-mobile-label:first-child {
    margin-top: 0 !important;
  }

  /* Smooth open/close (enabled after chrome ready — no first-paint flash) */
  .sf-mobile-drawer:not([hidden]) {
    transition: opacity 0.24s ease, visibility 0s !important;
  }
  .sf-mobile-drawer-inner {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
  html.sf-chrome-ready .sf-mobile-drawer[hidden] {
    transition: opacity 0.2s ease, visibility 0.2s linear !important;
  }
  html.sf-chrome-ready .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
  html:not(.sf-chrome-ready) .sf-mobile-drawer[hidden],
  html:not(.sf-chrome-ready) .sf-mobile-drawer[hidden] .sf-mobile-drawer-inner {
    transition: none !important;
  }
}