/*
Generated time: September 8, 2025 11:50
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/ 
  

@media screen and (max-width:767px) and (max-height:767px) {
    .cart__recommendation__position {
        position: relative;
        bottom: unset
    }
}

.cart__recommendation__position cart-recommendation {
    position: relative;
    max-width: 200px;
    width: 100%
}

.cart__recommendation__position cart-recommendation .swiper-slide {
    width: 31.3%;
    float: left;
    margin: 0 2% 0 0
}
  

.cart__recommendation__position cart-recommendation .swiper-container {
    visibility: visible;
    opacity: 1
}

.cart__recommendation__position cart-recommendation[aria-hidden=false] {
    visibility: visible;
    border-radius: var(--menu-drawer-border-radius) 0 0 var(--menu-drawer-border-radius)
}

.cart__recommendation__position cart-recommendation[aria-hidden=true] {
    visibility: hidden
}

.cart__recommendation__position cart-recommendation[aria-hidden=true] .swiper-container {
    visibility: hidden;
    opacity: 0
}

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation {
        border-right: none;
        display: none
    }
}

.cart__recommendation__position cart-recommendation.set--as--carousel {
    position: relative;
    z-index: 1;
    min-width: 100%
}

.cart__recommendation__position cart-recommendation.set--as--carousel.recommendations-active {
    transform: none;
    transition: unset;
    display: block
}

.cart__recommendation__position cart-recommendation.set--as--carousel .recommendation__wrapper {
    height: auto;
    padding: 0
}

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation.set--as--carousel .recommendation__wrapper {
        border-radius: 0
    }
}

.cart__recommendation__position cart-recommendation.set--as--carousel .recommendation__wrapper .preloader .cart__recommendation__item {
    min-height: 130px
}

@media screen and (min-width:767px) {
    .cart__recommendation__position cart-recommendation.set--as--carousel .recommendation__wrapper recommendation-carousel {
        margin-left: 10px
    }
}

.cart__recommendation__position cart-recommendation.recommendations-active {
    transition: transform .3s ease-in;
    transform: translate(-100%)
}

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation.recommendations-active {
        transition: none;
        display: block
    }
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper {
    height: auto;
    overflow: hidden;
    padding: 0;
}

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation .recommendation__wrapper { 
        overflow: unset; 
    }
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .preloader {
    opacity: 1;
    display: block
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper h3 {
    line-height: 21px;
    letter-spacing: -.01em;
    font-family: var(--font-body-family);
    color: var(--color-text)
}

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation .recommendation__wrapper h3 {
        margin-bottom: 9px;
        margin-top: 12px;
        padding: 0 24px
    }
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation {
    opacity: 0;
    display: none
}
 

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item:hover button {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .image--aspectSize {
    aspect-ratio: 1/1;
    border-radius: calc(var(--block-border-radius)/ 2);
    overflow: hidden
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .image--aspectSize .product-cart-no-image-container {
    background-color: var(--card-image-background);
    padding: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .image--aspectSize img {
    width: 100%;
    height: 100%;
    -o-object-fit: var(--object-fit);
    object-fit: var(--object-fit)
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__list {
    padding: 0
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__itemHead {
    line-height: 19px;
    color: var(--color-text);
    margin-top: 10px;
    margin-bottom: 8px;
    text-decoration: none;
    display: inline-block
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__leftBlock {
    position: relative
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__leftBlock .image-responsive {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: calc(var(--block-border-radius)/ 2)
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__rightBlock .price {
    color: var(--color-text)
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__rightBlock .original-price {
    opacity: .5
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation .product-price__wrapper {
    font-size: calc(var(--font-body-scale) * 14px);
    color: var(--color-text);
    margin-right: 10px
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form {
    width: 32px;
    height: 32px;
    text-align: right
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form button {
    padding: 6px 4px;
    max-width: 32px;
    width: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form button[toggle-element=options-drawer] {
    padding: 0;
    max-width: 32px;
    height: 32px;
    overflow: hidden;
    display: block
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form button[toggle-element=options-drawer] svg {
    width: 32px;
    height: 32px
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form button:focus-visible {
    opacity: 1
}

@media screen and (max-width:991px) {
    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation form button {
        opacity: 1
    }
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation .swiper-container.swiper-initialized .swiper-wrapper {
    display: flex;
    align-items: stretch
}

.cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation .swiper-container.swiper-initialized .swiper-wrapper .swiper-slide {
    height: auto
} 

@media screen and (max-width:767px) {
    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item {
        padding: 5px;
        margin-bottom: 0;
        height: 100%;
        border-radius: var(--block-border-radius)
    }

    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .cart__recommendation__flex__wrap {
        flex-direction: row;
        align-items: center
    }

    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .cart__recommendation__flex__wrap .cart__recommendation__leftBlock {
        max-width: 64px;
        width: 100%;
        margin-right: 16px
    }

    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .cart__recommendation__flex__wrap .cart__recommendation__leftBlock .image--aspectSize {
        margin-bottom: 0
    }

    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .cart__recommendation__flex__wrap .cart__recommendation__rightBlock {
        flex: 1
    }

    .cart__recommendation__position cart-recommendation .recommendation__wrapper .cart__recommendation__item .image__box {
        min-height: 70px
    }
}

.cart__recommendation__position cart-recommendation.products-ready .preloader {
    opacity: 0;
    display: none
}

.cart__recommendation__position cart-recommendation.products-ready .cart__recommendation {
    opacity: 1;
    display: block
} 
 
.cart-recommendation-add-item-form {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: flex
}

.cart-recommendation-add-item-form .btn.loadingState .btn--preloader .btn--preloader--circular {
    width: 18px;
    height: 18px
}

.cart-recommendation-add-item-form .checkmark:after {
    height: 6.5px !important;
    width: 2.5px !important;
    top: 9px
}