/**
 * 2021 Anvanto
 *
 * NOTICE OF LICENSE
 *
 * This file is not open source! Each license that you purchased is only available for 1 wesite only.
 * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
 * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
 *
 *  @author Anvanto <anvantoco@gmail.com>
 *  @copyright  2021 Anvanto
 *  @license    Valid for 1 website (or project) for each purchase of license
 *  International Registered Trademark & Property of Anvanto
 */
.sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.sb-open {
    overflow: hidden;
}

.sb-open .sb-menu-right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    max-width: 100%;
}

@media screen and (min-width: 660px) {
    .sb-open .sb-menu-right {
        max-width: 400px;
    }
}

.sb-close-btn .close {
    opacity: 1;
}

.cart-preview .cart-title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.875rem;
    padding: 9px 6px 15px 15px;
}

#free_delivery_placeholder {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}
#free_delivery_placeholder .leo_free_price {
    display: block;
 }
#free_delivery_placeholder .lack-free,
#free_delivery_placeholder .full-free
{
    border-radius: 5px;
    height: 3px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
}
#free_delivery_placeholder p {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 5px;
}
#free_delivery_placeholder .lack-free {
    background: linear-gradient(to right, #000 0%, #000 calc(var(--amount) / var(--free) * 100%), #d9d9d9 calc(var(--amount) / var(--free) * 100%), #d9d9d9 100%);
}
#free_delivery_placeholder .full-free {
    background: #6bad3c;
}
#free_delivery_placeholder .is-free {
    color: #6bad3c;
}

.cart-preview .cart-product-line {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    display: flex;
    height: auto !important;
    margin: 10px 15px 0;
    padding: 10px;
    width: auto !important;
}

.cart-preview .cart-product-line .product-image {
    background: #F4F4F4;
    border-radius: 12px;
    display: block;
    height: 99px;
    margin-right: 13px;
    width: 73px;
    width: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-preview .product-image .img-fluid {
    border-radius: 10px;
    height: auto;
    max-height: 99px;
    max-width: 73px;
    width: auto;
}

.cart-preview .product-image .img-fluid::before {
    font-size: 10px;
    line-height: 12px;
}

.cart-preview .cart-product-line .product-infos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cart-preview .product-infos .product-infos-top {
    width: 100%;
}

.cart-preview .product-infos .product-infos-top .name-remove {
    display: flex;
    justify-content: space-between;
}

.cart-preview .product-infos .product-name {
    width: 100%;
}

.cart-preview .product-infos .product-name a,
.cart-preview .product-infos .product-line-info .value
{
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.3125rem;
}

.cart-preview .product-infos .product-name a {
    color: #000;
    display: -webkit-box;
    text-overflow: ellipsis;
    outline: none;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
.cart-preview .product-infos .product-line-info .value {
    color: #95928D;
}

.cart-preview .product-infos .product-infos-bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cart-preview .cart-product-line .product-remove {
    align-self: flex-start;
    width: 10%;
    text-align: right;
}

.cart-dropdown-prices {
    display: flex;
    flex-wrap: wrap;
}

.cart-preview .cart-dropdown-prices .current-price,
.cart-preview .cart-dropdown-prices .product-discount
{
  text-align: right;
  width: 100%;
}

.cart-preview .cart-dropdown-prices .product-discount span,
.cart-preview  .cart-dropdown-prices .current-price span
{
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.cart-preview .cart-dropdown-prices .product-discount span {
  color: #95928D;
}
.cart-preview .cart-dropdown-prices .current-price span {
  color: #ff4d1c;
}

.cart-preview .product-infos .product-infos-bottom .quantity-button {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    cursor: pointer;
    height: 35px;
    user-select: none; 
    width: 23px;
}
.cart-preview .product-infos .product-infos-bottom .quantity-button i {
    color: #000;
    font-size: 1rem;
    height: 100%;
    line-height: 2.1875rem;
    width: 23px;
}
.cart-preview .product-infos .product-infos-bottom .quantity-button.quantity-down {
    border-left: 1px solid #000;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}
.cart-preview .product-infos .product-infos-bottom .quantity-button.quantity-down i {
    padding-left: 8px;
}
.cart-preview .product-infos .product-infos-bottom .quantity-button.quantity-up {
    border-right: 1px solid #000;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.cart-preview .product-infos .product-infos-bottom .quantity-button.quantity-up i {
    padding-right: 8px;
}
.cart-preview .product-infos .product-infos-bottom .product-qty-input {
    border: 1px solid #000;
    border-width: 1px 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    height: 35px;
    text-align: center;
    width: 41px;
}
.product-qty .product-qty-container {
    border-radius: 0;
    overflow: hidden;
    display: flex;
    width: 87px;
    font-weight: 400;
}
.product-qty .input-group-btn-vertical {
  display: none!important;
}

.cart-preview .cart-bottom {
    padding: 25px 15px;
}

.cart-preview .cart-bottom .cart-dropdow-button.btn {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    height: auto;
    padding: 15px !important;
}

.cart-preview .cart-bottom .cart-total-price {
    margin-left: 15px;
}

.cart-preview .cart-action .btn-primary {
    width: 100%;
    margin-top: 10px;
}

.cart-preview .no-items {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}