/* XOORU shared responsive fixes -- linked on every page */
@media (max-width: 768px) {
    .main-nav { flex-wrap: wrap; padding: 12px 16px !important; }
    .nav-menu-center { display: none !important; } /* collapses the center nav list on small screens */
    .nav-actions-right { gap: 10px !important; }
    .search-capsule { display: none !important; }

    .product-grid, .products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }

    h1 { font-size: 1.6rem !important; }
    .hero, .hero-section { padding: 60px 16px !important; }

    .container, .wrap, .auth-container { padding-left: 16px !important; padding-right: 16px !important; }

    table { font-size: .78rem; }
    th, td { padding: 6px 4px !important; }

    .shell { flex-direction: column !important; }
    aside { width: 100% !important; }
}

@media (max-width: 480px) {
    .product-grid, .products-grid { grid-template-columns: 1fr !important; }
}