.hero .hero-art {
  align-self: start;
  min-width: 0;
  border-radius: 28px;
  border: 1px solid #dedfe1;
  background: #f3f3f3;
  overflow: hidden;
}
.hero .hero-stage { padding: 20px; border-radius: 0; background: transparent; }
.hero .hero-tabs { background: #fff; border-radius: 999px; max-width: 100%; }
.hero .hero-tabs button { border-radius: 999px; min-height: 44px; }
.hero .hero-offer { display: grid; grid-template-columns: minmax(0,1fr) 9rem; align-items: start; gap: 12px; padding: 16px; border-radius: 18px; background: #fff; }
.hero .hero-offer h2 { margin: 4px 0; }
.hero .hero-offer-price { display: grid; justify-items: end; align-content: start; gap: 2px; margin: 0; text-align: right; }
.hero .hero-offer-price strong { font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.2; }
.hero .hero-offer-price small { max-width: none; margin: 0; }
.hero .hero-offer-price button { padding: 0 12px; min-height: 44px; margin: 6px 0 0; background: #f2f2f2; color: #202124; border-radius: 999px; }
.hero .hero-image-note { margin: -8px 20px 14px; text-align: center; font-size: 11px; }
@media(max-width:650px){
  .hero .hero-stage { padding: 12px; }
  .hero .hero-art { border-radius: 22px; }
  .hero .hero-offer { display: flex; flex-direction: column; align-items: stretch; padding: 14px; gap: 6px; }
  .hero .hero-offer > div:first-child { min-height: 91px; }
  .hero .hero-offer-price { grid-template-columns: minmax(0,1fr) auto; justify-items: start; align-items: center; text-align: left; }
  .hero .hero-offer-price button { grid-column: 2; grid-row: 1/3; margin: 0; }
  .hero .hero-image-note { margin: 0 12px 12px; }
}
@media(max-width:390px){.hero .hero-offer > div:first-child{min-height:128px}}


.sync-status button{border:1px solid #b9bbc0;background:white;color:#202124;border-radius:999px;padding:6px 14px;min-height:36px;margin-inline-start:8px;cursor:pointer;font:inherit}