.ecommerce-search-pane {
    position: relative;
    width: 100%;
}

.ecommerce-search-pane,.ecommerce-search-pane *,.ecommerce-search-pane *:before,.ecommerce-search-pane *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ecommerce-search-pane .ecommerce-search-input {
    background: #f9f9f9;
    border-bottom: 1px solid transparent;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 0;
    width: 100%;
    transition: 0.3s;
    height: 40px;
    display: flex;
    align-items: center;
}

body.dark_Header .ecommerce-search-pane .ecommerce-search-input {
    border-color: #FFF;
    background: transparent;
}

.ecommerce-search-pane .ecommerce-search-input input[type=text] {
    border: none;
    background-color: transparent;
    height: 32px;
    width: 100%;
    padding: 4px 34px 4px 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 16px;
    transition: 0.3s;
}

body.dark_Header .ecommerce-search-pane .ecommerce-search-input input[type=text] {
    color: #FFF !important;
}

.ecommerce-search-pane .ecommerce-search-input input.searching {
    background-image: url('data:image/gif;base64,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')
}

.ecommerce-search-pane .ecommerce-search-icon,.ecommerce-search-pane .ecommerce-search-clear {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 4px;
}

.ecommerce-search-pane .ecommerce-search-icon {
    display: none;
    transition: 0.3s;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik03NS4xLDgyLjRjMSwxLDIuMiwxLjYsMy43LDEuNmMxLjQsMCwyLjYtMC41LDMuNy0xLjZjMS0xLDEuNi0yLjMsMS42LTMuN2MwLTEuNC0wLjUtMi43LTEuNS0zLjdsLTE0LTE0ICAgYzMuNC00LjksNS4xLTEwLjMsNS4xLTE2LjNjMC0zLjktMC44LTcuNi0yLjMtMTEuMnMtMy42LTYuNi02LjEtOS4ycy01LjYtNC42LTkuMi02LjFjLTMuNi0xLjUtNy4zLTIuMy0xMS4yLTIuMyAgIGMtMy45LDAtNy42LDAuOC0xMS4yLDIuM3MtNi42LDMuNi05LjIsNi4xYy0yLjYsMi42LTQuNiw1LjYtNi4xLDkuMmMtMS41LDMuNi0yLjMsNy4zLTIuMywxMS4yYzAsMy45LDAuOCw3LjYsMi4zLDExLjIgICBjMS41LDMuNiwzLjYsNi42LDYuMSw5LjJjMi42LDIuNiw1LjYsNC42LDkuMiw2LjFjMy42LDEuNSw3LjMsMi4zLDExLjIsMi4zYzYsMCwxMS40LTEuNywxNi4zLTUuMUw3NS4xLDgyLjR6IE00NC44LDYzLjEgICBjLTUsMC05LjMtMS44LTEyLjktNS40Yy0zLjYtMy42LTUuNC03LjktNS40LTEyLjljMC01LDEuOC05LjMsNS40LTEyLjljMy42LTMuNiw3LjktNS40LDEyLjktNS40YzUsMCw5LjMsMS44LDEyLjksNS40ICAgYzMuNiwzLjYsNS40LDcuOSw1LjQsMTIuOWMwLDUtMS44LDkuMy01LjQsMTIuOUM1NC4xLDYxLjMsNDkuOCw2My4xLDQ0LjgsNjMuMXoiPjwvcGF0aD48L2c+PC9zdmc+");
}

body.dark_Header .ecommerce-search-pane .ecommerce-search-icon {
    filter: invert(1);
}

.ecommerce-search-pane .ecommerce-search-clear {
    display: none;
    right: 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4PSIwcHgiIHk9IjBweCI+PHBhdGggZD0iTTEyLDJBMTAsMTAsMCwxLDAsMjIsMTIsMTAsMTAsMCwwLDAsMTIsMlptNC4yNSwxMi44M2ExLDEsMCwwLDEsMCwxLjQxLDEsMSwwLDAsMS0xLjQyLDBMMTIsMTMuNDEsOS4xOCwxNi4yNGExLDEsMCwwLDEtMS40MiwwLDEsMSwwLDAsMSwwLTEuNDFMMTAuNTksMTIsNy43Niw5LjE3YTEsMSwwLDAsMSwwLTEuNDEsMSwxLDAsMCwxLDEuNDIsMEwxMiwxMC41OWwyLjgyLTIuODNhMSwxLDAsMCwxLDEuNDIsMCwxLDEsMCwwLDEsMCwxLjQxTDEzLjQyLDEyWiI+PC9wYXRoPjwvc3ZnPg==");
}

.ecommerce-search-pane .ecommerce-search-result {
    display: none;
    position: absolute;
    z-index: 7000;
    top: 45px;
    left: 0px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    min-width: calc(100% - 30px);
}

.ecommerce-search-pane .ecommerce-search-result .ecommerce-search-result-cat {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.ecommerce-search-pane .ecommerce-search-result .ecommerce-search-result-cat:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px
}


.result_Box {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.result_Box::-webkit-scrollbar {
    width: 6px;
}

.result_Box::-webkit-scrollbar-thumb {
    background: var(--Primary-P30);
}

.search_Product {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search_Product_Image {
    flex: 0 0 30%;
}

.cats_Wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.result_Cat_Item {
    border-radius: 0;
    background-color: var(--Primary-P30);
    color: #FFF !important;
    font-size: 12px;
    line-height: 24px;
    padding: 6px 12px;
    transition: 0.3s;
}

.result_Cat_Item:hover {
    background-color: var(--Primary-P20);
}