/* Icon-led value summary, confined to the mobile hero. */
@media (max-width: 700px) {
  body #main .hero-v14 .hero-value-v75 { padding: 8px 16px 0; }
  body #main .hero-value-v75 .value-parts-v75 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
  }
  body #main .hero-value-v75 .value-part-v75 {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #fff0d31a;
    border-radius: 10px;
    background: #fff0d308;
  }
  body #main .hero-value-v75 .value-part-label-v75 {
    display: flex;
    gap: 8px;
    align-items: center;
    font: 500 13px/1.2 var(--sans);
    color: #e1e6d4;
    white-space: nowrap;
  }
  body #main .hero-value-v75 .value-icon-v75 {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: none;
    color: #ffbd97;
  }
  body #main .hero-value-v75 .value-icon-v75 svg { display: block; width: 23px; height: 23px; }
  body #main .hero-value-v75 .value-part-v75:last-child .value-icon-v75 { color: #d7e6a7; }
  body #main .hero-value-v75 .value-part-v75 > strong {
    font: 550 25px/1.08 var(--sans);
    letter-spacing: -.04em;
    color: #fff0d3;
    white-space: nowrap;
  }
  body #main .hero-value-v75 .value-plus-v75 {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #c6d8a814;
    color: #d7e6a7;
    font: 400 22px/1 var(--sans);
  }
  body #main .hero-value-v75 .value-offer-v75 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px auto;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(100deg, #fff0d310, #ffbd9717);
  }
  body #main .hero-value-v75 .value-total-v75 { display: grid; gap: 3px; min-width: 0; }
  body #main .hero-value-v75 .value-total-v75 strong {
    font: 500 23px/1.05 var(--sans);
    letter-spacing: -.04em;
    color: #fff0d3;
    white-space: nowrap;
  }
  body #main .hero-value-v75 .value-total-v75 small { font: 400 11px/1.3 var(--sans); color: #c7d2ba; }
  body #main .hero-value-v75 .value-arrow-v75 { width: 22px; height: 22px; color: #aabf9a; }
  body #main .hero-value-v75 .value-price-v75 { display: flex; gap: 6px; align-items: baseline; color: #ffbd97; }
  body #main .hero-value-v75 .value-price-v75 small { font: 500 13px/1.2 var(--sans); }
  body #main .hero-value-v75 .value-price-v75 strong { font: 650 38px/1 var(--sans); letter-spacing: -.06em; white-space: nowrap; }
  body #main .hero-value-v75 .value-note-v75 { margin: 8px 0 0; text-align: center; font: 400 11px/1.35 var(--sans); color: #b8c9ae; }
}
@media (max-width: 360px) {
  body #main .hero-value-v75 .value-part-v75 { padding: 9px 10px; }
  body #main .hero-value-v75 .value-part-label-v75 { gap: 5px; font-size: 12px; }
  body #main .hero-value-v75 .value-part-v75 > strong { font-size: 23px; }
  body #main .hero-value-v75 .value-offer-v75 { gap: 6px; padding-inline: 10px; }
  body #main .hero-value-v75 .value-total-v75 strong { font-size: 22px; }
  body #main .hero-value-v75 .value-price-v75 strong { font-size: 35px; }
}