/* Final requested Price Guide fixes */
.mc-price-chart-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.mc-price-chart-wrap svg{
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  display:block !important;
}
.mc-price-avg-line{
  fill:none;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-dasharray:5 7;
  opacity:.95;
}
.mc-price-avg-line.paid{ stroke:rgba(154,139,255,.98); }
.mc-price-avg-line.estimate{ stroke:rgba(0,255,110,.92); }
.mc-price-legend i.avg-paid{
  width:18px;height:0;border-radius:0;border-top:2px dotted rgba(154,139,255,.98);background:transparent;
}
.mc-price-legend i.avg-estimate{
  width:18px;height:0;border-radius:0;border-top:2px dotted rgba(0,255,110,.92);background:transparent;
}
.mc-price-picker-trigger > span:first-child{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mc-price-row{
  grid-template-columns:64px 64px minmax(220px,1.55fr) repeat(4, minmax(86px,.72fr)) !important;
  grid-auto-rows:auto !important;
  align-items:start !important;
}
.mc-price-head{
  grid-template-columns:64px 64px minmax(220px,1.55fr) repeat(4, minmax(86px,.72fr)) !important;
}
.mc-price-head div:nth-child(4){ display:none !important; }
.mc-price-head div:nth-child(3)::after{ content:''; }
.mc-price-sn{ display:none !important; }
.mc-price-issue{
  display:flex !important;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:10px;
  row-gap:4px;
  grid-column:3 !important;
  font-weight:800;
}
.mc-price-issue-title{ min-width:0; overflow-wrap:anywhere; }
.mc-price-sn-inline{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.mc-price-issue-line,
.mc-price-mobile-issue-line{
  display:block;
  flex-basis:100%;
  height:1px;
  background:rgba(255,255,255,.16);
  margin:3px 0 2px;
}
.mc-price-social{
  grid-column:3 / -1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  padding-top:2px;
}
.mc-price-social span{ color:var(--text); }
.mc-price-mobile-sn{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
@media (max-width:780px){
  .mc-price-row{
    grid-template-columns:48px 48px minmax(0,1fr) !important;
    gap:6px 8px !important;
  }
  .mc-price-row > .mc-price-img:nth-child(1){ grid-column:1 !important; grid-row:1 / span 4 !important; }
  .mc-price-row > .mc-price-img:nth-child(2){ grid-column:2 !important; grid-row:1 / span 4 !important; }
  .mc-price-mobile-details{
    display:block !important;
    grid-column:3 !important;
    grid-row:1 / span 4 !important;
    min-width:0 !important;
  }
  .mc-price-mobile-issue{
    display:flex !important;
    flex-wrap:wrap;
    align-items:baseline;
    column-gap:8px;
    row-gap:3px;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }
  .mc-price-mobile-issue > span:first-child{ min-width:0; overflow-wrap:anywhere; }
  .mc-price-mobile-values{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:4px 8px !important;
  }
  .mc-price-mobile-values div{
    min-width:0;
    font-size:11px !important;
    line-height:1.25 !important;
    color:var(--text);
    font-weight:700;
  }
  .mc-price-mobile-values span{
    color:var(--muted);
    font-weight:800;
  }
  .mc-price-row > .mc-price-issue,
  .mc-price-row > .mc-price-sn,
  .mc-price-row > .mc-price-money,
  .mc-price-row > .mc-price-social{
    display:none !important;
  }
}


/* Desktop Price Guide social icons: bottom-right corner only */
@media (min-width:781px){
  .mc-price-row{
    position:relative !important;
    padding-bottom:34px !important;
  }
  .mc-price-social{
    position:absolute !important;
    right:12px !important;
    bottom:8px !important;
    grid-column:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:14px !important;
    padding-top:0 !important;
    color:var(--muted) !important;
  }
  .mc-price-social > div{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
  .mc-price-social .material-symbols-outlined{
    font-size:17px !important;
    line-height:1 !important;
  }
}
