/* Salazar purchase flow: existing typography, monochrome palette and Lucide. */
.checkout-grid{align-items:start;gap:clamp(24px,5vw,72px)}
.checkout-form,.checkout-grid>div{min-width:0}.checkout-form fieldset{border:0;padding:0;margin:28px 0}.checkout-form legend{font-size:1.25rem;font-weight:600;margin-bottom:16px}.checkout-form .field{margin:18px 0}.checkout-form input:not([type=radio]):not([type=hidden]),.checkout-form textarea{width:100%;box-sizing:border-box;font-size:16px;scroll-margin-top:120px}.checkout-form [aria-invalid=true]{border:2px solid #222}.checkout-form .errorlist{list-style:none;padding:0;margin:8px 0;font-size:.9rem;font-weight:600}.field-help{line-height:1.6}.check-label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #d8d8d8;border-radius:12px;cursor:pointer}.check-label:has(input:checked){border-color:#111;background:#f5f5f5}.check-label input{width:20px;height:20px;accent-color:#111;flex-shrink:0}.checkout-access{padding:20px;background:#f6f6f6;border-radius:14px;margin-bottom:28px}.checkout-access p{font-size:.95rem}.checkout-access a,.field-help a{text-decoration:underline;text-underline-offset:3px}.summary-card{overflow-wrap:anywhere}.summary-line{gap:16px}.summary-line>span:first-child{min-width:0}.summary-line>strong,.summary-line>span:last-child{flex-shrink:0}.summary-line small{display:block;color:#666;margin-top:6px}.checkout-form .button,.quantity-form button,.payment-review .button{min-height:48px}.submission-status:empty{display:none}.submission-status{margin:12px 0;font-size:.95rem;line-height:1.5}.button[disabled]{opacity:.65;cursor:wait}[hidden]{display:none!important}.purchase-status,.purchase-step{border:1px solid #ddd;border-radius:20px;padding:clamp(22px,4vw,36px);margin-bottom:24px}.purchase-status{background:#f6f6f6}.purchase-status h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:14px 0}.purchase-status p,.purchase-step p{line-height:1.65;max-width:65ch}.purchase-step h2{font-size:1.25rem}.status-icon{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid #d6d6d6;border-radius:50%;background:#fff}.status-icon svg{width:25px;height:25px}.purchase-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.payment-review{max-width:760px;margin-inline:auto}.payment-review h1{font-size:clamp(2rem,5vw,3rem)}.payment-review .summary-card{margin:30px 0}.purchase-next{padding-left:24px;line-height:1.8}.payment-review>.text-link{display:block;margin-top:24px}.payment-result{max-width:850px;margin-inline:auto}.payment-result h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.payment-result .result-summary{padding:20px;margin:24px auto;background:#f6f6f6;border-radius:16px;max-width:440px}.payment-result .button{margin:6px;min-height:48px}.payment-result [role=status],.payment-result [data-next-step]{line-height:1.7;max-width:62ch;margin:16px auto}.purchase-order .page-heading{margin-bottom:36px}.purchase-order .page-heading h1{overflow-wrap:anywhere}.checkout-form :focus-visible,.purchase-order :focus-visible,.payment-review :focus-visible,.payment-result :focus-visible{outline:3px solid #555;outline-offset:4px}.account-card .badge{white-space:normal}
@media(min-width:901px){.checkout-grid>.summary-card{position:sticky;top:28px}}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-grid>.summary-card{position:static}.checkout-form{order:1}.checkout-form+.summary-card{order:0}.checkout-form+.summary-card h2{font-size:1.3rem}.cart-row{gap:16px}.cart-row img{width:80px;height:80px;object-fit:contain}.cart-row h2{font-size:1.1rem}.quantity-form{flex-wrap:wrap}.payment-result .button,.payment-review .button{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:10px 0}.purchase-status,.purchase-step{border-radius:16px}.summary-line{font-size:.95rem}.purchase-order .summary-card{order:-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

.purchase-links .text-link,.payment-result>.text-link,.purchase-status>.text-link,.payment-review>.text-link,.checkout-form>.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:1rem;line-height:1.5;box-sizing:border-box;text-underline-offset:4px}
@media(max-width:900px){.purchase-links{gap:12px}.payment-result>.text-link{display:flex;width:100%;margin:8px 0}.checkout-access a,.checkout-form .field-help a{display:inline-block;min-height:44px;padding-block:10px;box-sizing:border-box}}
/* Keep the keyboard skip link hidden even in full-page captures after scrolling. */
.storefront .skip-link:not(:focus){top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.storefront .skip-link:focus{top:8px;left:8px;width:auto;height:auto;min-height:44px;padding:12px 16px;overflow:visible;clip:auto;clip-path:none;white-space:normal;box-sizing:border-box;outline:3px solid #555;outline-offset:2px}
/* Override the storefront's 120px editorial-link constraint only in purchase UI. */
.storefront :is(.checkout-form,.purchase-order,.payment-review,.payment-result) .text-link{max-width:100%;width:fit-content;min-width:0;font-size:1rem;white-space:normal}
@media(max-width:900px){.storefront :is(.checkout-form,.purchase-order,.payment-review,.payment-result) .text-link{display:flex;width:100%;max-width:100%;min-height:44px;align-items:center;justify-content:flex-start;box-sizing:border-box}.storefront .payment-result>.text-link{justify-content:center}}
