.search-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.search-overlay.is-active{opacity:1;visibility:visible}.search-modal{background:var(--color-white);color:var(--color-text);width:90%;max-width:800px;padding:0;transform:translateY(-20px);transition:transform var(--transition-base);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.search-overlay.is-active .search-modal{transform:translateY(0)}.search-overlay.is-header-popover{display:block;padding:0;background:transparent;pointer-events:none}.search-overlay.is-header-popover .search-modal{position:fixed;top:var(--header-search-popover-top);left:var(--header-search-popover-left);width:var(--header-search-popover-width);max-width:none;max-height:min(70vh,42rem);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(6px);pointer-events:auto}.search-overlay.is-header-popover.is-active .search-modal{transform:translateY(0)}.search-overlay.is-header-popover .search-header-wrapper,.search-overlay.is-header-popover .search-tabs-container{display:none}.search-overlay.is-header-popover .search-results-container{max-height:min(70vh,42rem);padding:var(--spacing-md)}.search-overlay.is-header-popover .search-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.search-header-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.search-input-wrap{flex:1;position:relative;display:flex;align-items:center}.search-input-wrap #search-form{flex:1;min-width:0}.search-input-wrap input{width:100%;padding:.5rem;padding-inline-start:2.75rem;border:none;font-size:var(--fs-base);outline:none;background:transparent}.search-input-wrap input::placeholder{color:var(--color-text-muted)}.search-input-icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.search-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-fast)}.search-modal-close svg{width:18px;height:18px}.search-modal-close:hover{color:var(--color-text)}.search-input-icon svg,.search-close-icon svg,.search-view-all-icon svg{width:100%;height:100%}.search-input-icon svg [stroke]:not([stroke=none]),.search-close-icon svg [stroke]:not([stroke=none]),.search-view-all-icon svg [stroke]:not([stroke=none]){stroke:currentColor}.search-input-icon svg path[fill=none],.search-input-icon svg rect[fill=none],.search-input-icon svg circle[fill=none],.search-close-icon svg path[fill=none],.search-close-icon svg rect[fill=none],.search-close-icon svg circle[fill=none],.search-view-all-icon svg path[fill=none],.search-view-all-icon svg rect[fill=none],.search-view-all-icon svg circle[fill=none]{fill:none;stroke:currentColor}.search-close-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit}.search-view-all-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit}.search-tabs-container{padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-white)}.search-tabs-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-sm) 0}.search-tabs-scroll::-webkit-scrollbar{display:none}.search-tab{padding:.4rem .8rem;font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;border-radius:var(--radius-full);transition:all var(--transition-fast);background:var(--color-surface);border:1px solid transparent;cursor:pointer}.search-tab:hover{color:var(--color-text);background:var(--color-border-light)}.search-tab.is-active{color:var(--text-color-primary-bg);background:var(--primary-color);border-color:var(--primary-color)}.search-loading-spinner{display:flex;justify-content:center;padding:var(--spacing-4xl) 0}.spinner{width:30px;height:30px;border:2px solid var(--color-border-light);border-top-color:var(--color-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-empty-state{text-align:center;padding:var(--spacing-4xl) 0;color:var(--color-text-muted)}.search-empty-state p{font-size:var(--fs-base);text-transform:uppercase;font-weight:var(--fw-medium)}.search-results-container{padding:var(--spacing-xl);max-height:70vh;overflow-y:auto}.search-products-grid{display:grid;grid-template-columns:repeat(var(--search-cols, 4),1fr);gap:var(--spacing-md)}.search-products-grid.is-product-card .product-card{opacity:1;transform:none}.search-modal[data-sr-fit=cover] .product-card-image img,.search-modal[data-sr-fit=cover] .search-product-image img{object-fit:cover!important;object-position:center!important}.search-modal[data-sr-fit=cover-top] .product-card-image img,.search-modal[data-sr-fit=cover-top] .search-product-image img{object-fit:cover!important;object-position:top center!important}.search-modal[data-sr-fit=cover-bottom] .product-card-image img,.search-modal[data-sr-fit=cover-bottom] .search-product-image img{object-fit:cover!important;object-position:bottom center!important}.search-modal[data-sr-fit=contain] .product-card-image img,.search-modal[data-sr-fit=contain] .search-product-image img{object-fit:contain!important}.search-modal[data-sr-fit=fill] .product-card-image img,.search-modal[data-sr-fit=fill] .search-product-image img{object-fit:fill!important}.search-product-item{display:block}.search-product-link{display:block;text-decoration:none;color:inherit}.search-product-image{position:relative;aspect-ratio:var(--product-card-ratio, 3 / 4);background:var(--color-surface);margin-bottom:var(--spacing-sm);overflow:hidden;border-radius:var(--radius-lg)}.search-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.search-product-link:hover .search-product-image img{transform:scale(1.05)}.search-product-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;margin-bottom:2px;line-height:1.3}.search-product-price{font-size:var(--fs-xs);color:var(--color-text-muted)}.search-view-all{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.search-view-all-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.6rem 1.6rem;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--text-color-primary-bg);background:var(--primary-color);border:none;border-radius:var(--radius-full);text-decoration:none;transition:color var(--transition-fast)}.search-view-all-btn:hover{background-color:var(--color-surface);color:var(--color-text)}.search-view-all-btn svg{transition:transform var(--transition-fast)}.search-view-all-btn:hover svg{transform:translate(3px)}[dir=rtl] .search-view-all-btn svg{transform:scaleX(-1)}[dir=rtl] .search-view-all-btn:hover svg{transform:scaleX(-1) translate(3px)}@media (max-width: 768px){.search-overlay{padding-top:0;align-items:flex-start}.search-modal{width:100%;height:100vh;max-width:none;border-radius:0;transform:none}.search-overlay.is-active .search-modal{transform:none}.search-header-wrapper{padding:var(--spacing-md)}.search-products-grid{grid-template-columns:repeat(var(--search-cols-mobile, 2),1fr);gap:var(--spacing-sm)}.search-results-container{padding:var(--spacing-md);flex:1;max-height:none}}