/* ============================================ */
/* MOBILE RESPONSIVE - Tablet & Phone          */
/* ============================================ */

@media (max-width: 768px) {
  /* Profile Selector */
  .profile-selector {
    padding: 60px 20px;
  }

  .profile-selector h1 {
    font-size: 36px;
  }

  .profile-subtitle {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .profile-cards {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .profile-card {
    padding: 40px 24px;
  }

  .profile-icon {
    font-size: 48px;
  }

  /* Navigation */
  nav {
    padding: 20px;
  }

  .nav-links {
    gap: 16px;
  }

  .nav-link {
    display: none;
  }

  .nav-btn {
    font-size: 13px;
    padding: 8px 16px;
  }

  /* Hero */
  .hero {
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 60px 20px;
  }

  .hero-content h1 {
    font-size: 36px;
  }

  .hero-subtitle {
    font-size: 16px;
  }

  .hero-ctas {
    flex-direction: column;
  }

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

  .phone-mockup {
    width: 260px;
    height: 520px;
  }

  /* Problem */
  .problem {
    padding: 60px 20px;
  }

  .section-content h2 {
    font-size: 28px;
  }

  .problem-icons {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* How It Works */
  .how-works {
    padding: 60px 20px;
  }

  .how-works h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }

  .steps {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  /* Savings */
  .savings {
    padding: 60px 20px;
  }

  .savings h2 {
    font-size: 36px;
  }

  /* Emotional */
  .emotional {
    padding: 80px 20px;
  }

  .emotional h2 {
    font-size: 36px;
  }

  .emotional-line {
    font-size: 20px;
  }

  /* Form */
  .form-section {
    padding: 60px 20px;
  }

  .form-card {
    padding: 40px 24px;
  }

  .form-card h2 {
    font-size: 28px;
  }

  /* Founder */
  .founder {
    padding: 60px 20px;
  }

  .founder-box {
    padding: 40px 24px;
  }

  .founder h2 {
    font-size: 28px;
  }

  .price {
    font-size: 48px;
  }

  /* Admin Panel */
  .admin-panel-section {
    padding: 40px 20px;
  }

  .admin-panel {
    padding: 40px 24px;
  }

  .admin-panel h2 {
    font-size: 24px;
  }

  .stat-bar {
    grid-template-columns: 80px 1fr 100px;
    gap: 12px;
  }

  .stat-bar-label {
    font-size: 13px;
  }

  .stat-bar-value {
    font-size: 12px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .stat-card-small .stat-value {
    font-size: 32px;
  }

  .admin-actions {
    flex-direction: column;
  }

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

  .footer-links {
    flex-direction: column;
    gap: var(--spacing-16);
  }

  .cookie-content {
    flex-direction: column;
    text-align: center;
  }

  .cookie-accept {
    width: 100%;
  }
}