.suggestedPriceHero{
  display:flex;align-items:center;gap:18px;margin-top:14px;padding:20px 22px;
  border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:20px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),var(--panel));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.suggestedPriceHeroIcon{
  display:grid;place-items:center;flex:0 0 84px;width:84px;height:84px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 16%,var(--surface-raised));
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));
}
.suggestedPriceHeroIcon img{width:52px;height:52px;object-fit:contain}
.suggestedPriceHeroBody{min-width:0;flex:1}
.suggestedPriceHeroLabel{display:block;margin-bottom:2px;color:var(--accent2);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.suggestedPriceHeroValue{display:block;margin:2px 0 6px;color:var(--accent);font-size:2.1rem;font-weight:800;line-height:1.1}
.suggestedPriceHeroNote{margin:0 0 14px;color:var(--muted);font-size:.86rem;line-height:1.45}
.suggestedPriceHeroBreakdown{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}
.suggestedPriceHeroStep{display:flex;align-items:center;gap:9px;min-width:0}
.suggestedPriceHeroStepIcon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:var(--accent2);background:color-mix(in srgb,var(--accent) 14%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}
.suggestedPriceHeroStepIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.suggestedPriceHeroStep strong{display:block;font-size:.82rem;font-weight:700;color:var(--text)}
.suggestedPriceHeroStep small{display:block;color:var(--muted);font-size:.74rem}
.suggestedPriceHeroOp{color:var(--muted);font-weight:700;font-size:1rem;flex:0 0 auto}
@media(max-width:560px){
  .suggestedPriceHero{flex-direction:column;align-items:flex-start;text-align:left}
  .suggestedPriceHeroIcon{margin:0 auto}
  .suggestedPriceHero{align-items:center;text-align:center}
  .suggestedPriceHeroBreakdown{justify-content:center}
}