/*
MJJY TikTok Scroll - CSS
Pion:  .mjjy-snap (alias), .mjjy-snap-y
Poziom: .mjjy-snap-x
Slajd: .mjjy-snap__section
*/

/* ========== PION (TikTok) ========== */
.mjjy-ts-vert-on .mjjy-snap,
.mjjy-ts-vert-on .mjjy-snap-y{
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.mjjy-ts-vert-on .mjjy-snap .mjjy-snap__section,
.mjjy-ts-vert-on .mjjy-snap-y .mjjy-snap__section{
  min-height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* ========== POZIOM (Stories) ========== */
.mjjy-ts-horiz-on .mjjy-snap-x{
  height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
}

.mjjy-ts-horiz-on .mjjy-snap-x .mjjy-snap__section{
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}