/*======= header ========*/
img.rgrg_tri.ryg_tri { display: none; } 
img.rgrgdgg_tri.ryg_tri { display: block; } 
header.header_tri.fuyhui_tri { background: #ffffff; box-shadow: rgb(0 0 0 / 4%) 0px 5px 15px; } 
nav.rgugy_tri { border-top: 1px solid #dfedeb; }
.main_menu ul li .active, .main_menu ul li:hover > a {color: #323232;}
.main_menu ul li a {color: #323232;}
header.header_tri.fuyhui_tri a.rgygyu_tri {color: #ffffff;}
@media screen and (max-width: 991px) {.mobile_btn { color: #000000; }
.header_tri .main_menu ul  li.efey_tri.tygtuf_tri a.rgygyu_tri {
    color: #000!important;
}}
/*======= header ========*/
section.fuyiu_tri {padding: 119px 0 50px;background: linear-gradient(#2361a31a, #2361a31c, #2361a300);padding: 8.7vw 0 50px;} ul.efewge_tri { display: flex; flex-wrap: wrap; padding: 0; } ul.efewge_tri li { width: 25%; padding: 8px; } .ugjhk_tri img {height: 100%;width: 80%;object-fit: contain;margin: auto;} .prodct_dtl_main {background: #fff;padding: 10px;border: 1px solid #dfedeb;cursor: pointer;position: relative;} a.kukuku_tri { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }.fisfyhu_tri span.fiyhu_tri { border: 1px solid #c81c2f; color: #c81c2f; font-size: 13px; padding: 2px 10px; border-radius: 2px; display: inline-block; text-align: center; background: #ffffff; line-height: 25px; font-weight: 500; width: 100%; } h3.brand_name { font-size: 15px; font-weight: 500; color: #000000; margin: 0 0 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; } p.edfyhu_tri { font-size: 14px; line-height: 22px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #6a6a6a; } .ugjhk_tri figure {margin-right: 0;border: 1px solid #dfedeb;height: 170px;display: flex;align-items: center;justify-content: center;overflow: hidden;} .product_name_sec { width: 100%; } .frgr_tri { font-size: 30px; font-weight: 700; margin-bottom: 5px; color: #323232; } .feugyu_tri { line-height: 27px; font-size: 14px; margin-bottom: 0; color: #323232; } .efiuguy_tri { margin-bottom: 12px; padding: 0 12px; } ul.grgrgrg_tri { padding: 0; margin-bottom: 20px; } ul.grgrgrg_tri li { width: 100%; padding: 0; font-size: 14px; display: flex; margin-bottom: 3px; align-items: center; } span.efgyu_tri { margin-right: 10px; color: #5a5a5a; flex-grow: 1; font-size: 13px; } span.effgyu_tri { font-weight: 500; color: #323232; }
/*===================*/
span.select_item.iugiy_tri {width: 100%;text-align: center;}.efiutgyu_tri { display: flex; } .efiuggrguy_tri {width: 25%;min-width: 25%;background: #fff;padding: 12px 12px;position: sticky;top: 100px;min-height: 600px;} .ghtht_tri { width: 75%; min-width: 75%; padding: 12px 55px 15px 15px; } .efiuggrguy_tri .title {padding: 7px 6px;background: #ffffff;cursor: pointer;font-weight: 500;font-size: 14px;display: flex;align-items: center;position: relative;} .efiuggrguy_tri .title.active { background: #f1c3c833; color: #c81c2f; font-weight: 600; } .efiuggrguy_tri .content {display: none;background: #ffffff;padding-left: 15px;margin-bottom: 6px;} .efiuggrguy_tri .content li {list-style: none;padding: 5px 15px;} .efiuggrguy_tri .content li .rgrfutgi_tri {text-decoration: none;color: #333;display:flex;align-items: center;font-size: 13.5px;cursor:pointer;} .efuigy_tri {color: #333;flex-grow: 1;display: flex;align-items: center;padding-right: 10px;} .efiuggrguy_tri .title.active .efuigy_tri { color: #c81c2f; } .efiuggrguy_tri .title i {transition: all 0.4s ease-in-out 0s;font-size: 12px;} 
.efiuggrguy_tri .title.active i.fas.fa-angle-down {transform: rotate(180deg);}
.efiuggrguy_tri .title.active .efuyft_tri.active_arrow ~ i.fas.fa-angle-down {transform: rotate(0deg);}
.efiuggrguy_tri .content li .rgrfutgi_tri:before {content:"";flex: 0 0 10px; height: 1.6px; background: #c5c5c5; margin-right: 10px;} .efuigy_tri:before {content: '';display: block;height: 22px;margin-right: 12px;border-left: 3px solid #c81c2f2e;} .efiuggrguy_tri .title.active .efuigy_tri:before { border-left: 3px solid #c81c2f; } ul.breadcrumb { display: flex; align-items: center; line-height: 21px; margin: 0; } 
li.wdiuguy_tri .category-link, li.wdiuguy_tri a {font-size: 13.5px;font-weight: 500;color: #414141;line-height: 21px;cursor: pointer;} li.wdiuguy_tri .category-link.eiuguy_tri:before { padding: 0 10px; content: "\f105"; font-family: FontAwesome; color: #3535358c; font-size: 12px; } li.eiuguy_tri { display: flex; align-items: center; font-size: 13.5px; color: #414141; } .efiuguy_tri { display: flex; align-items: center; } .grgrfg_tri { /*width: 60%;*/    flex-grow: 1; } .efgrg_tri { width: 40%; display: flex; justify-content: end; } .efggfightugy_tri { border: 1px solid #00000030; background: #fff; border-radius: 4px; display: flex; overflow: hidden; align-items: center; padding: 5px 0; width: 270px; } input.fhuh_tri { outline: none; border: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px;width: 100%; } button.efuytguy_tri { border: 0; background: #ffffff; padding: 2px 10px; color: #bbbbbb; font-size: 13px; border-right: 1px solid #d7d7d7; margin-right: 9px; } .content-new{margin-top: 5px;} .efiuggrguy_tri .sub-title i { transition: all 0.4s ease-in-out 0s; } .efiuggrguy_tri .sub-title i.fas.fa-angle-down { transform: rotate(0deg); } .efiuggrguy_tri .sub-title.active i.fas.fa-angle-down { transform: rotate(180deg); } .sub-title {display: flex;justify-content: space-between;align-items: center;cursor:pointer;position:relative;} ol.content-new span.rgrfutgi_tri { font-size: 13px !important; } .sub-title i{font-size:11px !important;} .title.dhbaj-ami.active { background: #f1c3c833; } .sub-title.active { color: #c81c2f; } .sub-title.active span.rgrfutgi_tri { color: #c81c2f; } .sub-title.active span.rgrfutgi_tri:before { background: #c81c2f; } .content-new{display:none;} li.category-link.active span.rgrfutgi_tri { color: #c81c2f !important; } li.category-link.active span.rgrfutgi_tri:before { background: #c81c2f !important; }
@media screen and (max-width: 991px) {
    section.fuyiu_tri {padding: 28% 0 50px;}
}
.ugjhk_tri figure a.select_item.iugiy_tri {
    height: 100%;
    width: 100%;
    text-align: center;
}
/*Responsive css*/
@media screen and (max-width: 991px) {
    section.fuyiu_tri {padding: 0% 0 50px;}
    .efiuggrguy_tri{display:none;}
.ghtht_tri {
        width: 100%;
        padding: 130px 0px 15px 0px;
    }
    ul.efewge_tri li {
        width: 50%;
    }
    li.wdiuguy_tri .category-link.eiuguy_tri:before {
    padding: 0 3px;
}
    .grgrfg_tri {width: 35%;}.efggfiugy_tri {width: 100%;}
    .ugjhk_tri figure{height:140px;}

    .efiuguy_tri {
        flex-wrap: wrap;
        gap: 9px;        margin-bottom: 4px;
    }
div#categoryContent .empty-products-section {
    height: auto;
    padding-top: 15%;
}
    .efggfightugy_tri {
        width: auto;
        /* margin-top:10px; */
        flex-grow: 1;
        /* margin-right: 15px; */
    }
        .wdiuguy_tri{display: flex;flex-wrap: wrap;}
li.wdiuguy_tri .category-link {
    font-size: 12px;
}
.efgrg_tri {
        display: flex;
        /* margin-top: 10px; */
        width: 65%;
    }
button.filter-btn {
    display: flex;
    background: no-repeat;
    border: 0;
    align-items: center;
    padding: 0 11px;
    background: #ffffff;
    border: 1px solid #c4213094;
    border-radius: 2px;
    color: #c81c2f;
    font-weight: 500;
    font-size: 14px;
    height: 100%;
    gap: 6px;
}
.uyfy_tri {
    display: block!important;
}
}
.uyfy_tri {
    display: none;
}
/*======= empty ===========*/

.empty-products-section {
    /* background-color: #f4f6f9; */
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vw;
}
img.rguygrfgy_tri {
    width: 60px;
    opacity: .5;
}
.empty-state-card {
    /* background: #ffffff; */
    /* max-width: 550px; */
    /* padding: 50px 40px; */
    text-align: center;
    /* border-radius: 8px; */
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
    /* border-top: 4px solid #c82333; */
    }

.empty-icon {
    color: #a0aab5;
    margin-bottom: 18px;
}

.empty-state-card h2 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state-card p {
    color: #666666;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 22px;
}
.efyigyu_tri {display:block;}

.empty-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.empty-actions a.btn-primary {background: #ffffff00;border-radius: 3px;padding: 6px 18px;border: 1px solid #c81c2f;margin-left: 8px;color: #c81c2f;font-size: 13px;}
/*======= empty ===========*/
h3.categoryname {
 font-size: 13px;
 font-weight: 400;
 color: #c81c2f;
 margin: 0 0 5px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 text-align: center;
 }