@media (max-width: 820px) {
  .hero {
    min-height: 0 !important;
  }

  .hero-content {
    min-height: 0 !important;
    padding: 36px 20px 28px !important;
  }

  .hero-actions-primary {
    display: grid !important;
    grid-template-columns: 1.35fr 1fr 1fr !important;
    gap: 12px !important;
    width: min(384px, 100%) !important;
  }

  .hero-actions-primary .btn-order {
    grid-column: auto !important;
  }
}

@media (max-width: 620px) {
  .hero {
    aspect-ratio: auto;
    min-height: 530px !important;
  }

  .hero-content {
    align-items: flex-start !important;
    padding: 10px 20px 20px !important;
  }

  .hero-text .tag {
    margin-bottom: 10px !important;
  }

  .hero-text h1 {
    font-size: clamp(36px, 8.5vw, 46px) !important;
  }

  .hero-text p {
    margin-top: 10px !important;
    margin-bottom: 16px !important;
  }

  .quickfacts-row {
    margin-bottom: 18px !important;
  }

  .quickfacts-row .fact-inline {
    padding: 8px 18px !important;
  }

  .hero-actions-primary a {
    min-height: 56px !important;
  }

  .hero-actions-secondary {
    margin-top: 14px !important;
  }

  .hero-actions-secondary .btn-call {
    min-height: 58px !important;
    width: 234px !important;
  }
}