/* Payment & delivery ticker (owner, 5 Oct 2026; shop, product page, checkout and basket
   drawer since 6 Oct): one slim gold line that answers
   "how do I pay and how does it reach me?" before anyone asks. Same design as the app's
   ShopPayTicker: black strip, gold caps, a slow seamless glide that pauses on hover/touch
   and stands still for reduced motion. Fixed height, so the shop never reflows. */
.sbs-pay-ticker {
  position: relative;
  display: flex;
  margin: 10px 16px 4px;
  height: 34px;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 10px;
}
/* The spoken summary: hidden on every page, including those without sbs-shop.css
   (checkout, the basket drawer elsewhere), where it showed and pushed the pin right. */
.sbs-pay-ticker__summary {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}
/* Cash on delivery never scrolls away: black on solid gold at the leading edge (6 Oct). */
.sbs-pay-ticker__pin {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  background: var(--sbs-gold, #d4af37);
  color: #000;
  font: 800 11px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.sbs-pay-ticker__pin .sbs-symbol { width: 14px; height: 14px; fill: currentColor; }
.sbs-pay-ticker__lane {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
/* In the basket drawer the strip sits flush under the title row. */
.cart-drawer .sbs-pay-ticker { margin: 4px 16px 8px; flex-shrink: 0; }
.sbs-pay-ticker__track {
  display: flex;
  width: max-content;
  height: 100%;
  animation: sbs-pay-ticker-glide 38s linear infinite;
}
.sbs-pay-ticker:hover .sbs-pay-ticker__track,
.sbs-pay-ticker:active .sbs-pay-ticker__track,
.sbs-pay-ticker:focus-within .sbs-pay-ticker__track { animation-play-state: paused; }
.sbs-pay-ticker__row {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0 0 0 12px;
  list-style: none;
}
.sbs-pay-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--sbs-gold-text, #d4af37);
  font: 800 11px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.sbs-pay-ticker__item[hidden] { display: none; }
.sbs-pay-ticker__item::after {
  content: "·";
  margin: 0 12px;
  font-size: 13px;
  color: rgba(212, 175, 55, 0.55);
}
.sbs-pay-ticker__item .sbs-symbol { width: 13px; height: 13px; fill: currentColor; }
@keyframes sbs-pay-ticker-glide {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .sbs-pay-ticker__lane { overflow-x: auto; scrollbar-width: none; }
  .sbs-pay-ticker__track { animation: none; }
  .sbs-pay-ticker__row[aria-hidden="true"] { display: none; }
}