/* Tabs */
.gmbTabsGallery-tabs {
  display:flex;
  justify-content:center;
  gap:12px;
  overflow-x:auto;
  padding:10px 0;
  scrollbar-width:thin;
}
.gmbTabsGallery-tab {
  flex-shrink:0;
  padding:10px 20px;
  border:none;
  background:#EFDA7F;
  cursor:pointer;
  font-weight:600;
  border-radius:6px;
  transition:background 0.3s, color 0.3s, transform 0.3s;
  font-size: 15px;
  font-family: "Red Hat Text", sans-serif;
}
.gmbTabsGallery-tab:hover {
  background:#EFDA7F;
  transform:translateY(-2px);
}
.gmbTabsGallery-tab.active {
  background:#323060; /* highlight color */
  color:#fff;
}

/* Gallery Grid */
.gmbTabsGallery-content {
  margin-top:40px;
}
.gmbTabsGallery-grid {
  display:none;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.gmbTabsGallery-grid.active {
  display:grid;
}
.gmbTabsGallery-item img {
  width:100%;
  height:250px;
  object-fit:cover; 
  border-radius:12px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
.gmbTabsGallery-item:hover img {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  filter: brightness(1.1);
}
.gmbTabsGallery-item figcaption {
  text-align:center;
  font-size:14px;
  margin-top:8px;
  color:#555;
}

/* Responsive */
@media(max-width:768px){
  .gmbTabsGallery-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .gmbTabsGallery-tabs {
      justify-content:flex-start;
  }
}