@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
.checkout-page{background:var(--bg);width:100%;min-height:calc(100vh - 94px)}.checkout-page-head{background:var(--bg2);border-bottom:1px solid var(--border);width:100%}.checkout-page-head-inner{width:100%;max-width:var(--layout-max);padding:.9rem var(--layout-gutter);box-sizing:border-box;margin:0 auto}.checkout-back{color:var(--text2);align-items:center;gap:7px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.checkout-back:hover{color:var(--accent)}.checkout-back i{opacity:.9;font-size:1rem}.checkout-wrap{width:100%;max-width:var(--layout-max);padding:clamp(1.5rem,4vw,3rem) var(--layout-gutter);box-sizing:border-box;margin:0 auto}.checkout-notice-overlay{z-index:1200}.checkout-notice-card{text-align:center}.checkout-notice-icon{width:52px;height:52px;color:var(--danger);background:#ff5c5c1f;border:1px solid #ff5c5c40;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.65rem;display:flex}.checkout-notice-title{text-align:center;margin-bottom:.5rem}.checkout-notice-message{color:var(--text2);text-align:center;word-break:break-word;margin:0 0 1.25rem;font-size:14px;line-height:1.55}.co-checkout-page{width:100%}.co-step-bar-wrap{box-sizing:border-box;width:100%;margin:0 0 2.5rem}.co-step-bar{align-items:center;gap:0;width:100%;display:flex}.co-step-item{flex:none;align-items:center;gap:10px;display:flex}.co-step-line{background:var(--border);flex:1 1 0;min-width:40px;height:2px;margin:0 10px;transition:background .3s}.co-step-line.done{background:var(--accent)}.co-step-num{border:2px solid var(--border2);width:32px;height:32px;color:var(--text3);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex}.co-step-item.active .co-step-num{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-s)}.co-step-item.done .co-step-num{background:var(--accent);border-color:var(--accent);color:#fff}.co-step-label{color:var(--text3);white-space:nowrap;font-size:12px;font-weight:500}.co-step-item.active .co-step-label{color:var(--text);font-weight:600}.co-step-item.done .co-step-label{color:var(--accent)}.co-step-item.co-step-clickable{cursor:pointer}.co-checkout-grid{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:clamp(1.25rem,3vw,2rem);width:100%;display:grid}@media (max-width:900px){.co-checkout-grid{grid-template-columns:1fr}}.co-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:1.35rem 1.5rem}.co-panel-title{color:var(--text);align-items:center;gap:8px;margin-bottom:1.1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;display:flex}.co-panel-title i{color:var(--accent);font-size:18px}.co-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.co-form-row{grid-template-columns:1fr}}.co-fg{margin-bottom:14px}.co-fg label{color:var(--text2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.co-fg input,.co-fg select{border:1px solid var(--border2);background:var(--surface2);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .15s}[data-theme=light] .co-fg input,[data-theme=light] .co-fg select{background:#f0f6e8}.co-fg input:focus,.co-fg select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-s)}.co-fg select option{background:var(--surface)}.co-input-readonly{cursor:default;color:var(--text);background:var(--bg3)!important;border-color:var(--border)!important}.co-input-readonly:focus{border-color:var(--border)!important;box-shadow:none!important}.co-profile-hint{color:var(--text3);margin:-4px 0 14px;font-size:12px;line-height:1.55}.co-havale-ref{margin-top:14px;display:block}.co-havale-ref__label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.co-havale-ref__label em{color:var(--text2);font-style:normal;font-weight:400}.co-havale-ref input{border:1px solid var(--border2);background:var(--surface2);width:100%;color:var(--text);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px}[data-theme=light] .co-havale-ref input{background:#f0f6e8}.co-havale-ref input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-s);outline:none}.co-profile-hint a{color:var(--accent);font-weight:500}.co-profile-hint a:hover{text-decoration:underline}.co-profile-hint--tight{margin:-6px 0 12px}.co-panel-foot-link{color:var(--accent);margin-top:4px;font-size:13px;font-weight:500;display:inline-block}.co-panel-foot-link:hover{text-decoration:underline}.co-panel-foot-link--button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.checkout-address-modal-overlay{z-index:1250}.checkout-address-modal-card{max-width:min(560px,100%);max-height:min(90vh,820px);padding:1.75rem 1.5rem 1.5rem;overflow:auto}.checkout-address-modal-title{margin-bottom:.35rem}.checkout-address-modal-sub{margin-bottom:1rem}.checkout-address-modal-err{margin-bottom:.85rem}.checkout-address-modal-actions{flex-wrap:wrap;gap:10px;margin-top:1.15rem;display:flex}.checkout-address-modal-actions .btn{flex:1;justify-content:center;min-width:140px}.co-pay-methods{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;display:flex}.co-pay-method{border:2px solid var(--border);cursor:pointer;text-align:center;background:var(--surface2);border-radius:12px;flex:1;min-width:130px;padding:16px 14px;transition:all .2s}.co-pay-method:hover{border-color:var(--border2)}.co-pay-method.sel{border-color:var(--accent);background:var(--accent-s)}.co-pay-method i{color:var(--text2);margin-bottom:8px;font-size:24px;display:block}.co-pay-method.sel i{color:var(--accent)}.co-pay-method span{color:var(--text2);font-size:13px;font-weight:500}.co-pay-method.sel span{color:var(--accent);font-weight:600}.co-havale-box{background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:16px;display:none}[data-theme=light] .co-havale-box{background:#f0f6e8}.co-havale-box--show{display:block}.co-havale-intro{color:var(--text2);margin:0 0 12px;font-size:13px;line-height:1.6}.co-havale-intro strong{color:var(--accent);font-weight:700}.co-hb-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:8px 0;font-size:14px;display:flex}.co-hb-row:last-child{border:none}.co-hb-row span:first-child{color:var(--text3)}.co-hb-row strong{color:var(--text);text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.co-hb-row--iban strong{word-break:break-all;max-width:min(100%,280px)}.co-copy-btn{cursor:pointer;color:var(--accent);vertical-align:middle;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.co-copy-btn:hover{opacity:.85}.co-havale-notice{color:var(--warn);background:#f5c24014;border:1px solid #f5c24038;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.co-havale-notice i{flex-shrink:0;margin-top:1px;font-size:15px}.co-bank-picker{margin-bottom:14px}.co-bank-picker-label{color:var(--text2);margin:0 0 10px;font-size:12px;font-weight:600}.co-bank-picker-label span{color:var(--danger)}.co-bank-picker-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.co-bank-option{cursor:pointer;border:2px solid var(--border);background:var(--surface);border-radius:12px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:flex}:is(.co-bank-option--sel,.co-bank-option:has(input:checked)){border-color:var(--accent);background:var(--accent-s)}.co-bank-option input{accent-color:var(--accent);flex-shrink:0;margin-top:.2rem}.co-bank-option-body{flex-direction:column;gap:3px;min-width:0;display:flex}.co-bank-option-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.co-bank-option-title i{color:var(--accent);font-size:17px}.co-bank-option-currency{color:var(--accent);background:var(--accent-s);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.co-bank-option-meta{color:var(--text2);font-size:12px}.co-bank-option-iban{color:var(--text3);font-family:ui-monospace,monospace;font-size:12px}.co-bank-picker-hint{color:var(--text3);text-align:center;margin:0;padding:12px 0;font-size:13px}.co-havale-details{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.co-addr-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.co-addr-option{cursor:pointer;border:2px solid var(--border);background:var(--surface2);border-radius:12px;align-items:flex-start;gap:.75rem;padding:.8rem .95rem;transition:border-color .15s,background .15s;display:flex}.co-addr-option:has(input:checked){border-color:var(--accent);background:var(--accent-s)}.co-addr-option input{accent-color:var(--accent);margin-top:.25rem}.co-cart-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:12px 0;font-size:14px;display:flex}.co-cart-line:last-child{border:none}.co-alert{border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:13px;line-height:1.55}.co-alert--ok{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-s)}.co-alert--warn{border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.co-order-summary{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.35rem 1.5rem;position:sticky;top:calc(34px + 4.5rem)}.co-os-title{color:var(--text);align-items:center;gap:8px;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;display:flex}.co-os-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:10px 0;font-size:14px;display:flex}.co-os-item-label{color:var(--text2);flex:1;padding-right:8px}.co-os-item-label small{color:var(--text3);margin-top:2px;font-size:11px;display:block}.co-os-item-price{color:var(--text);white-space:nowrap;font-weight:600}.co-os-divider{background:var(--border);height:1px;margin:8px 0}.co-os-total{justify-content:space-between;padding:8px 0;font-size:1.15rem;font-weight:700;display:flex}.co-os-total-price{color:var(--accent)}.co-os-tax{color:var(--text3);text-align:right;margin-top:2px;font-size:11px}.co-os-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s;display:flex}.co-os-cta:hover:not(:disabled){background:var(--accent-h);transform:translateY(-1px)}.co-os-cta:disabled{opacity:.45;cursor:not-allowed;transform:none}.co-os-secure{color:var(--text3);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.co-os-secure i{color:var(--success)}.co-nav-row{gap:10px;margin-top:12px;display:flex}.co-nav-row .co-os-cta{margin-top:0}.co-btn-ghost{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.co-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.cart-empty-state{justify-content:center;padding:clamp(1rem,4vw,2.5rem) 0 3rem;display:flex}.cart-empty-state--loading{align-items:center;min-height:240px}.cart-empty-state--loading .cart-muted{margin:0;font-size:14px}.cart-empty-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:520px;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000002e}.cart-empty-card:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--accent-s) 0%,transparent 65%);pointer-events:none;position:absolute;inset:0}.cart-empty-card>*{z-index:1;position:relative}.cart-empty-icon{background:var(--accent-s);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);width:72px;height:72px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:2rem;animation:.45s cubic-bezier(.34,1.56,.64,1) co-done-pop;display:flex}.cart-empty-title{color:var(--text);letter-spacing:-.02em;margin:0 0 .65rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:800}.cart-empty-lead{color:var(--text2);max-width:38ch;margin:0 auto 1.75rem;font-size:.95rem;line-height:1.7}.cart-empty-actions{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:1.75rem;display:flex}.cart-empty-cta{border-radius:10px;justify-content:center;width:100%;padding:12px 20px;font-size:14px;font-weight:600}.cart-empty-cta-secondary{width:100%;color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cart-empty-cta-secondary:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.cart-empty-tips{border-top:1px solid var(--border);text-align:left;flex-direction:column;gap:.55rem;margin:0;padding:1.1rem 1.15rem 0;list-style:none;display:flex}.cart-empty-tips li{color:var(--text2);align-items:flex-start;gap:.55rem;font-size:13px;line-height:1.5;display:flex}.cart-empty-tips li i{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:1rem}@media (min-width:480px){.cart-empty-actions{flex-flow:wrap;justify-content:center}.cart-empty-cta,.cart-empty-cta-secondary{flex:auto;min-width:200px;max-width:100%}}.order-done{text-align:center;max-width:560px;margin:0 auto;padding:4rem 2rem}.order-done--loading{justify-content:center;align-items:center;min-height:320px;display:flex}.done-icon{background:var(--accent-s);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:38px;animation:.4s cubic-bezier(.34,1.56,.64,1) co-done-pop;display:flex}@keyframes co-done-pop{0%{transform:scale(0)}to{transform:scale(1)}}.done-num{color:var(--text3);margin-bottom:.5rem;font-size:12px}.done-num strong{color:var(--accent);font-weight:700}.done-order-ref{background:var(--surface);border:1px solid var(--border2);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;margin:0 auto 1.25rem;padding:.65rem 1.1rem;display:inline-flex}.done-order-ref-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);font-size:10px;font-weight:600}.done-order-ref-value{letter-spacing:.06em;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.35rem;font-weight:800}.order-done h2{color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800}.order-done>p{color:var(--text2);margin-bottom:1.5rem;font-size:.95rem;line-height:1.75}.order-done-extra{color:var(--text3);margin:-1rem 0 1.25rem;font-size:13px;line-height:1.6}.done-steps{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;margin-bottom:1.5rem;padding:18px}.done-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.done-step:last-child{border:none;padding-bottom:0}.ds-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.ds-text{color:var(--text2);font-size:13px;line-height:1.6}.ds-text strong{color:var(--text);font-weight:600}.done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.done-actions .co-os-cta{width:auto;margin-top:0;padding:12px 24px}.done-btn-secondary{border:1px solid var(--border2);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.done-btn-secondary:hover{background:var(--accent-s);border-color:var(--accent);color:var(--accent)}.done-steps-title{color:var(--text);margin:0 0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700}.done-steps--payment{padding:16px 18px}.done-payment-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:8px 0;font-size:13px;display:flex}.done-payment-row:last-child{border:none;padding-bottom:0}.done-payment-row span{color:var(--text3);flex-shrink:0}.done-payment-row strong{color:var(--text);text-align:right;word-break:break-word}.done-payment-note{color:var(--text2);text-align:left;margin:0;font-size:13px;line-height:1.65}.co-cart-line-body{flex:1;min-width:0}.co-hosting-domain-add-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.co-hosting-domain-add-btn:hover:not(:disabled){text-decoration:underline}.co-hosting-domain-add-btn:disabled{opacity:.5;cursor:not-allowed}.co-hosting-domain-set{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.co-hosting-domain-badge{color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.co-hosting-domain-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600}.co-hosting-domain-link:hover:not(:disabled){text-decoration:underline}.co-hosting-domain-form{max-width:320px;margin-top:8px}.co-hosting-domain-input{box-sizing:border-box;border:1px solid var(--border2);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.co-hosting-domain-input:focus{border-color:var(--accent);outline:none}.co-hosting-domain-form-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.co-hosting-domain-hint{color:var(--text3);margin:6px 0 0;font-size:11px;line-height:1.45}
html,body{width:100%;min-height:100%}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 5.5rem)}