/* Price Guide tab + mobile-scrolling My Collection tabs */
.mc-tabs{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.mc-tabs::-webkit-scrollbar{ display:none; }
.mc-tabs .mc-tab{ flex:0 0 auto; white-space:nowrap; }
@media (max-width:780px){
  .mc-tabs{
    justify-content:flex-start !important;
    gap:16px;
    padding:0 16px 2px;
    margin-left:-16px;
    margin-right:-16px;
    scroll-snap-type:x proximity;
  }
  .mc-tabs .mc-tab{ scroll-snap-align:start; }
}
.mc-price-guide{
  width:100%;
  max-width:1160px;
  margin:10px auto 0;
  display:grid;
  gap:14px;
}
.mc-price-chart-card{
  width:100%;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  box-shadow:var(--shadow);
  padding:14px;
  display:grid;
  gap:12px;
}
.mc-price-chart-title{
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
}
.mc-price-chart-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.mc-price-chart-title-row .mc-price-chart-title{
  min-width:0;
  overflow-wrap:anywhere;
}
.mc-price-info-btn{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  color:var(--text);
  cursor:pointer;
  border-radius:999px;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.mc-price-info-btn:hover{
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.09);
  transform:translateY(-1px);
}
.mc-price-info-btn:active{
  transform:translateY(0) scale(.98);
}
.mc-price-info-btn .material-symbols-outlined{
  font-size:19px;
  line-height:1;
}
.mc-price-chart-empty{
  min-height:170px;
  display:grid;
  place-items:center;
  color:var(--muted);
  text-align:center;
  border:1px dashed rgba(255,255,255,.12);
  padding:18px;
}
.mc-price-chart-wrap{ width:100%; overflow-x:auto; }
.mc-price-chart-wrap svg{ width:100%; min-width:520px; height:auto; display:block; }
.mc-price-axis{ stroke:rgba(255,255,255,.20); stroke-width:1; }
.mc-price-axis-label{ fill:rgba(255,255,255,.62); font-size:11px; font-weight:700; }
.mc-price-line{ fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.mc-price-line.paid{ stroke:rgba(154,139,255,.95); }
.mc-price-line.estimate{ stroke:rgba(0,255,209,.85); }
.mc-price-dot.paid{ fill:rgba(154,139,255,.95); }
.mc-price-dot.estimate{ fill:rgba(0,255,209,.85); }
.mc-price-legend{ display:flex; gap:14px; flex-wrap:wrap; color:var(--muted); font-size:12px; font-weight:700; }
.mc-price-legend span{ display:inline-flex; align-items:center; gap:6px; }
.mc-price-legend i{ width:10px; height:10px; display:inline-block; border-radius:999px; }
.mc-price-legend i.paid{ background:rgba(154,139,255,.95); }
.mc-price-legend i.estimate{ background:rgba(0,255,209,.85); }
.mc-price-list{ width:100%; display:grid; gap:8px; }
.mc-price-head,
.mc-price-row{
  display:grid;
  grid-template-columns:64px 64px minmax(160px,1.6fr) minmax(76px,.65fr) repeat(4, minmax(84px,.75fr));
  gap:10px;
  align-items:center;
}
.mc-price-head{
  padding:0 8px 4px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mc-price-row{
  appearance:none;
  width:100%;
  text-align:left;
  color:var(--text);
  padding:10px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.mc-price-row:hover,
.mc-price-row.is-selected{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.07);
}
.mc-price-row.is-selected{ box-shadow:0 0 0 1px rgba(154,139,255,.32) inset; }
.mc-price-img{
  width:52px;
  aspect-ratio:3/4;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  font-size:12px;
}
.mc-price-img img{ width:100%; height:100%; object-fit:contain; display:block; }
.mc-price-issue,
.mc-price-sn,
.mc-price-money{
  min-width:0;
  font-size:12px;
  font-weight:700;
  overflow-wrap:anywhere;
}
.mc-price-sn{ color:var(--muted); }
.mc-price-money{ text-align:center; }
@media (max-width:780px){
  .mc-price-chart-card{ padding:12px; }
  .mc-price-list{ gap:8px; }
  .mc-price-head{ display:none; }
  .mc-price-row{
    grid-template-columns:54px 54px 1fr 1fr;
    gap:8px;
    align-items:center;
    padding:10px 8px;
  }
  .mc-price-img{ width:48px; grid-row:1 / span 2; }
  .mc-price-issue{ grid-column:3 / -1; font-size:12px; }
  .mc-price-sn{ grid-column:3 / 4; }
  .mc-price-money{ text-align:left; font-size:11px; }
  .mc-price-row .mc-price-money:nth-of-type(5)::before{ content:'Est: '; color:var(--muted); }
  .mc-price-row .mc-price-money:nth-of-type(6)::before{ content:'Paid: '; color:var(--muted); }
  .mc-price-row .mc-price-money:nth-of-type(7)::before{ content:'Avg Paid: '; color:var(--muted); }
  .mc-price-row .mc-price-money:nth-of-type(8)::before{ content:'Avg Est: '; color:var(--muted); }
}