(function(w, d, s) { function go(){ var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) { if (d.getElementById(id)) {return;} js = d.createElement(s); js.src = url; js.id = id; fjs.parentNode.insertBefore(js, fjs); }; load('/assets/algolia-all.js?v=1.28'); } if (w.addEventListener) { w.addEventListener("load", go, false); } else if (w.attachEvent) { w.attachEvent("onload",go); } }(window, document, 'script'));
/* ==================== UNIFIED SEARCH BAR STYLES ==================== */ .leinco-search-container { position: relative; width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leinco-search-bar { display: flex; align-items: center; width: 100%; background: #fff; border-radius: 50px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04); padding: 6px; transition: box-shadow 0.2s ease, transform 0.15s ease; } .leinco-search-bar:focus-within { box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12), 0 0 0 2px #c8102e; transform: translateY(-1px); } /* Toggle Button */ .leinco-mode-toggle { flex-shrink: 0; background: transparent; border: none; padding: 0; margin-left: 4px; margin-right: 8px; cursor: pointer; font-family: inherit; } .leinco-toggle-track { display: flex; align-items: center; background: #f3f4f6; border-radius: 20px; padding: 3px; position: relative; border: 1px solid #e5e7eb; } .leinco-toggle-option { display: flex; align-items: center; gap: 5px; padding: 7px 12px; font-size: 13px; font-weight: 600; color: #6b7280; border-radius: 16px; transition: color 0.2s ease; position: relative; z-index: 2; white-space: nowrap; } .leinco-toggle-option svg { width: 14px; height: 14px; flex-shrink: 0; } .leinco-toggle-slider { position: absolute; top: 3px; left: 3px; height: calc(100% - 6px); background: #fff; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } /* Toggle States */ #alwrap[data-mode="regular"] .leinco-toggle-option--search, #leinco-ai-wrap .leinco-toggle-option--search { color: #9ca3af; } #alwrap[data-mode="regular"] .leinco-toggle-option--search { color: #1a1a1a; } #leinco-ai-wrap .leinco-toggle-option--ai { color: #c8102e; } /* Search Icon */ .leinco-search-icon { flex-shrink: 0; width: 20px; height: 20px; color: #9ca3af; margin-right: 8px; display: flex; align-items: center; justify-content: center; } .leinco-search-icon svg { width: 100%; height: 100%; } /* Algolia SearchBox Overrides - Make it fit the new design */ #alwrap #autocomplete { flex: 1; min-width: 0; } #alwrap .ais-SearchBox { width: 100%; } #alwrap .ais-SearchBox-form { display: flex; align-items: center; background: transparent !important; border: none !important; box-shadow: none !important; height: auto !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; } #alwrap .ais-SearchBox-input { flex: 1; border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; font-size: 15px !important; font-family: inherit; color: #1f2937 !important; padding: 10px 0 !important; margin: 0 !important; border-radius: 0 !important; height: auto !important; min-height: 0 !important; } #alwrap .ais-SearchBox-input::placeholder { color: #9ca3af; } #alwrap .ais-SearchBox-submit, #alwrap .ais-SearchBox-reset, #alwrap .ais-SearchBox-loadingIndicator { display: none !important; } /* AI Search Input */ .leinco-ai-input { flex: 1; min-width: 0; border: none; background: transparent; outline: none; font-size: 15px; font-family: inherit; color: #1f2937; padding: 10px 0; } .leinco-ai-input::placeholder { color: #9ca3af; } /* Submit Buttons */ .leinco-submit-btn { flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #c8102e; color: #fff; border: none; border-radius: 50px; cursor: pointer; transition: background 0.2s ease, transform 0.1s ease; width: 44px; height: 44px; padding: 0; } .leinco-submit-btn:hover { background: #a80d26; } .leinco-submit-btn:active { transform: scale(0.97); } .leinco-submit-btn svg { width: 20px; height: 20px; } /* AI Submit Button (text + icon) */ .leinco-submit-btn--ai { width: auto; gap: 6px; padding: 12px 20px; font-size: 14px; font-weight: 600; font-family: inherit; } .leinco-submit-btn--ai svg { width: 16px; height: 16px; } /* ==================== SEARCH RESULTS DROPDOWN (Original styles preserved) ==================== */ .highlight { background-color: yellow; } .aa-SourceHeader { padding: 0; position: relative; } .suggCat { opacity: .7; margin-left: 5px; font-style: normal; font-size: 85%; font-weight: normal; } #gosearch { display: none; } .ais-Hits--empty + #gosearch { display: none; } #sugg .ais-Hits--empty { display: none; } #sugg { position: relative; width: min-content; min-width: 100%; display: block; align-items: center; margin-top: 5px; } #sugg .ais-Hits-item { padding: 5px 0px !important; width: 100%; font-size: 16px; line-height: 1.5; box-shadow: none; border: none; border-radius: none; margin: 1px; opacity: 1; transition: .3s all ease; cursor: pointer; font-weight: bold; } #sugg .ais-Highlight-highlighted { background-color: transparent; color: black; font-style: normal; font-weight: 300; opacity: .6; } #sugg .ais-Highlight-nonHighlighted { font-weight: bold; } #sugg .ais-Hits-item:hover { opacity: 1; } #sugg a { display: flex; max-width: 100%; width: 100%; } #alsearch svg { background-color: transparent; border-radius: 0 2px 2px 0; fill: #333; height: 16px; min-width: 12px; padding: 0 7px; width: auto; display: block !important; } .phrase { width: 30%; } .suggspan { display: flex; align-items: center; width: 100%; letter-spacing: 0; } .suggspan .ais-Highlight { margin-left: 0px; } .suggspan .svg2 { margin-left: auto; } #leinco-ai-input {border:none!important;} .onhover { opacity: 0; transition: .3s all ease; margin-left: auto; margin-top: auto; margin-bottom: auto; } .ais-Hits-item:hover svg { opacity: 1; } .aa-SourceHeaderTitle { background: rgba(255, 255, 255, 1); color: rgba(62, 52, 211, 1); display: inline-block; font-size: .8em; font-weight: 600; margin: 0; padding: 0 calc((16 * 1 * 1px) / 2) 0 0; position: relative; z-index: 9999; } .aa-SourceHeaderLine { border-bottom: 1px solid rgba(62, 52, 211, 1); display: block; height: 2px; left: 0; margin: 0; opacity: .3; padding: 0; position: absolute; right: 0; top: calc((16 * 1 * 1.9px) / 2); z-index: calc(9999 - 1); } .hit-content { margin-top: 5px; } #alwrap .hit { width: 100%; } .alViewMore { padding: 0 0 3px 0; text-align: left; width: auto; background: transparent; color: black; font-size: 15px; border-bottom: 1px solid #eee; display: inline-block !important; margin: 10px; } #alsearch { position: absolute; width: 100%; display: none; background: white; z-index: 9999; box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); margin: 5px 0 0; transition: opacity .2s ease-in, filter .2s ease-in; border-radius: 12px; padding: 10px; } .search-panel { display: flex; gap: 50px; } .search-panel__results { width: 100%; } #alsearch .ais-Hits-item { padding: 10px; line-height: 1.5; align-items: start !important; box-shadow: none; } .ais-Hits img { width: auto !important; height: auto; max-height: 150px; grid-column-start: 1; grid-column-end: 4; } #alsearch .ais-Hits img { width: 80px !important; height: 80px; grid-column-start: 1; grid-column-end: 4; padding: 6px; border: 1px solid #ccc; border-radius: 3px; object-fit: cover; } .ais-Hits-list { display: flex; flex-wrap: wrap; } .ais-Hits-item { width: 100%; } #alsearch .ais-Hits-item { width: 100%; } #alsearch .hit > a { display: flex; gap: 10px; } #alsearch .ais-Hits-item:hover { background: rgba(179, 173, 214, 0.204); } .hit-atts { font-size: 12px; letter-spacing: -1px; } .ais-Hits--empty { padding: 15px; background: white; } .ais-CurrentRefinements-delete { width: auto !important; min-width: auto !important; } .ais-CurrentRefinements-category { align-items: center; } .ais-Hits a:hover { color: #000; opacity: .9; } .searchAddtoCart:before { font-family: icomoon; content: "\f07a"; margin-right: 10px; } .searchAddtoCart { margin-top: 20px; margin-bottom: 10px; display: inline-block !important; border: 1px solid #ccc; padding: 1px 10px; text-align: center; width: 120px; font-weight: bold; min-width: 120px; max-width: 120px; font-size: 10px !important; background: #f7c862; color: black; border-radius: 10px; transition: .3s all ease; } .searchAddtoCart:hover { color: black !important; background: #f7d111; } #stats { padding: 0px 0px 10px; } #tg { margin: 0px 0px 10px; background: #333; border: 1px solid #333; padding: 9px 20px !important; text-transform: uppercase; font-size: 11px; border-radius: 4px; color: white; } .search-panel__filters { display: block; } .ais-SearchBox-form::before { display: none !important; } /* ==================== RESPONSIVE ==================== */ @media only screen and (max-width: 1300px) { #main .ais-Hits-item { display: block !important; } } @media only screen and (max-width: 1000px) { .search-panel__filters { position: relative; z-index: 9999; background: white; padding: 20px 0px 20px 0px; } } @media only screen and (min-width: 1000px) { .search-panel__filters { display: block; } } @media only screen and (max-width: 785px) { #sugg .ais-Hits-item { font-size: 12px; line-height: .9; } ol.ais-Hits-list li:nth-of-type(1n+6) { display: none; } .fusion-header-content-3-wrapper { margin-left: 0; } #alwrap .ais-Hits-item a:hover { color: black; background: rgba(0, 0, 0, .02); } .ais-Hits-item { width: 50%; } #alwrap .ais-Hits-item { width: 100%; line-height: 18px; } #alwrap2 .ais-Hits-item img { width: 50px !important; max-height: unset !important; margin-right: 15px; } #alwrap .hit a { display: flex; width: 100%; transition: .3s all ease; } #alwrap .hit { width: 100%; } #alwrap .hit a.searchAddtoCart { width: 120px; min-width: 120px; max-width: 120px; } } @media (max-width: 600px) { .leinco-search-bar { flex-wrap: nowrap; border-radius: 24px; padding: 6px 6px 6px 12px; gap: 6px; } .leinco-mode-toggle { order: 0; margin: 0 4px 0 0; width: auto; flex-shrink: 0; display: flex; justify-content: center; } .leinco-toggle-option { padding: 5px 8px; font-size: 12px; } .leinco-toggle-option svg { width: 12px; height: 12px; } /* Inactive option: icon only; active option: icon + label */ #alwrap .leinco-toggle-option--ai > span { display: none; } #alwrap .leinco-toggle-option--ai { padding: 6px 8px; } #leinco-ai-wrap .leinco-toggle-option--search > span { display: none; } #leinco-ai-wrap .leinco-toggle-option--search { padding: 6px 8px; } .leinco-search-icon { display: none; } #alwrap #autocomplete, .leinco-ai-input { order: 0; flex: 1 1 auto; min-width: 0; width: auto; } .leinco-submit-btn { order: 0; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; flex-shrink: 0; /* De-emphasize on mobile so hero CTA stays primary */ background: #6b7280; } .leinco-submit-btn:hover { background: #4b5563; } .leinco-submit-btn svg { width: 18px; height: 18px; } /* AI submit: compact icon-only on mobile */ .leinco-submit-btn--ai { width: 40px; height: 40px; min-width: 40px; padding: 0; border-radius: 50%; background: #6b7280; } .leinco-submit-btn--ai span { display: none; } .leinco-submit-btn--ai:hover { background: #4b5563; } .leinco-submit-btn--ai svg { width: 18px; height: 18px; margin: 0; } #alwrap .ais-SearchBox-input, .leinco-ai-input { font-size: 16px !important; } #alsearch { border-radius: 12px; } } (function() { var STORAGE_KEY = 'leinco-search-mode'; function getSearchMode() { try { return localStorage.getItem(STORAGE_KEY) || 'regular'; } catch (e) { return 'regular'; } } function setSearchMode(mode) { try { localStorage.setItem(STORAGE_KEY, mode); } catch (e) {} } function updateSliderPositions() { var toggles = document.querySelectorAll('.leinco-mode-toggle'); var mode = getSearchMode(); toggles.forEach(function(toggle) { var slider = toggle.querySelector('.leinco-toggle-slider'); var searchOption = toggle.querySelector('.leinco-toggle-option--search'); var aiOption = toggle.querySelector('.leinco-toggle-option--ai'); if (!slider || !searchOption || !aiOption) return; var searchWidth = searchOption.offsetWidth; var aiWidth = aiOption.offsetWidth; if (mode === 'ai') { slider.style.width = aiWidth + 'px'; slider.style.transform = 'translateX(' + searchWidth + 'px)'; } else { slider.style.width = searchWidth + 'px'; slider.style.transform = 'translateX(0)'; } }); } function applySearchMode(mode) { var alwrap = document.getElementById('alwrap'); var aiWrap = document.getElementById('leinco-ai-wrap'); if (mode === 'ai') { if (alwrap) alwrap.style.display = 'none'; if (aiWrap) aiWrap.style.display = 'block'; } else { if (alwrap) { alwrap.style.display = 'block'; alwrap.setAttribute('data-mode', 'regular'); } if (aiWrap) aiWrap.style.display = 'none'; } updateSliderPositions(); } function toggleSearchMode() { var currentMode = getSearchMode(); var newMode = currentMode === 'regular' ? 'ai' : 'regular'; setSearchMode(newMode); applySearchMode(newMode); } // AI Chat Integration function initAIChat() { if (document.getElementById('leinco-ai-chat')) return; var chatContainer = document.createElement('div'); chatContainer.id = 'leinco-ai-chat'; document.body.appendChild(chatContainer); var script = document.createElement('script'); script.src = '/chat.bundle.js'; document.body.appendChild(script); } function submitToChat(query) { if (!query.trim()) return; var chatContainer = document.querySelector('#leinco-ai-chat .ais-Chat-container'); var isOpen = chatContainer && chatContainer.classList.contains('ais-Chat-container--open'); if (!isOpen) { var toggleBtn = document.querySelector('#leinco-ai-chat .ais-ChatToggleButton'); if (toggleBtn) toggleBtn.click(); } setTimeout(function() { var textarea = document.querySelector('#leinco-ai-chat .ais-ChatPrompt-textarea'); var submitBtn = document.querySelector('#leinco-ai-chat .ais-ChatPrompt-submit'); if (textarea && submitBtn) { var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set; nativeInputValueSetter.call(textarea, query); textarea.dispatchEvent(new Event('input', { bubbles: true })); setTimeout(function() { submitBtn.click(); var aiInput = document.getElementById('leinco-ai-input'); if (aiInput) { aiInput.value = ''; aiInput.blur(); } }, 100); } }, 400); } function init() { var mode = getSearchMode(); applySearchMode(mode); // All toggle buttons var toggleBtns = document.querySelectorAll('.leinco-mode-toggle'); toggleBtns.forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); toggleSearchMode(); }); }); // AI submit button var aiSubmit = document.getElementById('leinco-ai-submit'); var aiInput = document.getElementById('leinco-ai-input'); if (aiSubmit && aiInput) { aiSubmit.addEventListener('click', function() { submitToChat(aiInput.value); }); aiInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { e.preventDefault(); submitToChat(this.value); } }); } // Regular search submit button - trigger form submit or navigate var searchSubmit = document.getElementById('leinco-search-submit'); if (searchSubmit) { searchSubmit.addEventListener('click', function() { var input = document.querySelector('#alwrap .ais-SearchBox-input'); if (input && input.value.trim()) { window.location.href = '/?s=' + encodeURIComponent(input.value.trim()); } }); } // Initialize AI chat initAIChat(); // Prevent AI input/chat from stealing focus on mobile load (stops keyboard + scroll jump) function preventMobileFocusSteal() { if (!window.matchMedia('(max-width: 768px)').matches) return; var done = false; function runOnce() { if (done) return; var el = document.activeElement; if (!el || !el.blur) return; var isAIInput = el.id === 'leinco-ai-input'; var isInChat = el.closest && el.closest('#leinco-ai-chat'); var isInput = el.tagName === 'INPUT' || el.tagName === 'TEXTAREA'; if (isInput && (isAIInput || isInChat)) { el.blur(); done = true; } } setTimeout(runOnce, 100); setTimeout(runOnce, 400); } preventMobileFocusSteal(); // Update slider positions after fonts load setTimeout(updateSliderPositions, 100); setTimeout(updateSliderPositions, 500); window.addEventListener('resize', updateSliderPositions); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); #wpadminbar { z-index: 9999999 !important; } #leinco-ai-chat { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #1a1a1a; } #leinco-ai-chat *, #leinco-ai-chat *::before, #leinco-ai-chat *::after { box-sizing: border-box; } #leinco-ai-chat .ais-Chat { position: fixed; bottom: 20px; right: 20px; z-index: 9999999; font-family: inherit; } #leinco-ai-chat .ais-Chat-toggleButtonWrapper { position: fixed; bottom: 20px; right: 20px; z-index: 9999999; } #leinco-ai-chat .ais-ChatToggleButton { width: 60px; height: 60px; border-radius: 50%; background: #c8102e; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.2s, box-shadow 0.2s; color: white; } #leinco-ai-chat .ais-ChatToggleButton:hover { transform: scale(1.05); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); } #leinco-ai-chat .ais-ChatToggleButton svg { width: 28px; height: 28px; fill: currentColor; } #leinco-ai-chat .ais-Chat-container { position: fixed; top: 0; right: 0; bottom: 0; width: 420px; max-width: 100vw; background: #ffffff; display: flex; flex-direction: column; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15); z-index: 9999999; transform: translateX(100%); opacity: 0; pointer-events: none; transition: transform 0.3s ease, opacity 0.3s ease; } #leinco-ai-chat .ais-Chat-container--open { transform: translateX(0); opacity: 1; pointer-events: auto; } #leinco-ai-chat .ais-Chat-container--open ~ .ais-Chat-toggleButtonWrapper, #leinco-ai-chat .ais-Chat:has(.ais-Chat-container--open) .ais-Chat-toggleButtonWrapper { display: none !important; } #leinco-ai-chat .ais-Chat-container--maximized { width: 50vw; } #leinco-ai-chat .ais-ChatHeader { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #e5e7eb; background: #fff; flex-shrink: 0; } #leinco-ai-chat .ais-ChatHeader-title { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 16px; color: #1a1a1a; } #leinco-ai-chat .ais-ChatHeader-titleIcon { display: flex; align-items: center; } #leinco-ai-chat .ais-ChatHeader-titleIcon svg { width: 20px; height: 20px; fill: #c8102e; } #leinco-ai-chat .ais-ChatHeader-actions { display: flex; align-items: center; gap: 4px; } #leinco-ai-chat .ais-ChatHeader button { background: transparent; border: none; padding: 8px; cursor: pointer; border-radius: 6px; color: #6b7280; display: flex; align-items: center; justify-content: center; transition: background 0.2s, color 0.2s; } #leinco-ai-chat .ais-ChatHeader button:hover { background: #f3f4f6; color: #1a1a1a; } #leinco-ai-chat .ais-ChatHeader button svg { width: 18px; height: 18px; fill: currentColor; } #leinco-ai-chat .ais-ChatHeader-clear { font-size: 14px; padding: 6px 12px; } #leinco-ai-chat .ais-ChatMessages { flex: 1; overflow: hidden; display: flex; flex-direction: column; position: relative; } #leinco-ai-chat .ais-ChatMessages-scroll { flex: 1; overflow-y: auto; padding: 20px; } #leinco-ai-chat .ais-ChatMessages-content { display: flex; flex-direction: column; gap: 16px; } #leinco-ai-chat .ais-ChatMessage { display: flex; gap: 12px; max-width: 90%; } #leinco-ai-chat .ais-ChatMessage--right { margin-left: auto; flex-direction: row-reverse; } #leinco-ai-chat .ais-ChatMessage--left { margin-right: auto; } #leinco-ai-chat .ais-ChatMessage-container { display: flex; flex-direction: column; gap: 4px; } #leinco-ai-chat .ais-ChatMessage-content { padding: 12px 16px; border-radius: 12px; background: #f3f4f6; color: #1a1a1a; } #leinco-ai-chat .ais-ChatMessage--right .ais-ChatMessage-content { background: #c8102e; color: #ffffff; } #leinco-ai-chat .ais-ChatMessage-message { font-size: 14px; line-height: 1.5; } #leinco-ai-chat .ais-ChatMessage-message p { margin: 0 0 8px 0; } #leinco-ai-chat .ais-ChatMessage-message p:last-child { margin-bottom: 0; } #leinco-ai-chat .ais-ChatMessage-message a { color: #c8102e; text-decoration: underline; } #leinco-ai-chat .ais-ChatMessage--right .ais-ChatMessage-message a { color: #ffffff; } #leinco-ai-chat .ais-ChatMessage-actions { display: flex; gap: 4px; margin-top: 4px; } #leinco-ai-chat .ais-ChatMessage-action { background: transparent; border: none; padding: 4px; cursor: pointer; color: #9ca3af; border-radius: 4px; display: flex; align-items: center; justify-content: center; } #leinco-ai-chat .ais-ChatMessage-action:hover { background: #f3f4f6; color: #6b7280; } #leinco-ai-chat .ais-ChatMessage-action svg { width: 16px; height: 16px; fill: currentColor; } #leinco-ai-chat .ais-ChatMessageLoader { display: flex; align-items: flex-start; gap: 12px; width: 100%; max-width: 100%; } #leinco-ai-chat .ais-ChatMessageLoader-spinner { display: none !important; } #leinco-ai-chat .ais-ChatMessageLoader::before { content: ''; width: 18px; height: 18px; min-width: 18px; border: 2px solid #c8102e; border-right-color: transparent; border-radius: 50%; animation: leinco-spin 0.8s linear infinite; } @keyframes leinco-spin { to { transform: rotate(360deg); } } #leinco-ai-chat .ais-ChatMessageLoader-container, #leinco-ai-chat .ais-ChatMessageLoader-content, #leinco-ai-chat .ais-ChatMessageLoader-message { display: none; } #leinco-ai-chat .ais-ChatMessageLoader-skeletonWrapper { display: flex; flex-direction: column; gap: 10px; flex: 1; min-width: 300px; width: 100%; } #leinco-ai-chat .ais-ChatMessageLoader-skeletonItem { height: 16px; width: 100%; background: #e8e8e8; border-radius: 8px; } #leinco-ai-chat .ais-ChatMessageLoader-skeletonItem:last-child { width: 50%; } #leinco-ai-chat .ais-ChatMessageLoader-text { display: none; } #leinco-ai-chat .ais-ChatPrompt { padding: 16px 20px; border-top: 1px solid #e5e7eb; background: #fff; flex-shrink: 0; } #leinco-ai-chat .ais-ChatPrompt-body { display: flex; align-items: flex-end; gap: 12px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; } #leinco-ai-chat .ais-ChatPrompt-textarea { flex: 1; border: none; background: transparent; resize: none; font-family: inherit; font-size: 14px; line-height: 1.5; color: #1a1a1a; outline: none; min-height: 24px; max-height: 120px; } #leinco-ai-chat .ais-ChatPrompt-textarea::placeholder { color: #9ca3af; } #leinco-ai-chat .ais-ChatPrompt-actions { display: flex; gap: 8px; } #leinco-ai-chat .ais-ChatPrompt-submit { background: #c8102e; border: none; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; transition: background 0.2s; } #leinco-ai-chat .ais-ChatPrompt-submit:hover { background: #a00d25; } #leinco-ai-chat .ais-ChatPrompt-submit:disabled { background: #e5e7eb; cursor: not-allowed; } #leinco-ai-chat .ais-ChatPrompt-submit svg { width: 18px; height: 18px; fill: currentColor; } #leinco-ai-chat .ais-ChatPrompt-footer { margin-top: 8px; font-size: 12px; color: #9ca3af; text-align: center; } #leinco-ai-chat .ais-ChatPrompt-disclaimer { font-size: 11px; color: #9ca3af; } #leinco-ai-chat .ais-ChatMessages-scrollToBottom { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #e5e7eb; border-radius: 20px; padding: 8px 12px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 4px; font-size: 12px; color: #6b7280; transition: opacity 0.2s; } #leinco-ai-chat .ais-ChatMessages-scrollToBottom--hidden { opacity: 0; pointer-events: none; } #leinco-ai-chat .ais-ChatMessages-scrollToBottom svg { width: 14px; height: 14px; fill: currentColor; } #leinco-ai-chat .ais-Carousel, #leinco-ai-chat .ais-ChatToolSearchIndexCarouselHeader { display: none !important; } #leinco-ai-chat .ais-ChatMessages:has(.ais-ChatMessageLoader) .ais-ChatMessage-actions { display: none !important; } #leinco-ai-chat svg { width: 1em; height: 1em; flex-shrink: 0; display: inline-block; vertical-align: middle; } #leinco-ai-chat .ais-ChatHeader-titleIcon svg, #leinco-ai-chat .ais-ChatToggleButton svg { fill: currentColor; stroke: none; } #leinco-ai-chat .ais-ChatHeader-actions svg, #leinco-ai-chat .ais-ChatMessage-action svg, #leinco-ai-chat .ais-ChatPrompt-submit svg, #leinco-ai-chat .ais-ChatMessages-scrollToBottom svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #leinco-ai-chat .ais-ChatHeader-titleIcon svg { width: 20px; height: 20px; fill: #c8102e; } #leinco-ai-chat .ais-ChatToggleButton svg { width: 28px; height: 28px; } #leinco-ai-chat .ais-ChatHeader-actions button svg { width: 20px; height: 20px; } #leinco-ai-chat .ais-ChatMessage-action svg { width: 16px; height: 16px; } #leinco-ai-chat .ais-ChatPrompt-submit svg { width: 20px; height: 20px; } .leinco-lens-landing { max-width: 1300px; margin: 0 auto; padding: 32px 24px 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #1f2937; line-height: 1.6; } .leinco-lens-below-fold { padding-top: 32px; } .leinco-lens-hero { text-align: center; margin-bottom: 20px; } .leinco-lens-title { font-size: 32px !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 8px 0 !important; line-height: 1.2 !important; } .leinco-lens-subtitle { font-size: 17px !important; color: #6b7280 !important; margin: 0 !important; font-weight: 400 !important; } .leinco-lens-intro { text-align: center; margin-bottom: 24px; padding: 0 40px; } .leinco-lens-intro p { font-size: 15px !important; color: #4b5563 !important; margin: 0 !important; line-height: 1.6 !important; } .leinco-lens-two-col { display: flex; gap: 24px; margin-bottom: 24px; } .leinco-lens-col { flex: 1; margin-bottom: 0 !important; } .leinco-lens-card { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 24px !important; margin-bottom: 20px !important; } .leinco-lens-card-title { font-size: 17px !important; font-weight: 600 !important; color: #111827 !important; margin: 0 0 12px 0 !important; } .leinco-lens-card p { font-size: 14px !important; color: #4b5563 !important; margin: 0 0 12px 0 !important; } .leinco-lens-tips, .leinco-lens-features { list-style: none !important; padding: 0 !important; margin: 0 !important; } .leinco-lens-tips li, .leinco-lens-features li { position: relative; padding-left: 24px !important; margin-bottom: 10px !important; font-size: 13px !important; color: #374151 !important; line-height: 1.5 !important; } .leinco-lens-tips li:last-child, .leinco-lens-features li:last-child { margin-bottom: 0 !important; } .leinco-lens-tips li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #10b981; font-weight: 700; font-size: 14px; } .leinco-lens-features li::before { content: "•"; position: absolute; left: 6px; top: 0; color: #c8102e; font-weight: 700; font-size: 16px; } .leinco-lens-tips li strong, .leinco-lens-features li strong { color: #111827 !important; } .leinco-lens-tips li em, .leinco-lens-card em { color: #6b7280 !important; font-style: italic !important; } .leinco-lens-prompts { display: flex; flex-direction: column; gap: 8px; } .leinco-lens-prompt-pill { background: #fff !important; border: 1px solid #d1d5db !important; border-radius: 20px !important; padding: 8px 14px !important; font-size: 13px !important; color: #374151 !important; cursor: pointer; transition: all 0.2s ease; font-family: inherit !important; text-align: left !important; line-height: 1.4 !important; width: 100%; } .leinco-lens-prompt-pill:hover { background: #fef2f2 !important; border-color: #c8102e !important; color: #c8102e !important; } .leinco-lens-trust { background: #fff !important; } .leinco-lens-features-inline { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-wrap: wrap; gap: 8px 24px; } .leinco-lens-features-inline li { font-size: 14px !important; color: #374151 !important; padding-left: 0 !important; margin-bottom: 0 !important; } .leinco-lens-features-inline li::before { display: none; } .leinco-lens-features-inline li strong { color: #c8102e !important; } .leinco-lens-disclaimer { background: #fffbeb !important; border: 1px solid #fcd34d !important; border-radius: 10px !important; padding: 14px 18px !important; font-size: 12px !important; color: #92400e !important; line-height: 1.5 !important; margin-bottom: 24px !important; } .leinco-lens-disclaimer a { color: #c8102e !important; text-decoration: underline !important; } .leinco-ai-search-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 800px; margin: 0 auto; padding: 8px 24px 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leinco-ai-search-container { display: flex; align-items: center; width: 100%; background: #fff !important; border-radius: 50px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) !important; padding: 8px 8px 8px 20px !important; transition: box-shadow 0.2s ease, transform 0.2s ease; border: none !important; } .leinco-ai-search-container:focus-within { box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15), 0 0 0 2px #c8102e; transform: translateY(-2px); } .leinco-ai-search-icon { flex-shrink: 0; width: 24px; height: 24px; color: #9ca3af; margin-right: 12px; } .leinco-ai-search-icon svg { width: 100%; height: 100%; } #leinco-ai-search-input { flex: 1; border: none; outline: none; font-size: 16px; font-family: inherit; color: #1f2937; background: transparent; padding: 12px 0; } #leinco-ai-search-input::placeholder { color: #9ca3af; } #leinco-ai-search-submit { flex-shrink: 0; display: flex; align-items: center; gap: 8px; background: #c8102e !important; color: #fff !important; border: none !important; border-radius: 50px !important; padding: 12px 24px !important; font-size: 15px !important; font-weight: 600 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; cursor: pointer; transition: background 0.2s ease, transform 0.1s ease; text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important; } #leinco-ai-search-submit:hover { background: #a00d25; } #leinco-ai-search-submit:active { transform: scale(0.98); } #leinco-ai-search-submit svg { width: 18px; height: 18px; } .leinco-ai-search-hint { margin-top: 20px !important; font-size: 14px; color: #6b7280; text-align: center; } @media (max-width: 768px) { #leinco-ai-chat .ais-Chat-container, #leinco-ai-chat .ais-Chat-container--open, #leinco-ai-chat .ais-Chat-container--maximized { width: 100% !important; max-width: 100% !important; } #leinco-ai-chat .ais-ChatToggleButton { width: 56px; height: 56px; } #leinco-ai-chat .ais-Chat-toggleButtonWrapper { bottom: 16px; right: 16px; } #leinco-ai-chat .ais-ChatMessage-message { font-size: 14px; } #leinco-ai-chat .ais-ChatHeader-actions button[aria-label="Maximize chat"], #leinco-ai-chat .ais-ChatHeader-actions button[aria-label="Minimize chat"] { display: none !important; } .leinco-ai-search-container { flex-wrap: wrap; border-radius: 16px !important; padding: 12px 16px !important; gap: 12px; } .leinco-ai-search-icon { display: none; } #leinco-ai-search-input { width: 100%; flex: 1 1 100%; font-size: 16px !important; padding: 8px 0 !important; } #leinco-ai-search-submit { width: 100%; justify-content: center; padding: 14px 24px !important; border-radius: 12px !important; } .leinco-ai-search-hint { padding: 0 20px; font-size: 13px; } .leinco-lens-landing { padding: 20px 16px 12px; } .leinco-lens-title { font-size: 24px !important; } .leinco-lens-subtitle { font-size: 15px !important; } .leinco-lens-intro { padding: 0 !important; } .leinco-lens-two-col { flex-direction: column; gap: 16px; } .leinco-lens-card { padding: 16px !important; } .leinco-lens-features-inline { flex-direction: column; gap: 6px !important; } }

Categories

Filters

Name
Applications
Prod No.
Clone
Availability