#advancedOffCanvas, #advancedCartToggle {
    --bs-border-width: 1px;
    .advancedcart-empty{font-size:20px;font-weight:600;line-height:24px;overflow:hidden;margin-top:35px;margin-bottom:35px;text-align:center;color:#282828}
    .advancedcart-empty-svg{width:215px;height:215px}
    .advancedcart-empty-svg svg{width:215px;height:215px}
    .advancedcart-empty-icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
    .advancedcart-empty-icon [class*='icon']{font-size:215px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    .advancedcart-empty-icon>svg{width:320px;height:255px}
    .advancedcart-empty-icon>svg path{transform:scale(.53) translate(-5%,13%);fill:#e9e9d9;}
    .advancedcart-empty .j2c-arrow-right {position:relative;top:3px;margin-left:0.25rem;}
    .fs-sm {font-size: .875rem!important;}
    .fs-xs {font-size: .75rem !important;}
    .top-1 {top:1px;}
    .top-2 {top:2px;}
    .top-3 {top:3px;}
    .top-4 {top:4px;}
    .top-5 {top:5px;}
    .bottom-1 {bottom:1px;}
    .bottom-2 {bottom:2px;}
    .bottom-3 {bottom:3px;}
    .bottom-4 {bottom:4px;}
    .bottom-5 {bottom:5px;}
    .left-1 {left:1px;}
    .left-2 {left:2px;}
    .left-3 {left:3px;}
    .left-4 {left:4px;}
    .left-5 {left:5px;}
    .right-1 {right:1px;}
    .right-2 {right:2px;}
    .right-3 {right:3px;}
    .right-4 {right:4px;}
    .right-5 {right:5px;}
    .position-absolute.badge.rounded-pill {bottom:13px;right:-13px;}

    .form-control, .form-select {
        --bs-form-control-bg: #fff;
        --bs-form-control-border-color: #cad0d9;
        --bs-form-control-focus-bg: #fff;
        --bs-form-control-focus-border-color: #181d25;
        background-color: var(--bs-form-control-bg);
        border-color: var(--bs-form-control-border-color);
    }
    button:focus, button:hover, button:active {box-shadow: none;}
    .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: var(--bs-border-radius);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    .btn-sm, .btn-group-sm > .btn {
        --bs-border-radius: 0.25rem;
        --bs-border-radius-sm: calc(var(--bs-border-radius) * 0.75);
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 0.75rem;
        --bs-btn-border-radius: var(--bs-border-radius-sm);
    }

    .btn-dark {

        --bs-btn-color: #fff;
        --bs-btn-bg: #222934;
        --bs-btn-border-color: #222934;
        --bs-btn-hover-color: #fff;
        --bs-btn-focus-shadow-rgb: 67, 73, 82;
        --bs-btn-active-color: #fff;
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #222934;
        --bs-btn-disabled-border-color: #222934;
        --bs-btn-hover-bg: #131920;
        --bs-btn-hover-border-color:#131920;
        --bs-btn-active-bg: #131920;
        --bs-btn-active-border-color: #131920;
    }

    .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #33b36b;
        --bs-btn-border-color: #33b36b;
        --bs-btn-hover-color: #fff;
        --bs-btn-focus-shadow-rgb: 82, 190, 129;
        --bs-btn-active-color: #fff;
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #33b36b;
        --bs-btn-disabled-border-color: #33b36b;
        --bs-btn-hover-bg: rgb(39.6913043478, 139.3086956522, 83.2739130435);
        --bs-btn-active-bg: rgb(39.6913043478, 139.3086956522, 83.2739130435);
        --bs-btn-hover-border-color: rgb(39.6913043478, 139.3086956522, 83.2739130435);
        --bs-btn-active-border-color: rgb(39.6913043478, 139.3086956522, 83.2739130435);
    }



    .btn-icon {
        --bs-btn-size: 2.5rem;
        flex-shrink: 0;
        height: 2rem;
        line-height: 2rem;
        padding: 0;
        width: 2rem;
    }
    .count-input .form-control {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        font-weight: 500;
        padding: 0 .25rem;
        text-align: center;
        width: 2.5rem;
    }
    .count-input .btn-group-sm>.btn+.form-control, .count-input .btn-sm+.form-control {width: 2rem;}
    .count-input .btn:not(.btn-primary) {
        --bs-btn-hover-color: #181d25;
        --bs-btn-hover-bg: #eef1f6;
        --bs-btn-active-bg: #eef1f6;
    }
    .btn-group-sm>.btn-icon.btn, .btn-icon.btn-sm {
        --bs-btn-size: 2rem;line-height:2rem;
    }
    .count-input .btn:hover, .count-input .btn:focus {color: #181d25}
    .count-input .btn {
        border: 0;
        border-radius: 0;
    }
    .count-input {
        background-color: #fff;
        border: var(--bs-border-width) solid #cad0d9;
        border-radius: var(--bs-border-radius);
        display: inline-flex;
        overflow: hidden;
        transform: translateZ(0);
    }
    #paymentIcons .payment-icon {max-width:44px;height:auto;}

    .accordion-item > .accordion-header .accordion-button {border-radius:0!important;background:#fff!important;}
    .accordion-item .form-control:focus {box-shadow: none;}
    .accordion {--accordion-btn-icon-width: 0.825rem;}
    .btn.btn-link {opacity:1;transition: opacity 0.3s ease-in-out;}
    .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus {background:transparent!important;border-color:transparent!important;color:inherit!important;opacity:0.8;transition: opacity 0.3s ease-in-out;}


    /**Loyalty Points App**/
    .reward-points-cta-message .fs-sm {font-size: .75rem !important;}

    /**End Loyalty Points App**/

}


.advancedcart.module .cart-item + .cart-item {margin-top:2rem;}

.advancedcart.module, #advancedOffCanvas {
    .advancedcart-spinner.spinner-border {width:5rem;height:5rem;margin-top:0;}
    .btn-qty-update {font-size: 0!important;height: 0!important;}
    .badge-free-shipping {
        background: linear-gradient(135deg, #f6a800 34%, #000 34%);
        color: #fff;
        font-size: 0.625rem;
        padding: 0 0.25rem;
        border-radius: 0.125rem;
        position:relative;
        z-index:2;
    }

    .badge-free-shipping .label {
        color: #000;
        background-color: transparent;
        z-index: 1;
        position: relative;
        top: 1px;
    }

    .badge-free-shipping .text {
        color: #fff;
        z-index: 1;
        position: relative;
        margin-left:15px;
        margin-right:6px;
        top: 1px;
    }

    .badge-free-shipping i {
        font-size: 0.825rem;position:relative;top: 2px;
    }
}


@media (min-width: 768px){
    #advancedOffCanvas.offcanvas.offcanvas-end {width:500px;}
}