/**TikTok Feed */

.paws-tiktok-section {
  padding: 40px 0;
}

.paws-tiktok-slider.swiper {
  position: relative;
  padding: 0 105px;
}

.paws-tiktok-slider .swiper-wrapper {
  align-items: stretch;
}

.paws-tiktok-slider .swiper-slide {
  display: flex;
  justify-content: center;
}

.paws-tiktok-viewport {
  flex: 1;
  overflow: hidden;
}

.paws-tiktok-track {
  display: flex;
  gap: 24px;
  transition: transform 0.3s ease;
}

.paws-tiktok-card {
  background: #122431;
  border-radius: 32px;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 100%;
}

.paws-tiktok-video-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paws-tiktok-play {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.paws-tiktok-play-icon {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #122431;
  margin-left: 2px;
}

.paws-tiktok-video-placeholder--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.paws-tiktok-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 95px;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  padding: 0;
  z-index: 10;
  border: none;
}
button.paws-tiktok-nav.paws-tiktok-next.swiper-button-disabled,
button.paws-tiktok-nav.paws-tiktok-prev.swiper-button-disabled {
  opacity: 0.25;
}

.paws-tiktok-prev {
  left: -5px;
}

.paws-tiktok-next {
  right: -5px;
}

.paws-tiktok-prev:hover,
.paws-tiktok-next:hover {
  background: #fff !important;
}

.paws-tiktok-next img {
  transform: scaleX(-1);
}

.paws-tiktok-nav span {
  font-size: 18px;
  line-height: 1;
  color: #122431;
}
@media (max-width: 479px) {
  .paws-tiktok-card {
    /* flex: 0 0 85%; */
    height: 240px;
  }
}

@media (max-width: 767px) {
  .paws-tiktok-card {
    /* flex: 0 0 50%; */
    height: 260px;
  }
  .paws-tiktok-nav {
    width: 43px;
    height: 43px;
    background: transparent;
  }

  .paws-tiktok-prev:hover,
  .paws-tiktok-next:hover {
    background: transparent !important;
  }
  .paws-tiktok-prev {
    left: 10px;
  }

  .paws-tiktok-next {
    right: 10px;
  }

  .paws-tiktok-slider .swiper-slide {
    opacity: 0.2;
    transition: opacity 0.3s ease;
  }

  .paws-tiktok-slider .swiper-slide-active {
    opacity: 1;
  }
}

/* Responsivo */
@media (max-width: 768px) {
  .paws-tiktok-card {
    /* flex: 0 0 80%; */
    height: 260px;
  }

  .paws-tiktok-slider {
    gap: 12px;
  }
}

@media (max-width: 1199px) {
  .paws-tiktok-card {
    /* flex: 0 0 25%; */
    height: 300px;
  }
}

@media (max-width: 1023px) {
  .paws-tiktok-card {
    /* flex: 0 0 33.3333%; */
    height: 370px;
  }
}

@media (max-width: 767px) {
  .paws-tiktok-slider.swiper {
    padding: 0 60px;
  }

  .paws-tiktok-video-placeholder--empty {
    padding: 32px 0;
  }
}