#checkout{--color-primary: #1f384f;--color-secondary: #0078a0;--color-accent: #0078a0;--color-surface: #f4f6f8;--color-surface-elevated: #ffffff;--color-surface-sunken: #eef1f4;--color-surface-brand-soft: #e7f4fa;--color-ink: #1a2530;--color-ink-muted: #55606b;--color-ink-soft: #6b7580;--color-border: #e1e6eb;--color-border-strong: #7d8893;--color-success: #0f6b32;--color-success-soft: #eaf6ee;--color-danger: #c4261d;--color-danger-soft: #fdeceb;--color-warning: #a15c07;--color-warning-soft: #fef4e6;--color-info: #0078a0;--color-info-soft: #e7f4fa;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-pill: 9999px;--space-section-sm: 2rem;--space-section: 3rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-press: .16s;--duration-ui: .22s;--focus-ring: 0 0 0 2px var(--color-surface-elevated), 0 0 0 4px var(--color-secondary);color:var(--color-ink);padding-block:var(--space-section-sm) var(--space-section)}body:has(#checkout){background-color:#f4f6f8}#checkout [hidden]{display:none!important}#checkout :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}#checkout .text-ink{color:var(--color-ink)}#checkout .text-ink-muted{color:var(--color-ink-muted)}#checkout .text-ink-soft{color:var(--color-ink-soft)}#checkout .text-success{color:var(--color-success)}#checkout .text-danger{color:var(--color-danger)}#checkout .tnum{font-variant-numeric:tabular-nums}#checkout .link{color:var(--color-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-ui) var(--ease-out)}#checkout .link:hover{color:var(--color-primary)}#checkout .price{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--color-ink)}#checkout .price-installments{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-success)}#checkout .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:650;line-height:1.25;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-ui) var(--ease-out),border-color var(--duration-ui) var(--ease-out),color var(--duration-ui) var(--ease-out),transform var(--duration-press) var(--ease-out)}#checkout .btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}#checkout .btn:disabled,#checkout .btn[aria-disabled=true],#checkout .btn[data-loading=true]{cursor:not-allowed;opacity:.55;transform:none}#checkout .btn--primary{background:var(--color-secondary);color:#fff}#checkout .btn--primary:hover:not(:disabled):not([data-loading=true]){background:var(--color-primary)}#checkout .btn--secondary{background:var(--color-surface-elevated);border-color:var(--color-border-strong);color:var(--color-ink)}#checkout .btn--secondary:hover:not(:disabled):not([data-loading=true]){border-color:var(--color-primary);color:var(--color-primary)}#checkout .btn--lg{min-height:3.25rem;padding:.875rem 1.75rem;font-size:1rem}#checkout .btn--block{display:flex;width:100%}#checkout .btn[data-loading=true]:before{content:"";width:.875rem;height:.875rem;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-pill);animation:checkout-spin .7s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#checkout .btn[data-loading=true]:before{animation-duration:2s}}#checkout .field{display:flex;flex-direction:column;gap:.375rem}#checkout .field__label{font-size:.8125rem;font-weight:600;color:var(--color-ink)}#checkout .field__hint{font-size:.75rem;line-height:1.4;color:var(--color-ink-soft)}#checkout .field__error{display:flex;align-items:flex-start;gap:.3125rem;font-size:.75rem;font-weight:600;line-height:1.4;color:var(--color-danger)}#checkout .field__error:before{content:"!";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;margin-top:.0625rem;border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:.625rem;line-height:1}#checkout .input,#checkout .select{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-ink);font-size:1rem;line-height:1.4;min-height:2.75rem;transition:border-color var(--duration-ui) var(--ease-out),background-color var(--duration-ui) var(--ease-out)}#checkout .input:hover:not(:disabled),#checkout .select:hover:not(:disabled){border-color:var(--color-ink-soft)}#checkout .input:focus-visible,#checkout .select:focus-visible,#checkout .mp-field:focus-within{border-color:var(--color-secondary);border-radius:var(--radius-md)}#checkout .input[aria-invalid=true],#checkout .select[aria-invalid=true],#checkout [data-invalid] .mp-field{border-color:var(--color-danger);background:var(--color-danger-soft)}#checkout .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2355606b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}#checkout .mp-field{height:2.75rem;padding-block:0;display:flex;align-items:center}#checkout .mp-field iframe{width:100%;height:100%}#checkout .checkbox{accent-color:var(--color-secondary);cursor:pointer}#checkout .alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border:1px solid;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;color:var(--color-ink)}#checkout .alert__title{font-weight:700}#checkout .alert__body{display:flex;flex-direction:column;gap:.25rem;min-width:0}#checkout .alert svg{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.0625rem}#checkout .alert--warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}#checkout .alert--danger{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent)}#checkout .alert--warning svg,#checkout .alert--warning .alert__title{color:var(--color-warning)}#checkout .alert--danger svg,#checkout .alert--danger .alert__title{color:var(--color-danger)}#checkout .data-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.875rem}#checkout .data-row__label{color:var(--color-ink-muted)}#checkout .data-row__value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink);text-align:right}#checkout .data-row--total{padding-top:.75rem;margin-top:.25rem;border-top:1px solid var(--color-border);font-size:1rem}#checkout .data-row--total .data-row__label,#checkout .data-row--total .data-row__value{font-weight:700;color:var(--color-ink)}#checkout .checkout-step{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-ink-muted);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color var(--duration-ui) var(--ease-out),color var(--duration-ui) var(--ease-out)}#checkout .checkout-step svg{width:1rem;height:1rem}#checkout [data-state=current] .checkout-step,#checkout [data-state=done] .checkout-step{background:var(--color-secondary);color:#fff}#checkout .checkout-step [data-step-check],#checkout [data-state=done] .checkout-step [data-step-num]{display:none}#checkout [data-state=done] .checkout-step [data-step-check]{display:block}#checkout .choice-card{display:flex;align-items:flex-start;gap:.75rem;min-height:2.75rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);cursor:pointer;transition:border-color var(--duration-ui) var(--ease-out),background-color var(--duration-ui) var(--ease-out),box-shadow var(--duration-ui) var(--ease-out)}@media (hover: hover){#checkout .choice-card:hover,#checkout .checkout-pill:hover{border-color:var(--color-secondary)}}#checkout .choice-card:has(input:checked){border-color:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-secondary);background:var(--color-surface-brand-soft)}#checkout .choice-card:has(input:focus-visible){box-shadow:var(--focus-ring)}#checkout .choice-card:has(input[aria-invalid=true]){border-color:var(--color-danger)}#checkout .choice-card input[type=radio],#checkout .choice-card input[type=checkbox]{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0625rem;accent-color:var(--color-secondary)}#checkout .choice-card input:focus-visible,#checkout .checkout-pill input:focus-visible{box-shadow:none;outline:none}#checkout .checkout-pills{display:flex;flex-wrap:wrap;gap:.5rem}#checkout .checkout-pill{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem .5rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-elevated);color:var(--color-ink);font-size:.9375rem;font-weight:600;cursor:pointer}#checkout .checkout-pill:has(input:checked){border-color:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-secondary);background:var(--color-surface-brand-soft)}#checkout .checkout-pill:has(input:focus-visible){box-shadow:var(--focus-ring)}#checkout .checkout-pill input{width:1.125rem;height:1.125rem;accent-color:var(--color-secondary)}#checkout .checkout-saving{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap}#checkout .checkout-panel{--panel-pad: 1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (min-width: 640px){#checkout .checkout-panel{--panel-pad: 1.5rem}}#checkout .checkout-panel__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--color-ink)}#checkout .checkout-total{font-size:1.5625rem;line-height:1.15}#checkout .checkout-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding:.625rem 0;border-bottom:1px solid var(--color-border)}#checkout .checkout-facts>div:last-child{border-bottom:0}#checkout .checkout-facts dt{color:var(--color-ink-muted);font-size:.875rem}#checkout .checkout-facts dd{min-width:0;color:var(--color-ink);font-weight:600;text-align:right;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}#checkout .checkout-line{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.75rem;align-items:start;padding-block:.75rem}#checkout .checkout-line+.checkout-line{border-top:1px solid var(--color-border)}#checkout .checkout-line__media{display:block;width:3.5rem;height:3.5rem;padding:.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);-o-object-fit:contain;object-fit:contain}#checkout .checkout-line__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--color-ink)}#checkout .checkout-totals{border-top:1px solid var(--color-border);padding-top:.25rem}#checkout .checkout-totals .data-row__value{white-space:nowrap}#checkout .checkout-totals .data-row--total{flex-wrap:wrap;row-gap:0}#checkout .checkout-totals .data-row--total .data-row__value{margin-left:auto}#checkout .checkout-title{font-size:1.5625rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-ink)}@media (min-width: 1024px){#checkout .checkout-title{font-size:2rem}}#checkout .checkout-state{max-width:36rem;margin-inline:auto;padding:2rem var(--panel-pad)}#checkout .checkout-state__title{font-size:1.5625rem;font-weight:700;line-height:1.2;color:var(--color-ink)}#checkout .checkout-state__text{margin-top:.5rem;color:var(--color-ink-muted)}#checkout .checkout-state__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}#checkout .checkout-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:1rem}#checkout .checkout-stages{display:flex;flex-direction:column;gap:.75rem;min-width:0}@media (min-width: 1024px){#checkout .checkout-layout{grid-template-columns:minmax(0,1fr) 24rem;gap:1.5rem;align-items:start;margin-top:1.5rem}#checkout .checkout-summary{grid-column:2;grid-row:1;position:sticky;top:6rem}#checkout .checkout-stages{grid-column:1;grid-row:1;gap:1rem}}#checkout .checkout-stage__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--panel-pad)}#checkout .checkout-stage__title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--color-ink)}#checkout .checkout-stage[data-state=upcoming] .checkout-stage__title{color:var(--color-ink-muted)}#checkout .checkout-stage__summary{display:flex;flex-direction:column;gap:.125rem;margin-top:calc(var(--panel-pad) * -.5);padding:0 var(--panel-pad) var(--panel-pad) calc(var(--panel-pad) + 2.5rem);font-size:.9375rem;line-height:1.5}#checkout .checkout-stage__body{padding:0 var(--panel-pad) var(--panel-pad)}#checkout .checkout-stage[data-state=current]{border-color:var(--color-border-strong)}#checkout .checkout-edit{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .75rem;margin-right:-.75rem;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:600;color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}#checkout .checkout-edit:hover{color:var(--color-primary)}#checkout #contact-form,#checkout #login-form,#checkout #shipping-fields,#checkout #form-checkout{max-width:42rem}#checkout .checkout-legend{margin-bottom:.5rem;font-size:.9375rem;font-weight:700;color:var(--color-ink)}#checkout .checkout-subpanel{display:flex;flex-direction:column;gap:1.25rem;padding:1rem;border-radius:var(--radius-md);background:var(--color-surface)}#checkout .checkout-checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0625rem}#checkout .checkout-card-logo{flex-shrink:0;width:2.5rem;height:1.625rem;padding:.125rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);-o-object-fit:contain;object-fit:contain}#checkout .stage-actions{display:flex;flex-direction:column;gap:.5rem}#checkout .checkout-submit-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}@media (min-width: 1024px){#checkout .checkout-submit-total{display:none}}@media (max-width: 1023.98px){#checkout .checkout-stage[data-state=current] .stage-actions{position:sticky;bottom:0;z-index:20;margin:0 calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1);padding:.75rem var(--panel-pad) calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface-elevated)}html:has(#checkout-data){scroll-padding-bottom:9rem}body:has(#checkout-data) .wa-float-wrap{display:none}}#checkout .checkout-summary__toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:3.25rem;padding:.75rem var(--panel-pad);border-radius:var(--radius-lg);text-align:left}#checkout [data-summary-chevron]{transition:transform var(--duration-ui) var(--ease-out)}@media (prefers-reduced-motion: reduce){#checkout [data-summary-chevron]{transition:none}}#checkout .checkout-summary__body{display:flex;flex-direction:column;gap:.75rem;padding:0 var(--panel-pad) var(--panel-pad)}#checkout .checkout-summary__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}@media (max-width: 1023.98px){#checkout #summary-body[data-collapsed=true]{display:none}}@media (min-width: 1024px){#checkout .checkout-summary__toggle{display:none}#checkout .checkout-summary__body{padding-top:var(--panel-pad)}#checkout #summary-items{max-height:min(20rem,calc(100vh - 32rem));min-height:4.5rem;overflow-y:auto}}#checkout .card-preview{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:22rem;aspect-ratio:1.586;margin-inline:auto;padding:1.25rem 1.5rem;border-radius:.875rem;background:linear-gradient(to right,#009bce,#1f384f);color:#fff;box-shadow:0 4px 12px #1f384f40}#checkout .card-preview__chip{width:3rem;height:2.25rem;border-radius:.375rem;background-color:#facc15cc;background-position:center;background-repeat:no-repeat;background-size:contain}#checkout .card-preview__chip[data-brand]{background-color:#fff}#checkout .mp-panel{background:linear-gradient(to bottom right,#00b1ea1a,#00b1ea0d);border:1px solid rgba(0,177,234,.2)}
