.co{background:linear-gradient(180deg,var(--color-white)0%,var(--color-green)55%,var(--color-white)100%);min-height:100vh;padding:170px 24px 80px}.co__wrap{max-width:1100px;margin:0 auto}.co__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;font-size:54px;font-weight:400;line-height:.95}.co__subtitle{color:#000000a6;max-width:680px;margin-bottom:18px;font-size:14px;line-height:1.5}.co__grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.co__card{background:#ffffffeb;border:1px solid #00000014;border-radius:18px;padding:16px;box-shadow:0 18px 40px #00000014}.co__card h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:22px;font-weight:400}.co__lines{gap:12px;margin:0;padding:0;list-style:none;display:grid}.co__line{background:#ffffffa6;border:1px solid #00000014;border-radius:16px;grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.co__thumb{background:#00000008;border:1px solid #00000014;border-radius:14px;width:84px;height:84px;overflow:hidden}.co__thumb img{object-fit:cover;width:100%;height:100%;display:block}.co__name{font-family:var(--font-display);letter-spacing:1px;margin-bottom:6px;font-size:18px;font-weight:400;line-height:1.1}.co__meta{color:#000000a6;font-size:13px}.co__right{justify-items:end;gap:10px;display:grid}.co__qty{background:#ffffffe6;border:1.5px solid #0000002e;border-radius:9999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.co__qtybtn{cursor:pointer;background:0 0;border:1.5px solid #0003;border-radius:9999px;width:26px;height:26px;font-weight:400;line-height:1}.co__qtyval{text-align:center;min-width:22px;font-size:13px;font-weight:400}.co__remove{cursor:pointer;text-transform:uppercase;letter-spacing:2px;color:#000000b3;background:0 0;border:0;font-size:11px;font-weight:400}.co__divider{background:#00000014;height:1px;margin:14px 0}.co__summary{gap:10px;display:grid}.co__row{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.co__row strong{font-weight:400}.co__hint{color:#000000a6;font-size:12px;line-height:1.45}.co__form{gap:10px;margin-top:12px;display:grid}.co__field label{text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;font-size:12px;font-weight:400;display:block}.co__field input{width:100%;font:inherit;background:#fffffff2;border:1.5px solid #0000002e;border-radius:12px;padding:10px 12px}.co__postcode-row{align-items:stretch;gap:8px;display:flex}.co__postcode-row input{flex:1;min-width:0}.co__postcode-row .co__btn--ghost{white-space:nowrap;padding:10px 14px;font-size:11px}.co__btnrow{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.co__btn{appearance:none;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:var(--color-black);color:var(--color-white);border:0;border-radius:9999px;padding:12px 16px;font-size:12px;font-weight:400}.co__btn:disabled{opacity:.5;cursor:not-allowed}.co__btn--ghost{color:var(--color-black);border:2px solid var(--color-black);background:0 0}.co__empty{background:#ffffffb8;border:1px solid #00000014;border-radius:18px;max-width:680px;padding:18px}.co__empty a{font-weight:400}.co__saved{background:#fff9;border:1px solid #0000001a;border-radius:12px;padding:12px 14px;font-size:13px}.co__error{color:#c0392b;background:#fef2f0;border:1px solid #e85d4a;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:400}@media (max-width:980px){.co__grid{grid-template-columns:1fr}}@media (max-width:600px){.co{padding:100px 16px 60px}.co__title{font-size:36px}.co__line{grid-template-columns:60px 1fr;gap:10px}.co__thumb{width:60px;height:60px}.co__right{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.co__name{font-size:15px}.co__btn{padding:12px 14px;font-size:11px}}