/* AConsultIT Academy — Mobile CSS */

@media (max-width: 768px) {

.ac-top { height: auto !important; min-height: 62px !important; padding: 8px 14px !important; flex-wrap: wrap !important; row-gap: 0 !important; align-content: flex-start !important; }
.ac-logo { flex: 0 0 auto !important; margin-right: auto !important; }
.ac-tr { flex: 0 0 auto !important; margin-left: auto !important; order: 1 !important; }
.ac-nav { flex: 0 0 100% !important; width: 100% !important; order: 2 !important; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; -ms-overflow-style: none !important; padding: 2px 0 4px !important; gap: 0 !important; margin-top: 2px !important; }
.ac-nav::-webkit-scrollbar { display: none !important; }
.ac-nav a { font-size: 0.72rem !important; padding: 4px 8px !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.ac-lang a { padding: 3px 7px !important; font-size: 0.72rem !important; }
.ac-logo-t { display: none !important; }
.ac-pts { font-size: 0.78rem !important; }
body { padding-top: 110px !important; }
.hm-hero { padding: 20px 20px 40px !important; }
.hm-h1 { font-size: clamp(1.8rem, 8vw, 2.8rem) !important; }
.hm-ctas, .hm-btns { flex-direction: column !important; gap: 12px !important; align-items: stretch !important; }
.hm-ctas a, .hm-ctas button, .hm-btns a, .hm-btns button { width: 100% !important; justify-content: center !important; text-align: center !important; box-sizing: border-box !important; }
.hm-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.courses-grid, .course-list, .grid, #cg { grid-template-columns: 1fr !important; gap: 14px !important; }
.course-card__cover, .card-cover { height: 160px !important; }
.player-controls button, .audio-controls button { min-width: 44px !important; min-height: 44px !important; font-size: 18px !important; }
.slide-content, .lesson-slide, .slide-body { padding: 16px !important; }
.quiz-option, .option-btn { padding: 12px 16px !important; font-size: 15px !important; min-height: 48px !important; }
.labs-grid { grid-template-columns: 1fr !important; }
.pricing { flex-direction: column !important; }
button, .btn, a.btn { min-height: 44px !important; }
main, .main-content, .ac-wrap { padding: 16px !important; }
.corp-cta, .teach-banner, .hm-corp, .hm-teach { flex-direction: column !important; padding: 24px 16px !important; }
.auth-wrap { padding: 20px 16px !important; }
.auth-box { padding: 24px 16px !important; }
.pl-item { gap: 8px !important; padding: 10px 12px !important; }
.pl-info { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; }
.pl-title { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.pl-dur { display: none !important; }
#pwa-install-banner { flex-direction: column !important; gap: 8px !important; padding: 12px 16px !important; text-align: center !important; }
#pwa-install-banner .install-btn, #pwa-install-banner .dismiss-btn { width: 100% !important; }

}

@media (min-width: 769px) and (max-width: 1024px) {
  .courses-grid, #cg { grid-template-columns: repeat(2, 1fr) !important; }
}

@supports (padding: max(0px)) { body { padding-bottom: max(0px, env(safe-area-inset-bottom)) !important; } }