.gallery-simple-load-more .gallery-grid {
  row-gap: 24px;
}

.gallery-item-inner img {
  width: 100%;
  height: auto;
  display: block;
}

/* HIDDEN ON DESKTOP */
.is-hidden-desktop {
  display: none;
}

/* LOAD MORE BUTTON */
.gallery-load-more {
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.gallery-simple-load-more .gslm-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.gallery-simple-load-more .gslm-item {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;

  /* 5 per row on desktop */
  flex: 0 0 20%;
  max-width: 20%;
}

.gallery-simple-load-more .gslm-item-inner img {
  width: 100%;
  height: auto;
  display: block;
}

/* hidden items on desktop until load more */
.gallery-simple-load-more .is-hidden-desktop {
  display: none;
}

/* Load more button (matches your “link” style) */
.gallery-simple-load-more .gslm-load-more {
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 400;
  outline: none;
}

.gslm-arrows {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Tablet / mobile grid fallback BEFORE slick kicks in */
@media (max-width: 991.98px) {
  .gallery-simple-load-more .gslm-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

/* Mobile: slick will take over, but this keeps 2-up if slick fails */
@media (max-width: 767.98px) {
  .gallery-simple-load-more .gslm-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gallery-simple-load-more .gallery-title {
    font-size: 40px;
  }
  .gallery-simple-load-more .gallery-copy {
    font-size: 16px;
  }
}


/* MOBILE SLIDER */
@media (max-width: 767px) {
  .is-hidden-desktop {
    display: block;
  }

  .gallery-grid {
    display: block;
  }

  .gallery-item {
    padding: 0 8px;
  }
}