/*Array
(
    [is_category] => 1
    [product_cat] => cables
)
*/

/*Array
(
    [is_category] => 1
    [product_cat] => cables
)
*/
/* product shop/category */
/*product css*/

#product_list_ajax_container {
    background: #ffffff;
    display: table-cell;
    position: relative;
    float: right;
    width: 98.5%;
    min-width: 494px;
    box-shadow: -8px 3px 13px 0px #0000001a;
    min-height: 500px;
}
.product-ajax-show {
margin: 0 auto;
    position: relative;
    display: table;
    width: 100%;
}
.product-ajax-show > a{
    text-decoration: none;
}

.product_b_ctf {
         
}
#product_list_ajax_container > div{
border-bottom: solid 1px #b8b8b8;
}
#product_list_ajax_container #ajax_load_product_d_ct_p >div{
    padding: 1vw;
    border-bottom: solid 1px #b8b8b8;
}
.br-ajax-sort-d-b-d-p {
    padding: 1vw;
    display: block;
}
#product_list_ajax_container #ajax_load_product_d_ct_p {
    border: none;
}
/*#product_list_ajax_container > div:first-child{
padding: 23px 23px 23px 23px;
border-top: solid 1px #b8b8b8;
border-bottom: solid 1px #b8b8b8 ;
}*/
.product_cn_main_t {
    background: #FFF;
    width: 100%;
    height: auto;
}
div#prod-panel {
    width: 19%;
    height: 12vh;
    display: table-cell;
    min-width: 220px;
    vertical-align: top;
}
.main-cl-prd-sec > div{
/*box-shadow: -12px 4px 13px 0px #0000001a;*/
}
div#product-image-box {
background: aqua;
    min-width: 180px;
    height: auto;
    float: left;
    display: inline-block;
    position: relative;
    max-width: 242px;
    width: 13vw;
}
img.ajax_prd_imag_main {
width: 100%;
    height: auto;
}
div#product-detail-ajax {
    display: inline-block;
    margin: 0 auto;
    padding: 0px 2.3vw;
    position: relative;
    min-width: 302px;/*302px;*/
    width: 34vw;
    max-width: 873px;
}
div#product-details-ajax {
    font-size: max(0.2em, 14px);
    text-decoration: none;
    color: #505050;
    padding: 0px 15vw;
}
#product-title-ajax {
color: #171717;
    font-weight: 500;
    font-size: min(1.5vw, 19px);
    position: relative;
}
div#product-price-ajax {
    max-width: 31%;
    float: right;
    display: inline-block;
    /*height: 36vh;*/
    height: min-content;
    width: 20%;/*20%;*/
    min-width: 20%;/*20%;*/
    font-size: min(3vw, 31px);/*1.5vw;*/
    color: black;
}

div#product-brand-ajax {
     
    color: #a4a4a4;
}
div#product_ajax_badges {
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    position: absolute;
    top: .2vw;
    left: .2vw;
}
.product_bestseller_ajax {
    background: #00be00;
    height: 1.4rem;
    width: 5rem;
    border-radius: .3rem;
    margin-bottom: 0.2rem;
}
.product_sale_ajax {
    background: #ff8100;
    height: 1.4rem;
    width: 5rem;
    border-radius: .3rem;
    margin-bottom: 0.2rem;
}
.product_dod_ajax {
    background: #5E00B9;
    height: 1.4rem;
    width: 6rem;
    border-radius: .3rem;
    margin-bottom: 0.2rem;
    animation: soft_blinking 1s linear infinite;
}
.product_fastoffer_ajax {
    background: #ec0590;
    height: 1.4rem;
    width: 6rem;
    border-radius: .3rem;
    margin-bottom: 0.2rem;
}
div#product_ajax_panel_cu {
    background: white;
    width: 100%;
    height: 500px;
    display: table;
    vertical-align: top;
    box-shadow: -8px 3px 13px 0px #0000001a;
    padding: 1vw;
}
.product_ajax_selected_filters {
    border-bottom: solid 1px #b8b8b8;
    display: inherit;
    width: inherit;
}
.product_ajax_filters {
    font-weight: 500;
    font-size: 1.3rem;
    color: black;
}
.filter-control-ajax-btn{
background-color: transparent;
    border: none;
    float: left;
    width: 100%;
    text-align: left;
}

.filter-control-ajax-btn:hover {
color: #005694;
text-decoration: underline;
border: none;  
    float: left;
    width: 100%;
    text-align: left;    
}
.price-range-ajax > input {
    width: 40%;
    float: left;
    margin-right: 2px;
}
.price-range-ajax > input {
    width: 40%;
    float: left;
    margin-right: 2px;
}
.filter_priceselection {
    background: #f7989887;
    width: max-content !important;
    padding: 4px;
    border-radius: .3rem;
    margin: 0.2rem;
    font-weight: 600;
    font-size: 13px;
}
.filter_tagsselection {
    background: #ca98f787;
    padding: 4px;
    border-radius: .3rem;
    margin: 0.2rem;
    font-weight: 600;
    font-size: 13px;
    float: left;
    height: 27px;
    width: max-content !important;
}
.tags_selected {
    display: contents;
    width: 33%;
}
div#load-more-products {
    padding: 0px;
    visibility: hidden;
    border: none;
}
    #product-price-ajax #product-reg-price-ajax {
    color: #a4a4a4;
    text-decoration: line-through;
    font-size: 80%;
    }
    #product-price-ajax #product-dis-perc-ajax {
    color: #44a62e;
    font-size: 68%;
    font-weight: 600;    
    }
 #product-deal-offers {
    font-size: 14px;
    font-weight: 600;
    color: #44a62e;
    display: block;
    width: 100%;
    float: left;
}
    #product-price-ajax > .disp_sec_div_b{
    display: initial;
    float: left;
    margin-right: 4%;
    }
    div#product-perc-ajax {
    font-weight: 700;
    }
/*div#product-tags-ajax {
    margin: 0 auto;
    padding: 0px 2.3vw;
    position: relative;
    min-width: 302px;
    width: 34vw;
    max-width: 873px;
    }*/
div#product-tags-ajax {
    margin: 5px auto;
    /* padding: 0px 2.3vw; */
    position: relative;
    /* min-width: 302px; */
    overflow: auto;
    /* max-width: 873px; */
    padding: 0px 15vw;
    width: 100%;
}
.tag_name_ajax_sp {
    width: fit-content;
    float: left;
    margin: 3px;
    /* background: aqua; */
    border-radius: .3rem;
    border: solid 1px #e4e4e4;
    color: #8e8e8e;
    font-size: 71%;
    padding: 2px 6px;
    font-weight: 500;
    display: block;
}

/* mobile*/
@media (max-width: 768px) {
    div#prod-panel {
     display: none;
    }
    #product_list_ajax_container {
    min-width: unset !important;
    float:none !important;    
    }
    #product-title-ajax {
    font-size: unset !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
    div#product-details-ajax {
    /* display: none; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin: 0px 11px;
    /* position: inherit; */
    /* height: max-content; */
    /* margin-top: 13.5vh; */
    float: left;
    padding: unset;
}
    div#product-detail-ajax {
    min-width:unset !important;
    width: 64%;
    }
    div#product-image-box {   
    min-width: 36%;
    background: none;    
    }
    div#product-price-ajax {
    /* position: absolute; */
    /* left: 38%; */
    width: 61%;
    height: max-content;
    /* top: 67px; */
    font-size: 23px;
    font-weight: 600;
    background: none;
    text-decoration: none;
    color: black;
    max-width: unset !important;
    float: right;
    margin: 2px;
}
    div#product_ajax_badges {
    position: unset;
    display: block;
     margin-top: 2px; 
    float: left;
    /* width: 270px; */
    overflow: auto;
}
    /*div#product_ajax_badges {
    position: absolute;
    display: inline-flex;
    margin-top: 129px;
    left: 106%;
    }*/
    div#product_ajax_badges >div {
    display: table-cell;
    /* position: initial; */
    float: left;
    margin: 1px;
}
    .navbar-expand-lg {
    display: flex;
    }
    .tag_name_ajax_sp {
     font-size: 71%;
    padding: 2px 6px;
    font-weight: 500;
    display: unset;
    }
    div#product-tags-ajax {
    display: block;
    min-width: unset;
    width: 100%; 
    
    padding: 0px 2.3vw;
    }
    #product-deal-offers {
    font-size: 14px;
    font-weight: 600;
    color: #44a62e;
    display: block;
    /* position: absolute; 
    width: fit-content;*/
    float: left;
    top: 57px;
}

}
/*product css*/



/* Quick Search */
/*.search-btss-res-dy_d {
    width: 100%;
    height: 350px;
    z-index: 1;
    background: white;
    top: 51px;
    position: relative;
    box-shadow: 0 5px 6px rgb(0 0 0 / 20%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}*/
.search-btss-res-dy_d {
    width: 100%;
    min-height: 158px;
    z-index: 1;
    background: white;
    top: -11px;
    position: relative;
    box-shadow: 0 5px 6px rgb(0 0 0 / 20%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: auto;
    /* padding-top: 66px; */
}
.qres_top_pr_d {
    width: 100%;
    overflow: hidden;
    padding: 5px 5px 0px 5px;
    border-bottom: 1px solid #d0d0d0;
}

.qres_top_pr_img_d {
    background: white;
    width: 50px;
    height: auto;
    float: left;
    /* position: relative; */
    /* top: -55px; */
    display: inline-block;
}
.qres_top_pr_ttl {
    width: 80%;
    display: inline-block;
    float: left;
    padding: 5px;
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    color: black;
    margin-top: -5px;
}

.qres_top_pr_cat {
    width: 80%;
    height: fit-content;
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
    color: #833da0;
    float: left;
}
.quick_result_ap_d {
    display: inline-block;
    float: left;
    /* top: -62px; */
    position: relative;
    width: 100%;
    padding-bottom: 8px;
        padding-top: 20px;
}
.qres_top_pr_perm {
    font-size: 10px;
    /* position: absolute; */
    float: right;
    background: #833da0;
    padding: 5px;
    border-radius: 5px;
    color: white;
    margin: -15px auto;
    font-weight: 600;
}
.qres_top_pr_recomqs {
    font-size: 12px;
    /* position: absolute; */
    float: right;
    background: #44a62e;
    padding: 5px;
    border-radius: 5px;
    color: white;
    margin: -17px auto;
}
.qres_top_pr_d:hover {
    box-shadow: 6px -1px 6px rgb(0 0 0 / 20%);
}
.qres_top_pr_goto {
    font-size: 20px;
    color: #833da0;
    line-height: 20px;
}
.qres_top_pr_asch_go {
    width: auto;
    float: right;
    margin: 1% 1% 0% 0%;
    border-radius: 5px;
    padding: 5px;
    border: solid 1px #d0d0d0;
}
a#search_go_to_adv_sr_pg {
    color: #833da0;
    font-weight: 600;
    font-size: 13px;
}
.qres_top_pr_d.cat_qres_sd {
    height: 45px;
    padding-top: 12px;
}
.searchbar_container_btss {
    
    min-width: 55%;
    margin: auto 20%;
    position: absolute;
    top: 0px;
    left: 0%;
    max-width: 55%;
}
/* mobile*/
@media (max-width: 768px) {
    #search-btss {
    width: 100%;
    background: #4e4e4e;
    height: 150vh;
    z-index: 101;
    position: fixed;
    top: 0px;
    /* display: none !important; */
    left: 0px;
}
   
#search-btss #searchform input[type=submit]:not(:disabled) {
    cursor: pointer;
    margin-top: 0.06em;
    position: RELATIVE;
    margin-left: 10.9em;
    background: #ffffff;
    height: 5.8vh;
    border: none;
    color: #949494;
    width: 12%;
    font-size: 8vw;
    line-height: 1vh;
    text-align: center;
}
#close-search-btss {
    position: absolute;
    display: unset;
    float: left;
    left: 0px;
    font-size: 32px;
    color: #000000;
    overflow: auto;
}
    .searchbar_container_btss {
    background: #FFFFFF;
    height: 47px;
    display: block;
    min-width: unset;
    width: 100%;
    max-width: unset;
    margin: unset;
}
    /*#search-btss #searchform input[type="text"]:focus {
    margin-top: 2px;
    position: absolute;
    left: 8vw;
    width: 82%;
    FONT-VARIANT: JIS83;
    font-size: 1.2em;
    line-height: 5.6vh;
    color: black;
    border: 0px none;
    outline: none;
    }*/
    #close-search-btss span {
    font-size: 14px;
    vertical-align: middle;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    color: #000000;
}
    div#close-search-btss i {
    font-size: 48px;
    color: #000000;
}
#search-btss #searchform input[type="text"] {
    FONT-VARIANT: JIS83;
    font-size: 1.2em;
    line-height: 5.6vh;
    color: #3a3a3a;
    border: none;
    margin: unset;
    width: 68%;
    margin-left: 17%;
    height: 47px;
}
    button#searchsubmit {
    margin: unset;
    float: right;
    height: 47px;
    border: none;
    width: 13%;
    max-width: unset;
    min-width: unset;
}
    .qres_top_pr_perm {
    margin-bottom: 5px;
}
    .qres_top_pr_recomqs {
    margin-bottom: 5px;
}
    .quick_result_ap_d {
    /*height: 100vh;*/
}
    .search-btss-res-dy_d {
    top: 0px;
}
}