.shopping-open{display:flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;font-weight:700;font-size:12px;color:var(--ink)}
.shopping-open svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
#shopping-list-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:50%;background:var(--accent-soft);font-size:11px}
.header-inner>.shopping-open{margin-left:auto}
.shopping-card-add{margin-top:10px;min-height:34px;width:100%;color:var(--brand);font-size:12px;font-weight:650;border:1px solid var(--line);border-radius:7px;background:#fff}
.shopping-card-add:hover{background:var(--soft);border-color:var(--brand)}
.shopping-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,540px);max-width:100vw;height:100dvh;max-height:100dvh;padding:26px;border:0;border-left:1px solid var(--line);color:var(--ink);background:#fff;overflow:auto;box-shadow:-15px 0 60px #182c5826}
.shopping-dialog::backdrop{background:#14233b66;backdrop-filter:blur(2px)}
.shopping-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.shopping-heading h2{font-size:24px;margin:8px 0 0;letter-spacing:-.7px}
.shopping-heading>button{width:40px;height:40px;border-radius:50%;background:var(--soft);font-size:27px;line-height:1}
.shopping-intro,.shopping-footer>p{font-size:12px;color:var(--muted);line-height:1.7}
.shopping-intro{margin:18px 0 10px}
.shopping-item{display:flex;gap:16px;padding:23px 0;border-top:1px solid var(--line)}
.shopping-item-image{display:grid;place-items:center;flex:0 0 84px;height:95px;background:var(--soft);border-radius:9px;padding:5px}
.shopping-item-image img{object-fit:contain;max-width:100%;max-height:100%}
.shopping-item-info{flex:1;min-width:0}
.shopping-item-title{display:block;font-size:13px;line-height:1.6;font-weight:600;margin-bottom:8px}
.shopping-item-info>strong{font-size:17px;letter-spacing:-.4px}
.shopping-item-info>small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.shopping-item-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}
.shopping-item-controls label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
.shopping-item-controls input{width:62px;min-height:36px;padding:6px;border:1px solid var(--line);border-radius:6px;text-align:center;font:inherit;color:var(--ink)}
.shopping-item-controls button{font-size:11px;color:var(--muted);text-decoration:underline;min-height:36px}
.shopping-buy{display:inline-flex;align-items:center;min-height:37px;padding:8px 13px;background:var(--brand);border-radius:6px;color:#fff;font-size:11px;font-weight:650}
.shopping-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:5px}
.shopping-total{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.shopping-total strong{font-size:23px;letter-spacing:-.8px}
.shopping-footer-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 8px}
.shopping-footer-actions button{font-size:12px;min-height:43px}
.shopping-empty{padding:35px 0 42px;line-height:1.8;color:var(--muted);font-size:13px}
.shopping-empty h3{font-size:19px;color:var(--ink);line-height:1.4}
@media(max-width:1100px){.shopping-label{display:none}.header-actions{gap:10px}.header-inner{gap:24px}}
@media(max-width:600px){.shopping-dialog{padding:22px 18px}.shopping-heading h2{font-size:22px}.shopping-item{gap:12px}.shopping-item-image{flex-basis:72px}.header-actions{gap:7px}.shopping-open{gap:4px}}