/* Mobile layout fixes: homepage choices, website-check order, footer speed text, and pricing badge. */
@media (max-width: 899px) {
  .hero--home .choices__list {
    gap: 0.75rem;
    border-top: 0;
  }

  .hero--home .choice {
    padding: 1rem 3rem 1rem 1rem;
    border: 1px solid var(--slate-200);
    border-radius: 16px;
  }

  .hero--home .choice__arrow {
    right: 1rem;
  }
}

@media (max-width: 859px) {
  .trash-check__photo {
    order: -1;
  }
}

/* Keep the savings circle in its own row instead of floating over nearby copy. */
.compare__sticker {
  position: static;
  grid-column: 1 / -1;
  justify-self: end;
  translate: none;
  margin: -0.25rem 0 0;
}

@media (max-width: 599px) {
  .footer-bottom .speed {
    font-size: 0.72rem;
    gap: 0.3rem;
    white-space: nowrap;
  }

  .footer-bottom .speed::before {
    width: 0.65rem;
    height: 0.8rem;
    flex: 0 0 auto;
  }
}