.online-shell{max-width:1500px;margin:auto;padding:44px 32px}
.online-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.online-heading p{margin-top:12px}.online-heading>a{white-space:nowrap}
.online-total{display:flex;align-items:center;gap:16px;background:var(--green-light);border:1px solid #d4e3d9;border-radius:12px;padding:20px 24px;margin-bottom:24px;color:var(--green-dark)}
.online-total strong{font-size:36px;font-variant-numeric:tabular-nums}.online-total a{margin-left:auto}
.online-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.online-lists .panel{min-width:0;margin:0}.online-table{overflow-x:auto}.online-table table{width:100%;min-width:400px}
.online-table th,.online-table td{padding:16px 20px}.online-table tfoot{background:var(--green-light)}
.online-table .quantity{font-weight:700;font-variant-numeric:tabular-nums}.online-note{padding:18px 20px;font-size:12px}
@media(max-width:850px){.online-lists{grid-template-columns:1fr}.online-shell{padding:24px 16px}.online-heading{align-items:flex-start;flex-direction:column}.online-total{padding:16px;gap:12px}.online-total strong{font-size:30px}}