:root {
  --bg: #060b14;
  --bg2: #0a101d;
  --panel: rgba(15, 22, 38, .92);
  --panel2: rgba(18, 27, 46, .88);
  --line: rgba(255,255,255,.08);
  --line2: rgba(139, 92, 246, .32);
  --text: #f4f7ff;
  --muted: #8f9bb8;
  --muted2: #b8c0d9;
  --purple: #8b5cf6;
  --green: #54e38f;
  --red: #ff5c6c;
  --card: #0b1220;
  --radius: 18px;
  --shadow: 0 20px 80px rgba(0,0,0,.35);
}
.tabs .tab small:empty,
.tabs .tab small {
  display: none;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(139,92,246,.14),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.08),transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(6,11,20,.86);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#facc15,#8b5cf6);display:grid;place-items:center;font-weight:900;color:#080b12}.brand-text{line-height:1}.brand-text strong{display:block;font-size:18px;letter-spacing:.08em}.brand-text span{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted2);margin-top:3px}.nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#d8def1}.nav a{opacity:.9;padding:27px 0 23px;border-bottom:2px solid transparent}.nav a.active{color:#c084fc;border-bottom-color:#8b5cf6}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px;color:#dbe3f7;font-size:14px}.icon-btn{width:34px;height:34px;border:1px solid transparent;border-radius:10px;display:grid;place-items:center;color:#dbe3f7;background:transparent}.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:28px;max-width:1680px;margin:0 auto;padding:0 18px 36px}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 72px);padding:22px 12px 24px 0}.side-search{height:42px;border:1px solid var(--line);background:rgba(13,20,34,.9);border-radius:10px;display:flex;align-items:center;padding:0 12px;color:var(--muted);margin-bottom:26px}.side-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;padding-left:8px;font-size:13px}.side-title{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;margin:0 0 12px 4px}.side-link,.side-parent{display:flex;align-items:center;gap:10px;height:36px;border-radius:8px;padding:0 12px;color:#b8c0d9;font-size:14px;margin-bottom:4px}.side-parent.active{background:rgba(139,92,246,.22);color:#fff}.side-link.active{background:rgba(139,92,246,.14);color:#c084fc}.side-link span:last-child{margin-left:auto;width:7px;height:7px;background:#8b5cf6;border-radius:50%}.side-sub{margin-left:24px;margin-bottom:12px}.side-card{margin-top:26px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}.mini-chart{height:38px;margin-top:10px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.04)),repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.03) 8px 9px);border-radius:8px}main{padding-top:24px;min-width:0}.rightbar{padding-top:24px}.crumbs{color:var(--muted);font-size:13px;margin-bottom:14px;display:flex;gap:10px;align-items:center}.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgba(12,18,32,.96),rgba(12,18,32,.7)),radial-gradient(circle at 80% 40%,rgba(139,92,246,.2),transparent 35%),var(--panel);padding:30px 26px;min-height:160px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,20,.15),rgba(6,11,20,.5)),var(--hero-image, none);background-size:cover;background-position:center;opacity:.18;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:680px}.hero h1{font-size:36px;margin:0 0 10px;letter-spacing:-.03em}.hero p{margin:0;color:var(--muted2);font-size:15px}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;max-width:640px}.stat{background:rgba(9,15,28,.8);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(139,92,246,.22);color:#c084fc}.stat strong{display:block;font-size:17px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 145px 145px;gap:10px;margin:18px 0 16px}.control{background:rgba(13,20,34,.9);border:1px solid var(--line);color:#fff;height:56px;border-radius:8px;padding:0 14px;outline:0}.control:focus{border-color:rgba(139,92,246,.65);box-shadow:0 0 0 3px rgba(139,92,246,.14)}.filter-btn{background:rgba(13,20,34,.9);border:1px solid var(--line);color:#fff;border-radius:8px;cursor:pointer}.view-toggle{display:flex;background:rgba(13,20,34,.9);border:1px solid var(--line);border-radius:8px;overflow:hidden}.view-toggle button{flex:1;border:0;background:transparent;color:var(--muted);cursor:pointer}.view-toggle button.active{background:rgba(139,92,246,.25);color:#c084fc}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px}.tab{height:42px;padding:0 16px;border:1px solid var(--line);background:rgba(13,20,34,.9);color:#dbe3f7;border-radius:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.tab.active{border-color:rgba(139,92,246,.7);background:rgba(139,92,246,.18);color:#c084fc}.tab small{color:var(--muted);background:rgba(255,255,255,.07);padding:2px 7px;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.item-card{position:relative;min-height:210px;border:1px solid var(--line);border-left:3px solid var(--rarity,#777);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 38%),linear-gradient(180deg,rgba(17,26,44,.96),rgba(9,14,26,.96));border-radius:8px;padding:14px;overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}.item-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.45)}.fav{position:absolute;right:12px;top:12px;color:#aab3c8;font-size:18px;z-index:2}.imgbox{height:94px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.imgbox img{max-width:100%;max-height:96px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}.weapon{color:var(--muted);font-size:13px;margin-bottom:3px}.skin-name{font-size:15px;font-weight:700;line-height:1.2;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wear{color:var(--muted);font-size:12px;margin-top:4px}.price-row{display:flex;align-items:end;justify-content:space-between;margin-top:12px}.price{font-size:19px;font-weight:800;letter-spacing:-.02em}.change{font-size:13px;color:var(--green)}.change.neg{color:var(--red)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0 0}.page-btn{width:36px;height:36px;border:1px solid var(--line);background:rgba(13,20,34,.9);color:#dbe3f7;border-radius:8px;cursor:pointer}.page-btn.active{background:#5b35d5;color:#fff;border-color:#5b35d5}.empty{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px;color:var(--muted)}.info-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px;margin-bottom:16px}.info-card h3{margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.info-card p{color:var(--muted2);font-size:13px;line-height:1.5;margin:0 0 18px}.side-stat{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.side-stat:first-of-type{border-top:0}.side-stat strong{display:block;font-size:13px}.side-stat span{display:block;color:var(--muted);margin-top:2px}.side-stat b{font-size:13px}.view-all{width:100%;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:8px;margin-top:8px;cursor:pointer}.popular-item{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-left:2px solid #ff3d5a;padding-left:10px}.popular-item img{width:76px;height:42px;object-fit:contain}.popular-item strong{display:block;font-size:13px}.popular-item span{display:block;color:var(--muted);font-size:12px}.popular-item b{display:block;font-size:13px;text-align:right}.popular-item em{display:block;font-style:normal;font-size:12px;color:var(--green);text-align:right}.bottom-strip{max-width:1240px;margin:26px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 18px 34px}.strip-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px;display:flex;align-items:center;gap:14px}.strip-icon{width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.16);display:grid;place-items:center;color:#c084fc;font-size:20px}.strip-card strong{display:block;font-size:15px}.strip-card span{display:block;color:var(--muted);font-size:13px;margin-top:3px}@media(max-width:1280px){.layout{grid-template-columns:220px minmax(0,1fr)}.rightbar{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr 1fr}}@media(max-width:900px){.topbar{height:64px}.brand{min-width:auto}.brand-text strong{font-size:15px}.nav{display:none}.layout{display:block;padding:0 12px 28px}.sidebar{display:none}main{padding-top:14px}.hero{padding:22px 18px;min-height:auto}.hero h1{font-size:30px}.stat-row{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:11px;min-height:205px}.imgbox{height:86px}.skin-name{font-size:13px}.price{font-size:16px}.bottom-strip{grid-template-columns:1fr 1fr;padding:0 12px 28px}}@media(max-width:520px){.top-actions .watch{display:none}.stat-row{grid-template-columns:1fr}.hero p{font-size:13px}.tab{height:38px;font-size:13px}.bottom-strip{grid-template-columns:1fr}}



/* Item detail page additions */
.item-main{padding-top:24px;min-width:0}.item-layout .rightbar{padding-top:24px}.item-hero{display:grid;grid-template-columns:minmax(320px,48%) 1fr;gap:18px;margin-bottom:18px}.image-panel,.info-panel,.detail-card,.related-card{border:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 38%),linear-gradient(180deg,rgba(17,26,44,.96),rgba(9,14,26,.96));border-radius:8px}.image-panel{min-height:390px;display:grid;place-items:center;position:relative;overflow:hidden;border-top:3px solid var(--rarity,#777)}.rarity-glow{position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--rarity,#777) 32%,transparent),transparent 48%),radial-gradient(circle at bottom,rgba(139,92,246,.14),transparent 45%);opacity:.9}.image-panel img{position:relative;z-index:1;max-width:92%;max-height:300px;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55))}.info-panel{padding:28px}.eyebrow{color:#c084fc;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.item-main h1{font-size:40px;line-height:1.05;margin:0 0 18px;letter-spacing:-.04em}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.badge{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#e7ecff;padding:7px 10px;border-radius:999px;font-size:12px}.badge:first-child{border-color:var(--rarity,#777);color:#fff}.badge.orange{color:#ffb86b}.badge.gold{color:#facc15}.market-card{border:1px solid var(--line);background:rgba(6,11,20,.5);border-radius:8px;padding:18px;margin-bottom:18px}.market-card span{color:var(--muted);display:block;font-size:13px}.market-card strong{display:block;font-size:38px;letter-spacing:-.04em;margin:4px 0}.market-card small{color:var(--muted2)}.actions{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary{height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#8b5cf6,#38bdf8);color:#fff}.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}.detail-card{padding:20px}.detail-card h2,.related h2{margin:0 0 14px;font-size:16px}.detail-card dl{margin:0}.detail-card dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.detail-card dl div:first-child{border-top:0}dt{color:var(--muted);font-size:13px}dd{margin:0;color:#e7ecff;font-size:13px;overflow-wrap:anywhere}.float-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}.float-box div{background:rgba(6,11,20,.5);border:1px solid var(--line);border-radius:8px;padding:14px}.float-box span{color:var(--muted);font-size:12px}.float-box strong{display:block;margin-top:5px}.mt{margin-top:20px!important}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head a{color:#c084fc;font-size:13px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{border-left:3px solid var(--rarity,#777);padding:13px;min-height:210px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.related-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.45)}.rel-img{display:grid;place-items:center;margin-bottom:10px}.rel-img img{max-width:100%;max-height:180px;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}.related-card span{color:var(--muted);font-size:12px}.related-card strong{display:block;margin:4px 0 8px;font-size:14px;line-height:1.2}.related-card em{font-style:normal;color:#fff;font-weight:800}@media(max-width:1280px){.item-hero{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.item-main{padding-top:14px}.item-hero{grid-template-columns:1fr}.item-main h1{font-size:32px}.image-panel{min-height:310px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.info-panel{padding:20px}.market-card strong{font-size:30px}.detail-card dl div{grid-template-columns:1fr;gap:4px}}

/* ================================
   Item page alignment tidy-up
   Keeps the sidebar layout, but makes the inner panels feel intentional.
   ================================ */
.item-main{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
}

.item-hero{
  align-items:stretch;
}

.image-panel,
.info-panel{
  min-height:420px;
}

.info-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.market-card{
  max-width:none;
}

.details-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
  margin-bottom:26px;
}

.details-grid > .detail-card{
  min-height:0;
}

.details-grid > .detail-card:nth-child(3){
  grid-column:1 / -1;
}

.details-grid > .detail-card:nth-child(3) dl{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}

.related{
  margin-top:2px;
}

.related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(max-width:1280px){
  .image-panel,
  .info-panel{
    min-height:auto;
  }

  .info-panel{
    justify-content:flex-start;
  }

  .details-grid,
  .details-grid > .detail-card:nth-child(3) dl{
    grid-template-columns:1fr;
  }
}

/* ================================
   Item page tidy-up v2
   Fixes hero height mismatch + related grid spacing.
   ================================ */
.item-layout{
  grid-template-columns:250px minmax(0,1fr) 285px;
  gap:24px;
}

.item-main{
  max-width:none;
}

.item-hero{
  grid-template-columns:minmax(360px,1fr) minmax(360px,1.05fr);
  align-items:stretch;
  gap:18px;
}

.image-panel,
.info-panel{
  min-height:360px;
  height:100%;
}

.image-panel img{
  max-height:255px;
}

.info-panel{
  justify-content:center;
}

.details-grid{
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  gap:18px;
}

.details-grid > .detail-card{
  min-height:250px;
}

.details-grid > .detail-card:nth-child(3){
  grid-column:1 / -1;
  min-height:auto;
}

.details-grid > .detail-card:nth-child(3) dl{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}

.related-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.related-card{
  min-height:205px;
}

@media(max-width:1500px){
  .item-layout{
    grid-template-columns:240px minmax(0,1fr) 270px;
    gap:22px;
  }

  .item-hero{
    grid-template-columns:1fr 1fr;
  }

  .related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:1280px){
  .item-layout{
    grid-template-columns:220px minmax(0,1fr);
  }

  .item-hero{
    grid-template-columns:1fr 1fr;
  }

  .image-panel,
  .info-panel{
    min-height:340px;
  }

  .image-panel img{
    max-height:235px;
  }

  .related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:1050px){
  .item-hero,
  .details-grid{
    grid-template-columns:1fr;
  }

  .details-grid > .detail-card:nth-child(3),
  .details-grid > .detail-card:nth-child(3) dl{
    grid-column:auto;
    display:block;
  }

  .image-panel,
  .info-panel{
    min-height:auto;
  }

  .info-panel{
    justify-content:flex-start;
  }
}

@media(max-width:900px){
  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .related-grid{
    grid-template-columns:1fr;
  }
}

/* Pivot item page: base skin + all market variants */
.item-main-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.item-hero,
.variant-card,
.details-grid,
.collections-card,
.related {
  grid-column:1 / -1;
}

.variant-card {
  border:1px solid var(--line);
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 38%),linear-gradient(180deg,rgba(17,26,44,.96),rgba(9,14,26,.96));
  border-radius:8px;
  padding:18px;
}

.section-head.compact {
  margin-bottom:14px;
}

.section-head.compact span {
  color:var(--muted);
  font-size:13px;
}

.variant-table {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(6,11,20,.34);
}

.variant-row {
  display:grid;
  grid-template-columns:minmax(180px, 1fr) 130px 120px 78px;
  gap:12px;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-top:1px solid var(--line);
  transition:background .15s ease;
}

.variant-row:first-child {
  border-top:0;
}

.variant-row:hover {
  background:rgba(139,92,246,.14);
}

.variant-name {
  font-weight:800;
  color:#fff;
}

.variant-name.special {
  color:#facc15;
}

.variant-meta {
  color:var(--muted);
  font-size:12px;
}

.variant-row strong {
  text-align:right;
  font-size:15px;
}

.variant-row em {
  font-style:normal;
  color:#c084fc;
  font-size:12px;
  text-align:right;
}

.wide-dl {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}

.right-link {
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

@media(max-width:1280px){
  .variant-row{grid-template-columns:minmax(150px,1fr) 110px 100px 68px;}
}

@media(max-width:900px){
  .item-main-grid{display:block;}
  .variant-card{margin-bottom:18px;}
  .variant-row{grid-template-columns:1fr auto;gap:4px 10px;padding:10px 12px;}
  .variant-meta{grid-column:1;}
  .variant-row strong{grid-column:2;grid-row:1;text-align:right;}
  .variant-row em{grid-column:2;grid-row:2;text-align:right;}
  .wide-dl{grid-template-columns:1fr;}
}

/* Item page market variant labels - must stay at bottom */
.variant-name.is-normal{
  color:#f8fafc;
}

.variant-name.is-stattrak{
  color:#f59e0b; /* StatTrak orange */
}

.variant-name.is-souvenir{
  color:#ffd700; /* Souvenir gold/yellow */
}



/* Shared header support */
@media(max-width:900px){.topbar .cs-mega-nav{display:flex}}


/* =========================================================
   NO LEFT SIDEBAR LAYOUT — ITEM PAGES
   Top mega-nav is now the main database navigation.
   Keeps existing PHP markup safe by hiding .sidebar only.
   ========================================================= */

.layout,
.item-layout{
  grid-template-columns:minmax(0,1fr) 300px !important;
  max-width:1480px !important;
}

.sidebar{
  display:none !important;
}

main,
.item-main{
  min-width:0 !important;
}

@media(max-width:1280px){
  .layout,
  .item-layout{
    grid-template-columns:1fr !important;
    max-width:1120px !important;
  }

  .rightbar{
    display:none !important;
  }
}

@media(max-width:900px){
  .layout,
  .item-layout{
    display:block !important;
    padding:0 12px 28px !important;
  }
}


/* =========================================================
   ITEM PAGE NO-SIDEBAR HARD CLEANUP
   Sidebar is now removed from item.php; this aligns item pages
   with the new top-nav-only DB layout.
   ========================================================= */

.item-layout-no-sidebar,
.layout.item-layout-no-sidebar{
  grid-template-columns:minmax(0, 1fr) 300px !important;
  max-width:1480px !important;
  gap:28px !important;
}

.item-layout-no-sidebar .item-main-grid{
  width:100% !important;
  min-width:0 !important;
}

.item-layout-no-sidebar main{
  min-width:0 !important;
  padding-top:24px !important;
}

/* Item page should now breathe like category pages */
.item-layout-no-sidebar .item-hero{
  grid-template-columns:minmax(360px, 0.95fr) minmax(380px, 1.05fr) !important;
}

.item-layout-no-sidebar .related-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

@media(max-width:1500px){
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media(max-width:1280px){
  .item-layout-no-sidebar,
  .layout.item-layout-no-sidebar{
    grid-template-columns:1fr !important;
    max-width:1120px !important;
  }

  .item-layout-no-sidebar .rightbar{
    display:none !important;
  }

  .item-layout-no-sidebar .item-hero{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:1050px){
  .item-layout-no-sidebar .item-hero{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:900px){
  .item-layout-no-sidebar,
  .layout.item-layout-no-sidebar{
    display:block !important;
    padding:0 12px 28px !important;
  }

  .item-layout-no-sidebar main{
    padding-top:14px !important;
  }

  .item-layout-no-sidebar .related-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:520px){
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   FLOAT RANGE VISUAL BAR
   Shows item min/max float across the full 0.00–1.00 wear scale.
   ========================================================= */

.float-range-card{
  overflow:hidden;
}

.float-visual{
  margin-top:14px;
}

.float-track{
  position:relative;
  height:14px;
  border-radius:999px;
  overflow:visible;
  background:
    linear-gradient(90deg,
      #6bbf45 0%,
      #6bbf45 7%,
      #9fca61 7%,
      #9fca61 15%,
      #d7b85b 15%,
      #d7b85b 38%,
      #c46f5f 38%,
      #c46f5f 45%,
      #8e4b43 45%,
      #8e4b43 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 12px 26px rgba(0,0,0,.22);
}

.float-valid-range{
  position:absolute;
  left:var(--float-min);
  width:var(--float-range);
  top:-4px;
  height:22px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.12);
  box-shadow:
    0 0 0 3px rgba(139,92,246,.2),
    0 0 24px rgba(139,92,246,.22);
  pointer-events:none;
}

.float-marker{
  position:absolute;
  top:50%;
  width:13px;
  height:13px;
  border-radius:999px;
  background:#f8fafc;
  border:2px solid #080d18;
  box-shadow:0 0 0 2px rgba(255,255,255,.22), 0 8px 16px rgba(0,0,0,.38);
  transform:translate(-50%, -50%);
  z-index:2;
}

.float-marker-min{
  left:var(--float-min);
}

.float-marker-max{
  left:var(--float-max);
}

.float-scale{
  display:grid;
  grid-template-columns:7fr 8fr 23fr 7fr 55fr 0fr;
  gap:0;
  color:var(--muted);
  font-size:11px;
  margin-top:9px;
}

.float-scale span{
  white-space:nowrap;
}

.float-scale span:last-child{
  justify-self:end;
}

.float-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}

.float-values div{
  background:rgba(6,11,20,.5);
  border:1px solid var(--line);
  border-radius:8px;
  padding:14px;
}

.float-values span{
  color:var(--muted);
  font-size:12px;
}

.float-values strong{
  display:block;
  margin-top:5px;
  font-size:16px;
}

@media(max-width:520px){
  .float-values{
    grid-template-columns:1fr;
  }

  .float-scale{
    font-size:10px;
  }
}


/* =========================================================
   CSPROFILE LOGO COLOUR THEME UPDATE
   Orange/purple/blue accents pulled from the logo.
   Safe override block: keep existing layout, just modernise colours.
   ========================================================= */
:root{
  --bg:#050914;
  --bg2:#080d18;
  --panel:rgba(13,20,36,.94);
  --panel2:rgba(17,26,45,.90);
  --card:#0b1220;
  --line:rgba(255,255,255,.085);
  --line2:rgba(139,92,246,.34);
  --text:#f5f7ff;
  --muted:#9aa6c3;
  --muted2:#c7d2fe;
  --purple:#8b5cf6;
  --purple2:#6d3df2;
  --brand-purple:#8b5cf6;
  --brand-purple-soft:#a78bfa;
  --brand-orange:#f59e0b;
  --brand-orange-soft:#fbbf24;
  --brand-blue:#60a5fa;
  --accent:var(--brand-purple);
  --accent2:var(--brand-orange);
  --green:#54e38f;
  --red:#ff5c6c;
  --yellow:#facc15;
  --shadow:0 20px 80px rgba(0,0,0,.38);
  --glow-purple:0 0 28px rgba(139,92,246,.26);
  --glow-orange:0 0 26px rgba(245,158,11,.20);
}
body{
  background:
    radial-gradient(circle at top left,rgba(245,158,11,.10),transparent 24%),
    radial-gradient(circle at top right,rgba(139,92,246,.14),transparent 30%),
    radial-gradient(circle at 55% 0%,rgba(96,165,250,.06),transparent 28%),
    var(--bg) !important;
}
.hero{
  background:
    linear-gradient(90deg,rgba(12,18,32,.96),rgba(12,18,32,.70)),
    radial-gradient(circle at 78% 34%,rgba(245,158,11,.13),transparent 30%),
    radial-gradient(circle at 88% 44%,rgba(139,92,246,.18),transparent 38%),
    var(--panel) !important;
}
.stat-icon,.strip-icon{
  background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(245,158,11,.16)) !important;
  color:var(--brand-orange-soft) !important;
}
.control:focus{
  border-color:rgba(245,158,11,.55) !important;
  box-shadow:0 0 0 3px rgba(245,158,11,.12),0 0 0 1px rgba(139,92,246,.18) !important;
}
.tab.active,.view-toggle button.active,.page-btn.active{
  border-color:rgba(139,92,246,.75) !important;
  background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(245,158,11,.10)) !important;
  color:var(--brand-purple-soft) !important;
}
.item-card:hover,.related-card:hover{
  border-color:rgba(245,158,11,.35) !important;
  box-shadow:0 0 0 1px rgba(245,158,11,.14),0 18px 45px rgba(0,0,0,.35),var(--glow-purple) !important;
}
.primary,.btn-primary,.search-submit,.header-search button{
  background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue)) !important;
}
.badge.orange,.float-marker,.cs-suggest-item mark{
  color:var(--brand-orange-soft) !important;
}


/* =========================================================
   MOBILE ITEM PAGE CLEANUP
   Full-width stacked item pages with better variant table.
   ========================================================= */

@media(max-width: 760px){
  body{
    overflow-x:hidden !important;
  }

  .item-layout-no-sidebar,
  .layout.item-layout-no-sidebar,
  .item-layout,
  .layout.item-layout{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    padding:0 12px 28px !important;
  }

  .item-layout-no-sidebar main,
  .item-layout main{
    padding-top:14px !important;
  }

  .crumbs{
    font-size:12px !important;
    gap:7px !important;
    white-space:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:2px !important;
  }

  .item-main-grid{
    display:block !important;
  }

  .item-hero,
  .item-layout-no-sidebar .item-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-bottom:14px !important;
  }

  .image-panel{
    min-height:260px !important;
    border-radius:12px !important;
  }

  .image-panel img{
    max-height:210px !important;
    max-width:92% !important;
  }

  .info-panel{
    min-height:auto !important;
    padding:20px 16px !important;
    border-radius:12px !important;
    justify-content:flex-start !important;
  }

  .eyebrow{
    font-size:11px !important;
    margin-bottom:8px !important;
  }

  .item-main h1{
    font-size:30px !important;
    line-height:1.06 !important;
    margin-bottom:14px !important;
  }

  .badges{
    gap:7px !important;
    margin-bottom:16px !important;
  }

  .badge{
    font-size:11px !important;
    padding:6px 9px !important;
  }

  .market-card{
    padding:14px !important;
    border-radius:12px !important;
  }

  .market-card strong{
    font-size:30px !important;
  }

  .actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .primary,
  .secondary{
    width:100% !important;
  }

  .variant-card,
  .detail-card,
  .collections-card{
    border-radius:12px !important;
    padding:16px !important;
    margin-bottom:14px !important;
  }

  .variant-table{
    border-radius:12px !important;
  }

  .variant-row{
    grid-template-columns:1fr auto !important;
    gap:4px 10px !important;
    min-height:58px !important;
    padding:10px 12px !important;
  }

  .variant-name{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:13px !important;
  }

  .variant-meta{
    grid-column:1 !important;
    grid-row:2 !important;
    font-size:11px !important;
  }

  .variant-row strong{
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  .variant-row em{
    grid-column:2 !important;
    grid-row:2 !important;
    font-size:11px !important;
  }

  .details-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-bottom:14px !important;
  }

  .detail-card dl div{
    grid-template-columns:1fr !important;
    gap:4px !important;
  }

  .wide-dl{
    grid-template-columns:1fr !important;
  }

  .float-values{
    grid-template-columns:1fr !important;
  }

  .float-scale{
    font-size:9px !important;
    overflow:hidden !important;
  }

  .related-grid,
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .related-card{
  min-height:285px !important;
}

.rel-img{
  height:180px !important;
  display:grid !important;
  place-items:center !important;
  margin-bottom:10px !important;
}

.rel-img img{
  max-width:100% !important;
  max-height:170px !important;
  object-fit:contain !important;
}
}

@media(max-width: 420px){
  .related-grid,
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:1fr !important;
  }

  .image-panel{
    min-height:230px !important;
  }

  .image-panel img{
    max-height:185px !important;
  }
}


/* =========================================================
   TEMP HIDE FAV ON RELATED / ITEM CARDS
   Hide favourite controls until the feature is ready.
   ========================================================= */

.related-card .fav,
.related-card .favorite,
.related-card .fav-btn,
.related-card .favorite-btn,
.related-card [data-fav],
.related-card [data-favorite],
.related-card button[aria-label*="Fav"],
.related-card button[aria-label*="fav"],
.related-card button[title*="Fav"],
.related-card button[title*="fav"],
.item-card .fav,
.item-card .favorite,
.item-card .fav-btn,
.item-card .favorite-btn,
.item-card [data-fav],
.item-card [data-favorite]{
  display:none !important;
}


/* =========================================================
   ITEM SOURCE LINKS
   Collection / case values on item pages link to contents pages.
   ========================================================= */

.detail-card .source-link,
.collections-card .source-link,
.item-main .source-link{
  color:#c4b5fd !important;
  text-decoration:none !important;
  font-weight:900 !important;
  transition:color .16s ease, text-shadow .16s ease !important;
}

.detail-card .source-link:hover,
.collections-card .source-link:hover,
.item-main .source-link:hover{
  color:#f59e0b !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-shadow:0 0 18px rgba(245,158,11,.16) !important;
}

.source-separator{
  color:rgba(226,232,255,.45) !important;
}


/* Source navigation links in Collections & Cases panel */
.source-link{
  color:#c4b5fd !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.source-link:hover{
  color:#f59e0b !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

.source-separator{
  color:rgba(226,232,255,.45) !important;
}


/* =========================================================
   ITEM SOURCE LINK CHIPS
   Long case / collection lists look better as clickable pills.
   ========================================================= */

.source-link{
  display:inline-flex !important;
  align-items:center !important;
  max-width:100% !important;
  margin:4px 6px 4px 0 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(139,92,246,.30) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(139,92,246,.18), transparent 38%),
    rgba(139,92,246,.10) !important;
  color:#c4b5fd !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  transition:
    color .16s ease,
    border-color .16s ease,
    background .16s ease,
    transform .16s ease,
    box-shadow .16s ease !important;
}

.source-link:hover,
.source-link:focus{
  color:#fff !important;
  border-color:rgba(245,158,11,.58) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(245,158,11,.20), transparent 40%),
    rgba(245,158,11,.13) !important;
  text-decoration:none !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
}

.source-separator{
  display:none !important;
}

/* Let the Collections & Cases value area wrap nicely */
.item-source-row dd,
.detail-card dd,
.collections-card dd{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
  min-width:0 !important;
}

@media(max-width:640px){
  .source-link{
    font-size:11px !important;
    padding:6px 9px !important;
  }
}


/* Semicolon split fix support: each case/collection should be its own chip */
.source-link + .source-link{
  margin-left:0 !important;
}

.source-separator{
  display:none !important;
}

/* =========================================================
   CSFloat cached prices on item pages
   ========================================================= */
.variant-table-csfloat{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.csfloat-variant-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:10px;
  align-items:stretch;
  padding:0;
  background:transparent;
  border:0;
}

.csfloat-variant-row:hover{
  transform:none;
}

.variant-main-link{
  display:grid;
  grid-template-columns:minmax(150px,1.1fr) minmax(110px,.8fr) minmax(90px,.45fr) auto;
  gap:12px;
  align-items:center;
  min-height:66px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(9,15,28,.72);
}

.variant-main-link:hover{
  border-color:rgba(139,92,246,.42);
  background:rgba(139,92,246,.08);
}

.csfloat-price-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:66px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,13,24,.92));
}

.csfloat-price-box.is-live{
  border-color:rgba(84,227,143,.24);
  box-shadow:inset 0 0 0 1px rgba(84,227,143,.04);
}

.csfloat-price-main span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.csfloat-price-main strong{
  display:block;
  margin-top:3px;
  color:#eafff2;
  font-size:18px;
}

.csfloat-price-main small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}

.csfloat-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.csfloat-actions a,
.csfloat-actions span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#dbeafe;
  font-size:12px;
  font-weight:800;
}

.csfloat-actions a:hover{
  border-color:rgba(139,92,246,.55);
  background:rgba(139,92,246,.16);
  color:#fff;
}

.csfloat-actions span{
  color:var(--muted);
}

/* CSFloat variant price block */
.variant-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
  align-items:center;
  padding:14px 16px;
}

.variant-main{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.variant-csfloat{
  justify-self:end;
  width:100%;
  max-width:250px;
  padding:10px 12px;
  border:1px solid rgba(139,92,246,.28);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(15,23,42,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.csfloat-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:6px;
}

.csfloat-label{
  color:#aab6d3;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.csfloat-price{
  color:#54e38f;
  font-size:16px;
  font-weight:900;
}

.csfloat-meta{
  color:#8f9bb8;
  font-size:11px;
  margin-bottom:8px;
}

.csfloat-actions{
  display:flex;
  gap:7px;
}

.csfloat-btn{
  flex:1;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border-radius:8px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.06);
  color:#eef4ff;
}

.csfloat-btn:hover{
  border-color:rgba(139,92,246,.55);
  background:rgba(139,92,246,.18);
}

.csfloat-empty{
  color:#8f9bb8;
  font-size:12px;
  font-weight:700;
}

@media(max-width:760px){
  .variant-row{
    grid-template-columns:1fr;
  }

  .variant-csfloat{
    justify-self:stretch;
    max-width:none;
  }
}

@media(max-width:860px){
  .csfloat-variant-row{
    grid-template-columns:1fr;
  }

  .variant-main-link{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .variant-main-link .variant-meta,
  .variant-main-link em{
    display:none;
  }

  .csfloat-price-box{
    min-height:auto;
  }
}

/* =========================================================
   MARKET VARIANTS GRID — future marketplace layout
   Wear/info column | marketplace boxes | future boxes
   ========================================================= */
.variant-card{padding:18px!important}.market-variant-table,.variant-table-csfloat,.variant-table{display:flex!important;flex-direction:column!important;gap:8px!important;border:0!important;background:transparent!important;overflow:visible!important}.market-variant-row,.csfloat-variant-row,.variant-row{display:grid!important;grid-template-columns:minmax(230px,.9fr) minmax(230px,1fr) minmax(230px,1fr)!important;gap:10px!important;align-items:stretch!important;min-height:auto!important;padding:0!important;border:0!important;background:transparent!important}.variant-info-box,.variant-main-link,.variant-main{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;min-height:74px!important;padding:14px 16px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;background:rgba(9,15,28,.68)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.variant-info-box:hover,.variant-main-link:hover{border-color:rgba(139,92,246,.38)!important;background:rgba(139,92,246,.08)!important}.variant-name{font-size:17px!important;line-height:1.15!important;letter-spacing:-.01em!important}.variant-meta{color:#a8b4d2!important;font-size:12px!important;white-space:nowrap!important}.variant-main-link strong,.variant-row strong{color:#f8fbff!important;font-size:15px!important;font-weight:950!important;white-space:nowrap!important}.variant-main-link em,.variant-row em{color:#c084fc!important;font-size:12px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important}.market-box,.csfloat-price-box,.variant-csfloat{width:100%!important;max-width:none!important;min-height:74px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;justify-self:stretch!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;background:rgba(9,15,28,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.market-box.is-live,.csfloat-price-box.is-live,.variant-csfloat:has(.csfloat-price){border-color:rgba(84,227,143,.22)!important;background:linear-gradient(135deg,rgba(84,227,143,.075),rgba(9,15,28,.68))!important}.csfloat-price-main,.csfloat-top{min-width:0!important}.csfloat-price-main span,.csfloat-label{display:block!important;color:#9fb0d7!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 4px!important}.csfloat-price-main strong,.csfloat-price{display:block!important;color:#eafff2!important;font-size:20px!important;font-weight:950!important;line-height:1.05!important;margin:0!important}.csfloat-price-main small,.csfloat-meta{display:block!important;color:#91a0c0!important;font-size:10px!important;line-height:1.15!important;margin:4px 0 0!important}.csfloat-actions{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:stretch!important;justify-content:center!important;min-width:82px!important}.csfloat-actions a,.csfloat-actions span,.csfloat-btn{min-height:30px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;color:#eef4ff!important;font-size:12px!important;font-weight:950!important;text-transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;flex:none!important}.csfloat-actions a:hover,.csfloat-btn:hover{border-color:rgba(245,158,11,.50)!important;background:rgba(245,158,11,.12)!important}.csfloat-empty{color:#a8b4d2!important;font-size:12px!important;font-weight:900!important}.market-variant-row.has-3-markets{grid-template-columns:minmax(220px,.8fr) repeat(3,minmax(210px,1fr))!important}.market-variant-row.has-4-markets{grid-template-columns:minmax(220px,.8fr) repeat(4,minmax(190px,1fr))!important}@media(max-width:1180px){.market-variant-row,.csfloat-variant-row,.variant-row{grid-template-columns:minmax(220px,.85fr) minmax(220px,1fr)!important}}@media(max-width:860px){.market-variant-row,.csfloat-variant-row,.variant-row{grid-template-columns:1fr!important}.market-box,.csfloat-price-box,.variant-csfloat{min-height:auto!important}.csfloat-actions{flex-direction:row!important;justify-content:flex-end!important}}@media(max-width:620px){.variant-card{padding:14px!important}.variant-info-box,.variant-main-link,.variant-main{min-height:auto!important;padding:12px!important}.variant-name{font-size:14px!important}.variant-meta{font-size:11px!important}.market-box,.csfloat-price-box,.variant-csfloat{grid-template-columns:1fr!important;gap:8px!important}.csfloat-actions{justify-content:stretch!important}.csfloat-actions a,.csfloat-actions span,.csfloat-btn{flex:1!important}}

/* =========================================================
   MARKET VARIANTS GRID — 2-column current layout
   Wear/Steam card | CSFloat card
   Later: change grid-template-columns to add more marketplace boxes.
   ========================================================= */

.market-variant-row,
.csfloat-variant-row,
.variant-row{
  display:grid !important;
  grid-template-columns:minmax(280px, 1fr) minmax(280px, 1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:none !important;
}

.variant-info-box,
.variant-main-link,
.variant-main{
  width:100% !important;
  max-width:none !important;
}

.market-box,
.csfloat-price-box,
.variant-csfloat{
  width:100% !important;
  max-width:none !important;
}

.market-variant-table,
.variant-table-csfloat,
.variant-table{
  width:100% !important;
}

.variant-card .section-head,
.market-variants-head,
.variant-card-header{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.variant-card .section-head p,
.market-variants-head p,
.variant-card-header p{
  margin:0 !important;
  text-align:right !important;
}

.market-variant-row.has-3-markets{
  grid-template-columns:minmax(240px,.9fr) repeat(3, minmax(210px,1fr)) !important;
}

.market-variant-row.has-4-markets{
  grid-template-columns:minmax(220px,.8fr) repeat(4, minmax(190px,1fr)) !important;
}

@media(max-width:860px){
  .market-variant-row,
  .csfloat-variant-row,
  .variant-row{
    grid-template-columns:1fr !important;
  }
}



/* =========================================================
   ITEM PAGE POLISH — source labels + cleaner variant cards
   Safe visual-only pass, works with header currency JS.
   ========================================================= */

.variant-card{
  border-radius:16px !important;
  padding:20px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(139,92,246,.12), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(245,158,11,.08), transparent 28%),
    linear-gradient(180deg, rgba(17,26,44,.96), rgba(8,13,25,.98)) !important;
}

.variant-card .section-head.compact{
  align-items:flex-start !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  padding-bottom:14px !important;
}

.variant-card .section-head.compact h2{
  font-size:20px !important;
  letter-spacing:-.02em !important;
}

.variant-card .section-head.compact span{
  color:#9aa6c3 !important;
  font-size:12px !important;
  text-align:right !important;
}

.variant-table{
  gap:10px !important;
  border:0 !important;
  background:transparent !important;
}

.csfloat-variant-row,
.variant-row{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.variant-info-box,
.variant-main-link,
.market-box,
.csfloat-price-box{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.045), transparent 34%),
    rgba(7,12,23,.72) !important;
}

.variant-main-link{
  position:relative !important;
  overflow:hidden !important;
}

.variant-main-link:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:3px !important;
  background:linear-gradient(180deg, var(--brand-purple), var(--brand-blue)) !important;
  opacity:.9 !important;
}

.variant-main-link:hover,
.csfloat-price-box:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(245,158,11,.36) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.24), 0 0 0 1px rgba(245,158,11,.08) !important;
}

.source-pill{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-right:6px !important;
  vertical-align:middle !important;
}

.source-steam{
  color:#bfdbfe !important;
  border:1px solid rgba(96,165,250,.30) !important;
  background:rgba(96,165,250,.10) !important;
}

.source-csfloat{
  color:#bbf7d0 !important;
  border:1px solid rgba(84,227,143,.28) !important;
  background:rgba(84,227,143,.10) !important;
}

.csfloat-price-main span{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}

.csfloat-actions a{
  background:linear-gradient(135deg, rgba(139,92,246,.16), rgba(96,165,250,.10)) !important;
}

.csfloat-actions a[href^="steam://"]{
  color:#fbbf24 !important;
  border-color:rgba(245,158,11,.28) !important;
}

@media(max-width:760px){
  .variant-card .section-head.compact{
    display:block !important;
  }

  .variant-card .section-head.compact span{
    display:block !important;
    text-align:left !important;
    margin-top:5px !important;
  }
}


/* =========================================================
   MOBILE PASS SAFE — item pages
   Visual/layout only. No price/currency/schema logic touched.
   ========================================================= */
@media(max-width:760px){
  .item-layout-no-sidebar,
  .layout.item-layout-no-sidebar,
  .item-layout,
  .layout.item-layout{
    padding:0 10px 28px !important;
  }

  .crumbs{
    margin:10px 0 12px !important;
    padding-bottom:4px !important;
    scrollbar-width:none !important;
  }
  .crumbs::-webkit-scrollbar{display:none !important;}

  .image-panel,
  .info-panel,
  .variant-card,
  .detail-card,
  .collections-card,
  .related-card{
    border-radius:14px !important;
  }

  .image-panel{
    min-height:235px !important;
  }

  .image-panel img{
    max-height:185px !important;
  }

  .info-panel{
    padding:18px 14px !important;
  }

  .item-main h1{
    font-size:28px !important;
    line-height:1.06 !important;
  }

  .market-card{
    padding:13px !important;
    border-radius:13px !important;
  }

  .market-card strong{
    font-size:28px !important;
  }

  .variant-card{
    padding:15px !important;
  }

  .variant-card .section-head.compact h2{
    font-size:18px !important;
  }

  .market-variant-row.has-3-markets,
  .market-variant-row.has-4-markets,
  .market-variant-row,
  .csfloat-variant-row,
  .variant-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .variant-info-box,
  .variant-main-link,
  .market-box,
  .csfloat-price-box{
    padding:12px !important;
    min-width:0 !important;
  }

  .csfloat-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  .csfloat-actions a,
  .right-link,
  .primary,
  .secondary{
    min-height:40px !important;
    width:100% !important;
  }

  .details-grid{
    gap:12px !important;
  }

  .detail-card{
    padding:15px !important;
  }

  .source-link{
    max-width:100% !important;
    white-space:normal !important;
  }

  .related-grid,
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .related-card{
    min-height:178px !important;
    padding:11px !important;
  }

  @media(max-width:760px){
  .related-card{
    min-height:220px !important;
  }

  .rel-img{
    height:125px !important;
  }

  .rel-img img{
    max-height:115px !important;
  }
}
}

@media(max-width:390px){
  .related-grid,
  .item-layout-no-sidebar .related-grid{
    grid-template-columns:1fr !important;
  }
}