.xss-panel{display:none;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgb(0 0 0 / .14),0 2px 8px rgb(0 0 0 / .06);max-height:480px;overflow-y:auto;font-family:inherit;border:1px solid rgb(0 0 0 / .06);direction:rtl;text-align:right;animation:xss-fade-in 0.15s ease-out}.xss-panel.xss-open{display:block}@keyframes xss-fade-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.xss-loading{display:flex;align-items:center;justify-content:center;padding:28px}.xss-spinner{width:22px;height:22px;border:3px solid #f0d9e2;border-top-color:#d6336c;border-radius:50%;animation:xss-spin 0.7s linear infinite;display:inline-block}@keyframes xss-spin{to{transform:rotate(360deg)}}.xss-results-list{display:flex;flex-direction:column;padding:6px}.xss-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;text-decoration:none!important;color:inherit!important;transition:background-color 0.12s ease;position:relative}.xss-item:hover,.xss-item.xss-active{background-color:#fdf1f5}.xss-item-img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f5f5f5}.xss-item-body{flex:1;min-width:0}.xss-item-title{font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xss-hl{background:#ffe8f0;color:#d6336c;border-radius:3px;padding:0 2px}.xss-item-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-top:3px}.xss-item-meta ins{text-decoration:none;color:#d6336c;font-weight:700}.xss-item-meta del{color:#9ca3af;font-size:12px}.xss-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}.xss-badge-sale{background:#fee2e2;color:#b91c1c}.xss-badge-oos{background:#f1f5f9;color:#64748b}.xss-quick-add{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:none;background:#22a06b;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.12s ease,background-color 0.12s ease}.xss-quick-add:hover{background:#178a58;transform:scale(1.08)}.xss-view-all{display:block;text-align:center;padding:12px;font-size:13px;font-weight:700;color:#d6336c!important;text-decoration:none!important;border-top:1px solid #f1f1f1}.xss-view-all:hover{background:#fdf1f5}.xss-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.xss-suggest-label{padding:10px 14px 2px;font-size:12px;font-weight:700;color:#9ca3af}.xss-panel::-webkit-scrollbar{width:6px}.xss-panel::-webkit-scrollbar-thumb{background:#e5c3d0;border-radius:6px}@media (max-width:480px){.xss-panel{border-radius:0;max-height:70vh}.xss-item-img{width:44px;height:44px}}