/* Keep the offer headline and CTAs intact at laptop and tablet widths. */
.top-offer-inner > * { min-width: 0; }
.top-offer-copy { max-width: 100%; }

@media (max-width: 1350px) and (min-width: 901px) {
  .top-offer-inner {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .7fr) minmax(185px, .8fr);
    gap: 10px;
    padding-block: 12px;
  }
  .top-offer-copy {
    grid-column: 1 / -1;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .top-offer-copy span,
  .top-offer-copy strong { font-size: clamp(38px, 4.5vw, 56px); }
  .top-offer-copy b { flex: 0 0 auto; margin-left: 10px; }
  .top-download,
  .top-reseller,
  .top-code { width: 100%; min-width: 0; }
  .top-reseller { display: inline-flex; }
}

@media (max-width: 900px) and (min-width: 701px) {
  .top-offer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-block: 12px;
  }
  .top-offer-copy {
    grid-column: 1 / -1;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    white-space: normal;
  }
  .top-offer-copy span,
  .top-offer-copy strong { font-size: clamp(38px, 7vw, 54px); }
  .top-offer-copy b {
    order: 3;
    width: 100%;
    margin: 4px 0 0;
    text-align: center;
  }
  .top-download {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }
  .top-reseller,
  .top-code {
    display: inline-flex;
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 700px) {
  .top-offer-inner { grid-template-columns: 1fr; }
  .top-reseller { display: inline-flex; width: 100%; }
  .top-code { min-width: 0; }
}