.cart-drawer .drawer__inner{
  width: 407px;
  padding: 0;
  background-color: #fff;
}

.cart-drawer .cart-item__media{
  width: 63px;
  flex-shrink: 0;
}

.cart-drawer .drawer__cart-items-wrapper{
  padding: 0 17px;
}

.cart-drawer h2{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0;
}

.cart-drawer .cart-item .cart-item__quantity{
  padding: 0;
}
.cart-drawer .cart-item .quantity-popover-container{
  padding: 0;
}

.cart-drawer .cart-item .cart-quantity::after{
  content: none;
}

.cart-drawer .cart-item .quantity__button{
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E8E8E8; 
}

.cart-drawer .cart__checkout-button.btn-expand{
  justify-content: space-between;
}

.cart-drawer .cart__ctas{
  margin-top: 20px; 
}

.cart-drawer .cart-item .cart-item__quantity{
  padding: 0;
}
.cart-drawer .cart-item .quantity-popover-container{
  padding: 0;
}

.cart-drawer .cart-item .cart-quantity::after{
  content: none;
}

.cart-drawer .cart-item .quantity__button{
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E8E8E8; 
}

.cart-drawer .cart-item .quantity__button:before{
  display: block;
  content: "";
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #000000;
}

.cart-drawer .cart-item .quantity__button.minus{
  border-radius: 2px 0 0 2px;  
}

.cart-drawer .cart-item .quantity__button.minus:before{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='2' viewBox='0 0 9 2' fill='none'%3E%3Cpath d='M0 1H8.5' stroke='black'/%3E%3C/svg%3E");
  width: 9px;
  height: 2px;
}

.cart-drawer .cart-item .quantity__button.plus{
  border-radius: 0 2px 2px 0;  
}

.cart-drawer .cart-item .quantity__button.plus:before{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10' fill='none'%3E%3Cpath d='M0 5H8.5' stroke='black'/%3E%3Cpath d='M4.25 0.75L4.25 9.25' stroke='black'/%3E%3C/svg%3E");
  width: 9px;
  height: 9px;
}
.cart-drawer .cart-item .quantity__input{
  height: 24px;
  width: 33px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}

.cart-drawer .cart-item .quantity{
   min-height: unset;
   width: auto;
}

.cart-drawer .cart-item__name{
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  color: #212121;
  font-weight: 700;
  margin-bottom: 10px; 
}

.cart-drawer .cart-item__name:hover{
  text-decoration: none;
}

.cart-drawer .cart__checkout-button.btn-expand{
  justify-content: space-between;
}

.cart-drawer .btn{
  letter-spacing: 0.05em;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.71;
  border: none;
  font-weight: 900;
  padding: 12px 18px;
  height: auto;
  min-height: unset;
  width: 100%;
}

.cart-drawer .btn::before,
.cart-drawer .btn::after{
  content: none;
}
.cart-drawer .drawer__heading--wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 17px;
}

.cart-drawer .cart-count{
  background-color: #FF3D00;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 900;
  font-size: 12px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-drawer .drawer__footer{
  padding: 23px 16px 15px;
  border: none;
  background-color: #fff;
}

.cart-drawer .totals {
  justify-content: flex-start;
  margin: 0;
}

.cart-drawer .totals__price-wrap{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: 8px;
}

.cart-drawer .totals__total{
  font-size: 14px;
  font-weight: 700;
}

.cart-drawer .totals__price-original{
  text-decoration: line-through;
  font-size: 14px;
  margin: 0;
}

.cart-drawer .totals__total-value{
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.cart-drawer .cart-item{
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #E0E0E0;
  position: relative;
}

.cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cart-drawer .cart-item__price-wrapper .cart-item__old-price{
  font-size: 12px;
  color: #757575;
}

.cart-drawer .cart-item__price-wrapper .price{
  font-size: 12px;
  color: #212121;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
}

.cart-drawer .cart-item__details .product-option{
  font-size: 12px;
}

.cart-drawer .cart-item__details{
  width: 100%;
}

.cart-drawer .only-mobile{
  display: none;
}

.cart-drawer quantity-popover{
  display: flex;
}

.cart-drawer .show-btn{
  width: 10px;
  margin-left: 16px;
  background: none;
  border: none;
  padding: 0;
}

body .cart-drawer .cart-item .loading__spinner{
  width: 12px;
  height: 12px;
  padding: 0;
  top: -8px;
}

.cart-drawer .cart-drawer__recommended-products-wrapper{
  background-color: #F5F5F5;
  padding: 23px 17px 30px;
}

.cart-drawer .cart-drawer__recommended-products-title{
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #757575;
  margin-bottom: 20px;
}

.cart-drawer .drawer__footer{
  padding: 0;
}

.cart-drawer .totals{
  padding: 23px 17px 0;
}

.cart-drawer .cart__ctas{
  padding: 0 17px 17px; 
}

.cart-drawer .cart-drawer__recommended-products-list{
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cart-drawer .cart-drawer__recommended-products-item--image{
  width: 90px;
  height: auto;
  max-height: 97px;
  object-fit: contain;
}

.cart-drawer .cart-drawer__recommended-products-item{
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #fff;
  padding: 14px;
  border: 1px solid #E8E8E8;
}

.cart-drawer .cart-drawer__recommended-products-item--title{
  font-size: 14px;
  line-height: 1.78;
  color: #212121;
  font-weight: 700;
}

.cart-drawer .cart-drawer__recommended-products-item--description{
  margin: 0;
  font-size: 12px;
  line-height: 1.28;
  color: #757575;
  font-weight: 700;
}

.cart-drawer .quick-add-to-cart-button{
  margin-left: auto;
}

.cart-drawer .quick-add-to-cart-button__plus-only-button{
  border: none;
  background-color: #212121;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.cart-drawer .quick-add-to-cart-button__plus-only-button:before{
  content: "+";
  font-size: 15px;
  letter-spacing: 0.05;
  color: #FAFAFA;
}

.cart-drawer cart-drawer-items.is-empty+.drawer__footer{
  display: block;
}

.cart-drawer .is-empty .totals{
  display: none;
}

.cart-drawer .cart__top-bar{
  background-color: #FF3D00;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  padding: 12px;
}

.cart-drawer .cart__top-bar.is-empty{
  background-color: #212121;
  margin-bottom: auto;
}

.cart-drawer .drawer__inner{
  border: none;
}

.cart-drawer .empty-cart{
  display: flex;
  flex-direction: column;
  padding: 17px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #212121;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6;
}

.cart-drawer .empty-cart::before{
  content: "";
  display: block;
  width: 35px;
  height: 29px;
  background-color: #212121;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='30' viewBox='0 0 35 30' fill='none'%3E%3Cpath d='M1.31404 0.250116C1.14236 0.247942 0.971911 0.27634 0.812594 0.33366C0.653278 0.39098 0.508274 0.476078 0.386009 0.584009C0.263745 0.69194 0.166658 0.820552 0.100391 0.96237C0.0341249 1.10419 0 1.25638 0 1.41011C0 1.56384 0.0341249 1.71604 0.100391 1.85785C0.166658 1.99967 0.263745 2.12828 0.386009 2.23621C0.508274 2.34415 0.653278 2.42924 0.812594 2.48656C0.971911 2.54388 1.14236 2.57228 1.31404 2.57011H3.74834C4.04102 2.57011 4.28524 2.7342 4.3683 2.98698L9.88975 19.7933C10.3743 21.2685 11.8983 22.29 13.6171 22.29H27.7927C29.5694 22.29 31.1323 21.1977 31.5631 19.6551V19.6529L34.9615 7.49102C35.0091 7.31998 35.0126 7.14146 34.9717 6.96903C34.9308 6.7966 34.8465 6.63478 34.7252 6.49588C34.604 6.35697 34.449 6.24463 34.272 6.16739C34.095 6.09015 33.9007 6.05003 33.7038 6.05009H8.07541L6.85573 2.33222H6.8532C6.44912 1.10252 5.1788 0.250116 3.74834 0.250116H1.31404ZM20.7479 8.37008C21.4631 8.37008 22.0435 8.8886 22.0435 9.53008V13.0101H25.9303C26.6454 13.0101 27.2259 13.5286 27.2259 14.1701C27.2259 14.8115 26.6454 15.3301 25.9303 15.3301H22.0435V18.81C22.0435 19.4515 21.4631 19.97 20.7479 19.97C20.0327 19.97 19.4523 19.4515 19.4523 18.81V15.3301H15.5655C14.8504 15.3301 14.27 14.8115 14.27 14.1701C14.27 13.5286 14.8504 13.0101 15.5655 13.0101H19.4523V9.53008C19.4523 8.8886 20.0327 8.37008 20.7479 8.37008ZM14.27 24.61C13.5827 24.61 12.9237 24.8544 12.4377 25.2895C11.9518 25.7246 11.6788 26.3147 11.6788 26.93C11.6788 27.5453 11.9518 28.1354 12.4377 28.5705C12.9237 29.0056 13.5827 29.25 14.27 29.25C14.9572 29.25 15.6163 29.0056 16.1022 28.5705C16.5881 28.1354 16.8611 27.5453 16.8611 26.93C16.8611 26.3147 16.5881 25.7246 16.1022 25.2895C15.6163 24.8544 14.9572 24.61 14.27 24.61ZM27.2259 24.61C26.5386 24.61 25.8796 24.8544 25.3936 25.2895C24.9077 25.7246 24.6347 26.3147 24.6347 26.93C24.6347 27.5453 24.9077 28.1354 25.3936 28.5705C25.8796 29.0056 26.5386 29.25 27.2259 29.25C27.9131 29.25 28.5722 29.0056 29.0581 28.5705C29.5441 28.1354 29.8171 27.5453 29.8171 26.93C29.8171 26.3147 29.5441 25.7246 29.0581 25.2895C28.5722 24.8544 27.9131 24.61 27.2259 24.61Z' fill='%23212121'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-bottom: 18px;
}

body cart-drawer.is-empty .drawer__header {
  display: flex;
}

body cart-drawer.is-empty .drawer__inner {
  display: flex;
  align-items: normal;
  justify-content: normal;
}

@media (max-width: 768px) {
  .cart-drawer .only-mobile{
    display: block;
  }

  .cart-drawer .quantity__wrapper{
    position: relative;
  }

  .cart-drawer .activity{
    display: none;
  }

  .cart-drawer .activity.show{
    display: flex;
    background-color: #fff;
    position: absolute;
    top: calc(100% + 4px);
    right: -2px;
  }

  .cart-drawer .select__quantity{
    font-size: 18px;
    color: #212121;
    line-height: 1;
    font-weight: 700;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    background: none;
    padding: 7px 10px;
    position: relative;
    display: flex;
  }

  .cart-drawer .select__quantity::before{
    content:"";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 57%;
    background-color: #E8E8E8;
  }

  .cart-drawer .cart-item__name{
    font-size: 18px;
  }

  .cart-drawer .cart-item__price-wrapper .price {
    font-size: 16px;
  }

  .cart-drawer .cart-drawer__recommended-products-title{
    font-size: 18px;
    color: #212121;
  }
}