/**
 * MYK Tema - Responsive Stiller
 */

@media (max-width: 1200px) {
  .hero .container { 
    grid-template-columns: 1fr; 
    gap: 40px; 
  }
  .hero-content h2 { font-size: 36px; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .main-footer .container { grid-template-columns: 1fr 1fr; }
  .main-nav { display: none; }
  .mobile-toggle { display: flex; }
  .links-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .hero { padding: 60px 0 50px; }
  .hero-content h2 { font-size: 26px; }
  .hero-stats { gap: 16px; }
  .stat-item h3 { font-size: 26px; }
  .hero-cards { grid-template-columns: 1fr; }
  .hero-buttons { flex-direction: column; }
  .hero-buttons a { width: 100%; justify-content: center; }
  .services-grid { grid-template-columns: 1fr; }
  .news-grid { grid-template-columns: 1fr; }
  .news-main { height: 280px; }
  .stats-banner .container { grid-template-columns: repeat(2, 1fr); }
  .links-grid { grid-template-columns: 1fr; }
  .main-footer .container { grid-template-columns: 1fr; gap: 30px; }
  .top-bar .container { flex-direction: column; text-align: center; }
  .top-bar-links { justify-content: center; }
  .logo-text h1 { font-size: 14px; }
  .logo-text span { font-size: 10px; }
  .logo-emblem { width: 42px; height: 42px; font-size: 16px; }
  .portal-btn { padding: 8px 14px; font-size: 12px; }
  .search-modal form { flex-direction: column; }
}

@media (max-width: 480px) {
  .hero-content h2 { font-size: 22px; }
  .section-header h2 { font-size: 24px; }
  .stats-banner .container { grid-template-columns: 1fr; }
  .stat-box .number { font-size: 32px; }
  .archive-grid { grid-template-columns: 1fr; }
}