/* Sticky Banner Promo – v1.2.3
 * CHANGED: single-platform markup only; removed platform-specific block toggles.
 * Kept: container max width via --dtsp-container-max; right-aligned CTA with optional nudge --dtsp-cta-ml.
 */
.sticky-bottom {
  position: fixed;
  bottom: -110px;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #1f1f1f;
  color: #fff;
  padding: 10px 20px;
  transition: bottom 0.5s ease-in-out, opacity 0.2s;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 -6px 16px rgba(0,0,0,0.25);
}
.sticky-bottom.visible { display: flex; bottom: 0; opacity: 1; }

.dtsp-inner {
  display: flex; align-items: center; gap: 12px;
  /*max-width: var(--dtsp-container-max, 600px);
  width: 100%;*/
}

.dtsp-left { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.dtsp-icon { width: 46px; height: 46px; border-radius: 10px; overflow: hidden; flex: 0 0 auto; }
.dtsp-icon img { width: 100%; height: 100%; object-fit: cover; }

.dtsp-texts { min-width: 0; }
.dtsp-name { font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #ffd525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dtsp-meta { font: 400 12px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #d8d8d8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dtsp-right { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.dtsp-cta { display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 12px; border-radius: 8px;
  font: 600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ff5629; color: #fff; border: none; cursor: pointer; text-decoration: none;
  margin-left: var(--dtsp-cta-ml, 0);
}
.dtsp-close { appearance: none; background: transparent; border: none; color: #bbb; cursor: pointer; font-size: 18px; line-height: 1; padding: 6px; }
.dtsp-close:hover { color: #fff; }

/*
html[dir="rtl"] .dtsp-inner { flex-direction: row-reverse; }
html[dir="rtl"] .dtsp-left { flex-direction: row-reverse; }

*/