.ajax-cart-drawer__content {
    --thumbBG: #c1c1c1;
}
.ajax-cart-drawer__content::-webkit-scrollbar {
  width: 0px;
}
.ajax-cart-drawer__content {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.ajax-cart-drawer__content::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.ajax-cart-drawer__content::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 2px solid #ddd;
}

.js-ajax-checkout-button {
    -webkit-appearance: none;
    display: inline-block;
    background-color: #423F3F;
    color: #ffffff;
    border: 1px solid #ffffff;
    height: auto;
    width: auto;
    padding: 18px 30px;
    line-height: 1.25em;
    vertical-align: top;
    font-weight: 400;
    transition: opacity .3s,color .3s,background-color .3s,border-color .3s,transform .3s;
}
.js-ajax-checkout-button:hover {
    background-color: #ffffff !important;
    color: #423F3F !important;
}



.ajax-cart__modal {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 40;
 max-width: 575px;
 background: #ffffff;
 border: 1px solid #e9e9e9;
 padding: 50px 65px;
 opacity: 0;
 visibility: hidden;
 will-change: opacity, visibility;
}
.ajax-cart__modal.is-open {
  opacity: 1;
  visibility: visible;
}
.ajax-cart__overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
}
.ajax-cart__overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.ajax-cart__drawer {
 transition: all 0.5s ease-in-out;
 position: fixed;
 z-index: 101;
 right: -400px;
 top: 0;
 width: 400px;
 height: 100%;
 background: #f6f6f6;
 will-change: transform;
 border-left: 1px solid #e9e9e9;
}
.ajax-cart__drawer.is-open {
 transform: translateX(-100%);
}
.ajax-cart-modal {
 position: relative;    
}
.ajax-cart-modal__close {
 position: absolute;
 right: 10px;
 top: 10px;
}
.ajax-cart-modal__content {
 padding: 20px;
}   

.ajax-cart-drawer__close {
 cursor:pointer;
 width: fit-content;
 position: absolute;
 right: 20px;
 top: 10px;
  z-index:2;
  padding-top:7px;
  font-size: 25px;
}
.ajax-cart-drawer__buttons .button:last-child {
 margin-top: auto;
}
h2.ajax-cart-title {
    font-size: 25px;
    padding: 25px 25px 25px;
    margin: 0;
}
.ajax-cart-item__single {
  position: relative;
  margin-bottom: 20px;
}
.ajax-cart-item__image {
  width: 100px;
}
.ajax-cart-item__price {
}
.ajax-cart-item__quantity {
    }
.ajax-cart-item__remove {
  @include center(vertical);
  right: 5px;
  width: 15px;
  height: 15px;
  /*background: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiBpY29uLWNsb3NlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGQ9Ik0xNS44OSAxNC42OTZsLTQuNzM0LTQuNzM0IDQuNzE3LTQuNzE3Yy40LS40LjM3LTEuMDg1LS4wMy0xLjQ4NXMtMS4wODUtLjQzLTEuNDg1LS4wM0w5LjY0MSA4LjQ0NyA0Ljk3IDMuNzc2Yy0uNC0uNC0xLjA4NS0uMzctMS40ODUuMDNzLS40MyAxLjA4NS0uMDMgMS40ODVsNC42NzEgNC42NzEtNC42ODggNC42ODhjLS40LjQtLjM3IDEuMDg1LjAzIDEuNDg1czEuMDg1LjQzIDEuNDg1LjAzbDQuNjg4LTQuNjg3IDQuNzM0IDQuNzM0Yy40LjQgMS4wODUuMzcgMS40ODUtLjAzcy40My0xLjA4NS4wMy0xLjQ4NXoiLz4KPC9zdmc+Cg==') center no-repeat;*/
  background-size: cover;
  cursor: pointer;
}
.ajax-cart-drawer__buttons .button {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ajax-cart-drawer__content .col-notimage {
    display: block;
}
.ajax-cart-drawer__content .col-notimage .title {
    display: flex;
      justify-content: space-between;
    margin-bottom: 10px;
}
.ajax-cart-drawer__content .col-notimage .col-quantity {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ajax-cart-drawer__content .col-notimage .col-quantity .ajax-cart-item__remove {
    width: auto;
}
.ajax-cart-drawer__buttons ul {
    margin: 0;
}
.ajax-cart-drawer__content .item:first-child {
    border-top: none;
    padding-top: 25px;
}
.ajax-cart-drawer__buttons ul .h5 {
    margin-bottom: 10px;
}
.ajax-cart-drawer__content .item {
    border-bottom: 1px solid #3ac1cc;
}
.ajax-cart__drawer .cart-list>.item {
      margin: 0;
    padding: 25px 0;
}

.ajax-cart__drawer .cart-list .col-image{
  width: 80px;
}
.ajax-cart__drawer .input.quantity, .ajax-cart__drawer .qty-btn{
  height: 2em;
  padding:0px;
  width:2rem;
}
.ajax-cart__drawer .quantity-and-remove {
      display: flex;
    justify-content: space-between;
    align-items: center;
      margin: 0;
    text-align: center;
    width: 100%;
}
.ajax-cart__drawer .cart-list .quantity {
  padding:0;
  width:128px;
}
.ajax-cart__drawer .qty-selector {
      display: flex;
    align-items: center;
    justify-content: space-between;
}

.ajax-cart__drawer .cart-list .quantity {
  border:none;
  background-color:transparent;
}
.ajax-cart__drawer .qty-selector .input {
  width:3.5rem;
}

.ajax-cart-drawer__content {
    padding: 25px 10px 25px;
    background: #fff;
    margin-bottom: 0;
}
 .ajax-cart-drawer {
   position: relative;
   height: 100%;
 }
.ajax-cart-drawer__buttons {
 
 z-index: 10;
 left: 0;
 bottom: 0;
 width: 100%;
 height: auto;
 background: #f6f6f6;
 padding: 10px 20px 10px 20px;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
}

 
.cart_drawer_related_product_title {
      margin-bottom: 15px;
}
.cart_drawer_related_product_title h2{
      line-height:normal;
      font-size: 20px;
      margin-top: 20px;
}
.cart_drawer_related_product_main {
  width:50%;
  margin:0 auto;
}
.cart_drawer_related_product_main .swiper-button-prev,
.cart_drawer_related_product_main .swiper-button-next {
  top:30%;
}
.checkout-btn {
    text-align: right;
    display: flex !important;
    margin-left: auto !important;
}
.checkout-btn_main {
    display: flex;
    align-items: center;
}
.cart-drawer__footer .totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
}





@media screen and (min-width:768px) {
  .ajax-cart-drawer__content {
    overflow: hidden;
    overflow-y: scroll;
    height: calc(100vh - 250px);
  }
  .ajax-cart-drawer {
 height: 100%;
}
  .ajax-cart-drawer__buttons {
    position: absolute;
  }
  
.cart_drawer_header {
  padding-left: 25px;
  padding-right: 25px;
  padding-top:10px;
  padding-bottom:10px;
}

}

@media screen and (max-width:767px) {
  .ajax-cart-drawer__content {
    height: fit-content;    
  }
  .ajax-cart-drawer {
overflow-y: auto;
}
  .ajax-cart-drawer__buttons,
  .ajax-cart-drawer__content,
  .cart_drawer_header {
    padding: 12px 20px;
  }
  .ajax-cart-drawer__buttons {
    position: absolute;
}
  .ajax-cart-drawer__close {
    padding-top:7px;
    right:17px;
  }
  .cart_drawer_related_product_main .swiper-button-prev {
    left:-10px;
  }
  .cart_drawer_related_product_main .swiper-button-next {
    right:-10px;
  }
} 

@media screen and (max-width: 749px) {
.ajax-cart-drawer__content {
  height: calc(100vh - 250px);  
  padding: 15px;
  overflow-x: scroll;
  
}
}
.cart-list .item .col-quantity .ajax-cart-item__remove {
    padding-left: 15px;
}  
.cart-list .item .col-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-list .item .col-quantity .ajax-cart-item__remove {
    padding-left: 0;
    width: auto;
    height: auto;
}
 .cart-list .col-desc .title {
    display: flex;
    align-items: center;
       justify-content: space-between;
}

.ajax-cart-drawer__buttons ul.ajax_cart_subtotal {
    margin: 0em 0 0 0;
    padding: 0;
}  
h2.ajax-cart-title {
    font-size: 20px;
    padding: 15px 25px;
    margin: 0;
}

.ajax-cart__drawer .input.quantity, .ajax-cart__drawer .qty-btn{
  height: 2em;
  width: 2.2em;
}  
}

 @media screen and (max-width: 428px) {
 .ajax-cart-drawer__content {
/*     height: calc(100vh - 300px); */
}
   .ajax-cart-drawer__close {
    top: 7px;
    padding: 11px 0 0;
}
   
.ajax-cart__drawer {
     width: 100%;
    right: -100%;
}
  .ajax-cart-drawer__buttons {
    padding: 12px 25px 12px 25px;
}
   .cart_drawer_related_product_main .swiper-button-next {
    top: 40%;
}
 }
 @media screen and (max-width: 390px) {

.ajax-cart__drawer {
     width: 100%;
    right: -100%;
}   

.ajax-cart-drawer__buttons {
 padding: 10px 20px 10px 20px; 
}   
} 
 @media screen and (max-width: 320px) {
.ajax-cart-drawer__buttons {
 padding: 10px 20px 10px 20px; 
}   
   .ajax-cart-drawer__close {
    top: 7px;
    padding: 11px 0 0;
}   
}