/**
 * Shika Store - Responsive Layout Adjustments
 * Perfect Fit for Mobile, Tablets & High-DPI screens
 */

@media (max-width: 1024px) {
  .hero-stats-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }

  .stat-item:nth-child(2) {
    border-left: none;
    padding-left: 0;
  }

  .maintenance-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .games-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .hdd-games-selector-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .tradein-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .maintenance-interactive-grid {
    grid-template-columns: 1fr;
  }

  .store-info-grid {
    grid-template-columns: 1fr;
  }

  .footer-top-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  .top-announcement-bar {
    font-size: 0.78rem;
  }

  .announcement-right {
    display: none; /* Hide work hours on tiny bar to preserve space for phone & vcash */
  }

  .site-header {
    height: 70px;
  }

  .nav-menu-links {
    position: fixed;
    top: 70px;
    right: 0;
    width: 280px;
    height: calc(100vh - 70px);
    background: rgba(9, 14, 36, 0.98);
    backdrop-filter: blur(20px);
    border-left: 1px solid rgba(0, 240, 255, 0.2);
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.5rem;
    gap: 1.5rem;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1000;
  }

  .nav-menu-links.mobile-open {
    transform: translateX(0);
  }

  .mobile-menu-btn {
    display: block;
  }

  .hero-main-title {
    font-size: 2.1rem;
  }

  .hero-description {
    font-size: 0.98rem;
  }

  .hero-stats-strip {
    grid-template-columns: 1fr 1fr;
    padding: 1.2rem;
  }

  .stat-item {
    gap: 0.6rem;
  }

  .stat-icon {
    width: 38px;
    height: 38px;
    font-size: 1.1rem;
  }

  .stat-number {
    font-size: 1.3rem;
  }

  .maintenance-services-grid {
    grid-template-columns: 1fr;
  }

  .products-grid {
    grid-template-columns: 1fr;
  }

  .games-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .game-img-wrap {
    height: 220px;
  }

  .hdd-games-selector-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .form-group-row {
    grid-template-columns: 1fr;
  }

  .tradein-checks-group {
    grid-template-columns: 1fr;
  }

  .tradein-card-container, .maintenance-interactive-grid, .store-info-box, .hdd-configurator-box {
    padding: 1.5rem;
  }

  .footer-top-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .floating-actions-wrap {
    bottom: 1.2rem;
    right: 1.2rem;
  }

  .floating-btn {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
  .hero-main-title {
    font-size: 1.8rem;
  }

  .hero-cta-group {
    flex-direction: column;
    width: 100%;
  }

  .hero-cta-group .btn {
    width: 100%;
  }

  .hero-stats-strip {
    grid-template-columns: 1fr;
  }

  .stat-item {
    border-left: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 0.8rem;
  }

  .stat-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .games-grid {
    grid-template-columns: 1fr;
  }

  .game-img-wrap {
    height: 260px;
  }

  .hdd-games-selector-grid {
    grid-template-columns: 1fr;
  }

  .result-cash-amount {
    font-size: 2.2rem;
  }
}