.gallery-container {
      max-width: 1100px;
      margin: 2rem auto;
    }
    .main-image {
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 6px;
      box-shadow: 0 6px 18px rgba(10,10,10,0.12);
    }
    .thumbs {
      margin-top: 1rem;
      display: flex;
      gap: 0.75rem;
      justify-content: center;
      flex-wrap: wrap;
    }
    .thumb {
      cursor: pointer;
      border-radius: 6px;
      overflow: hidden;
      border: 2px solid transparent;
      transition: transform .12s ease, border-color .12s ease;
      width: 120px;
      height: 80px;
      display: inline-block;
    }
    .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display:block;
    }
    .thumb.is-active {
      border-color: #00d1b2; /* Bulma primary-ish */
      transform: translateY(-4px);
    }
    @media (max-width: 640px) {
      .thumb { width: 24%; height: 64px; }
    }