/* Checkout styling aligned with the SurperHuiThree lunar catalogue. */
#submit-form {
  --checkout-accent: #7ce6cd;
  --checkout-strong: #17977e;
  --checkout-border: rgba(211, 242, 238, .22);
  --checkout-panel: rgba(12, 28, 35, .7);
  --checkout-muted: #9fb5b8;
  color: #d9e8e9;
}

#submit-form > .row { align-items: flex-start; }
#submit-form .card {
  overflow: hidden;
  border: 1px solid var(--checkout-border);
  border-radius: 12px;
  background: var(--checkout-panel);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}

#submit-form .card-body { padding: 22px 24px; }
#submit-form .checkout-main-card > .card-body:first-child,
#submit-form .checkout-summary-card > .card-body > div:first-child {
  color: #f4fbfb;
}
#submit-form h4,
#submit-form h5,
#submit-form p { color: #eef8f8; }
#submit-form hr { border-color: rgba(220, 242, 241, .14); }
#submit-form .checkout-main-card > hr { margin: 0; }

#submit-form .form-control,
#submit-form select.form-control,
#submit-form textarea.form-control,
#submit-form .number {
  min-height: 40px;
  border: 1px solid rgba(220, 246, 242, .25);
  border-radius: 7px;
  background: rgba(4, 15, 20, .5);
  color: #eef8f8;
}
#submit-form .form-control::placeholder { color: #789095 !important; }
#submit-form .form-control:focus,
#submit-form .number:focus {
  border-color: #80ead1;
  background: rgba(4, 15, 20, .7);
  box-shadow: 0 0 0 3px rgba(124, 230, 205, .12);
  color: #fff;
}
#submit-form option { background: #10252c; color: #eef8f8; }

#submit-form .btn-primary {
  border-color: var(--checkout-strong);
  background: var(--checkout-strong);
  box-shadow: none;
}
#submit-form .btn-primary:hover,
#submit-form .btn-primary:focus { border-color: #1cb193; background: #1cb193; }
#submit-form .btn-warning { border-color: rgba(220, 246, 242, .25); background: rgba(247, 255, 255, .08); color: #e7f7f5; }

#submit-form .cart-register,
#submit-form .cart-login { display: flex; gap: 8px; }
#submit-form .cart-register .btn,
#submit-form .cart-login .btn {
  min-width: 104px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid rgba(220, 246, 242, .25) !important;
  border-radius: 7px !important;
  background: rgba(247, 255, 255, .08) !important;
  color: #e7f7f5 !important;
}
#submit-form .cart-register .btn.active,
#submit-form .cart-login .btn.active {
  border-color: #80ead1 !important;
  background: rgba(28, 154, 127, .9) !important;
}

#submit-form .checkboxDiv,
#submit-form .addfunds-payment {
  border: 1px solid rgba(220, 246, 242, .22) !important;
  border-radius: 7px;
  color: #d9e8e9;
}
#submit-form .checkboxDiv { background: rgba(247, 255, 255, .06); }
#submit-form .addfunds-payment {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 10px 14px;
  background: #f5f8f8 !important;
  color: #172b30;
}
#submit-form .addfunds-payment img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 40px;
  opacity: 1;
  filter: none;
}
#submit-form .checkboxDiv.checkboxSelect,
#submit-form .addfunds-payment.active,
#submit-form .addfunds-payment:hover {
  border-color: #80ead1 !important;
  box-shadow: 0 0 0 2px rgba(124, 230, 205, .14), 0 0 18px rgba(98, 229, 198, .1);
}
#submit-form .addfunds-payment.active,
#submit-form .addfunds-payment:hover { background: #fff !important; }

#submit-form #promo { max-width: 560px; }
#submit-form #promo .btn { min-width: 78px; border-radius: 0 7px 7px 0; }

#submit-form > .row > .col-md-4 { position: sticky; top: 92px; }
#submit-form .checkout-summary-card > .card-body { padding: 0; }
#submit-form .checkout-summary-card > .card-body > div:first-child {
  padding: 20px 22px 16px;
  border-bottom: 1px solid rgba(220, 242, 241, .14);
  background: rgba(5, 18, 23, .24);
}
#submit-form .checkout-summary-card > .card-body > hr:first-of-type { display: none; }
#submit-form .checkout-products {
  max-height: 52vh !important;
  padding: 10px 22px !important;
  scrollbar-color: rgba(124, 230, 205, .45) transparent;
  scrollbar-width: thin;
}
#submit-form .checkout-products address {
  margin: 0;
  padding: 15px 0 12px;
  border-bottom: 1px solid rgba(220, 242, 241, .13);
  color: #d9e8e9;
}
#submit-form .checkout-products address strong { color: #f4fbfb; }
#submit-form .checkout-products a { color: var(--checkout-accent); }
#submit-form .checkout-products .goods_info { padding: 8px 0 4px; }
#submit-form .checkout-products .goods_info .title {
  padding: 6px 8px;
  border-radius: 5px;
  background: rgba(4, 15, 20, .3);
  color: var(--checkout-accent);
  text-indent: 0;
}
#submit-form .checkout-products .goods_info .title font { color: var(--checkout-muted); }
#submit-form .checkout-products .goods_info .info { color: #adc2c4; text-indent: 12px; }
#submit-form .checkout-products .goods_info .info font { color: #eef8f8; }
#submit-form .checkout-products .cart_qty { display: flex; gap: 5px; }
#submit-form .checkout-products .cart_qty .number { width: 64px !important; min-height: 30px; height: 30px; padding: 4px 7px; }
#submit-form .checkout-products .cart_qty .btn { border: 1px solid var(--checkout-border); background: rgba(247, 255, 255, .08) !important; color: #d9e8e9; }
#submit-form .checkout-products > .font-size-16,
#submit-form .checkout-products > .font-size-16 > span {
  color: #b9ced0 !important;
}
#submit-form .checkout-products > .font-size-16 > span:last-child,
#submit-form .checkout-products > .font-size-16 strong {
  color: var(--checkout-accent) !important;
  font-variant-numeric: tabular-nums;
}

#submit-form .checkout-summary-card > .card-body > hr[style] {
  margin: 0 !important;
  border-top: 1px solid rgba(220, 242, 241, .14) !important;
}
#submit-form .checkout-summary-card .mobile-hide.font-size-16 {
  margin: 0 !important;
  padding: 18px 22px !important;
  background: rgba(5, 18, 23, .25);
}
#submit-form .checkout-summary-card .mobile-hide.font-size-16 > span:first-child {
  color: #eef8f8 !important;
  font-weight: 600;
}
#submit-form .checkout-summary-card .mobile-hide.font-size-16 > span:last-child {
  color: #b9ced0 !important;
}
#submit-form .checkout-summary-card .mobile-hide.font-size-16 strong,
#submit-form .checkout-summary-card .mobile-hide.font-size-16 .price-num {
  color: var(--checkout-accent) !important;
  font-variant-numeric: tabular-nums;
}
#submit-form .checkout-summary-card .text-primary { color: var(--checkout-accent) !important; }
#submit-form .checkout-summary-card .payDiv {
  padding: 0 22px 22px;
  background: rgba(5, 18, 23, .25);
}
#submit-form .checkout-summary-card .payDiv .submit-btn { min-height: 44px; border-radius: 7px; }
#submit-form .custom-control-label { color: #b8ccce; }
#submit-form .custom-control-label a { margin-left: 3px; color: var(--checkout-accent); }

#submit-form .mobile-bottom-total {
  border-top: 1px solid var(--checkout-border);
  background: rgba(9, 23, 29, .97);
  color: #eef8f8;
  backdrop-filter: blur(14px);
}
#submit-form .mobile-bottom-total .font-size-16 > span:first-child { color: #eef8f8 !important; }
#submit-form .mobile-bottom-total .font-size-16 > span:last-child { color: #b9ced0 !important; }
#submit-form .mobile-bottom-total strong,
#submit-form .mobile-bottom-total .price-num { color: var(--checkout-accent) !important; }

#customModal .modal-content {
  border: 1px solid rgba(211, 242, 238, .22);
  border-radius: 8px;
  background: #10252c;
  color: #d9e8e9;
}
#customModal .modal-header,
#customModal .modal-footer { border-color: rgba(220, 242, 241, .14); }
#customModal .modal-title { color: #f4fbfb; }
#customModal .close { color: #fff; text-shadow: none; }

@media (max-width: 991px) {
  #submit-form > .row > .col-md-8,
  #submit-form > .row > .col-md-4 { flex: 0 0 100%; max-width: 100%; }
  #submit-form > .row > .col-md-4 { position: static; margin-top: 20px; }
}

@media (max-width: 575px) {
  #submit-form .card-body { padding: 18px 14px; }
  #submit-form .checkout-products { padding-right: 14px !important; padding-left: 14px !important; }
  #submit-form .checkout-summary-card > .card-body > div:first-child { padding-right: 16px; padding-left: 16px; }
  #submit-form .cart-register .btn,
  #submit-form .cart-login .btn { flex: 1 1 50%; min-width: 0; }
  #submit-form .addfunds { flex: 0 0 50%; max-width: 50%; }
  #submit-form .mobile-bottom-total { padding: 10px 12px; }
}