.gdk-purchase-card {
  position: sticky;
  top: 6rem;
  isolation: isolate;
  overflow: hidden;
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(39, 199, 190, 0.22), transparent 38%),
    linear-gradient(145deg, rgba(2, 35, 38, 0.97), rgba(4, 70, 74, 0.92)) !important;
  box-shadow: 0 28px 70px rgba(2, 35, 38, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
}

.gdk-purchase-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
}

.gdk-purchase-card h2,
.gdk-purchase-card .gdk-purchase-price {
  color: #fff !important;
}

.gdk-purchase-card .gdk-purchase-subtitle,
.gdk-purchase-card .gdk-purchase-meta,
.gdk-purchase-card > div > .text-gray-500 {
  color: rgba(226, 232, 240, 0.82) !important;
}

.gdk-purchase-card [data-contact-intent="question"] {
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

.gdk-purchase-card [data-contact-intent="question"]:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}

.gdk-purchase-card .gdk-finance-shell {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
}

.gdk-purchase-card .gdk-finance-shell :is(.text-gray-900, .text-gray-800, .text-gray-700) {
  color: #f8fafc !important;
}

.gdk-purchase-card .gdk-finance-shell :is(.text-gray-600, .text-gray-500) {
  color: rgba(226, 232, 240, 0.8) !important;
}

.gdk-purchase-card .gdk-finance-shell .bg-white {
  background: rgba(255, 255, 255, 0.1) !important;
}

.gdk-purchase-card .gdk-finance-shell input[type="range"] {
  width: 100%;
  height: 0.45rem;
  margin-top: 0.75rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  appearance: none;
  background: linear-gradient(90deg, #f5a800 var(--gdk-range-progress, 0%), rgba(255,255,255,.2) var(--gdk-range-progress, 0%));
  accent-color: #f5a800;
  cursor: pointer;
}

.gdk-purchase-card .gdk-finance-shell input[type="range"]::-webkit-slider-thumb {
  width: 1.15rem;
  height: 1.15rem;
  border: 3px solid #fff;
  border-radius: 999px;
  appearance: none;
  background: #f5a800;
  box-shadow: 0 3px 12px rgba(0,0,0,.28);
}

.gdk-finance-value {
  display: inline-flex;
  align-items: center;
  min-width: 3.5rem;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: .2rem .55rem;
  color: #fff;
  background: rgba(255,255,255,.1);
  font-size: .7rem;
  font-weight: 800;
}

.gdk-finance-lead-form {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1rem;
  background: rgba(1, 24, 27, .38);
}

.gdk-finance-lead-form[hidden] { display: none !important; }

.gdk-finance-lead-form label {
  display: block;
  margin-bottom: .35rem;
  color: rgba(241,245,249,.88);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gdk-finance-lead-form input {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .75rem;
  padding: .65rem .75rem;
  color: #fff;
  background: rgba(255,255,255,.1);
  outline: none;
}

.gdk-finance-lead-form input::placeholder { color: rgba(226,232,240,.55); }
.gdk-finance-lead-form input:focus { border-color: #f5a800; box-shadow: 0 0 0 3px rgba(245,168,0,.16); }

.gdk-finance-status {
  min-height: 1.25rem;
  margin-top: .65rem;
  color: rgba(226,232,240,.86);
  font-size: .75rem;
}

.gdk-finance-status.is-success { color: #86efac; }
.gdk-finance-status.is-error { color: #fecaca; }

.gdk-mobile-checkout {
  display: none;
}

@media (max-width: 767px) {
  html.gdk-checkout-mounted body {
    padding-bottom: calc(6.4rem + env(safe-area-inset-bottom));
  }

  .gdk-purchase-card {
    position: relative;
    top: auto;
  }

  .gdk-mobile-checkout {
    position: fixed;
    right: .75rem;
    bottom: calc(.75rem + env(safe-area-inset-bottom));
    left: .75rem;
    z-index: 90;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 1.1rem;
    color: #fff;
    background: rgba(2, 43, 46, .91);
    box-shadow: 0 18px 50px rgba(2,35,38,.42);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    backdrop-filter: blur(18px) saturate(180%);
  }

  .gdk-mobile-checkout__label {
    display: block;
    color: rgba(226,232,240,.72);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
  }

  .gdk-mobile-checkout__price {
    overflow: hidden;
    font-size: .9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gdk-mobile-checkout button {
    min-height: 2.85rem;
    border-radius: .82rem;
    padding: .7rem .85rem;
    font-size: .76rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .gdk-mobile-checkout__buy { color: #022b2e; background: #fff; }
  .gdk-mobile-checkout__finance { color: #07171a; background: #f5a800; }
}

@media (prefers-reduced-motion: reduce) {
  .gdk-purchase-card *, .gdk-mobile-checkout * { scroll-behavior: auto !important; transition: none !important; }
}
