@media (max-width: 1024px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); }
  .grid.three { grid-template-columns: repeat(2, 1fr); }
  .grid.four { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  :root { --footer-height: 200px; }
  .site-header .wrap { flex-wrap: wrap; }
  .grid.two { grid-template-columns: 1fr; }
  .cards-grid { grid-template-columns: 1fr; }
  .slide { height: 48vh; }
  .menu-toggle { display: flex; }
  .nav { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    right: 0; 
    background: #fff; 
    border-top: 1px solid var(--border); 
    flex-direction: column; 
    align-items: stretch; 
    padding: 12px 0;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  }
  .nav-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .nav a { padding: 12px 24px; display: block; }
  .lang-toggle { padding: 0 24px; margin-top: 8px; }
  .grid.three, .grid.four { grid-template-columns: 1fr; }
  .stat-number { font-size: 36px; }
  .site-footer .wrap { flex-direction: column; align-items: flex-start; }
  .footer-links { width: 100%; justify-content: flex-start; }
}