/* Responsive (chargé en dernier — overrides @media) — hudled landing */

  @media (max-width: 900px) {
    nav { padding: 16px 24px; }
    .nav-links { display: none; }
    section { padding: 80px 24px; }
    #hero {
      flex-direction: column;
      justify-content: center;
      padding: 96px 24px 56px;
    }
    .hero-content { max-width: 100%; order: 1; }
    #hero-viewer {
      position: relative;
      right: auto;
      top: auto;
      transform: none;
      width: 100%;
      height: 300px;
      order: 2;
      margin-top: 20px;
    }
    .product-grid { grid-template-columns: 1fr; gap: 40px; }
    .features-grid { grid-template-columns: 1fr; }
    .games-grid { grid-template-columns: repeat(2, 1fr); }
    footer { flex-direction: column; gap: 20px; text-align: center; }
    .wishlist-form { flex-direction: column; }
    .wishlist-input { border-right: 1px solid var(--border); border-bottom: none; }
  }