/* ==========================================================================
   VAIO GAMING - responsive.css
   ========================================================================== */

@media (max-width: 1280px) {
    .vaio-cats-grid, .vaio-products-grid, .vaio-stats-grid, .vaio-trust-grid, .vaio-features-grid { grid-template-columns: repeat(3, 1fr); }
    .vaio-characters-grid { grid-template-columns: repeat(3, 1fr); }
    .vaio-flash-grid { grid-template-columns: repeat(4, 1fr); }
    .vaio-news-grid { grid-template-columns: 1fr 1fr; }
    .vaio-news-grid .vaio-faq-list { grid-column: 1 / -1; }
    .vaio-posts-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1099px) {
    .vaio-header-inner { grid-template-columns: auto 1fr auto; gap: 16px; }
    .vaio-nav { display: none; }
    .vaio-iconbtn-label { display: none; }
    .vaio-iconbtn { width: 44px; padding: 0; }
    .vaio-hero-slide { grid-template-columns: 1fr; }
    .vaio-hero-art { order: 0; min-height: 280px; max-height: 320px; }
    .vaio-hero-art .vaio-hero-char { max-height: 280px; }
    .vaio-hero-content { order: 1; padding: 0 24px; }
    .vaio-hero { min-height: 720px; }
    .vaio-hero-slides { min-height: 720px; }
    .vaio-hero-dots { bottom: 64px; }
}

@media (max-width: 900px) {
    .vaio-cats-grid, .vaio-products-grid, .vaio-banners-grid, .vaio-trust-grid, .vaio-stats-grid, .vaio-features-grid { grid-template-columns: repeat(2, 1fr); }
    .vaio-characters-grid { grid-template-columns: repeat(2, 1fr); }
    .vaio-flash-grid { grid-template-columns: repeat(3, 1fr); }
    .vaio-news-grid { grid-template-columns: 1fr; }
    .vaio-news-grid .vaio-faq-list { grid-column: auto; }
    .vaio-footer-grid { grid-template-columns: 1fr 1fr; }
    .vaio-newsletter-inner { grid-template-columns: 1fr; }
    .vaio-newsletter-form { min-width: auto; width: 100%; }
    .vaio-search { display: none; }
    .vaio-topbar-actions { display: none; }
    .vaio-shop { grid-template-columns: 1fr; }
    .vaio-shop-sidebar { display: none; }
}

@media (max-width: 720px) {
    .vaio-section { padding: 44px 0; }
    .vaio-container { padding: 0 16px; }
    .vaio-hero-title { font-size: 36px; }
    .vaio-hero-sub { font-size: 15px; }
    .vaio-hero-arrow { width: 40px; height: 40px; }
    .vaio-flash-head { flex-direction: column; align-items: flex-start; }
    .vaio-flash-countdown { width: 100%; justify-content: space-between; }
    .vaio-tabs-controls { width: 100%; overflow-x: auto; }
    .vaio-tab-btn { white-space: nowrap; }
    .vaio-cats-grid, .vaio-products-grid, .vaio-banners-grid, .vaio-features-grid, .vaio-stats-grid, .vaio-trust-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .vaio-flash-grid { grid-template-columns: repeat(2, 1fr); }
    .vaio-characters-grid { grid-template-columns: 1fr 1fr; }
    .vaio-posts-grid { grid-template-columns: 1fr; }
    .vaio-footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .vaio-back-to-top { width: 42px; height: 42px; bottom: 18px; right: 18px; }
    .vaio-quickview { grid-template-columns: 1fr; }
    .vaio-cd-unit { padding: 6px 8px; min-width: 50px; }
    .vaio-cd-unit span { font-size: 18px; }
}

@media (max-width: 480px) {
    .vaio-hero-title { font-size: 28px; }
    .vaio-section-title { font-size: 22px; }
    .vaio-banner { grid-template-columns: 1fr; min-height: auto; padding: 20px; }
    .vaio-banner-art { display: none; }
    .vaio-newsletter-form { flex-direction: column; }
    .vaio-newsletter-form button { width: 100%; }
}