@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap");
.shopping_cart {
  background-color: #F6F7F9;
  padding: 0 64px;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .shopping_cart {
    padding: 0 24px;
    display: flex;
    flex-direction: column;
  }
}
.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;
}
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: 30px;
    margin-bottom: 48px;
    line-height: 42px;
  }
}

.cart_left {
  max-width: 971px;
  width: 66%;
}
@media screen and (max-width: 1200px) {
  .cart_left {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .cart_left {
    position: relative;
  }
}
.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: 32px 32px 32px 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .cart_item {
    flex-direction: column;
    padding: 20px;
    width: calc(100% + 48px);
    margin-left: -24px;
  }
}
.cart_item .item_image {
  max-width: 164px;
  width: 100%;
  text-align: center;
}
@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;
}
.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;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .description {
    max-width: 80%;
  }
}
.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: #434447;
}
.cart_item .item_name .qty_subtotal_line {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .qty_subtotal_line {
    flex-direction: column;
  }
}
.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: end;
    gap: 16px;
  }
}
.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: 100px;
}
@media screen and (max-width: 767px) {
  .cart_item .item_name .price_qty .qty {
    margin: 0;
    justify-content: space-between;
    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;
}
.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 {
    flex-direction: row;
    margin-top: 16px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
}
.cart_item .subtotal .text {
  align-self: end;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #CFD2D5;
}
.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: 5px;
  }
  .cart_item .subtotal .value .original_price {
    margin-right: 0 !important;
  }
}
.cart_item .subtotal .value .original_price {
  color: #CCC;
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  text-decoration-line: line-through;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .cart_item .subtotal .value .original_price {
    font-size: 18px;
  }
}
.cart_item .subtotal .value .final_price {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  color: #E57B03;
}

.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 .final_price {
    line-height: normal;
    font-size: 18px;
  }

  .cart_item .subtotal .value .component-unavailable {
    line-height: normal;
    font-size: 18px;
  }
}

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%;
}

.cart_right .guest-login-wrapper .login-warning-message {
  color: #DB3A3A;
  font-size: 14px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .cart_right {
    padding: 0 24px 0 24px;
  }
  .cart_right .guest-login-wrapper .login-warning-message {
    font-size: 16px;
  }
}
@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: 64px;
  }
}
@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;
}
.cart_right .cart_items.cart_items__kr .side-items {
  padding-right: 0;
}
@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 {
  color: #737B7D;
}
.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 {
  background-size: 14px;
  background-position: left center;
  margin-left: 8px;
}
.cart_right .accordion.enter-promo-code .accordion-body, 
.cart_right .accordion.enter-referral-id .accordion-body {
  padding: 8px 0 0 0;
}

.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 .enter-promo-code .form-control--promotion-input.is-valid {
  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");
  background-color: #e8ecef;
  border-color: #cfd2d5;
  color: #434447;
}

@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 {
  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");
  background-color: #e8ecef;
  color: #434447;
  border-color: #cfd2d5;
}
.cart_right .accordion.enter-referral-id .input-group .form-control.form-control__warning-icon {
  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");
  background-color: transparent;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border: none;
  background-position: center;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  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 {
  background-color: var(--Brand-IoTMart-Brand-color_primary, #004280);
  margin-left: 0;
  margin-top: 0;
  left: 0;
  top: 0;
  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%;
}

.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 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;
}
.section-apply-discount .btn-select-coupon:active {
  color: #fff;
}
.section-apply-discount .btn-select-coupon svg {
  vertical-align: sub;
}
.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;
  line-height: 1;
  margin-bottom: 4px;
  position: relative;
}

.section-discount-guest__title span {
  display: inline-block;
  width: 32px;
  vertical-align: middle;
}

.section-discount-guest__des {
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #737B7D;
  padding-left: 32px;
}

@media screen and (min-width: 768px) {
  .section-discount-guest__title {
    font-size: 20px;
  }

  .section-discount-guest__des {
    font-size: 16px;
  }
}

/* section Fee */
.section-fee {
  padding: 0 0 24px 32px;
  border-bottom: 1px solid #CFD2D5;
  margin-bottom: 24px;
}

.section-fee__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
  position: relative;
  color: #434447;
}

.section-fee__title i {
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.915 12.3685C9.3893 12.3685 9.81507 12.2502 10.1923 12.0135C10.5694 11.777 10.7579 11.3975 10.7579 10.875C10.7579 10.4401 10.5958 10.0938 10.2717 9.83583C9.94736 9.57778 9.34236 9.28632 8.45667 8.96146C7.59986 8.65382 6.9818 8.30931 6.6025 7.92792C6.22319 7.54653 6.03354 7.04278 6.03354 6.41667C6.03354 5.87931 6.2275 5.38729 6.61542 4.94063C7.00319 4.4941 7.54535 4.20938 8.24187 4.08646V3.64583C8.24187 3.49417 8.29882 3.36146 8.41271 3.24771C8.52646 3.13382 8.65917 3.07688 8.81083 3.07688C8.9625 3.07688 9.09521 3.13382 9.20896 3.24771C9.32285 3.36146 9.37979 3.49417 9.37979 3.64583V4.08646C9.77187 4.11424 10.1367 4.24167 10.4744 4.46875C10.8119 4.69583 11.0875 4.97764 11.3012 5.31417C11.3771 5.42944 11.384 5.55257 11.3221 5.68354C11.2601 5.81437 11.156 5.90653 11.0096 5.96C10.8718 6.01333 10.7326 6.02028 10.5921 5.98083C10.4517 5.94125 10.3365 5.86111 10.2467 5.74042C10.0865 5.54694 9.89021 5.39014 9.65771 5.27C9.42535 5.14986 9.15 5.08979 8.83167 5.08979C8.31347 5.08979 7.90722 5.21264 7.61292 5.45833C7.31861 5.70403 7.17146 6.02347 7.17146 6.41667C7.17146 6.80986 7.31514 7.11597 7.6025 7.335C7.88986 7.55403 8.4716 7.81313 9.34771 8.11229C10.3477 8.4734 11.0197 8.87826 11.3637 9.32688C11.7078 9.77563 11.8798 10.2917 11.8798 10.875C11.8798 11.2725 11.8063 11.6213 11.6594 11.9215C11.5124 12.2217 11.3204 12.4742 11.0833 12.6787C10.8461 12.8833 10.576 13.0449 10.2731 13.1635C9.97021 13.282 9.65854 13.3653 9.33812 13.4135V13.8542C9.33812 14.0058 9.28118 14.1385 9.16729 14.2523C9.05354 14.3662 8.92083 14.4231 8.76917 14.4231C8.6175 14.4231 8.48479 14.3662 8.37104 14.2523C8.25715 14.1385 8.20021 14.0058 8.20021 13.8542V13.3719C7.68854 13.2608 7.24521 13.0617 6.87021 12.7748C6.49521 12.488 6.19125 12.1138 5.95833 11.6523C5.89097 11.5059 5.89042 11.3611 5.95667 11.2179C6.02292 11.0747 6.12924 10.9765 6.27562 10.9231C6.4134 10.8697 6.55389 10.8704 6.69708 10.9254C6.84028 10.9806 6.94979 11.0727 7.02562 11.2019C7.24146 11.5844 7.51201 11.8744 7.83729 12.0721C8.16257 12.2697 8.5218 12.3685 8.915 12.3685ZM8.79 17.5C7.165 17.5 5.69035 17.0977 4.36604 16.2931C3.04187 15.4887 2.00319 14.4107 1.25 13.0592V14.9198C1.25 15.0972 1.19014 15.2457 1.07042 15.3654C0.950833 15.485 0.802361 15.5448 0.625 15.5448C0.447639 15.5448 0.299097 15.485 0.179375 15.3654C0.0597917 15.2457 0 15.0972 0 14.9198V11.7148C0 11.4999 0.0718055 11.3207 0.215417 11.1771C0.359167 11.0333 0.538403 10.9615 0.753125 10.9615H3.95833C4.13569 10.9615 4.28417 11.0213 4.40375 11.141C4.52347 11.2606 4.58333 11.4091 4.58333 11.5865C4.58333 11.7638 4.52347 11.9124 4.40375 12.0321C4.28417 12.1517 4.13569 12.2115 3.95833 12.2115H2.21625C2.81875 13.4252 3.70924 14.4017 4.88771 15.141C6.06618 15.8803 7.36694 16.25 8.79 16.25C10.7269 16.25 12.399 15.6106 13.806 14.3317C15.2131 13.0529 16.0246 11.4568 16.2404 9.54333C16.2628 9.36917 16.3359 9.22812 16.4598 9.12021C16.5838 9.01229 16.7328 8.95833 16.9069 8.95833C17.0842 8.95833 17.2335 9.01792 17.3548 9.13708C17.476 9.25611 17.5255 9.39847 17.5031 9.56417C17.4005 10.6806 17.1029 11.7198 16.6104 12.6819C16.1179 13.644 15.482 14.4821 14.7027 15.1962C13.9233 15.9104 13.029 16.4729 12.02 16.8838C11.0108 17.2946 9.93417 17.5 8.79 17.5ZM8.79 1.25C6.88514 1.25 5.2225 1.88007 3.80208 3.14021C2.38167 4.40035 1.56083 6.00319 1.33958 7.94875C1.31722 8.12292 1.2441 8.26528 1.12021 8.37583C0.99618 8.48639 0.847153 8.54167 0.673125 8.54167C0.490347 8.54167 0.339653 8.48208 0.221042 8.36292C0.102569 8.24389 0.0545139 8.09889 0.076875 7.92792C0.190069 6.79014 0.496944 5.73882 0.9975 4.77396C1.49806 3.80924 2.13806 2.97382 2.9175 2.26771C3.69681 1.56146 4.58833 1.00694 5.59208 0.604167C6.59583 0.201389 7.6618 0 8.79 0C10.399 0 11.8737 0.403611 13.214 1.21083C14.5542 2.01792 15.5929 3.10528 16.33 4.47292V2.58021C16.33 2.40285 16.3899 2.25431 16.5096 2.13458C16.6292 2.015 16.7776 1.95521 16.955 1.95521C17.1324 1.95521 17.2809 2.015 17.4006 2.13458C17.5202 2.25431 17.58 2.40285 17.58 2.58021V5.78521C17.58 6.00007 17.5082 6.17931 17.3646 6.32292C17.2208 6.46667 17.0416 6.53854 16.8269 6.53854H13.6217C13.4443 6.53854 13.2958 6.47868 13.1762 6.35896C13.0565 6.23937 12.9967 6.0909 12.9967 5.91354C12.9967 5.73618 13.0565 5.58764 13.1762 5.46792C13.2958 5.34833 13.4443 5.28854 13.6217 5.28854H15.3637C14.7772 4.09618 13.8934 3.125 12.7123 2.375C11.5312 1.625 10.2237 1.25 8.79 1.25Z" fill="%23434447"/></svg>');
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 2px;
  left: -30px;
}

.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 .modal_btn_are button:first-child,
#modal-shipping .modal_btn_are button:first-child,
#modal-couponlist .modal_btn_are button:first-child,
#modal-quotation .modal_btn_are button:first-child,
#modal-config-edite .modal_btn_are button:first-child {
  display: flex;
  /*height: 40px;*/
  /*padding: 12px 16px;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  /*gap: 8px;*/
  /*border-radius: 2px;*/
  /*border: 1px solid #E57B03;*/
  /*background: none;*/
  /*font-family: Heebo;*/
  /*font-size: 16px;*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*line-height: 24px;*/
  /*letter-spacing: 0.16px;*/
  /*color: #E57B03;*/
}
@media screen and (max-width: 767px) {
  #modal .modal_btn_are button:first-child,
  #modal-shipping .modal_btn_are button:first-child,
  #modal-couponlist .modal_btn_are button:first-child,
  #modal-quotation .modal_btn_are button:first-child,
  #modal-config-edite .modal_btn_are button:first-child {
    flex-basis: 100%;
  }
}
#modal .modal_btn_are button:last-child,
#modal-shipping .modal_btn_are button:last-child,
#modal-couponlist .modal_btn_are button:last-child,
#modal-quotation .modal_btn_are button:last-child,
#modal-config-edite .modal_btn_are button:last-child {
  /*display: flex;*/
  /*height: 40px;*/
  /*padding: 12px 16px;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  /*gap: 8px;*/
  /*border-radius: 2px;*/
  /*background: #F39800;*/
  /*border: none;*/
  /*font-family: Heebo;*/
  /*font-size: 16px;*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*line-height: 24px;*/
  /*letter-spacing: 0.16px;*/
  /*color: #fff;*/
}
@media screen and (max-width: 767px) {
  #modal .modal_btn_are button:last-child,
  #modal-shipping .modal_btn_are button:last-child,
  #modal-couponlist .modal_btn_are button:last-child,
  #modal-quotation .modal_btn_are button:last-child,
  #modal-config-edite .modal_btn_are button:last-child {
    flex-basis: 100%;
  }
}

#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;
}
@media screen and (max-width: 1200px) {
  body.items-cart section.shopping_cart_main {
    flex-direction: column;
  }
}
body.items-cart .prodct_relevant_section {
  display: none;
}
body.items-cart:not(.empty-cart) .news-letter-container {
  margin-top: 120px;
}
body.items-cart:not(.empty-cart) .feature-product.cards {
  display: none;
}
body.empty-cart {
  background: #F6F7F9;
}
body.empty-cart .shopping_cart {
  display: none;
}
body.empty-cart .feature-product.cards {
  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 16px;
  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 i.toggle-icon {
  transform: rotate(180deg);
}
.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;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M17.09 15.41L12.5 10.83L7.91 15.41L6.5 14L12.5 8L18.5 14L17.09 15.41Z" fill="%23434447"/></svg>');
  background-size: contain;
  display: block;
}
.configurable-options .toggle-edit .left + div {
  color: #004280;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.configurable-options .cart-config-line {
  padding: 12px 32px 0 32px;
  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%;
}
@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;
  }
}
.configurable-options .cart-config-line .right {
  width: 60%;
  text-align: left;
}
.configurable-options .cart-config-line .right .item.disabled {
  color: #B6BFC1;
  text-decoration: line-through;
}
@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 Styles */
#modal-coupon-list .modal-body {
  max-height: 490px;
}

@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;
}

.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;
}

.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%;
  min-height: 90px;
}
@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;
  height: 100%;
}

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

.coupon-left img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.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%;
}

.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;
  }
}

/* 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: "";
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><path d='M5.38717 7.76417L3.8385 6.21533C3.74617 6.12311 3.63011 6.07589 3.49033 6.07367C3.35067 6.07156 3.2325 6.11878 3.13583 6.21533C3.03928 6.312 2.991 6.42911 2.991 6.56667C2.991 6.70422 3.03928 6.82133 3.13583 6.918L4.96533 8.7475C5.08589 8.86794 5.2265 8.92817 5.38717 8.92817C5.54783 8.92817 5.68845 8.86794 5.809 8.7475L9.518 5.0385C9.61022 4.94617 9.65744 4.83011 9.65967 4.69033C9.66178 4.55067 9.61456 4.4325 9.518 4.33583C9.42133 4.23928 9.30422 4.191 9.16667 4.191C9.02911 4.191 8.912 4.23928 8.81533 4.33583L5.38717 7.76417ZM6.3345 12.6667C5.4585 12.6667 4.63511 12.5004 3.86433 12.168C3.09356 11.8356 2.42311 11.3844 1.853 10.8145C1.28289 10.2446 0.8315 9.57444 0.498833 8.804C0.166278 8.03356 0 7.21039 0 6.3345C0 5.4585 0.166222 4.63511 0.498667 3.86433C0.831111 3.09356 1.28228 2.42311 1.85217 1.853C2.42206 1.28289 3.09222 0.8315 3.86267 0.498833C4.63311 0.166278 5.45628 0 6.33217 0C7.20817 0 8.03156 0.166222 8.80233 0.498666C9.57311 0.831111 10.2436 1.28228 10.8137 1.85217C11.3838 2.42206 11.8352 3.09222 12.1678 3.86267C12.5004 4.63311 12.6667 5.45628 12.6667 6.33217C12.6667 7.20817 12.5004 8.03156 12.168 8.80233C11.8356 9.57311 11.3844 10.2436 10.8145 10.8137C10.2446 11.3838 9.57444 11.8352 8.804 12.1678C8.03356 12.5004 7.21039 12.6667 6.3345 12.6667Z' fill='%23F39800'/></svg>");
  width: 12px;
  height: 12px;
  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;
}

/* Button share link */
.cart-share-link-wrapper {
  position: absolute;
  right: 24px;
  top: 36px; /* 24px (cart-share-link-wrapper height) + 12px (1/2 cart-share-link-wrapper height) */
}

@media (min-width: 768px) {
  .cart-share-link-wrapper {
    right: 64px;
    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;
}

#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;
}
@media screen {
  
}

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