/* generated from the approved design by tools/build-assets.py; edit woo.css for overrides */
.cartpage{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;padding:8px 0 56px}
.cartpage h1{font-size:clamp(30px,3.4vw,40px);margin:0 0 18px}
.shipbar{padding:18px 20px;margin-bottom:20px;background:var(--foam);border:1px solid var(--line);border-radius:var(--r)}
.shipbar p{margin:0 0 10px;font-size:17px}.shipbar p b{color:var(--deep)}
.bar{height:12px;border-radius:6px;background:#fff;border:1px solid var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--lagoon);border-radius:6px}
.shipbar .scale{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:6px}
.items{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.li{display:grid;grid-template-columns:104px 1fr auto;gap:8px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
.li .pic{background:var(--foam);border-radius:12px;padding:12px;aspect-ratio:1;display:grid;place-items:center}
.li h2{font-size:18px;font-weight:700;margin:0 0 2px;line-height:1.35}.li h2 a{color:var(--ink);text-decoration:none}
.li .meta{font-size:15px;color:var(--muted);margin:0}
.li .ok{font-size:15px;color:var(--ok);display:flex;gap:6px;align-items:center;margin:4px 0 8px}
.li .lp{text-align:right}.li .lp b{display:block;color:var(--buoy);font-size:20px;font-weight:800}.li .lp span{font-size:14px;color:var(--muted)}
.liact{grid-column:2/4;display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{width:44px;height:44px;border:0;background:#fff;font-size:20px;cursor:pointer;color:var(--deep)}
.qty input{width:40px;text-align:center;border:0;height:44px;font-weight:700}
.linkbtn{border:0;background:transparent;color:var(--lagoon);font-weight:600;font-size:15px;min-height:44px;padding:0 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ar{grid-column:2/4;border:1.5px solid var(--line);border-radius:14px;padding:6px 14px;margin:6px 0 0;background:#fff}
.ar legend{font-weight:700;font-size:15px;padding:0 6px;margin-left:-6px}
.ar label.opt2{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:16px}
.ar input[type=radio]{width:20px;height:20px;accent-color:var(--lagoon);margin:0;flex:none}
.ar .pr{color:var(--buoy);font-weight:800}
.ar .freq{display:none;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 10px 32px;font-size:15px;color:var(--muted)}
.ar:has(.sub:checked){border-color:var(--lagoon);background:var(--foam)}
.ar:has(.sub:checked) .freq{display:flex}
.ar select{min-height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;font-size:16px}
.noar{grid-column:2/4;font-size:14px;color:var(--muted);margin:0}
.addons{margin-top:28px}
.addons h2{font-size:20px;margin-bottom:12px}
.addrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.addon{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px}
.addon .pic{background:var(--foam);border-radius:10px;padding:6px}
.addon b{display:block;font-size:16px;font-weight:600;line-height:1.3}.addon .pr{color:var(--buoy);font-weight:800}
.addon .btn{min-height:44px;padding:0 16px}
.summary{position:sticky;top:96px;padding:24px}
.summary h2{font-size:24px;margin-bottom:14px}
.sumrows{margin:0}.sumrows div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:16px}
.sumrows dt{color:var(--ink)}.sumrows dd{margin:0;text-align:right;font-weight:600}
.sumrows .sv dd{color:var(--ok)}
.sumrows .tot{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:19px}
.sumrows .tot dt,.sumrows .tot dd{font-weight:800}.sumrows .tot dd{color:var(--buoy);font-size:24px}
.summary .btn-primary{min-height:56px;font-size:18px;margin:16px 0 12px}
.guest{display:flex;gap:10px;background:var(--mist);border-radius:12px;padding:12px 14px;font-size:15px;margin:0 0 12px}
.guest svg{color:var(--lagoon);flex:none;width:24px;height:24px}
.paynote{font-size:14px;color:var(--muted);margin:0}
.cont{margin-top:16px}
@media(max-width:1020px){.cartpage{grid-template-columns:1fr;gap:28px}.summary{position:static}}
@media(max-width:760px){
 .cartpage{padding-top:12px}
 .li{grid-template-columns:76px 1fr;gap:6px 14px}.li .lp{grid-column:2;grid-row:2;text-align:left;display:flex;gap:10px;align-items:baseline}
 .li .lp b{display:inline}.li .info{grid-column:2}.liact{grid-column:1/3}.ar,.noar{grid-column:1/3}
 .ar .freq{padding-left:0}
 .addrow{grid-template-columns:1fr}
 .summary{padding:20px}
}
