.search-overlay {
    cursor: pointer;
}

header .header-top.search-is-open {
    opacity: 0;
}

header .header-bottom.search-is-open {
    border-color: transparent;
}

.block-product-search .search-dropdown {
    top: calc(100% + 5px)
}

header .header-bottom.search-is-open .header-actions-icons .items .list-item .block-profile-links,
header .header-bottom.search-is-open .header-actions-icons .items .list-item.favourites-item,
header .header-bottom.search-is-open .header-actions-icons .items .list-item.cart-link-wrapper,
header .search-is-open .navigation {
    display: none;
}

header .header-bottom.search-is-open .header-actions-icons .items .list-item.search-item {
    width: 100%;
    margin-top: -27px;
    margin-left: 58px;
}

/*header .header-bottom.search-is-open .search-item .block-product-search .search-form {*/
/*    width: calc(100% - 280px);*/
/*    margin-right: 261px;*/
/*}*/

header .header-bottom.search-is-open .header-actions-icons .items .list-item.search-item input {
    border: 1px solid #252324;
    padding: 0 107px 0 20px;
}

.block-product-search .close-button {
    position: absolute;
    top: 0;
    /*right: -190px;*/
    right: -60px;
    display: none;
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    transition: 0.36s all;
}

.block-product-search .close-button:hover {
    border: 1px solid #808080;
}

.block-product-search .close-button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/icons/icon-times-dark.svg') no-repeat center;
}

.block-product-search .close-button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.36s all;
}

/*.block-product-search .close-button:hover:before {*/
/*    background: #f0efef;*/
/*}*/

.header-bottom.search-is-open .block-product-search .close-button {
    display: block;
}

.block-product-search .search-dropdown.visible {
    text-align: center;
    border-top: none;
}

.search-dropdown .content {
    width: 100%;
    display: block;
    padding-top: 40px;
    align-items: center;
    position: relative;
    height: auto;
    max-width: 1660px;
    margin: 0 auto;
    min-height: 334px;
}

@media only screen and (max-width: 1700px) {
    .search-dropdown .content {
        max-width: 100%;
        padding: 40px 20px 0;
    }
}

@media only screen and (max-width: 1440px) {
    .search-dropdown .content {
        max-width: 1340px;
    }
}

header .header-bottom.search-is-open .header-actions-icons {
    width: 100%;
}

.popular-searches {
    width: 620px;
    text-align: left;
    margin-left: 280px;
}

/*@media only screen and (max-width: 1700px) {*/
/*    .popular-searches {*/
/*        margin-left: 359px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1680px) {*/
/*    .popular-searches {*/
/*        margin-left: 339px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1660px) {*/
/*    .popular-searches {*/
/*        margin-left: 319px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1640px) {*/
/*    .popular-searches {*/
/*        margin-left: 300px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1620px) {*/
/*    .popular-searches {*/
/*        margin-left: 280px;*/
/*    }*/
/*}*/

.popular-searches .title {
    display: block;
    margin-bottom: 15px;
    margin-left: 10px;
}

.popular-searches .popular-search-items {
    font-size: 0;
}

.popular-searches .popular-search-items a {
    display: inline-block;
    margin-left: 20px;
    width: calc(50% - 10px);
    position: relative;
    padding: 0 10px;
    transition: 0.36s all;
}

.popular-searches .popular-search-items a:hover {
    z-index: 10;
}

.popular-searches .popular-search-items a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 4px);
    top: -2px;
    left: 0;
    border-radius: 5px;
    z-index: 5;
    transition: 0.36s all;
}

.popular-searches .popular-search-items a:hover:after {
    background: #F3F3F3;
}

.popular-searches .popular-search-items a span{
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #E4E5E5;
    padding: 15px 5px 15px 26px;
    transition: 0.36s all;
    z-index: 10;
}

.popular-searches .popular-search-items a span:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("/images/icons/icon-search-dark-small.svg") 0 0 no-repeat;
    left: 0;
    top: 17px;
    z-index: 10;
}
.popular-searches .popular-search-items a:hover span {
    border-bottom: 1px solid #F3F3F3;
}

.popular-searches .popular-search-items a:nth-child(2n + 1){
    margin-left: 0;
}

.search-inner-wrapper {
    text-align: left;
}

.search-categories {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    text-align: left;
    margin-right: 65px;
}

/*@media only screen and (max-width: 1440px) {*/

/*    .search-categories {*/
/*        margin-right: 53px;*/
/*    }*/
/*}*/

.search-categories .title {
    margin-bottom: 15px;
    display: block;
}

.suggest-categories-phrases .category {
    display: block;
    clear: both;
    padding: 0 15px 0 15px;
    position: relative;
    margin-left: -10px;
    z-index: 5;
}

.suggest-categories-phrases .category:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 4px);
    top: -2px;
    left: 0;
    border-radius: 5px;
    z-index: 5;
    transition: 0.36s all;
}

.suggest-categories-phrases .category:hover div {
    border-bottom: 1px solid  #F3F3F3;
}

.suggest-categories-phrases .category:hover:after {
    background: #F3F3F3;
}

.suggest-categories-phrases .category > div {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid #E4E5E5;
    z-index: 10;
}
.suggest-categories-phrases .category:last-of-type > div {
    border-bottom: 0 solid;
}

.suggest-categories-phrases .category:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("/images/icons/icon-search-dark-small.svg") 0 0 no-repeat;
    left: 10px;
    top: 17px;
    z-index: 10;
}

.search .product-list-items {
    display: inline-block;
    font-size: 0;
    width: calc(100% - 340px);
    height: 323px;
    overflow: hidden;
}

.search .product-list-items .search-item {
    width: 194px;
    height: auto;
    margin-bottom: 60px;
}

.search .product-list-items .search-item .product-list-item-prices .promo-price {
    font-size: 16px;
}

.search .product-list-items .search-item .product-list-item-prices .old-price {
    margin-left: 2px;
    font-size: 15px;
}

.search-inner-wrapper .product-list-items .block-product-carousel-item {
    margin-bottom: 0;
}

.product-list-items .search-item {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin-right: 26px;
}

.product-list-items .search-item.hide-for-resize{
    display: none;
}

@media screen and (max-width: 1040px) and (min-width: 1024px) {
    .search .product-list-items .search-item {
        width:calc(33.33% - 26px) !important;
    }
}

.product-list-items .search-item.hide {
    display: none;
}

.product-list-items .search-item .block-product-carousel-item {
    width: 100%;
}

.product-list-items .search-item .block-product-carousel-item .product-list-item-prices.has-black-friday {
    padding-left: 70px !important;
}

.product-list-items .search-item .block-product-carousel-item .product-list-item-prices.has-black-friday:before {
    width: 72px;
}

.products-section-title {
    display: none;
}

/*** MOBILE SEARCH ***/
.mobile-search-is-open {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100vh;
    overflow: hidden;
}

.mobile-search-is-open:before {
    content: "";
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
}

.mobile-search-is-open .header-mobile .left-column .mobile-menu-button,
.mobile-search-is-open .header-mobile .left-column .button-search-mobile,
.mobile-search-is-open .header-mobile .center-column,
.mobile-search-is-open .header-mobile .right-column,
.mobile-search-is-open .main,
.mobile-search-is-open footer {
    visibility: hidden;
    opacity: 0;
}

.no-results-title {
    padding: 0 10px 20px;
}

.block-product-search-mobile .search-form {
    height: 64px;
    width: 100%;
    border-radius: 0;
    border: 0 solid;
    border-bottom: 1px solid #E4E5E5;
    margin-left: 0;
    display: block;
    background: #fff;
}

/*.mobile-search-dropdown .search-form:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    background: url("/images/icons/icon-search-dark.svg") 0 0 no-repeat;*/
/*    left: 12px;*/
/*    top: 20px;*/
/*}*/

.mobile-search-dropdown .clear-field-button{
    position: absolute;
    width: 40px;
    height: 24px;
    background: url('/images/icons/icon-clear-all-dark@2x.svg') no-repeat center left;
    right: 50px;
    top: 20px;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
}

.mobile-search-dropdown .mobile-close-button {
    position: absolute;
    top: 20px;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url('/images/icons/icon-times-dark.svg');
    cursor: pointer;
    display: block;
}

.mobile-search-dropdown .bottom-mobile-close-button {
    background: url('/images/icons/icon-times-dark.svg') 0 0 no-repeat;
    cursor: pointer;
    display: block;
    width: 86px;
    height: 24px;
    line-height: 24px;
    margin: 20px auto 370px;
}

.header-mobile > .inner .left-column .block-product-search-mobile .search-form-input-mobile {
    display: block;
    height: 63px;
    width: calc(100% - 46px);
    /*margin-left: 46px;*/
    padding: 24px 95px 24px 10px !important;
    border: none;
    border-radius: 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    caret-color: transparent;
}

.header-mobile > .inner .left-column .block-product-search-mobile .mobile-search[data-show-text-cursor="1"] .search-form-input-mobile {
    caret-color: auto;
}

.block-product-search-mobile .mobile-search-dropdown {
    top: 0;
    left: -100%;
    z-index: 120;
    width: 100%;
    background: #FFFFFF;
    visibility: visible !important;
    opacity: 1;
    overflow: auto;
    height: 100vh;
    position: absolute;
    text-align: right;
    overflow-y: scroll;
}

.block-product-search-mobile .mobile-search-dropdown.is-opened {
    left: 0;
    z-index: 120;
    width: 100%;
}

.mobile-search-dropdown .content {
    height: auto;
    width: 100%;
    padding-top: 42px;
}

.mobile-search .popular-searches {
    width: 100%;
    text-align: left;
    padding: 0 10px;
    margin-left: 0;
}

.mobile-search .popular-searches .popular-search-items a {
    margin-left: 0;
    width: 100%;
    padding: 0;
}

.mobile-search .popular-searches .popular-search-items a span {
    padding: 21px 5px 21px 26px;
}

.mobile-search .popular-searches .popular-search-items a span:before {
    top: 23px;
}

.mobile-search  .popular-searches .popular-search-items a:hover:after {
    display: none;
}

.mobile-search .search-categories {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding: 0 10px 20px;
    border-bottom: 1px solid #E4E5E5;
}

.mobile-search .product-list-items {
    width: 100%;
    padding: 0 12px;
}

.product-list-items.mobile {
    display: none;
}

.mobile-search .product-list-items.mobile {
    display: none;
}


.mobile-search .product-list-items .search-item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
}

.mobile-search .product-list-items .search-item {

}

.mobile-search .product-list-items .search-item .product-list-item-prices .promo-price {
    font-size: 16px;
}

.mobile-search .product-list-items .search-item .product-list-item-prices .old-price {
    margin-left: 2px;
    font-size: 15px;
}

.mobile-search .product-list-items .search-item .product-list-item-link {
    padding: 0;
}

.mobile-search .product-list-items .block-product-carousel-item {
    width: 100% !important;
}

.mobile-search .product-list-items .search-item.hide {
    display: block;
}

.mobile-search .product-list-item-image-wrapper {
    padding-top: 0;
    overflow: hidden;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 12px;
}

.mobile-search .product-list-item .product-list-item-add-to-favourites,
.mobile-search .product-list-item .free-delivery-label,
.mobile-search .product-list-item .product-list-item-labels{
    display: none;
}

.mobile-search .product-list-item .product-list-item-name-wrapper {
    height: 52px;
    margin-top: 0;
    padding: 10px 0 0 0 !important;
    max-height: unset;
}

.mobile-search .product-list-items .block-product-carousel-item {
    margin-left: 0 !important;
}

.mobile-search .product-list-items.desktop {
    display: none;
}

.mobile-search .product-list-items.mobile {
    display: inline-block;
}

.mobile-search .products-section-title {
    display: block;
    margin-bottom: 20px;
    margin-top: 36px;
    margin-left: 12px;
}

.product-incorrect-search .product-list-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-incorrect-search .incorrect-text {
    max-width: 1700px;
    margin: 0 auto 20px;
    padding: 0 20px;
}
