.confirmation-page{min-height:100vh;padding:var(--confirmation-top) var(--page-gutter) 90px;color:var(--commerce-foreground);background:0 0;place-items:center;font:14px Inter,Arial,sans-serif;display:grid}.confirmation-card{width:min(var(--confirmation-width), 100%);border:1px solid var(--commerce-border);text-align:center;background:0 0;padding:clamp(30px,6vw,70px)}.confirmation-card .success-mark{background:var(--commerce-accent);color:#fff;width:76px;height:76px;box-shadow:0 0 30px var(--commerce-glow);border-radius:50%;place-items:center;margin:0 auto 25px;display:grid}.confirmation-card .success-mark svg{width:35px}.confirmation-card .eyebrow{color:var(--commerce-accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.confirmation-card h1{font-size:var(--confirmation-heading-size);text-transform:uppercase;margin:12px 0;line-height:1}.confirmation-card .message{max-width:520px;color:var(--commerce-muted);margin:0 auto;line-height:1.7}.order-number{border-block:1px solid var(--commerce-border);margin:34px auto;padding:20px}.order-number span,.order-number strong{display:block}.order-number span{color:var(--commerce-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:9px}.order-number strong{letter-spacing:.08em;font-size:20px}.next-steps{grid-template-columns:repeat(var(--confirmation-step-columns), 1fr);text-align:left;border:1px solid var(--commerce-border);display:grid}.next-steps>div{border-right:1px solid var(--commerce-border);gap:13px;min-height:120px;padding:20px;display:flex}.next-steps>div:last-child{border:0}.next-steps b{color:var(--commerce-accent);font-size:10px}.next-steps strong,.next-steps small{display:block}.next-steps small{color:var(--commerce-muted);margin-top:7px;line-height:1.5}.actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.actions a{border:1px solid var(--commerce-border);min-height:48px;color:var(--commerce-foreground);text-transform:uppercase;place-items:center;padding:0 25px;font-size:10px;font-weight:800;text-decoration:none;display:inline-grid}.actions a.primary{border-color:var(--commerce-accent);background:var(--commerce-accent);color:#fff}.actions a:hover{box-shadow:0 0 22px var(--commerce-glow)}@media (width<=600px){.confirmation-page{padding-top:100px}.confirmation-card{padding-inline:20px}.next-steps{grid-template-columns:1fr}.next-steps>div{border-right:0;border-bottom:1px solid var(--commerce-border);min-height:90px}.actions{flex-direction:column}}
