search-modal-2026{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}search-modal-2026[aria-hidden=false]{opacity:1;visibility:visible}search-modal-2026[aria-hidden=false] .search-modal__container{opacity:1;transform:translateY(0)}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-search-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-modal__container{position:relative;width:100%;max-width:680px;max-height:80vh;margin:10vh auto 0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-modal),var(--shadow-modal-inner);opacity:0;transform:translateY(-20px);transition:opacity var(--transition-base),transform var(--transition-slow)}[data-theme=light] .search-modal__container{background:var(--bg-card);border-color:var(--border-strong)}.search-modal__input-wrapper{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-strong);background:var(--bg-card)}[data-theme=light] .search-modal__input-wrapper{background:var(--bg-secondary);border-color:var(--border-strong)}.search-modal__search-icon{width:24px;height:24px;color:var(--text-muted);flex-shrink:0}.search-modal__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);min-width:0}.search-modal__input::placeholder{color:var(--text-muted)}.search-modal__clear-btn{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.search-modal__clear-btn:hover{background:var(--fuchsia);color:var(--text-primary)}[data-theme=light] .search-modal__clear-btn{background:var(--bg-secondary)}.search-modal__clear-btn[hidden]{display:none}.search-modal__close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0;min-width:44px;min-height:44px}.search-modal__close-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--text-muted)}[data-theme=light] .search-modal__close-btn{border-color:var(--border-strong)}[data-theme=light] .search-modal__close-btn:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.search-modal__content{flex:1;overflow-y:auto;padding:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.search-modal__content::-webkit-scrollbar{width:6px}.search-modal__content::-webkit-scrollbar-track{background:transparent}.search-modal__content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.search-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=light] .search-modal__content{scrollbar-color:var(--border-medium) transparent}[data-theme=light] .search-modal__content::-webkit-scrollbar-thumb{background:var(--border-medium)}[data-theme=light] .search-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.search-modal__state{display:none}.search-modal__state:not([hidden]){display:block}.search-modal__section{margin-bottom:var(--space-xl)}.search-modal__section:last-child{margin-bottom:0}.search-modal__section[hidden]{display:none}.search-modal__section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md)}.search-modal__quick-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.search-modal__quick-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}[data-theme=light] .search-modal__quick-link{background:var(--bg-elevated);border-color:var(--border-strong)}.search-modal__quick-link:hover{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--text-primary)}.search-modal__quick-link--trending:before{content:"";display:block;width:6px;height:6px;background:var(--fuchsia);border-radius:var(--radius-full)}.search-modal__quick-link--recent{padding-right:var(--space-xs);gap:0}.search-modal__recent-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;padding-right:var(--space-sm)}.search-modal__recent-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal__remove-recent{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.search-modal__remove-recent:hover{background:var(--fuchsia);color:var(--text-primary)}.search-modal__products-list{display:grid;gap:var(--space-sm)}.search-modal__product-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;color:inherit;transition:all var(--transition-fast)}[data-theme=light] .search-modal__product-item{background:var(--bg-elevated);border-color:var(--border-strong)}.search-modal__product-item:hover,.search-modal__product-item[aria-selected=true]{background:var(--bg-elevated);border-color:var(--blue-primary)}.search-modal__product-item[aria-selected=true],[data-theme=light] .search-modal__product-item[aria-selected=true]{box-shadow:0 0 0 2px var(--blue-primary-alpha)}.search-modal__product-thumb{width:64px;height:64px;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}[data-theme=light] .search-modal__product-thumb{background:var(--bg-card);border:1px solid var(--border-subtle)}.search-modal__product-thumb img{width:100%;height:100%;object-fit:cover}.search-modal__product-info{flex:1;min-width:0}.search-modal__product-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal__product-name mark{background:transparent;color:var(--blue-primary);font-weight:var(--weight-bold)}.search-modal__product-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}.search-modal__product-type{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary)}[data-theme=light] .search-modal__product-type{background:var(--bg-card);border:1px solid var(--border-subtle)}.search-modal__product-price{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--orange);margin-left:auto;white-space:nowrap;flex-shrink:0}.search-modal__suggestions-list{display:grid;gap:var(--space-xs, var(--space-xs))}.search-modal__suggestion-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.search-modal__suggestion-item:hover,.search-modal__suggestion-item[aria-selected=true]{background:var(--bg-card);color:var(--text-primary)}[data-theme=light] .search-modal__suggestion-item:hover,[data-theme=light] .search-modal__suggestion-item[aria-selected=true]{background:var(--bg-elevated)}.search-modal__suggestion-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-modal__suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal__view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);margin-top:var(--space-md);background:var(--gradient-accent-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.search-modal__view-all[hidden]{display:none}[data-theme=light] .search-modal__view-all{border-color:var(--border-strong)}.search-modal__view-all:hover{background:var(--gradient-accent-subtle-hover);border-color:var(--blue-primary)}.search-modal__view-all span[data-view-all-query]{color:var(--blue-primary)}.search-modal__view-all svg{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.search-modal__view-all:hover svg{transform:translate(4px);color:var(--blue-primary, var(--blue-primary))}.search-modal__no-results{text-align:center;padding:var(--space-2xl) var(--space-lg)}.search-modal__no-results-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--text-muted)}.search-modal__no-results-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.search-modal__no-results-text{font-size:var(--text-sm);color:var(--text-muted)}.search-modal__no-results-query{color:var(--fuchsia);font-weight:var(--weight-semibold)}.search-modal__skeleton-list{display:grid;gap:var(--space-sm)}.search-modal__skeleton-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}[data-theme=light] .search-modal__skeleton-item{background:var(--bg-elevated);border-color:var(--border-strong)}.search-modal__skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}[data-theme=light] .search-modal__skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-secondary) 50%,var(--bg-elevated) 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.search-modal__skeleton--thumb{width:64px;height:64px;flex-shrink:0}.search-modal__skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm, var(--space-sm))}.search-modal__skeleton--title{height:16px;width:60%}.search-modal__skeleton--meta{height:12px;width:40%}.search-modal__skeleton--price{height:16px;width:80px;margin-left:auto;flex-shrink:0}.search-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-strong);background:var(--bg-card)}[data-theme=light] .search-modal__footer{background:var(--bg-secondary);border-color:var(--border-strong)}.search-modal__keyboard-hints{display:flex;gap:var(--space-lg)}.search-modal__keyboard-hint{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.search-modal__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}[data-theme=light] .search-modal__kbd{background:var(--bg-card);border-color:var(--border-strong)}.search-modal__kbd--icon{padding:0;width:20px}.search-modal__powered-by{font-size:var(--text-xs);color:var(--text-muted)}.search-modal__powered-by strong{color:var(--text-muted)}@media(max-width:749px){.search-modal__container{max-width:calc(100% - var(--space-lg));max-height:calc(100vh - var(--space-xl));margin-top:var(--space-lg);border-radius:var(--radius-lg)}.search-modal__input-wrapper{padding:var(--space-md)}.search-modal__input{font-size:var(--text-base)}.search-modal__content{padding:var(--space-md)}.search-modal__footer{padding:var(--space-sm) var(--space-md)}.search-modal__keyboard-hints{display:none}.search-modal__product-thumb{width:56px;height:56px}.search-modal__product-name,.search-modal__product-price{font-size:var(--text-sm)}}@media(max-width:480px){.search-modal__container{max-width:100%;max-height:100%;margin-top:0;border-radius:0;border:none}.search-modal__product-item{padding:var(--space-sm);gap:var(--space-sm)}.search-modal__product-thumb{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){search-modal-2026,.search-modal__container,.search-modal__quick-link,.search-modal__product-item,.search-modal__suggestion-item,.search-modal__view-all,.search-modal__view-all svg,.search-modal__clear-btn,.search-modal__close-btn,.search-modal__remove-recent{transition:none}.search-modal__skeleton{animation:none}}.search-modal__input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--blue-primary)}.search-modal__quick-link:focus-visible,.search-modal__product-item:focus-visible,.search-modal__suggestion-item:focus-visible,.search-modal__view-all:focus-visible,.search-modal__clear-btn:focus-visible,.search-modal__close-btn:focus-visible,.search-modal__remove-recent:focus-visible,.search-modal__recent-btn:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}.search-modal__product-item.is-focused,.search-modal__suggestion-item.is-focused{background:var(--bg-elevated);border-color:var(--blue-primary);box-shadow:0 0 0 2px var(--blue-primary-alpha)}[data-theme=light] .search-modal__product-item.is-focused,[data-theme=light] .search-modal__suggestion-item.is-focused{background:var(--bg-secondary);box-shadow:0 0 0 2px var(--blue-primary-alpha)}@media print{search-modal-2026{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/search-modal-2026.css.map */