.floating-search-container{position:relative;z-index:1001}.floating-search-details{position:relative}.floating-search-details[open] .floating-search-wrapper{display:block}.floating-search-details[open] .floating-search-modal{animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-search-wrapper{display:none;position:fixed;top:10rem;left:0;right:0;margin-left:auto;margin-right:auto;width:calc(100% - 4rem);max-width:65rem;z-index:1002}.floating-search-modal{background:#202a3ecc!important;border-radius:2rem;overflow:hidden;-webkit-backdrop-filter:blur(30px) saturate(1.2);backdrop-filter:blur(30px) saturate(1.2)}.floating-search-bar{padding:1.5rem}.floating-search-form{display:flex;align-items:center;gap:1rem}.floating-search-input-wrapper{flex:1;display:flex;align-items:center;position:relative;background:#f7f8fa;border-radius:1.5rem;padding:0 2rem;min-height:4.5rem}.floating-search-icon{color:#6b7280;margin-right:1.5rem;flex-shrink:0;width:28px;height:28px}.floating-search-input{flex:1;border:none!important;background:transparent!important;padding:1rem 0;font-size:2rem;font-family:var(--font-body-family);color:#111827;outline:none!important;font-weight:400;line-height:1.5;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.floating-search-input:focus{outline:none!important;box-shadow:none!important}.floating-search-input::placeholder{color:#9ca3af;font-weight:400}.floating-search-input::-webkit-search-cancel-button,.floating-search-input::-webkit-search-decoration,.floating-search-input::-webkit-search-results-button,.floating-search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.floating-search-input::-ms-clear,.floating-search-input::-ms-reveal{display:none;width:0;height:0}.floating-search-clear{display:flex;align-items:center;justify-content:center;padding:.75rem;margin-left:.75rem;background:transparent;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.floating-search-clear:hover{background:#e5e7eb;color:#4b5563}.floating-search-clear svg{width:24px;height:24px}.floating-search-submit{padding:1.5rem 3rem;background:#111827;color:#fff;border:none;border-radius:1.5rem;font-size:1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-height:4.5rem}.floating-search-submit:hover{background:#1f2937}.floating-search-suggestions{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.floating-search-suggestions-label{color:#f7f7f7;font-size:1.3rem;margin-right:1.5rem;font-weight:400}.floating-search-suggestions-list{display:flex;gap:.875rem;flex-wrap:wrap}.floating-search-suggestion{padding:.75rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;font-size:1.5rem;font-family:var(--font-body-family);color:#4b5563;cursor:pointer;transition:all .2s ease}.floating-search-suggestion:hover{border-color:#d1d5db;background:#f9fafb;color:#111827}.floating-search-results{max-height:35rem;overflow-y:auto;border-top:1px solid #e5e7eb}.floating-search-results-header{padding:1.25rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:1.4rem;color:#6b7280;display:flex;align-items:center;gap:.75rem}.floating-search-view-all--header{text-decoration:none;color:#3b82f6;font-size:1.4rem;display:inline-flex;align-items:center;gap:.2rem;margin-left:20px}.floating-search-view-all--header:hover{color:#2563eb}.floating-search-view-all-icon{display:inline-block}.floating-search-results-content{background:#fff}.floating-search-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 2rem;text-decoration:none;color:inherit;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.floating-search-item:last-child{border-bottom:none}.floating-search-item:hover{background:#f9fafb}.floating-search-item-image{width:4.5rem;height:4.5rem;border-radius:.875rem;overflow:hidden;background:#f3f4f6;flex-shrink:0}.floating-search-item-image img{width:100%;height:100%;object-fit:cover}.floating-search-item-icon{width:4.5rem;height:4.5rem;border-radius:.875rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-search-item-icon svg{color:#6b7280;width:30px;height:30px}.floating-search-item-icon--collection{background:#eff6ff}.floating-search-item-icon--collection svg{color:#3b82f6}.floating-search-item-icon--page{background:#f3e8ff}.floating-search-item-icon--page svg{color:#a855f7}.floating-search-item-icon--article{background:#ecfdf5}.floating-search-item-icon--article svg{color:#10b981}.floating-search-item-content{flex:1;min-width:0}.floating-search-item-header{display:flex;align-items:center;gap:.75rem}.floating-search-item-type-icon{color:#9ca3af;flex-shrink:0;width:22px;height:22px}.floating-search-item-title{font-size:1.6rem;font-weight:500;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-search-item-category{font-size:1.2rem;color:#6b7280;margin:.375rem 0 0}.floating-search-item-price{font-size:1.5rem;font-weight:600;color:#111827}.floating-search-view-all{padding:1.5rem 2rem;background:#f9fafb;border-top:1px solid #e5e7eb}.floating-search-view-all-link{color:#3b82f6;font-size:1.125rem;font-weight:500;text-decoration:none;transition:color .2s ease}.floating-search-view-all-link:hover{color:#2563eb}.floating-search-no-results{padding:4rem 3rem;text-align:center}.floating-search-no-results-icon{color:#d1d5db;margin:0 auto 1rem;width:56px;height:56px}.floating-search-no-results-text{font-size:1.375rem;color:#4b5563;margin:1rem 0}.floating-search-no-results-hint{font-size:1.125rem;color:#9ca3af;margin:.5rem 0 0}.floating-search-loading{padding:3rem;display:flex;justify-content:center;align-items:center}.floating-search-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.floating-search-close{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s ease;display:none}.floating-search-close:hover{background:#f9fafb;color:#4b5563}@media screen and (max-width: 750px){.floating-search-wrapper{top:6rem;width:calc(100% - 2rem);left:0;right:0;margin-left:auto;margin-right:auto}.floating-search-icon{width:20px;height:20px;margin-right:1rem}.floating-search-input-wrapper{padding:0 1rem;min-height:3.5rem}.floating-search-input{font-size:16px;padding:.75rem 0}.floating-search-input:focus{font-size:16px}.floating-search-close{display:flex;align-items:center;justify-content:center}.floating-search-suggestions{flex-wrap:wrap}.floating-search-submit{padding:1.25rem 2rem}.floating-search-bar{padding:1.25rem}.floating-search-wrapper{width:calc(100% - 2.5rem);top:9rem}.floating-search-modal{border-radius:1.5rem}.floating-search-suggestions-list{width:100%}.floating-search-close{display:none}.floating-search-suggestion{flex:1;text-align:center;font-size:1.4rem;padding:5px;border-radius:10px}}.section-header.enable-pill-style .floating-search-wrapper{top:10rem}.enable-pill-style .floating-search-modal{background:#fffffffa}.floating-search-results::-webkit-scrollbar{width:6px}.floating-search-results::-webkit-scrollbar-track{background:#f3f4f6}.floating-search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.floating-search-results::-webkit-scrollbar-thumb:hover{background:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/17/assets/floating-search.css.map */