.checkout-page{min-height:100vh;color:var(--ink);background:#f3f6f1}.checkout-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffef9f0;grid-template-columns:180px 1fr 180px;align-items:center;height:104px;padding:0 max(5vw,28px);display:grid;position:sticky;top:0}.checkout-header img{width:128px;height:auto}.checkout-steps{color:#87958d;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.checkout-steps span{white-space:nowrap;align-items:center;gap:8px;display:flex}.checkout-steps span>b{border:1px solid #c9d5cd;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.checkout-steps span>b svg{width:16px}.checkout-steps i{background:#d6e0d9;width:52px;height:1px}.checkout-steps .done,.checkout-steps .active{color:var(--forest);font-weight:800}.checkout-steps .done>b{background:var(--sage);border-color:var(--sage)}.checkout-steps .active>b{background:var(--forest);color:#fff;border-color:var(--forest)}.secure{color:#577064;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;display:flex}.secure svg{width:18px}.checkout-intro{max-width:1500px;margin:auto;padding:70px max(6vw,28px) 45px}.back-link{color:var(--muted);align-items:center;gap:9px;margin-bottom:32px;font-size:14px;display:inline-flex}.back-link svg{width:18px;transform:none}.checkout-intro>span{color:var(--forest-soft);font-size:14px;font-weight:800;display:block}.checkout-intro h1{margin:9px 0 12px;font-size:clamp(42px,5vw,68px);line-height:1.3}.checkout-intro p{color:var(--muted);margin:0;font-size:18px}.checkout-layout{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:34px;max-width:1500px;margin:auto;padding:0 max(6vw,28px) 100px;display:grid}.checkout-form{gap:24px;display:grid}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:0 8px 30px #123b2b09}.form-title{align-items:flex-start;gap:16px;margin-bottom:30px;display:flex}.form-title>b{background:var(--sage-light);width:42px;height:42px;color:var(--forest);border-radius:50%;flex:none;place-items:center;display:grid}.form-title h2{margin:0;font-size:25px}.form-title p{color:var(--muted);margin:5px 0 0;font-size:14px}.field-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.field-grid label,.order-note{display:block}.field-grid label.full{grid-column:1/-1}.field-grid label>span,.order-note>span{margin-bottom:9px;font-size:14px;font-weight:750;display:block}.field-grid input,.field-grid select,.field-grid textarea,.order-note textarea{width:100%;min-height:54px;color:var(--ink);background:#fbfcf8;border:1px solid #cfdad2;border-radius:5px;outline:none;padding:12px 14px;font-size:16px;transition:border .2s,box-shadow .2s}.field-grid textarea,.order-note textarea{resize:vertical;line-height:1.8}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus,.order-note textarea:focus{border-color:var(--forest-soft);box-shadow:0 0 0 4px #245b431a}.option-list{gap:13px;display:grid}.option-list>label{border:1px solid var(--line);cursor:pointer;border-radius:6px;grid-template-columns:22px 46px 1fr auto;align-items:center;gap:14px;min-height:86px;padding:18px;transition:border .2s,background .2s;display:grid;position:relative}.option-list>label:hover{border-color:#9bb3a1}.option-list>label.selected{border-color:var(--forest-soft);background:var(--sage-light);box-shadow:0 0 0 1px var(--forest-soft)}.option-list input{accent-color:var(--forest);width:18px;height:18px}.option-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--forest);background:#fff;border-radius:50%;place-items:center;display:grid}.option-list label>span b,.option-list label>span small{display:block}.option-list label>span b{font-size:16px}.option-list label>span small{color:var(--muted);margin-top:4px;font-size:13px}.option-list label>strong{font-size:14px}.payment-list>label{grid-template-columns:22px 46px 1fr}.order-note{margin-top:25px}.order-summary{background:var(--paper);border:1px solid var(--line);border-radius:8px;position:sticky;top:128px;overflow:hidden;box-shadow:0 18px 50px #123b2b14}.summary-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:27px;display:flex}.summary-head h2{margin:0;font-size:23px}.summary-head span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.summary-head>a{color:var(--forest);border-bottom:1px solid;font-size:13px}.summary-items{max-height:340px;padding:4px 27px;overflow-y:auto}.summary-items article{border-bottom:1px solid var(--line);grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:17px 0;display:grid}.summary-items article>div{background:var(--sage-light);border-radius:4px;width:76px;height:86px;position:relative;overflow:visible}.summary-items img{object-fit:cover;border-radius:4px}.summary-items article>div>b{background:var(--forest);color:#fff;z-index:2;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;top:-7px;left:-7px}.summary-items article>span strong,.summary-items article>span small{display:block}.summary-items article>span strong{font-size:15px}.summary-items article>span small{color:var(--muted);margin-top:5px;font-size:12px}.summary-items article>em{white-space:nowrap;font-size:13px;font-style:normal}.summary-cost{padding:22px 27px}.summary-cost p{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14px;display:flex}.summary-cost .green{color:#3e7c52}.summary-cost .grand-total{border-top:1px solid var(--line);margin-top:19px;padding-top:20px}.grand-total span{font-weight:850}.grand-total strong{font-size:23px}.grand-total small{font-size:12px}.order-summary>button{background:var(--forest);color:#fff;border:0;border-radius:100px;justify-content:center;align-items:center;gap:13px;width:calc(100% - 54px);height:62px;margin:0 27px;font-size:17px;font-weight:900;transition:background .2s,transform .2s;display:flex}.order-summary>button:hover{background:var(--forest-deep);transform:translateY(-1px)}.summary-trust{color:var(--muted);justify-content:center;gap:13px;padding:20px 27px 25px;font-size:12px;display:flex}.summary-trust span{align-items:center;gap:3px;display:flex}.summary-trust svg{width:13px;color:var(--forest-soft)}.checkout-loading,.empty-checkout,.order-success{text-align:center;background:#f3f6f1;align-content:center;place-items:center;min-height:100vh;padding:30px;display:grid}.empty-checkout img{width:150px;height:auto}.empty-checkout h1{margin:30px 0 6px;font-size:42px}.empty-checkout p{color:var(--muted)}.empty-checkout a,.success-card>a{background:var(--forest);color:#fff;border-radius:100px;margin-top:20px;padding:16px 27px}.success-card{background:var(--paper);border:1px solid var(--line);width:min(650px,100%);box-shadow:var(--shadow);border-radius:10px;place-items:center;padding:60px;display:grid}.success-card>span{background:var(--sage);width:85px;height:85px;color:var(--forest);border-radius:50%;place-items:center;display:grid}.success-card>span svg{stroke-width:2px;width:40px;height:40px}.success-card>small{color:var(--forest-soft);margin-top:22px;font-weight:850}.success-card h1{margin:10px 0;font-size:38px;line-height:1.5}.success-card p{color:var(--muted);line-height:2}.success-card>div{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin-top:15px;padding-top:22px;display:flex}.success-card>a{align-items:center;gap:12px;display:flex}.success-card>a svg{transform:rotate(180deg)}@media (max-width:1050px){.checkout-header{grid-template-columns:150px 1fr}.secure{display:none}.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}.checkout-steps{justify-content:flex-end}}@media (max-width:700px){.checkout-header{justify-content:space-between;height:82px;padding:0 18px;display:flex}.checkout-header img{width:110px}.checkout-steps span{font-size:0}.checkout-steps span>b{width:30px;height:30px;font-size:12px}.checkout-steps i{width:22px}.checkout-intro{padding:45px 20px 30px}.checkout-intro h1{font-size:39px}.checkout-intro p{font-size:16px}.back-link{margin-bottom:24px}.checkout-layout{gap:20px;padding:0 16px 70px}.form-card{padding:24px 18px}.form-title h2{font-size:22px}.form-title p{font-size:13px}.field-grid{grid-template-columns:1fr;gap:18px}.field-grid label.full{grid-column:auto}.field-grid label>span{font-size:14px}.option-list>label{grid-template-columns:20px 1fr auto;padding:16px 13px}.option-icon{display:none}.option-list label>span b{font-size:15px}.option-list label>span small,.option-list label>strong{font-size:12px}.payment-list>label{grid-template-columns:20px 1fr}.summary-head,.summary-cost{padding:22px 18px}.summary-items{padding:3px 18px}.summary-items article{grid-template-columns:66px 1fr}.summary-items article>div{width:66px;height:76px}.summary-items article>em{grid-column:2}.order-summary>button{width:calc(100% - 36px);margin:0 18px}.summary-trust{padding:18px 10px}.success-card{padding:40px 22px}.success-card h1{font-size:30px}}.online-payment{border:1px solid var(--forest-soft);background:var(--sage-light);min-height:86px;box-shadow:0 0 0 1px var(--forest-soft);border-radius:6px;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.online-payment>span b,.online-payment>span small{display:block}.online-payment>span b{font-size:17px}.online-payment>span small{color:var(--muted);margin-top:4px;font-size:13px}.online-payment>i{color:var(--forest);align-items:center;gap:5px;font-size:13px;font-style:normal;font-weight:800;display:flex}.online-payment>i svg{width:16px}@media (max-width:700px){.online-payment{grid-template-columns:1fr auto}.online-payment .option-icon{display:none}.online-payment>span b{font-size:16px}}.submit-error{color:#8a3025;background:#fff0ed;border:1px solid #edc7bf;border-radius:5px;margin:0 27px 12px;padding:12px 14px;font-size:13px;line-height:1.7}.order-summary>button:disabled{opacity:.65;cursor:wait}@media (max-width:480px){.checkout-header{height:74px;padding:0 12px}.checkout-header img{width:92px}.checkout-steps{gap:6px}.checkout-steps span>b{width:28px;height:28px}.checkout-steps i{width:12px}.checkout-intro{padding:36px 16px 24px}.checkout-intro h1{font-size:34px}.checkout-intro p{font-size:15px;line-height:1.9}.checkout-layout{padding:0 10px 55px}.form-card{padding:21px 14px}.form-title{gap:11px;margin-bottom:24px}.form-title>b{width:38px;height:38px}.form-title h2{font-size:20px}.option-list>label{grid-template-columns:19px minmax(0,1fr);gap:10px}.option-list label>strong{grid-column:2;margin-top:4px}.online-payment{grid-template-columns:1fr}.online-payment>i{margin-top:6px}.summary-head{align-items:flex-start}.summary-items article{grid-template-columns:58px minmax(0,1fr)}.summary-items article>div{width:58px;height:70px}.summary-items article>em{white-space:normal}.summary-cost p{gap:10px}.grand-total strong{white-space:nowrap;font-size:20px}.summary-trust{flex-wrap:wrap}.success-card{padding:34px 16px}.success-card h1{font-size:27px}.success-card>div{gap:6px;display:grid}.empty-checkout h1{font-size:33px}.submit-error{margin:0 18px 12px}}.login-hint{background:#fff7e0;border:1px solid #ead9a0;border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.9}.login-hint a{color:var(--forest);font-weight:900;text-decoration:underline}.shipping-info{border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.shipping-info.free{background:#eef6ef;border-color:#9bc4a6}.shipping-info.call{background:#fff9e6;border-color:#e3cf8f}.shipping-info small{color:var(--muted);margin-top:3px;line-height:1.8;display:block}.shipping-text{font-weight:800}.ship-note{color:var(--muted);font-weight:400}