/* Responsive CSS for Moban 8-2-66 */
@media (max-width: 1024px) {
    .two-col-layout { grid-template-columns: 1fr; }
    .dashboard-layout { grid-template-columns: 1fr; }
    .waterfall-grid { column-count: 2; }
    .big-cards { grid-template-columns: 1fr; }
    .small-cards { grid-template-columns: repeat(2, 1fr); }
    .circle-icons-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .hero-title { font-size: 2rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-actions { flex-direction: column; align-items: center; }
    .section-title { font-size: 1.5rem; }
    .card-grid, .hover-grid { grid-template-columns: repeat(2, 1fr); }
    .waterfall-grid { column-count: 1; }
    .posters-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-widgets { grid-template-columns: 1fr; }
    .posts-grid { grid-template-columns: 1fr; }
    .header-inner { flex-wrap: wrap; }
    .float-dots-nav { order: 3; width: 100%; justify-content: center; padding-top: 10px; }
    .breadcrumb-nav { order: 3; width: 100%; overflow-x: auto; padding-top: 8px; font-size: 0.75rem; }
    .tab-bar { overflow-x: auto; }
    .tab-btn { padding: 10px 18px; font-size: 0.85rem; }
    .dash-sidebar { margin-bottom: 20px; }
    .compare-table { font-size: 0.8rem; }
    .small-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .card-grid, .hover-grid { grid-template-columns: 1fr; }
    .posters-grid { grid-template-columns: 1fr; }
    .circle-icons-grid { grid-template-columns: repeat(2, 1fr); }
    .small-cards { grid-template-columns: 1fr; }
    .header-actions { width: 100%; justify-content: center; }
    .hero-title { font-size: 1.6rem; }
}