/* ══════════════════════════════════════════════
   RESPONSIVE DESIGN — Mobile & Tablet Adjustments
   ══════════════════════════════════════════════ */

@media (max-width: 480px) {
  body {
    padding: 70px 16px 40px;
  }

  .card {
    padding: 24px 18px;
  }

  .compare-grid {
    grid-template-columns: 1fr;
  }

  .price-amount {
    font-size: 2.3rem;
  }
}