@media (max-width: 768px) {
  .wrapper { width: 100%; }
  .hamburger { display: block; }
  .navbar { display: none; }
  .search-box { display: none; }
  .main { flex-direction: column; }
  /* stack the sidebar under the content instead of hiding it —
     shop categories, cluster + player stay reachable on phones */
  .content { order: 1; }
  .sidebar {
    order: 2;
    width: 100%;
    min-width: 0;
    border-right: none;
    border-top: 1px solid var(--border-dim);
  }
  .product-block { width: calc(50% - 8px); height: auto; }
  .product-block-img { width: 100%; height: auto; aspect-ratio: 1; }
  .detail-inner { flex-direction: column; }
  .detail-img { width: 100%; aspect-ratio: 4 / 5; }
  .lightbox-prev,
  .lightbox-next { padding: 6px 10px; font-size: 18px; }
}

@media (max-width: 480px) {
  .product-block { width: 100%; }
  .product-block-img { width: 100%; }
}