.checkout{width:min(1120px,calc(100% - 72px));margin:4vh auto 8vh}.checkout-head{max-width:680px;margin-bottom:2rem}.checkout-head h1{margin:0;color:var(--harbor);font-size:clamp(2.4rem,4.6vw,4.6rem);font-weight:350;line-height:1;letter-spacing:-.07em}.checkout-head p{margin:1rem 0 0;color:var(--muted)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.25rem;align-items:start}.checkout-card{padding:2rem;border:1px solid var(--line);border-radius:.6rem;background:#fffdfa}.checkout-card h2{margin:0;color:var(--harbor);font-size:1.3rem}.checkout-card>p{margin:.45rem 0 1.4rem;color:var(--muted)}.cycle-options{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.cycle-option{position:relative}.cycle-option input{position:absolute;opacity:0;pointer-events:none}.cycle-option span{display:block;padding:.65rem .85rem;border:1px solid var(--line);border-radius:.35rem;cursor:pointer}.cycle-option input:checked+span{border-color:var(--harbor);background:#e5f1f6;color:var(--harbor);font-weight:650}.order-summary{position:sticky;top:1rem}.order-summary dl{margin:1.2rem 0}.order-summary div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid var(--line)}.order-summary dt{color:var(--muted)}.order-summary dd{margin:0;font-weight:650}.checkout-status{margin-top:1rem;color:var(--success);font-weight:650}.checkout-status.error{color:var(--danger)}.field select{width:100%;height:3rem;padding:0 .75rem;border:1px solid #b8c7cc;border-radius:.35rem;background:#fff;color:var(--slate);font:inherit}.field small{color:var(--muted);font-size:.82rem}@media(max-width:760px){.checkout{width:min(560px,calc(100% - 40px))}.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}.checkout-card{padding:1.35rem}}
.checkout-payment-method{margin-top:1rem}.checkout-payment-method select{width:100%;height:3rem;padding:0 .75rem;border:1px solid #b8c7cc;border-radius:.35rem;background:#fff;color:var(--slate);font:inherit}.bank-deposit-instructions{margin-top:1rem;padding:1rem;border:1px solid #d9e5df;border-radius:.4rem;background:#f7faf6}.bank-deposit-instructions .eyebrow{margin:0 0 .6rem;color:var(--harbor);font-size:.63rem}.bank-deposit-instructions dl{display:grid;gap:.3rem;margin:0}.bank-deposit-instructions dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.bank-deposit-instructions dt{color:var(--muted);font-size:.75rem}.bank-deposit-instructions dd{margin:0;color:var(--slate);font-size:.75rem;font-weight:650;text-align:right;overflow-wrap:anywhere}.bank-deposit-instructions>p:not(.eyebrow){color:var(--muted);font-size:.72rem;line-height:1.5}.bank-deposit-instructions form{display:grid;gap:.5rem;margin-top:.8rem}.bank-deposit-instructions form label{font-size:.76rem;font-weight:650}.bank-deposit-instructions form input{width:100%;height:2.7rem;padding:0 .7rem;border:1px solid #b8c7cc;border-radius:.35rem;background:#fff;font:inherit}.bank-deposit-instructions form .button{justify-self:start}.bank-deposit-instructions #bank-reference-message{margin-bottom:0;color:var(--harbor);font-size:.75rem}
.bank-reference-form{display:grid;gap:.5rem;margin-top:.8rem}.bank-reference-form label{font-size:.76rem;font-weight:650}.bank-reference-form input{width:100%;height:2.7rem;padding:0 .7rem;border:1px solid #b8c7cc;border-radius:.35rem;background:#fff;font:inherit}.bank-reference-form .button{justify-self:start}
.domain-hosting-bundle{display:grid;gap:1rem;margin:1.35rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:.5rem;background:#f7f5f0}.domain-hosting-bundle-copy .eyebrow{margin:0 0 .45rem;color:var(--harbor);font-size:.65rem}.domain-hosting-bundle-copy h2{margin:0;color:var(--slate);font-size:1.15rem}.domain-hosting-bundle-copy p:last-child{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.domain-hosting-toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem;border:1px solid var(--line);border-radius:.4rem;background:#fff;cursor:pointer}.domain-hosting-toggle input{width:1.1rem;height:1.1rem;margin:.15rem 0 0;accent-color:var(--harbor)}.domain-hosting-toggle span{display:grid;gap:.2rem}.domain-hosting-toggle strong{color:var(--slate)}.domain-hosting-toggle small,.domain-hosting-offer small{color:var(--muted);font-size:.82rem}.domain-hosting-offer{margin:0}.domain-hosting-offer[hidden]{display:none}.domain-hosting-offer select{width:100%;height:3rem;padding:0 .75rem;border:1px solid #b8c7cc;border-radius:.35rem;background:#fff;color:var(--slate);font:inherit}.domain-summary-total dd{color:var(--harbor);font-size:1.05rem}
