.eu-gallery-wrapper {

}

.eu-gallery.block-editor-block-list__layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eu-gallery-item img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

.eu-gallery-nav {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--eu-forest-green);
color: white;
border: none;
padding: 10px;
cursor: pointer;
z-index: 2;
}

.eu-gallery-prev { left: 10px; }
.eu-gallery-next { right: 10px; }

@media (max-width: 768px) {
  .eu-gallery {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 10px;
    padding: 10px;
  }

  .eu-gallery::-webkit-scrollbar {
    display: none;
  }

  .eu-gallery-item {
    min-width: 80%;
    scroll-snap-align: center;
  }

  .eu-gallery-nav {
    display: block;
  }
}