@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap");
.shopping_cart {
  padding: 0 64px;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .shopping_cart {
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  .shopping_cart {
    padding: 0 24px;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .shopping_cart {
    padding: 0 16px;
  }
}

.shopping_cart__footer {
  margin: 20px;
}

.shopping_cart__item__info {
  min-height: 150px;
  padding: 10px 30px;
}

.shopping_cart__item {
  margin: 10px 20px;
  width: 70%;
  position: relative;
  padding: 16px;
  display: grid;
  grid-template-columns: 250px auto;
  grid-template-rows: 1fr;
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  background-color: white;
}

.shopping_cart__delete-action {
  position: absolute;
  top: 20px;
  right: 20px;
}

.shopping_cart__item__img {
  position: relative;
  background-color: #E8ECEF;
  text-align: center;
  display: flex;
  align-items: center;
}

.shopping_cart__item__thumbnail {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.cursor_pointer {
  cursor: pointer;
}

h1 {
  font-family: Heebo;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 1.44px;
  margin: 0 0 32px 0;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
    line-height: 1.25;
    margin: 0 0 24px 0;
  }
}
h1.shopping_cart__heading {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  h1.shopping_cart__heading {
    margin: 24px 0;
    font-size: 36px;
  }
}

h2 {
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 28px;
    margin-bottom: 24px;
    line-height: 1.25;
  }
}

.cart_left {
  max-width: 971px;
  width: 66%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .cart_left {
    width: 100%;
    max-width: 100%;
  }
}
.cart_left .cart_purchased_container .shipping-from-wrapper {
  display: flex;
  flex-direction: column;
}
.cart_left .cart_purchased_container .shipping-from-wrapper p.TwGdpError {
  color: #DB3A3A;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 767px) {
  .cart_left .cart_purchased_container .shipping-from-wrapper > h2 {
    margin-bottom: 16px;
  }
}
.cart_left .cart_purchased_container .shipping-from-wrapper .cart_item {
  order: 1;
}
.cart_left .cart_purchased_container .shipping-from-wrapper .cart_item.isGift {
  order: 2;
}

.cart_item {
  background: #fff;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .cart_item {
    flex-direction: column;
    padding: 20px;
  }
}
.cart_item .item_image {
  max-width: 140px;
  width: 100%;
  text-align: center;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .cart_item .item_image {
    max-width: 100%;
    aspect-ratio: 16/9;
  }
}
.cart_item .item_image img {
  max-height: 92px;
}
@media screen and (max-width: 767px) {
  .cart_item .item_image img {
    height: 100%;
    max-height: inherit;
  }
}
.cart_item .item_name {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.cart_item .item_name .name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart_item .item_name .name a {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #434447;
  margin-bottom: 4px;
  text-decoration: none;
}
.cart_item .item_name .description {
  margin: 0;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
  margin-bottom: 16px;
  margin-right: 28px;
}
.cart_item .item_name .description a {
  margin: 0;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
  margin-bottom: 16px;
  text-decoration: none;
}
.cart_item .item_name .error-ship-to {
  padding: 2px 8px;
  border-radius: 2px;
  background: #FFEFEE;
  color: #DB3A3A;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  width: max-content;
  display: none;
}
@media screen and (max-width: 1200px) {
  .cart_item .item_name .error-ship-to {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .error-ship-to {
    white-space: normal;
    max-width: -webkit-fill-available;
    padding: 8px 12px;
  }
}
.cart_item .item_name .price {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: var(--ds-color-gray-70, #737B7D);
}
.cart_item .item_name .qty_subtotal_line {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.cart_item .item_name .price_qty {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .price_qty {
    flex-direction: column;
    width: 100%;
    align-items: start;
    gap: 8px;
  }
}
.cart_item .item_name .price_qty .qty {
  display: flex;
  align-items: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .price_qty .qty {
    margin: 0;
    justify-content: start;
    width: 100%;
  }
}
.cart_item .item_name .price_qty .qty .qty_value {
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 16px;
  text-align: center;
  border-radius: 1.778px;
  border: 0.889px solid #B6BFC1;
  margin-left: 8px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .price_qty .qty .qty_value {
    margin-left: 0;
  }
}
.cart_item .item_name .price_qty .qty .qty_value span,
.cart_item .item_name .price_qty .qty .qty_value input {
  width: 24px;
  border: none;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}
.cart_item .subtotal {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .cart_item .subtotal {
    width: 100%;
  }
}
.cart_item .subtotal .text {
  align-self: end;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.48px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--ds-color-gray-50, #cfd2d5);
  text-transform: uppercase;
}
.cart_item .subtotal .value {
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .cart_item .subtotal .value {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    column-gap: 8px;
    align-items: baseline;
  }
  .cart_item .subtotal .value .original_price {
    margin-right: 0 !important;
  }
}
.cart_item .subtotal .value .original_price {
  color: var(--ds-color-gray-60, #B6BFC1);
  text-align: right;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  text-decoration-line: line-through;
  margin-right: 10px;
}
.cart_item .subtotal .value .final_price {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  color: var(--ds-color-orange-50, #E57B03);
}
@media screen and (max-width: 1024px) {
  .cart_item .subtotal .value .final_price {
    line-height: normal;
    font-size: 16px;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.cart_purchased_items {
  margin-top: 4px;
}

.cart_redeemed_items {
  margin-top: 64px;
}

.shopping_cart_main {
  display: flex;
  justify-content: space-between;
}

.cart_right {
  max-width: 466px;
  width: 34%;
}
@media screen and (min-width: 768px) {
  .cart_right {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .cart_right {
    padding: 24px 0;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .cart_right {
    width: 100%;
    max-width: 100%;
    background: #fff;
    padding: 32px 20px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .cart_right h2 {
    margin-bottom: 24px;
  }
}
.cart_right .purchased_items {
  padding: 0 0 24px 32px;
  border-bottom: 1px solid #CFD2D5;
  margin-bottom: 24px;
}
.cart_right .summary_stock_name {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .cart_right .summary_stock_name {
    font-size: 18px;
  }
}
.cart_right .summary_stock_name i {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.66782 16.646C3.98563 16.646 3.40495 16.407 2.92578 15.929C2.44661 15.451 2.20703 14.8705 2.20703 14.1877H1.45703C1.27995 14.1877 1.13151 14.1278 1.01172 14.008C0.891927 13.8882 0.832031 13.7397 0.832031 13.5627V4.5835C0.832031 4.25016 0.957031 3.9585 1.20703 3.7085C1.45703 3.4585 1.7487 3.3335 2.08203 3.3335H12.8945C13.2383 3.3335 13.5326 3.45589 13.7773 3.70068C14.0221 3.94548 14.1445 4.23975 14.1445 4.5835V6.81266H15.707C15.9049 6.81266 16.0924 6.85693 16.2695 6.94548C16.4466 7.03402 16.5924 7.15641 16.707 7.31266L19.0404 10.4168C19.082 10.4689 19.1133 10.5262 19.1341 10.5887C19.1549 10.6512 19.1654 10.7189 19.1654 10.7918V13.5627C19.1654 13.7397 19.1055 13.8882 18.9857 14.008C18.8659 14.1278 18.7174 14.1877 18.5404 14.1877H17.6862C17.6862 14.8682 17.4474 15.4481 16.9699 15.9272C16.4924 16.4064 15.9125 16.646 15.2303 16.646C14.5481 16.646 13.9674 16.407 13.4883 15.929C13.0091 15.451 12.7695 14.8705 12.7695 14.1877H7.1237C7.1237 14.8682 6.88493 15.4481 6.40741 15.9272C5.92986 16.4064 5.35 16.646 4.66782 16.646ZM4.66536 15.396C4.9987 15.396 5.28342 15.2779 5.51953 15.0418C5.75564 14.8057 5.8737 14.521 5.8737 14.1877C5.8737 13.8543 5.75564 13.5696 5.51953 13.3335C5.28342 13.0974 4.9987 12.9793 4.66536 12.9793C4.33203 12.9793 4.04731 13.0974 3.8112 13.3335C3.57509 13.5696 3.45703 13.8543 3.45703 14.1877C3.45703 14.521 3.57509 14.8057 3.8112 15.0418C4.04731 15.2779 4.33203 15.396 4.66536 15.396ZM2.08203 12.9377H2.54036C2.77648 12.5627 3.07537 12.2641 3.43705 12.0418C3.79873 11.8196 4.20151 11.7085 4.64539 11.7085C5.08926 11.7085 5.49523 11.8231 5.86328 12.0522C6.23134 12.2814 6.53342 12.5766 6.76953 12.9377H12.8945V4.5835H2.08203V12.9377ZM15.2279 15.396C15.5612 15.396 15.8459 15.2779 16.082 15.0418C16.3181 14.8057 16.4362 14.521 16.4362 14.1877C16.4362 13.8543 16.3181 13.5696 16.082 13.3335C15.8459 13.0974 15.5612 12.9793 15.2279 12.9793C14.8945 12.9793 14.6098 13.0974 14.3737 13.3335C14.1376 13.5696 14.0195 13.8543 14.0195 14.1877C14.0195 14.521 14.1376 14.8057 14.3737 15.0418C14.6098 15.2779 14.8945 15.396 15.2279 15.396ZM14.1445 11.146H18.0195L15.707 8.06266H14.1445V11.146Z" fill="%230C0C0C"/></svg>');
  display: block;
  position: absolute;
  left: -30px;
}
.cart_right .main_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 16px;
}
.cart_right .main_title span {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #434447;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .cart_right .main_title span {
    font-size: 16px;
  }
}
.cart_right .main_title span.font16 {
  font-size: 16px;
}
.cart_right .main_title span:last-child {
  color: #E57B03;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.cart_right .discount_items .main_title span:first-child {
  padding-left: 32px;
  position: relative;
}
.cart_right .discount_items .main_title span:first-child i.pomotionIcon {
  position: absolute;
  top: 0;
  left: 0;
}
.cart_right .discount_items .cart_items .side-items {
  padding-left: 32px;
  word-break: break-all;
}
.cart_right .cart_items .side-items {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #737B7D;
  display: flex;
  justify-content: space-between;
  padding: 0 32px 0 0;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .cart_right .cart_items .side-items {
    font-size: 14px;
  }
}
.cart_right .order_total p:first-child {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
  display: flex;
  justify-content: space-between;
  color: #0C0C0C;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .cart_right .order_total p:first-child {
    font-size: 22px;
  }
}
.cart_right .order_total p:first-child span:last-child {
  color: #E57B03;
}
.cart_right .order_total p:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart_right .order_total p:last-child span:last-child {
  color: #E57B03;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .cart_right .order_total p:last-child span:last-child {
    font-size: 22px;
  }
}
.cart_right .order_total p:last-child span:fist-child {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
}
.cart_right .question-wrapper {
  display: flex;
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  gap: 4px;
  align-items: center;
  margin-top: 10px;
}
.cart_right .question-wrapper p {
  color: #FFF;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
}
@media screen and (max-width: 767px) {
  .cart_right .question-wrapper p {
    left: 0;
    display: none;
  }
  .cart_right .question-wrapper p i.triangle_icon {
    left: 8px;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .cart_right .question-wrapper .question_toggle.show-message p {
    display: block;
  }
}
.cart_right .cart_Checkout {
  height: 40px;
  width: 100%;
  background: #F39800;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
  border: none;
  display: block;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
}
.cart_right .cart_Checkout.disabled {
  background: #FBE0B2;
  pointer-events: none;
}
body.disable .cart_right .cart_Checkout {
  background: #FBE0B2;
  pointer-events: none;
}
.cart_right .use_discount {
  margin-top: 24px;
}
.cart_right .use_discount p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 8px;
  color: #434447;
}
.cart_right .use_discount p.select_coupon_modal {
  color: #006EFF;
  margin-top: 8px;
}
.cart_right .use_discount p.select_coupon_modal.changeCoupon {
  display: none;
}
.cart_right .use_discount .input_promotion_code {
  height: 40px;
  width: 100%;
  display: flex;
  position: relative;
}
.cart_right .use_discount .input_promotion_code.error input {
  border-radius: 2px 0px 0px 2px;
  border: 1px solid #DB3A3A;
  background: #FFF;
}
.cart_right .use_discount .input_promotion_code.error + .cart-coupon-error {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: block;
  margin-top: 4px;
}
.cart_right .use_discount .input_promotion_code .promotion_remove {
  display: none;
}
.cart_right .use_discount .input_promotion_code .promotion_apply {
  display: block;
}
.cart_right .use_discount .input_promotion_code.disabled input {
  border-color: #CFD2D5;
  background: #F6F7F9;
  color: #B6BFC1;
  border: 1px solid #cccccc;
  pointer-events: none;
}
.cart_right .use_discount .input_promotion_code.disabled .promotion_apply {
  display: none;
}
.cart_right .use_discount .input_promotion_code.disabled .promotion_remove {
  display: block;
}
.cart_right .use_discount .input_promotion_code.disabled ~ .selectCoupon {
  display: none;
}
.cart_right .use_discount .input_promotion_code.disabled ~ .changeCoupon {
  display: block;
}
.cart_right .use_discount .input_promotion_code i {
  left: 16px;
  top: 8px;
  width: 24px;
  height: 24px;
  position: absolute;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="7" width="1" height="3" rx="0.5" fill="%23004280"/><rect x="10" y="11" width="1" height="2" rx="0.5" fill="%23004280"/><rect x="10" y="14" width="1" height="3" rx="0.5" fill="%23004280"/><path d="M7.0066 17C6.72737 17 6.48979 16.8983 6.29387 16.695C6.09796 16.4917 6 16.2452 6 15.9554V13.9148C6 13.812 6.02676 13.7229 6.08027 13.6475C6.13379 13.5722 6.20435 13.5192 6.29196 13.4886C6.59494 13.3803 6.8338 13.1847 7.00852 12.902C7.18326 12.6192 7.27063 12.3211 7.27063 12.0077C7.27063 11.6942 7.18326 11.3936 7.00852 11.1057C6.8338 10.8178 6.59494 10.6211 6.29195 10.5154C6.20434 10.4848 6.13379 10.4317 6.08027 10.3561C6.02676 10.2806 6 10.1908 6 10.0869V8.0483C6 7.75752 6.09796 7.51011 6.29387 7.30607C6.48979 7.10203 6.72737 7 7.0066 7H16.9899C17.27 7 17.5085 7.10203 17.7051 7.30607C17.9017 7.51011 18 7.75752 18 8.0483V10.0906C18 10.1922 17.9729 10.2809 17.9187 10.3566C17.8646 10.4324 17.7932 10.4856 17.7045 10.5162C17.4015 10.6213 17.1632 10.8178 16.9897 11.1057C16.8161 11.3936 16.7294 11.6942 16.7294 12.0077C16.7294 12.3211 16.8161 12.6192 16.9897 12.902C17.1632 13.1847 17.4015 13.3799 17.7045 13.4875C17.7921 13.5176 17.8633 13.5706 17.918 13.6466C17.9727 13.7226 18 13.8114 18 13.9131V15.9554C18 16.2452 17.9017 16.4917 17.7051 16.695C17.5085 16.8983 17.27 17 16.9899 17H7.0066ZM7.0066 15.9554H16.9899V14.3318C16.6156 14.0635 16.3102 13.7284 16.0738 13.3264C15.8374 12.9244 15.7192 12.4824 15.7192 12.0005C15.7192 11.5185 15.8374 11.0764 16.0738 10.674C16.3102 10.2717 16.6156 9.93768 16.9899 9.67191V8.0483H7.0066V9.67191C7.3931 9.93768 7.7015 10.2719 7.9318 10.6746C8.16209 11.0773 8.27723 11.5193 8.27723 12.0006C8.27723 12.4818 8.16209 12.9236 7.9318 13.326C7.7015 13.7283 7.3931 14.0635 7.0066 14.3318V15.9554Z" fill="%23004280"/></svg>');
}
.cart_right .use_discount .input_promotion_code input {
  height: 100%;
  width: calc(100% - 74px);
  padding-left: 50px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 1px solid #CFD2D5;
}
.cart_right .use_discount .input_promotion_code input::-webkit-input-placeholder {
  color: #B6BFC1;
}
.cart_right .use_discount .input_promotion_code .promotion_apply,
.cart_right .use_discount .input_promotion_code .promotion_remove {
  height: 100%;
  min-width: 74px;
  width: auto;
  background: #004280;
  color: #fff;
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.cart_right .accordion.enter-promo-code .accordion-header, .cart_right .accordion.enter-referral-id .accordion-header {
  line-height: normal;
}
@media (max-width: 767.98px) {
  .cart_right .accordion.enter-promo-code .accordion-header, .cart_right .accordion.enter-referral-id .accordion-header {
    margin-bottom: 0;
  }
}
.cart_right .accordion.enter-promo-code .accordion-item, .cart_right .accordion.enter-referral-id .accordion-item {
  background: none;
  border: none;
}
.cart_right .accordion.enter-promo-code .accordion-button, .cart_right .accordion.enter-referral-id .accordion-button {
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
}
.cart_right .accordion.enter-promo-code .accordion-button ::after, .cart_right .accordion.enter-referral-id .accordion-button ::after {
  margin-left: 5px;
}
.cart_right .accordion.enter-promo-code .accordion-body, .cart_right .accordion.enter-referral-id .accordion-body {
  padding: 8px 0 0 0;
}
@media (min-width: 768px) {
  .cart_right .accordion.enter-promo-code .accordion-body, .cart_right .accordion.enter-referral-id .accordion-body {
    padding: 12px 0 0 0;
  }
}
.cart_right .accordion.enter-referral-id .accordion-body {
  padding-top: 8px;
}
.cart_right .accordion.enter-referral-id .accordion-button {
  color: #006EFF;
}
.cart_right .accordion.enter-referral-id .accordion-button::after {
  content: none;
}
.cart_right .accordion.enter-referral-id .referral-id-input-wrapper {
  flex: 1;
  position: relative;
}
.cart_right .accordion.enter-referral-id .referral-id-input-wrapper .form-control--referral-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cart_right .accordion.enter-referral-id .referral-id-input-wrapper .form-control--referral-input:disabled {
  padding-right: 24px;
}
.cart_right .accordion.enter-referral-id .input-group .form-control.is-valid {
  color: #737b7d;
  border-color: #cfd2d5;
  background-color: #f6f7f9;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5808%2016.2538L17.3038%209.53075L16.25%208.477L10.5808%2014.1463L7.73075%2011.2963L6.677%2012.35L10.5808%2016.2538ZM12.0018%2021.5C10.6878%2021.5%209.45267%2021.2507%208.2965%2020.752C7.14033%2020.2533%206.13467%2019.5766%205.2795%2018.7218C4.42433%2017.8669%203.74725%2016.8617%203.24825%2015.706C2.74942%2014.5503%202.5%2013.3156%202.5%2012.0018C2.5%2010.6878%202.74933%209.45267%203.248%208.2965C3.74667%207.14033%204.42342%206.13467%205.27825%205.2795C6.13308%204.42433%207.13833%203.74725%208.294%203.24825C9.44967%202.74942%2010.6844%202.5%2011.9982%202.5C13.3123%202.5%2014.5473%202.74933%2015.7035%203.248C16.8597%203.74667%2017.8653%204.42342%2018.7205%205.27825C19.5757%206.13308%2020.2528%207.13833%2020.7518%208.294C21.2506%209.44967%2021.5%2010.6844%2021.5%2011.9982C21.5%2013.3123%2021.2507%2014.5473%2020.752%2015.7035C20.2533%2016.8597%2019.5766%2017.8653%2018.7218%2018.7205C17.8669%2019.5757%2016.8617%2020.2528%2015.706%2020.7518C14.5503%2021.2506%2013.3156%2021.5%2012.0018%2021.5ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22%2300893A%22%2F%3E%3C%2Fsvg%3E");
}
.cart_right .accordion.enter-referral-id .input-group .form-control.form-control__warning-icon {
  width: 24px;
  height: 24px;
  border: none;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2016.7307C12.2288%2016.7307%2012.4207%2016.6533%2012.5755%2016.4985C12.7303%2016.3437%2012.8078%2016.1518%2012.8078%2015.923C12.8078%2015.6942%2012.7303%2015.5023%2012.5755%2015.3475C12.4207%2015.1928%2012.2288%2015.1155%2012%2015.1155C11.7712%2015.1155%2011.5793%2015.1928%2011.4245%2015.3475C11.2697%2015.5023%2011.1923%2015.6942%2011.1923%2015.923C11.1923%2016.1518%2011.2697%2016.3437%2011.4245%2016.4985C11.5793%2016.6533%2011.7712%2016.7307%2012%2016.7307ZM11.25%2013.077H12.75V7.077H11.25V13.077ZM12.0018%2021.5C10.6878%2021.5%209.45267%2021.2507%208.2965%2020.752C7.14033%2020.2533%206.13467%2019.5766%205.2795%2018.7218C4.42433%2017.8669%203.74725%2016.8617%203.24825%2015.706C2.74942%2014.5503%202.5%2013.3156%202.5%2012.0018C2.5%2010.6878%202.74933%209.45267%203.248%208.2965C3.74667%207.14033%204.42342%206.13467%205.27825%205.2795C6.13308%204.42433%207.13833%203.74725%208.294%203.24825C9.44967%202.74942%2010.6844%202.5%2011.9982%202.5C13.3123%202.5%2014.5473%202.74933%2015.7035%203.248C16.8597%203.74667%2017.8653%204.42342%2018.7205%205.27825C19.5757%206.13308%2020.2528%207.13833%2020.7518%208.294C21.2506%209.44967%2021.5%2010.6844%2021.5%2011.9982C21.5%2013.3123%2021.2507%2014.5473%2020.752%2015.7035C20.2533%2016.8597%2019.5766%2017.8653%2018.7218%2018.7205C17.8669%2019.5757%2016.8617%2020.2528%2015.706%2020.7518C14.5503%2021.2506%2013.3156%2021.5%2012.0018%2021.5ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22%23F7C265%22%2F%3E%3C%2Fsvg%3E");
  padding: 0;
}
.cart_right .accordion.enter-referral-id .input-group .btn-referral-apply.loading-section::before, .cart_right .accordion.enter-referral-id .input-group .btn-referral-delete.loading-section::before {
  margin-left: 0;
  margin-top: 0;
  left: 0;
  top: 0;
  background-color: var(--Brand-IoTMart-Brand-color_primary, #004280);
  padding: 0;
}
.cart_right .accordion.enter-referral-id .input-group .btn-referral-apply.loading-section::after, .cart_right .accordion.enter-referral-id .input-group .btn-referral-delete.loading-section::after {
  width: 20px;
  height: 20px;
  border-width: 2px;
  translate: -50% -50%;
}

/* section apply promotion */
.section-apply-discount {
  /* padding-top: 12px; */
  /* margin-top: 24px;
  border-top: 1px solid #CFD2D5; */
}
.section-apply-discount h5 {
  font-size: 16px;
  color: #434447;
  font-weight: normal;
}
.section-apply-discount .btn-select-coupon {
  width: 100%;
  margin-bottom: 12px;
  color: #006EFF;
  border: 1px solid #006EFF;
}
.section-apply-discount .btn-select-coupon svg {
  vertical-align: sub;
}

.line_up_26 {
  margin-top: 16px;
}

.line_up_24 {
  margin-top: 24px;
}

.line_down_24 {
  margin-bottom: 24px;
}

.delete_item {
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.525 21C6.1125 21 5.75937 20.8531 5.46563 20.5594C5.17188 20.2656 5.025 19.9125 5.025 19.5V5.25H4.75C4.5375 5.25 4.35938 5.17771 4.21563 5.03313C4.07187 4.88853 4 4.70936 4 4.49563C4 4.28188 4.07187 4.10417 4.21563 3.9625C4.35938 3.82083 4.5375 3.75 4.75 3.75H8.7C8.7 3.53333 8.77187 3.35417 8.91563 3.2125C9.05938 3.07083 9.2375 3 9.45 3H14.55C14.7625 3 14.9406 3.07187 15.0844 3.21563C15.2281 3.35938 15.3 3.5375 15.3 3.75H19.25C19.4625 3.75 19.6406 3.82229 19.7844 3.96687C19.9281 4.11147 20 4.29064 20 4.50437C20 4.71812 19.9281 4.89583 19.7844 5.0375C19.6406 5.17917 19.4625 5.25 19.25 5.25H18.975V19.5C18.975 19.9125 18.8281 20.2656 18.5344 20.5594C18.2406 20.8531 17.8875 21 17.475 21H6.525ZM17.475 5.25H6.525V19.5H17.475V5.25ZM9.92937 17.35C10.1431 17.35 10.3208 17.2781 10.4625 17.1344C10.6042 16.9906 10.675 16.8125 10.675 16.6V8.125C10.675 7.9125 10.6027 7.73438 10.4581 7.59063C10.3135 7.44688 10.1344 7.375 9.92063 7.375C9.70688 7.375 9.52917 7.44688 9.3875 7.59063C9.24583 7.73438 9.175 7.9125 9.175 8.125V16.6C9.175 16.8125 9.24729 16.9906 9.39187 17.1344C9.53647 17.2781 9.71564 17.35 9.92937 17.35ZM14.0794 17.35C14.2931 17.35 14.4708 17.2781 14.6125 17.1344C14.7542 16.9906 14.825 16.8125 14.825 16.6V8.125C14.825 7.9125 14.7527 7.73438 14.6081 7.59063C14.4635 7.44688 14.2844 7.375 14.0706 7.375C13.8569 7.375 13.6792 7.44688 13.5375 7.59063C13.3958 7.73438 13.325 7.9125 13.325 8.125V16.6C13.325 16.8125 13.3973 16.9906 13.5419 17.1344C13.6865 17.2781 13.8656 17.35 14.0794 17.35Z" fill="%23004280"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  align-self: flex-end;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .received-text {
    font-size: 16px !important;
  }
}

.pointIcon {
  width: 24px;
  height: 24px;
  background: url("../../images/pointsPng.png");
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  background-size: contain;
}

.pomotionIcon {
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7.5" y="3.75" width="1.25" height="3.75" rx="0.625" fill="%23434447"/><rect x="7.5" y="8.75" width="1.25" height="2.5" rx="0.625" fill="%23434447"/><rect x="7.5" y="12.5" width="1.25" height="3.75" rx="0.625" fill="%23434447"/><path d="M3.75826 16.25C3.40921 16.25 3.11224 16.1229 2.86734 15.8688C2.62245 15.6146 2.5 15.3064 2.5 14.9442V12.3935C2.5 12.265 2.53345 12.1536 2.60034 12.0594C2.66723 11.9652 2.75544 11.899 2.86495 11.8607C3.24368 11.7254 3.54225 11.4809 3.76066 11.1275C3.97908 10.774 4.08829 10.4014 4.08829 10.0096C4.08829 9.61779 3.97908 9.24197 3.76066 8.88212C3.54225 8.52227 3.24368 8.27633 2.86494 8.14429C2.75543 8.10601 2.66723 8.03963 2.60034 7.94515C2.53345 7.85069 2.5 7.73852 2.5 7.60864V5.06038C2.5 4.6969 2.62245 4.38764 2.86734 4.13259C3.11224 3.87753 3.40921 3.75 3.75826 3.75H16.2373C16.5876 3.75 16.8856 3.87753 17.1313 4.13259C17.3771 4.38764 17.5 4.6969 17.5 5.06038V7.61322C17.5 7.7403 17.4661 7.85116 17.3984 7.94581C17.3307 8.04046 17.2414 8.10695 17.1306 8.14529C16.7519 8.27666 16.4541 8.52227 16.2371 8.88212C16.0202 9.24197 15.9117 9.61779 15.9117 10.0096C15.9117 10.4014 16.0202 10.774 16.2371 11.1275C16.4541 11.4809 16.7519 11.7249 17.1306 11.8593C17.2401 11.897 17.3291 11.9633 17.3974 12.0583C17.4658 12.1533 17.5 12.2643 17.5 12.3914V14.9442C17.5 15.3064 17.3771 15.6146 17.1313 15.8688C16.8856 16.1229 16.5876 16.25 16.2373 16.25H3.75826ZM3.75826 14.9442H16.2373V12.9147C15.7694 12.5794 15.3878 12.1605 15.0923 11.658C14.7968 11.1555 14.649 10.603 14.649 10.0006C14.649 9.39814 14.7968 8.84546 15.0923 8.34256C15.3878 7.83966 15.7694 7.4221 16.2373 7.08989V5.06038H3.75826V7.08989C4.24138 7.4221 4.62688 7.83989 4.91475 8.34325C5.20261 8.8466 5.34654 9.39908 5.34654 10.0007C5.34654 10.6023 5.20261 11.1546 4.91475 11.6575C4.62688 12.1603 4.24138 12.5794 3.75826 12.9147V14.9442Z" fill="%23434447"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

.modal_background.show {
  display: block !important;
}

.modal_background,
.modal_background_shipping {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 10;
  top: 0;
  left: 0;
}

#modal,
#modal-shipping,
#modal-couponlist,
#modal-quotation,
#modal-config-edite {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 11;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #modal,
  #modal-shipping,
  #modal-couponlist,
  #modal-quotation,
  #modal-config-edite {
    max-width: calc(100% - 40px) !important;
  }
}
#modal .title,
#modal-shipping .title,
#modal-couponlist .title,
#modal-quotation .title,
#modal-config-edite .title {
  display: flex;
  justify-content: space-between;
}
#modal .title h4,
#modal-shipping .title h4,
#modal-couponlist .title h4,
#modal-quotation .title h4,
#modal-config-edite .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
#modal .title .closed,
#modal-shipping .title .closed,
#modal-couponlist .title .closed,
#modal-quotation .title .closed,
#modal-config-edite .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#modal p:not(.edite-config),
#modal-shipping p:not(.edite-config),
#modal-couponlist p:not(.edite-config),
#modal-quotation p:not(.edite-config),
#modal-config-edite p:not(.edite-config) {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 32px;
}
#modal p:not(.edite-config).cannot-shipping,
#modal-shipping p:not(.edite-config).cannot-shipping,
#modal-couponlist p:not(.edite-config).cannot-shipping,
#modal-quotation p:not(.edite-config).cannot-shipping,
#modal-config-edite p:not(.edite-config).cannot-shipping {
  display: none;
  margin-bottom: 20px;
}
#modal p:not(.edite-config).can-shipping,
#modal-shipping p:not(.edite-config).can-shipping,
#modal-couponlist p:not(.edite-config).can-shipping,
#modal-quotation p:not(.edite-config).can-shipping,
#modal-config-edite p:not(.edite-config).can-shipping {
  margin-bottom: 20px;
}
body.disable #modal p.cannot-shipping,
body.disable #modal-shipping p.cannot-shipping,
body.disable #modal-couponlist p.cannot-shipping,
body.disable #modal-quotation p.cannot-shipping,
body.disable #modal-config-edite p.cannot-shipping {
  display: block;
}
body.disable #modal p.can-shipping,
body.disable #modal-shipping p.can-shipping,
body.disable #modal-couponlist p.can-shipping,
body.disable #modal-quotation p.can-shipping,
body.disable #modal-config-edite p.can-shipping {
  display: none;
}
#modal .modal_btn_are,
#modal-shipping .modal_btn_are,
#modal-couponlist .modal_btn_are,
#modal-quotation .modal_btn_are,
#modal-config-edite .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
}

#modal-couponlist .coupons-list-wraper .has-coupons,
#modal-config-edite .coupons-list-wraper .has-coupons {
  max-height: 511px;
  overflow: auto;
  height: 50vh;
  padding-bottom: 24px;
}
#modal-couponlist .coupons-list-wraper .types,
#modal-config-edite .coupons-list-wraper .types {
  color: #000;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  margin-bottom: 12px;
}
#modal-couponlist .coupons-list-wraper .couponsSelectItem,
#modal-config-edite .coupons-list-wraper .couponsSelectItem {
  display: flex;
  cursor: pointer;
}
#modal-couponlist .coupons-list-wraper .coupon-items,
#modal-config-edite .coupons-list-wraper .coupon-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#modal-couponlist .coupons-list-wraper .coupon-items.ineligible .couponsSelectItem,
#modal-config-edite .coupons-list-wraper .coupon-items.ineligible .couponsSelectItem {
  opacity: 0.4;
  pointer-events: none;
}
#modal-couponlist .coupons-list-wraper .coupon-items .imageLeft,
#modal-config-edite .coupons-list-wraper .coupon-items .imageLeft {
  width: 170px;
  height: 170px;
  display: flex;
}
#modal-couponlist .coupons-list-wraper .coupon-items .imageLeft img,
#modal-config-edite .coupons-list-wraper .coupon-items .imageLeft img {
  width: 100%;
  object-fit: contain;
  background: #E8ECEF;
}
#modal-couponlist .coupons-list-wraper .coupon-items .text-right,
#modal-config-edite .coupons-list-wraper .coupon-items .text-right {
  display: flex;
  background: #F6F7F9;
  padding: 24px;
  flex: 1;
}
#modal-couponlist .coupons-list-wraper .coupon-items .text-right.selected,
#modal-config-edite .coupons-list-wraper .coupon-items .text-right.selected {
  background: #FDEACC;
}
#modal-couponlist .coupons-list-wraper .coupon-items .text-right.selected h5,
#modal-config-edite .coupons-list-wraper .coupon-items .text-right.selected h5 {
  color: #E57B03;
}
#modal-couponlist .coupons-list-wraper .coupon-items .text-area,
#modal-config-edite .coupons-list-wraper .coupon-items .text-area {
  display: flex;
  flex-direction: column;
  width: 80%;
}
#modal-couponlist .coupons-list-wraper .coupon-items h5,
#modal-config-edite .coupons-list-wraper .coupon-items h5 {
  color: #003160;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
#modal-couponlist .coupons-list-wraper .coupon-items p,
#modal-config-edite .coupons-list-wraper .coupon-items p {
  margin: 0;
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
#modal-couponlist .coupons-list-wraper .coupon-items .radio-button,
#modal-config-edite .coupons-list-wraper .coupon-items .radio-button {
  width: 20%;
  align-items: center;
  display: grid;
  justify-content: end;
}
#modal-couponlist .question_toggle p,
#modal-config-edite .question_toggle p {
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  z-index: 2;
  top: 25px;
}
#modal-couponlist .question_toggle p a,
#modal-config-edite .question_toggle p a {
  text-decoration: none;
  color: #fff;
}
#modal-couponlist .has-coupons,
#modal-config-edite .has-coupons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#modal-couponlist .has-no-coupons,
#modal-config-edite .has-no-coupons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}

#spinner,
#spinner-minicart {
  height: 60px;
  width: 60px;
  margin: 0px auto;
  top: 50%;
  left: 50%;
  z-index: 12;
  position: fixed;
  transform: translate(-50%, -50%);
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
  border-left: 6px solid rgba(229, 123, 3, 0.3);
  border-right: 6px solid rgba(229, 123, 3, 0.3);
  border-bottom: 6px solid rgba(229, 123, 3, 0.3);
  border-top: 6px solid rgba(229, 123, 3, 0.8);
  border-radius: 100%;
}

.spinner {
  position: relative;
  min-height: 200px;
}

.spinner-inner {
  height: 60px;
  width: 60px;
  margin: -30px 0 0 -30px;
  top: 50%;
  left: 50%;
  z-index: 12;
  position: absolute;
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
  border-left: 6px solid rgba(229, 123, 3, 0.3);
  border-right: 6px solid rgba(229, 123, 3, 0.3);
  border-bottom: 6px solid rgba(229, 123, 3, 0.3);
  border-top: 6px solid rgba(229, 123, 3, 0.8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
body section.shopping_cart_main,
body section.shopping_cart_empty {
  display: none;
}
body.items-cart {
  background-color: #F6F7F9;
}
@media screen and (min-width: 768px) {
  body.items-cart footer.footer {
    margin-top: 120px;
  }
}
body.items-cart section.shopping_cart_main {
  display: flex;
  gap: 36px;
}
@media screen and (max-width: 1200px) {
  body.items-cart section.shopping_cart_main {
    flex-direction: column;
    gap: 0;
  }
}
body.items-cart .prodct_relevant_section {
  display: none;
}
body .feature-product.cards {
  display: none;
}
body.items-cart:not(.empty-cart) .news-letter-container {
  margin-top: 120px;
}
body.empty-cart {
  background: #F6F7F9;
}
body.empty-cart .shopping_cart {
  display: none;
}
body.empty-cart .feature-product.cards {
  display: block;
  border-top: 1px solid #CFD2D5;
  background: #F6F7F9;
}
body.empty-cart .prodct_relevant_section {
  margin-top: 0;
  padding: 64px;
  border-top: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-30_BG-for-Content, #F6F7F9);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}
body.empty-cart .prodct_relevant_line {
  max-width: 1472px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  padding-top: 0;
  border: none;
}
body.empty-cart .prodct_relevant_line h3 {
  color: var(--gray-scale-80-content-text-1st, #434447);
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin: 0;
  border-left: 4px solid #F39800;
  padding-left: 12px;
}
body.empty-cart .prodct_relevant_line .relevant_row {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item {
  display: flex;
  height: 236px;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  background: var(--Gray-scale-00_White_BG, #FFF);
  max-width: 470px;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .image_left {
  max-width: 160px;
  width: 100%;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .image_left .product_lable {
  position: absolute;
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid var(--Brand-Advantech-Brand-color_Primary, #004280);
  background: var(--Brand-Advantech-Brand-color_Primary, #004280);
  color: #fff;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .image_left img {
  width: 160px;
  flex-shrink: 0;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right .product_name {
  color: var(--gray-scale-90-title-subtitle, #0C0C0C);
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right .product_description {
  color: var(--gray-scale-70-content-text-2nd, #737B7D);
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  letter-spacing: 0.48px;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right .product_lable {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right .product_lable span {
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--Gray-scale-60_Tag, #B6BFC1);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid var(--Gray-scale-60_Tag, #B6BFC1);
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right .product_price {
  color: var(--Brand-IoTMart-Highlight, #E57B03);
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  width: 100%;
}
body.empty-cart .prodct_relevant_line .relevant_row .relevant_item .product_text_right button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 2px;
  color: var(--Gray-scale-00_White_BG, #FFF);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  border: none;
}
body.empty-cart .prodct_relevant_section {
  display: block;
}
body.empty-cart .breadcrumbs,
body.empty-cart .shopping_cart_main {
  display: none !important;
}
body.empty-cart .shopping_cart__heading {
  margin-bottom: 0;
  padding-top: 48px;
}
body.empty-cart .shopping_cart_empty {
  background-color: #F6F7F9;
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}
body.empty-cart .shopping_cart_empty .cart-empty {
  text-align: center;
  width: 100%;
}
body.empty-cart .shopping_cart_empty .cart-empty .empty-log {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 64px;
  padding-bottom: 120px;
}
body.empty-cart .shopping_cart_empty .cart-empty .empty-log img {
  width: 200px;
}
body.empty-cart .shopping_cart_empty .cart-empty .empty-log span {
  color: #000;
  text-align: center;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}
body.empty-cart .shopping_cart_empty .cart-empty .empty-log a {
  border-radius: 2px;
  background: #F39800;
  text-decoration: none;
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #FFF;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}

.cartStoreNotify {
  display: flex;
  padding: 12px 16px;
  gap: 16px;
  border-radius: 2px;
  border-left: 4px solid #003160;
  background: #DFEBF7;
  font-size: 16px;
  color: #737B7D;
  margin-bottom: 32px;
  max-width: 971px;
  width: 66%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .cartStoreNotify {
    margin-bottom: 24px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .cartStoreNotify {
    max-width: 100%;
    width: 100%;
  }
}

#modal-quotation {
  max-width: 640px;
}
@media screen and (max-width: 767px) {
  #modal-quotation {
    width: 100%;
    max-width: none !important;
    bottom: 0;
    top: auto;
    left: 0;
    transform: none;
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
  }
  #modal-quotation hr {
    margin: 19px 0 24px 0;
  }
}
#modal-quotation .title {
  align-items: center;
}
#modal-quotation .quote-pop-wrapper {
  max-height: 427px;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  #modal-quotation .quote-pop-wrapper {
    flex: 1;
    max-height: none !important;
  }
}
#modal-quotation .quoute-pop-title {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #modal-quotation .quoute-pop-title {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px;
  }
}
#modal-quotation .quoute-pop-title h4 {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.48px;
}
#modal-quotation .quoute-pop-title button {
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  #modal-quotation .quoute-pop-title button {
    padding: 0;
    flex-direction: row;
  }
}
#modal-quotation .quoute-pop-title button:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="%23006EFF"/></svg>');
  width: 24px;
  height: 24px;
  display: block;
}
#modal-quotation #quote-email-form {
  position: relative;
}
#modal-quotation #quote-email-form.disabled input {
  background: #F6F7F9;
  pointer-events: none;
  color: #B6BFC1;
}
#modal-quotation #quote-email-form.disabled button {
  color: #CFD2D5;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  pointer-events: none;
}
#modal-quotation #quote-email-form input {
  margin-top: 12px;
}
#modal-quotation #quote-email-form input.error ~ button {
  color: #CFD2D5;
  pointer-events: none;
}
#modal-quotation #quote-email-form button {
  position: absolute;
  top: 0;
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  background: none;
  height: 40px;
  right: 8px;
  border: none;
}
#modal-quotation #quote-email-form button.disabled {
  color: #CFD2D5;
  pointer-events: none;
}
#modal-quotation .quote-emails-container {
  margin: 16px 0;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}
#modal-quotation .quote-emails-container span {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #4D4D4D;
  width: fit-content;
  color: #4D4D4D;
  text-align: center;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#modal-quotation .quote-emails-container span .removeButton {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2.85714 10.5C3.10476 10.5 3.31429 10.4141 3.47619 10.2422L5.99048 7.72196L8.51429 10.2422C8.67619 10.4045 8.87619 10.5 9.13333 10.5C9.60952 10.5 9.99048 10.1181 9.99048 9.63126C9.99048 9.40215 9.89524 9.19212 9.73333 9.02983L7.20952 6.5L9.74286 3.96062C9.91429 3.78878 10 3.58831 10 3.35919C10 2.88186 9.61905 2.5 9.14286 2.5C8.90476 2.5 8.71429 2.58592 8.53333 2.7673L5.99048 5.29714L3.46667 2.77685C3.30476 2.60501 3.10476 2.51909 2.85714 2.51909C2.38095 2.51909 2 2.89141 2 3.36874C2 3.59785 2.09524 3.80788 2.25714 3.97017L4.78095 6.5L2.25714 9.03938C2.09524 9.19212 2 9.40215 2 9.63126C2 10.1181 2.38095 10.5 2.85714 10.5Z" fill="%23434447"/></svg>');
  width: 12px;
  height: 12px;
  display: block;
  cursor: pointer;
}
#modal-quotation p {
  color: #737B7D;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  margin-top: 0;
}
#modal-quotation p a {
  color: #006EFF;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  text-decoration: none;
}
#modal-quotation input {
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  width: 100%;
  margin-top: 16px;
  display: flex;
  height: 40px;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
}
#modal-quotation input.error {
  border-color: #B52F2F;
}
#modal-quotation input + label {
  color: #DB3A3A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#modal-quotation .modal_btn_are {
  width: calc(100% + 48px);
  margin-left: -24px;
  border-top: 1px solid #CFD2D5;
  padding: 16px 24px 0 0;
  justify-content: flex-end;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  #modal-quotation .modal_btn_are {
    margin: 0;
    width: 100%;
    padding-right: 0;
  }
}
#modal-quotation .quote-pop-wrapper {
  max-height: 427px;
  overflow: auto;
}

#modal-couponlist,
#modal-config-edite {
  max-width: 640px;
}
#modal-couponlist .title,
#modal-config-edite .title {
  align-items: center;
}
#modal-couponlist .quote-pop-wrapper,
#modal-config-edite .quote-pop-wrapper {
  max-height: 427px;
  overflow: auto;
}
#modal-couponlist .quoute-pop-title,
#modal-config-edite .quoute-pop-title {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #modal-couponlist .quoute-pop-title,
  #modal-config-edite .quoute-pop-title {
    flex-direction: column;
  }
}
#modal-couponlist .quoute-pop-title h4,
#modal-config-edite .quoute-pop-title h4 {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.48px;
}
#modal-couponlist .quoute-pop-title button,
#modal-config-edite .quoute-pop-title button {
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  #modal-couponlist .quoute-pop-title button,
  #modal-config-edite .quoute-pop-title button {
    flex-direction: row-reverse;
  }
}
#modal-couponlist .quoute-pop-title button:before,
#modal-config-edite .quoute-pop-title button:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="%23006EFF"/></svg>');
  width: 24px;
  height: 24px;
  display: block;
}
#modal-couponlist .modal_btn_are,
#modal-config-edite .modal_btn_are {
  width: calc(100% + 48px);
  margin-left: -24px;
  border-top: 1px solid #CFD2D5;
  padding: 16px 24px 0 0;
  justify-content: flex-end;
}

.redeemLabelGift {
  border-radius: 2px;
  background: #FDEACC;
  color: #E57B03;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 2px 16px;
  margin-left: 4px;
}

.speendPointsGift {
  display: flex;
  gap: 8px;
  align-items: center;
}

i.point-svg {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../../images/pointsPng.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.gift-error {
  display: none;
}
.gift-error p {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-top: 4px;
  margin-bottom: 0;
}
.gift-error a {
  color: #006EFF;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  text-decoration: none;
}

.cart_Checkout.disabled-gift {
  background: #FBE0B2;
  pointer-events: none;
}
.cart_Checkout.disabled-gift + .gift-error {
  display: block;
}

@media screen and (max-width: 767px) {
  #modal-couponlist,
  #modal-config-edite {
    width: 100%;
    max-width: none !important;
    height: calc(100% - 60px);
    bottom: 0;
    top: auto;
    transform: none;
    left: auto;
    padding: 16px 20px;
  }
  #modal-couponlist .title h4,
  #modal-config-edite .title h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }
  #modal-couponlist .title button.closed,
  #modal-config-edite .title button.closed {
    height: 26px;
    width: 26px;
  }
  #modal-couponlist hr,
  #modal-config-edite hr {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  #modal-couponlist .coupons-list-wraper .has-coupons, #modal-couponlist .coupons-list-wraper .has-no-coupons,
  #modal-config-edite .coupons-list-wraper .has-coupons,
  #modal-config-edite .coupons-list-wraper .has-no-coupons {
    height: calc(100vh - 208px);
    margin: 0;
  }
  #modal-couponlist .coupons-list-wraper .types,
  #modal-config-edite .coupons-list-wraper .types {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem {
    align-items: center;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .imageLeft,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .imageLeft {
    max-width: 30%;
    height: 100%;
    flex: 1;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .text-right,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .text-right {
    padding: 13px;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .text-right .text-area,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .text-right .text-area {
    width: 90%;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .text-right .text-area h5,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .text-right .text-area h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .text-right .text-area p,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .text-right .text-area p {
    font-family: Heebo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  #modal-couponlist .coupons-list-wraper .couponsSelectItem .text-right .radio-button,
  #modal-config-edite .coupons-list-wraper .couponsSelectItem .text-right .radio-button {
    width: 10%;
  }
  #modal-couponlist .modal_btn_are,
  #modal-config-edite .modal_btn_are {
    width: calc(100% + 40px);
    padding: 16px 22px;
    margin-left: -20px;
  }
  #modal-couponlist .modal_btn_are button,
  #modal-config-edite .modal_btn_are button {
    flex: 1;
  }
  #modal-couponlist .question_toggle p,
  #modal-config-edite .question_toggle p {
    left: 0;
    max-width: 60vw;
  }
  #modal-couponlist .question_toggle .triangle_icon,
  #modal-config-edite .question_toggle .triangle_icon {
    left: 8px;
  }
}
@media screen and (max-width: 767px) {
  .online-with {
    width: 100%;
  }
}

input::placeholder {
  color: #B6BFC1;
}

select {
  padding-right: 12px !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.99996 13.9076C9.78652 13.9076 9.59818 13.826 9.43495 13.6565L4.65119 8.76605C4.51308 8.62794 4.43774 8.45215 4.43774 8.25126C4.43774 7.8432 4.75792 7.52303 5.16598 7.52303C5.36687 7.52303 5.54893 7.60464 5.69332 7.74275L9.99996 12.1561L14.3066 7.74275C14.4447 7.60464 14.6331 7.52303 14.8339 7.52303C15.2357 7.52303 15.5559 7.8432 15.5559 8.25126C15.5559 8.45843 15.4869 8.62794 15.3487 8.76605L10.565 13.6565C10.408 13.826 10.2134 13.9076 9.99996 13.9076Z" fill="%23434447"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 12px top 50% !important;
  background-size: 20px !important;
}

select::-ms-expand {
  display: none;
}

.cart-coupon-error {
  display: none;
}

.announcement-items-line {
  padding: 12px 16px;
  border-radius: 2px;
  border-left: 4px solid #DB3A3A;
  background: #FFEFEE;
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-top: 24px;
}
.announcement-items-line p {
  margin: 0;
}

.configurable-options {
  background: #F6F7F9;
  margin-bottom: 16px;
}
.configurable-options .toggle-edit {
  background: #E8ECEF;
  padding: 8px 24px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .configurable-options .toggle-edit {
    padding: 12px 20px;
  }
}
.configurable-options .toggle-edit.hide-items ~ .cart-config-line {
  display: none;
}
.configurable-options .toggle-edit.hide-items .left i.toggle-icon {
  mask-image: var(--ds-icon-expand-more);
  -webkit-mask-image: var(--ds-icon-expand-more);
}
.configurable-options .toggle-edit .left {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: flex;
  gap: 4px;
}
.configurable-options .toggle-edit .left i.toggle-icon {
  width: 24px;
  height: 24px;
  display: block;
  background-color: var(--ds-color-text-primary, #434447);
  mask-image: var(--ds-icon-expand-less);
  -webkit-mask-image: var(--ds-icon-expand-less);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.configurable-options .toggle-edit .left + div {
  color: var(--ds-link-color, #006EFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.configurable-options .cart-config-line {
  padding: 12px 24px;
  display: flex;
  justify-content: space-between;
  color: #434447;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
  .configurable-options .cart-config-line {
    padding: 16px 0;
    flex-direction: column;
    border-bottom: 1px solid #CFD2D5;
    margin: 0 20px;
  }
}
.configurable-options .cart-config-line .left {
  width: 40%;
  font-size: 16px;
  font-weight: 500;
  color: var(--ds-color-text-gray-80, #434447);
}
.configurable-options .cart-config-line .left .part-number {
  font-size: 12px;
  font-weight: 400;
  color: var(--ds-color-text-gray-60, #B6BFC1);
}
@media screen and (max-width: 767px) {
  .configurable-options .cart-config-line .left {
    width: 100%;
    color: #434447;
    font-family: Heebo;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin-bottom: 8px;
    display: flex;
    gap: 12px;
  }
}
.configurable-options .cart-config-line .right {
  width: 60%;
  text-align: left;
  font-size: 14px;
  color: var(--ds-color-text-gray-70, #737B7D);
}
@media screen and (max-width: 767px) {
  .configurable-options .cart-config-line .right {
    width: 100%;
    color: #737B7D;
    font-family: Heebo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.48px;
  }
}
.configurable-options .cart-config-line:last-child, .configurable-options .cart-config-line:first-child {
  padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .configurable-options .cart-config-line:last-child {
    border-bottom: none;
    margin-bottom: 8px;
  }
}

#modal-config-edite .category-name {
  hyphens: auto;
  width: 100%;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  #modal-config-edite .coupons-list-wraper {
    height: calc(100vh - 208px);
  }
  #modal-config-edite .coupons-list-wraper .has-coupons {
    max-height: 100%;
  }
}
#modal-config-edite p, #modal-config-edite hr {
  margin-bottom: 0 !important;
}
#modal-config-edite .option-card-container {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  #modal-config-edite .option-card-container {
    grid-template-columns: 1fr;
  }
  #modal-config-edite .option-card-container .container {
    max-width: none;
  }
}
#modal-config-edite .modal_btn_are {
  justify-content: space-between;
  margin: 0;
  width: 100%;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #modal-config-edite .modal_btn_are {
    padding-left: 0;
  }
}
#modal-config-edite .left .price span {
  color: #E57B03;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.72px;
}
#modal-config-edite .right {
  display: flex;
  gap: 16px;
}

.configurable-options-reorder .cart-config-line .left {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.48px;
}
.configurable-options-reorder .cart-config-line .right {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 9px;
}

.cart-config-pdf .cart-config-line:first-child {
  border-top: 0.855px solid #4D4D4D;
  margin-top: 8px;
  padding-top: 8px;
  margin-bottom: 4px;
}
.cart-config-pdf .left {
  color: #000;
  font-family: Heebo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 767px) {
  .modal_btn_are.mobile-pop-vertical {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .modal_btn_are.mobile-pop-vertical button {
    width: 100%;
  }
}

#modal-coupon-list .modal-body {
  max-height: 490px;
}

/* Modal Coupon List Styles */
@media screen and (min-width: 767px) {
  #modal-coupon-list .modal-dialog {
    min-width: 768px;
  }
  #modal-coupon-list .modal-body {
    min-height: 40vh;
    max-height: 450px;
  }
}
.modal-coupons-list-wraper .has-no-coupons {
  text-align: center;
}

.coupon-items-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}

.coupon-item {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .coupon-item {
    width: calc(50% - 8px);
  }
}

.coupon-select {
  display: none !important;
}

.coupon-item-select {
  background: #F6F7F9;
  display: flex;
  cursor: pointer;
}

.coupon-left {
  background-color: #ddd;
  width: 96px;
  height: 96px;
  overflow: hidden;
}

.coupon-left img {
  height: 100%;
  /* width: 100%;
  object-fit: contain; */
  opacity: 0.5;
}

.coupon-right {
  padding: 12px 40px 12px 12px;
  position: relative;
  width: calc(100% - 96px);
}

.coupon-right::before,
.coupon-right::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  display: block;
  top: -7px;
  left: -7px;
}

.coupon-right::after {
  bottom: -7px;
  top: auto;
}

.coupon-title {
  font-size: 14px;
  font-weight: 700;
  color: #003160;
  margin: 0 0 4px 0;
}

.coupon-description p {
  font-size: 10px;
  margin: 0;
}

.input-apply-coupon {
  display: none;
}

.coupon-apply {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.coupon-apply-icon {
  background: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #B6BFC1;
  display: block;
  position: relative;
  border-radius: 50%;
}

/* Coupon item selected */
.input-apply-coupon:checked + .coupon-item-select {
  background: #FDEACC;
}

.input-apply-coupon:checked + .coupon-item-select .coupon-title {
  color: #E57B03;
}

.input-apply-coupon:checked + .coupon-item-select .coupon-apply-icon::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #E57B03;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Coupon item disabled */
.input-apply-coupon:disabled + .coupon-item-select {
  cursor: default;
}

.input-apply-coupon:disabled + .coupon-item-select .coupon-apply-icon {
  background: #E8ECEF;
  border-color: #B6BFC1;
}

.coupon-description .coupon-reason {
  background-color: #FDEACC;
  font-size: 10px;
  color: #E57B03;
  margin-top: 4px;
  padding: 4px 8px;
  font-weight: 700;
  border-radius: 2px;
  line-height: 1;
}

.coupon-description .coupon-period-end {
  font-size: 10px;
  color: #B52F2F;
  margin-top: 6px;
  font-weight: 700;
}

@media screen and (min-width: 1201px) {
  .cart_left {
    position: relative;
  }
}
.cart_item .subtotal .value .component-unavailable {
  display: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #B52F2F;
}

.cart_item.has-out-of-stock-item .subtotal .value .original_price,
.cart_item.has-out-of-stock-item .subtotal .value .final_price {
  display: none;
}

.cart_item.has-out-of-stock-item .subtotal .value .component-unavailable {
  display: block;
}

@media screen and (max-width: 767px) {
  .cart_item .subtotal .value .component-unavailable {
    line-height: normal;
    font-size: 18px;
  }
}
.cart_right .guest-login-wrapper .login-warning-message {
  color: #DB3A3A;
  font-size: 14px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .cart_right .guest-login-wrapper .login-warning-message {
    font-size: 16px;
  }
}
.cart_right .cart_items.cart_items__kr .side-items {
  padding-right: 0;
}

.cart_right .accordion.enter-promo-code .accordion-button {
  color: #737B7D;
}

.cart_right .accordion.enter-promo-code .accordion-button::after,
.cart_right .accordion.enter-referral-id .accordion-button::after {
  background-size: 14px;
  background-position: left center;
  margin-left: 8px;
}

.cart_right .enter-promo-code .form-control--promotion-input.is-invalid,
.cart_right .input-group--referral-id .form-control--referral-input.is-invalid,
.cart_right .enter-promo-code .form-control--promotion-input.is-valid,
.cart_right .input-group--referral-id .form-control--referral-input.is-valid {
  background-size: 24px 24px;
}

.cart_right .input-group--promotion-code input ~ .btn,
.cart_right .referral-id-input-wrapper ~ .btn {
  border-radius: 0px 2px 2px 0px !important;
}

.cart_right .input-group--promotion-code .form-control:not(.is-invalid),
.cart_right .referral-id-input-wrapper .form-control:not(.is-invalid) {
  border-color: #cfd2d5;
}

.cart_right .input-group--promotion-code input::placeholder,
.cart_right .referral-id-input-wrapper input::placeholder {
  color: #B6BFC1;
}

.cart_right .unavailable-component-error {
  font-size: 14px;
  color: #B52F2F;
  margin: 24px 0 0 0;
  padding-left: 18px;
}

.cart_right .unavailable-component-error.hide ~ .question-wrapper {
  display: flex;
}

.cart_right .unavailable-component-error ~ .question-wrapper {
  display: none;
}

.cart_right .unavailable-component-error li::marker {
  font-size: 11px;
}

.section-apply-discount .btn-select-coupon:active {
  color: #fff;
}

.section-apply-discount .btn-select-coupon:active svg {
  fill: #fff;
}

.section-apply-discount.hide + hr,
.section-discount-guest.hide + hr,
.enter-referral-id.hide + hr {
  display: none;
}

.section-discount-guest__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.configurable-options .cart-config-line .right .item.disabled {
  color: #B6BFC1;
  text-decoration: line-through;
}

.modal-coupons-list-wraper[data-activetab=pills-eligible-coupon][data-eligible=no] + .modal-footer,
.modal-coupons-list-wraper[data-activetab=pills-ineligible-coupon][data-ineligible=no] + .modal-footer {
  display: none;
}

.modal-coupon-confirm .modal-content {
  border-radius: 0;
}

@media (min-width: 576px) {
  .modal-invalid-discount-confirm .modal-dialog,
  .modal-promotion-confirm .modal-dialog,
  .modal-coupon-confirm .modal-dialog,
  .modal-change-confirm .modal-dialog {
    max-width: 400px;
  }
}
/* Button share link */
.cart-share-link-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 768px) {
  .cart-share-link-wrapper {
    right: 0;
    top: 16px;
  }
}
@media screen and (min-width: 1201px) {
  .cart-share-link-wrapper {
    right: 0;
  }
}
.cart-share-link {
  background: none;
  border: none;
  color: #006EFF;
  padding: 0;
}

.cart-share-link:hover {
  color: #004280;
  text-decoration: underline;
}

.cart-share-link-wrapper .bi {
  height: 20px;
  width: 20px;
  vertical-align: text-top;
}

#cart-share-tooltip {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
}

#cart-share-tooltip.bs-tooltip-top .tooltip-arrow::before {
  top: auto;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}

/* Invalid feedback */
.input-group > .invalid-feedback {
  color: #b52f2f;
  font-size: 1rem;
  margin-top: 0.5rem;
  line-height: 20px;
  letter-spacing: 3%;
}

/* Coupon modal */
.coupon-modal .modal-title {
  line-height: 28px;
  font-size: 1.5rem;
}

.coupon-modal .coupons-unlocked {
  line-height: 20px;
}

.coupon-modal .modal-header {
  border-bottom: 0;
  position: relative;
}

.coupon-modal .modal-header:after {
  content: "";
  width: calc(100% - 48px);
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: #CFD2D5;
  left: 50%;
  transform: translateX(-50%);
}

.coupon-modal .modal-content {
  border-radius: 0;
  border: none;
}

.coupon-modal .modal-footer {
  justify-content: flex-end;
  gap: 1rem;
}

.coupon-modal .modal-footer > * {
  margin: 0;
}

#modal {
  padding: 24px;
  border-radius: 2px;
}

#modal .title {
  align-items: center;
}

#modal .title h4 {
  line-height: 125%;
  color: #434447;
}

#modal hr {
  margin: 12px 0;
  border-top: 1px solid #E8ECEF;
  opacity: 1;
}

#modal .modal_btn_are .btn {
  flex: 1;
  flex-shrink: 0;
}

#modal .modal_btn_are button:first-child {
  display: unset;
}

#modal p:not(.edite-config) {
  margin-bottom: 12px;
  color: #434447;
  line-height: 125%;
}

#modal .title .closed {
  width: 24px;
  height: 24px;
  background-position: center;
}

/* === restored from shoppingCart.css === */
@media screen and (min-width: 992px) {
  .configurable-options .toggle-edit {
    padding: 8px 24px;
  }
}
@media screen and (min-width: 992px) {
  .configurable-options .cart-config-line {
    flex-direction: row;
    padding: 16px 24px 0;
    gap: 8px;
  }
}
@media screen and (min-width: 992px) {
  .configurable-options .cart-config-line .left {
    width: 180px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 992px) {
  .configurable-options .cart-config-line .right {
    width: calc(100% - 180px);
    text-align: left;
  }
}
.cart_right.sticky_scroll.loading-section::before {
  width: calc(100% + 24px);
  margin-left: -24px;
  margin-top: -12px;
}

/*# sourceMappingURL=shoppingCart.css.map */