@media (max-width: 768px) {
    .brand-name { font-size: 1.2rem; }
    .main-header { padding: 0 15px; height: 65px; }
    .btn-login { padding: 10px 15px; font-size: 0.85rem; min-height: 44px; display: flex; align-items: center; }
    .epic-title { font-size: 2.2rem; }
    .epic-paragraph { font-size: 1.1rem; padding: 0 5px; }
    .kachel-grid, .team-grid, .plugin-grid, .profile-grid { grid-template-columns: 1fr; padding: 0 15px; }
    .kachel { min-height: 280px; }
    .sub-menu-inner { justify-content: flex-start; overflow-x: auto; white-space: nowrap; padding-bottom: 10px; -webkit-overflow-scrolling: touch; gap: 10px; }
    .sub-menu a { min-height: 44px; display: flex; align-items: center; padding: 0 20px; }
}