
:root{--forest:#173d31;--forest-dark:#102b23;--cream:#fffaf0;--cream-deep:#f3ead9;--copper:#a25532;--copper-dark:#783a25;--ink:#21332d;--muted:#627069;--line:#d9cbb8;}
body{background:var(--cream-deep);color:var(--ink);}
.checkout-shell{width:min(740px,calc(100% - 32px));margin:0 auto;padding:clamp(32px,8vw,80px) 0;}
.checkout-card{background:var(--cream);border:1px solid var(--line);box-shadow:0 18px 50px rgba(16,43,35,.12);padding:clamp(24px,6vw,56px);}
.checkout-kicker{color:var(--copper-dark);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;}
.checkout-card h1{max-width:none;font-size:clamp(2.5rem,7vw,4.5rem);margin-bottom:20px;}
.checkout-card h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:16px;}
.checkout-card p{max-width:62ch;}
.checkout-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-block:1px solid var(--line);margin:28px 0;padding:20px 0;}
.checkout-meta strong{display:block;color:var(--forest-dark);font-family:Georgia,serif;font-size:1.15rem;}
.checkout-meta span{display:block;color:var(--muted);font-size:.88rem;}
.checkout-action{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;}
.checkout-button{height:44px;min-height:44px;padding:0 24px;border:1px solid var(--copper-dark);border-radius:4px;background:var(--copper);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.checkout-button:hover{background:var(--copper-dark);}
.checkout-secondary{color:var(--forest);font-weight:600;}
.checkout-note{margin-top:24px;padding:16px;border-left:4px solid var(--copper);background:#f5ead7;color:#45554e;font-size:.95rem;}
.checkout-status{margin:24px 0;padding:16px 20px;border:1px solid var(--line);background:#fffdf7;}
.checkout-status strong{display:block;color:var(--forest-dark);margin-bottom:4px;}
.checkout-footer{margin-top:20px;color:var(--muted);font-size:.9rem;}
.checkout-error{border-left-color:#994530;background:#fae8df;}
@media(max-width:520px){.checkout-meta{grid-template-columns:1fr;gap:16px}.checkout-action{align-items:stretch;flex-direction:column}.checkout-button{width:100%}.checkout-card{padding:24px 20px;}}
