/* Related Products Slider */
.related-products-slider-section{
  margin-top:56px;
}

.related-products-slider-wrap{
  position:relative;
  margin-top:28px;
  padding:0 54px;
}

.related-products-slider{
  overflow:hidden;
}

.related-products-track{
  display:flex;
  gap:22px;
  transition:transform .45s ease;
  will-change:transform;
}

.related-product-slide{
  flex:0 0 calc((100% - 66px) / 3);
  min-width:0;
}

.related-product-slider-card{
  height:100%;
}

.related-product-slider-card .product-card{
  height:100%;
}

.related-product-slider-card .product-card img{
  height:290px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.related-products-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  cursor:pointer;
  background:#fff;
  color:#1B2C54;
  box-shadow:0 16px 34px rgba(8,19,56,.16);
  transition:.2s ease;
}

.related-products-arrow:hover{
  background:#FFF1EA;
  color:#D96F4D;
  transform:translateY(-50%) scale(1.04);
}

.related-products-arrow[disabled]{
  opacity:.42;
  cursor:not-allowed;
  transform:translateY(-50%);
}

.related-products-arrow svg{
  width:26px;
  height:26px;
  fill:currentColor;
}

.related-products-prev{
  left:0;
}

.related-products-next{
  right:0;
}

.related-products-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:22px;
}

.related-products-dot{
  width:12px;
  height:12px;
  border:0;
  border-radius:50%;
  background:#d8deea;
  padding:0;
  cursor:pointer;
  transition:.2s ease;
}

.related-products-dot.active{
  width:15px;
  height:15px;
  background:#D96F4D;
}

@media(max-width:1199px){
  .related-product-slide{
    flex:0 0 calc((100% - 44px) / 3);
  }

  .related-product-slider-card .product-card img{
    height:300px !important;
  }
}

@media(max-width:900px){
  .related-product-slide{
    flex:0 0 calc((100% - 22px) / 2);
  }

  .related-product-slider-card .product-card img{
    height:315px !important;
  }
}

@media(max-width:640px){
  .related-products-slider-wrap{
    padding:0;
  }

  .related-product-slide{
    flex:0 0 100%;
  }

  .related-product-slider-card .product-card img{
    height:340px !important;
  }

  .related-products-arrow{
    width:48px;
    height:48px;
    top:170px;
  }

  .related-products-prev{
    left:10px;
  }

  .related-products-next{
    right:10px;
  }
}
