.checkout-v3 .checkout-main {
  position: relative;
  isolation: isolate;
}
.checkout-v3 .checkout-main::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 10% 20%, rgba(var(--action-rgb),.11), transparent 28%), radial-gradient(circle at 90% 70%, rgba(255,79,201,.055), transparent 28%);
}
.checkout-v3 .checkout-breadcrumb {
  margin-bottom: 34px;
  font-family: var(--mono);
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.checkout-v3 .checkout-layout {
  grid-template-columns: minmax(0, .94fr) minmax(430px, 1.06fr);
  gap: clamp(30px, 4.5vw, 64px);
}

.checkout-v3 .checkout-visual {
  isolation: isolate;
  border-color: rgba(var(--action-rgb),.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 30px 85px rgba(0,0,0,.5), 0 0 50px rgba(var(--action-rgb),.09);
}
.checkout-v3 .checkout-visual img {
  z-index: -3;
  object-position: 50% 50%;
  opacity: .94;
  filter: saturate(.95) contrast(1.08) brightness(.84);
}
.checkout-v3 .checkout-visual::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(5,6,7,.13), rgba(5,6,7,.025) 38%, rgba(5,6,7,.91));
}
.checkout-v3 .checkout-visual__scan {
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .17;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 100% 4px;
  mix-blend-mode: overlay;
}
.checkout-v3 .checkout-visual__badge {
  border-color: rgba(var(--action-rgb),.4);
  background: rgba(5,8,11,.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 12px 28px rgba(0,0,0,.26), 0 0 20px rgba(var(--action-rgb),.08);
}
.checkout-v3 .checkout-visual__bottom small { color: var(--action); text-shadow: 0 0 18px rgba(var(--action-rgb),.7); }
.checkout-v3 .checkout-visual__bottom {
  display: grid;
  gap: 24px;
  align-items: stretch;
}
.checkout-v3 .checkout-visual__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  background: rgba(4,6,8,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 45px rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.checkout-v3 .checkout-visual__metrics span {
  padding: 16px 12px;
  display: grid;
  gap: 5px;
  border-right: 1px solid rgba(255,255,255,.12);
  color: rgba(247,248,250,.66);
  font: 700 10px/1.35 var(--mono);
  letter-spacing: .045em;
  text-transform: uppercase;
}
.checkout-v3 .checkout-visual__metrics span:last-child { border-right: 0; }
.checkout-v3 .checkout-visual__metrics b {
  color: #fff;
  font: 700 24px/1 var(--display);
  letter-spacing: -.02em;
}

.checkout-v3 .checkout-panel {
  padding: clamp(28px, 3.8vw, 46px);
  border: 1px solid rgba(var(--action-rgb),.19);
  border-radius: var(--radius-lg);
  background: linear-gradient(155deg, rgba(23,27,33,.985), rgba(10,12,15,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 28px 78px rgba(0,0,0,.35);
}
.checkout-v3 .checkout-panel__label { color: var(--action); text-shadow: 0 0 18px rgba(var(--action-rgb),.42); }
.checkout-v3 .checkout-panel h1 { font-size: clamp(42px, 4.8vw, 66px); }
.checkout-v3 .checkout-intro {
  margin: 20px 0 0;
  max-width: 620px;
  color: rgba(247,248,250,.72);
  font-size: 16px;
  line-height: 1.62;
}
.checkout-v3 .checkout-price-row {
  margin: 28px 0 30px;
  padding: 22px 0;
  display: grid;
  grid-template-columns: minmax(150px, .7fr) minmax(230px, 1.3fr);
  align-items: center;
  gap: 22px;
  border-block: 1px solid rgba(255,255,255,.13);
}
.checkout-v3 .checkout-price { margin: 0; }
.checkout-v3 .checkout-credit-note { margin: 0; padding: 15px 17px; display: grid; gap: 5px; border: 1px solid rgba(var(--action-rgb),.26); border-radius: 13px; background: rgba(var(--action-rgb),.07); }
.checkout-v3 .checkout-credit-note strong { color: var(--action); font: 800 11px/1.3 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.checkout-v3 .checkout-credit-note span { color: #eef2f5; font-size: 14px; line-height: 1.45; }
.checkout-v3 .checkout-credit-note b { color: #fff; font-size: 17px; }
.checkout-v3 .checkout-credit-note[hidden],
.checkout-v3 .checkout-private-return[hidden] { display: none !important; }
.checkout-v3 .checkout-private-return { width: fit-content; margin: 14px auto 0; display: block; color: rgba(255,255,255,.68); font: 700 11px/1.4 var(--mono); letter-spacing: .05em; text-underline-offset: 4px; }
.checkout-v3 .checkout-private-return:hover,
.checkout-v3 .checkout-private-return:focus-visible { color: #fff; }
.checkout-v3 .checkout-value-label {
  margin-bottom: 14px;
  color: rgba(247,248,250,.64);
  font: 800 11px/1.3 var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.checkout-v3 .checkout-highlights {
  padding: 0 0 26px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 24px;
  border-top: 0;
}
.checkout-v3 .checkout-highlights li { align-items: start; font-size: 15px; }
.checkout-v3 .checkout-highlights li::before { background: rgba(var(--action-rgb),.14); color: var(--action); }
.checkout-v3 .checkout-status { border-color: rgba(var(--action-rgb),.27); background: rgba(var(--action-rgb),.07); }

.checkout-v3 .checkout-after-term {
  margin: 0 0 34px;
  padding: 17px 19px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(var(--action-rgb),.27);
  border-radius: 14px;
  background: linear-gradient(110deg, rgba(var(--action-rgb),.1), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.checkout-v3 .checkout-after-term small { color: rgba(247,248,250,.55); font: 750 10px/1.35 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
.checkout-v3 .checkout-after-term strong { color: var(--action); font-size: 16px; line-height: 1.4; text-shadow: 0 0 16px rgba(var(--action-rgb),.25); }
.checkout-v3 .checkout-after-term span { color: rgba(247,248,250,.7); font-size: 13px; line-height: 1.5; }

.checkout-v3 .checkout-cta {
  position: relative;
  min-height: 64px;
  border-color: rgba(var(--action-rgb),.85);
  background: linear-gradient(180deg, rgba(var(--action-rgb),.34), rgba(var(--action-rgb),.11));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.27), inset 0 -8px 18px rgba(0,0,0,.18), 0 8px 0 rgba(0,0,0,.28), 0 16px 31px rgba(0,0,0,.34), 0 0 30px rgba(var(--action-rgb),.21);
  transform: translateY(-4px);
}
.checkout-v3 .checkout-cta:hover,
.checkout-v3 .checkout-cta:focus-visible {
  background: linear-gradient(180deg, rgba(var(--action-rgb),.49), rgba(var(--action-rgb),.18));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -7px 17px rgba(0,0,0,.14), 0 10px 0 rgba(0,0,0,.22), 0 20px 35px rgba(0,0,0,.34), 0 0 40px rgba(var(--action-rgb),.33);
  transform: translateY(-6px);
}
.checkout-v3 .checkout-cta:active { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -4px 12px rgba(0,0,0,.14), 0 3px 0 rgba(0,0,0,.3), 0 8px 18px rgba(0,0,0,.3), 0 0 25px rgba(var(--action-rgb),.2); transform: translateY(1px); }

.checkout-v3 .checkout-detail summary span:last-child { color: var(--action); }
.checkout-v3 .checkout-accordions { margin-top: 34px; }
.checkout-v3 .checkout-trust article {
  background: linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 48px rgba(0,0,0,.2);
}
.checkout-v3 .checkout-trust small { color: var(--action); }
.checkout-v3 .checkout-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1020px) {
  .checkout-v3 .checkout-layout { grid-template-columns: minmax(0, .88fr) minmax(390px, 1.12fr); gap: 30px; }
  .checkout-v3 .checkout-panel { padding: 30px; }
  .checkout-v3 .checkout-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .checkout-v3 .checkout-main { padding-top: 44px; }
  .checkout-v3 .checkout-layout { grid-template-columns: 1fr; }
  .checkout-v3 .checkout-panel { padding: 26px 22px; }
  .checkout-v3 .checkout-visual img { object-position: 50% center; }
  .checkout-v3 .checkout-price-row { grid-template-columns: 1fr; gap: 17px; }
  .checkout-v3 .checkout-highlights { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .checkout-v3 .checkout-visual__metrics { grid-template-columns: 1fr; }
  .checkout-v3 .checkout-visual__metrics span { grid-template-columns: 42px 1fr; align-items: center; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .checkout-v3 .checkout-visual__metrics span:last-child { border-bottom: 0; }
  .checkout-v3 .checkout-trust { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .checkout-v3 .checkout-cta { transition: none; }
}