.wmsp-host{position:relative}
.wmsp-panel{position:absolute;left:0;right:0;top:100%;z-index:401;display:none;background:var(--wd-main-bgcolor,#fff);color:var(--color-gray-800,#333);box-shadow:0 0 4px rgba(0,0,0,.18);border-radius:var(--wd-brd-radius,0);max-height:min(70vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;text-align:start}
.wmsp-panel.is-open{display:block}
.wmsp-panel *{box-sizing:border-box}
.wmsp-sec{padding:14px 16px 4px}
.wmsp-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin:0 0 10px;color:var(--color-gray-900,#111)}
.wmsp-trash{border:0;background:none;padding:4px;margin:0;line-height:0;color:#888;cursor:pointer;min-height:0}
.wmsp-trash svg{width:16px;height:16px}
.wmsp-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}
.wmsp-chip{border:0;margin:0;background:var(--bgcolor-gray-200,#f3f3f3);color:inherit;font-size:12px;line-height:1;padding:8px 12px;border-radius:var(--wd-brd-radius,4px);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:0;font-weight:400;text-transform:none;box-shadow:none}
.wmsp-chip:hover{background:var(--bgcolor-gray-300,#e8e8e8);color:inherit}
.wmsp-sug{list-style:none;margin:0;padding:4px 0}
.wmsp-sug li{margin:0;padding:0}
.wmsp-sug button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:start;margin:0;padding:11px 16px;font-size:14px;color:inherit;cursor:pointer;min-height:0;font-weight:400;text-transform:none;box-shadow:none;border-radius:0}
.wmsp-sug button:hover{background:var(--bgcolor-gray-100,#f7f7f7);color:inherit}
.wmsp-sug svg{flex:none;width:15px;height:15px;color:#999}
.wmsp-sug .m{color:#999}
.wmsp-sug .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmsp-panel [hidden]{display:none!important}
/* Tema/Woodmart genel button stillerinin panele sızmasını engelle */
.wmsp-host .wmsp-panel .wmsp-chip{width:auto;height:auto;background:var(--bgcolor-gray-200,#f3f3f3);color:inherit;border:0;border-radius:var(--wd-brd-radius,4px)}
.wmsp-host .wmsp-panel .wmsp-chip:hover{background:var(--bgcolor-gray-300,#e8e8e8)}
.wmsp-host .wmsp-panel .wmsp-trash{width:auto;height:auto;background:none;color:#888;border:0}
.wmsp-host .wmsp-panel .wmsp-sug button{width:100%;height:auto;background:none;color:inherit;border:0}
.wmsp-host .wmsp-panel .wmsp-sug button:hover{background:var(--bgcolor-gray-100,#f7f7f7)}

/* ===== Mobil tam ekran arama ===== */
html.wmsp-lock,html.wmsp-lock body{overflow:hidden!important}
.wmsp-ov{position:fixed;inset:0;z-index:2147483000;background:#fff;display:none;flex-direction:column;color:#111;font-family:inherit;-webkit-tap-highlight-color:transparent}
.wmsp-ov.is-open{display:flex}
.wmsp-ov *{box-sizing:border-box}
.wmsp-ov.wmsp-ov button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wmsp-ov-head{display:flex;align-items:center;gap:6px;padding:10px 12px 10px 6px;padding-top:max(10px,env(safe-area-inset-top));background:#fff;flex:none}
.wmsp-ov.wmsp-ov .wmsp-ov-back{flex:none;width:38px;height:38px;display:grid;place-items:center;color:#111}
.wmsp-ov-back svg{width:22px;height:22px}
.wmsp-ov-form{flex:1;min-width:0;display:flex;align-items:center;height:42px;margin:0;border:2px solid #111;border-radius:8px;background:#fff;overflow:hidden}
.wmsp-ov input.wmsp-ov-input{flex:1;min-width:0;height:100%!important;min-height:0!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;padding:0 10px!important;margin:0!important;font-size:16px!important;color:#111!important;border-radius:0!important;-webkit-appearance:none;appearance:none}
.wmsp-ov-input::placeholder{color:#999}
.wmsp-ov-input::-webkit-search-cancel-button{display:none}
.wmsp-ov.wmsp-ov .wmsp-ov-x{flex:none;width:32px;height:32px;display:none;place-items:center;color:#9a9a9a}
.wmsp-ov-form.has-text .wmsp-ov-x{display:grid!important}
.wmsp-ov-x svg{width:17px;height:17px}
.wmsp-ov.wmsp-ov .wmsp-ov-go{flex:none;width:46px;height:100%;display:grid;place-items:center;background:#111;color:#fff}
.wmsp-ov-go svg{width:20px;height:20px}
.wmsp-ov-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 14px 40px}
.wmsp-ov-sec{padding-top:14px}
.wmsp-ov-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;margin:0 0 10px;color:#111}
.wmsp-ov.wmsp-ov .wmsp-ov-trash{padding:4px;color:#8a8a8a;display:grid}
.wmsp-ov-trash svg{width:16px;height:16px}
.wmsp-ov-chips{display:flex;flex-wrap:wrap;gap:8px}
.wmsp-ov.wmsp-ov .wmsp-ov-chip{display:block;background:#f4f4f4;color:#333;font-size:12px;line-height:1;padding:9px 12px;border-radius:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmsp-ov-disc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wmsp-ov.wmsp-ov .wmsp-ov-d{display:flex;align-items:center;gap:8px;min-width:0;background:#f4f4f4;color:#333;font-size:12px;line-height:1.25;padding:4px 8px 4px 4px;border-radius:3px;min-height:32px}
.wmsp-ov-d img{flex:none;width:24px;height:24px;border-radius:2px;object-fit:cover;background:#e6e6e6}
.wmsp-ov-d span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:2px}
.wmsp-ov-sug{list-style:none;margin:0;padding:0}
.wmsp-ov-sug li{margin:0;padding:0}
.wmsp-ov.wmsp-ov .wmsp-ov-sug button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 2px;font-size:14px;color:#111}
.wmsp-ov-sug svg{flex:none;width:15px;height:15px;color:#999}
.wmsp-ov-sug .m{color:#9a9a9a;font-weight:400}
.wmsp-ov-sug .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.wmsp-ov [hidden]{display:none!important}

/* Marka / Mağaza satırları (Trendyol tarzı) */
.wmsp-sug .lg,.wmsp-ov-sug .lg{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #eee;background:#fff}
.wmsp-sug .lg-ph,.wmsp-ov-sug .lg-ph{display:grid;place-items:center;font-size:14px;font-weight:700;color:#777;background:#f1f1f1}
.wmsp-sug .tag,.wmsp-ov-sug .tag{flex:none;margin-left:auto;padding-left:10px;font-size:13px;font-weight:400;color:#8a8a8a}
.wmsp-ov-sug li + li{border-top:1px solid #f0f0f0}
.wmsp-ov.wmsp-ov .wmsp-ov-sug button{min-height:48px}

/* Son aranan mağazalar (logolu çip) */
.wmsp-host .wmsp-panel .wmsp-chip.st{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 5px}
.wmsp-ov.wmsp-ov .wmsp-ov-chip.st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px}
.wmsp-chip .rl,.wmsp-ov-chip .rl{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #e4e4e4}
.wmsp-chip .rl.ph,.wmsp-ov-chip .rl.ph{display:grid;place-items:center;font-size:11px;font-weight:700;color:#777;background:#e9e9e9}
.wmsp-chip.st span:last-child,.wmsp-ov-chip.st span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mavi tik */
.wmsp-sug .vt,.wmsp-ov-sug .vt{flex:none;display:inline-flex;margin-left:-6px}
.wmsp-sug .vt .vt-i,.wmsp-ov-sug .vt .vt-i{width:13px;height:13px;color:inherit}
.wmsp-chip .vt,.wmsp-ov-chip .vt{flex:none;display:inline-flex;margin-left:-2px}
.wmsp-chip .vt .vt-i,.wmsp-ov-chip .vt .vt-i{width:11px;height:11px}

.vt .vt-i{object-fit:contain;display:block}

/* Arama kutusu yazısı animasyonu */
.wmsp-ph{position:absolute;z-index:2;display:flex;align-items:center;overflow:hidden;clip-path:inset(0);contain:paint;pointer-events:none;white-space:nowrap;line-height:1.2}
.wmsp-ph-t{position:absolute;left:0;top:0;height:100%;max-width:100%;display:flex;align-items:center;gap:6px;white-space:nowrap;will-change:transform}

.wmsp-tag{flex:none;display:inline-flex;align-items:center;font-size:11px;line-height:1;font-weight:600;border-radius:4px;padding:3px 5px}
.wmsp-tag-recent{background:#fff1e0;color:#f08a00}
.wmsp-tag-trend{background:#efe9ff;color:#6b3fe0;font-style:italic;font-weight:700}
.wmsp-tag-new{background:#e6f6ec;color:#16a34a}
.wmsp-tag-hot{background:none;padding:0;color:#f43f3f}
.wmsp-tag-hot svg{width:14px;height:14px;display:block}
.wmsp-ph-in::placeholder{color:transparent!important;opacity:0!important}
.wmsp-ph-in::-webkit-input-placeholder{color:transparent!important;opacity:0!important}
.wmsp-ov-form{position:relative}

/* Arama kutusu dönen yazı: koyu ve kalın (SHEIN) */
.wmsp-ph .wmsp-ph-t .wmsp-ph-x{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--wmsp-ph-color,#111)!important;-webkit-text-fill-color:var(--wmsp-ph-color,#111)!important;opacity:1!important;font-weight:var(--wmsp-ph-weight,700)!important}