.product-image{object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.product-image:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.product-image-small{width:32px;height:32px;border-radius:4px}.product-image-medium{width:48px;height:48px;border-radius:6px}.product-image-large{width:80px;height:80px;border-radius:8px}.product-image-loading{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:8px}.product-image-loading.product-image-small{width:32px;height:32px;border-radius:4px}.product-image-loading.product-image-medium{width:48px;height:48px;border-radius:6px}.product-image-loading.product-image-large{width:80px;height:80px;border-radius:8px}.loading-spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.product-image-loading.product-image-small .loading-spinner{width:12px;height:12px;border-width:1.5px}.product-image-loading.product-image-large .loading-spinner{width:20px;height:20px;border-width:2.5px}.product-image-error{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;color:#6c757d;border-radius:8px}.product-image-error.product-image-small{width:32px;height:32px;border-radius:4px}.product-image-error.product-image-medium{width:48px;height:48px;border-radius:6px}.product-image-error.product-image-large{width:80px;height:80px;border-radius:8px}.error-icon{font-size:16px}.product-image-error.product-image-small .error-icon{font-size:12px}.product-image-error.product-image-large .error-icon{font-size:24px}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.product-image-medium{width:40px;height:40px}.product-image-large{width:64px;height:64px}.product-image-loading.product-image-medium{width:40px;height:40px}.product-image-loading.product-image-large{width:64px;height:64px}.product-image-error.product-image-medium{width:40px;height:40px}.product-image-error.product-image-large{width:64px;height:64px}}.search-bar{display:flex;margin:20px 0;max-width:600px;width:100%}.search-container-wrapper{position:relative;max-width:600px;width:100%}.search-input{flex:1 1;padding:12px 16px;border:2px solid #ddd;border-radius:4px 0 0 4px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-button{background-color:#3b82f6;color:white;border:none;border-radius:0 12px 12px 0;padding:0 20px;cursor:pointer;font-size:1rem;transition:background-color .3s}.search-button:hover{background-color:#2C68E7}.suggestions-container{position:absolute;top:100%;left:0;right:0;z-index:1000;background:white;border:2px solid #3b82f6;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}.suggestions-list{list-style:none;margin:0;padding:0}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .15s ease;font-size:1rem;color:#374151;position:relative}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.suggestion-item.selected,.suggestion-item:hover{background-color:#f8fafc;color:#1f2937;padding-left:24px}.suggestion-item:active{background-color:#e2e8f0;transform:scale(.98)}.suggestion-content{display:flex;align-items:center;gap:12px}.suggestion-image{flex-shrink:0}.suggestion-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-type{margin-left:10px;font-size:.85em;color:#64748b;background:#e5e7eb;border-radius:6px;padding:2px 8px;font-weight:500;text-transform:capitalize}.suggestion-alias{color:#94a3b8;font-size:.92em;font-weight:400}.suggestion-item:hover:before{content:"›";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#3b82f6;font-weight:700;font-size:1.2em;opacity:1}.suggestions-container::-webkit-scrollbar{width:6px}.suggestions-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.suggestions-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.suggestions-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (max-width:768px){.suggestions-container{max-height:250px}.suggestion-item{padding:14px 16px;font-size:1rem}.suggestion-item.selected,.suggestion-item:hover{padding-left:22px}.suggestion-item:hover:before{left:8px;font-size:1.1em}}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 0 .25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:wrap}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:999px;border:2px solid #e5e7eb;background:white;color:#6b7280;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.filter-chip:hover{border-color:#d1d5db;background:#f9fafb;color:#374151;transform:translateY(-1px)}.filter-chip--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border-color:transparent;box-shadow:0 4px 12px rgba(59,130,246,.3)}.filter-chip--active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);color:white;border-color:transparent}@media (max-width:480px){.filter-chips{justify-content:flex-start;flex-wrap:nowrap;padding-left:.25rem;padding-right:.25rem}.filter-chip{padding:.4rem .75rem;font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,41,59,.55);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(30,41,59,.18);max-width:480px;width:95vw;max-height:90vh;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative;animation:modalPopIn .2s}@keyframes modalPopIn{0%{transform:scale(.96);opacity:.7}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;transition:color .2s;z-index:1}.modal-close:hover{color:#3b82f6}@media (max-width:600px){.modal-content{max-width:98vw;padding:1.25rem .5rem 1rem;border-radius:10px}.modal-close{top:.5rem;right:.5rem;font-size:1.5rem}}.vm-item-card:hover{box-shadow:0 4px 16px rgba(30,41,59,.12);transform:translateY(-2px) scale(1.01)}.vm-item-image{border-radius:8px;height:48px;width:48px}.vm-item-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.vm-item-name{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.2rem}.vm-item-location{font-size:.97rem;color:#2563eb;margin-bottom:.1rem}.vm-item-notes{font-size:.93rem;color:#64748b;margin-top:.1rem}@media (max-width:600px){.vm-item-card{gap:.6rem;padding:.6rem .5rem}.vm-item-image{height:40px;width:40px}.vm-item-name{font-size:1rem}.vm-item-location{font-size:.92rem}.vm-item-notes{font-size:.89rem}}.vm-machine-card{display:flex;align-items:center;gap:1rem;background:#f1f5f9;border-radius:10px;box-shadow:0 1px 4px rgba(30,41,59,.08);padding:.9rem 1rem;margin-bottom:1rem;cursor:pointer;transition:box-shadow .18s,transform .18s,background .18s;outline:none}.vm-machine-card:focus,.vm-machine-card:hover{background:#e0e7ef;box-shadow:0 4px 16px rgba(30,41,59,.13);transform:translateY(-2px) scale(1.01)}.vm-machine-card-image{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#e5e7eb;flex-shrink:0}.vm-machine-card-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.vm-machine-card-name{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.2rem}.vm-machine-card-credit-card-only{font-size:.8rem;font-weight:600;color:white;background:#dc2626;padding:.2rem .5rem;border-radius:4px;align-self:flex-start;margin-bottom:.25rem}.vm-machine-card-floor{font-size:.97rem;color:#2563eb;margin-bottom:.1rem}.vm-machine-card-notes{font-size:.93rem;color:#64748b;margin-top:.1rem}@media (max-width:600px){.vm-machine-card{gap:.6rem;padding:.7rem .5rem}.vm-machine-card-image{width:40px;height:40px}.vm-machine-card-name{font-size:1rem}.vm-machine-card-floor{font-size:.92rem}.vm-machine-card-notes{font-size:.89rem}}.tab-navigation{width:100%;margin-bottom:0;z-index:10}.tab,.tab-navigation{display:flex;position:relative}.tab{flex:1 1;background:#f8fafc;border:1px solid #e5e7eb;border-bottom:none;color:#6b7280;padding:12px 24px;border-radius:12px 12px 0 0;font-size:.95rem;font-weight:500;font-family:Quicksand,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;gap:.5rem;margin-right:2px}.tab:hover{background:#f1f5f9;color:#3b82f6;transform:translateY(-1px)}.tab.active{border-color:#e5e7eb;border-bottom:1px solid white;z-index:5;box-shadow:0 -2px 8px rgba(0,0,0,.05)}.tab.active,.tab.active:hover{background:white;color:#1f2937}.tab.active:hover{transform:translateY(-1px)}@media (max-width:768px){.tab{padding:10px 16px;font-size:.9rem;flex:1 1}}@media (max-width:480px){.tab{padding:8px 12px;font-size:.8rem}}@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");.main-page{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#374151;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}.page-container{max-width:1200px;margin:0 auto;padding:0 1rem}.content-container{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:visible}.main-content{background:white;border-radius:0;margin-top:0;position:relative;z-index:10;box-shadow:none;padding:2rem 1rem;animation:none;width:100%;box-sizing:border-box}@media (min-width:768px){.main-content{padding:2rem 1.5rem}}@media (min-width:1024px){.main-content{padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}}.search-section{margin-bottom:2rem}@media (min-width:768px){.search-section{margin-bottom:3rem}}.search-section h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.search-section h2{margin-bottom:2rem}}.search-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%;max-width:none;align-items:stretch;box-sizing:border-box}@media (min-width:768px){.search-container{flex-direction:row;align-items:center;max-width:800px;margin-left:auto;margin-right:auto}}@media (max-width:767px){.main-page .search-container{flex-direction:column;gap:.75rem;padding:0 .5rem}.main-page .search-container input{border-radius:12px!important;border-right:2px solid #e5e7eb!important;padding:.75rem;font-size:.9rem}.main-page .search-container input:focus{border-radius:12px!important}}@media (max-width:480px){.main-page .search-container{padding:0 .25rem}.main-page .search-container input{padding:.6rem;font-size:.85rem;border-radius:10px!important}.main-page .search-container input:focus{border-radius:10px!important}}.location-button:active{transform:translateY(0) scale(.98)}.location-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.main-page .search-container input{flex:1 1;padding:1rem;border:2px solid #e5e7eb;border-radius:12px 0 0 12px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:white;box-shadow:0 2px 10px rgba(0,0,0,.05);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3.5rem;box-sizing:border-box;width:100%;min-width:0}@media (min-width:768px){.search-container input{border-radius:12px 0 0 12px;border-right:none}}.main-page .search-container input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 20px rgba(0,0,0,.1);transform:translateY(-1px)}.main-page .search-container input::placeholder{color:#9ca3af}.campus-filter{display:flex;align-items:center}.campus-select{border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;font-weight:500;background:white;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23374151"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding:1rem 3rem 1rem 1rem;height:3.5rem;box-sizing:border-box;width:100%;min-width:0}@media (min-width:768px){.campus-select{width:auto;min-width:160px;flex-shrink:0}}.campus-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 20px rgba(0,0,0,.1);transform:translateY(-1px)}.campus-select:hover{border-color:#d1d5db;transform:translateY(-1px)}.accept-suggestion,.clear-button,.location-button,.reject-suggestion{padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.clear-button{background:#94a3b8;color:white;min-width:100px;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid #94a3b8;margin-left:-2px}@media (max-width:639px){.clear-button{border-radius:12px;margin-left:0;border:none}}.clear-button:hover{background:#64748b;color:white;transform:translateY(-1px);box-shadow:0 4px 15px rgba(100,116,139,.3)}.clear-button:active{transform:translateY(0) scale(.98)}.location-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;margin:0 auto;display:block;width:100%;max-width:300px;box-shadow:0 4px 15px rgba(59,130,246,.3);font-size:1rem;position:relative;overflow:visible;padding:1rem;box-sizing:border-box}.location-button:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(59,130,246,.4)}.location-button.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,.3)}.location-button.active:hover{box-shadow:0 6px 25px rgba(16,185,129,.4)}.location-info-icon{position:absolute;top:.5rem;right:.5rem;width:1rem;height:1rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;cursor:help;transition:all .2s ease}.location-info-icon:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.location-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%) translateY(10px);background:#1f2937;color:white;padding:.75rem;border-radius:8px;font-size:.85rem;line-height:1.4;width:90vw;max-width:280px;box-shadow:0 8px 25px rgba(0,0,0,.3);z-index:9999;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-sizing:border-box}.location-info-icon:hover .location-tooltip{transform:translateX(-50%) translateY(0)}.location-tooltip:after{content:"";position:absolute;top:100%;right:1rem;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937}.location-info-icon:hover .location-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.location-section{text-align:center;margin-bottom:1.5rem;position:relative;z-index:10}@media (min-width:768px){.location-section{margin-bottom:2rem}}.location-status{margin-top:1rem;color:#059669;font-weight:500;font-size:.9rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-results{margin-top:2rem;animation:slideUp .3s ease-out}.search-results-header{margin-bottom:1.5rem}.product-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1rem}.search-product-image{flex-shrink:0}.product-header-text{flex:1 1}.product-header-text h3{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.product-subtitle{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.search-results h3{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.no-results{text-align:center;color:#6b7280;font-size:1.1rem;padding:2rem 1rem;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.results-list{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:768px){.results-list{gap:1.5rem}}.result-item{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .2s ease;animation:fadeInUp .4s ease-out;animation-fill-mode:both}@media (min-width:768px){.result-item{padding:2rem}}.result-item:first-child{animation-delay:.1s}.result-item:nth-child(2){animation-delay:.2s}.result-item:nth-child(3){animation-delay:.3s}.result-item:nth-child(4){animation-delay:.4s}.result-item:nth-child(5){animation-delay:.5s}.result-item:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.1);border-color:#c7d2e0}@media (hover:none){.result-item:hover{transform:none}}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}@media (min-width:480px){.result-header{align-items:center;gap:1rem}}.result-header h4{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;color:#1f2937;margin:0;flex:1 1}.result-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.credit-card-only-badge{background:#dc2626;color:white;padding:.35rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.distance-badge{background:linear-gradient(135deg,#374151,#1f2937);color:white;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 2px 10px rgba(55,65,81,.3);white-space:nowrap}.result-content p{margin-bottom:.6rem;color:#4b5563;font-size:.95rem;line-height:1.5}@media (min-width:768px){.result-content p{margin-bottom:.8rem;font-size:1rem}}.result-content strong{color:#1f2937;font-weight:600}.found-products{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:10px;padding:1rem;margin-top:1rem}.found-products p{margin:0;color:#065f46;font-weight:500;font-size:.95rem}.products-container{margin-top:1.5rem}.products-container h5{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media (min-width:768px){.products-container h5{font-size:1.1rem}}.grouped-products{margin-top:.5rem}.product-category{margin-bottom:1.2rem;background:#f3f6fa;border-radius:10px;box-shadow:0 1px 4px rgba(30,41,59,.04);overflow:hidden}.product-category:last-child{border-bottom:none}.category-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#e5eaf2;border-radius:10px 10px 0 0;font-size:1.08rem;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.category-header:hover{background:#dbe7f6}.category-header:active{background:#f1f5f9}.category-header h5{margin:0;font-size:.9rem;font-weight:500;color:#374151}@media (min-width:768px){.category-header h5{font-size:1rem}}.dropdown-icon{font-size:1.1rem;margin-left:.5rem;color:#2563eb;font-weight:700;transition:transform .18s}.category-header:hover .dropdown-icon{transform:scale(1.1)}.category-products{padding:.5rem 1rem .7rem}@media (max-width:600px){.category-header{font-size:1rem;padding:.6rem .7rem}.category-products{padding:.4rem .5rem .6rem}.product-category{margin-bottom:.7rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.category-products li{padding:.8rem 1rem;border-bottom:1px solid #e2e8f0;color:#4b5563;transition:all .2s ease;font-size:.9rem}@media (min-width:768px){.category-products li{padding:.8rem 1.5rem;font-size:.95rem}}.category-products li:last-child{border-bottom:none}.category-products li:hover{background:white;color:#1f2937}@media (hover:none){.category-products li:hover{background:#f8fafc}}.map-section{margin-top:2rem;animation:fadeInUp .8s ease-out .6s both}@media (min-width:1024px){.map-section{margin-top:0;position:-webkit-sticky;position:sticky;top:1.5rem}}.clickable-popup{transition:all .2s ease;border-radius:8px;padding:12px;margin:-8px}.clickable-popup:hover{background-color:#f8fafc;transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}.popup-click-hint{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;text-align:center}.popup-click-hint p{margin:0;color:#3b82f6;font-size:.9rem;font-weight:500}@media (min-width:768px){.map-section{margin-top:3rem}}.map-section h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.map-section h2{margin-bottom:2rem}}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12);border:2px solid white;transition:all .3s ease;height:400px;width:100%;box-sizing:border-box}@media (min-width:768px){.map-container{border-radius:20px;border:4px solid white;height:500px;box-shadow:0 10px 40px rgba(0,0,0,.15)}}@media (min-width:1024px){.map-container{height:600px}}.map-container:hover{box-shadow:0 15px 50px rgba(0,0,0,.2)}@media (hover:none){.map-container:hover{box-shadow:0 10px 40px rgba(0,0,0,.15)}}.machine-popup{font-family:Inter,sans-serif;font-size:.9rem}.machine-popup h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.8rem;padding-bottom:.5rem}.machine-popup p{margin-bottom:.4rem;color:#4b5563;font-size:.85rem;line-height:1.4}.machine-popup strong{color:#1f2937;font-weight:600}.popup-products{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.category-summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.category-item{background:linear-gradient(135deg,#374151,#1f2937);color:white;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.category-count{opacity:.8;margin-left:.2rem}.view-machine-button{margin-top:1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px rgba(30,41,59,.08)}.view-machine-button:hover{background:#2563eb;box-shadow:0 2px 8px rgba(30,41,59,.12)}@media (max-width:600px){.view-machine-button{width:100%;font-size:.98rem;padding:.6rem .5rem}}@media (max-width:767px){.result-item{touch-action:pan-y}.category-header{min-height:48px}.category-header,button{touch-action:manipulation}button{min-height:44px}}.loading{opacity:.7;pointer-events:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155)}button:focus-visible,input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.result-item{padding:1rem}.category-header{padding:.75rem}button{padding:.75rem 1rem;font-size:.9rem}.product-header{flex-direction:column;text-align:center;gap:.75rem;padding:1rem}.product-header-text h3{font-size:1.25rem}.product-subtitle{font-size:.9rem}}.inline-back-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;justify-content:flex-start}.inline-building-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.inline-building-image{width:96px;height:96px;border-radius:16px;object-fit:cover;background:#e5e7eb;box-shadow:0 2px 8px rgba(30,41,59,.1);margin-bottom:.5rem}.inline-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;justify-content:flex-start}.inline-machine-name{font-size:2rem;font-weight:600;color:#1e293b;margin:0;line-height:1;vertical-align:middle;display:inline-block}.inline-back-btn{background:none;border:none;padding:.2rem .4rem;border-radius:6px;cursor:pointer;font-size:1.5rem;color:#2563eb;display:flex;align-items:center;transition:background .15s}.inline-back-btn:focus,.inline-back-btn:hover{background:#e0e7ef}.inline-back-chevron{font-size:1.5rem;font-weight:700;line-height:1;display:inline-block;vertical-align:middle}.vm-item-card{gap:1rem;background:#f8fafc;box-shadow:0 2px 8px rgba(30,41,59,.06);padding:.75rem 1rem;margin-bottom:1rem;transition:box-shadow .2s,transform .2s;min-height:104px}.vm-item-card,.vm-item-image{display:flex;align-items:center;border-radius:10px}.vm-item-image{flex-shrink:0;box-shadow:0 1px 4px rgba(30,41,59,.08);justify-content:center;height:88px;width:88px;object-fit:cover;background:#e5e7eb}@media (max-width:600px){.inline-header-row{gap:.3rem;margin-bottom:.8rem}.inline-machine-name{font-size:1.4rem}.vm-item-image{height:72px;width:72px}.vm-item-card{min-height:84px}}