.menu_root {
    margin: 0;
    position: relative;
}


    .menu_root li {
        display: flex;
    }

        .menu_root li li {
            align-items: center;
        }

        .menu_root li:has(.sub_menu) {
            position: static
        }

        .menu_root li > ul.menu-DmThLop {
            top: 100%;
            margin: 0
        }

        .menu_root li > ul.drop-menu {
            top: 100%;
            margin: 0;
        }

        .menu_root li#san_pham > .sub_menu {
            top: 100%;
            margin: 0;
            left: 0px;
            width: max-content;
        }


[href] {
    cursor: pointer;
}

#searchProduct {
    display: flex;
    gap: 5px;
    padding: 6px 0;
    background: #ffd120;
    overflow: hidden;
    margin-top: 0;
}

    #searchProduct * {
        box-sizing: border-box
    }

    #searchProduct li {
        flex: 1;
    }

        #searchProduct li a {
            display: flex;
            flex-direction: column;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            line-height: 15px;
            justify-content: center;
            padding: 7px 0;
            position: relative;
            height: 100%;
            align-items: center;
        }


            #searchProduct li a:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: #4a4a4a;
                top: 0;
                left: 0;
                display: block;
                transform: skewX(30deg);
                transition: 0.3s all ease-in-out;
            }

        #searchProduct li:first-child a:before, #searchProduct li:last-child a:before {
            width: 110%;
        }

        #searchProduct li:first-child a:before {
            left: inherit;
            right: 0
        }

        #searchProduct li a span {
            position: relative;
            z-index: 2
        }

        #searchProduct li.active > a {
            color: #111111
        }

            #searchProduct li.active > a:before {
                background: transparent;
            }
.fixedHeader {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
}
.sanpham .mua_hang {
    display: flex;
}
    .sanpham .mua_hang a {
        border: 1px solid #C0C0C0;
        border-radius: 3px;
        margin: 0 5px 0 0;
    }
.sanpham .mua_hang img {
    border: none;
    padding: 0;
    width: 22px;
}
.sanpham .mua_hang a:hover, sp_tuong_tu .sp_goi-y .sanpham .mua_hang a.active {
    background-color: #f69722ff;
}
.sanpham .mua_hang a:hover {
    color: #ffffff;
}
.sanpham .mua_hang .btn_mua-hang {
    background-color: #ffd120;
    border-radius: 3px;
    height: 30px;
}
.sub_menu .danhmuc_sanpham .sanpham .feedback {
    display: flex;
}
.danhmuc_sanpham .sanpham .anh_sp {
    margin-left: 0; margin-right: 10px;
}
.danhmuc_sanpham .sanpham .anh_sp:last-child{margin-right:0}
.danhmuc_sanpham .sanpham .feedback { font-size: 11px; display: inline-flex; align-items: center; }
.danhmuc_sanpham .sanpham .feedback p{margin-left: 5px; color: #818181;}
.danhmuc_sanpham .sanpham .name {
    margin-left: -10px;
}

.danhmuc_sanpham .sanpham .info_sanpham > a > p {
    margin-left: -10px;
}

.sub_menu .mua_hang {
    display: none;
}
.block-filter-sort .filter-sort__title{font-size:18px;font-weight:700;margin-bottom:5px}.block-filter-sort .filter-sort__list-filter{display:flex;flex-wrap:wrap;margin-bottom:5px}.block-filter-sort .filter-sort__list-filter .btn-filter{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#444;cursor:pointer;display:flex;font-size:12px;height:34px;margin:0 10px 10px 0;padding:5px 10px;white-space:nowrap}.block-filter-sort .filter-sort__list-filter .btn-filter-item{position:relative}.block-filter-sort .filter-sort__list-filter .btn-filter-item.active:after{background-color:#d70018;border-radius:8px 0 10px 0;color:#fff;content:"✓";font-size:7px;height:10px;left:0;padding-bottom:8px;padding-left:0;position:absolute;top:0;width:15px}.block-filter-sort .filter-sort__list-filter .btn-filter .icon{align-items:center;display:flex;margin-right:6px;width:15px}.block-filter-sort .filter-sort__list-filter .btn-filter.active{background:#fef2f2;border:1px solid #d70018;color:#d70018}.block-filter-sort .filter-sort__list-filter .btn-filter.active .icon{fill:#d70018}.block-filter-sort .filter-sort__list-filter .btn-filter.active.deactive{background:#f3f4f6;border:1px solid #e5e7eb;color:#444}.block-filter-sort .filter-sort__list-filter .btn-filter.active.deactive .icon{fill:#444}.block-filter-sort .filter-sort__list-filter .btn-filter .item-value-filter:not(:last-child):after{content:"|"}.block-filter-sort .filter-sort__list-filter .filter-wrapper{position:relative}.block-filter-sort .filter-sort__list-filter .filter-wrapper .btn-filter .icon{align-items:center;display:flex;margin-left:6px;margin-right:0;width:15px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 20px rgba(0,0,0,.5);opacity:0;padding:10px 10px 0;position:absolute;transition:.5s;width:350px;z-index:-1}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.right{left:auto;right:0}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.right.active:after{left:auto;right:30px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.active{opacity:1;z-index:100}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.active:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;content:"";left:30px;position:absolute;top:-10px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all{width:800px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .header-filter-all{display:none}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter{display:flex;flex-wrap:wrap;height:400px;overflow-y:auto;width:100%}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter .filter-wrapper{width:33.3333333333%}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter .filter-wrapper p{font-weight:700;margin-bottom:5px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child ul{display:flex;flex-wrap:wrap}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .btn-filter-group{display:none;justify-content:space-between;margin-bottom:10px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .btn-filter-group.show{display:flex}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .btn-filter-group .button{font-size:14px;font-weight:600;width:calc(50% - 5px)}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .btn-filter-group .button.submit{background-color:#d70018}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .price-filter-range .range-header{display:flex;justify-content:space-between}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .price-filter-range .vue-slider.vue-slider-ltr{margin:10px auto}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .price-filter-range .vue-slider.vue-slider-ltr .vue-slider-rail{background-color:#9f9d9d;border-radius:10px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .price-filter-range .vue-slider.vue-slider-ltr .vue-slider-rail .vue-slider-dot-tooltip{display:none!important}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child .price-filter-range .vue-slider.vue-slider-ltr .vue-slider-rail .vue-slider-dot-handle{background-color:#fff;border:2px solid rgba(215,0,24,.52);border-radius:50%;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-sizing:border-box;cursor:pointer;height:100%;width:100%}.block-filter-sort .filter-sort__list-filter .overlay-clear{height:100%;left:0;position:fixed;top:0;width:100%;z-index:5}@media screen and (max-width:768px){.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all{width:calc(100vw - 20px)}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter{height:350px;width:100%}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter .filter-wrapper{width:100%}}@media screen and (max-width:717px){.block-filter-sort .filter-sort__list-filter{flex-wrap:nowrap;overflow-x:auto;width:100%}.block-filter-sort .filter-sort__list-filter .filter-wrapper{position:static}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child{position:absolute}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all{background-color:#fff;border-radius:10px 0 0 10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);height:100%;margin-top:0!important;overflow:hidden;padding:0;position:fixed;right:-80%;top:0;transition:.5s}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all.active{bottom:0;opacity:1;right:0;top:0;transform:translateX(0);width:80%;z-index:1021}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .header-filter-all{background-color:#d70018;display:flex;justify-content:space-between;padding:10px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .header-filter-all .title{color:#fff;font-size:18px;margin-bottom:0}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .header-filter-all .title .icon svg{fill:#fff}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .header-filter-all .btn-close{background-color:transparent;border:0;color:#fff;font-size:18px;font-weight:600}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .listFilter{height:calc(100% - 84px);padding:10px;width:100%}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .btn-filter-group{bottom:0;display:flex;margin-bottom:0;position:absolute;width:100%}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .btn-filter-group.show .button.submit{background-color:#d70018}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.all .btn-filter-group .button{font-size:18px;height:40px}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.active{opacity:1;right:50%;transform:translateX(50%);width:350px;z-index:10}.block-filter-sort .filter-sort__list-filter .filter-wrapper .list-filter-child.active:after{display:none}.block-filter-sort .filter-sort__list-filter .overlay-clear.all{background:rgba(0,0,0,.53);z-index:1020}}@media screen and (max-width:540px){.block-filter-sort .filter-sort__list-filter{overflow-x:auto}}
.block-filter-sort:not(:has(svg)){display:none}
.sp_giohang .gia{display:flex; flex-direction:column;}
.gia_goc{text-decoration-line: line-through;color: #bebdbd;font-size: 13px;display:none}

.filter-sort__list-filter {
    border-left: 9px solid #023ea9;

}
.filter-sort__list-filter h3 {
    padding: 6px;
    height: 4px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    color: #023ea9;
}