.product-recommendations-title.large {
  font-size: calc(var(--title4-font-size) * 1.2);
}
.product-recommendations-title.small {
  font-size: calc(var(--title4-font-size) * 0.8);
}
.product-recommendations-title.medium {
  font-size: calc(var(--title4-font-size) * 1);
}

@media (min-width: 960px) {
  .slider-product-recommendations.no-slider-pc > .slider {
    flex-wrap: wrap;
  }
  .slider-product-recommendations.no-slider-pc
    .slider-product-recommendations__button {
    display: none;
  }
}

.slider-product-recommendations.no-slider-mobile > .slider {
  flex-wrap: wrap;
}

.slider-product-recommendations.no-slider-mobile
  .slider-product-recommendations__button {
  display: none;
}

@media (max-width: 959px) {
  .slider-product-recommendations > .slider.slider--mobile {
    margin-left: calc(var(--page-padding) * -1) !important;
    margin-right: calc(var(--page-padding) * -1) !important;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    scroll-padding-left: var(--page-padding);
  }

  .slider-product-recommendations > .slider.slider--mobile > .slider__slide {
    /* width: calc((200vw - var(--page-padding)) / (2 * var(--mobile-cols) + 1)); */
    width: 50%;
  }
}

.slider-product-recommendations__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(var(--color-page-background));
  border: 1px solid rgba(var(--color-entry-line));
  cursor: pointer;
  color: rgba(var(--color-text));
}

.slider-product-recommendations__button.previous {
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.slider-product-recommendations__button.next {
  right: 0;
  transform: translate(50%, -50%) rotate(-90deg);
}

.slider-product-recommendations__button:disabled {
  color: rgba(var(--color-text), 0.3);
}

.slider-product-recommendations__button:hover:not(:disabled) {
  border-color: rgba(var(--color-text));
}

/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */
.card .card__media>img{
    object-fit:unset;
}
.card .card__content .product__title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    font-family: "Libre Baskerville", serif;
    font-weight: 600;
    font-size: 14px;
}
.card__content .price__regular{
    font-size: 14px !important;
}
.card__content .fw-bold{
    font-weight: 400 !important;
}
#shopline-section-product-recommendations.section-padding,
#shopline-section-product-recommendations .section-padding{
   width: 88% !important;
    max-width: 1500px;
    padding: 0 40px;
    /* padding-left: 50px;
    padding-right: 50px; */


}
#shopline-section-product-recommendations.section-padding,
#shopline-section-product-recommendations .section-padding{
    padding-top: 20px;
}
.product-recommendations-title.small{
    font-weight: 700;
    position: relative;
        font-family: "LIBRE BASKERVILLE", serif;
        z-index: 2;
        font-size: 24px;
}
.product-recommendations-title {
    position: relative;
    padding: 0 20px;
    z-index: 1;
}

.product-recommendations-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    top: 14px;
    background: #fceedc;
    z-index: -1;
}
.new-tobe{
    display: flex;
    justify-content: center;
    padding-bottom: 8px;
}
@media (max-width:959px){
    #shopline-section-product-recommendations.section-padding,
        #shopline-section-product-recommendations .section-padding{
            width: 100% !important;
             padding-left: 15px;
            padding-right: 15px;
        }
    .new-tobe {
        display: flex;
        justify-content: start;
        font-size: 20px;padding-left: 3px;
    }
    .product-recommendations-title:before{
        top: 11px;
    }
    .product-recommendations-title{
        padding:0
    }
    
}
.product-card-wrapper:hover .product_view_quid{
    opacity: 1;
}
@media (max-width:768px){
    .card .card__content .product__title {
            font-size: 11px;
        }
}