.sales-ticker { --purchase-width: 270px; }
.sales-ticker[hidden] { display: none !important; }
.sales-ticker { display: flex; align-items: stretch; width: 100%; height: 88px; margin: 0 0 32px; border: 1px solid #254555; border-radius: 13px; background: linear-gradient(100deg, #0b1b2a, #080f1b 65%); box-shadow: inset 0 1px 0 #75e6ef0a; overflow: hidden; contain: layout; }
.sales-ticker-label { display: flex; align-items: center; justify-content: center; gap: 9px; flex: 0 0 126px; padding: 0 12px; border-right: 1px solid #203647; color: #d4e8f4; font-size: 12px; font-weight: 700; line-height: 1.5; }
.sales-ticker-label small { display: block; color: #7299ac; font-size: 11px; font-weight: 500; }
.sales-ticker-mark { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: #8ce5c6; background: #103831; font-size: 15px; }
.sales-ticker-viewport { flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; touch-action: pan-x pan-y; cursor: grab; }
.sales-ticker-viewport::-webkit-scrollbar { display: none; }
.sales-ticker-viewport:active { cursor: grabbing; }
.sales-ticker-viewport:focus-visible { outline: 2px solid #67e8f9; outline-offset: -3px; }
.sales-ticker-track { display: flex; width: max-content; min-height: 100%; }
.sales-ticker-group { display: flex; flex: 0 0 auto; }
.sales-ticker-group[hidden] { display: none !important; }
.sales-purchase { display: flex; align-items: center; gap: 11px; flex: 0 0 270px; width: 270px; min-height: 86px; margin: 0; padding: 11px 15px; border: 0; border-right: 1px solid #203142; background: transparent; color: #e5edf7; text-align: left; font: inherit; cursor: pointer; }
.sales-purchase:hover, .sales-purchase:focus-visible { background: #113040; outline: none; }
.sales-product-art { display: grid; place-items: center; position: relative; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #27465b; border-radius: 11px; background: #11283a; color: #8ad8e9; font-size: 16px; font-weight: 800; overflow: hidden; }
.sales-product-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 2px; background: #0a1725; }
.sales-purchase-copy { min-width: 0; flex: 1; }
.sales-purchase-title { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #e9f2fc; font-size: 12px; font-weight: 700; line-height: 1.6; }
.sales-purchase-date { display: block; margin: 1px 0 4px; color: #a4b7cb; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.5; }
.sales-purchase-meta { display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 10px; line-height: 1.55; }
.sales-purchase-status { padding: 1px 6px; border: 1px solid #265449; border-radius: 20px; color: #91e7c3; background: #0e302a; }
.sales-purchase-age { padding: 1px 6px; border: 1px solid #1d4b60; border-radius: 20px; color: #8dddF1; background: #0d2d40; font-variant-numeric: tabular-nums; }
.sales-ticker-pause { display: grid; place-items: center; flex: 0 0 42px; min-width: 42px; padding: 0; border: 0; border-left: 1px solid #203647; background: #0d1d2b; color: #a1bdd0; font: inherit; font-size: 14px; cursor: pointer; }
.sales-ticker-pause:hover, .sales-ticker-pause:focus-visible { color: #a5f3fc; background: #123347; outline: none; }
.sales-ticker-pause:disabled { color: #557284; cursor: default; }
.sales-ticker[data-motion="static"] .sales-ticker-track, .sales-ticker[data-motion="static"] .sales-ticker-group:first-child { width: 100%; }
.sales-ticker[data-motion="static"] .sales-purchase { flex: 1 1 0; width: auto; min-width: 0; }
@media (max-width: 820px) {
  .sales-ticker { --purchase-width: 258px; }
  .sales-ticker { height: 78px; margin-bottom: 28px; }
  .sales-ticker-label { display: none; }
  .sales-purchase { flex-basis: 258px; width: 258px; min-height: 76px; padding: 8px 12px; gap: 10px; }
  .sales-product-art { flex-basis: 36px; width: 36px; height: 36px; border-radius: 9px; }
  .sales-purchase-title { font-size: 12px; }
  .sales-purchase-date { font-size: 10.5px; }
  .sales-ticker-pause { flex-basis: 36px; min-width: 36px; }
}