@media (max-width: 767px) {
  .mtcash-header {
    min-height: 72px;
  }

  .mtcash-mobile-panel {
    top: 72px;
  }

  .mtcash-primary-button,
  .mtcash-secondary-button,
  .mtcash-pay-button {
    width: 100%;
    max-width: 100%;
  }

  .mtcash-virtual-title {
    font-size: 42px;
  }

  .mtcash-floating-qr {
    right: 14px;
    bottom: 14px;
  }

  .mtcash-transfer-step h3 {
    line-height: 1.35;
    margin-bottom: 0.35rem;
  }

  .mtcash-payment-image {
    margin: 0 auto;
  }

  .mtcash-footer-main .grid {
    gap: 2rem;
  }
}

@media (max-width: 420px) {
  .mtcash-hero h1 {
    font-size: 2.1rem;
    line-height: 1.12;
  }

  .mtcash-hero .inline-flex {
    gap: 0.25rem;
  }

  .mtcash-hero .inline-flex button {
    padding-left: 0.85rem;
    font-size: 0.95rem;
  }
}