/* ====== Responsive: tablet & desktop nhỏ ====== */
@media (max-width: 1024px) {
    .games-grid { grid-template-columns: repeat(3, 1fr); }
    .archive-layout,
    .single-layout { display: block; }
    .archive-sidebar,
    .single-sidebar { margin-top: 36px; }
}

/* ====== Responsive: tablet / mobile lớn ====== */
@media (max-width: 768px) {
    .header-inner { min-height: 62px; gap: 12px; }
    .header-actions .btn { padding: 8px 14px; font-size: 13px; }

    .gallery-band { padding: 40px 0 54px; }
    .gallery-track { gap: 18px; padding: 22px 30px 30px; }
    .gallery-card { width: 200px; }
    .gallery-arrow { display: none; }

    .games-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .news-grid,
    .news-grid-list { grid-template-columns: repeat(2, 1fr); gap: 18px; }

    .footer-widgets { grid-template-columns: 1fr; gap: 22px; }
    .cta-band { padding: 48px 0; }
    .ticker-item { font-size: 13px; padding: 0 18px; }
}

/* ====== Responsive: mobile nhỏ ====== */
@media (max-width: 480px) {
    .container { padding: 0 14px; }
    .header-actions .btn-login { display: none; }
    .logo-img { max-height: 38px; }

    .gallery-card { width: 170px; transform: rotateY(-4deg); }
    .gallery-card:nth-child(even) { transform: rotateY(4deg); }

    .games-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .game-card-info { flex-direction: column; align-items: stretch; text-align: center; gap: 8px; padding: 10px; }

    .news-grid,
    .news-grid-list { grid-template-columns: 1fr; }

    .btn-lg { padding: 13px 28px; font-size: 16px; }
    .nav-menu li a { font-size: 24px; }
    .single-nav-item { max-width: 100%; }
}