/* =========================================================
   SnipeEX landing + markets — follows html[data-theme]
   ========================================================= */

.xt-landing,
.xt-markets-page {
  /* Dark defaults (also when theme attr missing) */
  --main-background-color: #22262e;
  --card-background-color: #2a2e38;
  --border-color: #363b46;
  --font-color: #eaecef;
  --title-color: #eaecef;
  --text-primary-color: #eaecef;
  --text-primary-color-3: #eaecef;
  --text-primary-color-4: #848e9c;
  --background-color-hover: rgba(255, 255, 255, 0.04);
  --primary-color: #a9da29;
  --xt-bg: #22262e;
  --xt-bg2: #2a2e38;
  --xt-card: #2a2e38;
  --xt-card2: #323744;
  --xt-line: #363b46;
  --xt-tx: #eaecef;
  --xt-mu: #848e9c;
  --xt-title: #eaecef;
  --xt-yellow: #a9da29;
  --xt-yellow-h: #b8e63a;
  --xt-green: #a9da29;
  --xt-red: #ec445f;
  --xt-blue: #1e90ff;
  --xt-on-accent: #1e2329;
  background: var(--xt-bg) !important;
  color: var(--xt-tx) !important;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Light mode — must win over the dark defaults above */
html[data-theme="light"] .xt-landing,
html[data-theme="light"] .xt-markets-page {
  --main-background-color: #ffffff;
  --card-background-color: #f7f8fa;
  --border-color: #e6e8ea;
  --font-color: #1e2329;
  --title-color: #1e2329;
  --text-primary-color: #1e2329;
  --text-primary-color-3: #1e2329;
  --text-primary-color-4: #707a8a;
  --background-color-hover: rgba(0, 0, 0, 0.04);
  --xt-bg: #ffffff;
  --xt-bg2: #f7f8fa;
  --xt-card: #ffffff;
  --xt-card2: #f5f5f5;
  --xt-line: #e6e8ea;
  --xt-tx: #1e2329;
  --xt-mu: #707a8a;
  --xt-title: #1e2329;
  background: var(--xt-bg) !important;
  color: var(--xt-tx) !important;
}

.xt-landing h1,
.xt-landing h2,
.xt-landing h3,
.xt-landing h4,
.xt-landing h5,
.xt-landing h6,
.xt-markets-page h1,
.xt-markets-page h2,
.xt-markets-page h3,
.xt-markets-page h4,
.xt-markets-page h5,
.xt-markets-page h6 {
  color: var(--title-color) !important;
}

.xt-landing .cp-user-top-bar,
.xt-markets-page .cp-user-top-bar {
  background: var(--xt-bg) !important;
  border-bottom: 1px solid var(--xt-line) !important;
}
html[data-theme="light"] .xt-landing .cp-user-top-bar,
html[data-theme="light"] .xt-markets-page .cp-user-top-bar {
  background: #ffffff !important;
  border-bottom: 1px solid #e6e8ea !important;
}

/* Clear fixed header so ticker/hero are not hidden underneath */
.xt-landing {
  padding-top: 56px;
}

/* ----- Hot ticker ----- */
.xt-hot-ticker {
  border-bottom: 1px solid var(--xt-line);
  background: var(--xt-bg2);
  overflow: hidden;
  height: 40px;
  position: relative;
  z-index: 2;
}

.xt-hot-ticker__track {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 100%;
  width: max-content;
  animation: xt-ticker-move 38s linear infinite;
  padding: 0 8px;
}

.xt-hot-ticker:hover .xt-hot-ticker__track {
  animation-play-state: paused;
}

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

.xt-hot-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  color: var(--xt-tx);
  padding: 0 14px;
  height: 40px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 12px;
}

.xt-hot-ticker__item:hover { background: rgba(255,255,255,.04); }
.xt-hot-ticker__sym { color: var(--xt-title); font-weight: 600; }
.xt-hot-ticker__px { color: var(--xt-mu); }
.xt-hot-ticker__up { color: var(--xt-green); font-weight: 600; }
.xt-hot-ticker__down { color: var(--xt-red); font-weight: 600; }

/* ----- Hero ----- */
.xt-hero {
  padding: 56px 16px 36px;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(240,185,11,.12), transparent 55%),
    radial-gradient(700px 380px at 92% 10%, rgba(30,144,255,.08), transparent 50%),
    var(--xt-bg);
}

.xt-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 36px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.xt-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--xt-yellow);
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.xt-landing .xt-hero__title,
.xt-hero__title {
  font-size: clamp(2.3rem, 4.4vw, 3.55rem) !important;
  font-weight: 700 !important;
  line-height: 1.08;
  color: var(--xt-title) !important;
  margin: 0 0 14px;
  letter-spacing: -0.035em;
  text-align: left;
}

.xt-landing .xt-hero__sub,
.xt-hero__sub {
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--xt-mu) !important;
  margin: 0 0 28px;
  max-width: 460px;
  text-align: left;
}

.xt-landing h1,
.xt-landing h2,
.xt-landing h3,
.xt-landing .title,
.xt-markets-page h1,
.xt-markets-page h2 {
  color: var(--xt-title) !important;
}

.xt-hero__cta {
  display: flex;
  align-items: stretch;
  max-width: 460px;
  background: var(--xt-card);
  border: 1px solid var(--xt-line);
  border-radius: 8px;
  overflow: hidden;
  padding: 4px;
}

.xt-hero__input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--xt-tx);
  padding: 12px 16px;
  font-size: 15px;
}

.xt-hero__input::placeholder { color: var(--xt-mu); }

.xt-hero__btn {
  border: 0;
  border-radius: 6px;
  background: var(--xt-yellow);
  color: var(--xt-on-accent, #1e2329);
  font-weight: 700;
  padding: 12px 22px;
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease;
}

.xt-hero__btn:hover {
  background: var(--xt-yellow-h);
  color: var(--xt-on-accent, #1e2329);
}

.xt-hero__btn--solo { min-width: 150px; }

/* Announcements — one-by-one ticker under CTA */
.xt-hero__announce {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  max-width: 440px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--xt-line);
  background: var(--xt-card, transparent);
}

.xt-hero__announce-label {
  flex: none;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--xt-on-accent, #1e2329);
  background: var(--xt-yellow);
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.2;
}

.xt-hero__announce-track {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 22px;
  overflow: hidden;
}

.xt-hero__announce-item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  color: var(--xt-tx) !important;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .45s ease, transform .45s ease;
}

.xt-hero__announce-item.is-on {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.xt-hero__announce-item:hover {
  color: var(--xt-yellow) !important;
}

/* Live pairs card */
.xt-pair-card {
  background: var(--xt-card);
  border: 1px solid var(--xt-line);
  border-radius: 12px;
  padding: 6px 4px 8px;
  box-shadow: 0 16px 48px rgba(0,0,0,.35);
}

.xt-pair-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px 10px;
  color: var(--xt-title);
  font-weight: 700;
  font-size: 15px;
}

.xt-pair-card__tabs {
  display: flex;
  gap: 4px;
}

.xt-pair-card__tabs span {
  font-size: 12px;
  font-weight: 600;
  color: var(--xt-mu);
  padding: 4px 10px;
  border-radius: 4px;
}

.xt-pair-card__tabs span.on {
  color: var(--xt-yellow);
  background: rgba(240,185,11,.1);
}

.xt-pair-card__more {
  color: var(--xt-mu) !important;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none !important;
}

.xt-pair-card__more:hover { color: var(--xt-yellow) !important; }

.xt-pair-card__row {
  width: 100%;
  display: grid;
  grid-template-columns: 1.4fr 1fr auto;
  gap: 8px;
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  padding: 11px 14px;
  cursor: pointer;
  color: var(--xt-tx);
  text-align: left;
}

.xt-pair-card__row:hover { background: rgba(255,255,255,.04); }

.xt-pair-card__coin {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.xt-pair-card__coin img {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  object-fit: cover;
}

.xt-pair-card__fallback {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--xt-card2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: var(--xt-yellow);
  font-size: 12px;
}

.xt-pair-card__coin strong {
  color: var(--xt-title);
  font-size: 13px;
  display: block;
}

.xt-pair-card__coin strong span {
  color: var(--xt-mu);
  font-weight: 500;
}

.xt-pair-card__price {
  text-align: right;
  font-weight: 600;
  color: var(--xt-title);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.xt-pair-card__chg {
  text-align: right;
  font-weight: 700;
  font-size: 12px;
  min-width: 70px;
  font-variant-numeric: tabular-nums;
}

.xt-pair-card__chg.up { color: var(--xt-green); }
.xt-pair-card__chg.down { color: var(--xt-red); }

.xt-pair-card__list {
  max-height: 420px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.xt-pair-card__empty {
  padding: 28px;
  text-align: center;
  color: var(--xt-mu);
}

@media (max-width: 900px) {
  .xt-hero__grid { grid-template-columns: 1fr; gap: 24px; }
  .xt-hero__title, .xt-hero__sub { text-align: center; margin-left: auto; margin-right: auto; }
  .xt-hero__cta { margin: 0 auto; }
  .xt-hero__announce { margin-left: auto; margin-right: auto; max-width: 100%; }
  .xt-hero__btn--solo { margin: 0 auto; }
  .xt-hero__eyebrow { justify-content: center; width: 100%; }
}

@media (max-width: 576px) {
  .xt-hero { padding: 28px 12px 20px; }
  .xt-hero__cta { flex-direction: column; border-radius: 10px; }
  .xt-hero__btn { border-radius: 6px; width: 100%; }
}

/* ----- Promo ----- */
.xt-promo { padding: 4px 0 24px; }

.xt-ticker,
.xt-promo .xt-ticker,
.xt-promo--slim .xt-ticker {
  display: flex !important;
  align-items: center;
  gap: 8px;
  max-width: 1200px;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--xt-mu);
  font-size: 13px;
}

.xt-ticker__icon {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--xt-yellow, #A9DA29);
  opacity: .85;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.xt-ticker__track,
.xt-ticker .slick-list,
.xt-ticker .slick-track,
.xt-ticker .slick-slide,
.xt-ticker .slick-slide > div {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.xt-ticker__track { flex: 1; min-height: 22px; overflow: hidden; }
.xt-ticker__item {
  color: var(--xt-tx) !important;
  text-decoration: none !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  letter-spacing: .01em;
  background: transparent !important;
}
.xt-ticker__item:hover { color: var(--xt-yellow) !important; }

.xt-banners { max-width: 1200px; margin: 0 auto; }

.xt-banner-card {
  display: block;
  margin: 0 6px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--xt-line);
  background: var(--xt-card);
  position: relative;
  text-decoration: none !important;
}

.xt-banner-card__img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.xt-banner-card__title {
  position: absolute;
  left: 12px;
  bottom: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-shadow: 0 1px 4px rgba(0,0,0,.65);
}

.xt-banner-dots li button:before {
  color: var(--xt-mu) !important;
  font-size: 8px !important;
}
.xt-banner-dots li.slick-active button:before { color: var(--xt-yellow) !important; }

/* ----- Home markets table ----- */
.xt-markets-home .market-trend-area {
  padding: 8px 0 36px;
  background: transparent !important;
}

.xt-markets-home .market-trend-area-container {
  background: var(--xt-card) !important;
  border: 1px solid var(--xt-line) !important;
  border-radius: 12px !important;
  padding: 16px 18px 4px !important;
  max-width: 1200px;
  margin: 0 auto;
}
html[data-theme="light"] .xt-markets-home .market-trend-area-container {
  background: #ffffff !important;
  border-color: #e6e8ea !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
html[data-theme="light"] .xt-markets-home .section-title .title,
html[data-theme="light"] .xt-markets-home .table,
html[data-theme="light"] .xt-markets-home .text-black {
  color: #1e2329 !important;
}
html[data-theme="light"] .xt-pair-card {
  background: #ffffff !important;
  border-color: #e6e8ea !important;
}
html[data-theme="light"] .sx-why__tile,
html[data-theme="light"] .sx-why__item {
  background: #f7f8fa !important;
  border-color: #e6e8ea !important;
}
html[data-theme="light"] .sx-footer.footer-area {
  background: #f7f8fa !important;
  border-top-color: #e6e8ea !important;
}

.xt-markets-home .section-title .title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--xt-title) !important;
  margin-bottom: 10px;
}

.xt-markets-home .exchange-tab-menu .nav-tabs {
  border-bottom: 1px solid var(--xt-line) !important;
}

.xt-markets-home .exchange-tab-menu .nav-link {
  border: 0 !important;
  color: var(--xt-mu) !important;
  font-weight: 600;
  padding: 10px 14px;
  background: transparent !important;
}

.xt-markets-home .exchange-tab-menu .nav-link.active {
  color: var(--xt-yellow) !important;
  box-shadow: inset 0 -2px 0 var(--xt-yellow);
}

.xt-markets-home .exchange-volume-table thead th {
  color: var(--xt-mu) !important;
  font-weight: 500;
  font-size: 12px;
  border: 0 !important;
  background: transparent !important;
}

.xt-markets-home .exchange-volume-table tbody tr {
  border-bottom: 1px solid rgba(43,49,57,.85);
  background: transparent !important;
}

.xt-markets-home .exchange-volume-table tbody tr:hover {
  background: rgba(255,255,255,.03) !important;
}

.xt-markets-home .exchange-volume-table td {
  color: var(--xt-tx) !important;
  border: 0 !important;
  vertical-align: middle;
  padding: 13px 8px !important;
}

.xt-markets-home .marketSymbols .quoteSymbol {
  color: var(--xt-title);
  font-weight: 600;
}

.xt-markets-home .marketSymbols .baseSymbol { color: var(--xt-mu); }
.xt-markets-home .icon { border-radius: 50%; }

/* ----- Features ----- */
.xt-features { padding: 20px 16px 44px; }

.xt-features__head h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--xt-title);
  margin-bottom: 18px;
  text-align: center;
}

.xt-features__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 1200px;
  margin: 0 auto;
}

.xt-feature-card {
  background: var(--xt-card);
  border: 1px solid var(--xt-line);
  border-radius: 10px;
  padding: 20px 16px;
  text-align: left;
  min-height: 148px;
  transition: border-color .15s ease;
}

.xt-feature-card:hover { border-color: rgba(240,185,11,.45); }

.xt-feature-card__icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
  margin-bottom: 12px;
  border-radius: 8px;
}

.xt-feature-card h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--xt-title);
  margin: 0 0 8px;
}

.xt-feature-card p {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--xt-mu);
  margin: 0;
}

@media (max-width: 992px) {
  .xt-features__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .xt-features__grid { grid-template-columns: 1fr; }
}

/* ----- Bottom CTA ----- */
.xt-cta {
  padding: 52px 20px 68px;
  text-align: center;
  background:
    radial-gradient(600px 240px at 50% 0%, rgba(240,185,11,.12), transparent 60%),
    var(--xt-bg);
}

.xt-cta__inner { max-width: 560px; margin: 0 auto; }

.xt-cta__title {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--xt-title);
  margin-bottom: 10px;
}

.xt-cta__sub {
  color: var(--xt-mu);
  margin-bottom: 24px;
}

.xt-cta__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.xt-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 12px 22px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 15px;
}

.xt-cta__btn--primary {
  background: var(--xt-yellow);
  color: var(--xt-on-accent, #1e2329) !important;
}
.xt-cta__btn--primary:hover { background: var(--xt-yellow-h); color: var(--xt-on-accent, #1e2329) !important; }

.xt-cta__btn--ghost {
  background: transparent;
  color: var(--xt-tx) !important;
  border: 1px solid var(--xt-line);
}
.xt-cta__btn--ghost:hover {
  border-color: var(--xt-yellow);
  color: var(--xt-yellow) !important;
}

/* ----- Markets page (redesign) ----- */
.xt-markets-page {
  padding-bottom: 48px;
  background: var(--xt-bg);
  min-height: 100vh;
  color: var(--xt-tx);
}

.xt-mk-hero {
  background: var(--xt-bg2);
  border-bottom: 1px solid var(--xt-line);
  padding: 28px 0 20px;
}
html[data-theme="light"] .xt-mk-hero {
  background: #f7f8fa;
}

.xt-mk-hero__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.xt-mk-hero h1 {
  font-size: 1.65rem;
  font-weight: 700;
  color: var(--xt-title);
  margin: 0 0 6px;
  letter-spacing: -.01em;
}

.xt-mk-hero p {
  color: var(--xt-mu);
  font-size: 13px;
  margin: 0;
}

.xt-mk-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 20px 0;
}

.xt-mk-spotlight {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  .xt-mk-spotlight {
    grid-template-columns: 1fr;
  }
}

.xt-mk-card {
  background: var(--xt-card);
  border: 1px solid var(--xt-line);
  border-radius: 10px;
  overflow: hidden;
  min-height: 0;
}

.xt-mk-card__head {
  padding: 12px 14px 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--xt-title);
  letter-spacing: .02em;
  border-bottom: 1px solid var(--xt-line);
}

.xt-mk-card__body {
  padding: 4px 6px 8px;
  max-height: 280px;
  overflow: auto;
}

.xt-mk-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(72px, .9fr) minmax(64px, .7fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--xt-tx);
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.xt-mk-row:hover {
  background: var(--background-color-hover);
}
html[data-theme="light"] .xt-mk-row:hover {
  background: rgba(0, 0, 0, .04);
}

.xt-mk-coin {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

/* Coin icons — larger circular chips; scale fills padded PNGs */
.xt-mk-ico-wrap {
  --ico: 36px;
  width: var(--ico) !important;
  height: var(--ico) !important;
  min-width: var(--ico) !important;
  min-height: var(--ico) !important;
  max-width: var(--ico) !important;
  max-height: var(--ico) !important;
  flex: 0 0 var(--ico) !important;
  align-self: center !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
}

.xt-mk-card .xt-mk-ico-wrap {
  --ico: 32px;
}

.xt-mk-ico,
.xt-mk-ico-wrap > img,
.xt-markets-page .xt-mk-ico,
.xt-markets-page img.xt-mk-ico,
.xt-markets-page .coin-icon,
.xt-markets-page .exchange-volume-table img.xt-mk-ico {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  display: block !important;
  flex-shrink: 0 !important;
  /* zoom past transparent padding in many coin PNGs */
  transform: scale(1.28) !important;
  transform-origin: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.xt-mk-pair {
  font-size: 13px;
  font-weight: 600;
  color: var(--xt-title);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xt-mk-pair span {
  color: var(--xt-mu);
  font-weight: 500;
}

.xt-mk-price {
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.xt-mk-chg {
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.xt-mk-chg.is-up { color: var(--xt-green); }
.xt-mk-chg.is-dn { color: var(--xt-red); }

.xt-mk-table-wrap {
  margin-bottom: 24px;
}

.xt-mk-table-wrap > .container-4xl {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.xt-mk-table-wrap .my-5 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.xt-markets-page .container-4xl {
  max-width: 1240px;
}

.xt-markets-page .footer-area,
.xt-landing .footer-area {
  background: #0b0e11 !important;
  border-top: 1px solid var(--xt-line);
}
html[data-theme="light"] .xt-markets-page .footer-area,
html[data-theme="light"] .xt-landing .footer-area {
  background: #f7f8fa !important;
  border-top-color: #e6e8ea !important;
}

/* Markets trades table */
.xt-markets-page .wallet-card-info-container,
.xt-markets-page .market-trend-area,
.xt-markets-page .section-padding-custom {
  background: var(--xt-card) !important;
  border: 1px solid var(--xt-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
}

.xt-markets-page .exchange-tab-menu .nav-tabs {
  border-bottom: 1px solid var(--xt-line) !important;
}

.xt-markets-page .exchange-tab-menu .nav-link {
  border: 0 !important;
  color: var(--xt-mu) !important;
  font-weight: 600;
  background: transparent !important;
  padding: 10px 14px;
}

.xt-markets-page .exchange-tab-menu .nav-link.active {
  color: var(--xt-yellow) !important;
  box-shadow: inset 0 -2px 0 var(--xt-yellow);
}

.xt-markets-page .has-search-market-trade .form-control {
  background: var(--xt-bg2) !important;
  border: 1px solid var(--xt-line) !important;
  color: var(--xt-tx) !important;
  border-radius: 6px !important;
}

.xt-markets-page .has-search-market-trade .form-control::placeholder {
  color: var(--xt-mu);
}

.xt-markets-page .quote-currency-filter-btn {
  background: transparent;
  border: 1px solid var(--xt-line);
  color: var(--xt-mu);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 6px;
  margin-bottom: 4px;
}

.xt-markets-page .quote-currency-filter-btn.active,
.xt-markets-page .quote-currency-filter-btn:hover {
  color: var(--xt-on-accent, #1e2329);
  background: var(--xt-yellow);
  border-color: var(--xt-yellow);
}

.xt-markets-page .exchange-volume-table thead th {
  color: var(--xt-mu) !important;
  font-size: 12px;
  font-weight: 500;
  border: 0 !important;
  background: transparent !important;
}

.xt-markets-page .exchange-volume-table tbody tr {
  border-bottom: 1px solid rgba(43,49,57,.7);
  cursor: pointer;
}

.xt-markets-page .exchange-volume-table tbody tr:hover {
  background: rgba(255,255,255,.03) !important;
}

.xt-markets-page .exchange-volume-table td {
  color: var(--xt-tx) !important;
  border: 0 !important;
  padding: 14px 10px !important;
  font-size: 13px;
  vertical-align: middle !important;
}

.xt-markets-page .exchange-volume-table td .d-flex {
  align-items: center !important;
  gap: 10px !important;
}

.xt-markets-page .exchange-volume-table .xt-mk-ico-wrap {
  --ico: 36px;
  margin-right: 0 !important;
}

.xt-markets-page .exchange-volume-table .marketSymbols .quoteSymbol {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--xt-title) !important;
}

.xt-markets-page .num {
  font-variant-numeric: tabular-nums;
}

.xt-markets-page .text-success { color: var(--xt-green) !important; }
.xt-markets-page .text-danger { color: var(--xt-red) !important; }

.xt-markets-page .pagination .page-link {
  background: var(--xt-card) !important;
  border-color: var(--xt-line) !important;
  color: var(--xt-tx) !important;
}

.xt-markets-page .pagination .page-item.active .page-link {
  background: var(--xt-yellow) !important;
  border-color: var(--xt-yellow) !important;
  color: var(--xt-on-accent, #1e2329) !important;
}

/* Kill leftover listing/ad carnival images — keep admin xt-banners */
.xt-landing .cover-img,
.xt-landing a:has(> img.cover-img),
.xt-landing .landing-advertisement{
  display:none!important;
}

.xt-promo{
  padding: 8px 16px 28px;
}
.xt-banners{
  display:block!important;
  max-width:1200px;
  margin:0 auto;
}
.xt-banner-card__img{
  height:160px;
}
@media (max-width:576px){
  .xt-banner-card__img{ height:140px; }
}

/* ===== Why traders — modern feature grid ===== */
.sx-why{
  padding:64px 16px 72px;
  border-top:1px solid rgba(255,255,255,.05);
  position:relative;
}
.sx-why::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(560px 220px at 12% 0%, rgba(169,218,41,.07), transparent 70%),
    radial-gradient(480px 200px at 88% 100%, rgba(169,218,41,.04), transparent 65%);
}
.sx-why__wrap{
  max-width:1100px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.sx-why__intro{
  max-width:560px;
  margin:0 0 36px;
}
.sx-why__eyebrow{
  display:inline-block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#A9DA29;
  margin:0 0 12px;
  font-weight:650;
}
.sx-why__intro h2{
  font-size:clamp(1.55rem,2.6vw,2.15rem);
  font-weight:700;
  color:var(--xt-title,#EAECEF);
  margin:0 0 12px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.sx-why__lead{
  font-size:15px;
  line-height:1.6;
  color:var(--xt-mu,#848E9C);
  margin:0;
}
.sx-why__grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sx-why__tile{
  margin:0;
  padding:22px 20px 20px;
  border-radius:16px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.sx-why__tile:hover{
  border-color:rgba(169,218,41,.28);
  background:rgba(169,218,41,.045);
  transform:translateY(-2px);
}
.sx-why__glyph{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  margin:0 0 14px;
  background:linear-gradient(145deg, rgba(169,218,41,.16), rgba(169,218,41,.04));
  border:1px solid rgba(169,218,41,.22);
}
.sx-why__glyph img{
  width:22px;height:22px;object-fit:contain;
  display:block;
}
.sx-why__glyph span{
  font-size:14px;font-weight:700;color:#A9DA29;
  line-height:1;
}
.sx-why__tile h3{
  font-size:15px;font-weight:650;color:var(--xt-title,#EAECEF);
  margin:0 0 8px;letter-spacing:-.01em;
}
.sx-why__tile p{
  font-size:13px;line-height:1.55;color:var(--xt-mu,#848E9C);margin:0;
}
/* Hide leftover logo wordmark if old bundle still injects it */
.sx-logo-text{display:none!important}
.xt-promo,
.xt-promo--slim{
  padding:4px 16px 0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.xt-promo--slim .xt-ticker{
  max-width:1100px;
  margin:0 auto !important;
}

/* Footer polish */
.sx-footer.footer-area{
  background:#12161b!important;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:24px;
}
html[data-theme="light"] .sx-footer.footer-area{
  background:#f7f8fa!important;
  border-top:1px solid #e6e8ea!important;
}
.sx-footer .widget-title h4{
  font-size:13px!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55)!important;
  font-weight:600!important;
}
html[data-theme="light"] .sx-footer .widget-title h4{
  color:#707a8a!important;
}
.sx-footer-brand__copy{
  font-size:13px;
  line-height:1.5;
  color:rgba(255,255,255,.55);
  margin:0 0 14px;
  max-width:28ch;
}
html[data-theme="light"] .sx-footer-brand__copy,
html[data-theme="light"] .sx-footer .widget-inner ul li a,
html[data-theme="light"] .sx-footer .copyright-area p{
  color:#707a8a!important;
}
html[data-theme="light"] .sx-footer .widget-inner ul li a:hover{
  color:#A9DA29!important;
}
.sx-footer .widget-inner ul li a{
  font-size:13px!important;
  color:rgba(255,255,255,.78)!important;
}
.sx-footer .widget-inner ul li a:hover{color:#A9DA29!important}
.sx-footer .footer-emails a{color:#A9DA29!important}
.sx-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  padding:16px 0;
  margin-top:8px;
}
.sx-footer .copyright-area p{
  margin:0;
  font-size:12px;
  color:rgba(255,255,255,.45);
}
.sx-footer .copyright-area a{color:rgba(255,255,255,.7)}
.sx-footer .widget-inner{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
}
.sx-footer .widget-inner ul{list-style:none;margin:0;padding:0}
.sx-footer .widget-inner ul li{margin:0 0 8px}
.sx-footer-social{gap:10px!important;margin:0;padding:0;list-style:none}
.sx-footer-social img{opacity:.75;filter:grayscale(.2)}
.sx-footer-social a:hover img{opacity:1}

@media (max-width:900px){
  .sx-why__grid{grid-template-columns:1fr}
  .sx-why__intro{margin-bottom:28px}
}
/* Collapse footer columns only on phones — keep links visible on tablet/desktop */
@media (max-width:576px){
  .sx-footer .widget-inner{display:none!important}
  .sx-footer .widget-inner.active{display:block!important}
  .sx-footer-brand .widget-inner{display:block!important}
}

/* ---- Live polish for current (pre-rebuild) Why markup ---- */
.sx-why__inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr;gap:28px;
}
.sx-why__head h2{
  font-size:clamp(1.55rem,2.6vw,2.15rem);
  font-weight:700;color:var(--xt-title,#EAECEF);
  margin:0 0 12px;line-height:1.2;letter-spacing:-.02em;text-align:left;
}
.sx-why__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.sx-why__item{
  display:flex;flex-direction:column;gap:10px;
  padding:22px 20px 20px;border:1px solid rgba(255,255,255,.07);
  border-radius:16px;background:rgba(255,255,255,.025);
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.sx-why__item:hover{
  border-color:rgba(169,218,41,.28);
  background:rgba(169,218,41,.045);
  transform:translateY(-2px);
}
.sx-why__item:first-child,.sx-why__item:last-child{padding:22px 20px 20px}
.sx-why__icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;margin:0 0 4px;
  background:linear-gradient(145deg, rgba(169,218,41,.16), rgba(169,218,41,.04));
  border:1px solid rgba(169,218,41,.22);
}
.sx-why__icon img{width:22px;height:22px;object-fit:contain}
.sx-why__icon span{font-size:14px;font-weight:700;color:#A9DA29}
.sx-why__copy h3{
  font-size:15px;font-weight:650;color:var(--xt-title,#EAECEF);margin:0 0 6px;
}
.sx-why__copy p{font-size:13px;line-height:1.55;color:var(--xt-mu,#848E9C);margin:0}
@media (max-width:700px){
  .sx-why__list{grid-template-columns:1fr}
}

/* =========================================================
   LIGHT MODE HARD OVERRIDE — readable dark text everywhere
   under landing + markets (beats leftover #f5f5f5 / white).
   ========================================================= */
html[data-theme="light"] .xt-landing,
html[data-theme="light"] .xt-markets-page {
  --xt-bg: #ffffff !important;
  --xt-bg2: #f7f8fa !important;
  --xt-card: #ffffff !important;
  --xt-card2: #f5f5f5 !important;
  --xt-line: #e6e8ea !important;
  --xt-tx: #1e2329 !important;
  --xt-mu: #707a8a !important;
  --xt-title: #1e2329 !important;
  --title-color: #1e2329 !important;
  --font-color: #1e2329 !important;
  --text-primary-color: #1e2329 !important;
  background: #ffffff !important;
  color: #1e2329 !important;
}

html[data-theme="light"] .xt-landing .xt-hero__title,
html[data-theme="light"] .xt-hero__title,
html[data-theme="light"] .xt-landing h1,
html[data-theme="light"] .xt-landing h2,
html[data-theme="light"] .xt-landing h3,
html[data-theme="light"] .xt-landing .title,
html[data-theme="light"] .xt-markets-page h1,
html[data-theme="light"] .xt-markets-page h2,
html[data-theme="light"] .xt-markets-page h3,
html[data-theme="light"] .xt-mk-hero h1,
html[data-theme="light"] .xt-mk-card__head,
html[data-theme="light"] .xt-pair-card__coin strong,
html[data-theme="light"] .xt-pair-card__price,
html[data-theme="light"] .sx-why__intro h2,
html[data-theme="light"] .sx-why__head h2,
html[data-theme="light"] .sx-why__tile h3,
html[data-theme="light"] .sx-why__copy h3,
html[data-theme="light"] .section-title .title,
html[data-theme="light"] .xt-markets-home .section-title .title {
  color: #1e2329 !important;
}

html[data-theme="light"] .xt-landing .xt-hero__sub,
html[data-theme="light"] .xt-hero__sub,
html[data-theme="light"] .xt-mk-hero p,
html[data-theme="light"] .sx-why__lead,
html[data-theme="light"] .sx-why__tile p,
html[data-theme="light"] .sx-why__copy p,
html[data-theme="light"] .xt-hero__stat span,
html[data-theme="light"] .xt-ticker__item {
  color: #707a8a !important;
}

html[data-theme="light"] .xt-hero__stat strong,
html[data-theme="light"] .xt-mk-row,
html[data-theme="light"] .xt-markets-page .exchange-volume-table td,
html[data-theme="light"] .xt-markets-page .exchange-volume-table .marketSymbols .quoteSymbol,
html[data-theme="light"] .xt-markets-home .text-black,
html[data-theme="light"] .xt-markets-home table,
html[data-theme="light"] .xt-markets-home td,
html[data-theme="light"] .xt-markets-home th {
  color: #1e2329 !important;
}

html[data-theme="light"] .xt-pair-card,
html[data-theme="light"] .xt-mk-card,
html[data-theme="light"] .xt-markets-page .wallet-card-info-container,
html[data-theme="light"] .xt-markets-home .market-trend-area-container {
  background: #ffffff !important;
  border-color: #e6e8ea !important;
  color: #1e2329 !important;
}

html[data-theme="light"] .xt-markets-page .exchange-volume-table tbody tr {
  border-bottom-color: #e6e8ea !important;
}
html[data-theme="light"] .xt-markets-page .exchange-volume-table tbody tr:hover,
html[data-theme="light"] .xt-markets-home .hover-row:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .xt-markets-page .exchange-tab-menu .nav-link,
html[data-theme="light"] .xt-markets-home .exchange-tab-menu .nav-link {
  color: #707a8a !important;
}
html[data-theme="light"] .xt-markets-page .exchange-tab-menu .nav-link.active,
html[data-theme="light"] .xt-markets-home .exchange-tab-menu .nav-link.active {
  color: #A9DA29 !important;
}

html[data-theme="light"] .sx-why__item,
html[data-theme="light"] .sx-why__tile {
  background: #f7f8fa !important;
  border-color: #e6e8ea !important;
}

html[data-theme="light"] .xt-landing .text-white,
html[data-theme="light"] .xt-markets-page .text-white {
  color: #1e2329 !important;
}

/* ----- Download our app (admin-driven) ----- */
.xt-download {
  padding: 56px 20px;
  border-top: 1px solid var(--xt-line);
  background: var(--xt-bg);
}
.xt-download__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 36px;
  align-items: center;
}
.xt-download__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--xt-mu);
  margin: 0 0 8px;
}
.xt-download__title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 750;
  color: var(--xt-title);
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}
.xt-download__sub {
  font-size: 1.05rem;
  font-weight: 650;
  color: var(--xt-tx);
  margin: 0 0 8px;
}
.xt-download__desc {
  color: var(--xt-mu);
  margin: 0 0 22px;
  max-width: 46ch;
  line-height: 1.55;
}
.xt-download__stores {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.xt-download__qr {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--xt-line);
  border-radius: 12px;
  background: var(--xt-card, var(--xt-bg2, #f7f8fa));
  color: var(--xt-title);
  max-width: 100%;
}
.xt-download__qr strong {
  display: block;
  font-size: 14px;
  color: var(--xt-title);
}
.xt-download__qr span {
  font-size: 12px;
  color: var(--xt-mu);
}
.xt-download__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.xt-download__store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--xt-line);
  background: var(--xt-card, transparent);
  color: var(--xt-title) !important;
  text-decoration: none !important;
  font-weight: 650;
  font-size: 13px;
}
.xt-download__store:hover {
  border-color: var(--xt-yellow);
  color: var(--xt-title) !important;
}
.xt-download__ico {
  display: inline-flex;
  width: 22px;
  justify-content: center;
}
.xt-download__visual {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xt-download__visual img {
  max-width: min(280px, 100%) !important;
  width: auto !important;
  height: auto !important;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.18));
}
@media (max-width: 800px) {
  .xt-download__inner {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }
  .xt-download__desc { margin-left: auto; margin-right: auto; }
  .xt-download__stores { align-items: center; }
  .xt-download__list { justify-content: center; }
  .xt-download__qr { text-align: left; }
}