/* <!-- by Majed Developer Solution © 2025 --> */
/* MOBILE OVERRIDES ONLY */

@media (max-width: 480px) {

  body {
    align-items: flex-start;
    padding: 16px 0;
  }

  .page {
    width: 100%;
    padding: 0 14px;
  }

  .card {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .logo.big {
    width: 170px;
    margin-bottom: 18px;
  }

  .logo.app-logo {
    width: 120px;
  }

  input,
  button {
    font-size: 16px; /* iOS zoom fix */
  }

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

  .console {
    font-size: 18px;
  }

  .footer {
    font-size: 11px;
  }

}