.cz-p-purchase {
  --purchase-pad: clamp(20px,4vi,36px);
  color: var(--cz-p-ink); background: var(--cz-p-panel); opacity: 1; transform: none; animation: none;
  border: 1px solid var(--cz-p-line); border-radius: 28px;
  inline-size: min(580px,calc(100vi - 24px)); max-block-size: calc(100dvb - 32px);
  padding: var(--purchase-pad); margin: auto; inset: 0; min-inline-size: 0; max-inline-size: calc(100vi - 24px); overflow-y: auto;
  box-shadow: 0 30px 100px oklch(0% none none / .55);
  scrollbar-width: thin; scrollbar-color: var(--cz-p-blue) var(--cz-p-panel);
}
.cz-p-purchase::backdrop {background: oklch(7% .025 245 / .84);backdrop-filter: blur(7px);}
html:has(.cz-p-purchase:modal) {overflow: hidden;scrollbar-gutter: stable;}
.cz-p-purchase[open] {display: flex;flex-direction: column;gap: 20px;}
.cz-p-purchase [hidden] {display: none !important;}
.cz-p-purchase-header {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cz-privileges :is(.cz-p-purchase-close,.cz-p-purchase-arrow) {display:grid;place-items:center;border:1px solid var(--cz-p-line);background:var(--cz-p-raised);color:var(--cz-p-ink);border-radius:50%;inline-size:44px;block-size:44px;padding:0;font-size:26px;flex-shrink:0;}
.cz-p-purchase-nav {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;}
.cz-p-purchase-reel {display:grid;grid-column:2;overflow:clip;isolation:isolate;}
.cz-p-purchase-arrow[data-purchase="prev"] {grid-column:1;grid-row:1;}
.cz-p-purchase-arrow[data-purchase="next"] {grid-column:3;grid-row:1;}
.cz-p-purchase-reel {grid-row:1;}
.cz-p-purchase-slide {position:relative;display:grid;place-items:center;grid-area:1/1;min-inline-size:0;min-block-size:clamp(160px,23dvb,225px);padding-block:32px;overflow:clip;text-align:center;}
.cz-p-purchase-slide strong {position:relative;font-family:var(--font-family-1),sans-serif;font-size:clamp(29px,6vi,48px);font-weight:900;line-height:1.1;color:var(--cz-p-blue);overflow-wrap:anywhere;}
.cz-p-purchase-watermark {position:absolute;inset-inline:0;inset-block:auto;font-size:clamp(64px,12vi,108px);font-weight:900;letter-spacing:-.08em;color:color-mix(in oklch,var(--cz-p-blue) 8%,transparent);transform:skewY(-10deg);pointer-events:none;}
.cz-p-purchase-info {display:grid;gap:6px;text-align:center;overflow:clip;}
.cz-p-purchase-title-slot,.cz-p-purchase-mode-slot {position:relative;display:grid;isolation:isolate;}
.cz-p-purchase-title-slot>*,.cz-p-purchase-mode-slot>* {grid-area:1/1;}
.cz-p-purchase-outgoing {pointer-events:none;}
.cz-p-purchase-info h2 {font-family:var(--font-family-1),sans-serif;font-size:clamp(24px,5vi,34px);font-weight:900;}
.cz-p-purchase-mode {color:var(--cz-p-muted);font-size:18px;letter-spacing:.08em;}
.cz-p-purchase-terms {display:flex;gap:6px;padding:6px;border:1px solid var(--cz-p-line);border-radius:18px;background:var(--cz-p-bg);}
.cz-privileges .cz-p-purchase-terms button {flex:1;padding:11px 8px;color:var(--cz-p-muted);background:transparent;border:1px solid transparent;border-radius:12px;font-size:18px;font-weight:650;}
.cz-privileges .cz-p-purchase-terms button[aria-pressed="true"] {background:var(--cz-p-raised);border-color:var(--cz-p-blue);color:var(--cz-p-ink);}
.cz-p-purchase-quote {display:grid;gap:6px;border-inline-start:2px solid var(--cz-p-blue);padding-inline-start:14px;color:var(--cz-p-muted);font-size:14px;min-block-size:52px;}
.cz-p-purchase-quote strong {color:var(--cz-p-blue);font-weight:600;}
.cz-p-purchase-shortfall {color:var(--cz-p-ink);}
.cz-p-purchase-total {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block-start:18px;border-block-start:1px solid var(--cz-p-line);font-size:18px;}
.cz-p-purchase-total>div {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;}
.cz-p-purchase-total .cz-p-old-price {flex-basis:100%;text-align:end;font-size:16px;}
.cz-p-purchase>* {flex-shrink:0;}
.cz-p-purchase-total strong {font-size:clamp(30px,6vi,42px);font-weight:900;color:oklch(98% none none);font-variant-numeric:tabular-nums;}
.cz-privileges .cz-p-purchase-confirm {min-block-size:60px;inline-size:100%;padding:15px;border-radius:17px;font-size:23px;font-weight:800;}
.cz-p-purchase-agreement {color:var(--cz-p-muted);font-size:13px;line-height:1.5;text-align:center;}
.cz-p-purchase-agreement a {color:var(--cz-p-ink);text-decoration:underline;text-underline-offset:3px;}
.cz-p-purchase-result {display:grid;place-items:center;gap:18px;text-align:center;padding-block:22px;order:1;}
.cz-p-purchase:has(.cz-p-purchase-result:not([hidden])) .cz-p-purchase-confirm {order:2;}
.cz-p-purchase-result-icon {display:grid;place-items:center;inline-size:84px;block-size:84px;border:1px solid var(--cz-p-blue);border-radius:24px;background:color-mix(in oklch,var(--cz-p-blue) 12%,var(--cz-p-bg));color:var(--cz-p-blue);font-size:44px;font-weight:800;}
.cz-p-purchase-result h3 {font-size:clamp(23px,5vi,30px);font-weight:800;color:var(--cz-p-ink);}
.cz-p-purchase-result p {color:var(--cz-p-muted);font-size:16px;line-height:1.5;}
.cz-p-purchase-result[data-state="success"] .cz-p-purchase-result-icon {color:oklch(79% .16 150);border-color:currentColor;}
.cz-privileges .cz-p-purchase :is(button,a):focus-visible {outline:2px solid var(--cz-p-blue);outline-offset:4px;}
.cz-privileges .cz-p-purchase button:active {background:color-mix(in oklch,var(--cz-p-blue) 20%,var(--cz-p-raised));}
@media (hover:hover) and (pointer:fine) {
 .cz-privileges :is(.cz-p-purchase-close,.cz-p-purchase-arrow):hover {border-color:var(--cz-p-blue);background:color-mix(in oklch,var(--cz-p-blue) 16%,var(--cz-p-raised));}
}
@media (prefers-reduced-motion:no-preference) {
 .cz-p-purchase {opacity:0;transform:scale(.96);transition:opacity 240ms cubic-bezier(.22,1,.36,1),transform 240ms cubic-bezier(.22,1,.36,1),display 240ms allow-discrete,overlay 240ms allow-discrete;}
 .cz-p-purchase[open] {opacity:1;transform:scale(1);}
 .cz-p-purchase::backdrop {opacity:0;transition:opacity 160ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete;}
 .cz-p-purchase[open]::backdrop {opacity:1;}
 @starting-style {.cz-p-purchase[open] {opacity:0;transform:scale(.96);} .cz-p-purchase[open]::backdrop {opacity:0;}}
}

.cz-privileges .cz-p-purchase-confirm:disabled {opacity:1;}