.page-checkout .co-layout{grid-template-columns:1fr 380px;gap:44px;padding:44px 0 80px;display:grid}.page-checkout .steps-bar{align-items:center;gap:10px;margin-bottom:30px;font-size:.78rem;font-weight:700;display:flex}.page-checkout .sb{color:var(--ink-3);align-items:center;gap:8px;display:flex}.page-checkout .sb i{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;font-style:normal;display:grid}.page-checkout .sb.on{color:var(--ink)}.page-checkout .sb.on i{background:var(--ink);color:var(--paper);border-color:var(--ink)}.page-checkout .sb.done i{background:var(--sage);border-color:var(--sage);color:#fff}.page-checkout .sb-line{background:var(--line);flex:1;height:1px}.page-checkout .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}.page-checkout .panel+.panel{margin-top:18px}.page-checkout .pay-opt{border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:center;gap:14px;padding:16px;transition:all .18s;display:flex}.page-checkout .pay-opt+.pay-opt{margin-top:10px}.page-checkout .pay-opt:hover{border-color:var(--brass)}.page-checkout .pay-opt.on{border-color:var(--brass);background:#b0803a0f}.page-checkout .pay-opt input{accent-color:var(--brass);width:17px;height:17px}.page-checkout .pay-logo{border-radius:var(--r-sm);background:var(--paper-3);width:44px;height:30px;color:var(--ink-2);place-items:center;font-size:.62rem;font-weight:800;display:grid}.page-checkout .summary{align-self:start;position:sticky;top:92px}.page-checkout .sum-item{border-bottom:1px solid var(--line-2);justify-content:space-between;padding:10px 0;font-size:.88rem;display:flex}.page-checkout .sum-total{justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:16px;display:flex}.page-checkout .sec-note{color:var(--ink-3);align-items:flex-start;gap:10px;margin-top:16px;font-size:.76rem;display:flex}.page-checkout .pay-note{border-radius:var(--r);border:1px dashed var(--brass);color:var(--ink-2);background:#b0803a1a;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:.78rem;line-height:1.5;display:flex}@media (max-width:900px){.page-checkout .co-layout{grid-template-columns:1fr}.page-checkout .summary{position:static}}
