/* digitalEVO Shopee-style activity ticker */
.de-ticker {
  width: 100%;
  background: transparent;
  padding: 10px 0;
  overflow: hidden;
}

.de-ticker-track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  align-items: center;
  animation: deTickerMove 2400s linear infinite;
  will-change: transform;
}

.de-ticker-item {
  display: inline-flex;
  align-items: center;
  height: 58px;
  min-width: max-content;
  margin-right: 18px;
  padding: 7px 14px 7px 7px;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(255,255,255,.93) 0%, rgba(239,243,246,.84) 48%, rgba(210,216,221,.62) 100%);
  border: 1px solid rgba(255,255,255,.88);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #4b5157;
  font-size: 12px;
  line-height: 1;
}

.de-ticker-cart {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(236,240,243,.78));
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: none;
}

.de-ticker-cart svg { display: block; width: 19px; height: 19px; }
.de-ticker-content { display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.de-ticker-top, .de-ticker-bottom { display: flex; align-items: center; min-width: max-content; }
.de-ticker-link { color: #3d444a; font-weight: 600; letter-spacing: .05px; }
.de-ticker-order { color: #71777c; font-weight: 500; }
.de-ticker-order strong { color: #ee4d2d; font-weight: 700; }
.de-ticker-time {
  display: inline-flex;
  align-items: center;
  color: #8a9298;
  margin-left: 12px;
  padding-left: 10px;
  border-left: 1px solid rgba(120,128,135,.18);
}
.de-ticker-clock { display: inline-flex; margin-right: 4px; }
.de-ticker-clock svg { width: 13px; height: 13px; display: block; }

@keyframes deTickerMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 600px) {
  .de-ticker { padding: 6px 0; }
  .de-ticker-item { height: 50px; padding: 6px 11px 6px 6px; margin-right: 14px; font-size: 10px; border-radius: 26px; }
  .de-ticker-cart { width: 36px; height: 36px; flex-basis: 36px; margin-right: 7px; }
  .de-ticker-cart svg { width: 16px; height: 16px; }
  .de-ticker-content { gap: 5px; }
  .de-ticker-time { margin-left: 8px; padding-left: 7px; }
  .de-ticker-clock svg { width: 11px; height: 11px; }
}