/* mod_folderslideshow — scoped to .mod-folderslideshow */
.mod-folderslideshow { position: relative; max-width: 100%; outline: none; }
.mod-folderslideshow:focus-visible .fs-stage { box-shadow: 0 0 0 3px #2563eb; }
.mod-folderslideshow .fs-stage { position: relative; width: 100%; overflow: hidden; border-radius: 10px; }
.mod-folderslideshow .fs-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; transition: opacity .9s ease; display: block;
}
.mod-folderslideshow .fs-img.fs-active { opacity: 1; }
.mod-folderslideshow.fs-no-motion .fs-img { transition: none; }
.mod-folderslideshow .fs-img:not([src]) { display: none; }

.mod-folderslideshow .fs-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 42px; height: 42px; border: 0; border-radius: 50%;
  background: rgba(0, 0, 0, .45); color: #fff; font-size: 18px; line-height: 42px; text-align: center;
  cursor: pointer; opacity: .75; transition: opacity .2s, background .2s; padding: 0;
}
.mod-folderslideshow .fs-arrow:hover, .mod-folderslideshow .fs-arrow:focus-visible { opacity: 1; background: rgba(0, 0, 0, .7); }
.mod-folderslideshow .fs-prev { left: 10px; }
.mod-folderslideshow .fs-next { right: 10px; }

.mod-folderslideshow .fs-caption {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  padding: 18px 14px 10px; color: #fff; font-size: .95rem;
  background: linear-gradient(transparent, rgba(0, 0, 0, .6));
}
.mod-folderslideshow .fs-caption:empty { display: none; }

.mod-folderslideshow .fs-dots { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.mod-folderslideshow .fs-dots:empty { display: none; }
.mod-folderslideshow .fs-dot {
  width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%;
  background: #cbd5e1; cursor: pointer;
}
.mod-folderslideshow .fs-dot-active { background: #2563eb; }
.mod-folderslideshow .fs-counter { font-size: .85rem; color: #666; }

@media (max-width: 480px) {
  .mod-folderslideshow .fs-arrow { width: 34px; height: 34px; line-height: 34px; font-size: 15px; }
}
.mod-folderslideshow .fs-build { text-align: right; font-size: .7rem; color: #999; margin: 6px 0 0; }
