/* === YZ Desktop Slider – 3 Spalten, Loop + Pfeile === */
.yz-desktop-slider { position: relative; }

.yz-desktop-slider__viewport{
  overflow: hidden;
  position: relative;
  touch-action: pan-x pinch-zoom; /* horizontales Wischen/Drag */
}

.yz-desktop-slider__track{
  display: flex;
  gap: 0;
  will-change: transform;
  cursor: grab;
  user-select: none;
}

/* einzelne Slides – Breite kommt aus JS (viewport / cols) */
.yz-desktop-slider__slide{
  flex: 0 0 var(--yz-slide-w);
  margin: 0;
  box-sizing: border-box;
}
.yz-desktop-slider__img{ display:block; width:100%; height:auto; }

/* Pfeile (wie beim XY-Slider) */
.yz-desktop-slider__arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px; height: 64px;
  display: grid; place-items: center;
  background: transparent !important;
  border: none; border-radius: 999px;
  cursor: pointer; z-index: 10;
}
.yz-desktop-slider__prev{ left: 16px; }
.yz-desktop-slider__next{ right: 16px; }
.yz-desktop-slider__arrow svg{
  width: 64px; height: 64px;
  stroke: #ff6960; stroke-width: 3; fill: none;
}

/* Divi Code-Modul Cleanup */
.et_pb_code_inner{ padding: 0 !important; }

/* (Optional) Nur am Desktop zeigen – blendest du sonst via Divi aus
@media (max-width:980px){ .yz-desktop-slider{ display:none; } }
*/

/* Dots */
.yz-desktop-slider__dots{
  position: absolute;
  left: 0; right: 0; bottom: 12px;
  display: flex; justify-content: center; gap: 8px;
  pointer-events: auto;
}
.yz-desktop-slider__dots button{
  width: 10px; height: 10px; border-radius: 999px;
  border: 0; padding: 0; background: #fff; opacity: .9;
}
.yz-desktop-slider__dots button[aria-current="true"]{ background: #2f5c5e; }