/* Smart Product Search Pro v3.1 — Momz Mart Theme */
:root{
  --sps-primary:#00b5a5;
  --sps-primary-dark:#009688;
  --sps-primary-light:#e0f7f5;
  --sps-accent:#ff6b81;
  --sps-accent-dark:#e94560;
  --sps-bg:#fff;
  --sps-surface:#f5fffe;
  --sps-border:#d0eeec;
  --sps-text:#2d2d2d;
  --sps-muted:#7a9e9c;
  --sps-radius:10px;
  --sps-shadow:0 4px 20px rgba(0,181,165,.12);
  --sps-shadow-lg:0 8px 36px rgba(0,181,165,.18);
}

/* ── SEARCH BOX ── */
.sps-wrapper{position:relative;font-family:'Segoe UI',Tahoma,system-ui,sans-serif;width:100%;direction:rtl}
.sps-input-wrap{display:flex;align-items:center;background:var(--sps-bg);border:2px solid var(--sps-border);border-radius:var(--sps-radius);padding:0 12px;gap:6px;transition:border-color .18s,box-shadow .18s}
.sps-input-wrap:focus-within{border-color:var(--sps-primary);box-shadow:0 0 0 3px rgba(0,181,165,.15)}
.sps-icon{color:var(--sps-primary);display:flex;flex-shrink:0}
.sps-input{flex:1;border:none!important;outline:none!important;background:transparent;font-size:15px;padding:13px 0;color:var(--sps-text);font-family:inherit;direction:rtl}
.sps-input::placeholder{color:#aab;direction:rtl}
.sps-clear,.sps-voice-btn,.sps-barcode-btn{background:none;border:none;cursor:pointer;color:var(--sps-muted);display:flex;padding:4px;border-radius:50%;transition:background .18s,color .18s;flex-shrink:0}
.sps-clear:hover,.sps-voice-btn:hover,.sps-barcode-btn:hover{background:var(--sps-primary-light);color:var(--sps-primary)}
.sps-voice-btn.sps-voice-active{color:var(--sps-accent);animation:sps-pulse 1s infinite}
@keyframes sps-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.sps-spinner{width:16px;height:16px;border:2px solid var(--sps-border);border-top-color:var(--sps-primary);border-radius:50%;animation:sps-spin .6s linear infinite;flex-shrink:0}
@keyframes sps-spin{to{transform:rotate(360deg)}}

/* ── DROPDOWN ── */
.sps-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--sps-bg);border:1.5px solid var(--sps-border);border-radius:var(--sps-radius);box-shadow:var(--sps-shadow-lg);z-index:99999;max-height:520px;overflow-y:auto;animation:sps-drop .15s ease;direction:rtl}
@keyframes sps-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.sps-section-label{padding:8px 14px 4px;font-size:11px;font-weight:700;color:var(--sps-primary);letter-spacing:.03em;display:flex;align-items:center;gap:5px;background:var(--sps-primary-light);border-bottom:1px solid var(--sps-border)}

/* History */
.sps-hist-item{display:flex;align-items:center;padding:9px 14px;cursor:pointer;transition:background .15s;border-bottom:0.5px solid var(--sps-border);gap:8px}
.sps-hist-item:hover{background:var(--sps-primary-light)}
.sps-hist-term{flex:1;font-size:13px;color:var(--sps-text)}
.sps-hist-del{background:none;border:none;color:var(--sps-muted);cursor:pointer;font-size:11px;padding:2px 6px;border-radius:4px;transition:background .15s}
.sps-hist-del:hover{background:#ffe0e0;color:#e94560}

/* Trending */
.sps-trend-item{display:flex;align-items:center;gap:8px;padding:8px 14px;color:var(--sps-text);text-decoration:none;font-size:13px;transition:background .15s;border-bottom:0.5px solid var(--sps-border)}
.sps-trend-item:hover{background:var(--sps-primary-light)}

/* Recently viewed */
.sps-rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 12px}
.sps-rv-item{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--sps-text);padding:8px;border:1.5px solid var(--sps-border);border-radius:8px;transition:border-color .15s,box-shadow .15s}
.sps-rv-item:hover{border-color:var(--sps-primary);box-shadow:var(--sps-shadow)}
.sps-rv-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.sps-rv-title{font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sps-rv-price{font-size:12px;font-weight:700;color:var(--sps-accent-dark)}
.sps-rv-price ins{text-decoration:none}

/* Price hint */
.sps-price-hint{padding:9px 14px;background:#fffbe6;border-bottom:1px solid #f0d060;font-size:13px;color:#7a6000;font-weight:500}

/* Search results */
.sps-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;text-decoration:none;color:var(--sps-text);transition:background .15s;border-bottom:0.5px solid var(--sps-border)}
.sps-item:hover,.sps-item.is-focused{background:var(--sps-primary-light)}
.sps-item-img{width:46px;height:46px;object-fit:cover;border-radius:7px;flex-shrink:0;background:var(--sps-surface)}
.sps-item-info{flex:1;min-width:0}
.sps-item-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sps-text);margin:0 0 2px}
.sps-item-sku{font-size:11px;color:var(--sps-muted)}
.sps-item-price{font-size:13px;font-weight:700;color:var(--sps-accent-dark);white-space:nowrap;margin-right:auto;padding-right:8px}
.sps-item-price ins{text-decoration:none}.sps-item-price del{font-weight:400;color:#bbb;font-size:11px}
.sps-dropdown-msg{padding:16px 14px;color:var(--sps-muted);font-size:13px;text-align:center}

/* Category chips */
.sps-cat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px 10px}
.sps-cat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--sps-primary-light);border:1.5px solid var(--sps-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--sps-primary-dark);text-decoration:none;transition:all .15s}
.sps-cat-chip:hover{border-color:var(--sps-primary);background:var(--sps-primary);color:#fff}
.sps-cat-chip em{color:var(--sps-muted);font-style:normal;font-weight:400}
.sps-view-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;font-size:13px;font-weight:700;color:var(--sps-primary);text-decoration:none;border-top:1.5px solid var(--sps-border);transition:background .15s}
.sps-view-all:hover{background:var(--sps-primary-light)}
.sps-highlight{background:#fff0b3;border-radius:2px;padding:0 1px}

/* Barcode overlay */
.sps-barcode-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.sps-barcode-video{width:min(360px,90vw);height:min(360px,90vw);object-fit:cover;border-radius:12px;border:3px solid var(--sps-primary)}
.sps-barcode-msg{color:#fff;font-size:14px;font-family:Tahoma,sans-serif}
.sps-barcode-close{background:rgba(255,255,255,.15);border:none;color:#fff;padding:10px 24px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Tahoma,sans-serif}

/* ══ RESULTS PAGE ══ */
.sps-results-page{font-family:'Segoe UI',Tahoma,system-ui,sans-serif;color:var(--sps-text);background:var(--sps-surface);min-height:100vh;direction:rtl}

/* Hero */
.sps-results-hero{background:linear-gradient(135deg,var(--sps-primary) 0%,var(--sps-primary-dark) 100%);color:#fff;padding:44px 20px 36px}
.sps-results-hero-inner{max-width:780px;margin:0 auto}
.sps-results-heading{font-size:clamp(20px,3.5vw,30px);font-weight:800;margin:0 0 5px;line-height:1.3;font-family:Tahoma,sans-serif}
.sps-results-heading em{color:#ffe94d;font-style:normal}
.sps-results-count{font-size:14px;opacity:.75;margin:0 0 22px;font-family:Tahoma,sans-serif}

/* Hero search bar */
.sps-results-input-wrap{display:flex;align-items:center;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2);gap:10px;padding:0 16px}
.sps-results-input-wrap .sps-icon{color:var(--sps-primary)}
.sps-results-search-input{flex:1;border:none;outline:none;font-size:15px;padding:16px 0;font-family:Tahoma,inherit;background:transparent;color:var(--sps-text);direction:rtl}
.sps-results-search-input::placeholder{color:#aab;direction:rtl}
.sps-results-submit{background:var(--sps-primary);color:#fff;border:none;padding:0 24px;height:52px;font-size:14px;font-weight:700;cursor:pointer;border-radius:0 10px 10px 0;transition:background .18s;white-space:nowrap;font-family:Tahoma,inherit}
.sps-results-submit:hover{background:var(--sps-primary-dark)}

/* Layout */
.sps-results-layout{display:grid;grid-template-columns:280px 1fr;gap:0;max-width:1400px;margin:0 auto;padding:28px 20px 60px;align-items:start}

/* Sidebar filters */
.sps-filters-sidebar{background:var(--sps-bg);border-radius:14px;padding:22px;box-shadow:0 2px 16px rgba(0,181,165,.1);position:sticky;top:20px;border:1px solid var(--sps-border)}
.sps-filter-title{font-size:15px;font-weight:800;margin:0 0 18px;color:var(--sps-primary-dark);padding-bottom:12px;border-bottom:2px solid var(--sps-primary-light);font-family:Tahoma,sans-serif}
.sps-filter-group{margin-bottom:16px}
.sps-filter-label{display:block;font-size:11px;font-weight:700;color:var(--sps-muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em}
.sps-filter-select{width:100%;padding:9px 12px;border:1.5px solid var(--sps-border);border-radius:8px;font-size:13px;font-family:Tahoma,inherit;background:var(--sps-bg);color:var(--sps-text);direction:rtl}
.sps-filter-select:focus{border-color:var(--sps-primary);outline:none}
.sps-price-inputs{display:flex;gap:6px;align-items:center}
.sps-price-input{flex:1;padding:8px 10px;border:1.5px solid var(--sps-border);border-radius:8px;font-size:13px;font-family:Tahoma,inherit;width:0}
.sps-price-input:focus{border-color:var(--sps-primary);outline:none}

/* Age filter */
.sps-age-btns{display:flex;flex-wrap:wrap;gap:5px}
.sps-age-btn{background:var(--sps-surface);border:1.5px solid var(--sps-border);border-radius:18px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Tahoma,inherit;color:var(--sps-text)}
.sps-age-btn:hover,.sps-age-btn.active{background:var(--sps-primary);border-color:var(--sps-primary);color:#fff}

.sps-filter-btn{width:100%;padding:11px;background:var(--sps-primary);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s;margin-top:6px;font-family:Tahoma,inherit}
.sps-filter-btn:hover{background:var(--sps-primary-dark)}
.sps-filter-reset{display:block;text-align:center;margin-top:9px;font-size:13px;color:var(--sps-muted);text-decoration:none}
.sps-filter-reset:hover{color:var(--sps-accent-dark)}

/* Compare bar */
.sps-compare-bar{background:var(--sps-primary-dark);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;border-radius:12px;direction:rtl}
.sps-compare-label{font-size:13px;font-weight:700;flex-shrink:0}
.sps-compare-items{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.sps-compare-chip{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:20px;font-size:12px}
.sps-compare-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0 2px;font-size:11px}
.sps-compare-go{background:var(--sps-accent-dark);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:Tahoma,inherit}
.sps-compare-go:hover{background:#c73352}
.sps-compare-clear{background:rgba(255,255,255,.18);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer;font-family:Tahoma,inherit}

/* Fallback section */
.sps-fallback-section{display:none;margin-top:24px}
.sps-fallback-title{font-size:16px;font-weight:800;color:var(--sps-primary-dark);margin:0 0 16px;font-family:Tahoma,sans-serif}

/* Product grid */
.sps-results-main{min-width:0}
.sps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;list-style:none;padding:0;margin:0}

/* Product card */
.sps-card{background:var(--sps-bg);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,181,165,.09);border:1px solid var(--sps-border);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.sps-card:hover{box-shadow:var(--sps-shadow-lg);transform:translateY(-4px)}
.sps-card-img-wrap{position:relative;aspect-ratio:1/1;background:var(--sps-surface);overflow:hidden}
.sps-card-img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sps-card:hover .sps-card-img{transform:scale(1.05)}
.sps-badge-out{position:absolute;top:8px;right:8px;background:rgba(233,69,96,.9);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px}
.sps-quick-view-btn{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(0,150,136,.9);color:#fff;border:none;padding:7px 14px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:5px;white-space:nowrap;font-family:Tahoma,inherit}
.sps-card:hover .sps-quick-view-btn{opacity:1;transform:translateX(-50%) translateY(0)}
.sps-compare-btn{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.92);color:var(--sps-primary-dark);border:none;padding:4px 9px;border-radius:12px;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:3px;font-family:Tahoma,inherit}
.sps-compare-btn.active,.sps-compare-btn:hover{background:var(--sps-primary);color:#fff}
.sps-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}
.sps-card-body{padding:12px 14px 8px;flex:1;display:flex;flex-direction:column;gap:4px;direction:rtl}
.sps-card-title{font-size:13px;font-weight:700;line-height:1.4;color:var(--sps-text);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Tahoma,inherit}
.sps-card-sku{font-size:10px;color:var(--sps-muted)}
.sps-card-rating{display:flex;gap:1px;margin-top:2px}
.sps-star{font-size:12px;color:#ddd}.sps-star.filled{color:#f5a623}
.sps-card-price{font-size:16px;font-weight:800;color:var(--sps-accent-dark);margin-top:6px}
.sps-card-price ins{text-decoration:none}.sps-card-price del{font-weight:400;font-size:12px;color:#bbb}
.sps-card-footer{padding:0 14px 13px}
.sps-btn-cart{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 0;background:var(--sps-primary);color:#fff;border:none;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .18s;font-family:Tahoma,inherit}
.sps-btn-cart:hover{background:var(--sps-primary-dark);color:#fff}

/* No results */
.sps-no-results{text-align:center;padding:50px 20px 20px;color:var(--sps-muted)}
.sps-no-results svg{margin-bottom:14px;opacity:.3;color:var(--sps-primary)}
.sps-no-results h2{font-size:20px;font-weight:800;color:var(--sps-text);margin:0 0 8px;font-family:Tahoma,sans-serif}
.sps-no-results p{font-size:14px;max-width:400px;margin:0 auto 20px}
.sps-btn-shop{display:inline-block;padding:10px 24px;background:var(--sps-primary);color:#fff;border-radius:9px;font-weight:700;text-decoration:none;font-size:14px}
.sps-results-container{max-width:1400px;margin:0 auto;padding:40px 20px}

/* Pagination */
.sps-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.sps-page-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid var(--sps-border);border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;color:var(--sps-text);transition:all .18s}
.sps-page-btn:hover{border-color:var(--sps-primary);color:var(--sps-primary)}
.sps-page-btn.is-active{background:var(--sps-primary);border-color:var(--sps-primary);color:#fff}

/* ── QUICK VIEW MODAL ── */
.sps-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;animation:sps-fade .2s}
@keyframes sps-fade{from{opacity:0}to{opacity:1}}
.sps-modal{background:#fff;border-radius:16px;max-width:820px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:32px;direction:rtl}
.sps-modal-close{position:absolute;top:14px;left:14px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--sps-muted);padding:4px 8px}
.sps-modal-loading{text-align:center;padding:60px;color:var(--sps-muted)}
.sps-qv-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.sps-qv-img-wrap img.sps-qv-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.sps-qv-thumbs{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.sps-qv-thumb{width:58px;height:58px;object-fit:cover;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}
.sps-qv-thumb:hover{border-color:var(--sps-primary)}
.sps-qv-cat{font-size:11px;color:var(--sps-primary);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.sps-qv-title{font-size:19px;font-weight:800;margin:7px 0;color:var(--sps-text);font-family:Tahoma,sans-serif}
.sps-qv-stars{display:flex;align-items:center;gap:3px;margin-bottom:6px}
.sps-qv-stars span{font-size:12px;color:var(--sps-muted)}
.sps-qv-price{font-size:22px;font-weight:800;color:var(--sps-accent-dark);margin-bottom:8px}
.sps-qv-price ins{text-decoration:none}.sps-qv-price del{font-size:15px;color:#bbb;font-weight:400}
.sps-qv-sku{font-size:11px;color:var(--sps-muted);margin:3px 0}
.sps-qv-desc{font-size:13px;line-height:1.7;color:#555;margin:12px 0}
.sps-qv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sps-qv-cart{width:auto;padding:11px 22px;flex:1}
.sps-qv-link{display:flex;align-items:center;padding:11px 18px;border:2px solid var(--sps-border);border-radius:9px;font-size:13px;font-weight:700;color:var(--sps-text);text-decoration:none;transition:border-color .18s}
.sps-qv-link:hover{border-color:var(--sps-primary);color:var(--sps-primary)}

/* ── COMPARE MODAL ── */
.sps-compare-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;animation:sps-fade .2s}
.sps-compare-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:32px;direction:rtl}
.sps-compare-modal-close{position:absolute;top:14px;left:14px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--sps-muted);padding:4px 8px}
.sps-compare-modal-title{font-size:18px;font-weight:800;margin:0 0 20px;color:var(--sps-primary-dark);font-family:Tahoma,sans-serif}
.sps-compare-table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}
.sps-compare-table th{background:var(--sps-primary);color:#fff;padding:11px 14px;font-size:12px}
.sps-compare-table td{padding:10px 14px;border-bottom:1px solid var(--sps-border);vertical-align:middle}
.sps-compare-table tfoot td{padding:14px}
.sps-compare-key{text-align:right;font-weight:700;color:var(--sps-primary-dark);font-size:12px;background:var(--sps-primary-light)}
.sps-compare-table tr:hover td{background:var(--sps-surface)}

/* ── Responsive ── */
@media(max-width:960px){
  .sps-results-layout{grid-template-columns:1fr;padding:20px 14px 40px}
  .sps-filters-sidebar{position:static}
  .sps-qv-layout{grid-template-columns:1fr}
  .sps-rv-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .sps-results-hero{padding:24px 14px 22px}
  .sps-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .sps-card-title{font-size:12px}
  .sps-card-price{font-size:14px}
  .sps-compare-table{font-size:11px}
  .sps-compare-table th,.sps-compare-table td{padding:7px 8px}
}

/* ── INTENT BANNER (results page) ── */
.sps-intent-banner{
    background:linear-gradient(135deg,var(--sps-primary-dark),var(--sps-primary));
    color:#fff;padding:10px 20px;font-size:14px;font-weight:700;
    text-align:center;letter-spacing:.02em;
    border-bottom:2px solid rgba(255,255,255,.2);
}
.sps-intent-banner a{color:#ffe94d;text-decoration:none;margin-right:8px}
.sps-intent-banner a:hover{text-decoration:underline}