.ninetheme-ajax-product-search {
    position: relative;
}

.ninetheme-ajax-search-results {
    display: none;
    position: absolute;
    width: 100%;
    max-height: calc( 100vh - 230px );
    padding: 10px 20px;
    border: 1px solid #e0e0e0;
    z-index: 15;
    transform: translateY(-1px);
}
.ninetheme-ajax-search-results.loading,
.ninetheme-ajax-search-results.active {
    display: block;
    min-height: 40px;
}

.ninetheme-ajax-search-results ul {
    list-style: none;
    margin:0;
    padding: 0;
}

.ninetheme-ajax-search-results ul li {
    display: block;
    padding: 12px 0;
    position: relative;
    border-bottom: 1px dashed #e0e0e0;
}

.ninetheme-ajax-search-results ul li:last-child {
    border-bottom: none;
}

.ninetheme-ajax-search-results ul li a {
    display: table;
    width: 100%;
}

.ninetheme-ajax-search-results ul li a > * {
    display: table-cell;
    vertical-align: top;
}

.ninetheme-ajax-search-results .ninetheme-ajax-product-image {
    width: 65px;
    max-width: 65px;
}

.ninetheme-ajax-product-data {
    padding-left: 20px;
}

.ninetheme-ajax-search-results .ninetheme-ajax-product-title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

.ninetheme-ajax-product-data .ninetheme-ajax-product-price {
    font-size: 14px;
    margin-bottom: 10px;
}

.ninetheme-ajax-product-stock {
    padding: 5px 10px;
    background: var(--ninetheme-green-soft);
    display: inline-block;
    line-height: 1;
    border-radius: 3px;
    font-size: 12px;
    color: var(--ninetheme-light);
}



.ninetheme-ajax-product-search select {
    margin-bottom: 10px;
}

.ninetheme-ajax-product-search select,
.ninetheme-ajax-product-search input {
    width: 100%;
}

.ninetheme-ajax-search-wrapper {
    position: relative;
     width: 58%;
}

.ninetheme-ajax-search-wrapper input {
    padding-right: 35px;
}

.ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit,
.ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
    border: 0;
    position: absolute;
    top: 1px;
    right: 1px;
    color: var(--ninetheme-gray);
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}
.ninetheme-ajax-close-search-results:before,
.ninetheme-ajax-close-search-results:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 16px;
	top: 46%;
	left: 17px;
	transform-origin: 50% 50%;
	background-color: var(--ninetheme-dark);
	opacity: 1;
	-moz-transition: -moz-transform ease 0.25s;
	-webkit-transition: -webkit-transform ease 0.25s;
	-o-transition: -o-transform ease 0.25s;
	-ms-transition: -ms-transform ease 0.25s;
	transition: transform ease 0.25s;
}

.ninetheme-ajax-close-search-results:before{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ninetheme-ajax-close-search-results:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ninetheme-ajax-close-search-results:hover:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ninetheme-ajax-close-search-results:hover:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ninetheme-ajax-search-wrapper.loading button.ninetheme-ajax-search-submit,
.ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
    opacity: 0;
}

.ninetheme-ajax-search-wrapper.active .ninetheme-ajax-close-search-results {
    opacity: 1;
    z-index: 1;
}

.ninetheme-ajax-product-search + .ninetheme-product-categories.category-area {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--ninetheme-gray);
}
.ninetheme-ajax-product-search.active + .ninetheme-product-categories.category-area {
    display: none;
}
.ninetheme-ajax-product-search + .ninetheme-product-categories .ninetheme-product-categories-inner {
    max-height: calc( 100vh - 330px );
    overflow-x: hidden;
}
.ninetheme-ajax-product-search + .ninetheme-product-categories .category-title {
    font-size: 12px;
}
.ninetheme-ajax-product-search.type-inline {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.ninetheme-ajax-product-search.type-inline .ninetheme-ajax-search-results.loading,
.ninetheme-ajax-product-search.type-inline .ninetheme-ajax-search-results.active {
    background-color: var(--ninetheme-light);
}
.ninetheme-ajax-product-search.type-inline .ninetheme-ajax-search-results {
    max-height: calc( 100vh - 195px );
}
.ninetheme-ajax-product-search.type-inline form {
    display: flex;
    align-items: stretch;
}
.ninetheme-ajax-product-search.type-inline select {
    width: 42%;
}
.ninetheme-ajax-product-search select {
    margin-bottom: 0px;
    border-right: 0;
}
.ninetheme-header-mobile-content.search-loading .ninetheme-header-mobile-slide-menu,
.ninetheme-header-mobile-content.ajax-active .ninetheme-header-mobile-slide-menu,
.ninetheme-header-mobile-content.search-loading .ninetheme-sidemenu-lang-switcher,
.ninetheme-header-mobile-content.ajax-active .ninetheme-sidemenu-lang-switcher {
    opacity: 0;
    visibility: hidden;
}
@media(max-width:480px) {
    .ninetheme-ajax-product-search.type-inline select,
    .ninetheme-ajax-product-search.type-inline input,
    .search-area-top input {
        font-size: 12px;
    }
    .ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit,
    .ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
        top: 4px;
        height: 40px;
        width: 40px;
    }
}