/* 
  SUTHASIN BOONKONG LANDING PAGE - RESPONSIVE & MOBILE OPTIMIZATIONS
*/

@media (max-width: 1023px) {
  .nav-menu {
    display: none;
  }

  .nav-mobile-toggle {
    display: block;
  }

  .hero-trust-list {
    grid-template-columns: 1fr;
  }

  .framework-flow {
    flex-direction: column;
  }

  .framework-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width: 639px) {
  .section {
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
  }

  .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .portrait-frame {
    height: 400px;
  }

  .hero-floating-card {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: var(--space-4);
    width: 100%;
  }

  .option-chips {
    flex-direction: column;
  }

  .chip-label {
    width: 100%;
    text-align: center;
  }
}

/* Touch Device Target Adjustments */
@media (pointer: coarse) {
  .btn, .nav-link, .chip-label, .form-input, .form-select {
    min-height: 44px;
  }
}