@import url("./legal.css?v=20261028-hover");
.commerce-main{max-width:960px}.commerce-intro{max-width:720px}.commerce-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.commerce-summary small{font-size:16px;font-weight:400;color:var(--muted)}.commerce-actions{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.commerce-actions .button{text-decoration:none}.commerce-steps{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.commerce-steps li{margin:0!important;padding:20px 0}.commerce-steps li::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--green);font-size:12px;letter-spacing:.12em;margin-bottom:14px}.commerce-steps strong,.commerce-steps span{display:block}.commerce-steps strong{color:var(--ink);font-size:17px;margin-bottom:8px}.commerce-steps span{font-size:14px}.commerce-entry .button+.button{margin-left:12px}@media(max-width:680px){.commerce-summary,.commerce-steps{grid-template-columns:1fr;gap:12px}.commerce-summary{gap:24px}.commerce-actions .button{width:100%;text-align:center}.commerce-steps li{padding:10px 0}.commerce-steps li::before{margin-bottom:6px}.commerce-entry .button{display:block;margin:12px 0!important}}