@layer components{.checkout-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }
  .checkout-field__label {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink);
  }
  
  .checkout-field__input { width: 100%; }
  .checkout-field__hint {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
  }
  .checkout-field__error {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 600;
    color: var(--danger);
  }

  
  :root[data-checkout-open] { overflow: hidden; }

  .checkout-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
    background-color: var(--scrim);
    opacity: 0;
    transition: opacity var(--dur-exit) var(--ease-exit);
  }
  .checkout-modal[data-open] {
    opacity: 1;
    transition: opacity var(--dur-enter) var(--ease-enter);
  }

  .checkout-modal__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 28rem;
    max-height: calc(100dvh - 2 * var(--space-4));
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-modal);
    opacity: 0;
    translate: 0 var(--drift);
    transition:
      opacity var(--dur-exit) var(--ease-exit),
      translate var(--dur-exit) var(--ease-exit);
  }
  .checkout-modal[data-open] .checkout-modal__panel {
    opacity: 1;
    translate: 0 0;
    transition:
      opacity var(--dur-enter) var(--ease-enter),
      translate var(--dur-enter) var(--ease-enter);
  }
  .checkout-modal__close {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    z-index: 1; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    color: var(--ink-soft);
    background: transparent;
    border: 0;
    border-radius: var(--r-full);
    cursor: pointer;
    transition: color var(--dur) var(--ease-exit), background-color var(--dur) var(--ease-exit);
  }
  @media (hover: hover) {
    .checkout-modal__close:hover { color: var(--ink); background-color: var(--surface-2); }
  }
  .checkout-modal__close:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .checkout-modal__close-icon {
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }

  .checkout-modal__head {
    padding: var(--space-6) var(--space-12) var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--line-soft);
  }
  .checkout-modal__title {
    font-size: var(--fs-xl);
    line-height: var(--lh-xl);
    font-weight: 700;
    color: var(--ink);
  }
  .checkout-modal__sub {
    margin-top: var(--space-1);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }

  .checkout-modal__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6) var(--space-6);
  }

  
  .checkout-pay {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }
  .checkout-pay__status {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }
  .checkout-pay__status:empty { display: none; }
  
  .checkout-pay[data-state="loading"] .checkout-pay__status::before {
    content: "";
    flex: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--line);
    border-top-color: var(--brand);
    border-radius: var(--r-full);
    animation: checkout-spin var(--dur-spin) linear infinite;
  }
  .checkout-pay[data-state="error"] .checkout-pay__status { color: var(--danger); }
  .checkout-pay__retry { align-self: flex-start; }
  
  .checkout-pay__mount {
    opacity: 0;
    transition: opacity var(--dur-exit) var(--ease-exit);
  }
  .checkout-pay[data-state="ready"] .checkout-pay__mount {
    opacity: 1;
    transition: opacity var(--dur-enter) var(--ease-enter);
  }
  .checkout-pay[data-state="loading"] .checkout-pay__mount:empty,
  .checkout-pay[data-state="idle"] .checkout-pay__mount:empty { display: none; }

  .checkout-divider {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-soft);
  }
  .checkout-divider::before,
  .checkout-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--line);
  }

  
  .checkout-gate {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }
  .checkout-consent {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
    cursor: pointer;
  }
  
  .checkout-consent__box {
    flex: none;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    accent-color: var(--brand-600);
  }
  .checkout-consent__box:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  .checkout-note {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }
  .checkout-note--error { color: var(--danger); }

  .checkout-fine {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
    text-align: center;
  }
  .checkout-fine a { color: inherit; text-underline-offset: 2px; }

  .checkout-gate__done {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }
  .checkout-gate__done[data-enter] { animation: checkout-rise var(--dur-enter) var(--ease-enter) both; }
  .checkout-gate__done-title {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: 700;
    color: var(--ink);
  }
  .checkout-gate__done-title:focus { outline: none; }
  .checkout-gate__done-title:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  .checkout-license {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }
  .checkout-license__row {
    display: flex;
    align-items: stretch;
    gap: var(--space-2);
  }
  .checkout-license__key {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    letter-spacing: 0.04em;
    color: var(--ink);
    background-color: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-well);
    overflow-wrap: anywhere;
    user-select: all;
  }
  .checkout-license__copy { flex: none; }
  .checkout-license__status {
    min-height: var(--lh-xs);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
  }

  .checkout-downloads {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: var(--space-3);
  }
  .checkout-tv-link {
    align-self: flex-start;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--link);
    text-underline-offset: 3px;
  }

  
  .checkout-complete {
    padding-block: var(--space-16) var(--space-24);
  }
  .checkout-complete__card {
    max-width: 36rem;
    margin-inline: auto;
    padding: var(--space-10) var(--space-8);
    background-color: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-ambient-soft), var(--shadow-contact);
    text-align: center;
  }
  @media (max-width: 639px) {
    .checkout-complete__card { padding: var(--space-8) var(--space-5); }
  }
  .checkout-complete__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
  }
  .checkout-complete__panel[data-enter] { animation: checkout-rise var(--dur-enter) var(--ease-enter) both; }
  
  .checkout-complete__title {
    color: var(--ink);
  }
  .checkout-complete__title:focus { outline: none; }
  .checkout-complete__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--r-full);
    background-color: var(--surface-2);
    color: var(--ink-muted);
  }
  .checkout-complete__mark--ok { background-color: var(--green-50); color: var(--green-700); }
  .checkout-complete__mark--warn { background-color: var(--amber-50); color: var(--amber-700); }
  .checkout-complete__mark svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .checkout-complete__spinner {
    width: 1.75rem;
    height: 1.75rem;
    border: 3px solid var(--line);
    border-top-color: var(--brand);
    border-radius: var(--r-full);
    animation: checkout-spin var(--dur-spin) linear infinite;
  }
  .checkout-complete__copy {
    max-width: 30rem;
    color: var(--ink-muted);
  }
  .checkout-complete__copy a { color: var(--link); text-underline-offset: 2px; }
  
  .checkout-complete__renewal {
    max-width: 30rem;
    padding: var(--space-2) var(--space-4);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
    background-color: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: var(--r-full);
  }
  .checkout-complete__ref {
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
    overflow-wrap: anywhere;
  }
  .checkout-complete__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-3);
    margin-top: var(--space-2);
  }

  
  .checkout-tv-later {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
    max-width: 30rem;
    padding: var(--space-4);
    text-align: left;
    background-color: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: var(--r-xl);
    
    --field-bg: var(--surface);
  }
  .checkout-tv-later[hidden] { display: none; }
  .checkout-tv-later:not([hidden]) { animation: checkout-rise var(--dur-enter) var(--ease-enter) both; }
  .checkout-tv-later__label {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink);
  }
  .checkout-tv-later__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .checkout-tv-later__input {
    flex: 1 1 12rem;
    width: auto;
    min-width: 0;
  }
  .checkout-tv-later__submit { flex: none; }
  .checkout-tv-later__status {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
  }
  .checkout-tv-later__status:empty { display: none; }

  @keyframes checkout-rise {
    from { opacity: 0; translate: 0 var(--drift); }
    to { opacity: 1; translate: 0 0; }
  }
  @keyframes checkout-spin {
    to { rotate: 1turn; }
  }
}@layer components{.checkout-body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background-color: var(--surface);
    color: var(--ink);
  }

  .checkout-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .checkout-icon {
    flex: none;
    width: 1em;
    height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    
    translate: 0 -0.15em;
  }

  
  .checkout-bar {
    color: var(--white);
    background-color: var(--checkout-hero-from);
    background-image:
      radial-gradient(ellipse 50% 140% at 0% 0%, var(--checkout-hero-glow), transparent 70%),
      linear-gradient(135deg, var(--checkout-hero-from), var(--checkout-hero-to));
  }
  .checkout-bar__inner {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    max-width: var(--checkout-max);
    margin-inline: auto;
    padding: var(--space-1) var(--space-4);
  }
  .checkout-bar__brand {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 2.75rem;
    color: var(--white);
    text-decoration: none;
  }
  .checkout-bar__logo {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--r-full);
  }
  .checkout-bar__wordmark {
    font-size: var(--fs-lg);
    line-height: 1;
    font-weight: 700;
    translate: 0 0.1em;   
  }
  .checkout-bar__divider {
    flex: none;
    width: 1px;
    height: 1.25rem;
    background: var(--checkout-chip-line);
  }
  @media (max-width: 419px) {
    .checkout-bar__inner { gap: var(--space-2); }
    .checkout-bar__wordmark { font-size: var(--fs-sm); }
    .checkout-bar__back { min-width: 2.75rem; justify-content: center; }
    .checkout-bar__back-text { display: none; }   
  }
  .checkout-bar__title {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 700;
    white-space: nowrap;
  }
  .checkout-bar__title .checkout-icon { color: var(--checkout-bar-accent); }
  .checkout-bar__back {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 2.75rem;
    margin-left: auto;
    padding-inline: var(--space-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink-dim);
    text-decoration: none;
    transition: color var(--dur) var(--ease-exit);
  }
  @media (hover: hover) {
    .checkout-bar__back:hover { color: var(--white); }
  }
  .checkout-bar__brand:focus-visible,
  .checkout-bar__back:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
    border-radius: var(--r);
  }

  
  .checkout-bar__trust {
    display: flex;
    justify-content: center;
    gap: var(--space-4);
    max-width: var(--checkout-max);
    margin: 0 auto;
    padding: var(--space-2) var(--space-4);
    list-style: none;
    border-top: 1px solid var(--checkout-chip-line);
  }
  .checkout-bar__trust-item {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 600;
    color: var(--ink-dim);
    white-space: nowrap;
  }
  .checkout-bar__trust-item .checkout-icon { color: var(--checkout-bar-accent); }
  @media (max-width: 399px) {
    .checkout-bar__trust {
      gap: var(--space-3);
      padding-inline: var(--space-2);
    }
    .checkout-bar__trust-item { font-size: var(--fs-2xs); }
  }

  
  .checkout-page { flex: 1; }
  .checkout-page:focus { outline: none; }
  .checkout-page__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "summary" "details" "trust";
    margin-inline: auto;
    padding-bottom: var(--space-8);
  }
  
  .checkout-side { display: contents; }
  .checkout-summary-wrap { grid-area: summary; }
  .checkout-details { grid-area: details; }
  .checkout-trust { grid-area: trust; }

  .checkout-summary-wrap,
  .checkout-details,
  .checkout-trust {
    animation: checkout-rise var(--dur-enter) var(--ease-enter) both;
  }
  .checkout-details { animation-delay: var(--stagger); }
  .checkout-trust { animation-delay: calc(var(--stagger) * 2); }

  
  .checkout-summary-wrap {
    background-color: var(--warm-paper);
    border-bottom: 1px solid var(--warm-line);
  }
  .checkout-summary__bar {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    list-style: none;
    cursor: pointer;
  }
  .checkout-summary__bar::-webkit-details-marker { display: none; }
  .checkout-summary__bar:focus-visible {
    outline: var(--focus-outline);
    outline-offset: -2px;
  }
  .checkout-summary__thumb {
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    border: 1px solid var(--warm-line);
    border-radius: var(--r-lg);
  }
  .checkout-summary__head {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
  }
  .checkout-summary__name,
  .checkout-summary__plan {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .checkout-summary__name {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 700;
    color: var(--ink);
  }
  .checkout-summary__plan {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
  }
  .checkout-summary__bar-total {
    flex: none;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    font-weight: 700;
    color: var(--ink);
  }
  .checkout-summary__toggle {
    flex: none;
    display: inline-flex;
    font-size: var(--fs-lg);
    color: var(--ink-soft);
    transition: rotate var(--dur-exit) var(--ease-exit);
  }
  .checkout-summary[open] .checkout-summary__toggle { rotate: 180deg; }

  .checkout-summary__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: 0 var(--space-4) var(--space-4);
  }

  
  @supports selector(::details-content) {
    .checkout-summary { interpolate-size: allow-keywords; }
    .checkout-summary::details-content {
      block-size: 0;
      overflow: clip;
      opacity: 0;
      transition:
        block-size var(--dur-exit) var(--ease-exit),
        opacity var(--dur-exit) var(--ease-exit),
        content-visibility var(--dur-exit) var(--ease-exit) allow-discrete;
    }
    .checkout-summary[open]::details-content {
      block-size: auto;
      opacity: 1;
      transition:
        block-size var(--dur-enter) var(--ease-enter),
        opacity var(--dur-enter) var(--ease-enter),
        content-visibility var(--dur-enter) var(--ease-enter) allow-discrete;
    }
  }

  
  .checkout-platforms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .checkout-platforms__item {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 600;
    color: var(--ink-muted);
    white-space: nowrap;
  }
  .checkout-platforms__logo {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    border-radius: var(--r-sm);
  }

  .checkout-lines {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin: 0;
    padding-top: var(--space-3);
    border-top: 1px solid var(--warm-line);
  }
  .checkout-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }
  .checkout-line dd { margin: 0; text-align: right; }
  .checkout-line__period { color: var(--ink-soft); }
  .checkout-line--total {
    padding-top: var(--space-2);
    border-top: 1px solid var(--warm-line);
    font-weight: 700;
    color: var(--ink);
  }
  .checkout-line--total dd {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
  }
  .checkout-summary__change {
    margin-left: var(--space-1);
    font-size: var(--fs-xs);
    font-weight: 600;
    color: var(--link);
    text-underline-offset: 2px;
  }

  
  .checkout-details {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-4) var(--space-4);
  }
  .checkout-label {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink-muted);
  }
  .checkout-express {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }
  
  .checkout-express__mount:empty { display: none; }
  .checkout-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }
  .checkout-form__error {
    padding: var(--space-3) var(--space-4);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--red-800);
    background-color: var(--red-50);
    border: 1px solid var(--red-200);
    border-radius: var(--r-lg);
  }
  .checkout-form__submit {
    gap: var(--space-2);
    min-height: 3rem;
    font-size: var(--fs-base);
  }
  .checkout-form .checkout-fine { margin-top: calc(-1 * var(--space-2)); }

  
  .checkout-trust { padding: 0 var(--space-4) var(--space-4); }
  .checkout-trust__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin: 0;
    padding: var(--space-4) 0 0;
    list-style: none;
    border-top: 1px solid var(--line-soft);
  }
  .checkout-trust__item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
  }
  .checkout-trust__item .checkout-icon {
    margin-top: 0.125rem;
    color: var(--checkout-accent);
  }
  .checkout-trust__link {
    color: inherit;
    text-underline-offset: 2px;
  }

  
  @media (min-width: 720px) {
    .checkout-page__grid {
      width: 100%;
      max-width: var(--checkout-narrow);
      padding-top: var(--space-6);
    }
    .checkout-summary-wrap {
      margin-inline: var(--space-4);
      border: 1px solid var(--warm-line);
      border-radius: var(--r-xl);
    }
  }

  
  
  @media (min-width: 960px) {
    .checkout-page__grid {
      max-width: var(--checkout-max);
      grid-template-columns: minmax(0, 1fr) var(--checkout-side-w);
      grid-template-areas: "details side";
      align-items: start;
      gap: var(--space-12);
      padding: var(--space-10) var(--space-6) var(--space-16);
    }
    .checkout-side {
      grid-area: side;
      position: sticky;
      top: var(--space-6);
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
    .checkout-summary-wrap { margin-inline: 0; }
    .checkout-details { padding: 0; }
    .checkout-trust { padding: 0 var(--space-2); }
    .checkout-trust__list {
      padding-top: 0;
      border-top: 0;
    }
    
    .checkout-summary__bar {
      padding: var(--space-4) var(--space-4) var(--space-3);
      cursor: default;
      pointer-events: none;
    }
    .checkout-summary__thumb {
      width: 3rem;
      height: 3rem;
    }
    .checkout-summary__name {
      font-size: var(--fs-base);
      line-height: var(--lh-base);
    }
    .checkout-summary__bar-total,
    .checkout-summary__toggle { display: none; }
  }

  
  .checkout-foot { border-top: 1px solid var(--line-soft); }
  .checkout-foot__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-1) var(--space-5);
    max-width: var(--checkout-max);
    margin-inline: auto;
    padding: var(--space-4);
  }
  .checkout-foot__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .checkout-foot__link {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
    text-underline-offset: 2px;
  }
  
  @media (max-width: 639.98px) {
    .checkout-foot__links { row-gap: 0; }
    .checkout-foot__link { min-height: var(--tap-min); }
  }
  .checkout-foot__copy {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
  }

  @media (prefers-reduced-motion: reduce) {
    .checkout-summary-wrap,
    .checkout-details,
    .checkout-trust { animation: none; }
  }
}