/* cart-checkout.css - cart lines, totals, checkout layout, thank-you page */
.lines{border-top:1px solid var(--line)}
.line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.line img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--alt)}.line.sm img{width:56px;height:56px}
.line-n{flex:1;display:flex;flex-direction:column;font-weight:600}.line-n small{color:var(--muted);font-weight:400}.line-n a{text-decoration:none}
.qin{width:64px;border:1px solid var(--line);border-radius:10px;padding:6px;text-align:center}
.x{background:none;border:0;font-size:1.6rem;color:var(--muted);cursor:pointer;line-height:1}
.sum{margin:16px 0}.sum div{display:flex;justify-content:space-between;padding:5px 0}
.sum .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:1.2rem}.sum .grand b{color:var(--o)}
.co{display:grid;gap:28px}@media(min-width:860px){.co{grid-template-columns:1.2fr 1fr;align-items:start}.co-sum{position:sticky;top:110px}}
.co-sum{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.co-sum h2{font-size:1.15rem}
.thanks .check{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.thanks .check .ic{width:36px;height:36px}
.ref{background:var(--alt);display:inline-block;padding:6px 18px;border-radius:999px}
.sum.left{text-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 18px}