.scs-wrap{position:relative;display:block;width:100%;z-index:9999}
.scs-inner{display:flex;align-items:center;background:#fff;border:2px solid #E5E7EB;border-radius:50px;padding:0 16px;height:48px;gap:10px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.scs-wrap:focus-within .scs-inner{border-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.scs-icon{flex-shrink:0;width:18px;height:18px;color:#9CA3AF}
.scs-wrap:focus-within .scs-icon{color:#F97316}
.scs-input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-family:inherit;font-size:15px;font-weight:600;color:#111;padding:0!important;margin:0!important;box-shadow:none!important;-webkit-appearance:none}
.scs-input::placeholder{color:#9CA3AF;font-weight:400}
.scs-input::-webkit-search-decoration,.scs-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.scs-clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:#aaa;font-size:16px;padding:0 2px;line-height:1;transition:color .1s}
.scs-clear:hover{color:#F97316}

.scs-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:99999;background:#fff;border-radius:12px;border:1px solid #EBEBEB;box-shadow:0 4px 24px rgba(0,0,0,.12);display:none;overflow:hidden;max-height:70vh;overflow-y:auto}
.scs-drop.on{display:block;animation:scsIn 120ms ease both}
@keyframes scsIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

.scs-sh{padding:10px 16px 4px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#C4C4C4;display:flex;justify-content:space-between;align-items:center}
.scs-clr-btn{font-size:11px;color:#C4C4C4;background:none;border:none;cursor:pointer;padding:0}
.scs-clr-btn:hover{color:#F97316}
.scs-sep{height:1px;background:#F5F5F5;margin:4px 0}

.scs-row{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:#111;transition:background .08s;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}
.scs-row:hover,.scs-row.hi{background:#FFF7F0;text-decoration:none;color:#111}
.scs-row:hover .scs-lbl,.scs-row.hi .scs-lbl{color:#F97316}
.scs-row-ico{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}
.scs-row-ico svg{width:14px;height:14px;fill:none;stroke:#C4C4C4;stroke-width:2;stroke-linecap:round;display:block}
.scs-row:hover .scs-row-ico svg,.scs-row.hi .scs-row-ico svg{stroke:#F97316}
.scs-row--trending .scs-row-ico svg,.scs-row--popular .scs-row-ico svg{stroke:#F97316}
.scs-row--cat .scs-row-ico svg{stroke:#4F46E5}
.scs-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;color:#111;font-size:14px;font-weight:500}
.scs-lbl mark{background:transparent;color:inherit;font-weight:700;padding:0}
.scs-row:hover .scs-lbl mark,.scs-row.hi .scs-lbl mark{color:#F97316}
.scs-del{background:none;border:none;padding:0 0 0 6px;cursor:pointer;color:#D1D5DB;opacity:0;font-size:14px;line-height:1}
.scs-row:hover .scs-del{opacity:1}
.scs-del:hover{color:#F97316}

.scs-spinner{padding:18px;display:flex;align-items:center;justify-content:center}
.scs-spin{width:18px;height:18px;border:2px solid #F5F5F5;border-top-color:#F97316;border-radius:50%;animation:spin .4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.scs-empty{padding:18px 16px;font-size:13px;color:#9CA3AF;text-align:center}

.woodmart-search-results,.xts-search-results-holder,.xts-search-results,.woodmart-search-result,.wd-search-results,.woodmart-search-popup,.woodmart-ajax-search-results,.xts-ajax-search-results,.dgwt-wcas-suggestions-wraper,.autocomplete-suggestions,.live-search-results,.ui-autocomplete{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important}

@media(max-width:600px){.scs-drop{border-radius:0 0 12px 12px;left:-4px;right:-4px}.scs-inner{height:42px}}