.psp-search-wrapper { position: relative !important; width: 100% !important; font-family: inherit !important; box-sizing: border-box !important; margin: 0 !important; }
.psp-search-form { display: flex !important; flex-direction: row !important; align-items: stretch !important; flex-wrap: nowrap !important; background: #ffffff; width: 100% !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; transition: all 0.3s ease; }
.psp-search-form select.psp-category-select, .psp-category-select { display: inline-block !important; height: auto !important; line-height: normal !important; border: none !important; outline: none !important; font-weight: 700 !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 14px !important; white-space: nowrap !important; text-overflow: ellipsis !important; box-shadow: none !important; box-sizing: border-box !important; flex-shrink: 0 !important; margin: 0 !important; transition: all 0.3s ease; }
.psp-search-form .psp-separator, .psp-separator { display: block !important; align-self: center !important; flex-shrink: 0 !important; width: 1px !important; margin: 0 !important; padding: 0 !important; }
.psp-search-form .psp-input-container, .psp-input-container { display: flex !important; flex: 1 1 0% !important; position: relative !important; align-items: center !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; }
.psp-search-form input[type="text"].psp-input, .psp-search-form input.psp-input, .psp-input { display: block !important; border: none !important; outline: none !important; width: 100% !important; height: 100% !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; margin: 0 !important; line-height: normal !important; transition: all 0.3s ease; }
.psp-tools { position: absolute !important; right: 12px !important; display: flex !important; align-items: center !important; gap: 8px !important; z-index: 2 !important; }
.psp-clear-btn { background: transparent !important; border: none !important; cursor: pointer !important; padding: 6px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; }
.psp-clear-btn:hover { background: #f1f5f9 !important; }
.psp-clear-btn svg { fill: #94a3b8 !important; transition: all 0.2s ease !important; }
.psp-spinner { display: none; width: 16px; height: 16px; border: 2px solid #e2e8f0; border-top-color: #df1a22; border-radius: 50%; animation: psp-spin .7s linear infinite; }
@keyframes psp-spin { to { transform: rotate(360deg); } }
.psp-search-form button.psp-submit-btn, .psp-search-form .psp-submit-btn, .psp-submit-btn { display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; outline: none !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; margin: 0 !important; height: auto !important; box-sizing: border-box !important; transition: all 0.3s ease; }
.psp-ajax-results { display: none; position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; right: 0 !important; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 15px 30px rgba(0,0,0,0.1); z-index: 999999 !important; max-height: 480px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.psp-results-group { padding: 12px 16px; }
.psp-results-group h4 { margin: 0 0 8px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; color: #94a3b8; border-bottom: 1px solid #f1f5f9; padding-bottom: 6px; font-weight: 700; }
.psp-results-group ul { list-style: none; margin: 0; padding: 0; }
.psp-results-group ul li { margin: 0; padding: 0; }
.psp-results-group ul li a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; color: #334155; text-decoration: none; border-radius: 6px; transition: all 0.2s ease; }
.psp-result-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 4px; border: 1px solid #f1f5f9; flex-shrink: 0; }
.psp-result-content { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; }
.psp-result-title-row { display: flex; align-items: center; gap: 8px; overflow: hidden; }
.psp-result-title { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.psp-highlight { background-color: #fef08a; color: #854d0e; padding: 0 2px; border-radius: 2px; }
.psp-sale-badge { background: #ef4444; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 3px; line-height: 1; }
.psp-price { color: #df1a22; font-weight: 700; white-space: nowrap; text-align: right; }
.psp-brand-link { font-weight: 600; }
.psp-brand-link .dashicons, .psp-history-item .dashicons { font-size: 16px; width: 16px; height: 16px; margin-right: 6px; color: #94a3b8; }
.psp-view-all-wrapper { padding: 12px 16px; background-color: #f8fafc; border-top: 1px solid #e2e8f0; text-align: center; position: sticky; bottom: 0; z-index: 10; transition: all 0.2s ease;}
.psp-view-all-btn { display: inline-block; font-size: 13px; font-weight: 700; color: #df1a22; text-decoration: none; transition: all 0.2s ease; }
.psp-no-results { padding: 24px; text-align: center; }
.psp-no-results p { margin: 0 0 4px; font-size: 15px; color: #334155; }
.psp-no-results span { font-size: 13px; color: #94a3b8; }
@media (max-width: 768px) { .psp-ajax-results { max-height: 380px !important; } .psp-results-group { padding: 10px 12px !important; } .psp-results-group ul li a { padding: 8px 6px !important; gap: 10px !important; } }
@media (max-width: 480px) { .psp-search-form select.psp-category-select, .psp-category-select { max-width: 125px !important; font-size: 12px !important; padding-right: 22px !important; padding-left: 10px !important; background-size: 12px !important; background-position: right 6px center !important; } .psp-search-form input[type="text"].psp-input, .psp-input { font-size: 13px !important; } .psp-submit-btn { width: 46px !important; min-width: 46px !important; } .psp-submit-btn svg { width: 16px !important; height: 16px !important; } .psp-tools { right: 8px !important; gap: 4px !important; } .psp-clear-btn { padding: 4px !important; } .psp-ajax-results { max-height: 320px !important; left: 0 !important; right: 0 !important; width: 100% !important; } .psp-result-thumb { width: 38px !important; height: 38px !important; } .psp-result-title { font-size: 13px !important; } .psp-price { font-size: 13px !important; } }