/* Only the native left category rail and native payment list get this one
   decorative moving pill. Original controls and focus outlines remain intact. */
.eg-sidebar .dark-chip-list[data-sg-kind],
body[data-production-page="item"] .cash-pay .pay-list[data-sg-kind] {
  position: relative;
  isolation: isolate;
}
[data-sg-kind] > .sg-glide-pill {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform-origin: 0 0;
  border: 1px solid #ffffff52;
  border-radius: 12px;
  background: linear-gradient(125deg, #ffffff2b, #ffffff10);
  box-shadow: inset 0 1px 0 #ffffff66, 0 0 9px #e8f2ff12;
}
[data-sg-kind="payment"] > .sg-glide-pill { border-radius: 16px; }
.eg-sidebar .dark-chip-list[data-sg-kind] .dark-chip,
body[data-production-page="item"] .cash-pay .pay-list[data-sg-kind] .pay {
  position: relative;
  z-index: 1;
}
body.eo-enabled.eg-enabled .eg-sidebar .dark-chip-list[data-sg-kind][data-sg-live] .dark-chip {
  background: transparent;
}
/* Keep the selected category's left marker, border and ARIA state unchanged.
   Its active tint comes from the gliding layer instead of a second hover box. */
body.eo-enabled.eg-enabled .eg-sidebar .dark-chip-list[data-sg-kind][data-sg-live] .dark-chip:hover {
  background: transparent;
}
body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .pay-list[data-sg-kind] .pay:is(:hover,:focus-visible,:active) {
  background: linear-gradient(135deg, #ffffff18, #ffffff06) !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  [data-sg-kind] > .sg-glide-pill { animation: none !important; transition: none !important; will-change: auto !important; }
}
@media (forced-colors: active) {
  [data-sg-kind] > .sg-glide-pill { visibility: hidden; }
}

/* Edge light replaces the uniform static glow. All original hit areas,
   artwork, contrast, dimensions and focus indicators remain native. */
[data-sf-rim] { isolation: isolate; }
[data-sf-rim] > .sf-rim-light {
  position: absolute !important;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%; height: 100%;
  margin: 0 !important; padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  background: none !important;
  pointer-events: none !important;
  user-select: none;
}
body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .panel[data-sf-rim],
body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .panel[data-sf-rim]:hover,
body.eo-enabled.em-enabled.eg-enabled .eg-products .acg-card[data-sf-rim],
body.eo-enabled.em-enabled.eg-enabled .eg-products a:hover .acg-card[data-sf-rim],
body.eo-enabled.em-enabled.eg-enabled .eg-sidebar[data-sf-rim] {
  border-color: #b3c5d240 !important;
  box-shadow: 0 8px 24px #00000026 !important;
}
body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .pay-list .pay[data-sf-small],
body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .pay-list .pay[data-sf-small]:hover {
  border-color: #b3c5d240 !important;
  box-shadow: none !important;
}
/* Preserve the selected category marker and every keyboard focus outline. */
body.eo-enabled.eg-enabled .eg-sidebar .dark-chip[data-sf-small]:not(.is-primary) { box-shadow: none; }
@media (forced-colors: active) {
  [data-sf-rim] > .sf-rim-light,
  [data-sf-small] > .eo-specular-rim,
  [data-sf-small] > .eo-specular-layer { visibility: hidden; }
  body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .panel[data-sf-rim],
  body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .panel[data-sf-rim]:hover,
  body.eo-enabled.em-enabled.eg-enabled .eg-products .acg-card[data-sf-rim],
  body.eo-enabled.em-enabled.eg-enabled .eg-products a:hover .acg-card[data-sf-rim],
  body.eo-enabled.em-enabled.eg-enabled .eg-sidebar[data-sf-rim],
  body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .pay-list .pay[data-sf-small],
  body.eo-enabled.em-enabled[data-production-page="item"] .ep-content .pay-list .pay[data-sf-small]:hover,
  body.eo-enabled.eg-enabled .eg-sidebar .dark-chip[data-sf-small] { border-color: CanvasText !important; box-shadow: none !important; }
}