@media (max-width: 640px) {
  .header-content {
    justify-content: center;
    flex-direction: column;
    gap: 0.75rem;
  }

  .hero h1 { font-size: 1.5rem; }
  .hero p { font-size: 0.95rem; }

  .stats {
    gap: 0.5rem;
    margin-top: -1.5rem;
  }

  .stat-card {
    padding: 0.875rem 1rem;
    min-width: 100px;
  }

  .stat-value { font-size: 1.2rem; }
  .stat-label { font-size: 0.65rem; }

  .progress-bar { padding: 0.75rem 0.5rem; }
  .progress-step { min-width: 45px; }
  .progress-step span { font-size: 0.6rem; }
  .progress-circle { width: 26px; height: 26px; font-size: 0.7rem; }
  .progress-line { max-width: 40px; margin-bottom: 1rem; }

  .obal-grid { grid-template-columns: repeat(2, 1fr); }
  .obal-option { min-height: 130px; }
  .obal-img { width: 55px; height: 55px; }
  .obal-name { font-size: 0.75rem; }

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

  .admin-grid { grid-template-columns: 1fr; }
  .admin-grid-3 { grid-template-columns: 1fr 1fr; }

  .result-actions { flex-direction: column; }
  .modal-buttons { flex-direction: column; }

  .trust-badges {
    flex-direction: column;
    align-items: center;
  }

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

  .inquiry-table { font-size: 0.75rem; }
  .inquiry-table th,
  .inquiry-table td { padding: 0.5rem; }

  /* Premium responsive */
  .result-extra-actions { flex-direction: column; }

  .comparison-bar {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.6rem;
  }

  .compare-chips { justify-content: center; }

  .compare-actions {
    width: 100%;
    justify-content: center;
  }

  .compare-table { font-size: 0.75rem; }
  .compare-table th,
  .compare-table td { padding: 0.4rem 0.35rem; }

  .history-item { padding: 0.6rem 0.75rem; }
  .history-obal { font-size: 0.8rem; }

  .breakdown-label { width: 45px; font-size: 0.68rem; }
  .breakdown-value { min-width: 75px; font-size: 0.68rem; }

  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .why-title { font-size: 1.25rem; }
  .why-card { padding: 1rem; }
  .why-icon { width: 40px; height: 40px; font-size: 1.25rem; }

  .analytics-summary { grid-template-columns: repeat(2, 1fr); }
  .analytics-bar-label { width: 80px; font-size: 0.7rem; }
  .analytics-bar-value { width: 60px; font-size: 0.7rem; }
}