@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");*{box-sizing:border-box}*,body,html{padding:0;margin:0}body,html{height:100%;width:100%;font-family:Open Sans,sans-serif;overflow:hidden}.page-container{flex-direction:column;height:100vh}.container,.page-container{display:flex;width:100%;overflow:hidden}.container{flex:1 1;flex-direction:column;padding:5px;box-sizing:border-box}.global-header{width:100%;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0;display:flex;justify-content:space-between;align-items:center}.global-header .logo{display:flex;justify-content:left;align-items:center}.global-header .logo img{max-width:100px;height:auto}.auth-nav{display:flex;align-items:center;gap:1rem}.auth-button,.my-list-button{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:12px;transition:background-color .3s ease}.my-list-button{background-color:#007bff;color:#fff;display:flex;align-items:center}.login:hover,.my-list-button:hover{background-color:#0056b3;opacity:.9}.login{background-color:#007bff;color:#fff}.logout{background-color:#dc3545;color:#fff}.logout:hover{background-color:#c82333}.search-form{max-width:600px;flex-direction:column;margin:10px auto;padding:10px}.search-form,.search-input-container{width:100%;display:flex;justify-content:center;align-items:center}.search-input-container{margin-bottom:10px}.search-input{flex-grow:1;font-size:14px;height:40px;border:1px solid rgba(0,0,0,.1);border-radius:20px 0 0 20px;padding:0 15px}.search-button{font-size:12px;font-weight:700;width:auto;min-width:60px;height:40px;padding:0 20px;background-color:#f8f9fa;color:#007bff;border:1px solid rgba(0,0,0,.1);border-left:none;border-radius:0 20px 20px 0;cursor:pointer}.search-button:hover{background-color:#e9ecef}.search-modifiers{width:100%;display:flex;justify-content:space-between;margin-top:10px}.modifier-select{font-size:12px;width:48%;height:40px;padding:5px 10px;background-color:#f8f9fa;color:#007bff;border:1px solid rgba(0,0,0,.1);border-radius:20px;cursor:pointer}.results-container{display:flex;flex-direction:column;gap:20px;padding:10px;overflow-y:auto;flex:1 1}.column{flex:1 1;min-height:300px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,.05)}.column-header{background-color:#f8f9fa;padding:10px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.1)}.results-scroll{flex:1 1;overflow-y:auto;padding:10px}.result-item{display:flex;margin-bottom:20px;padding:10px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.result-item .image{width:100px;min-width:100px;height:100px;margin-right:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-item .image img{max-width:100%;max-height:100%;object-fit:contain}.result-item .details{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.result-item .title{font-weight:700;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.2}.result-item .brand,.result-item .price,.result-item .rating{margin-bottom:5px;font-size:12px}.result-item .actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.add-to-list-btn,.result-item .link a{display:inline-block;padding:5px 10px;text-decoration:none;border-radius:4px;font-size:12px;transition:background-color .3s,transform .1s;background-color:#007bff;color:#fff;border:none;cursor:pointer}.add-to-list-btn:hover,.result-item .link a:hover{background-color:#0056b3}.add-to-list-btn:active{transform:scale(.95)}.add-to-list-btn.added{background-color:#007bff}.list-page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.list-page{flex:1 1;overflow:hidden;display:flex;flex-direction:column;padding:20px;font-size:12px}.list-actions{display:flex;gap:10px;margin-bottom:20px}.styled-button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.styled-button:disabled{background-color:#ccc}.table-wrapper{flex:1 1;overflow:auto;margin-bottom:20px}.list-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1200px}.list-table th,.list-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.list-table th{background-color:#f2f2f2;border-bottom:1px solid #ddd;padding:10px;text-align:left;cursor:pointer}.list-table th:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#ddd}.list-table td{background-color:#fff;padding:10px;border-bottom:1px solid #ddd}.list-table th:hover{background-color:#e6e6e6}.list-table input[type=number],.list-table input[type=text]{width:100%;padding:5px;border:1px solid #ddd}.quantity-input{width:3ch}.remove-link{font-size:.8em;color:#000;text-decoration:none}.remove-link:hover{text-decoration:underline}.price-change{font-size:.8em}.price-change.increase{color:green}.price-change.decrease{color:red}.list-table .list-summary{background-color:#f2f2f2;font-weight:700}.list-table .list-summary td{padding:10px;border-top:2px solid #ddd}.global-footer{width:100%;font-size:8px;padding:10px;text-align:center;background-color:#fff;border-top:.5px solid rgba(0,0,0,.1)}.footer-nav a{margin-right:15px}.footer-nav a:last-child{margin-right:0}.affiliate-disclaimer{font-size:10px;font-style:italic;text-align:center;margin-top:12px}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content{position:relative;max-width:90%;max-height:90%;background-color:#fff;padding:20px;border-radius:5px}.image-modal-img{max-width:100%;max-height:100%;object-fit:contain}.image-modal-close{position:absolute;top:-30px;right:-30px;background:#fff;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast{background-color:#4caf50;color:#fff;padding:16px;border-radius:4px;margin-bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);animation:slideIn .5s,fadeOut .5s 2.5s}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (min-width:769px){.results-container{flex-direction:row}.column{width:calc(50% - 10px)}}@media (max-width:768px){.global-header .logo img{max-width:100px}.search-form{padding:5px}.search-input-container{margin-bottom:5px}.search-button,.search-input{height:36px}.search-modifiers{flex-direction:row;justify-content:space-between}.modifier-select{width:48%;font-size:11px;padding:2px 5px;height:36px}.results-container{flex-direction:column}.column{width:100%;margin-bottom:20px}.result-item{flex-direction:row}.result-item .image{width:80px;min-width:80px;height:80px;margin-right:10px;margin-bottom:0}.result-item .image img{max-height:80px}.result-item .actions{flex-direction:column;align-items:stretch}.add-to-list-btn,.result-item .link a{margin-bottom:5px;text-align:center}.table-wrapper{margin-bottom:10px}.list-table{min-width:800px}.list-summary{padding:10px}}@media (max-width:480px){.global-header .logo img{max-width:120px}.search-form{margin:5px auto}.search-button,.search-input{height:34px}.search-button{padding:0 15px}.search-modifiers{margin-top:5px}.modifier-select{width:48%;font-size:10px;padding:2px 5px;height:34px}.affiliate-disclaimer{font-size:8px;margin-top:5px}.results-container{padding:5px 0}.column-header{font-size:14px;padding:5px}.result-item{margin-bottom:10px;padding:5px}.result-item .image{width:70px;min-width:70px;height:70px}.result-item .image img{max-height:70px}.result-item .title{font-size:14px}.result-item .price,.result-item .rating{font-size:12px}.add-to-list-btn,.result-item .link a{font-size:10px;padding:4px 8px}.pagination{padding:10px 0}.pagination button{font-size:12px;padding:5px 10px}.list-summary{padding:5px;font-size:10px}}@media (max-width:390px){.global-header .logo img{max-width:100px}.search-input{font-size:12px}.search-button{font-size:11px;padding:0 10px}.modifier-select{font-size:9px}.column{min-height:250px}.list-summary{font-size:9px}}.error-box{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:15px;margin-bottom:20px;border-radius:4px}.error-box h3{margin-top:0;color:#856404}.walmart-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.walmart-error h3{color:#721c24}.amazon-error{background-color:#cce5ff;border-color:#b8daff;color:#004085}.amazon-error h3{color:#004085}.error,.loading,.no-results{text-align:center;font-size:14px;margin:20px 0}.pagination{display:flex;justify-content:center;align-items:center;padding:20px 0;background-color:#fff;width:100%}.pagination button{margin:0 10px;padding:10px 20px;cursor:pointer;border:none;border-radius:8px;background-color:#007bff;color:#fff}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.product-details-link{display:inline-block;text-decoration:underline;font-size:8px;transition:background-color .3s;color:#007bff}.column-visibility-dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;top:100%;left:0;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1000;padding:12px;border-radius:4px;max-height:300px;overflow-y:auto}.dropdown-content label{display:block;padding:8px 0;white-space:nowrap}.dropdown-content label:hover{background-color:#f1f1f1}.dropdown-content input[type=checkbox]{margin-right:8px}.list-actions{position:relative;z-index:1001}.column-visibility-dropdown .styled-button{margin-bottom:5px}.titleCell{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2em;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}