.shopping-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--black),var(--graphite));color:white;border-radius:22px;padding:27px;margin-bottom:18px}.shopping-hero h2{margin-bottom:5px}.shopping-hero p{color:#ddd;margin:0}
.shopping-list-tabs{display:flex;gap:8px;overflow:auto;padding:3px 2px 12px}.shopping-tab{display:flex;flex-direction:column;min-width:135px;border:1px solid var(--line);background:var(--card-color);border-radius:12px;padding:10px 13px;text-align:left;color:var(--ink)}.shopping-tab.active{background:var(--black);color:white}.shopping-tab small{opacity:.65;margin-top:3px}
.shopping-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card-color);border:1px solid var(--line);border-radius:16px;margin-bottom:16px}.shopping-summary>div{display:flex;flex-direction:column;padding:15px 18px;border-right:1px solid var(--line)}.shopping-summary>div:last-child{border:0}.shopping-summary small{color:var(--muted)}.shopping-summary strong{font-size:19px;color:var(--number-color);margin-top:4px}
.shopping-form{display:grid;grid-template-columns:2fr .7fr 1fr auto;align-items:end;gap:12px;margin-bottom:16px}.shopping-form label{margin:0}.shopping-form button{height:42px}
.shopping-form.segmented{grid-template-columns:1.5fr 1fr 1fr .7fr 1fr auto}
.shopping-legend{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 14px}.shopping-legend span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.shopping-legend i,.shopping-category-title>span{width:9px;height:9px;border-radius:50%}.shopping-legend .perishable,.shopping-category-title.perishable>span{background:#dc5b52}.shopping-legend .nonperishable,.shopping-category-title.nonperishable>span{background:#d7a524}.shopping-legend .cleaning,.shopping-category-title.cleaning>span{background:#3186c7}.shopping-legend .hygiene,.shopping-category-title.hygiene>span{background:#9b66c5}.shopping-legend .beverages,.shopping-category-title.beverages>span{background:#2da66f}
.shopping-category-title{display:flex;align-items:center;gap:9px;padding:12px 4px 3px;margin-top:9px}.shopping-category-title>span{width:12px;height:12px}.shopping-category-title>div{display:flex;align-items:baseline;gap:8px}.shopping-category-title strong{font-size:13px}.shopping-category-title small{color:var(--muted);font-size:9px}
.shopping-item[data-category="perishable"]{border-left:4px solid #dc5b52}.shopping-item[data-category="nonperishable"]{border-left:4px solid #d7a524}.shopping-item[data-category="cleaning"]{border-left:4px solid #3186c7}.shopping-item[data-category="hygiene"]{border-left:4px solid #9b66c5}.shopping-item[data-category="beverages"]{border-left:4px solid #2da66f}.shopping-item[data-category="other"]{border-left:4px solid #999}
.shopping-list{display:grid;gap:8px}.shopping-item{display:grid;grid-template-columns:38px 1.5fr 150px 120px 95px 34px;align-items:center;gap:12px;background:var(--card-color);border:1px solid var(--line);border-radius:14px;padding:13px 15px}.shopping-item.checked{opacity:.62}.shopping-item.checked .shopping-product strong{text-decoration:line-through}.shopping-check{margin:0}.shopping-check input{display:none}.shopping-check span{width:30px;height:30px;border:2px solid var(--line);border-radius:9px;display:grid;place-items:center;color:transparent}.shopping-check input:checked+span{background:var(--black);border-color:var(--black);color:white}.shopping-product,.shopping-subtotal{display:flex;flex-direction:column}.shopping-product small,.shopping-subtotal small{color:var(--muted);margin-top:3px}.shopping-price{margin:0}.shopping-price span{font-size:9px;color:var(--muted)}.shopping-price input{width:100%;padding:8px}.shopping-subtotal strong{color:var(--number-color)}.camera-price{border:1px solid var(--black);background:white;color:var(--black);border-radius:9px;padding:8px;font-size:11px}.remove-shopping{width:30px;height:30px;border:0;border-radius:50%;background:var(--soft);color:#96382f;font-size:18px}.empty-shopping{text-align:center;padding:45px}.empty-shopping>span{font-size:30px}.empty-shopping p{margin-bottom:0}.shopping-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.camera-modal{padding:25px}.camera-modal>p{font-size:12px}.camera-view{position:relative;width:100%;aspect-ratio:4/3;background:#111;border-radius:15px;overflow:hidden}.camera-view video,.camera-view canvas{width:100%;height:100%;object-fit:cover}.camera-view canvas{display:none}.camera-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white;gap:8px;background:#222}.camera-placeholder span{font-size:35px}.camera-status{background:var(--paper);border-radius:10px;padding:10px}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-actions button,.upload-photo{text-align:center;margin:0;text-decoration:none}.upload-photo{display:block;cursor:pointer}.camera-modal>label{margin-top:15px}
@media(max-width:950px){.shopping-item{grid-template-columns:35px 1fr 120px 90px}.camera-price{grid-column:2}.remove-shopping{grid-column:4;grid-row:2}.shopping-form,.shopping-form.segmented{grid-template-columns:1fr 1fr}.shopping-form button{grid-column:1/-1}}
@media(max-width:600px){.shopping-hero{align-items:flex-start;flex-direction:column}.shopping-summary{grid-template-columns:1fr 1fr}.shopping-summary>div:nth-child(2){border-right:0}.shopping-summary>div{border-bottom:1px solid var(--line)}.shopping-form,.shopping-form.segmented{grid-template-columns:1fr}.shopping-form button{grid-column:auto}.shopping-item{grid-template-columns:35px 1fr 30px}.shopping-price,.shopping-subtotal{grid-column:2/-1}.camera-price{grid-column:2}.remove-shopping{grid-column:3;grid-row:1}.shopping-footer{flex-direction:column}.shopping-footer button{width:100%}}