.gallery-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 1rem;
    }
    .gallery-grid img {
      width: 100%;
      cursor: pointer;
      border-radius: 6px;
      transition: transform 0.3s ease;
    }
    .gallery-grid img:hover {
      transform: scale(1.05);
    }
    /* Zoom modal */
    .zoom-modal {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0; top: 0; width: 100%; height: 100%;
      background: rgba(50,50,50,0.8);
      justify-content: center;
      align-items: center;
      cursor: zoom-out;
    }
    .zoom-modal img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 8px;
      box-shadow: 0 0 20px #000a;
    }