.checkout-header{padding:calc(var(--header-height) + var(--space-8)) 0 var(--space-6);background:radial-gradient(circle at top left,rgba(254,74,94,.08),transparent 22%),linear-gradient(180deg,#f7fbf8,#eff7f2)}.breadcrumb{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);color:#6a8076;font-size:var(--text-xs)}.breadcrumb a{color:var(--color-primary)}.eyebrow{margin-bottom:var(--space-2);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0162388c}.eyebrow-dark{color:#01623880}.checkout-header h1{font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.15;letter-spacing:-.03em;color:#153726;font-weight:700}.checkout-subtitle{max-width:34rem;margin-top:var(--space-3);color:#61776d;font-size:var(--text-sm)}.checkout-section{background:linear-gradient(180deg,#fff,#f8fbf9);padding:var(--space-10) 0 var(--space-16) 0}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:var(--space-6);align-items:start}.checkout-form,.checkout-summary,.checkout-empty,.checkout-success{border-radius:18px;background:var(--color-white);box-shadow:var(--shadow-sm)}.checkout-form,.checkout-summary{padding:var(--space-5) var(--space-6)}.checkout-empty,.checkout-success{display:grid;gap:var(--space-3);padding:var(--space-8);justify-items:start}.checkout-empty[hidden],.checkout-success[hidden],.checkout-layout[hidden],.qr-section[hidden]{display:none}.checkout-empty h2,.checkout-success h2{font-size:var(--text-xl);line-height:1.2;letter-spacing:-.02em;color:#153726;font-weight:600}.form-intro h2,.checkout-summary h2{font-size:var(--text-lg);line-height:1.2;letter-spacing:-.02em;color:#153726;font-weight:600}.checkout-empty p,.checkout-success p{max-width:34rem;color:#61776d;font-size:var(--text-sm)}.success-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.success-actions .btn{font-size:var(--text-xs);padding:10px 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.field{display:grid;gap:var(--space-1)}.field-full{grid-column:1 / -1}.field span{color:#173a2a;font-size:var(--text-xs);font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:0 14px;border:1px solid rgba(1,98,56,.1);border-radius:12px;background:#f9fcfa;font-family:var(--font-body);font-size:var(--text-sm);color:#183a2a;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.field textarea{min-height:100px;padding:12px 14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0162380f;background:var(--color-white)}.submit-order{width:100%;margin-top:var(--space-5);min-height:48px;font-size:var(--text-xs)}.summary-items{display:grid;gap:0;margin-top:var(--space-4)}.summary-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(1,98,56,.07)}.summary-item:last-child{border-bottom:0}.summary-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.summary-item h3{font-size:var(--text-sm);font-weight:600;color:#173a2a;line-height:1.3}.summary-item p{color:#6a8178;font-size:var(--text-xs)}.summary-price{display:flex;align-items:baseline;gap:var(--space-1);margin-top:2px}.price-amount{color:var(--color-primary);font-size:var(--text-sm);font-weight:700;letter-spacing:-.02em}.price-unit{color:#71867d;font-size:var(--text-xs)}.summary-breakdown{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.summary-breakdown div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(1,98,56,.07)}.summary-breakdown dt{color:#5a7167;font-size:var(--text-sm)}.summary-breakdown dd{color:#173a2a;text-align:right;font-size:var(--text-sm);font-weight:600}.summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:2px solid rgba(1,98,56,.12)}.summary-total span{color:#61776d;font-size:var(--text-sm);font-weight:600}.summary-total strong{color:#163826;font-size:var(--text-2xl);line-height:1;letter-spacing:-.03em}.payment-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(1,98,56,.08)}.payment-methods{display:grid;gap:var(--space-2)}.payment-option{cursor:pointer}.payment-option input[type=radio]{display:none}.payment-option-body{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid rgba(1,98,56,.08);border-radius:12px;background:#f9fcfa;transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.payment-option input[type=radio]:checked+.payment-option-body{border-color:var(--color-primary);background:#0a8a5608;box-shadow:0 0 0 3px #0a8a560f}.payment-option-icon{font-size:1.2rem;min-width:28px;text-align:center}.payment-option-body strong{display:block;color:#173a2a;font-size:var(--text-sm);font-weight:600}.payment-option-body>div>span{display:block;color:#6b8178;font-size:var(--text-xs);font-weight:400;margin-top:1px}.qr-section{margin-top:var(--space-3)}.qr-box{padding:var(--space-5);border-radius:14px;background:#f4f8f5;border:1px solid rgba(1,98,56,.08)}.qr-title{font-size:var(--text-base);font-weight:600;color:#173a2a;margin-bottom:var(--space-3)}.qr-details{display:grid;gap:var(--space-2)}.qr-details div{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid rgba(1,98,56,.06)}.qr-details dt{color:#5a7167;font-size:var(--text-xs)}.qr-details dd{color:#173a2a;font-weight:600;font-size:var(--text-sm);text-align:right}.qr-image{display:grid;justify-items:center;margin-top:var(--space-4);padding:var(--space-4);background:var(--color-white);border-radius:10px}.qr-image p{color:#6a8178;font-size:var(--text-xs)}.qr-note{margin-top:var(--space-3);color:#6b8178;font-size:var(--text-xs);line-height:1.5}.field-error{color:var(--color-accent-coral);font-size:var(--text-xs);margin-top:2px}.field input.invalid,.field select.invalid{border-color:var(--color-accent-coral);box-shadow:0 0 0 3px #fe4a5e0f}@media(max-width:980px){.checkout-layout{grid-template-columns:1fr}}@media(max-width:768px){.checkout-header{padding:calc(var(--header-height) + var(--space-6)) 0 var(--space-5)}.checkout-header h1{font-size:clamp(1.3rem,6vw,1.8rem)}.checkout-form,.checkout-summary,.checkout-empty,.checkout-success{padding:var(--space-4);border-radius:14px}.form-grid{grid-template-columns:1fr}.success-actions{width:100%;flex-direction:column}.success-actions .btn{width:100%}.payment-option-body{flex-direction:column;align-items:flex-start}}