/*#BrandIndex{float:left}*/
#BrandIndex .cate{float:left;width:170px;padding-bottom:15px}
#BrandIndex a.catelv1{display:block;color:#346c43;font-weight: 900;text-transform:uppercase}
#BrandIndex a.catelv1:hover{color:#333}
#BrandIndex a.catelv2{display:block;color:#333;padding:5px 0}
#BrandIndex a.catelv2:hover{color:#346c43}

#BrandCategoryLeft{float:left;width:209px}
#BrandCategoryRight{float:right;width:750px}
#BrandCategoryLeftBorder{border-right:solid 1px #f1f1f1;margin-bottom:20px}
#BrandCategory .container{ display: flex;flex-wrap: wrap;justify-content:space-between}
#BrandCategory .wImage{ position: relative;margin-bottom: 5px;display:block}
#BrandCategory .iconpp{ position: absolute;z-index: 1}
#BrandCategory .group_items{ display: flex;flex-wrap: wrap;justify-content:center;gap: 15px;padding:15px;background:#f4f2ed}
#BrandCategory .item{position:relative;z-index: 1;width: calc((100% - 30px) / 3);text-align: center;background:#fff;padding-bottom:15px;
    transition: .2s;}
#BrandCategory .item .khungAnhCrop0:before{padding-bottom: 100%}
#BrandCategory .item:hover{
    box-shadow: 0 .8rem .8rem 0 rgba(12, 11, 8, .2);
    transform: translateY(-.2rem);
    transition: .2s;
}
#BrandCategory .TopBar{height:33px; background:url(/css/icon/gray_bg.png) repeat-x bottom;color:#333}
#BrandCategory .TopBar .left{display:block; float:left;font-weight: 900; color:#346c43; height:32px; border-bottom:solid 1px #346c43; text-transform:uppercase}
#BrandCategory .new{display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#BrandCategory .brand{font-weight:bold; color:#333; text-transform:uppercase;}
#BrandCategory .core{margin:0 auto 5px}
/*#BrandCategory .brand:hover{color:#346c43}*/
#BrandCategory .title{color:#333;font-size: unset;font-weight: normal;margin: 0 0 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#BrandCategory .item .title:hover{text-decoration:underline}
#BrandCategory .item .saleoff{position:absolute;top: 50%;transform: translateY(-50%) ;left:0;background:#e48325;color:#ffffff;z-index:999;padding:3px 10px;}
#BrandCategory .item .saleoff.mauPercenDo{background:#be2429}
#BrandCategory .price{font-weight:bold; color:#cd2026;}
#BrandCategory .price span{font-weight:normal;color:#939393; text-decoration:line-through}
/*#BrandCategory .SplitPages{text-align:right; height:28px}
#BrandCategory .SplitPages a{display:inline-block; font-weight:bold;  color:#585858; padding:0 6px; line-height:28px}
#BrandCategory .SplitPages a.current{color:#346c43}
#BrandCategory .SplitPages a.next{background:url(/css/icon/NextBtn.png) no-repeat; width:126px; height:28px; padding:0; margin-left:12px}
#BrandCategory .SplitPages a.first{background:url(/css/icon/trang.png) no-repeat center; width:39px; height:28px; padding:0; margin-left:12px}*/
#BrandCategory .ddlSort{color:#333;width:165px;padding:2px;border:solid 1px #efefef}
#BrandCategory a.buynow{width:0;height:35px;background:#fff;line-height:34px;color:#595959;text-align:center;text-transform:uppercase;display:inline-block;position:absolute;top:62px;right:1px;z-index:2;overflow:hidden}
#BrandCategory .item:hover a.buynow{width:65px}
#BrandCategory h1,
#BrandCategory h4{font-size:inherit;color:inherit;margin:inherit;padding:inherit;font-weight:inherit}
.motaThuonghieu{ margin-top: 20px;padding: 15px;overflow: hidden;font-family: inherit !important;color: #333 !important;}
.motaThuonghieu .imgBorder{ position: relative;z-index:1;}
.motaThuonghieu .imgCover{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:url(/css/icon/cover.png)}
.motaThuonghieu table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #f0f0f0
}

.motaThuonghieu table td, .motaThuonghieu table th {
    padding: 5px 5px;
    border: solid 1px #f0f0f0
}
.motaThuonghieu ul{
    display:flex;
    flex-direction: column;
    gap: 10px
}
.motaThuonghieu ul p{
    margin: 0
}

#SubBrandCate{margin-bottom:10px;padding-bottom:3px}
#SubBrandCate #headerSubPageCate{margin-top:30px;margin-bottom: 20px;}
#SubBrandCate h1{font-size: 32px;font-weight: bold;color:#333;}
/*#SubBrandCate .motaTH{color: #333;margin-left: 6px;}*/
#SubBrandCate .SubListCatePage{ display: flex;flex-wrap: wrap}
#SubBrandCate .khungAnhCrop {width:calc((100% - 80px) / 5);margin-right:20px;position:relative;overflow:hidden;margin-bottom: 20px;display: block}
#SubBrandCate .khungAnhCrop:nth-child(5n + 5) {margin-right:0}
#SubBrandCate .khungAnhCrop:before{padding-bottom: 60%}
#SubBrandCate .brandName{width:100%;font-weight: bold;padding: 5px;text-transform:capitalize;color:#fff;display:block;bottom:0;background:rgba(0,0,0,0.6);position: absolute;margin: 0;font-size: unset;font-weight: normal}

.owl-style-brand{margin:20px 0 0;position: relative;padding-bottom: 40px;}
.owl-style-brand .headcate{border-bottom:1px solid #efefef;width:100%;float:left;margin-bottom:20px}
.owl-style-brand .headcate .name{font-weight: 900;float:left;border-bottom:1px solid #333;padding-bottom:5px;margin-bottom:-1px;color:#333}
.owl-style-brand .headcate .more{border-bottom: medium none;float: right;margin-bottom: -1px;padding-bottom: 5px;color:#555}
.owl-style-brand .TopBar{height:33px; background:url(/css/icon/gray_bg.png) repeat-x bottom;color: #333}
.owl-style-brand .TopBar .left{display:block; float:left; font-size: 16px;font-weight: bold;font-weight: 900 ; color:#333; height:32px; border-bottom:solid 1px #333; text-transform:uppercase}
.owl-style-brand .item{margin-bottom:20px;position:relative;z-index: 1;}
.owl-style-brand .new{display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
.owl-style-brand .alt{margin-right:0}
.owl-style-brand .wImage{ position: relative;margin-bottom: 5px}
.owl-style-brand .khungAnhCrop0{border: 1px solid transparent}
.owl-style-brand .khungAnhCrop0:before{padding-bottom: 100%}
.owl-style-brand .khungAnhCrop0:hover{background:#fff;  border-color:#dbdbdb;-moz-box-shadow: 0 0 5px #dbdbdb;-webkit-box-shadow: 0 0 5px#dbdbdb;box-shadow: 0 0 5px #dbdbdb;}
.owl-style-brand .brand{font-weight:bold; color:#333;text-transform: uppercase;margin-bottom: 2px}
/*.owl-style-brand .item:hover .brand,
.owl-style-brand .brand:hover{color:#346c43}*/
.owl-style-brand .core{margin-bottom: 5px}
.owl-style-brand .title{ color: #333;font-weight: normal;margin: 0 0 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: inherit}
.owl-style-brand .item:hover .title,
.owl-style-brand .title:hover{text-decoration: underline}
.owl-style-brand .ddlSort{color: #333;width:165px;padding:2px;border:solid 1px #efefef}
.owl-style-brand .item .saleoff{position:absolute;top: 50%;transform: translateY(-50%) ;left:0;background:#e48325;color:#ffffff;font-size:12px;z-index:999;padding:3px 10px;}
.owl-style-brand .item .saleoff.mauPercenDo{background:#be2429}
.owl-style-brand a.buynow{width:0;height:35px;background:#fff;font-size:11px;line-height:34px;color:#595959;text-align:center;text-transform:uppercase;display:inline-block;position:absolute;top:62px;right:1px;z-index:2;overflow:hidden}
.owl-style-brand .item:hover a.buynow{width:65px}
.owl-style-brand h1{font-size:inherit;color:inherit;margin:inherit;padding:inherit;font-weight:inherit}
.owl-style-brand .GrayStars{width:70px;height:14px;display:block;}
.owl-style-brand .saovang{height:14px;display:block;background: url(/css/icon/5stars_blue.svg) no-repeat left center;width: 100%!important}

.owl-style-brand .price{font-weight:bold;color: #cd2026;}
.owl-style-brand .price span{font-weight:normal;color:#939393; text-decoration:line-through}
.owl-style-brand #owl-demo1 .item:hover .baotitle{width:155px;height:86px;background:url(/css/icon/titlebghv.png) no-repeat;position:absolute;bottom:-20px;z-index:1}
.owl-style-brand .owl-dots {text-align: center;position: absolute;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: -25px;}
.owl-style-brand .owl-dots button {display: inline-block;outline: none;border: none;background: #d0d0d0;height: 10px;width: 10px;border-radius: 50%;margin: 3px}
.owl-style-brand .owl-dots button.active{background: #346c43}
.owl-style-brand .addtocart {font-size:11px;line-height:22px;color: #2f6a3f;text-decoration: underline;}

#SubBrandOtherItems .TopBar{height:28px;background:#f9f9f9;border-left:solid 4px #346c43;padding-left:11px;font-weight: bold;line-height: 27px ;color:#346c43;text-transform:uppercase}
#SubBrandOtherItems .item{width:128px; height:240px; float:left; margin-right:23px; position:relative}
#SubBrandOtherItems .item1{margin-right:0}
#SubBrandOtherItems .new{display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#SubBrandOtherItems .hot{display:block; background:url(/css/icon/hot.png) no-repeat; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#SubBrandOtherItems .item .saleoff{position:absolute;top:135px;left:0;background:#e48325;color:#ffffff;z-index:999;padding:3px 10px;}
#SubBrandOtherItems .item .saleoff.mauPercenDo{background:#be2429}
#SubBrandOtherItems .image{width:126px; height:133px;  border:solid 1px #fff}
#SubBrandOtherItems .image .JsImageFrame{display:inline-block; width:126px; height:133px}
#SubBrandOtherItems .brand{font-weight:bold; color:#333;text-transform: uppercase;}
#SubBrandOtherItems .item:hover .image,
#SubBrandOtherItems .image:hover{background:#fff;  border-color:#dbdbdb;-moz-box-shadow: 0 0 4px #dbdbdb;-webkit-box-shadow: 0 0 4px #dbdbdb;box-shadow: 0 0 4px #dbdbdb;}
#SubBrandOtherItems .item:hover .brand,
#SubBrandOtherItems .brand:hover{color:#346c43}
#SubBrandOtherItems .title{ color: #333;}
#SubBrandOtherItems .item:hover .title,
#SubBrandOtherItems .title:hover{color:#346c43}
#SubBrandOtherItems .GrayStars{width:72px;height:14px;display:inline-block;background:url(/css/icon/saoxam.png) repeat-x}
#SubBrandOtherItems .saovang{height:14px;display:inline-block;background: url(/css/icon/saovang.png) repeat-x;width: 100%!important}
#SubBrandOtherItems .price{font-weight:bold; color:#ca0002;font-size:12px}
#SubBrandOtherItems h3,
#SubBrandOtherItems h4{font-size:inherit;color:inherit;margin:inherit;padding:inherit;font-weight:inherit}

#SubBrandSanPhamDaXem .TopBar{height:28px;background:#f9f9f9;border-left:solid 4px #346c43;padding-left:11px;line-height:27px;font-weight:bold;color:#346c43;text-transform:uppercase}
#SubBrandSanPhamDaXem .TopBar a{color:#346c43}
#SubBrandSanPhamDaXem .item{width:128px; height:240px; float:left; margin-right:23px; position:relative}
#SubBrandSanPhamDaXem .item1{margin-right:0}
#SubBrandSanPhamDaXem .new{display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#SubBrandSanPhamDaXem .hot{display:block; background:url(/css/icon/hot.png) no-repeat; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#SubBrandSanPhamDaXem .image{width:126px; height:133px;  border:solid 1px #fff}
#SubBrandSanPhamDaXem .image .JsImageFrame{display:inline-block; width:126px; height:133px}
#SubBrandSanPhamDaXem .brand{font-weight:bold; color:#333;text-transform: uppercase;}
#SubBrandSanPhamDaXem .item:hover .image,
#SubBrandSanPhamDaXem .image:hover{background:#fff;  border-color:#dbdbdb;-moz-box-shadow: 0 0 4px #dbdbdb;-webkit-box-shadow: 0 0 4px #dbdbdb;box-shadow: 0 0 4px #dbdbdb;}
#SubBrandSanPhamDaXem .item:hover .brand,
#SubBrandSanPhamDaXem .brand:hover{color:#346c43}
#SubBrandSanPhamDaXem .title{ color: #333;}
#SubBrandSanPhamDaXem .item:hover .title,
#SubBrandSanPhamDaXem .title:hover{color:#346c43}
#SubBrandSanPhamDaXem .GrayStars{width:72px;height:14px;display:inline-block;background:url(/css/icon/saoxam.png) repeat-x}
#SubBrandSanPhamDaXem .saovang{height:14px;display:inline-block;background: url(/css/icon/saovang.png) repeat-x;width: 100%!important}
#SubBrandSanPhamDaXem .price{font-weight:bold; color:#ca0002;font-size:12px}
#SubBrandSanPhamDaXem h3,
#SubBrandSanPhamDaXem h4{font-size:inherit;color:inherit;margin:inherit;padding:inherit;font-weight:inherit}

#DisplaySubProductCommentCategoryLarge * {-moz-box-sizing: border-box;box-sizing: border-box}
#DisplaySubProductCommentCategoryLarge { padding-top: 20px; max-height: 700px; overflow: auto; overflow-x: hidden;}
#DisplaySubProductCommentCategoryLarge .titleComment {font-weight:bold; color: #333; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; margin-bottom: 15px; width: 99%; }
#DisplaySubProductCommentCategoryLarge .tensp { color: #2f6a3f; font-weight:bold; display: inline; margin: 0px; }
[data-action='load-comment']{font-size:0.8rem}
#DisplaySubProductCommentCategoryLarge .traLoi { width: 100%; position: relative;color: #333; text-align: justify; }
#DisplaySubProductCommentCategoryLarge .bottomTraloi { height: 14px; background: url(/css/icon/bottom.png) no-repeat; position: absolute; bottom: -14px; left: 0; display: block; width: 682px; }
#DisplaySubProductCommentCategoryLarge .nameComment { font-style: italic;position: relative; z-index: 1; background: url(/css/icon/ngan.png) repeat-x center bottom; display: flex;padding-bottom: 15px;margin-bottom: 10px }
#DisplaySubProductCommentCategoryLarge .ngan { display: block; background: url(/css/icon/ngan.png) no-repeat center; }
#DisplaySubProductCommentCategoryLarge .nameComment a{ color: #2f6a3f;margin-right: 20px;cursor: pointer}
#DisplaySubProductCommentCategoryLarge .nameComment a:hover{color: #03a804}
#DisplaySubProductCommentCategoryLarge .nameComment a.btlike .icolike { background: url(/css/icon/iconlike.png) no-repeat right center; width: 10px; height: 10px; margin-left: 2px; display: inline-block; }
#DisplaySubProductCommentCategoryLarge .vuiLongGui { font-size:11px;line-height:18px; color: #333; padding: 0; }
#DisplaySubProductCommentCategoryLarge .vuiLongGui.tar { text-align: right; }
#DisplaySubProductCommentCategoryLarge .textBoxMaBaoVe { width: 100px; height: 25px; border: 1px solid #dfdfdf; padding: 0; padding-left: 8px; padding-right: 7px;  color: #999;font-size: unset}
#DisplaySubProductCommentCategoryLarge .reloadCaptcha { width: 22px; height: 19px; background: url(/css/icon/refresh.png) no-repeat; cursor: pointer; display: block; margin-top: 3px; }
#DisplaySubProductCommentCategoryLarge .btn {float: left; display: block; background: #999;color: #fff;text-align: center;cursor: pointer; text-transform: uppercase;margin-left: 10px;outline: none;cursor: pointer;border: none;padding: 0 20px;height: 25px;line-height: 25px;font-size: unset}
#DisplaySubProductCommentCategoryLarge .btn:hover { background: #2f6a3f; }
#DisplaySubProductCommentCategoryLarge .listComment{padding-left: 60px}
#DisplaySubProductCommentCategoryLarge .listComment .traLoi .qtv { border-radius: 3px; color: #fff; display: inline-block; line-height: 19px; height: 18px; padding: 0 6px; text-transform: uppercase; background: #333;margin-left:10px;}
#DisplaySubProductCommentCategoryLarge .listComment .bottomTraloi { width: 606px; }
#DisplaySubProductCommentCategoryLarge .listComment .nameComment {margin-bottom:5px!important;}
#DisplaySubProductCommentCategoryLarge #ListComment { position: relative; z-index: 1;width: 99%; }
#DisplaySubProductCommentCategoryLarge .name { font-weight: bold; color: #999; white-space: nowrap; }
#DisplaySubProductCommentCategoryLarge .time { color: #999; line-height: 1; display: inline-block; margin-left: 5px; }
#DisplaySubProductCommentCategoryLarge .repContent {color: #555; padding: 5px 0;white-space: pre-wrap }
#DisplaySubProductCommentCategoryLarge #ListComment .ngan { padding-bottom: 10px; margin-bottom: 5px; }
#DisplaySubProductCommentCategoryLarge form{ display: flex;flex-wrap: wrap;justify-content: space-between}
#DisplaySubProductCommentCategoryLarge .leftKhung { width: calc(40% - 5px);}
#DisplaySubProductCommentCategoryLarge .txtNormal { width: 100%; height: 25px; border: 1px solid #dfdfdf; padding: 0; padding-left: 11px; padding-right: 10px;  color: #999; margin: 0px auto; display: block;font-size: unset; }
#DisplaySubProductCommentCategoryLarge .rightKhung { width: calc(60% - 5px); }
#DisplaySubProductCommentCategoryLarge .txtBig { width: 100%; height: 59px; border: 1px solid #dfdfdf; padding: 5px; padding-left: 11px; padding-right: 5px;  color: #999; resize: none;margin-bottom: 7px;font-size: unset}
#DisplaySubProductCommentCategoryLarge #myimg, #DisplaySubProductCommentCategoryLarge #myimgReply { width: 90px; height: 25px; margin-right: 5px; }
#DisplaySubProductCommentCategoryLarge #TraLoiBinhLuan { position: absolute; z-index: 5; top: 0; left: 0; display: none; padding: 10px; background: #f5f5f5; width: 700px; border: 1px solid #2f6a3f; }

#ProductCategoryLeft{float:left;width: 18%;}
#ProductCategoryRight{float:right;width:80%}
/*#ProductCategoryLeftBorder{border-right:solid 1px #f1f1f1;margin-bottom:20px}*/
#ProductCategory .group_items{ display: flex;flex-wrap: wrap;justify-content:space-between}
#ProductCategory .item{position:relative;z-index: 1;width: calc((100% - 60px) / 3);margin-bottom: 30px;text-align: center;display: block}
#ProductCategory .item .khungAnhCrop0{border: 1px solid transparent}
#ProductCategory .item .khungAnhCrop0:before{padding-bottom: 100%}
#ProductCategory .item .khungAnhCrop0:hover{background:#fff;  border-color:#dbdbdb;-moz-box-shadow: 0 0 5px #dbdbdb;-webkit-box-shadow: 0 0 5px#dbdbdb;box-shadow: 0 0 5px #dbdbdb;}
#ProductCategory .TopBar{height:33px; background:url(/css/icon/gray_bg.png) repeat-x bottom;color: #333}
#ProductCategory .TopBar .left{display:block; float:left;font-size: 16px;font-weight: bold;font-weight: 900; color:#346c43; height:32px; border-bottom:solid 1px #346c43; text-transform:uppercase}
#ProductCategory .new{display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9}
#ProductCategory .brand{font-weight:bold; color: #333; text-transform:uppercase;margin-bottom: 5px}
#ProductCategory .item:hover .brand,
#ProductCategory .brand:hover{color:#346c43}
#ProductCategory .title{color: #333;margin: 0;font-weight: normal;margin-bottom: 5px;font-size: unset}
#ProductCategory .item:hover .title,
#ProductCategory .title:hover{color:#346c43}
#ProductCategory .item .saleoff{position:absolute;top: 50%;transform: translateY(-50%) ;left:0;background:#e48325;color:#ffffff;font-size:12px;z-index:999;padding:3px 10px;}
#ProductCategory .item .saleoff.mauPercenDo{background:#be2429}
#ProductCategory .price{font-weight:bold; color:#cd2026;}
#ProductCategory .price span{font-weight:normal; font-size:10px; color:#939393; text-decoration:line-through}
#ProductCategory .core{margin: 0 auto 5px}
#ProductCategory .ddlSort{color: #333;width:165px;padding:2px;border:solid 1px #efefef}
#ProductCategory a.buynow{width:0;height:35px;background:#fff;font-size:11px;line-height:34px;color:#595959;text-align:center;text-transform:uppercase;display:inline-block;position:absolute;top:62px;right:1px;z-index:2;overflow:hidden}
#ProductCategory .item:hover a.buynow{width:65px}
#ProductCategory h1,
#ProductCategory h4{font-size:inherit;color:inherit;margin:inherit;padding:inherit;font-weight:inherit}
#ProductCategory .motaThuonghieu{margin-top: 20px;padding: 15px;overflow: hidden;}
#ProductCategory .motaThuonghieu .imgBorder{ position: relative;z-index:1;}
#ProductCategory .motaThuonghieu .imgCover{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:url(/css/icon/cover.png)}

.pageContent .pageSort{border-bottom: 1px solid #c3c3c3;margin-bottom: 15px; display: flex;justify-content: space-between;align-items: center;padding:10px 0}
.pageContent .pageSort .titleHead{font-size: 32px;font-weight: bold;color: #333;margin: 0;padding: 0;}
.pageContent .pageSort .sortList{ position: relative;padding: 5px 0}
.pageContent .pageSort .sortList .lb #sortNameId{ background: url(/css/icon/icomt.png) no-repeat right center;padding-right: 16px;color: #3399cc;cursor: pointer;}
.pageContent .pageSort .sortList .boundSort{ position: absolute;top: 100%;right: 0;padding-top: 16px;z-index: 99;display: none;border: 1px solid #c3c3c3;padding: 10px;color: #333;background: #fff;box-shadow: 0 0 5px #ccc;}
.pageContent .pageSort .sortList .boundSort a{border-bottom: 1px dotted #dfdfdf;padding-bottom: 10px;display: block;color: #3399cc;padding:5px 20px }
.pageContent .pageSort .sortList .boundSort a:last-child{border-bottom: none}
.pageContent .pageSort .sortList .boundSort a:hover,.pageContent .pageSort .sortList .boundSort a.current{ background: url(/css/icon/icoslt.png) no-repeat left center;color: #333;}
.pageContent .pageSort .sortList:hover .boundSort{ display: block;}

.pageContent .pageSort.border-none{border-bottom: none;margin-bottom:0}

.pr-category-tab{display:flex;justify-content:center;margin-bottom:20px;border-bottom: 1px solid #c3c3c3;}
.pr-category-tab .category-tab{padding:8px 16px;font-weight:bold;color:rgba(66,59,47,.75);border-bottom:4px solid transparent;font-size:16px;margin-bottom:-1px;text-transform:uppercase}
.pr-category-tab .category-tab.active{color:#333;border-bottom:4px solid #39c}
.pr-category-tab a:hover{color:#39c}

#SubProductLeftCategory{width:100%;position:relative;z-index: 1;padding-bottom: 10px;border-bottom: 1px dashed #d2d2d2}
#SubProductLeftCategory:hover{z-index:2}
#SubProductLeftCategory .TopBar{line-height:28px;font-weight:bold;color:#333;text-transform:uppercase}
#SubProductLeftCategory .last{border-bottom:0px; padding-bottom:8px;    
    -webkit-border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-bottomright: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}

#SubProductLeftCategory .ddsmoothmenu-v ul{margin: 0;padding: 0;width: 209px;list-style-type: none;}
#SubProductLeftCategory .ddsmoothmenu-v ul li{position: relative;z-index:1}

/* Top level menu links style */
#SubProductLeftCategory .ddsmoothmenu-v ul li a{display: block;padding:4px 0;color:#3399cc;overflow: auto;}

#SubProductLeftCategory .ddsmoothmenu-v ul li a:hover{color: #333}

/*Sub level menu items */

#SubProductLeftCategory .ddsmoothmenu-v ul li ul{width: 100%;padding-left: 10px;font-weight: normal;visibility: visible;box-shadow: none;height: 0;overflow: hidden;box-sizing: border-box;}
#SubProductLeftCategory .ddsmoothmenu-v ul li:hover ul{ height: auto;visibility: visible;}

/* Holly Hack for IE */
* html #SubProductLeftCategory .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html #SubProductLeftCategory .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

#SubProductLeftCategory .rightarrowclass{position: absolute;top: 6px;right: 5px;width:0; height:0}
#SubProductLeftCategory .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
#SubProductLeftCategory .toplevelshadow {opacity: 0.8;}
#SubProductLeftCategory h2,
#SubProductLeftCategory h3{font-size:inherit;color:inherit;margin:0;padding:0;font-weight:inherit;display:inline-block}

.filter-wrap .filter:not(:last-child){border-bottom: 1px dashed #d2d2d2;}
.filter-wrap .title{font-weight: bold;color:#333;text-transform:uppercase;cursor:pointer;background:url(/css/icon/chevrons-down.svg) no-repeat right center;padding:8px 0}
.filter-wrap .title.active{background:url(/css/icon/chevrons-up.svg) no-repeat right center}
.filter-wrap a:before{content:"";display:block;width:18px;height:18px;box-shadow:inset 0 0 0 1px #4e4d49;border-radius:4px;margin-right: 5px}
.filter-wrap a.sub-filter{color:#333;padding:4px 0;display: flex;align-items: center;}
.filter-wrap a.current:before{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E");background-color:#4e4d49}
/*.filter-wrap a.current:after{content:"×";display:inline-block}*/
.filter-wrap span.removefilter{color:#ff0000}
.filter-wrap .filter .filterFrame{padding-bottom:10px}
/*.filter-wrap .filter:not(:first-child) .filterFrame{display:none}*/

.group_items .item2{position: relative;z-index: 1;width: calc((100% - 30px)/3);margin-bottom: 30px;text-align: center;display: block;}
.group_items .item2 img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}

.color-swatches{ display: flex;justify-content: center;gap: 10px;margin-bottom: 10px;flex-wrap:wrap}
.color-swatches button{ padding: 2px;margin: 0;border: 1px solid #dcd6cb;background: #fff;cursor: pointer;border-radius: 2px;width: 34px;height: 34px;overflow: hidden}
.color-swatches button img{ display: block;width: 100%;height: 100%;object-fit: cover}
.color-swatches button.active{border: 1px solid #406eb5;}

.sub-category {
    position: relative;
    display: table;
    margin: 0 auto 30px;
    max-width:890px
}
.sub-category .carousel{display:flex;flex-direction: row;gap: 16px;overflow:hidden;max-width:890px}

.sub-category .sc-item {
    display: flex;
    flex-direction: column;
    background: #f4f2ed;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    width: 92px;max-width:92px;flex: 1 0 auto
}

.sub-category .sc-item .w-img{mix-blend-mode: darken;}

.sub-category .sc-item .sc-name {
    text-align: center;
    padding: 5px 2px 15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.3px;font-weight:normal;margin:0
}

.sub-category .horizon-nav{
    position: absolute;
    width: 30px;height: 30px;
    top: 50%;transform:translateY(-50%);
    cursor: pointer;z-index: 1;
    fill: #928b80;
    background-color: #f9f8f6;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #928b80;
    transition: box-shadow .2s cubic-bezier(.15,0,.15,0), background-color .2s cubic-bezier(.15,0,.15,0), color .2s cubic-bezier(.15,0,.15,0), fill .2s cubic-bezier(.15,0,.15,0);
    padding:6px;
    display: none
}
.sub-category .horizon-nav:hover{
    fill: #928b80;
    background-color: #f4f2ed;
    box-shadow: inset 0 0 0 2px #4e4d49, 0 2px 2px 0 rgba(12, 11, 8, .2)
}
.sub-category .horizon-nav svg{width:18px;height:18px}
.sub-category .horizon-prev{ left: 0;}
.sub-category .horizon-next{ right: 0; }


.article-expert-advice{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:20px}
.article-expert-advice .item{
    display: flex;flex-direction:column;
    width: calc((100% - 90px) / 4);
    box-shadow: 0 .2rem .2rem 0 rgba(12, 11, 8, .2);
    transition: transform .25s ease;
    border-radius: 4px;
    overflow: hidden;
    color: #333;
}
.article-expert-advice .item:hover {
    box-shadow: 0 .8rem .8rem 0 rgba(12, 11, 8, .2);
    transform: translateY(-.2rem);
    transition: .2s;
}
.article-expert-advice .w-img:before{
    padding-bottom:56.25%
}
.article-expert-advice .info{padding:16px}
.article-expert-advice .art-catalog{text-transform:uppercase}
.article-expert-advice .art-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-expert-advice .art-title{margin:10px 0;font-size:1rem}
.loyalty-price {
    color: #333;
    position: relative;
    background: #f4f2ed;
    border-left: 6px solid #2f7abb;
    margin: 5px 15px;
    padding: 10px 0;
    font-weight: bold;
}

.points-purple {
    background: #e3f2fd;
    color: #2f7abb;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    margin: 5px 15px;
}

/* ── Brand Intro (giống category) ── */
.cate-intro{font-size:.85rem;color:#000;line-height:1.6;margin:10px auto 20px;text-align:center;max-width:700px}

/* ── Buying Guide Card (copy từ 04_product.css) ── */
#BrandCategory .item.guide-card{display:flex;flex-direction:column;overflow:hidden;border:none;background:#1b4332;cursor:default}
#BrandCategory .item.guide-card:hover{box-shadow:none;transform:none}
.guide-card .gc-visual{display:none}
.guide-card .gc-inner{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:20px 14px 20px}
.guide-card .gc-inner::before{content:'\201C';font-family:Georgia,serif;font-size:4.5rem;color:rgba(255,255,255,.3);line-height:1;position:absolute;top:2px;left:8px;pointer-events:none}
.guide-card .gc-inner::after{content:'\201D';font-family:Georgia,serif;font-size:4.5rem;color:rgba(255,255,255,.3);line-height:1;position:absolute;bottom:2px;right:8px;pointer-events:none}
.guide-card .gc-body{font-family:'Merriweather',serif;font-size:20px;color:#fff;line-height:1.65;overflow:hidden;flex:1;padding:26px 6px 26px}
.guide-card .gc-body p{margin:0 0 6px}
.guide-card .gc-body p:last-child{margin-bottom:0}
.guide-card .gc-body ul,.guide-card .gc-body ol{margin:0 0 6px;padding-left:16px}
.guide-card .gc-more-btn{background:#163d2b;padding:8px 14px 12px;text-align:center;flex-shrink:0}
.guide-card .gc-btn-more{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;padding:5px 18px;border-radius:20px;font-size:.8rem;cursor:pointer;font-family:inherit;letter-spacing:.3px}
.guide-card .gc-btn-more:hover{background:rgba(255,255,255,.15)}