.jc{--jb-blue:#2448D8;--jb-yel:#FFC83D;--jb-coral:#FF6B4A;--jb-ink:#1B1E3C;--jb-cream:#FFF8EE;--jb-sand:#EADFCB;color:var(--jb-ink);font-family:var(--font-body--family)}
.jc :where(h1,p,ul){margin:0;padding:0}
.jc :where(ul){list-style:none}
.jc :where(img){display:block;max-width:100%}
.jc-wrap{max-width:720px;margin:0 auto;padding:20px 16px 48px;box-sizing:border-box}
.jc.is-busy{opacity:.55;pointer-events:none}
.jc .jb-i{width:1.1em;height:1.1em;flex:none}
.jc-h1{font-family:var(--font-heading--family);font-weight:600;font-size:30px;margin-bottom:12px}
.jc-ship{display:flex;align-items:center;gap:8px;background:#EAF7EF;color:#0E7A3E;border-radius:12px;padding:10px 12px;font-size:14px;margin-bottom:14px}
.jc-items{display:grid;gap:12px}
.jc-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:start;background:#fff;border:2px solid var(--jb-sand);border-radius:16px;padding:12px}
.jc-item__img img{width:72px;height:72px;object-fit:cover;border-radius:10px}
.jc-item__t{font-weight:800;font-size:15px;color:inherit;text-decoration:none;display:block;line-height:1.25}
.jc-item__v{display:block;font-size:13px;opacity:.7;margin-top:2px}
.jc-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.jc-qty button{min-width:32px;height:32px;border-radius:8px;border:2px solid var(--jb-sand);background:#fff;font-size:16px;font-weight:800;cursor:pointer;color:var(--jb-ink)}
.jc-qty .jc-rm{border:0;background:none;font-size:12px;font-weight:600;text-decoration:underline;opacity:.6;min-width:0}
.jc-item__p{display:flex;flex-direction:column;align-items:flex-end;font-size:16px}
.jc-item__p s{font-size:12px;opacity:.5}
.jc-ups{margin-top:18px;background:var(--jb-cream);border-radius:16px;padding:14px}
.jc-ups__t{font-family:var(--font-heading--family);font-weight:600;font-size:19px;margin-bottom:10px}
.jc-up{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px;margin-top:8px}
.jc-up__img{width:56px;height:56px;object-fit:cover;border-radius:10px}
.jc-up__info{display:flex;flex-direction:column;font-size:14px;line-height:1.25}
.jc-up__info small{opacity:.7;font-size:12px}
.jc-up__p{font-weight:800;color:var(--jb-blue);margin-top:2px}
.jc-up__p s{color:var(--jb-ink);opacity:.45;font-weight:400;font-size:12px}
.jc-up__add{background:var(--jb-blue);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px;cursor:pointer;min-height:40px;white-space:nowrap}
.jc-sum{margin-top:18px;border-top:2px solid var(--jb-sand);padding-top:14px}
.jc-sum__row{display:flex;justify-content:space-between;font-size:16px;margin-bottom:6px}
.jc-save strong{color:#0E7A3E}
.jc-sum__total{font-size:20px;margin-top:4px}
.jc-cta{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--jb-blue);color:#fff;border:0;border-radius:999px;padding:16px 24px;font-family:var(--font-heading--family);font-weight:600;font-size:18px;text-decoration:none;box-shadow:0 6px 0 #1A36A8;cursor:pointer;min-height:56px}
.jc-cta--full{width:100%;margin-top:10px}
.jc-trust{display:flex;justify-content:center;align-items:center;gap:6px;font-size:13px;opacity:.8;margin-top:10px}
.jc-empty{text-align:center;padding:40px 0}
.jc-empty p{margin-bottom:16px;font-size:17px}
.jc-item__gift{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#0E7A3E;margin-top:4px;line-height:1.25}
.jc-ship--todo{display:block;background:#FFF3D6;color:var(--jb-ink)}
.jc-ship--todo p{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.jc-bar{display:block;height:8px;background:#fff;border-radius:99px;overflow:hidden;margin-top:8px}
.jc-bar span{display:block;height:100%;background:var(--jb-blue);border-radius:99px}
.jc-up__p s{margin-left:5px}