/* A quiet two-line value summary beneath the mobile player. */
@media (max-width: 700px) {
  body #main .hero-v14:has(.hero-value-v76) { padding-bottom: 14px; }
  body #main .hero-v14 .hero-value-v76 { padding: 4px 20px 0; }
  body #main .hero-value-v76 .value-parts-v76 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
  }
  body #main .hero-value-v76 .value-part-v76 {
    display: flex;
    gap: 9px;
    align-items: center;
    min-width: 0;
  }
  body #main .hero-value-v76 .value-part-v76:last-child { justify-self: end; }
  body #main .hero-value-v76 .value-icon-v76 { display: block; width: 22px; height: 22px; flex: none; color: #ffc39f; }
  body #main .hero-value-v76 .value-icon-v76 svg { display: block; width: 100%; height: 100%; }
  body #main .hero-value-v76 .value-part-v76:last-child .value-icon-v76 { color: #c8d9ab; }
  body #main .hero-value-v76 .value-part-copy-v76 { display: grid; gap: 0; }
  body #main .hero-value-v76 .value-part-copy-v76 small { font: 400 11px/1.15 var(--sans); color: #c6d1bb; white-space: nowrap; }
  body #main .hero-value-v76 .value-part-copy-v76 strong { font: 550 19px/1.08 var(--sans); letter-spacing: -.035em; color: #fff0d3; white-space: nowrap; }
  body #main .hero-value-v76 .value-plus-v76 { color: #aabd96; font: 400 19px/1 var(--sans); text-align: center; }
  body #main .hero-value-v76 .value-offer-v76 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid #fff0d31f;
  }
  body #main .hero-value-v76 .value-reference-v76 {
    font: 450 23px/1.1 var(--sans);
    letter-spacing: -.04em;
    color: #c3cdb9;
    text-decoration: line-through;
    text-decoration-thickness: 1.3px;
    text-decoration-color: #a6b59c;
    white-space: nowrap;
  }
  body #main .hero-value-v76 .value-price-v76 { display: flex; align-items: baseline; gap: 7px; white-space: nowrap; }
  body #main .hero-value-v76 .value-price-v76 small { font: 500 13px/1 var(--sans); color: #fff0d3; }
  body #main .hero-value-v76 .value-price-v76 strong { font: 650 32px/1 var(--sans); letter-spacing: -.055em; color: #ffbd97; }
  body #main .hero-value-v76 .value-note-v76 { margin: 2px 0 0; font: 400 11px/1.2 var(--sans); color: #b8c9ae; }
}
@media (max-width: 360px) {
  body #main .hero-v14 .hero-value-v76 { padding-inline: 16px; }
  body #main .hero-value-v76 .value-part-v76 { gap: 7px; }
}