.search-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .2s ease;margin:0 .5rem}.search-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--primary-color, #6366f1)}.search-btn:hover .search-btn-icon{color:var(--primary-color, #6366f1)}.search-btn-icon{width:22px;height:22px;color:var(--text-muted, #6b7280);transition:color .2s}.search-btn-text,.search-btn-shortcut{display:none}.search-mobile{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:100001!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:12vh 1rem 2rem 1rem!important;margin:0!important;background:#0009!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;transform:none!important}.search-bar-container{position:relative;width:100%;max-width:640px;margin:0 auto;flex-shrink:0}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;padding:0 1.25rem;box-shadow:0 25px 50px -12px #00000040,0 12px 24px -8px #0000001a;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--primary-color, #6366f1);box-shadow:0 25px 50px -12px #00000040,0 12px 24px -8px #0000001a,0 0 0 4px #6366f11a}.search-icon{width:22px;height:22px;color:var(--text-muted, #9ca3af);flex-shrink:0;transition:color .2s}.search-input-wrapper:focus-within .search-icon{color:var(--primary-color, #6366f1)}.search-input{flex:1;border:none;background:transparent;padding:1.125rem 1rem;font-size:1.0625rem;color:var(--text-primary, #1f2937);outline:none;min-width:0}.search-input::placeholder{color:var(--text-muted, #9ca3af)}.search-spinner{width:22px;height:22px;flex-shrink:0}.spinner-icon{width:100%;height:100%;color:var(--primary-color, #6366f1);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-clear{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #e5e7eb);border:none;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .2s;flex-shrink:0}.search-clear:hover{background:var(--bg-tertiary, #d1d5db);color:var(--text-primary, #374151)}.search-close-mobile{background:transparent;border:none;color:var(--text-muted, #6b7280);font-size:.9375rem;font-weight:500;padding:.5rem .75rem;cursor:pointer;margin-left:.5rem;flex-shrink:0;border-radius:8px;transition:all .2s}.search-close-mobile:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151)}.search-results{position:absolute;top:calc(100% + 12px);left:0;right:0;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 12px 24px -8px #00000014;overflow:hidden;max-height:60vh;overflow-y:auto;animation:slideDown .2s ease-out}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.search-results-header span{font-size:.8125rem;color:var(--text-muted, #6b7280);font-weight:500}.search-view-all{background:transparent;border:none;color:var(--primary-color, #6366f1);font-size:.8125rem;font-weight:600;cursor:pointer;padding:.375rem .75rem;border-radius:8px;transition:background .2s}.search-view-all:hover{background:#6366f11a}.search-results-list{list-style:none;margin:0;padding:.5rem 0}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;cursor:pointer;transition:background .15s}.search-result-item:hover,.search-result-item.selected{background:var(--bg-hover, #f3f4f6)}.result-image{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--bg-secondary, #f3f4f6);flex-shrink:0;border:1px solid var(--border-color, #e5e7eb)}.result-image img{width:100%;height:100%;object-fit:cover}.result-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af)}.result-discount{position:absolute;top:4px;left:4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6875rem;font-weight:700;padding:3px 6px;border-radius:6px;box-shadow:0 2px 4px #00000026}.result-content{flex:1;min-width:0}.result-store{display:inline-block;font-size:.6875rem;color:var(--primary-color, #6366f1);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;background:#6366f11a;padding:2px 8px;border-radius:4px}.result-title{font-size:.9375rem;font-weight:500;color:var(--text-primary, #1f2937);margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-prices{display:flex;align-items:center;gap:.625rem}.result-original-price{font-size:.8125rem;color:var(--text-muted, #9ca3af);text-decoration:line-through}.result-price{font-size:1rem;font-weight:700;color:var(--success-color, #10b981)}.result-arrow{color:var(--text-muted, #9ca3af);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .2s}.search-result-item:hover .result-arrow,.search-result-item.selected .result-arrow{opacity:1;transform:translate(0);color:var(--primary-color, #6366f1)}.search-results-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.search-footer-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--primary-color, #6366f1),#4f46e5);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.search-footer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-muted, #9ca3af)}.search-no-results svg{margin-bottom:1rem;opacity:.4}.search-no-results p{font-size:1rem;font-weight:500;color:var(--text-secondary, #4b5563);margin:0 0 .375rem}.search-no-results span{font-size:.875rem}.search-hint{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;color:var(--text-muted, #9ca3af);font-size:.75rem}.search-hint kbd{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #d1d5db);border-radius:4px;padding:.125rem .375rem;font-family:system-ui,-apple-system,sans-serif;font-size:.6875rem;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .search-btn{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .search-btn:hover{background:#ffffff1a;border-color:var(--primary-color, #818cf8)}[data-theme=dark] .search-btn-shortcut{background:#ffffff0d;border-color:#ffffff26}[data-theme=dark] .search-mobile{background:#000000b3}[data-theme=dark] .search-input-wrapper{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .search-input-wrapper:focus-within{border-color:var(--primary-color, #818cf8)}[data-theme=dark] .search-results{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .search-results-header,[data-theme=dark] .search-results-footer{background:var(--bg-secondary, #111827)}[data-theme=dark] .search-result-item:hover,[data-theme=dark] .search-result-item.selected{background:#ffffff0d}[data-theme=dark] .search-clear{background:#ffffff1a}[data-theme=dark] .search-clear:hover{background:#ffffff26}[data-theme=dark] .result-image{border-color:#ffffff1a}[data-theme=dark] .result-store{background:#818cf826}@media(max-width:768px){.search-btn{margin:0}.search-btn-icon{width:20px;height:20px}.search-mobile{padding:8vh .75rem 1.5rem .75rem!important}.search-mobile .search-bar-container{max-width:100%}.search-input{padding:1rem .75rem;font-size:1rem}.search-results{max-height:55vh}.search-close-mobile{color:var(--primary-color, #6366f1);font-weight:600}}@media(max-width:480px){.search-result-item{padding:.75rem 1rem;gap:.75rem}.result-image{width:56px;height:56px}.result-title{font-size:.875rem}.result-price{font-size:.9375rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background:var(--text-muted, #9ca3af);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #6b7280)}@media(hover:none)and (pointer:coarse){.search-btn{min-height:44px;min-width:44px}.search-result-item{padding:1rem 1.25rem}.search-result-item:active{background:var(--bg-hover, #f3f4f6)}.result-arrow{opacity:1;transform:translate(0)}.search-clear{width:36px;height:36px}}