.list-container { padding:1rem; max-width:800px; margin:0 auto; }
.tabs-container { width:100%; }
.tabs { display:flex; border-bottom:1px solid var(--border-color); margin-bottom:1rem; }
.tab-button { padding:.75rem 1rem; background:none; border:none; cursor:pointer; font-size:1rem; color:var(--text-color); position:relative; display:flex; align-items:center; gap:.5rem; }
.tab-button.active { color:var(--accent-color); font-weight:500; }
.tab-button.active:after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background-color:var(--text-color); }
.tab-count { font-size:.85rem; opacity:.7; }
.tab-content { display:none; }
.tab-content.active { display:block; }
.product-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1rem; }
@media (max-width:600px) { .product-list { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); } }
.list-item { border:1px solid var(--border-color); border-radius:8px; overflow:hidden; position:relative; }
.list-image { width:100%; aspect-ratio:1/1; object-fit:contain; background-color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:.5em; }
.list-image img { max-width:100%; max-height:100%; object-fit:contain; }
.list-info { padding:.5rem; }
.list-title { font-size:.9rem; margin:0; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3; color: var(--result-title); text-decoration: none; transition: color 0.2s ease; }
.list-title:hover { color: var(--result-title-hover); }
.list-gtin { font-size:.8rem; color:var(--text-secondary); margin-top:.25rem; }
.remove-item { position:absolute; top:.25rem; right:.25rem; background:rgba(0,0,0,.5); border:none; border-radius:50%; width:24px; height:24px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:white; padding:0; }
.remove-item svg { width:16px; height:16px; }
.empty-list-message { grid-column:1 / -1; text-align:center; padding:2rem; color:var(--text-secondary); }
.list-actions { display:flex; justify-content:flex-end; margin-bottom:1rem; }
.clear-list-button { display:flex; align-items:center; gap:.5rem; background:none; border:1px solid var(--border-color); border-radius:4px; padding:.5rem .75rem; font-size:.85rem; cursor:pointer; color:var(--text-color); }
.clear-list-button:hover { background-color:var(--background-hover); }