/*==================================================
 Gallery Section
====================================================*/
.cs_gallery_wrapper .cs_card.cs_style_5:nth-child(1) .cs_card_thumbnail {
  min-height: 600px;
}
@media (max-width: 1399px) {
  .cs_gallery_wrapper .cs_card.cs_style_5:nth-child(1) .cs_card_thumbnail {
    min-height: 600px;
  }
}
@media (max-width: 1199px) {
  .cs_gallery_wrapper .cs_card.cs_style_5:nth-child(1) .cs_card_thumbnail {
    min-height: 500px;
  }
}
.cs_gallery_wrapper .cs_card.cs_style_5:nth-child(2) {
  margin-top: -130px;
}
.cs_gallery_wrapper .cs_card.cs_style_5:nth-child(2) .cs_card_thumbnail {
  min-height: 382px;
}
@media (max-width: 1199px) {
  .cs_gallery_wrapper .cs_card.cs_style_5:nth-child(2) .cs_card_thumbnail {
    min-height: 300px;
  }
}
@media (max-width: 991px) {
  .cs_gallery_wrapper .cs_card.cs_style_5:nth-child(2) {
    margin-top: 30px;
  }
}

/* ✅ CHANGED: 3 columns instead of 10 */
.cs_grid.cs_style_3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: -60px;
}

/* ✅ CHANGED: Show all gallery items */
.cs_grid.cs_style_3 .cs_gallery_item {
  display: block;
}

/* ✅ CHANGED: Remove fixed span overrides */
.cs_grid.cs_style_3 .cs_gallery_item:nth-child(2),
.cs_grid.cs_style_3 .cs_gallery_item:nth-child(5),
.cs_grid.cs_style_3 .cs_gallery_item:nth-child(8) {
  grid-column: auto / span 1;
}

 .cs_grid.cs_style_3 .cs_gallery_item .cs_lightbox_item {
  height: 400px; /* ⬅️ Increase this value as needed */
  width: 100%;
  position: relative;
  
}


 .cs_grid.cs_style_3 .cs_gallery_item .cs_lightbox_item img {
    width: 100%;
  height: 100%;
  object-fit: contain; /* ensures full image is shown */
  display: block;
  background: #f2f2f2;
}


/* Hover effect */
.cs_grid.cs_style_3 .cs_gallery_item:hover span {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

/* Responsive styles */
@media (max-width: 991px) {
  .cs_grid.cs_style_3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .cs_grid.cs_style_3 .cs_gallery_item {
    grid-column: auto / span 1;
  }
}

@media (max-width: 575px) {
  .cs_grid.cs_style_3 {
    grid-template-columns: 1fr;
  }
  .cs_grid.cs_style_3 .cs_gallery_item .cs_lightbox_item {
    aspect-ratio: 4 / 3;
  }
}

/* ✅ Ensure gallery items are visible */
.cs_gallery_item {
   overflow: hidden;
}