/* Responsive adjustments for small screens (<= 800px width) or portrait orientation */
.gallery-grid {
    width: 98vw;                                /* full width on narrow/portrait */
    grid-template-columns: repeat(5, 1fr);      /* collapse to 5 equal columns */
  }
  /* Override any previous column mapping – let JS set column */
  .gallery-grid .cell {
    grid-column: auto !important;
  }
    .thumb {
      width: 60px;
      height: 60px;
    }
  /* Allow content to spill outside container during resize (handled by body overflow) */
  .gallery-container {
    overflow: visible;
  }
  /* Further scale down thumbnails on very narrow screens (e.g., old small phones) */
  @media (max-width: 400px) {
    .thumb {
      width: 60px;
      height: 60px;
    }
  }