





/*#search-section{*/
/*    margin-right: 30px;*/
/*}*/

/*#custom-search-form{*/
/*    position: absolute;*/
/*    right: 65px;*/
/*    top: 15px;*/
/*    width: 0;*/
/*    opacity: 0;*/
/*    z-index: 0;*/
/*    max-width: 420px;*/
/*    display: none;*/
/*}*/
/*#custom-search-form--2{*/
/*    right: 0;*/
/*    top: 15px;*/
/*    width: 100%;*/
/*    opacity: 1;*/
    /*z-index: 0;*/
/*    max-width: 100%;*/
/*}*/
/*#custom-search-form--2 .form-item,*/
/*#custom-search-form .form-item{*/
/*    margin: 0;*/
/*}*/
/*#custom-search-form--2 .form-item label,*/
/*#custom-search-form .form-item label{*/
/*    display: none;*/
/*}*/
/*#custom-search-form--2 .form-item input,*/
/*#custom-search-form .form-item input{*/
    /*font-size: 14px;*/
    /*border-radius: 2px;*/
    /*box-shadow: none;*/
    /*border: 1px solid #f0f0f0;*/
    /*border-bottom: 1px solid #000;*/
/*    font-size: 14px;*/
/*    border-radius: 5px;*/
/*    box-shadow: none;*/
/*    border: 1px solid #b1b1b1;*/
/*    border-bottom: 1px solid #b1b1b1;*/
/*    background: #f0f0f0;*/
/*}*/
/*#custom-search-form--2 .form-item .ajax-progress,*/
/*#custom-search-form .form-item .ajax-progress{*/
/*    display: none;*/
/*}*/
/*#custom-search-form--2 .search-details,*/
/*#custom-search-form .search-details{*/
    
/*}*/
/*#custom-search-form--2 .form-action,*/
/*#custom-search-form .form-action{*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/
/*#custom-search-form--2 .form-action i,*/
/*#custom-search-form .form-action i{*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    top: 9px;*/
/*    font-size: 16px;*/
/*}*/
/*#custom-search-form--2 .form-action input,*/
/*#custom-search-form .form-action input{*/
/*    margin: 0;*/
/*    background: transparent;*/
/*    border: 0;*/
/*    color: transparent;*/
/*}*/

/*#custom-search-form--2 #search-details-wrapper,*/
/*#custom-search-form #search-details-wrapper{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 35px;*/
/*    width: 100%;*/
/*}*/
/*#custom-search-form--2 .search-details,*/
/*#custom-search-form .search-details{*/
/*    width: 100%;*/
/*    position: relative;*/
/*    max-width: 100%;*/
/*    margin: 0 auto;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-wrapper,*/
/*#custom-search-form #search-details-wrapper .result-wrapper{*/
/*    max-width: 100%;*/
/*    margin: 0 auto;*/
/*    background: #fff;*/
/*    box-shadow: 1px 1px 2px 0px #f2f2f2;*/
/*    padding: 30px 15px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-header,*/
/*#custom-search-form #search-details-wrapper .result-header{*/
/*    padding: 0 5px;*/
/*    font-size: 14px;*/
/*    margin-bottom: 5px;*/
/*    font-family: "Playfair Display", serif;*/
/*    font-weight: 600;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-center,*/
/*#custom-search-form #search-details-wrapper .result-center{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    max-height: 400px;*/
/*    overflow-y: scroll;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .no-result-wrapper,*/
/*#custom-search-form #search-details-wrapper .no-result-wrapper{*/
/*    max-width: 90%;*/
/*    margin: 0 auto;*/
/*    background: #fff;*/
/*    box-shadow: 1px 1px 2px 0px #f2f2f2;*/
/*    padding: 15px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .no-result-center,*/
/*#custom-search-form #search-details-wrapper .no-result-center{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .no-result-center p,*/
/*#custom-search-form #search-details-wrapper .no-result-center p{*/
/*    font-size: 13px;*/
/*    color: red;*/
/*    margin-bottom: 0;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-center,*/
/*#custom-search-form #search-details-wrapper .result-center {*/
    /*scrollbar-width: thin; */
    /*scrollbar-color: #888 #f0f0f0;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-center::-webkit-scrollbar,*/
/*#custom-search-form #search-details-wrapper .result-center::-webkit-scrollbar {*/
    /*width: 4px;*/
    /*height: 4px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-center::-webkit-scrollbar-thumb,*/
/*#custom-search-form #search-details-wrapper .result-center::-webkit-scrollbar-thumb{*/
    /*background-color: #888; */
    /*border-radius: 10px; */
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-center::-webkit-scrollbar-track,*/
/*#custom-search-form #search-details-wrapper .result-center::-webkit-scrollbar-track{*/
    /*background-color: #f0f0f0; */
/*}*/

/*#custom-search-form--2 #search-details-wrapper .product,*/
/*#custom-search-form #search-details-wrapper .product{*/
/*    flex-basis: 33.33%;*/
/*    padding: 0 5px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .product .p-wrapper,*/
/*#custom-search-form #search-details-wrapper .product .p-wrapper{*/
    
/*}*/
/*#custom-search-form--2 #search-details-wrapper .product .image,*/
/*#custom-search-form #search-details-wrapper .product .image{*/
    /*height: 150px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .product .image img,*/
/*#custom-search-form #search-details-wrapper .product .image img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .product .brand-title,*/
/*#custom-search-form #search-details-wrapper .product .brand-title{*/
/*    font-size: 12px;*/
/*    line-height: 1.7;*/
/*    color: #000;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .product .price,*/
/*#custom-search-form #search-details-wrapper .product .price{*/
/*    font-size: 11px;*/
/*    line-height: 1.7;*/
/*    color: #000;*/
/*}*/









/*#custom-search-form--2 #search-details-wrapper,*/
/*#custom-search-form--2 .search-details .result-previous-search,*/
/*#custom-search-form #search-details-wrapper,*/
/*#custom-search-form .search-details .result-previous-search{*/
    
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-previous-search ul,*/
/*#custom-search-form--2 .search-details .result-previous-search ul,*/
/*#custom-search-form #search-details-wrapper .result-previous-search ul,*/
/*#custom-search-form .search-details .result-previous-search ul{*/
/*    padding-left: 5px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-previous-search ul li,*/
/*#custom-search-form--2 .search-details .result-previous-search ul li,*/
/*#custom-search-form #search-details-wrapper .result-previous-search ul li,*/
/*#custom-search-form .search-details .result-previous-search ul li{*/
/*    list-style: none;*/
/*    display: inline-block;*/
/*    padding: 0 3px;*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-previous-search ul li a, */
/*#custom-search-form--2 .search-details .result-previous-search ul li a,*/
/*#custom-search-form #search-details-wrapper .result-previous-search ul li a, */
/*#custom-search-form .search-details .result-previous-search ul li a{*/
/*    font-size: 13px;*/
/*    color: #444;*/
/*    background: #f0f0f0;*/
/*    padding: 3px;*/
/*    border-radius: 5px;*/
/*    text-decoration: none;*/
/*    transition-duration: 0.5s;*/
/*    transition-delay: 0.1s*/
/*}*/
/*#custom-search-form--2 #search-details-wrapper .result-previous-search ul li a:hover,*/
/*#custom-search-form--2 .search-details .result-previous-search ul li a:hover,*/
/*#custom-search-form #search-details-wrapper .result-previous-search ul li a:hover,*/
/*#custom-search-form .search-details .result-previous-search ul li a:hover{*/
/*    background: #d0d0d0;*/
/*}*/




#block-exxelprime-customsearchblock-2 form{
    /*position: absolute;*/
    /*right: 65px;*/
    /*top: 15px;*/
    /*width: 0;*/
    /*opacity: 0;*/
    /*z-index: 0;*/
    /*max-width: 420px;*/
    /*display: none;*/
    width: 100%;
    position: relative;
    /*max-width: 360px;*/
    /*padding: 20px 0;*/
    display: flex;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper{
    max-width: 90%;
    position: relative;
}
#block-exxelprime-customsearchblock-2 form .search-action{
    position: absolute;
    right: 20px;
    top: 3px;
}
#block-exxelprime-customsearchblock-2 form .search-action a{
    cursor: pointer;
}
#block-exxelprime-customsearchblock-2 form .search-action img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition-duration: 0.8s;
    transition-delay: 0.2s;
}
#block-exxelprime-customsearchblock-2 form .search-action a.inactive img{
    transform: rotate(360deg);
}
#block-exxelprime-customsearchblock-2 form .search-action a.active img{
    transform: rotate(280deg);
}

/*#block-exxelprime-customsearchblock-2 form .form-item{*/
/*    margin: 0;*/
/*    max-width: 90%;*/
/*}*/
#block-exxelprime-customsearchblock-2 form .form-item{
    z-index: 2;
    /*border: 1px solid #f0f0f0;*/
    width: 0;
    overflow: hidden;
    transition: width 0.8s ease;
    margin: 0;
}
#block-exxelprime-customsearchblock-2 form .form-item.open{
    width: 90%;
    overflow: unset;
}

#block-exxelprime-customsearchblock-2 form .form-item label{
    display: none;
}
#block-exxelprime-customsearchblock-2 form .form-item input{
    font-size: 14px;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #000;
    background: #fff;
}
#block-exxelprime-customsearchblock-2 form .form-item .ajax-progress{
    display: none;
}
#block-exxelprime-customsearchblock-2 form .search-details{
    
}
#block-exxelprime-customsearchblock-2 form .form-action{
    position: absolute;
    right: 50px;
    top: 0px;
    display: none;
    z-index: 2;
}
.user-logged-in #block-exxelprime-customsearchblock-2 form .form-action{
    right: 55px;
}
#block-exxelprime-customsearchblock-2 form .form-action i{
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 16px;
    display: none;
}
#block-exxelprime-customsearchblock-2 form .form-action input{
    margin: 0;
    background: #ddd;
    border: 0;
    color: #000;
    font-size: 14px;
    border-radius: 0;
}
#block-exxelprime-customsearchblock-2 form #search-details-wrapper{
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 2;
    width: 90%;
    /*display: none;*/
    /*border: 1px solid #f0f0f0;*/
}
#block-exxelprime-customsearchblock-2 form .search-wrapper{
    z-index: 2;
    /*border: 1px solid #f0f0f0;*/
    width: 0;
    overflow: hidden;
    transition: width 0.8s ease;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper.open{
    width: 100%;
    overflow: unset;
}
#block-exxelprime-customsearchblock-2 form .search-details{
    width: 100%;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-wrapper,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-wrapper{
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    /*box-shadow: 1px 1px 2px 0px #f2f2f2;*/
    padding: 30px 15px;
    box-shadow: 0px 0px 1px 1px #dddddd;
    display: none;
}
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-wrapper.active{
    display: block;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-wrapper{
    position: absolute;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-header,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-header{
    padding: 0 5px;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-center, 
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-center{
    display: flex;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: scroll;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .no-result-wrapper,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .no-result-wrapper{
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 1px 2px 0px #f2f2f2;
    padding: 15px;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .no-result-center,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .no-result-center{
    display: flex;
    flex-wrap: wrap;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .no-result-center p,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .no-result-center p{
    font-size: 13px;
    color: red;
    margin-bottom: 0;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-center,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-center {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #888 #f0f0f0; /* For Firefox (scrollbar thumb and track colors) */
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-center::-webkit-scrollbar ,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-center::-webkit-scrollbar {
    width: 4px; /* Width of the scrollbar */
    height: 4px; /* Height of the scrollbar (for horizontal scrollbars) */
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-center::-webkit-scrollbar-thumb,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-center::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the scrollbar thumb */
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-center::-webkit-scrollbar-track ,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-center::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* Color of the scrollbar track */
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product{
    flex-basis: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product .p-wrapper,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product .p-wrapper{
    
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product .image,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product .image{
    /*height: 150px;*/
    /*height: 60px;*/
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product .image img,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product .brand-title,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product .brand-title{
    font-size: 12px;
    line-height: 1.7;
    color: #000;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .product .price,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .product .price{
    font-size: 11px;
    line-height: 1.7;
    color: #000;
}
#block-exxelprime-customsearchblock-2 form #search-details-wrapper,
#block-exxelprime-customsearchblock-2 form .search-details .result-previous-search{
    
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-previous-search ul,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-previous-search ul,
#block-exxelprime-customsearchblock-2 form .search-details .result-previous-search ul{
    padding-left: 5px;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-previous-search ul li,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-previous-search ul li,
#block-exxelprime-customsearchblock-2 form .search-details .result-previous-search ul li{
    list-style: none;
    display: inline-block;
    padding: 0 3px;
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-previous-search ul li a, 
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-previous-search ul li a, 
#block-exxelprime-customsearchblock-2 form .search-details .result-previous-search ul li a{
    font-size: 13px;
    color: #444;
    background: #f0f0f0;
    padding: 3px;
    border-radius: 5px;
    text-decoration: none;
    transition-duration: 0.5s;
    transition-delay: 0.1s
}
#block-exxelprime-customsearchblock-2 form .search-wrapper .result-previous-search ul li a:hover,
#block-exxelprime-customsearchblock-2 form #search-details-wrapper .result-previous-search ul li a:hover,
#block-exxelprime-customsearchblock-2 form .search-details .result-previous-search ul li a:hover{
    background: #d0d0d0;
}










.view-id-u_product_search.view-display-id-page_1{
    padding: 50px 15px;
}

.view-id-u_product_search.view-display-id-page_1 .view-content{
    display: flex;
    flex-wrap: wrap;
}
.view-id-u_product_search.view-display-id-page_1 .product{
    /*width: 100%;*/
    flex-basis: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.view-id-u_product_search.view-display-id-page_1 .product .wrapper{
    
}
.view-id-u_product_search.view-display-id-page_1 .product .image{
    margin-bottom: 15px;
}
.view-id-u_product_search.view-display-id-page_1 .product .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.view-id-u_product_search.view-display-id-page_1 .product .title{
    font-size: 14px;
    line-height: 1.7;
    color: #000;
}
.view-id-u_product_search.view-display-id-page_1 .product .title a{
    text-decoration: none;
    color: #333;
}
.view-id-u_product_search.view-display-id-page_1 .product .price{
    font-size: 14px;
    line-height: 1.7;
    color: #000;
}






@media only screen and (max-width: 1050px){
    
    #custom-search-form--2,
    #custom-search-form{
        width: 300px;
    }
}


































