.ecommerce-search-pane {
    position: relative;
    margin-right: 1rem;

    @media only screen and (max-width: 70.8571rem) {
        margin-right: 0;
    }
}

.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 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.3rem;
    width: 34rem;
    max-width: 100%;
    background: var(--f5);
    color: #fff;
    padding: 0 0.5rem;
    border-radius: var(--b-radius);
    border: 1px solid var(--e6);
}

.ecommerce-search-pane .ecommerce-search-input input[type=text] {
    border: none;
    background-color: transparent;
    height: 3rem;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 16px;
    outline: none;

    &::-webkit-input-placeholder {
        color: var(--texture-color-6);
    }
}

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

.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 {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.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: 33px;
    left: 15px;
    padding: 15px;
    background-color: var(--bg-1);
    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;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 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
}

@media(max-width: 1130px) {
    .ecommerceSearch {
        display: flex;
        align-items: center;
        max-width: calc(100% - 5rem);

        .ecommerce-search-pane {
            .ecommerce-search-input {
                width: 19.5rem;
                max-width: 100%;

                input[type=text] {
                    height: 2.9rem;
                }
            }

            .ecommerce-search-icon {
                width: 1.1rem;
            }
        }
    }
}