/*  #Image Slide
------------------------------------- */
.brandly-image-slide-container {
  position: relative;
  --brandly-is-cap-ox: 16px;
  --brandly-is-cap-oy: 16px;
  overflow: hidden;
}

.brandly-image-slide-wrap {
  opacity: 0;
  transition: opacity .28s ease;
}

.brandly-image-slide-wrap.is-ready {
  opacity: 1;
}

.brandly-image-slide-container img {
  display: block;
  transition: transform .4s ease;
}

.brandly-image-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

/* Caption base */
.brandly-image-slide-title {
  position: absolute;
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/* Vertical positions */
.brandly-image-slide-title.v-top    { top: var(--brandly-is-cap-oy, 16px); }
.brandly-image-slide-title.v-middle { top: 50%; transform: translateY(-50%); }
.brandly-image-slide-title.v-bottom { bottom: var(--brandly-is-cap-oy, 16px); }

/* Horizontal positions */
.brandly-image-slide-title.h-left   { left: var(--brandly-is-cap-ox, 16px); }
.brandly-image-slide-title.h-center { left: 50%; transform: translateX(-50%); }
.brandly-image-slide-title.h-right  { right: var(--brandly-is-cap-ox, 16px); }

/* Combined center: avoid transform collision */
.brandly-image-slide-title.v-middle.h-center { transform: translate(-50%, -50%); }

/* Visibility modes */
.brandly-image-slide-title.visibility-hover {
  opacity: 0;
  transition: opacity .3s ease;
}
.brandly-image-slide-container:hover .brandly-image-slide-title.visibility-hover {
  opacity: 1;
}
.brandly-image-slide-title.visibility-hidden {
  display: none;
}

/* Autoplay OFF — static layout */
.brandly-image-slide-wrap.is-paused {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
.brandly-image-slide-wrap.is-paused .brandly-image-slide-container {
  flex: 0 0 auto;
  scroll-snap-align: start;
}
.brandly-image-slide-wrap.is-paused.dir-up,
.brandly-image-slide-wrap.is-paused.dir-down {
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
}