/* Mobile layout fixes: homepage choices, website-check order, and footer speed text. */
@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;
  }
}

@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;
  }
}