/* Match the checkout with the storefront's ink and warm ivory palette. */
.mobile-checkout {
  background: linear-gradient(155deg, #dcd4c9 0%, #ece5da 46%, #e4ded5 100%);
  color: #17202b;
}
.mobile-checkout #drawer { background: transparent; color: #17202b; }
.mobile-checkout header {
  background: #171717;
  border-color: #383633;
  color: #f5f0e8;
}
.mobile-checkout header .vekstore-mark { filter: brightness(0) invert(1); }
.mobile-checkout header>a:last-child { color: #e7dcca; }
.mobile-checkout .page-heading>p,
.mobile-checkout .page-heading>span { color: #55524d; }
.mobile-checkout .page-heading b { color: #0b2452; }
.mobile-checkout h1 { color: #171717; }
.mobile-checkout .checkout-section,
.mobile-checkout .checkout-main>label,
.mobile-checkout #checkoutEmpty {
  background: #faf7f1;
  border-color: #d0c6b8;
  box-shadow: 0 8px 30px #4e413511;
}
.mobile-checkout input:not([type=radio]),
.mobile-checkout textarea,
.mobile-checkout select {
  background: #fffdfa;
  border-color: #c9c0b4;
  color: #17202b;
}
.mobile-checkout .checkout-choice { border-color: #d5cbbf; }
.mobile-checkout .checkout-choice:has(input:checked) {
  background: #ede6dc;
  border-color: #0b2452;
  box-shadow: inset 3px 0 #0b2452;
}
.mobile-checkout .checkout-choice input { accent-color: #0b2452; }
.mobile-checkout .order-summary {
  background: #17202b;
  border-color: #17202b;
  color: #f5f0e8;
  box-shadow: 0 12px 32px #17202b26;
}
.mobile-checkout .order-summary .checkout-summary b { color: #f5f0e8; }
.mobile-checkout .checkout-summary .checkout-grand,
.mobile-checkout .payment-note { border-color: #f5f0e83d; }
.mobile-checkout .payment-note { color: #d0c6b8; }
.mobile-checkout .order-summary #checkoutMessage { color: #f5b2a9; }
.mobile-checkout .checkout-complete #checkoutMessage { color: #e9e1d5; }
.mobile-checkout #placeOrder,
.mobile-checkout .btn.primary {
  background: #e9e1d5;
  color: #17202b;
}
.mobile-checkout #placeOrder:hover,
.mobile-checkout .btn.primary:hover { background: #fff4e4; }
.mobile-checkout #applyPromo,
.mobile-checkout .checkout-retry {
  background: #e9e1d5;
  border-color: #c8bdad;
  color: #17202b;
}
.mobile-checkout a,
.mobile-checkout .section-title a { color: #0b2452; }
.mobile-checkout header>a:last-child { color: #e7dcca; }
.mobile-checkout footer {
  background: #171717;
  border-color: #383633;
  color: #d0c6b8;
}
@media (max-width: 767px) {
  .mobile-checkout .order-summary {
    background: #17202b;
    border-color: #17202b;
  }
  .mobile-checkout #placeOrder { background: #e9e1d5; color: #17202b; }
}