/* Marketplace-style product detail page. Inspired by account-market detail
   layouts, but branded and structured for FPS选号网. */

:root {
  --detail-bg: #111111;
  --detail-panel: #202020;
  --detail-panel-2: #262626;
  --detail-input: #2d2d2d;
  --detail-line: #343434;
  --detail-soft-line: #292929;
  --detail-text: #d6d8d9;
  --detail-title: #f2f4f4;
  --detail-muted: #8c9296;
  --detail-green: #19c784;
  --detail-green-dark: #129965;
  --detail-blue: #4b89ff;
  --detail-red: #ff4d72;
  --detail-gold: #d2a64a;
}

body {
  background: var(--detail-bg) !important;
  color: var(--detail-text) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body::before,
body::after {
  display: none !important;
}

.detail-page.detail-market {
  max-width: 1180px !important;
  margin: 0 auto 36px !important;
  padding: 72px 10px 0 !important;
}

.detail-topbar {
  min-height: 34px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--detail-muted);
  font-size: 12px;
}

.detail-topbar a,
.detail-topbar span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--detail-soft-line);
  border-radius: 6px;
  background: #1b1b1b;
  color: #c7cbcd;
  text-decoration: none;
}

.detail-topbar a:hover {
  background: #252525;
  color: #fff;
}

.market-detail-layout.hero-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 318px !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.market-detail-layout.hero-panel::after {
  display: none !important;
}

.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section {
  border: 1px solid var(--detail-soft-line) !important;
  border-radius: 8px !important;
  background: var(--detail-panel) !important;
  box-shadow: none !important;
}

.market-detail-main {
  min-width: 0;
  padding: 18px !important;
}

.market-detail-eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--detail-muted);
  font-size: 12px;
}

.market-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--detail-green);
  box-shadow: 0 0 0 4px rgba(25, 199, 132, 0.12);
}

.market-detail-main h1 {
  margin: 0 !important;
  color: var(--detail-title) !important;
  font-size: clamp(20px, 3.4vw, 30px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.market-detail-main .hero-panel__desc {
  max-width: 760px;
  margin: 10px 0 0 !important;
  color: var(--detail-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.market-status-row {
  margin: 14px 0 0 !important;
  gap: 7px !important;
}

.market-status-row .chip {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--detail-line) !important;
  border-radius: 6px !important;
  background: #292929 !important;
  color: #cdd1d3 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.market-status-row .chip--native {
  color: var(--detail-green) !important;
  background: #18392d !important;
  border-color: #225241 !important;
}

.market-status-row .chip--warning {
  color: var(--detail-gold) !important;
}

.market-status-row .chip--premium {
  color: var(--detail-blue) !important;
}

.market-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.market-stat-grid div,
.market-buy-meta div,
.market-delivery-strip div {
  border: 1px solid var(--detail-line);
  border-radius: 7px;
  background: var(--detail-panel-2);
}

.market-stat-grid div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 10px;
}

.market-stat-grid span,
.market-buy-meta span,
.market-price-label,
.market-price-sub,
.market-delivery-strip span {
  color: var(--detail-muted);
  font-size: 12px;
}

.market-stat-grid strong,
.market-buy-meta strong,
.market-delivery-strip strong {
  color: var(--detail-title);
  font-size: 15px;
}

.market-delivery-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.market-delivery-strip div {
  display: grid;
  gap: 5px;
  min-height: 62px;
  padding: 10px;
}

.market-delivery-strip strong {
  color: var(--detail-green);
}

.market-buy-card {
  position: sticky;
  top: 74px;
  align-self: start;
  padding: 16px !important;
}

.detail-buy-medals {
  display: grid;
  grid-template-columns: repeat(3, 48px);
  justify-content: center;
  gap: 10px;
  margin: 0 auto 18px;
  padding: 6px 0 14px;
  border-bottom: 1px solid var(--detail-soft-line);
}

.detail-buy-medals--summary {
  grid-template-columns: 48px auto;
  align-items: center;
  justify-content: start;
}

.detail-buy-medals--summary strong {
  color: var(--detail-title);
  font-size: 13px;
}

.detail-buy-medal {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  border: 1px solid #dfe8f2;
  background: linear-gradient(180deg, #fff, #f7fbff);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.detail-buy-medal img {
  width: 39px;
  height: 39px;
  object-fit: contain;
  filter: drop-shadow(0 4px 6px rgba(8, 14, 28, 0.2));
}

.detail-buy-medal--text,
.detail-buy-medal--more,
.detail-buy-medal--empty {
  color: #182036;
  font-size: 13px;
  font-weight: 900;
}

.detail-buy-medal--more {
  color: var(--detail-red);
  background: #fff2f5;
  border-color: rgba(255, 77, 114, 0.32);
}

.detail-buy-medal--empty {
  color: #f2a100;
  font-size: 24px;
}

.market-price {
  margin-top: 3px;
  color: var(--detail-green);
  font-size: 34px;
  font-weight: 900;
  line-height: 1.1;
}

.market-price-sub {
  margin-top: 6px;
}

.market-buy-button,
.market-back-button {
  width: 100%;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  border-radius: 7px;
  border: 0;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.market-buy-button {
  background: var(--detail-green);
  color: #07110d;
}

.market-buy-button:hover {
  background: #22d992;
}

.market-back-button {
  margin-top: 8px;
  border: 1px solid var(--detail-line);
  background: #2a2a2a;
  color: #d3d6d7;
}

.market-buy-meta {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.market-buy-meta div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
}

.market-safe-note {
  margin-top: 14px;
  padding: 10px;
  border-radius: 7px;
  background: #172920;
  border: 1px solid #244f3f;
  color: #b9d7cb;
  font-size: 12px;
  line-height: 1.55;
}

.quick-nav {
  position: sticky;
  top: 60px;
  z-index: 8;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  backdrop-filter: none !important;
}

.quick-nav-container {
  padding: 9px !important;
}

.quick-nav-item {
  min-height: 30px !important;
  border: 1px solid var(--detail-line) !important;
  border-radius: 6px !important;
  background: #292929 !important;
  color: #cfd2d3 !important;
  font-size: 12px !important;
}

.quick-nav-item:hover {
  border-color: #466050 !important;
  background: #20372d !important;
  color: var(--detail-green) !important;
  box-shadow: none !important;
  transform: none !important;
}

.product-section {
  margin-top: 12px !important;
  padding: 14px !important;
}

.section-heading h2,
.compact-section .section-heading h2,
.content-card h3 {
  color: var(--detail-title) !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
}

.section-heading p,
.content-card,
.description-box,
.tips-list {
  color: var(--detail-muted) !important;
}

.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item {
  border: 1px solid var(--detail-line) !important;
  border-radius: 7px !important;
  background: var(--detail-panel-2) !important;
}

.compact-item label,
.data-chip label,
.info-item label,
.library-stat small {
  color: var(--detail-muted) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong {
  color: var(--detail-title) !important;
}

@media (max-width: 920px) {
  .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  .market-buy-card,
  .quick-nav {
    position: static;
  }

  .market-stat-grid,
  .market-delivery-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .detail-page.detail-market {
    padding: 64px 8px 0 !important;
  }

  .market-detail-main,
  .market-buy-card {
    padding: 12px !important;
  }

  .market-stat-grid,
  .market-delivery-strip {
    grid-template-columns: 1fr;
  }

  .market-price {
    font-size: 28px;
  }
}

.lzt-detail-card {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid var(--detail-soft-line);
  border-radius: 8px;
  background: #1a1a1a;
}

.lzt-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.lzt-detail-title {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.lzt-check {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #1c2d47;
  color: #69a7ff;
  font-size: 12px;
  font-weight: 900;
}

.lzt-detail-title h2 {
  margin: 0;
  color: var(--detail-title);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.lzt-detail-title p {
  margin: 4px 0 0;
  color: var(--detail-muted);
  font-size: 11px;
}

.lzt-detail-price {
  min-width: 94px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #248e61;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}

.lzt-chip-row,
.lzt-game-row,
.lzt-medal-row,
.lzt-seller-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.lzt-seller-row span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid #343434;
  background: #2b2b2b;
  color: #cfd2d3;
  font-size: 11px;
  font-weight: 700;
}

.lzt-chip--green {
  border-color: #1d523e;
  background: #143527;
  color: var(--detail-green);
}

.lzt-chip--gold {
  border-color: #4d421d;
  background: #302a15;
  color: #d4c834;
}

.lzt-chip--gray {
  color: #b9bec1;
}

.lzt-game-chip {
  padding-left: 5px;
}

.lzt-game-chip img {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  object-fit: cover;
}

.lzt-game-chip em {
  color: #8f969a;
  font-style: normal;
  font-weight: 600;
}

.lzt-more,
.lzt-medal-row b {
  color: var(--detail-green);
}

.lzt-medal-row img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: contain;
  background: #242424;
}

.lzt-seller-row {
  justify-content: flex-start;
  padding-top: 8px;
  border-top: 1px solid var(--detail-soft-line);
}

.lzt-seller {
  border-color: transparent !important;
  background: transparent !important;
  color: #55c5ff !important;
  padding-left: 0 !important;
}

.lzt-rating {
  color: #bfffdc !important;
}

.lzt-muted {
  color: var(--detail-muted) !important;
}

@media (max-width: 640px) {
  .lzt-detail-head {
    flex-direction: column;
  }

  .lzt-detail-price {
    width: 100%;
  }
}

/* Final storefront-match skin: keep product detail close to the front list page. */
:root {
  --detail-store-bg: #fff7f3;
  --detail-store-pink: #ffe8ee;
  --detail-store-panel: #1c1d1e;
  --detail-store-panel-2: #202122;
  --detail-store-chip: #2b2c2e;
  --detail-store-line: rgba(255,255,255,0.07);
  --detail-store-soft-line: rgba(255,255,255,0.045);
  --detail-store-text: #d7dcdf;
  --detail-store-title: #f1f4f4;
  --detail-store-muted: #858d93;
  --detail-store-green: #21c87f;
}

body {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.92) 0 17%, rgba(255,232,238,0.9) 17% 33%, rgba(255,255,255,0.97) 33% 72%, rgba(255,231,225,0.92) 72% 100%) !important;
  color: #172033 !important;
}

.detail-page.detail-market {
  max-width: 1180px !important;
  padding: 34px 14px 38px !important;
}

.detail-topbar {
  max-width: 760px !important;
  margin: 0 auto 12px !important;
}

.detail-topbar a,
.detail-topbar span {
  min-height: 32px !important;
  border: 1px solid #dbe7f4 !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,0.86) !important;
  color: #30425d !important;
  box-shadow: 0 8px 22px rgba(201, 118, 132, 0.08) !important;
}

.detail-topbar a:hover {
  border-color: #b8d0ed !important;
  color: #0f1c34 !important;
}

.market-detail-layout.hero-panel {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section {
  border: 1px solid var(--detail-store-line) !important;
  border-radius: 8px !important;
  background: var(--detail-store-panel) !important;
  color: var(--detail-store-text) !important;
  box-shadow: none !important;
}

.market-detail-main {
  padding: 12px !important;
}

.market-detail-eyebrow {
  margin-bottom: 9px !important;
  color: var(--detail-store-muted) !important;
  font-size: 12px !important;
}

.market-dot {
  width: 8px !important;
  height: 8px !important;
  background: var(--detail-store-green) !important;
  box-shadow: 0 0 0 3px rgba(33, 200, 127, 0.12) !important;
}

.market-detail-main h1 {
  color: var(--detail-store-title) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.market-detail-main .hero-panel__desc {
  color: var(--detail-store-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-top: 7px !important;
}

.lzt-detail-card {
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--detail-store-line) !important;
  border-radius: 8px !important;
  background: var(--detail-store-panel-2) !important;
}

.lzt-detail-head {
  margin-bottom: 8px !important;
}

.lzt-check {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #2d3336 !important;
  color: #60b8ff !important;
}

.lzt-detail-title h2 {
  color: var(--detail-store-title) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.lzt-detail-title p {
  color: var(--detail-store-muted) !important;
  font-size: 11px !important;
}

.lzt-detail-price,
.market-price {
  color: #f3fff9 !important;
  background: #21965f !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.lzt-detail-price {
  min-width: 92px !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.lzt-seller-row span,
.market-status-row .chip,
.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div,
.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item {
  border: 1px solid var(--detail-store-line) !important;
  border-radius: 6px !important;
  background: var(--detail-store-chip) !important;
  color: #cfd5d9 !important;
}

.lzt-chip--green,
.market-status-row .chip--native {
  background: rgba(7, 127, 75, 0.34) !important;
  color: #22d384 !important;
  border-color: rgba(7, 127, 75, 0.42) !important;
}

.lzt-chip--gold,
.market-status-row .chip--warning {
  background: rgba(114, 107, 0, 0.34) !important;
  color: #dde326 !important;
  border-color: rgba(114, 107, 0, 0.45) !important;
}

.market-status-row .chip--premium {
  background: rgba(33, 94, 120, 0.38) !important;
  color: #66d2ff !important;
}

.lzt-seller-row {
  border-top: 1px solid var(--detail-store-soft-line) !important;
}

.lzt-seller {
  background: transparent !important;
  color: #54b6ff !important;
}

.lzt-rating {
  color: #76d58e !important;
}

.lzt-muted,
.market-price-label,
.market-price-sub,
.market-buy-meta span,
.market-delivery-strip span,
.market-stat-grid span,
.section-heading p,
.content-card,
.description-box,
.tips-list {
  color: var(--detail-store-muted) !important;
}

.market-stat-grid,
.market-delivery-strip {
  gap: 7px !important;
  margin-top: 10px !important;
}

.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong,
.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong,
.section-heading h2,
.compact-section .section-heading h2,
.content-card h3 {
  color: var(--detail-store-title) !important;
}

.market-buy-card {
  position: static !important;
  padding: 12px !important;
}

.market-price-label {
  margin-bottom: 6px !important;
  font-size: 12px !important;
}

.market-price {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.market-price-sub {
  margin: 8px 0 10px !important;
  font-size: 12px !important;
}

.market-buy-button,
.market-back-button {
  min-height: 34px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.market-buy-button {
  background: #1fa064 !important;
  color: #fff !important;
}

.market-buy-button:hover {
  background: #23b873 !important;
}

.market-back-button {
  border: 1px solid var(--detail-store-line) !important;
  background: #303234 !important;
  color: #d9dee1 !important;
}

.market-safe-note {
  margin-top: 10px !important;
  border: 1px solid var(--detail-store-line) !important;
  border-radius: 6px !important;
  background: rgba(33, 94, 120, 0.16) !important;
  color: #b7c0c6 !important;
}

.quick-nav,
.product-section {
  width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.quick-nav {
  position: static !important;
  margin-top: 10px !important;
  padding: 8px !important;
}

.quick-nav-container {
  gap: 6px !important;
}

.quick-nav-item {
  min-height: 30px !important;
  border-radius: 6px !important;
  border: 1px solid var(--detail-store-line) !important;
  background: #2b2c2e !important;
  color: #cfd5d9 !important;
  font-size: 12px !important;
}

.quick-nav-item:hover {
  background: rgba(7, 127, 75, 0.34) !important;
  color: #22d384 !important;
}

.product-section {
  margin-top: 10px !important;
  padding: 12px !important;
}

@media (max-width: 640px) {
  .detail-page.detail-market {
    padding: 18px 8px 28px !important;
  }

  .detail-topbar,
  .market-detail-layout.hero-panel,
  .quick-nav,
  .product-section {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Spacious storefront detail layout. Matches the current SUWDM-style product
   cards: white surfaces, warm price panel, larger spacing, fewer cramped rows. */
:root {
  --detail-card-bg: rgba(255, 255, 255, 0.96);
  --detail-card-line: rgba(255, 120, 120, 0.20);
  --detail-ink: #11182d;
  --detail-sub: #65748b;
  --detail-soft: #f8fbff;
  --detail-soft-line: #dfe8f2;
  --detail-red: #ff4058;
  --detail-orange: #ff8a24;
  --detail-green: #12a66f;
}

body {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.94) 0 17%, rgba(255,232,238,0.9) 17% 33%, rgba(255,255,255,0.98) 33% 72%, rgba(255,231,225,0.92) 72% 100%) !important;
  color: var(--detail-ink) !important;
}

.detail-page.detail-market {
  max-width: 1160px !important;
  padding: 32px 18px 54px !important;
}

.detail-topbar {
  max-width: 1080px !important;
  margin: 0 auto 18px !important;
  gap: 10px !important;
}

.detail-topbar a,
.detail-topbar span {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-color: var(--detail-soft-line) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.9) !important;
  color: #526179 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.market-detail-layout.hero-panel {
  width: min(100%, 1080px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  align-items: start !important;
  gap: 22px !important;
  margin: 0 auto !important;
}

.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section {
  border: 1px solid var(--detail-card-line) !important;
  border-radius: 30px !important;
  background: var(--detail-card-bg) !important;
  color: var(--detail-ink) !important;
  box-shadow: 0 22px 52px rgba(255, 76, 94, 0.10) !important;
}

.market-detail-main {
  padding: 30px !important;
}

.market-detail-eyebrow {
  gap: 10px !important;
  margin-bottom: 18px !important;
  color: var(--detail-sub) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.market-dot {
  width: 11px !important;
  height: 11px !important;
  background: var(--detail-green) !important;
  box-shadow: 0 0 0 5px rgba(18, 166, 111, 0.12) !important;
}

.market-detail-main h1 {
  max-width: 740px !important;
  margin-bottom: 10px !important;
  color: var(--detail-ink) !important;
  font-size: clamp(26px, 3.2vw, 36px) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
}

.market-detail-main .hero-panel__desc {
  max-width: 760px !important;
  margin: 12px 0 0 !important;
  color: var(--detail-sub) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.lzt-detail-card {
  position: relative !important;
  margin-top: 26px !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 128, 128, 0.22) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(255, 76, 94, 0.08) !important;
}

.lzt-detail-card::before {
  content: "" !important;
  position: absolute !important;
  left: 30px !important;
  right: 30px !important;
  top: 0 !important;
  height: 4px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, var(--detail-red), var(--detail-orange)) !important;
}

.lzt-detail-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

.lzt-detail-title {
  gap: 12px !important;
}

.lzt-check {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
  border: 1px solid #dbe7f4 !important;
  border-radius: 50% !important;
  background: var(--detail-soft) !important;
  color: #3296db !important;
  font-size: 16px !important;
}

.lzt-detail-title h2 {
  color: var(--detail-ink) !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 950 !important;
}

.lzt-detail-title p {
  margin-top: 7px !important;
  color: var(--detail-sub) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.lzt-detail-price {
  min-width: 118px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #19a46c !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.lzt-chip-row,
.lzt-game-row,
.lzt-medal-row,
.lzt-seller-row {
  gap: 10px !important;
  margin-top: 14px !important;
}

.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.lzt-seller-row span,
.market-status-row .chip {
  min-height: 34px !important;
  border: 1px solid var(--detail-soft-line) !important;
  border-radius: 11px !important;
  background: #f1f5f9 !important;
  color: #526179 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.lzt-chip {
  padding: 0 12px !important;
}

.lzt-chip--green,
.market-status-row .chip--native {
  border-color: #9cf0c8 !important;
  background: #ecfff6 !important;
  color: #08a86d !important;
}

.lzt-chip--gold,
.market-status-row .chip--warning {
  border-color: #ffd89b !important;
  background: #fff8e9 !important;
  color: #c98200 !important;
}

.market-status-row .chip--premium {
  border-color: #b8dcff !important;
  background: #edf7ff !important;
  color: #188bd1 !important;
}

.lzt-game-chip {
  min-height: 54px !important;
  padding: 7px 12px 7px 8px !important;
  border-radius: 15px !important;
  background: var(--detail-soft) !important;
  color: #65748b !important;
  max-width: 245px !important;
}

.lzt-game-chip img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}

.lzt-game-chip em {
  color: #94a3b8 !important;
}

.lzt-seller-row {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf2f7 !important;
}

.lzt-seller {
  color: #526179 !important;
}

.lzt-rating {
  color: #0da86b !important;
}

.lzt-muted {
  color: var(--detail-sub) !important;
}

.market-status-row {
  margin-top: 20px !important;
  gap: 10px !important;
}

.market-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.market-delivery-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div,
.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item {
  min-height: 76px !important;
  padding: 16px !important;
  border: 1px solid var(--detail-soft-line) !important;
  border-radius: 15px !important;
  background: var(--detail-soft) !important;
  color: var(--detail-ink) !important;
}

.market-stat-grid span,
.market-delivery-strip span,
.market-buy-meta span,
.compact-item label,
.data-chip label,
.info-item label,
.library-stat small,
.section-heading p,
.content-card,
.description-box,
.tips-list {
  color: var(--detail-sub) !important;
}

.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong,
.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong,
.section-heading h2,
.compact-section .section-heading h2,
.content-card h3 {
  color: var(--detail-ink) !important;
}

.market-buy-card {
  position: sticky !important;
  top: 92px !important;
  padding: 28px !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, #fff8f7, #fff0ec) !important;
}

.market-price-label {
  color: #ff5f58 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.market-price {
  margin: 12px 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--detail-red) !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.market-price-sub {
  margin: 0 0 20px !important;
  color: #8a6670 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.market-buy-button,
.market-back-button {
  min-height: 54px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.market-buy-button {
  background: linear-gradient(135deg, #ff4058, #ff355f) !important;
  color: #fff !important;
  box-shadow: 0 14px 24px rgba(255, 64, 88, 0.22) !important;
}

.market-back-button {
  margin-top: 10px !important;
  border: 1px solid var(--detail-soft-line) !important;
  background: #fff !important;
  color: #526179 !important;
}

.market-buy-meta {
  gap: 10px !important;
  margin-top: 20px !important;
}

.market-buy-meta div {
  min-height: 60px !important;
  padding: 12px 14px !important;
}

.market-safe-note {
  margin-top: 16px !important;
  padding: 14px !important;
  border: 1px solid #b8dcff !important;
  border-radius: 15px !important;
  background: #edf7ff !important;
  color: #526179 !important;
  line-height: 1.65 !important;
}

.quick-nav,
.product-section {
  width: min(100%, 1080px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.quick-nav {
  margin-top: 22px !important;
  padding: 14px !important;
  border-radius: 24px !important;
}

.quick-nav-container {
  gap: 10px !important;
}

.quick-nav-item {
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid var(--detail-soft-line) !important;
  border-radius: 13px !important;
  background: var(--detail-soft) !important;
  color: #526179 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.quick-nav-item:hover {
  border-color: #9cf0c8 !important;
  background: #ecfff6 !important;
  color: #08a86d !important;
}

.product-section {
  margin-top: 18px !important;
  padding: 24px !important;
  border-radius: 26px !important;
}

.section-heading h2,
.compact-section .section-heading h2 {
  font-size: 22px !important;
}

@media (max-width: 980px) {
  .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  .market-buy-card {
    position: static !important;
  }
}

/* Last-pass dark detail override */
body {
  background:
    radial-gradient(circle at 50% 0%, rgba(33, 199, 129, 0.08), transparent 36%),
    linear-gradient(180deg, #111212 0%, #101111 100%) !important;
  color: #e8ebec !important;
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.detail-market .product-section,
.detail-market .quick-nav,
.detail-market .market-detail-main,
.detail-market .market-buy-card,
.detail-market .lzt-detail-card,
.product-section,
.quick-nav {
  border: 1px solid #2b2d2d !important;
  background: #1b1c1c !important;
  color: #e8ebec !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22) !important;
}

.detail-market .product-section *,
.detail-market .quick-nav *,
.detail-market .market-detail-main *,
.detail-market .market-buy-card * {
  border-color: #333737;
}

.section-heading h2,
.compact-section .section-heading h2,
.product-section h2,
.product-section h3,
.market-detail-main h1 {
  color: #ffffff !important;
}

.section-heading p,
.compact-section .section-heading p,
.product-section p,
.product-section small,
.market-detail-eyebrow,
.hero-panel__desc {
  color: #9aa0a4 !important;
}

.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item,
.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div {
  border-color: #333737 !important;
  background: #252727 !important;
  color: #dce1e2 !important;
}

.compact-item label,
.data-chip label,
.info-item label,
.library-stat small,
.market-stat-grid span,
.market-delivery-strip span,
.market-buy-meta span {
  color: #9aa0a4 !important;
}

.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong,
.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong {
  color: #ffffff !important;
}

.market-buy-button {
  border: 1px solid rgba(33, 199, 129, 0.66) !important;
  background: #21c781 !important;
  color: #07120d !important;
  box-shadow: none !important;
}

.market-buy-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.35);
}

.market-back-button,
.quick-nav-item,
.filter-tab {
  border: 1px solid #303232 !important;
  background: #303232 !important;
  color: #e5e8e9 !important;
}

.quick-nav-item:hover,
.filter-tab.active {
  border-color: rgba(33, 199, 129, 0.34) !important;
  background: #126645 !important;
  color: #21c781 !important;
}

#steam-purchase-history thead,
#steam-purchase-history thead tr {
  background: #252727 !important;
}

#steam-purchase-history th {
  color: #f0f3f4 !important;
}

#steam-purchase-history td,
#steam-purchase-history tbody tr {
  border-color: #2b2d2d !important;
  background: #1b1c1c !important;
  color: #c9ced1 !important;
}

/* Detail page cleanup: clearer first screen and less repeated data */
body.product-detail-page .detail-page.detail-market {
  width: min(1120px, calc(100% - 36px)) !important;
  max-width: none !important;
  margin: 0 auto 56px !important;
  padding: 104px 0 44px !important;
}

body.product-detail-page .detail-topbar {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto 14px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(21, 23, 23, 0.72) !important;
  color: #a7b0ad !important;
}

body.product-detail-page .market-detail-layout.hero-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 720px) 320px !important;
  align-items: start !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.product-detail-page .market-detail-layout.hero-panel::after,
body.product-detail-page .market-detail-layout.hero-panel::before {
  display: none !important;
}

body.product-detail-page .market-detail-main,
body.product-detail-page .market-buy-card,
body.product-detail-page .product-section,
body.product-detail-page .quick-nav {
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    #1a1c1c !important;
  color: #f4f7f6 !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.24) !important;
}

body.product-detail-page .market-detail-main {
  min-height: 0 !important;
  padding: 26px 28px 24px !important;
  border-radius: 24px !important;
}

body.product-detail-page .market-detail-eyebrow {
  margin-bottom: 12px !important;
  gap: 9px !important;
  color: #9ba5a1 !important;
  font-size: 12px !important;
}

body.product-detail-page .market-detail-main h1 {
  max-width: 660px !important;
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: clamp(25px, 2.35vw, 34px) !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .hero-panel__desc {
  max-width: 650px !important;
  margin: 0 0 14px !important;
  color: #a5adaa !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.product-detail-page .market-detail-main > .lzt-detail-card {
  display: none !important;
}

body.product-detail-page .market-status-row {
  margin: 0 0 14px !important;
  gap: 8px !important;
}

body.product-detail-page .market-status-row .chip {
  min-height: 30px !important;
  padding: 6px 11px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.product-detail-page .market-status-row .chip--warning {
  display: none !important;
}

body.product-detail-page .market-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 !important;
}

body.product-detail-page .market-stat-grid div {
  min-height: 68px !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

body.product-detail-page .market-stat-grid span,
body.product-detail-page .market-delivery-strip span,
body.product-detail-page .market-buy-meta span {
  color: #9aa4a1 !important;
  font-size: 12px !important;
}

body.product-detail-page .market-stat-grid strong,
body.product-detail-page .market-delivery-strip strong,
body.product-detail-page .market-buy-meta strong {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

body.product-detail-page .market-delivery-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

body.product-detail-page .market-delivery-strip div {
  min-height: 70px !important;
  padding: 13px !important;
  border-radius: 14px !important;
}

body.product-detail-page .market-buy-card {
  position: sticky !important;
  top: 88px !important;
  width: 100% !important;
  padding: 24px !important;
  border-radius: 24px !important;
}

body.product-detail-page .detail-buy-medals {
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body.product-detail-page .detail-buy-medal {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #252929 !important;
}

body.product-detail-page .detail-buy-medal img {
  max-width: 34px !important;
  max-height: 34px !important;
}

body.product-detail-page .market-price-label,
body.product-detail-page .market-price-sub {
  color: #9da7a4 !important;
}

body.product-detail-page .market-price {
  margin: 6px 0 10px !important;
  color: #28d493 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.product-detail-page .market-buy-button,
body.product-detail-page .market-back-button {
  min-height: 48px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.product-detail-page .market-buy-button {
  background: linear-gradient(135deg, #0fa36b, #27d493) !important;
  color: #03100a !important;
}

body.product-detail-page .market-buy-meta {
  gap: 8px !important;
  margin-top: 16px !important;
}

body.product-detail-page .market-buy-meta div {
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

body.product-detail-page .market-safe-note {
  margin-top: 12px !important;
  color: #b9c4c0 !important;
  background: rgba(39, 212, 147, 0.08) !important;
  border: 1px solid rgba(39, 212, 147, 0.16) !important;
}

body.product-detail-page .quick-nav {
  max-width: 1120px !important;
  margin: 0 auto 18px !important;
  padding: 8px !important;
  border-radius: 18px !important;
}

body.product-detail-page .quick-nav-container {
  padding: 0 !important;
  gap: 8px !important;
}

body.product-detail-page .quick-nav-item {
  padding: 8px 13px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
}

body.product-detail-page .product-section {
  max-width: 1120px !important;
  margin: 18px auto 0 !important;
  padding: 24px 26px !important;
  border-radius: 24px !important;
}

body.product-detail-page .section-heading {
  align-items: flex-start !important;
  margin-bottom: 16px !important;
}

body.product-detail-page .section-heading h2,
body.product-detail-page .product-section h2,
body.product-detail-page .product-section h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .section-heading p,
body.product-detail-page .product-section p,
body.product-detail-page .product-section small {
  color: #9da7a4 !important;
  font-size: 13px !important;
}

body.product-detail-page .compact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.product-detail-page .compact-item,
body.product-detail-page .data-chip,
body.product-detail-page .info-item,
body.product-detail-page .content-card,
body.product-detail-page .library-stat,
body.product-detail-page .ownership-item {
  min-height: 68px !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

@media (max-width: 1060px) {
  body.product-detail-page .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-buy-card {
    position: static !important;
  }
}

@media (max-width: 780px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 20px) !important;
    padding-top: 86px !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  body.product-detail-page .market-detail-main h1 {
    font-size: 24px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 14px) !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid {
    grid-template-columns: 1fr !important;
  }
}

/* suwdm-inspired product decision layout, adapted to FPS dark tech skin */
body.product-detail-page {
  --detail-bg: #090d0c;
  --detail-panel: rgba(25, 27, 26, 0.96);
  --detail-panel-soft: rgba(33, 36, 35, 0.94);
  --detail-line: rgba(255, 255, 255, 0.1);
  --detail-text: #f7faf8;
  --detail-muted: #9ca6a2;
  --detail-green: #25d08a;
  --detail-green-deep: #0d8b5d;
  --detail-gold: #f3c45e;
  --detail-red: #ff5166;
  --detail-blue: #39bff2;
  background:
    radial-gradient(circle at 22% 8%, rgba(37, 208, 138, 0.13), transparent 28%),
    radial-gradient(circle at 78% 22%, rgba(57, 191, 242, 0.1), transparent 30%),
    linear-gradient(180deg, #0a0e0d 0%, #080a0a 100%) !important;
  color: var(--detail-text) !important;
  font-family: Inter, "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.product-detail-page .detail-dynamic-bg {
  opacity: 0.5 !important;
}

body.product-detail-page .detail-page.detail-market {
  width: min(100% - 44px, 1180px) !important;
  max-width: none !important;
  padding-top: 118px !important;
  padding-bottom: 68px !important;
}

body.product-detail-page .detail-topbar {
  display: none !important;
}

body.product-detail-page .market-detail-layout.hero-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  align-items: stretch !important;
  gap: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.product-detail-page .market-detail-layout.hero-panel::after {
  display: none !important;
}

body.product-detail-page .market-detail-main,
body.product-detail-page .market-buy-card,
body.product-detail-page .product-section,
body.product-detail-page .quick-nav {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--detail-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 48%),
    var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(16px) !important;
}

body.product-detail-page .market-detail-main::before,
body.product-detail-page .market-buy-card::before,
body.product-detail-page .product-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  right: 20px !important;
  height: 4px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, var(--detail-green), var(--detail-blue), var(--detail-gold)) !important;
  opacity: 0.92 !important;
}

body.product-detail-page .market-detail-main {
  min-height: 360px !important;
  padding: 34px 36px 28px !important;
  border-radius: 26px !important;
}

body.product-detail-page .market-detail-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin-bottom: 15px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(37, 208, 138, 0.38) !important;
  border-radius: 999px !important;
  background: rgba(37, 208, 138, 0.1) !important;
  color: #6ff0b8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.product-detail-page .market-dot {
  width: 9px !important;
  height: 9px !important;
  background: var(--detail-green) !important;
  box-shadow: 0 0 18px rgba(37, 208, 138, 0.9) !important;
}

body.product-detail-page .market-detail-main h1 {
  max-width: 760px !important;
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(26px, 3.1vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.product-detail-page .hero-panel__desc {
  max-width: 690px !important;
  margin-bottom: 20px !important;
  color: var(--detail-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

body.product-detail-page .lzt-detail-card {
  margin: 18px 0 18px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.product-detail-page .lzt-detail-card .lzt-tags,
body.product-detail-page .chip-group,
body.product-detail-page .market-status-row {
  gap: 8px !important;
}

body.product-detail-page .chip,
body.product-detail-page .lzt-tag,
body.product-detail-page .game-chip,
body.product-detail-page .market-status-row span {
  min-height: 30px !important;
  padding: 6px 11px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #dce7e2 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.product-detail-page .chip--native,
body.product-detail-page .lzt-tag--safe {
  border-color: rgba(37, 208, 138, 0.4) !important;
  background: rgba(37, 208, 138, 0.14) !important;
  color: #6ff0b8 !important;
}

body.product-detail-page .chip--premium,
body.product-detail-page .lzt-tag--warning {
  border-color: rgba(243, 196, 94, 0.4) !important;
  background: rgba(243, 196, 94, 0.13) !important;
  color: #ffd982 !important;
}

body.product-detail-page .market-stat-grid,
body.product-detail-page .market-delivery-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

body.product-detail-page .market-stat-grid div,
body.product-detail-page .market-delivery-strip div {
  min-height: 82px !important;
  padding: 15px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.032)) !important;
}

body.product-detail-page .market-stat-grid span,
body.product-detail-page .market-delivery-strip span {
  color: #9fa9a5 !important;
  font-size: 12px !important;
}

body.product-detail-page .market-stat-grid strong,
body.product-detail-page .market-delivery-strip strong {
  margin-top: 6px !important;
  color: #ffffff !important;
  font-size: 18px !important;
}

body.product-detail-page .market-buy-card {
  position: sticky !important;
  top: 96px !important;
  align-self: start !important;
  padding: 28px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37, 208, 138, 0.16), transparent 52%),
    var(--detail-panel) !important;
}

body.product-detail-page .detail-buy-medals {
  display: grid !important;
  grid-template-columns: repeat(3, 44px) !important;
  gap: 9px !important;
  margin: 4px 0 18px !important;
}

body.product-detail-page .detail-buy-medal {
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.product-detail-page .market-price-label {
  color: #b6c0bd !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.product-detail-page .market-price {
  margin: 8px 0 6px !important;
  color: var(--detail-green) !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .market-price-sub {
  margin-bottom: 18px !important;
  color: var(--detail-muted) !important;
  font-size: 13px !important;
}

body.product-detail-page .market-buy-button,
body.product-detail-page .market-back-button {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

body.product-detail-page .market-buy-button {
  border: 0 !important;
  background: linear-gradient(135deg, #17a96e, #2ce096) !important;
  color: #06120d !important;
  box-shadow: 0 18px 34px rgba(37, 208, 138, 0.24) !important;
}

body.product-detail-page .market-buy-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 42px rgba(37, 208, 138, 0.33) !important;
}

body.product-detail-page .market-back-button {
  margin-top: 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f5faf7 !important;
}

body.product-detail-page .market-buy-meta {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 18px !important;
}

body.product-detail-page .market-buy-meta div,
body.product-detail-page .market-safe-note {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

body.product-detail-page .market-buy-meta strong,
body.product-detail-page .market-safe-note strong {
  color: #ffffff !important;
}

body.product-detail-page .quick-nav {
  margin: 18px 0 !important;
  padding: 10px !important;
  border-radius: 20px !important;
}

body.product-detail-page .quick-nav-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 9px !important;
  overflow-x: auto !important;
  padding: 0 2px 4px !important;
}

body.product-detail-page .quick-nav-container::-webkit-scrollbar {
  height: 0 !important;
}

body.product-detail-page .quick-nav-item {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #dfe7e4 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body.product-detail-page .quick-nav-item:hover {
  border-color: rgba(37, 208, 138, 0.45) !important;
  background: rgba(37, 208, 138, 0.16) !important;
  color: #6ff0b8 !important;
}

body.product-detail-page .product-section {
  margin-top: 18px !important;
  padding: 28px 30px !important;
  border-radius: 26px !important;
}

body.product-detail-page .section-heading {
  margin-bottom: 18px !important;
}

body.product-detail-page .section-heading h2,
body.product-detail-page .compact-section .section-heading h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .section-heading p,
body.product-detail-page .compact-section .section-heading p {
  color: #9ca6a2 !important;
  font-size: 13px !important;
}

body.product-detail-page .compact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.product-detail-page .compact-item,
body.product-detail-page .data-chip,
body.product-detail-page .info-item,
body.product-detail-page .content-card,
body.product-detail-page .library-stat,
body.product-detail-page .inventory-stat,
body.product-detail-page .ownership-item {
  min-height: 82px !important;
  padding: 15px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.032)) !important;
  color: #f7faf8 !important;
}

body.product-detail-page .compact-item label,
body.product-detail-page .data-chip label,
body.product-detail-page .info-item label,
body.product-detail-page .library-stat small,
body.product-detail-page .inventory-stat small {
  color: #a0aaa6 !important;
  font-size: 12px !important;
}

body.product-detail-page .compact-item strong,
body.product-detail-page .data-chip strong,
body.product-detail-page .info-item strong,
body.product-detail-page .library-stat strong,
body.product-detail-page .inventory-stat strong {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

body.product-detail-page .steam-ban-alert {
  border-color: rgba(37, 208, 138, 0.32) !important;
}

body.product-detail-page .steam-ban-alert--danger {
  border-color: rgba(255, 81, 102, 0.42) !important;
}

body.product-detail-page .steam-ban-alert__badge,
body.product-detail-page .steam-ban-check {
  border-radius: 999px !important;
}

body.product-detail-page #steam-purchase-history table {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

body.product-detail-page #steam-purchase-history thead,
body.product-detail-page #steam-purchase-history thead tr {
  background: transparent !important;
}

body.product-detail-page #steam-purchase-history th {
  color: #f7faf8 !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.product-detail-page #steam-purchase-history td {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #cdd5d2 !important;
}

body.product-detail-page .lazy-media,
body.product-detail-page .valorant-preview-image {
  border-radius: 16px !important;
}

@media (max-width: 1060px) {
  body.product-detail-page .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-buy-card {
    position: static !important;
  }

  body.product-detail-page .market-buy-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.product-detail-page .detail-page.detail-market {
    width: min(100% - 20px, 620px) !important;
    padding-top: 88px !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  body.product-detail-page .market-detail-main h1 {
    font-size: 25px !important;
  }

  body.product-detail-page .hero-panel__desc {
    font-size: 13px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.product-detail-page .market-price {
    font-size: 36px !important;
  }
}

@media (max-width: 480px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 14px) !important;
    padding-top: 78px !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-detail-main h1 {
    font-size: 22px !important;
  }

  body.product-detail-page .detail-buy-medals {
    grid-template-columns: repeat(6, 36px) !important;
  }

  body.product-detail-page .detail-buy-medal {
    width: 36px !important;
    height: 36px !important;
  }

  body.product-detail-page .market-buy-button,
  body.product-detail-page .market-back-button {
    min-height: 48px !important;
  }
}

/* Product detail mobile pass */
@media (max-width: 640px) {
  html,
  body.product-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 14px) !important;
    max-width: none !important;
    margin: 0 auto 32px !important;
    padding: 74px 0 0 !important;
  }

  body.product-detail-page .detail-topbar {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body.product-detail-page .detail-topbar a,
  body.product-detail-page .detail-topbar span {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
  }

  body.product-detail-page .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .quick-nav,
  body.product-detail-page .product-section {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.product-detail-page .market-detail-main h1,
  body.product-detail-page .hero-panel__title {
    font-size: 22px !important;
    line-height: 1.32 !important;
    word-break: break-word !important;
  }

  body.product-detail-page .hero-panel__desc {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body.product-detail-page .lzt-detail-head,
  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .market-buy-meta {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .lzt-detail-price,
  body.product-detail-page .market-price {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  body.product-detail-page .lzt-chip-row,
  body.product-detail-page .lzt-game-row,
  body.product-detail-page .lzt-medal-row,
  body.product-detail-page .chip-group {
    gap: 7px !important;
  }

  body.product-detail-page .lzt-game-chip {
    max-width: 100% !important;
    min-height: 32px !important;
    font-size: 12px !important;
  }

  body.product-detail-page .lzt-game-chip img {
    width: 28px !important;
    height: 28px !important;
  }

  body.product-detail-page .detail-buy-medals,
  body.product-detail-page .lzt-medal-row {
    justify-content: flex-start !important;
  }

  body.product-detail-page .detail-buy-medal,
  body.product-detail-page .lzt-medal-row img {
    width: 40px !important;
    height: 40px !important;
  }

  body.product-detail-page .market-buy-card {
    position: static !important;
  }

  body.product-detail-page .market-buy-button,
  body.product-detail-page .market-back-button {
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  body.product-detail-page .quick-nav {
    position: sticky !important;
    top: 64px !important;
    z-index: 8 !important;
    margin: 12px 0 !important;
    padding: 8px !important;
  }

  body.product-detail-page .quick-nav-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 0 2px 4px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.product-detail-page .quick-nav-container::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page .quick-nav-item {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  body.product-detail-page .compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.product-detail-page .compact-item,
  body.product-detail-page .data-chip,
  body.product-detail-page .info-item,
  body.product-detail-page .library-stat,
  body.product-detail-page .content-card {
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.product-detail-page .section-heading {
    display: block !important;
  }

  body.product-detail-page .section-heading h2,
  body.product-detail-page .product-section h2,
  body.product-detail-page .product-section h3 {
    font-size: 18px !important;
    line-height: 1.28 !important;
  }

  body.product-detail-page table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 420px) {
  body.product-detail-page .compact-grid {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-detail-main h1,
  body.product-detail-page .hero-panel__title {
    font-size: 20px !important;
  }
}

/* Product detail premium motion pass */
:root {
  --detail-ink: #f6fbff;
  --detail-subtle: #9aa8b4;
  --detail-panel-deep: rgba(20, 22, 22, 0.92);
  --detail-panel-soft: rgba(27, 30, 30, 0.86);
  --detail-line-soft: rgba(255, 255, 255, 0.09);
  --detail-line-green: rgba(32, 211, 140, 0.42);
  --detail-neon: #23d18b;
  --detail-cyan: #38bdf8;
  --detail-violet: #8b5cf6;
  --detail-warm: #e0b64d;
}

html {
  background: #090d0c !important;
}

body.product-detail-page {
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(35, 209, 139, 0.18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(56, 189, 248, 0.12), transparent 30%),
    linear-gradient(180deg, #0b100f 0%, #0d1110 46%, #090d0c 100%) !important;
  color: var(--detail-ink) !important;
  font-family: "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.product-detail-page::before,
body.product-detail-page::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  z-index: -3 !important;
}

body.product-detail-page::before {
  background:
    linear-gradient(rgba(35, 209, 139, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.82), rgba(0,0,0,0.12));
  animation: detailGridDrift 22s linear infinite;
}

body.product-detail-page::after {
  z-index: -2 !important;
  background:
    linear-gradient(120deg, transparent 0%, rgba(35, 209, 139, 0.08) 34%, transparent 52%),
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.06), transparent 42%);
  opacity: 0.8;
  animation: detailLightSweep 9s ease-in-out infinite;
}

.detail-dynamic-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.detail-orbit {
  position: absolute;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(35, 209, 139, 0.15);
  border-radius: 50%;
  filter: blur(0.2px);
  opacity: 0.5;
  animation: detailFloat 15s ease-in-out infinite;
}

.detail-orbit::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 38px;
  left: 66px;
  background: var(--detail-neon);
  box-shadow: 0 0 22px rgba(35, 209, 139, 0.76);
}

.detail-orbit--one {
  top: 140px;
  left: -120px;
}

.detail-orbit--two {
  width: 460px;
  height: 460px;
  right: -170px;
  top: 240px;
  border-color: rgba(56, 189, 248, 0.16);
  animation-duration: 18s;
  animation-delay: -4s;
}

.detail-orbit--two::before {
  background: var(--detail-cyan);
  box-shadow: 0 0 24px rgba(56, 189, 248, 0.72);
}

.detail-orbit--three {
  width: 280px;
  height: 280px;
  left: 42%;
  bottom: -130px;
  border-color: rgba(224, 182, 77, 0.15);
  animation-duration: 20s;
  animation-delay: -8s;
}

.detail-orbit--three::before {
  background: var(--detail-warm);
  box-shadow: 0 0 22px rgba(224, 182, 77, 0.62);
}

.detail-scan {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(35, 209, 139, 0.06), transparent);
  transform: translateY(-100%);
  animation: detailScan 7s linear infinite;
}

.detail-page.detail-market {
  width: min(1240px, calc(100% - 40px)) !important;
  max-width: none !important;
  margin: 0 auto 52px !important;
  padding: 96px 0 34px !important;
}

.detail-topbar {
  margin: 0 0 16px !important;
  gap: 10px !important;
}

.detail-topbar a,
.detail-topbar span {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(23, 25, 25, 0.72) !important;
  color: #cfd7da !important;
  backdrop-filter: blur(14px);
}

.detail-topbar a:hover {
  border-color: rgba(35, 209, 139, 0.52) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.market-detail-layout.hero-panel {
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 18px !important;
}

.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section,
.lzt-detail-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--detail-line-soft) !important;
  background:
    linear-gradient(145deg, rgba(30, 34, 33, 0.92), rgba(15, 18, 17, 0.92)) !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(18px) saturate(1.15);
}

.market-detail-main::before,
.market-buy-card::before,
.product-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  display: block !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--detail-neon), var(--detail-cyan), var(--detail-violet), var(--detail-warm)) !important;
  opacity: 0.9 !important;
  animation: detailBarMove 8s linear infinite !important;
}

.market-detail-main::after,
.market-buy-card::after,
.product-section::after {
  content: "" !important;
  position: absolute !important;
  inset: -30% auto auto -15% !important;
  display: block !important;
  width: 260px !important;
  height: 260px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(35, 209, 139, 0.12), transparent 66%) !important;
  pointer-events: none !important;
}

.market-detail-main {
  padding: 28px !important;
  border-radius: 22px !important;
}

.market-detail-eyebrow {
  margin-bottom: 14px !important;
  color: var(--detail-subtle) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

.market-dot {
  background: var(--detail-neon) !important;
  box-shadow: 0 0 0 5px rgba(35, 209, 139, 0.12), 0 0 20px rgba(35, 209, 139, 0.65) !important;
}

.market-detail-main h1 {
  max-width: 760px !important;
  color: #ffffff !important;
  font-size: clamp(25px, 2.4vw, 36px) !important;
  line-height: 1.26 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.market-detail-main .hero-panel__desc {
  max-width: 780px !important;
  margin-top: 12px !important;
  color: #aab5ba !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.lzt-detail-card {
  margin-top: 22px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    rgba(20, 23, 23, 0.9) !important;
}

.lzt-detail-card::before {
  left: 18px !important;
  right: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(35, 209, 139, 0.55), transparent) !important;
}

.lzt-check {
  background: rgba(35, 209, 139, 0.12) !important;
  color: var(--detail-neon) !important;
  border: 1px solid rgba(35, 209, 139, 0.28) !important;
}

.lzt-detail-title h2 {
  color: #f8fbff !important;
  font-size: 18px !important;
}

.lzt-detail-title p {
  color: var(--detail-subtle) !important;
}

.lzt-detail-price {
  min-width: 112px !important;
  border: 1px solid rgba(35, 209, 139, 0.55) !important;
  background: linear-gradient(135deg, rgba(35, 209, 139, 0.95), rgba(16, 134, 91, 0.92)) !important;
  color: #03110b !important;
  box-shadow: 0 14px 30px rgba(35, 209, 139, 0.18) !important;
}

.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.lzt-seller-row span,
.market-status-row .chip {
  min-height: 30px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #dce4e7 !important;
  font-size: 12px !important;
}

.lzt-chip--green,
.market-status-row .chip--native {
  border-color: rgba(35, 209, 139, 0.28) !important;
  background: rgba(35, 209, 139, 0.12) !important;
  color: #45e6a5 !important;
}

.lzt-chip--gold,
.market-status-row .chip--warning {
  border-color: rgba(224, 182, 77, 0.3) !important;
  background: rgba(224, 182, 77, 0.1) !important;
  color: #efd37a !important;
}

.lzt-game-chip {
  min-height: 42px !important;
  border-radius: 14px !important;
}

.lzt-game-chip:hover,
.lzt-chip:hover {
  border-color: rgba(56, 189, 248, 0.42) !important;
  transform: translateY(-1px);
}

.lzt-game-chip img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
}

.lzt-medal-row img,
.detail-buy-medal img {
  transform: translateZ(0);
  transition: transform 0.25s ease, filter 0.25s ease;
}

.lzt-medal-row img:hover,
.detail-buy-medal:hover img {
  transform: translateY(-2px) scale(1.06);
  filter: drop-shadow(0 8px 16px rgba(35, 209, 139, 0.25));
}

.market-stat-grid,
.market-delivery-strip {
  gap: 10px !important;
}

.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div,
.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)) !important;
  color: #e8f0f2 !important;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.market-stat-grid div:hover,
.market-delivery-strip div:hover,
.compact-item:hover,
.data-chip:hover,
.info-item:hover,
.library-stat:hover {
  transform: translateY(-2px);
  border-color: rgba(35, 209, 139, 0.32) !important;
  background: linear-gradient(180deg, rgba(35, 209, 139, 0.1), rgba(255, 255, 255, 0.03)) !important;
}

.market-stat-grid span,
.market-delivery-strip span,
.market-buy-meta span,
.compact-item label,
.data-chip label,
.info-item label,
.library-stat small {
  color: #9ba8ad !important;
  font-size: 11px !important;
}

.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong,
.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong {
  color: #ffffff !important;
}

.market-buy-card {
  top: 86px !important;
  padding: 22px !important;
  border-radius: 22px !important;
}

.detail-buy-medals {
  grid-template-columns: repeat(3, 54px) !important;
  gap: 10px !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.detail-buy-medal {
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.22), transparent 42%),
    rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 30px rgba(0,0,0,0.22) !important;
}

.detail-buy-medal img {
  width: 44px !important;
  height: 44px !important;
}

.market-price-label {
  color: #a7b4b9 !important;
  font-size: 13px !important;
}

.market-price {
  margin: 8px 0 !important;
  color: var(--detail-neon) !important;
  font-size: 38px !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 28px rgba(35, 209, 139, 0.28) !important;
}

.market-price-sub {
  color: #93a0a6 !important;
}

.market-buy-button {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #23d18b, #18b97c) !important;
  color: #04110b !important;
  font-size: 15px !important;
  box-shadow: 0 18px 34px rgba(35, 209, 139, 0.2) !important;
}

.market-buy-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(35, 209, 139, 0.28) !important;
}

.market-back-button,
.quick-nav-item,
.filter-tab {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #dce4e7 !important;
}

.market-back-button:hover,
.quick-nav-item:hover,
.filter-tab.active {
  border-color: rgba(35, 209, 139, 0.36) !important;
  background: rgba(35, 209, 139, 0.13) !important;
  color: #39e6a1 !important;
}

.market-safe-note {
  border-color: rgba(224, 182, 77, 0.24) !important;
  background: rgba(224, 182, 77, 0.08) !important;
  color: #dbc98e !important;
}

.quick-nav {
  top: 68px !important;
  margin: 18px 0 !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.quick-nav-container {
  gap: 8px !important;
  padding: 0 !important;
}

.quick-nav-item {
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

.product-section {
  margin-top: 18px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  animation: detailSectionRise 0.7s ease both;
}

.section-heading {
  margin-bottom: 16px !important;
}

.section-heading h2,
.compact-section .section-heading h2,
.product-section h2,
.product-section h3 {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.section-heading p,
.compact-section .section-heading p,
.product-section p,
.product-section small {
  color: #9ba8ad !important;
}

.compact-grid {
  grid-template-columns: repeat(auto-fill, minmax(126px, 1fr)) !important;
  gap: 10px !important;
}

.compact-item,
.data-chip,
.info-item {
  min-height: 66px !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

#steam-purchase-history table {
  overflow: hidden !important;
  border-radius: 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#steam-purchase-history thead,
#steam-purchase-history thead tr {
  background: rgba(24, 30, 31, 0.98) !important;
}

#steam-purchase-history th {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#steam-purchase-history td,
#steam-purchase-history tbody tr {
  background: rgba(16, 19, 19, 0.68) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #cbd4d8 !important;
}

#steam-purchase-history tbody tr:hover td {
  background: rgba(35, 209, 139, 0.06) !important;
}

@keyframes detailGridDrift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 56px 56px, 56px 56px; }
}

@keyframes detailLightSweep {
  0%, 100% { transform: translateX(-8%); opacity: 0.54; }
  50% { transform: translateX(8%); opacity: 0.86; }
}

@keyframes detailFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(26px, -22px, 0) rotate(18deg); }
}

@keyframes detailScan {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

@keyframes detailBarMove {
  0% { filter: hue-rotate(0deg); opacity: 0.7; }
  50% { filter: hue-rotate(55deg); opacity: 1; }
  100% { filter: hue-rotate(0deg); opacity: 0.7; }
}

@keyframes detailSectionRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
  .detail-page.detail-market {
    width: min(100% - 24px, 760px) !important;
    padding-top: 86px !important;
  }

  .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  .market-buy-card,
  .quick-nav {
    position: static !important;
  }
}

@media (max-width: 620px) {
  .detail-page.detail-market {
    width: min(100% - 16px, 560px) !important;
    padding-top: 76px !important;
  }

  .market-detail-main,
  .market-buy-card,
  .product-section {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .lzt-detail-head {
    flex-direction: column !important;
  }

  .lzt-detail-price {
    width: 100% !important;
  }

  .market-stat-grid,
  .market-delivery-strip {
    grid-template-columns: 1fr !important;
  }

  .compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .market-price {
    font-size: 32px !important;
  }
}

/* Product detail typography polish */
body {
  --fps-font:
    "Inter", "HarmonyOS Sans SC", "MiSans", "PingFang SC",
    "Microsoft YaHei UI", "Microsoft YaHei", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --fps-font-number:
    "DIN Alternate", "SF Pro Display", "Inter", "PingFang SC",
    "Microsoft YaHei", Arial, sans-serif;
  font-family: var(--fps-font) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

body,
body * {
  letter-spacing: 0 !important;
}

.detail-header__logo,
.lzt-detail-title h2,
.hero-panel__title,
.section-heading h2,
.market-buy-title,
.market-account-title {
  font-family: var(--fps-font) !important;
  font-weight: 860 !important;
  line-height: 1.2 !important;
}

.hero-panel__desc,
.section-heading p,
.market-detail-eyebrow,
.detail-topbar,
.compact-item label,
.data-chip label,
.info-item label {
  font-family: var(--fps-font) !important;
  font-weight: 500 !important;
  line-height: 1.66 !important;
}

.market-buy-price,
.market-stat-grid strong,
.market-delivery-strip strong,
.compact-item strong,
.data-chip strong,
.info-item strong {
  font-family: var(--fps-font-number) !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 850 !important;
}

.market-buy-button,
.market-back-button,
.quick-nav-item,
.filter-tab,
.toggle-games-btn {
  font-family: var(--fps-font) !important;
  font-weight: 780 !important;
}

/* Final unified premium dark detail UI */
:root {
  --detail-bg: #101111;
  --detail-panel: #1b1c1c;
  --detail-panel-2: #222323;
  --detail-input: #232424;
  --detail-line: #2b2d2d;
  --detail-soft-line: #242626;
  --detail-text: #e8ebec;
  --detail-title: #ffffff;
  --detail-muted: #9aa0a4;
  --detail-green: #21c781;
  --detail-green-dark: #0f7650;
  --detail-blue: #4b8dff;
  --detail-red: #f05263;
  --detail-gold: #cfa24a;
}

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(33, 199, 129, 0.08), transparent 36%),
    linear-gradient(180deg, #111212 0%, #101111 100%) !important;
  color: var(--detail-text) !important;
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.detail-page.detail-market {
  max-width: 1120px !important;
  padding-top: 94px !important;
}

.detail-market .landing-header,
.landing-header {
  min-height: 70px !important;
  background: rgba(15, 16, 16, 0.97) !important;
  border-bottom: 1px solid #272929 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32) !important;
}

.landing-header__grid {
  max-width: 1240px !important;
  min-height: 70px !important;
  padding: 0 18px !important;
}

.landing-brand__logo {
  color: #ffd21d !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.landing-brand__tagline,
.landing-nav a {
  color: var(--detail-muted) !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.landing-nav a:hover {
  color: #fff !important;
}

.landing-pill {
  min-height: 38px !important;
  border: 1px solid #343636 !important;
  border-radius: 9px !important;
  background: #202121 !important;
  color: #eff2f2 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.landing-pill:not(.landing-pill--ghost) {
  border-color: rgba(33, 199, 129, 0.45) !important;
  background: linear-gradient(135deg, #126645, #21c781) !important;
  color: #07120d !important;
}

.detail-topbar a,
.detail-topbar span,
.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section,
.lzt-detail-card {
  border-color: var(--detail-line) !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22) !important;
}

.market-detail-main,
.market-buy-card,
.product-section,
.lzt-detail-card {
  border-radius: 14px !important;
}

.market-detail-main h1,
.section-heading h2,
.compact-section .section-heading h2,
.lzt-detail-title h2 {
  color: var(--detail-title) !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.market-detail-main .hero-panel__desc,
.market-detail-eyebrow,
.section-heading p,
.compact-section .section-heading p,
.lzt-detail-title p {
  color: var(--detail-muted) !important;
}

.lzt-detail-card::before {
  background: linear-gradient(90deg, var(--detail-green), var(--detail-blue), var(--detail-gold)) !important;
}

.market-status-row .chip,
.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item,
.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div {
  border-color: #333737 !important;
  background: #252727 !important;
  color: #dce1e2 !important;
  box-shadow: none !important;
}

.market-status-row .chip--native,
.lzt-chip--green {
  border-color: rgba(33, 199, 129, 0.3) !important;
  background: rgba(33, 199, 129, 0.13) !important;
  color: #37d998 !important;
}

.market-status-row .chip--warning,
.lzt-chip--gold,
.lzt-chip--yellow {
  border-color: rgba(207, 162, 74, 0.38) !important;
  background: rgba(207, 162, 74, 0.15) !important;
  color: #edc36d !important;
}

.market-status-row .chip--premium,
.lzt-chip--blue,
.lzt-chip--cyan,
.lzt-chip--soft {
  border-color: rgba(75, 141, 255, 0.34) !important;
  background: rgba(75, 141, 255, 0.13) !important;
  color: #8eb6ff !important;
}

.lzt-detail-title,
.lzt-check {
  background: #252727 !important;
  border-color: #333737 !important;
}

.market-dot,
.lzt-check {
  background: var(--detail-green) !important;
  color: #07120d !important;
}

.lzt-detail-price,
.market-price {
  color: var(--detail-green) !important;
  background: transparent !important;
  text-shadow: none !important;
}

.market-buy-card {
  background: #1b1c1c !important;
}

.market-buy-button {
  border: 1px solid rgba(33, 199, 129, 0.66) !important;
  border-radius: 9px !important;
  background: var(--detail-green) !important;
  color: #07120d !important;
  box-shadow: none !important;
}

.market-buy-button:hover {
  background: #2bdc92 !important;
}

.market-back-button,
.quick-nav-item,
.filter-tab {
  border: 1px solid #303232 !important;
  border-radius: 8px !important;
  background: #303232 !important;
  color: #e5e8e9 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.quick-nav-item:hover,
.filter-tab.active {
  border-color: rgba(33, 199, 129, 0.34) !important;
  background: #126645 !important;
  color: var(--detail-green) !important;
}

.market-safe-note {
  border-color: rgba(75, 141, 255, 0.22) !important;
  background: rgba(75, 141, 255, 0.10) !important;
  color: #aab7c8 !important;
}

#steam-purchase-history thead,
#steam-purchase-history thead tr {
  background: #252727 !important;
}

#steam-purchase-history th {
  color: #f0f3f4 !important;
}

#steam-purchase-history td,
#steam-purchase-history tbody tr {
  color: #c9ced1 !important;
  border-color: #2b2d2d !important;
  background: #1b1c1c !important;
}

@media (max-width: 980px) {
  .detail-page.detail-market {
    padding-top: 120px !important;
  }
}

/* Final readability pass for white detail sections */
.detail-market,
.detail-market main,
.detail-page.detail-market {
  color: #162033 !important;
}

.detail-market .product-section,
.detail-market .quick-nav,
.detail-market .content-card,
.detail-market .library-card,
.detail-market .games-library,
.detail-market .library-panel,
.detail-market .history-panel,
.detail-market .game-card,
.detail-market .top-game-card,
.detail-market .library-stat {
  background: #ffffff !important;
  border-color: #dfe8f2 !important;
  color: #162033 !important;
}

.detail-market .product-section *,
.detail-market #library *,
.detail-market #steam-purchase-history *,
.detail-market #cs2-medals * {
  text-shadow: none !important;
}

.detail-market .section-heading h2,
.detail-market .compact-section .section-heading h2,
.detail-market .game-card__title,
.detail-market .top-game-title,
.detail-market .library-title,
.detail-market .content-card h3,
.detail-market .data-chip strong,
.detail-market .library-stat strong,
.detail-market .medal-title {
  color: #162033 !important;
}

.detail-market .section-heading p,
.detail-market .compact-section .section-heading p,
.detail-market .game-card__meta,
.detail-market .top-game-meta,
.detail-market .library-meta,
.detail-market .data-chip label,
.detail-market .library-stat small,
.detail-market .content-card p {
  color: #64748b !important;
}

.detail-market #library .section-heading,
.detail-market #steam-purchase-history .section-heading,
.detail-market #cs2-medals .section-heading {
  margin-bottom: 12px !important;
}

.detail-market .top-games-grid {
  grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)) !important;
  gap: 10px !important;
}

.detail-market .top-game-card {
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(28, 45, 72, 0.05) !important;
}

.detail-market .top-game-card img,
.detail-market .top-game-image {
  width: 68px !important;
  height: 40px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #0f172a !important;
}

.detail-market .top-game-title {
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.detail-market .top-game-meta {
  margin-top: 3px !important;
  font-size: 11px !important;
}

.detail-market .games-grid {
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
  gap: 10px !important;
}

.detail-market .game-card {
  min-height: 102px !important;
  padding: 7px !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 16px rgba(28, 45, 72, 0.045) !important;
}

.detail-market .game-card img,
.detail-market .game-card__image {
  width: 100% !important;
  height: 42px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #0f172a !important;
}

.detail-market .game-card__title {
  margin-top: 7px !important;
  min-height: 28px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.detail-market .game-card__meta {
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.detail-market .library-controls input,
.detail-market .library-controls select,
.detail-market .library-search,
.detail-market .library-select {
  min-height: 34px !important;
  background: #f8fbff !important;
  border: 1px solid #d8e3ef !important;
  color: #162033 !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.detail-market .library-controls input::placeholder,
.detail-market .library-search::placeholder {
  color: #93a4ba !important;
}

.detail-market .medals-grid {
  grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)) !important;
  gap: 10px !important;
}

.detail-market .medal-card {
  min-height: 104px !important;
  padding: 10px 8px !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: #162033 !important;
}

.detail-market .medal-image {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto 7px !important;
}

.detail-market .medal-image--count {
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fff2bf, #ffd46b) !important;
  border: 1px solid #f7b731 !important;
  color: #8a5b00 !important;
  font-size: 24px !important;
}

.detail-market .medal-card--summary {
  max-width: 150px !important;
}

.detail-market .medal-title {
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

@media (max-width: 680px) {
  .detail-page.detail-market {
    padding: 20px 10px 36px !important;
  }

  .market-detail-main,
  .market-buy-card,
  .product-section {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .lzt-detail-head,
  .market-stat-grid,
  .market-delivery-strip {
    grid-template-columns: 1fr !important;
  }

  .market-detail-main h1 {
    font-size: 24px !important;
  }
}

/* Final polish: smaller, calmer product detail proportions. */
.detail-page.detail-market {
  max-width: 1020px !important;
  padding: 28px 16px 44px !important;
}

.detail-topbar,
.market-detail-layout.hero-panel,
.quick-nav,
.product-section {
  width: min(100%, 960px) !important;
  max-width: 960px !important;
}

.detail-topbar {
  margin-bottom: 14px !important;
}

.detail-topbar a,
.detail-topbar span {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.market-detail-layout.hero-panel {
  grid-template-columns: minmax(0, 1fr) 286px !important;
  gap: 16px !important;
}

.market-detail-main,
.market-buy-card,
.quick-nav,
.product-section {
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(255, 76, 94, 0.08) !important;
}

.market-detail-main {
  padding: 22px !important;
}

.market-detail-eyebrow {
  margin-bottom: 12px !important;
  font-size: 12px !important;
}

.market-detail-main h1 {
  max-width: 620px !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  line-height: 1.32 !important;
}

.market-detail-main .hero-panel__desc {
  max-width: 640px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.lzt-detail-card {
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 20px !important;
}

.lzt-detail-card::before {
  left: 24px !important;
  right: 24px !important;
  height: 3px !important;
}

.lzt-detail-head {
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.lzt-check {
  width: 26px !important;
  height: 26px !important;
  flex-basis: 26px !important;
  font-size: 13px !important;
}

.lzt-detail-title h2 {
  font-size: 17px !important;
}

.lzt-detail-title p {
  font-size: 12px !important;
}

.lzt-detail-price {
  min-width: 96px !important;
  min-height: 32px !important;
  font-size: 17px !important;
}

.lzt-chip-row,
.lzt-game-row,
.lzt-medal-row,
.lzt-seller-row {
  gap: 8px !important;
  margin-top: 10px !important;
}

.lzt-chip,
.lzt-game-chip,
.lzt-more,
.lzt-medal-row span,
.lzt-medal-row b,
.lzt-seller-row span,
.market-status-row .chip {
  min-height: 28px !important;
  border-radius: 9px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.lzt-game-chip {
  min-height: 42px !important;
  max-width: 210px !important;
  padding: 5px 10px 5px 6px !important;
  border-radius: 12px !important;
}

.lzt-game-chip img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
}

.market-status-row {
  margin-top: 14px !important;
}

.market-stat-grid,
.market-delivery-strip {
  gap: 9px !important;
  margin-top: 12px !important;
}

.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div,
.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item {
  min-height: 56px !important;
  padding: 11px 12px !important;
  border-radius: 12px !important;
}

.market-stat-grid span,
.market-delivery-strip span,
.market-buy-meta span,
.compact-item label,
.data-chip label,
.info-item label,
.library-stat small {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong,
.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.market-buy-card {
  top: 82px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

.market-price-label {
  font-size: 13px !important;
}

.market-price {
  margin: 8px 0 12px !important;
  font-size: 26px !important;
}

.market-price-sub {
  margin-bottom: 14px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.market-buy-button,
.market-back-button {
  min-height: 42px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
}

.market-buy-meta {
  gap: 8px !important;
  margin-top: 14px !important;
}

.market-buy-meta div {
  min-height: 48px !important;
}

.market-safe-note {
  margin-top: 12px !important;
  padding: 11px 12px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
}

.quick-nav {
  margin-top: 16px !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.quick-nav-container {
  gap: 7px !important;
  padding: 0 !important;
}

.quick-nav-item {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.product-section {
  margin-top: 14px !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
}

.section-heading {
  margin-bottom: 14px !important;
}

.section-heading h2,
.compact-section .section-heading h2 {
  margin: 0 0 3px !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.section-heading p,
.compact-section .section-heading p {
  font-size: 12px !important;
}

.compact-grid {
  grid-template-columns: repeat(auto-fill, minmax(106px, 1fr)) !important;
  gap: 8px !important;
}

.purchase-filter-tabs {
  margin-bottom: 10px !important;
  gap: 6px !important;
}

.filter-tab {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  background: #f1f5f9 !important;
  border-color: #dfe8f2 !important;
  color: #526179 !important;
  font-size: 12px !important;
}

.filter-tab.active {
  background: #f1edff !important;
  border-color: #bca9ff !important;
  color: #7653d7 !important;
}

#steam-purchase-history table {
  font-size: 12px !important;
}

#steam-purchase-history thead,
#steam-purchase-history thead tr {
  background: #253044 !important;
}

#steam-purchase-history th,
#steam-purchase-history td {
  padding: 9px 10px !important;
  color: #526179 !important;
}

#steam-purchase-history th {
  color: #edf2f7 !important;
}

#steam-purchase-history tbody tr {
  border-bottom: 1px solid #eef2f7 !important;
}

@media (max-width: 980px) {
  .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  .market-buy-card {
    position: static !important;
  }
}

/* Absolute final pass: keep every detail section in the same dark UI */
body {
  background:
    radial-gradient(circle at 50% 0%, rgba(33, 199, 129, 0.08), transparent 36%),
    linear-gradient(180deg, #111212 0%, #101111 100%) !important;
  color: #e8ebec !important;
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.detail-market .product-section,
.detail-market .quick-nav,
.detail-market .market-detail-main,
.detail-market .market-buy-card,
.detail-market .lzt-detail-card,
.product-section,
.quick-nav {
  border: 1px solid #2b2d2d !important;
  background: #1b1c1c !important;
  color: #e8ebec !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22) !important;
}

.section-heading h2,
.compact-section .section-heading h2,
.product-section h2,
.product-section h3,
.market-detail-main h1 {
  color: #ffffff !important;
}

.section-heading p,
.compact-section .section-heading p,
.product-section p,
.product-section small,
.market-detail-eyebrow,
.hero-panel__desc {
  color: #9aa0a4 !important;
}

.compact-item,
.data-chip,
.info-item,
.content-card,
.library-stat,
.ownership-item,
.market-stat-grid div,
.market-delivery-strip div,
.market-buy-meta div {
  border-color: #333737 !important;
  background: #252727 !important;
  color: #dce1e2 !important;
}

.compact-item label,
.data-chip label,
.info-item label,
.library-stat small,
.market-stat-grid span,
.market-delivery-strip span,
.market-buy-meta span {
  color: #9aa0a4 !important;
}

.compact-item strong,
.data-chip strong,
.info-item strong,
.library-stat strong,
.market-stat-grid strong,
.market-delivery-strip strong,
.market-buy-meta strong {
  color: #ffffff !important;
}

.market-buy-button {
  border: 1px solid rgba(33, 199, 129, 0.66) !important;
  background: #21c781 !important;
  color: #07120d !important;
  box-shadow: none !important;
}

.market-back-button,
.quick-nav-item,
.filter-tab {
  border: 1px solid #303232 !important;
  background: #303232 !important;
  color: #e5e8e9 !important;
}

.quick-nav-item:hover,
.filter-tab.active {
  border-color: rgba(33, 199, 129, 0.34) !important;
  background: #126645 !important;
  color: #21c781 !important;
}

#steam-purchase-history thead,
#steam-purchase-history thead tr {
  background: #252727 !important;
}

#steam-purchase-history th {
  color: #f0f3f4 !important;
}

#steam-purchase-history td,
#steam-purchase-history tbody tr {
  border-color: #2b2d2d !important;
  background: #1b1c1c !important;
  color: #c9ced1 !important;
}

/* Final product detail polish */
body.product-detail-page .market-detail-main h1 {
  max-width: 660px !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  line-height: 1.24 !important;
}

body.product-detail-page .market-detail-main {
  padding: 24px 28px 22px !important;
}

body.product-detail-page .quick-nav {
  position: static !important;
  top: auto !important;
  z-index: 1 !important;
  max-width: 1120px !important;
  margin: 20px auto 22px !important;
}

body.product-detail-page .quick-nav + .product-section,
body.product-detail-page .quick-nav + style + script + .product-section {
  margin-top: 22px !important;
}

body.product-detail-page .steam-ban-alert {
  clear: both !important;
  position: relative !important;
}

body.product-detail-page .market-stat-grid div,
body.product-detail-page .market-delivery-strip div,
body.product-detail-page .compact-item {
  overflow: hidden !important;
}

/* SUWDM-inspired product detail refresh for FPS选号网 */
body.product-detail-page {
  --detail-shop-bg: #fff4f6;
  --detail-card: rgba(255, 255, 255, 0.95);
  --detail-text: #111827;
  --detail-muted: #667085;
  --detail-red: #ff435d;
  --detail-orange: #ff8a2a;
  --detail-green: #18bf7f;
  --detail-blue: #2cbcff;
  --detail-line: #ffd5df;
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 67, 93, 0.10), transparent 28%),
    radial-gradient(circle at 92% 20%, rgba(255, 138, 42, 0.11), transparent 28%),
    linear-gradient(180deg, #fff9f8 0%, var(--detail-shop-bg) 48%, #fffaf4 100%) !important;
  color: var(--detail-text) !important;
  font-family: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.product-detail-page::before,
body.product-detail-page::after,
body.product-detail-page .detail-dynamic-bg {
  opacity: 0.08 !important;
}

body.product-detail-page .landing-header,
body.product-detail-page .detail-topbar {
  background:
    radial-gradient(circle at 12% 24%, rgba(255, 213, 30, 0.12), transparent 24%),
    radial-gradient(circle at 88% 40%, rgba(44, 188, 255, 0.14), transparent 28%),
    linear-gradient(180deg, #070b1b 0%, #050818 100%) !important;
  color: #f8fafc !important;
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #ba3cff, #ffcf38 46%, #12c7ff) 1 !important;
  box-shadow: 0 18px 55px rgba(7, 8, 18, 0.30) !important;
}

body.product-detail-page .detail-topbar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 16px max(22px, calc((100vw - 1280px) / 2)) !important;
  border-radius: 0 !important;
}

body.product-detail-page .detail-topbar a,
body.product-detail-page .detail-topbar span {
  color: #f8fafc !important;
  font-weight: 900 !important;
}

body.product-detail-page .detail-page.detail-market {
  width: min(1280px, calc(100% - 42px)) !important;
  max-width: 1280px !important;
  margin: 0 auto 72px !important;
  padding: 0 !important;
  background: transparent !important;
}

body.product-detail-page .market-detail-layout.hero-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 0 26px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.product-detail-page .market-detail-main,
body.product-detail-page .market-buy-card,
body.product-detail-page .quick-nav,
body.product-detail-page .product-section,
body.product-detail-page .lzt-detail-card {
  position: relative !important;
  border-radius: 30px !important;
  border: 1px solid var(--detail-line) !important;
  background:
    radial-gradient(circle at 88% 35%, rgba(255, 67, 93, 0.06), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 252, 250, 0.94)) !important;
  color: var(--detail-text) !important;
  box-shadow: 0 24px 64px rgba(255, 67, 93, 0.12) !important;
  overflow: hidden !important;
}

body.product-detail-page .market-detail-main::before,
body.product-detail-page .market-buy-card::before,
body.product-detail-page .product-section::before,
body.product-detail-page .quick-nav::before {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  top: 0 !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--detail-red), var(--detail-orange), var(--detail-blue)) !important;
}

body.product-detail-page .market-detail-main {
  padding: 34px 38px !important;
}

body.product-detail-page .market-detail-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 12px !important;
  margin-bottom: 18px !important;
  border-radius: 999px !important;
  border: 1px solid #ffc2cd !important;
  background: #fff5f7 !important;
  color: var(--detail-red) !important;
  font-weight: 1000 !important;
}

body.product-detail-page .market-detail-main h1,
body.product-detail-page .hero-panel__title {
  max-width: 760px !important;
  margin-bottom: 14px !important;
  color: var(--detail-text) !important;
  font-size: clamp(30px, 4.4vw, 52px) !important;
  line-height: 1.12 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .hero-panel__desc {
  max-width: 760px !important;
  color: var(--detail-muted) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.product-detail-page .lzt-detail-card {
  margin-top: 24px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 35px rgba(71, 85, 105, 0.08) !important;
}

body.product-detail-page .lzt-detail-head {
  gap: 16px !important;
}

body.product-detail-page .lzt-detail-title h2 {
  color: var(--detail-text) !important;
  font-size: 20px !important;
}

body.product-detail-page .lzt-detail-title p,
body.product-detail-page .lzt-muted,
body.product-detail-page .section-heading p,
body.product-detail-page .product-section p,
body.product-detail-page .product-section small {
  color: var(--detail-muted) !important;
}

body.product-detail-page .lzt-detail-price,
body.product-detail-page .market-price {
  color: var(--detail-red) !important;
  background: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.product-detail-page .chip,
body.product-detail-page .lzt-chip,
body.product-detail-page .lzt-tag,
body.product-detail-page .game-chip,
body.product-detail-page .lzt-game-chip,
body.product-detail-page .market-status-row span {
  min-height: 28px !important;
  border-radius: 8px !important;
  border: 1px solid #d9e5f4 !important;
  background: #f3f8ff !important;
  color: #526079 !important;
  font-weight: 1000 !important;
  box-shadow: none !important;
}

body.product-detail-page .chip--native,
body.product-detail-page .chip--safe,
body.product-detail-page .lzt-chip--green,
body.product-detail-page .lzt-tag--safe {
  background: #e8fff4 !important;
  border-color: #b9f2d5 !important;
  color: #0d9f67 !important;
}

body.product-detail-page .chip--premium,
body.product-detail-page .chip--warning,
body.product-detail-page .lzt-chip--gold,
body.product-detail-page .lzt-tag--warning {
  background: #fff4e8 !important;
  border-color: #ffd4a8 !important;
  color: #e36b17 !important;
}

body.product-detail-page .market-stat-grid,
body.product-detail-page .market-delivery-strip,
body.product-detail-page .market-buy-meta,
body.product-detail-page .compact-grid {
  gap: 14px !important;
}

body.product-detail-page .market-stat-grid div,
body.product-detail-page .market-delivery-strip div,
body.product-detail-page .compact-item,
body.product-detail-page .data-chip,
body.product-detail-page .info-item,
body.product-detail-page .content-card,
body.product-detail-page .library-stat,
body.product-detail-page .inventory-stat,
body.product-detail-page .ownership-item,
body.product-detail-page .market-buy-meta div {
  border: 1px solid #dbe9f8 !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  color: var(--detail-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.product-detail-page .market-stat-grid span,
body.product-detail-page .market-delivery-strip span,
body.product-detail-page .market-buy-meta span,
body.product-detail-page .compact-item label,
body.product-detail-page .data-chip label,
body.product-detail-page .info-item label,
body.product-detail-page .library-stat small,
body.product-detail-page .inventory-stat small {
  color: #6b778b !important;
  font-weight: 900 !important;
}

body.product-detail-page .market-stat-grid strong,
body.product-detail-page .market-delivery-strip strong,
body.product-detail-page .market-buy-meta strong,
body.product-detail-page .compact-item strong,
body.product-detail-page .data-chip strong,
body.product-detail-page .info-item strong,
body.product-detail-page .library-stat strong,
body.product-detail-page .inventory-stat strong {
  color: var(--detail-text) !important;
  font-weight: 1000 !important;
}

body.product-detail-page .market-buy-card {
  position: sticky !important;
  top: 112px !important;
  align-self: start !important;
  padding: 26px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 67, 93, 0.12), transparent 30%),
    linear-gradient(160deg, #fff8f8, #fff0ed) !important;
}

body.product-detail-page .market-price-label,
body.product-detail-page .market-price-sub {
  color: var(--detail-red) !important;
  font-weight: 1000 !important;
}

body.product-detail-page .market-price {
  font-size: clamp(36px, 4vw, 52px) !important;
  line-height: 1 !important;
}

body.product-detail-page .market-buy-button,
body.product-detail-page .market-back-button {
  min-height: 58px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
}

body.product-detail-page .market-buy-button {
  border: 0 !important;
  background: linear-gradient(135deg, var(--detail-red), var(--detail-orange)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(255, 67, 93, 0.24) !important;
}

body.product-detail-page .market-back-button {
  border: 1px solid #dbe9f8 !important;
  background: #f8fbff !important;
  color: #526079 !important;
}

body.product-detail-page .detail-buy-medals,
body.product-detail-page .lzt-medal-row {
  gap: 9px !important;
}

body.product-detail-page .detail-buy-medal,
body.product-detail-page .lzt-medal-row img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  border: 1px solid #dbe9f8 !important;
  background: #ffffff !important;
  object-fit: cover !important;
  box-shadow: 0 10px 20px rgba(71, 85, 105, 0.10) !important;
}

body.product-detail-page .quick-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  max-width: none !important;
  margin: 24px 0 !important;
  padding: 16px 18px !important;
  border-radius: 24px !important;
}

body.product-detail-page .quick-nav-container {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
}

body.product-detail-page .quick-nav-item,
body.product-detail-page .filter-tab {
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid #dbe9f8 !important;
  background: #f8fbff !important;
  color: #526079 !important;
  font-weight: 1000 !important;
}

body.product-detail-page .quick-nav-item:hover,
body.product-detail-page .filter-tab.active {
  border-color: #ffc2cd !important;
  background: #fff3f6 !important;
  color: var(--detail-red) !important;
}

body.product-detail-page .product-section {
  padding: 30px !important;
  margin: 24px 0 !important;
}

body.product-detail-page .section-heading h2,
body.product-detail-page .compact-section .section-heading h2,
body.product-detail-page .product-section h2,
body.product-detail-page .product-section h3 {
  color: var(--detail-text) !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .steam-ban-alert {
  border-color: #b9f2d5 !important;
  background: #effff7 !important;
  color: #0d9f67 !important;
}

body.product-detail-page .steam-ban-alert--danger {
  border-color: #ffc2cd !important;
  background: #fff2f4 !important;
  color: var(--detail-red) !important;
}

body.product-detail-page table {
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

body.product-detail-page #steam-purchase-history thead,
body.product-detail-page #steam-purchase-history thead tr {
  background: #253044 !important;
}

body.product-detail-page #steam-purchase-history th {
  color: #edf2f7 !important;
}

body.product-detail-page #steam-purchase-history td {
  background: #ffffff !important;
  color: #526079 !important;
  border-color: #edf2f7 !important;
}

body.product-detail-page .lazy-media,
body.product-detail-page .valorant-preview-image {
  border-radius: 20px !important;
  border: 1px solid #dbe9f8 !important;
  background: #f8fbff !important;
}

@media (max-width: 980px) {
  body.product-detail-page .detail-page.detail-market {
    width: min(100%, calc(100% - 24px)) !important;
  }

  body.product-detail-page .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-buy-card {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 18px) !important;
    margin-bottom: 42px !important;
  }

  body.product-detail-page .detail-topbar {
    padding: 12px 14px !important;
    gap: 8px !important;
    overflow-x: auto !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  body.product-detail-page .market-detail-main h1,
  body.product-detail-page .hero-panel__title {
    font-size: 28px !important;
  }

  body.product-detail-page .hero-panel__desc {
    font-size: 14px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body.product-detail-page .market-price {
    font-size: 36px !important;
  }
}

@media (max-width: 420px) {
  body.product-detail-page .market-stat-grid,
  body.product-detail-page .market-delivery-strip,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta {
    grid-template-columns: 1fr !important;
  }
}

/* Final SUWDM-inspired light detail layer for Steam and generic products. */
body.product-detail-page {
  --detail-red: #ff3f57;
  --detail-orange: #ff8a2b;
  --detail-gold: #f6cf65;
  --detail-text: #111827;
  --detail-muted: #667085;
  --detail-line: rgba(255, 168, 181, 0.46);
  background:
    radial-gradient(circle at 12% 14%, rgba(255,63,87,0.10), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(255,138,43,0.14), transparent 31%),
    linear-gradient(135deg, #fff2f3, #fff8ed) !important;
  color: var(--detail-text) !important;
}

body.product-detail-page .detail-dynamic-bg {
  opacity: 0.18 !important;
}

body.product-detail-page .detail-page.detail-market {
  width: min(100% - 44px, 1280px) !important;
  padding-top: 112px !important;
}

body.product-detail-page .market-detail-layout.hero-panel {
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 26px !important;
}

body.product-detail-page .market-detail-main,
body.product-detail-page .market-buy-card,
body.product-detail-page .product-section,
body.product-detail-page .quick-nav {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 20%, rgba(255,81,103,0.06), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,254,250,0.94)) !important;
  border: 1px solid var(--detail-line) !important;
  color: var(--detail-text) !important;
  box-shadow: 0 24px 58px rgba(255,82,98,0.12), 0 10px 28px rgba(17,24,39,0.06) !important;
}

body.product-detail-page .market-detail-main::before,
body.product-detail-page .market-buy-card::before,
body.product-detail-page .product-section::before {
  background: linear-gradient(90deg, var(--detail-red), var(--detail-orange), var(--detail-gold)) !important;
}

body.product-detail-page .market-detail-main {
  min-height: 0 !important;
  padding: 34px 36px 30px !important;
  border-radius: 30px !important;
}

body.product-detail-page .market-buy-card {
  border-radius: 28px !important;
  background: linear-gradient(160deg, #fff8f8, #fff0ed) !important;
  border-color: rgba(255,196,205,0.95) !important;
  color: var(--detail-text) !important;
}

body.product-detail-page .market-detail-main h1,
body.product-detail-page .section-heading h2,
body.product-detail-page .product-section h2,
body.product-detail-page .product-section h3,
body.product-detail-page .market-stat-grid strong,
body.product-detail-page .market-delivery-strip strong,
body.product-detail-page .market-buy-meta strong,
body.product-detail-page .compact-item strong,
body.product-detail-page .library-stat strong,
body.product-detail-page .content-card strong,
body.product-detail-page .info-item strong {
  color: var(--detail-text) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.product-detail-page .hero-panel__desc,
body.product-detail-page .section-heading p,
body.product-detail-page .product-section p,
body.product-detail-page .product-section small,
body.product-detail-page .market-stat-grid span,
body.product-detail-page .market-delivery-strip span,
body.product-detail-page .market-buy-meta span,
body.product-detail-page .market-price-label,
body.product-detail-page .market-price-sub {
  color: var(--detail-muted) !important;
}

body.product-detail-page .market-detail-eyebrow,
body.product-detail-page .quick-nav-item {
  color: var(--detail-red) !important;
  background: rgba(255,244,244,0.92) !important;
  border: 1px solid rgba(255,162,176,0.62) !important;
}

body.product-detail-page .lzt-detail-card,
body.product-detail-page .market-stat-grid div,
body.product-detail-page .market-delivery-strip div,
body.product-detail-page .compact-item,
body.product-detail-page .data-chip,
body.product-detail-page .info-item,
body.product-detail-page .content-card,
body.product-detail-page .library-stat,
body.product-detail-page .ownership-item,
body.product-detail-page .game-card,
body.product-detail-page .top-game-card {
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(220,228,239,0.9) !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.product-detail-page .chip,
body.product-detail-page .lzt-tag,
body.product-detail-page .game-chip,
body.product-detail-page .market-status-row span {
  background: #f4f8ff !important;
  border: 1px solid #d8e3f0 !important;
  color: #526079 !important;
}

body.product-detail-page .chip--native,
body.product-detail-page .lzt-tag--safe,
body.product-detail-page .status-success {
  color: #0d9f67 !important;
  background: #e8fff4 !important;
  border-color: #b9f2d5 !important;
}

body.product-detail-page .market-price {
  color: var(--detail-red) !important;
  background: transparent !important;
}

body.product-detail-page .market-buy-button {
  color: #fff !important;
  background: linear-gradient(135deg, var(--detail-red), #ff315e) !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 34px rgba(255,63,87,0.22) !important;
}

body.product-detail-page .market-back-button {
  color: #334155 !important;
  background: #fff !important;
  border: 1px solid #d8e3f0 !important;
  border-radius: 16px !important;
}

body.product-detail-page .market-safe-note,
body.product-detail-page .steam-ban-alert {
  background: #fff8e6 !important;
  border: 1px solid #f8d98a !important;
  color: #7a4b10 !important;
}

body.product-detail-page table {
  color: var(--detail-text) !important;
  background: #fff !important;
}

body.product-detail-page th {
  background: #f2f5fa !important;
  color: #344054 !important;
}

body.product-detail-page td {
  color: #526079 !important;
  border-color: #e5edf5 !important;
}

@media (max-width: 780px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 18px) !important;
    padding-top: 90px !important;
  }

  body.product-detail-page .market-detail-layout.hero-panel {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .market-detail-main,
  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section {
    padding: 22px !important;
    border-radius: 24px !important;
  }
}

/* Product detail v24: SUWDM-style purchase/detail flow. */
body.product-detail-page {
  --pd-red: #ff304f;
  --pd-red-soft: #fff2f4;
  --pd-orange: #ff6d35;
  --pd-yellow: #ffd166;
  --pd-ink: #101828;
  --pd-muted: #667085;
  --pd-card: #ffffff;
  --pd-line: rgba(255, 64, 93, 0.22);
  --pd-blue-line: rgba(20, 184, 166, 0.42);
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 48, 79, 0.10), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(255, 109, 53, 0.12), transparent 30%),
    linear-gradient(135deg, #f7f7f7 0%, #fff7ef 55%, #f3f4f6 100%) !important;
  color: var(--pd-ink) !important;
}

body.product-detail-page .detail-dynamic-bg {
  opacity: 0.06 !important;
  filter: saturate(0.85) brightness(1.1) !important;
}

body.product-detail-page .detail-page.detail-market {
  width: min(100% - 40px, 960px) !important;
  max-width: 960px !important;
  padding-top: 102px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.product-detail-page .detail-topbar {
  width: min(100%, 960px) !important;
  margin: 0 auto 14px !important;
  padding: 11px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #475467 !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.product-detail-page .detail-topbar a,
body.product-detail-page .detail-topbar span {
  color: #475467 !important;
  font-size: 14px !important;
}

body.product-detail-page .market-detail-layout.hero-panel {
  display: block !important;
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  height: auto !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.product-detail-page .market-detail-main {
  position: relative !important;
  min-height: 286px !important;
  padding: 36px 34px 26px !important;
  border-radius: 22px 22px 0 0 !important;
  border: 0 !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, #ff593d 0%, #ff174c 62%, #ff7b38 100%) !important;
  box-shadow: 0 22px 60px rgba(255, 48, 79, 0.24) !important;
}

body.product-detail-page .market-detail-main::before {
  display: none !important;
}

body.product-detail-page .market-detail-main::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent),
    radial-gradient(circle at 82% 22%, rgba(255, 255, 255, 0.22), transparent 24%) !important;
  opacity: 0.65 !important;
  animation: detailHeroShimmer 8s ease-in-out infinite !important;
}

@keyframes detailHeroShimmer {
  0%, 100% { transform: translateX(-4%); opacity: 0.48; }
  50% { transform: translateX(4%); opacity: 0.78; }
}

body.product-detail-page .market-detail-main > h1,
body.product-detail-page .market-detail-main > .hero-panel__desc {
  display: none !important;
}

body.product-detail-page .market-detail-eyebrow {
  position: relative !important;
  z-index: 1 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

body.product-detail-page .market-detail-eyebrow span {
  color: #fff !important;
}

body.product-detail-page .lzt-detail-card {
  position: relative !important;
  z-index: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.product-detail-page .lzt-detail-head {
  display: block !important;
  margin-bottom: 12px !important;
}

body.product-detail-page .lzt-detail-price {
  width: max-content !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: clamp(42px, 6vw, 66px) !important;
  line-height: 0.96 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 12px 34px rgba(80, 0, 16, 0.23) !important;
}

body.product-detail-page .lzt-detail-price::before {
  content: "到手价" !important;
  display: block !important;
  margin-bottom: 6px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.product-detail-page .lzt-detail-title {
  align-items: flex-start !important;
  gap: 10px !important;
}

body.product-detail-page .lzt-check {
  color: #ff3155 !important;
  background: #fff !important;
}

body.product-detail-page .lzt-detail-title h2 {
  max-width: 820px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  line-height: 1.34 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.product-detail-page .lzt-detail-title p,
body.product-detail-page .lzt-seller-row,
body.product-detail-page .lzt-muted {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.product-detail-page .lzt-chip-row,
body.product-detail-page .lzt-game-row,
body.product-detail-page .lzt-medal-row {
  gap: 8px !important;
  margin-top: 12px !important;
}

body.product-detail-page .lzt-chip,
body.product-detail-page .lzt-game-chip,
body.product-detail-page .lzt-medal-row span {
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  backdrop-filter: blur(10px) !important;
}

body.product-detail-page .lzt-chip--green,
body.product-detail-page .lzt-chip--gold,
body.product-detail-page .lzt-chip--gray {
  color: #fff !important;
}

body.product-detail-page .lzt-game-chip em {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.product-detail-page .lzt-medal-row img {
  width: 42px !important;
  height: 42px !important;
  padding: 5px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 10px 22px rgba(73, 0, 12, 0.18) !important;
}

body.product-detail-page .chip-group.market-status-row,
body.product-detail-page .market-stat-grid,
body.product-detail-page .market-delivery-strip {
  position: relative !important;
  z-index: 1 !important;
}

body.product-detail-page .chip-group.market-status-row {
  margin-top: 18px !important;
}

body.product-detail-page .chip-group.market-status-row .chip,
body.product-detail-page .market-status-row span {
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

body.product-detail-page .market-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 22px !important;
}

body.product-detail-page .market-stat-grid div,
body.product-detail-page .market-delivery-strip div {
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}

body.product-detail-page .market-stat-grid span,
body.product-detail-page .market-delivery-strip span {
  color: rgba(255, 255, 255, 0.74) !important;
}

body.product-detail-page .market-stat-grid strong,
body.product-detail-page .market-delivery-strip strong {
  color: #fff !important;
}

body.product-detail-page .market-buy-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  min-height: 0 !important;
  margin: 0 auto 22px !important;
  padding: 18px 18px 20px !important;
  border-radius: 0 0 22px 22px !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--pd-ink) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.12) !important;
  position: relative !important;
  top: auto !important;
}

body.product-detail-page .market-buy-card::before {
  display: none !important;
}

body.product-detail-page .market-buy-card .market-price-label,
body.product-detail-page .market-buy-card .market-price,
body.product-detail-page .market-buy-card .market-price-sub {
  display: none !important;
}

body.product-detail-page .detail-buy-medals {
  order: 0 !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

body.product-detail-page .market-buy-meta {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.product-detail-page .market-buy-meta div {
  min-height: 54px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid #e7edf5 !important;
  background: #f8fafc !important;
}

body.product-detail-page .market-buy-meta span {
  color: #667085 !important;
}

body.product-detail-page .market-buy-meta strong {
  color: #111827 !important;
}

body.product-detail-page .market-buy-button {
  order: 2 !important;
  width: 100% !important;
  min-height: 54px !important;
  margin-top: 2px !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #ff563b, #f9083f) !important;
  box-shadow: 0 18px 34px rgba(255, 48, 79, 0.25) !important;
}

body.product-detail-page .market-back-button {
  order: 3 !important;
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  color: #344054 !important;
  background: #f8fafc !important;
  border: 1px solid #e7edf5 !important;
}

body.product-detail-page .market-safe-note {
  order: 4 !important;
  border-radius: 12px !important;
  border: 1px solid #fbd38d !important;
  background: #fffbeb !important;
  color: #7c4a03 !important;
}

body.product-detail-page .quick-nav {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin: 0 auto 18px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(226, 232, 240, 0.94) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06) !important;
}

body.product-detail-page .quick-nav::before {
  display: none !important;
}

body.product-detail-page .quick-nav-container {
  gap: 9px !important;
}

body.product-detail-page .quick-nav-item {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  color: #ef3150 !important;
  border: 1px solid rgba(255, 150, 165, 0.38) !important;
  background: #fff8f8 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

body.product-detail-page .quick-nav-item:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #ff563b, #f9083f) !important;
  transform: translateY(-1px) !important;
}

body.product-detail-page .product-section {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin: 0 auto 18px !important;
  padding: 24px 24px 26px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--pd-ink) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.07) !important;
}

body.product-detail-page .product-section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 16px !important;
  right: 16px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff304f, #ff7b35, #2dd4bf, #8b5cf6) !important;
}

body.product-detail-page .section-heading {
  margin-bottom: 20px !important;
}

body.product-detail-page .section-heading h2,
body.product-detail-page .product-section h2 {
  margin: 0 0 6px !important;
  color: var(--pd-ink) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.product-detail-page .section-heading p,
body.product-detail-page .product-section p,
body.product-detail-page .product-section small {
  color: var(--pd-muted) !important;
}

body.product-detail-page .compact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.product-detail-page .compact-item,
body.product-detail-page .info-item,
body.product-detail-page .content-card,
body.product-detail-page .library-stat,
body.product-detail-page .ownership-item,
body.product-detail-page .game-card,
body.product-detail-page .top-game-card,
body.product-detail-page .data-chip {
  border: 1px solid #e5edf6 !important;
  background: #f8fbff !important;
  color: var(--pd-ink) !important;
  box-shadow: none !important;
}

body.product-detail-page .compact-item label,
body.product-detail-page .info-item label,
body.product-detail-page .content-card label,
body.product-detail-page .library-stat small {
  color: #667085 !important;
}

body.product-detail-page .compact-item strong,
body.product-detail-page .info-item strong,
body.product-detail-page .content-card strong,
body.product-detail-page .library-stat strong {
  color: #101828 !important;
}

body.product-detail-page .steam-ban-alert {
  border-color: rgba(251, 191, 36, 0.42) !important;
  background: #fffbeb !important;
  color: #7c4a03 !important;
}

body.product-detail-page .steam-ban-alert__badge,
body.product-detail-page .steam-ban-alert__title,
body.product-detail-page .steam-ban-alert__summary {
  color: #7c4a03 !important;
}

body.product-detail-page .steam-ban-check {
  border: 1px solid rgba(251, 191, 36, 0.36) !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

body.product-detail-page #cs2-data,
body.product-detail-page #cs2-medals {
  color: #fff !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 70% 78%, rgba(236, 72, 153, 0.30), transparent 38%),
    radial-gradient(circle at 18% 24%, rgba(124, 58, 237, 0.25), transparent 32%),
    linear-gradient(135deg, #171021, #271936 58%, #432054) !important;
  box-shadow: 0 22px 56px rgba(38, 16, 54, 0.22) !important;
}

body.product-detail-page #cs2-data::before,
body.product-detail-page #cs2-medals::before {
  background: linear-gradient(90deg, #8b5cf6, #ec4899, #fbbf24) !important;
}

body.product-detail-page #cs2-data .section-heading h2,
body.product-detail-page #cs2-medals .section-heading h2,
body.product-detail-page #cs2-data .section-heading p,
body.product-detail-page #cs2-medals .section-heading p {
  color: #fff !important;
}

body.product-detail-page #cs2-data .compact-item,
body.product-detail-page #cs2-medals .medal-card {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

body.product-detail-page #cs2-data .compact-item label,
body.product-detail-page #cs2-medals .medal-title {
  color: rgba(255, 255, 255, 0.72) !important;
}

body.product-detail-page #cs2-data .compact-item strong {
  color: #fff !important;
}

body.product-detail-page .medals-grid {
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)) !important;
  gap: 14px !important;
}

body.product-detail-page .medal-card {
  min-height: 132px !important;
  padding: 16px 10px !important;
  border-radius: 16px !important;
  text-align: center !important;
}

body.product-detail-page .medal-card img,
body.product-detail-page .medal-image {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  margin: 0 auto 10px !important;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.24)) !important;
}

body.product-detail-page .toggle-medals-btn,
body.product-detail-page .toggle-games-btn,
body.product-detail-page .steam-preview-load {
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff563b, #f9083f) !important;
  box-shadow: 0 12px 28px rgba(255, 48, 79, 0.22) !important;
}

body.product-detail-page .library-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.product-detail-page .library-controls {
  padding: 12px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
}

body.product-detail-page .library-controls select,
body.product-detail-page .library-controls input {
  min-height: 42px !important;
  color: #101828 !important;
  border: 1px solid #d9e4f0 !important;
  background: #fff !important;
  border-radius: 12px !important;
}

body.product-detail-page .games-grid {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 12px !important;
}

body.product-detail-page .game-card__image {
  height: 78px !important;
  border-radius: 12px 12px 0 0 !important;
}

body.product-detail-page .game-card__title,
body.product-detail-page .top-game-title {
  color: #101828 !important;
}

body.product-detail-page .game-card__meta,
body.product-detail-page .top-game-meta {
  color: #667085 !important;
}

body.product-detail-page #steam-purchase-history h3,
body.product-detail-page #steam-purchase-history th,
body.product-detail-page #steam-purchase-history td {
  color: #344054 !important;
}

body.product-detail-page #steam-purchase-history thead,
body.product-detail-page #steam-purchase-history thead tr,
body.product-detail-page #steam-purchase-history th {
  background: #f2f5fa !important;
}

body.product-detail-page #steam-purchase-history tbody tr {
  border-color: #e5edf6 !important;
}

body.product-detail-page #steam-purchase-history table {
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.product-detail-page .filter-tab {
  color: #475467 !important;
  border-color: #d9e4f0 !important;
  background: #fff !important;
}

body.product-detail-page .filter-tab.active {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #ff563b, #f9083f) !important;
}

body.product-detail-page .steam-preview-section {
  overflow: hidden !important;
}

body.product-detail-page .steam-preview-shell {
  border: 1px solid #e5edf6 !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  overflow: hidden !important;
}

body.product-detail-page .steam-preview-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #e5edf6 !important;
  background: #fff !important;
}

body.product-detail-page .steam-preview-toolbar strong {
  display: block !important;
  color: #101828 !important;
  font-size: 15px !important;
}

body.product-detail-page .steam-preview-toolbar span {
  display: block !important;
  margin-top: 3px !important;
  color: #667085 !important;
  font-size: 12px !important;
}

body.product-detail-page .steam-preview-load {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  cursor: pointer !important;
}

body.product-detail-page .steam-preview-load:disabled {
  opacity: 0.75 !important;
  cursor: not-allowed !important;
}

body.product-detail-page .steam-preview-frame {
  min-height: 360px !important;
  background: #0f172a !important;
}

body.product-detail-page .steam-preview-empty {
  min-height: 360px !important;
  display: grid !important;
  place-content: center !important;
  gap: 8px !important;
  padding: 28px !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

body.product-detail-page .steam-preview-empty strong {
  color: #fff !important;
  font-size: 20px !important;
}

body.product-detail-page .steam-preview-empty span {
  color: rgba(255, 255, 255, 0.66) !important;
}

body.product-detail-page .steam-preview-empty--error strong {
  color: #ffb4bd !important;
}

body.product-detail-page .steam-preview-iframe {
  display: block !important;
  width: 100% !important;
  height: 680px !important;
  border: 0 !important;
  background: #fff !important;
}

body.product-detail-page footer {
  color: #667085 !important;
  background: transparent !important;
}

@media (max-width: 980px) {
  body.product-detail-page .detail-page.detail-market {
    width: min(100% - 24px, 900px) !important;
    padding-top: 88px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta,
  body.product-detail-page .library-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-page .detail-page.detail-market {
    width: calc(100% - 18px) !important;
    padding-top: 78px !important;
  }

  body.product-detail-page .market-detail-main {
    min-height: 0 !important;
    padding: 26px 20px 22px !important;
  }

  body.product-detail-page .lzt-detail-price {
    font-size: 42px !important;
  }

  body.product-detail-page .lzt-detail-title h2 {
    font-size: 21px !important;
  }

  body.product-detail-page .market-buy-card,
  body.product-detail-page .product-section,
  body.product-detail-page .quick-nav {
    padding: 18px !important;
  }

  body.product-detail-page .market-stat-grid,
  body.product-detail-page .compact-grid,
  body.product-detail-page .market-buy-meta,
  body.product-detail-page .library-stats {
    grid-template-columns: 1fr !important;
  }

  body.product-detail-page .steam-preview-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.product-detail-page .steam-preview-load {
    width: 100% !important;
  }
}

/* Product detail v25: remove leftover dark canvas and trim redundant hero chips. */
html,
body.product-detail-page {
  min-height: 100% !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255, 48, 79, 0.10), transparent 28%),
    radial-gradient(circle at 92% 14%, rgba(255, 109, 53, 0.12), transparent 32%),
    linear-gradient(135deg, #fff7f8 0%, #fff1eb 50%, #f8fafc 100%) !important;
}

body.product-detail-page::before,
body.product-detail-page::after,
body.product-detail-page .detail-page.detail-market::before,
body.product-detail-page .detail-page.detail-market::after,
body.product-detail-page .market-detail-layout.hero-panel::before,
body.product-detail-page .market-detail-layout.hero-panel::after {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

body.product-detail-page .detail-dynamic-bg {
  opacity: 0 !important;
  background: transparent !important;
}

body.product-detail-page .detail-page,
body.product-detail-page .detail-page.detail-market {
  background:
    radial-gradient(circle at 12% 6%, rgba(255, 48, 79, 0.08), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(255, 178, 94, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 247, 248, 0.96), rgba(255, 244, 238, 0.96) 52%, rgba(248, 250, 252, 0.98)) !important;
}

body.product-detail-page .market-delivery-strip {
  display: none !important;
}

body.product-detail-page .market-buy-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.product-detail-page .product-section,
body.product-detail-page .quick-nav,
body.product-detail-page .market-buy-card {
  background: rgba(255, 255, 255, 0.96) !important;
}

body.product-detail-page #cs2-data,
body.product-detail-page #cs2-medals {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 48, 79, 0.08), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #fff6f8 54%, #fffaf4 100%) !important;
  border: 1px solid rgba(255, 122, 122, 0.22) !important;
  color: var(--pd-ink) !important;
  box-shadow: 0 18px 46px rgba(255, 48, 79, 0.08) !important;
}

body.product-detail-page #cs2-data .section-heading h2,
body.product-detail-page #cs2-medals .section-heading h2,
body.product-detail-page #cs2-data .section-heading p,
body.product-detail-page #cs2-medals .section-heading p,
body.product-detail-page #cs2-data .compact-item strong {
  color: var(--pd-ink) !important;
}

body.product-detail-page #cs2-data .compact-item,
body.product-detail-page #cs2-medals .medal-card {
  border: 1px solid #e5edf6 !important;
  background: #f8fbff !important;
  color: var(--pd-ink) !important;
}

body.product-detail-page #cs2-data .compact-item label,
body.product-detail-page #cs2-medals .medal-title {
  color: #667085 !important;
}

@media (max-width: 980px) {
  body.product-detail-page .market-buy-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-page .market-buy-meta {
    grid-template-columns: 1fr !important;
  }
}