/**
 * Product marquee slider — [jt_slider_data] → .jt-slider-main
 * Match mockups/product-slider-dummy.html — fixed band height, zero gap.
 */
:root {
  --jt-slider-h: clamp(280px, 42vw, 540px);
}

.jt-slider-viewport {
  width: 100%;
  height: var(--jt-slider-h);
  max-height: var(--jt-slider-h);
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.jt-slider-viewport > .jt-slider-main {
  height: 100%;
  max-height: 100%;
  min-height: 0;
}

.jt-slider-main {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  width: 100%;
  max-width: 100%;
  height: var(--jt-slider-h);
  max-height: var(--jt-slider-h);
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
}

/* Elementor containers often force min-height — keep slider band fixed */
.elementor-element .jt-slider-viewport,
.elementor-element .jt-slider-main {
  height: var(--jt-slider-h);
  max-height: var(--jt-slider-h);
}

.elementor-element .jt-slider-viewport > .jt-slider-main {
  height: 100%;
  max-height: 100%;
}

.jt-slider-main::-webkit-scrollbar {
  display: none;
}

.jt-slider-main.is-dragging,
.jt-slider-main.drag {
  cursor: grabbing;
}

.jt-slide {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  height: var(--jt-slider-h);
  max-height: var(--jt-slider-h);
  line-height: 0;
}

.jt-slider-viewport .jt-slide {
  height: 100%;
  max-height: 100%;
}

.jt-slide + .jt-slide {
  margin-left: 0;
}

.jt-slide img {
  display: block;
  height: var(--jt-slider-h);
  max-height: var(--jt-slider-h);
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

.jt-slider-viewport .jt-slide img {
  height: 100%;
  max-height: 100%;
}