.s_prod_container{
  .header_info{
    border-bottom:1px solid #E0E5EB;
    padding-bottom:24px;
  }
}
.popular_container {
  margin-top: 30px;
  position: relative;

  #popular_items_slider {
    width: 100%;

    .swiper-wrapper{
      padding:10px 0;
    }
    .popular_navigation_slider {
      @media screen and (max-width: 798px) {
        display: none;
      }
      .popular_items_btn_prev,
      .popular_items_btn_next {
        width: 50px !important;
        height: 50px !important;
      }

      .popular_items_btn_prev::after,
      .popular_items_btn_next::after {
        display: none;
      }

      .popular_items_btn_prev::before,
      .popular_items_btn_next::before {
        content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23E0E5EB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5869 15.5875C17.8147 15.3597 18.184 15.3597 18.4118 15.5875L22.4118 19.5875C22.6396 19.8153 22.6396 20.1846 22.4118 20.4124L18.4118 24.4124C18.184 24.6402 17.8147 24.6402 17.5869 24.4124C17.3591 24.1846 17.3591 23.8153 17.5869 23.5875L21.1744 20L17.5869 16.4124C17.3591 16.1846 17.3591 15.8153 17.5869 15.5875Z' fill='%23333D4C'/%3E%3C/svg%3E");
        width: 40px;
        height: 40px;
      }

      .popular_items_btn_prev::before {
        transform: rotateZ(180deg);
      }

      .popular_items_btn_next::before {
        transform: rotateZ(0deg);
      }
    }
  }

  .popular_items_pagination {
    display: none;
    bottom: -20px !important;
    top: unset;
    height: 3px;
    justify-content: center;
    align-items: center;
    @media screen and (max-width: 798px) {
      display: flex;
    }
  }

  .popular_items_pagination .swiper-pagination-bullet {
    border-radius: 9999px;
    background: #d7d7d7;
    opacity: 1;
    margin: 0 5px;
  }

  span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--black-18);
  }
}

.ls_slider__item{
  position:relative;
  .ls_slider__item_img{
    width: 100%;
    max-width: 480px;
    min-width: 300px;
    object-fit: cover;
  }
  .ls_slider__item_name{
    position:absolute;
    bottom:20px;
    left:20px;
    color:white;
    font-weight:bold;
    font-size: clamp(.9rem,3vw, 1.8rem);
    padding: 20px;
    background: #00aea087;
    border-radius: 12px;
  }

}