.l-destiny-reels {
  margin-bottom: 48px;
}
.l-destiny-reels .swiper,
.l-destiny-reels .swiper-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.l-destiny-reels .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:nth-child(-n+4) {
  display: block;
}
.l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:not(:nth-child(-n+4)) {
  display: none;
}
.l-destiny-reels .swiper-slide {
  height: auto;
}
.l-destiny-reels .c-reel {
  max-width: 100%;
}
.l-destiny-reels .o-carousel {
  max-width: 100%;
  overflow-x: clip;
  flex-wrap: wrap;
}
.l-destiny-reels .o-button-section {
  display: none;
}
@media (max-width: 1199.98px) {
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:nth-child(-n+3) {
    display: block;
  }
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:not(:nth-child(-n+3)) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:nth-child(-n+2) {
    display: block;
  }
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-slide:not(:nth-child(-n+2)) {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .l-destiny-reels .swiper:not(.swiper-initialized) .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .l-destiny-reels .o-button-section {
    display: flex;
  }
}