/* Container chung cho Flash Sale */
                    .flash-sale-container {
                        background-color: #002060; /* Màu xanh đậm như hình */
                        padding: 20px;
                        font-family: Arial, sans-serif;
                        display: flex;
                        align-items: center;
                        gap: 20px;
                        color: white;
                        border-radius: 8px;
                    }
                    .countdown-timer >div1
                    {
                            display: flex;
                gap: 10px;
                align-items: center;
                    }
            
                    /* Style cho chữ Flash Sale và Đồng hồ */
                    .flash-header {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                    }
            
                    .flash-title {
                        background: #ff0000;
                        color: yellow;
                        font-weight: bold;
                        font-style: italic;
                        padding: 5px 15px;
                        font-size: 24px;
                        border-radius: 4px;
                        margin-bottom: 10px;
                        text-transform: uppercase;
                    }
            
                    /* Layout bộ đếm thời gian */
                    .countdown-timer {
                        display: flex;
                        gap: 10px;
                        align-items: center;
                    }
            
                    .time-box {
                        background: red;
                color: #fff;
                padding: 0px;
                border-radius: 5px;
                font-weight: bold;
                font-size: 14px;
                min-width: 35px;
                text-align: center;
                margin-right: 5px;
                    }
            
                    .time-label {
                        font-size: 12px;
                        color: #fff;
                        text-align: center;
                    }
            
                    .separator {
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                    }
.mess
{
	border:1px solid #09C;
	background:#a7ccdb;
	padding:20px;
	margin-bottom:20px;
}
.buttop >div
{
}
.buttop >div >ul
{
display: block;
    position: absolute;
    left:0px;
    top: calc(100%);
    min-width: 100%;
    min-width: 200px;
    background: #fff;
    margin: 0;
    list-style: none;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    visibility: hidden;
}
.buttop:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.buttop
{
	position:relative;
}
.buttop >div >ul:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 12px;
    top: -4px;
    background: #fff;
    -webkit-box-shadow: -2px -2px 0px #E4E4E4;
    box-shadow: -2px -2px 0px #E4E4E4;
}
/**content**/
.mz-expand >span
{
	display:none!important
}
.text h2
{
	margin:0px;
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	color:#da262f;
}
.text h3
{
	margin:0px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	color:#da262f;
}
.text
{
	margin:15px 0px;
	line-height:24px;
	font-size:16px;
}
.text h4
{
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#da262f;
	margin-bottom:15px;
}
.text ul,ol
{
	padding-left:30px;
	margin-bottom:15px;
}
.text >img
{
	margin-bottom:15px;
}
.text div
{
	
	margin-bottom:15px;
}
.text a
{
	color:#da262f
}
.text p
{
	margin-bottom:15px;
}
.text h5
{
	margin:0px;
	font-size:15px;
	color:#da262f;
	font-weight:bold;
	margin-bottom:15px;
}
/**content**/
/**itempro**/
/**itempro**/
/**danhsach_sanpham**/
.box_catep
{
	background:white;
	border:1px solid #dfdfdf;
	margin-bottom:15px;
}
.box_ctctep
{
	padding:20px 12px;
	border-bottom:1px solid #dfdfdf;
	
}
.title_cp
{
	text-transform:uppercase;
}
.titlethnb
{
	font-size:18px;
	font-weight:600;
	color:#22318c;
	text-transform:uppercase;
	font-family: "Lexend", sans-serif;
	margin-bottom:10px;
}
.box_thnb
{
	padding:15px 10px;
}
.box_chica
{
	padding:15px 10px;
	background:white;
	margin-bottom:20px;
	border:1px solid #dfdfdf;
}
.title_chil >a
{
	position:absolute;
	top:2px;
	right:0px;
	font-family: "Lexend", sans-serif;
	color:#494949;
	font-size:14px;
}
.title_chil >span
{
	font-family: "Lexend", sans-serif;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	color:#cf1a23;
}
.title_chil
{
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
.itemprol .name_pro
{
	color:#22318c;
}






.title_clp
{
	text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
	font-size: 32px;
    color: #1a1a1a;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.wap_prol
{
	    --bs-gutter-x:30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.img_p >span
{
	position:absolute;
	top:10px;
	right:10px;
	background:#ff9800;
	color:white;
	font-weight:bold;
	padding:5px 7px;
}
.ct_flash .item_pro
{
	margin1:0px 20px;
}
.item_pro
{
	background:white;
	padding-bottom:10px;
}
.item_l >div
{
	margin:0px;
	margin-bottom:30px;
}
.item_l
{
	width:20%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}
.img_p img
{
	width:100%;
	height:100%;
	object-fit:cover;
	webkit-transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    -o-transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
	
}
.img_p
{
	overflow:hidden;
	height:230px;
	display:block;
	position:relative;
		background:white;
		text-align:center;
		margin-bottom:10px;
}
.name_pro
{
	display:block;
	font-size:14px;
	color:#5f5f5f;
	  font-family: "Lexend", sans-serif;
	overflow:hidden;
	margin:0px 10px;
	margin-bottom:5px;
}
.tt
{
	color:#1fbe63;
	font-size:12px;
}
.tt i
{
	font-size:15px;
	margin-right:5px;
}
.gia span
{
	font-size:12px;
	text-decoration:line-through;
	color:#838383;
	font-weight:normal;
	display:block;
}
.infop
{
	margin:0px 10px;
	display:flex;
	    justify-content: space-between;
		    line-height: 14px;
			margin-top: auto;
}
.pt
{
    font-weight: 700;
    color: white;
    padding: 5px 10px;
    background: #cf1a23;
    font-size: 13px;
    border-radius: 500px;
    line-height: 20px;
}
.themgiohang
{
    background: #22318c;
    color: white;
    text-transform: uppercase;
    padding:5px 13px;
    display: inline-block;
    cursor: pointer;
	font-family: "Lexend", sans-serif;
	font-size:12px;
	border-radius:5px;
	margin-top: auto;
	width: 130px;
    text-align: center;
	margin:10px 10px 0px 10px;
}
.ctlp
{
	padding:10px;
	height: 100%; /* Đảm bảo cột lấp đầy ô lưới */
  display: flex;
  flex-direction: column;
}
.gia
{
	font-size:14px;
	  font-family: "Lexend", sans-serif;
	font-weight:500;
	color:#db0026;
}
.kms
{
	margin:0px 10px;
	margin-bottom:5px;
}
.kms img
{
	height:29px;
	width:auto;
}
.optpr
{
	margin:0px 10px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #5f5f5f;
    font-style: italic;
    display: flex;
    justify-content: space-between;
}
.waplistpr .item_pro
{
	height1: 100%; /* Đảm bảo cột lấp đầy ô lưới */
  display: flex;
  flex-direction: column;
	border:1px solid #dcdcdc;
  margin-bottom:0px;
}
.waplistpr
{
display: grid;
  /* Chia làm 4 cột bằng nhau */
  grid-template-columns: repeat(4, 1fr); 
  gap: 10px;
}
.box_il
{
	
}
/**danhsach_sanpham**/
/**chitiet-sanpham**/
.box_ctsp1
{
	border:1px solid #dfdfdf;
	background:white;
	margin-bottom:14px;
	border-radius:7px;
}
.ctdep
{
	padding:20px 10px 10px 10px;
}
.title_prod
{
    font-size: 28px;
    color: #22318c;
	font-family: "Lexend", sans-serif;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:20px;
	padding-bottom:20px;
}
.boxmtsp >.text
{
	margin:0px;
}
.boxmtsp
{
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}
.box_off
{
	
	margin-bottom:20px;
	border-bottom:1px solid #e9e9e9;
    padding-bottom: 20px;
}
.boxgkm
{
	margin-bottom:20px;
	background:#241bbb;
	border-radius:5px;
	padding:10px;
}
.boxmtsp >span
{
	padding:10px 10px 0px 0px;
}
.giact div span
{
	text-decoration:line-through;
}
.giact div
{
	color:white;
	font-size:16px;
	margin-bottom:10px;
}
.giact
{
	margin-bottom:10px;
	  font-family: "Lexend", sans-serif;
}
.giact p
{
	color: #fff;
	font-weight:bold;
	margin-bottom:15px;
	font-size:24px;
}
.boxakm img
{
	max-width:100%;
	height:auto;
	border-radius:7px;
}
.title_qt
{
	font-weight:500;
	color:#000;
	border-radius:7px 7px 0px 0px;
	background:#e3e3e3;
	padding:5px;
}
.boxqt .text
{
	margin:0px;
	padding:10px;
}
.boxqt
{
	border-radius:7px;
	background:#ffffff;
	margin-top:10px;
}
.lnktg
{
	display:block;
	background:#e3e3e3;
	margin-bottom:5px;
	border-radius:5px;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	color:#22318c;
	text-transform:uppercase;
	font-weight:500;
	  font-family: "Lexend", sans-serif;
}
.tag
{
}
.tag li a
{
	background:#f5f5f5;
	display:inline-block;
	color:#3f3f3f;
	font-size:13px;
	  font-family: "Lexend", sans-serif;
	font-weight:600;
	border:1px solid #d3d3d3;
	border-radius:3px;
	padding:0px 10px;
}
.tag li
{
	display:inline-block;
	margin-right:5px;
}
.title_bct
{
	margin-bottom:20px;
}
.title_ts
{
	margin-bottom:20px;
	font-size:24px;
	font-weight:600;
	  font-family: "Lexend", sans-serif;
	color:#22318c;
	position:relative;
	text-align:center;
	
}
.title_bct span
{
	font-size:24px;
	font-weight:600;
	  font-family: "Lexend", sans-serif;
	color:#22318c;
	position:relative;
}
.title_bct span::after {
    content: "";
    background: url(../images/r.png) center center no-repeat;
    width: 280px;
    height: 27px;
    position: absolute;
    top: 0px;
    right: -290px;
}
.boxspcl
{
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 20px;
	margin-bottom:20px;
}
.product-container {
      display: flex;
    gap: 5px;
}
.card-detail {
    flex: 2.5;
}

/* Cột Thông số chiếm 1 phần */
.card-specs {
    flex: 1;
}

.product-card {
    
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 20px;
	margin-bottom:20px;
}

.title { color: #1a3a8a; margin-top: 0; }
.line-decor { height: 2px; width: 100px; background: orange; margin-bottom: 15px; }

/* Hiệu ứng ẩn nội dung */
.content-wrapper {
    position: relative;
    max-height: 350px; /* Chiều cao khi chưa nhấn xem thêm */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.content-wrapper.expanded {
    max-height: 2000px; /* Đủ lớn để hiện hết */
}

/* Lớp phủ mờ ở đáy */
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(transparent, white);
    pointer-events: none;
}

.content-wrapper.expanded .overlay { display: none; }

/* Nút bấm */
.btn-toggle {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: none;
    border: none;
	font-size:14px;
	  font-family: "Lexend", sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    padding: 10px;
}

.product-img { width: 100%; border-radius: 4px; margin: 10px 0; }
.specs { list-style: none; padding: 0; line-height: 1.8; }

/* RESPONSIVE: Mobile dưới 768px sẽ thành 1 cột */
@media (max-width: 768px) {
    .product-container {
        flex-direction: column;
    }
}





.title_ctsp
{
	margin-bottom:10px;
}
.title_ctsp span
{
	font-weight:bold;
	font-size:18px;
	color:#000
}

.butmh
{
	display:flex;
	margin:0px -5px;
	margin-bottom:20px;
}
.butmh a
{
	cursor:pointer;
	display:block;
	background:#ff5758;
	padding: 15px 26px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 15px;
	font-weight:bold;
    border-radius: 0;
	margin:0px 5px;
}
.giact span i
{
	font-style:normal;
	text-decoration:line-through;
}

.tkg p
{
	    width: 60px;
    padding-left: 20px;
    background: #00ac9f url(../images/gc.gif) no-repeat left top;
    font-size: 13px;
    color: #fff;
    margin-left: 15px;
    border-radius: 3px;
    font-weight: 700;
	height: 26px;
    line-height: 26px;
}
.tkg span
{
	font-size: 14px;
    color: #333;
	margin-right:10px;
}
.tkg
{
	margin-bottom:10px;
	display:flex;
}
.lhmh span
{
	position: absolute;
    z-index: 1;
    /* width: 260px; */
    margin-left: 24%;
    line-height: 30px;
    margin-top: -25px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px;
}
.lhmh
{
	    border: solid 1px #f68d91;
		padding:10px;
		margin:20px 0px;
    border-radius: 6px;
	margin-top: 25px;
}
.title_rbh
{
	    line-height: 38px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background-color:#ff5758;
}
.ct_csbh
{
	margin:0px;
	margin-bottom:20px;
	background:#f5f5f5;
	padding:10px;
}
.box_chat img
{
	width: 30px;
    height: 30px;
    margin-top: 12px;
    margin-right: 12px;
	display:inline-block;
}
.box_chat span
{
	font-weight: 700;
    color: #333;
    padding-top: 12px;
    text-align: center;
	display:block;
}
.box_chat
{
	background-color: #f5f5f5;
    border-radius: 6px;
	padding:10px;
	margin-bottom:30px;
    border: solid 1px #e5e5e5;
	text-align:center;
}
.title_boxs >span
{
	background:#004da4;
	font-size:15px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	display:inline-block;
}
.title_boxs
{
}
.ct_dep
{
	    border: solid 1px #e5e5e5;
    padding: 14px;
	margin:0px;
    margin-bottom: 40px;
}
.title_httt
{
	line-height: 44px;
    background: #333 url(../images/f.png) no-repeat 10px center;
    background-size: auto 22px;
    padding-left: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
}
.ct_httt
{
	    border: solid 1px #ececec;
    margin-bottom: 20px;
    background-color: #f7f7f7;
	padding:10px;
}
.item_htt img
{
	    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 1px #ccc;
}
.item_htt strong {
    display: block;
    font-size: 18px;
}
.item_htt span {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
    padding-top: 8px;
}
.item_htt
{
	margin-bottom:10px;
}







.list_dgct li .star
{
	margin-bottom:20px;
}
.ctdg div
{
	color:#46474a;
}
.ctdg p
{
	margin-bottom:10px;
	font-size: 16px;
	color:#46474a;
	font-weight:bold;
}
.list_dgct li
{
	display: inline-block;
	list-style:none;
	margin-bottom:20px;
	width:100%
}
.list_dgct
{
	    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.list_st li span
{
	width:15%;
}
.list_st li
{
	display:block;
	margin-bottom:10px;
	display:flex;
	color:#46474a;
	    align-items: center;
}
.list_st li .fulls i
{
	background:#74767c;
	height:4px;
	border-radius:500px;
	display: block;
}
.list_st li .fulls
{
	background:#e3e4e5;
	height:4px;
	width:66%;
	margin:0px 2%;
	border-radius:500px;
}
.numdg
{
	margin:20px 0px;
	color:#000;
	font-size:24px;
	font-weight:bold;
}
.vdg:hover
{
	color:white;
	background:#36C
}
.vdg
{
	padding:4px 10px;
	font-weight:bold;
	color:white;
	background:#0071dc;
	border-radius:500px;
	margin:10px 0px;
	display:inline-block;
	cursor:pointer;	
}
.numdg span
{
	font-size:72px;
	margin:0px 5px
}
.btgh:hover
{
	color:white;
	background:#004f9a
}
.btgh
{
padding: 8px 10px;
    background: #0071dc;
    color: white;
    border-radius: 500px;
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.despl
{
	font-size:13px;
	color:#000000;
	height:92px;
	overflow:hidden;
}
.title_ctsp
{
	    font-size: 24px;
		font-weight:bold;
    color: #046baf;
	margin-bottom:30px;
	margin-top:30px;
}
.item_pror a
{
	font-weight:bold;
	color:#000;
}
.item_pror
{
	margin-bottom:20px;
}
.item_pror img
{
	width:75px;
	height:75px;
	object-fit:cover;
	border-radius:5px;
	margin-right:10px;
	float:left;
}
.item_pro:hover
{
}
.proh
{
}
.item_pro:hover .themgiohangh
{
	display:block;
}
.item_pro:hover img
{
		    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.themgiohangh:hover
{
	background:#004f9a;
	color:white;
}
.themgiohangh
{

}
.item_pro table
{
	width:100%;
}
.ct_proh .owl-next
{
	color: #fff;
    line-height: 30px!important;
    text-align: center!important;
    width: 30px!important;
    height: 30px!important;	
    background-color: rgba(0,0,0,.5)!important;
	padding-top:2px!Important
	
}
.ct_proh .owl-prev
{
	color: #fff;
    line-height: 30px!important;
    text-align: center!important;
    width: 30px!important;
    height: 30px!important;	
    background-color: rgba(0,0,0,.5)!important;
	padding-top:2px!Important
}



.masp
{
	margin-bottom:15px;
}
.star
{
	display:flex;
	font-size:12px;
	color:#74767c;
	line-height:17px;
}
.sumstar span
{
	background: url(../images/star.png) repeat-x;
	display:inline-block;
	height:15px;
	background-size: 15px;
}
.sumstar
{
background: url(../images/star1.png) repeat-x;
    height: 15px;
    width: 75px;
	background-size: 15px;
	margin-right:10px
}
.item_fp
{
	display:flex;
	justify-content: space-between;
}
.box_infop
{
    -webkit-box-shadow: 0 1px 2px 1px #00000026;
    box-shadow: 0 1px 2px 1px #00000026;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:5px;
	padding:15px;
}
.si {
    background: url(../images/spriteIcon.png) no-repeat transparent;
	    margin-right: 5px;
}
.butdh a
{
    display: inline-block;
    background: #da251c;
    border-radius: 3px;
    border: 1px solid #ba2624;
    margin-right: 10px;
    color: white;
    font-weight: bold;
    padding-right: 30px;
	margin-bottom:10px;
    font-size: 19px;
	cursor:pointer;
}
.butdh i
{
display: inline-block;
    width: 52px;
    height: 40px;
    color: white;
    text-align: center;
    padding-top: 9px;
    border-right: 1px solid #ed4542;
    font-size: 23px;
	margin-right:20px;
}
.title_sptt
{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	
}
.MagicZoom, .mz-figure
{
	display:block!Important;
}
body div div div div div div div a#zoom-v:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img {
    width: 100% !important;
    max-width: inherit!important;
    max-height: inherit!important;
    height: auto!important;
}
.ct_tt
{
	max-height: 626px;
    overflow: auto;
	margin-bottom:20px;
}
.tab_ct a.tabctac
{
	background: #fff;
    border-color: #f04e23 #ccc;
}
.cttabct
{
	background:white;
	padding:20px;
	margin-bottom:20px;
}
.tab_ct li
{
	display:inline-block;
}
.tab_ct a
{
	color:#000;
	    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    border: solid transparent;
    border-width: 2px 1px 0;
    cursor: pointer;
}
.tab_ct
{
	    height: 35px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.sumdg
{
	font-size:20px;
	color:#9e9e9e;
	margin:20px 0px;
}
.sumdg span
{
	font-size:40px;
	color:#000
}

.list_dg
{
	height: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.lttl p
{
    margin-right: 10px;
    width: 20%;
}
.lttl
{
	display:flex;
	    align-items: center;
	margin-bottom:10px;
}
.box_gdg select
{
	border:none;
	
}
.box_gdg input
{
	border:1px solid #d0d0d0;
	padding:10px;
	background:white;
	color:#000;
	height:36px;
	font-size:12px;
	height:35px;
	width:250px;
}
.guidanhgia
{
	background:#6dab3c;
	padding:5px 20px;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
.box_gdg textarea
{
	
	margin-bottom:10px;
	border:1px solid #efefef;
	padding:10px;
	background:white;
	color:#000;
	height:80px;
	width:100%;
}
.item_dg p
{
	margin-bottom:10px;
}
.item_dg div span
{
	
	background: url(../images/star.png) repeat-x;
	display:inline-block;
	background-size:15px;
	height:15px;
}
.item_dg div
{
	width:75px;
	
background: url(../images/star1.png) repeat-x;
    height: 15px;
	background-size:15px;
}
.item_dg >span
{
	display:inline-block;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
}
.item_dg
{
	border-bottom:1px solid #cbcbcb;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sptt img
{
	height1:286px;
}
/**sanpham**/
/**head**/
.imgqctop img
{
	width:100%;
	height:auto;
}
.wap_bn
{
	background:#020d11;
}
.head
{
	display:flex;
	align-items: center;
	justify-content: space-between;
	position:relative;
}
.logo img
{
    height:67px;
    transition: all ease-in-out .2s;
}
.logo
{
	display:block;
}
.searchtop button
{
	background: url(../images/search.png) no-repeat center center #22318c;
	height:40px;
	border:none;
	cursor:pointer;
	width:45px;
}
.searchtop select
{
	 font-family: "Lexend", sans-serif;
	 font-weight:500;
	 font-size:13px;
	 color:#404040;
	 border:none;
	 background:none;
	 width:110px;
}
.searchtop input
{
	 font-family: "Lexend", sans-serif;
	 font-weight:500;
	 font-size:13px;
	 color:#404040;
	 border:none;
	 background:none;
	 width:250px;
	 height:35px;
	 padding:10px;
}
.searchtop form
{
	
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.searchtop
{
	background:#f3f3f3;
	border:1px solid #e0e0e0;
	    position: relative;
}

.buttop i
{
    color: #000000;
    font-size: 36px;
    margin-right: 15px;
	position:relative;
}
.buttop div span,.buttop div span a
{
	color:#22318c;
}
.buttop div p,.buttop div p a
{
	color:#000000;
}
.buttop
{
	font-family: "Lexend", sans-serif;
	display:flex;
	color:#000000;
	font-size:14px;
	align-items: center;
	justify-content: space-between;
	position:relative;
}
#numorder
{
    position: absolute;
    top: 0px;
    left: 33px;
    width: 15px;
    height: 15px;
    background: #ffe034;
    border-radius: 500px;
    color: #000;
    text-align: center;
    padding-top: 0px;
    line-height: 13px;
    font-size: 10px;
    font-weight: bold;
    z-index: 9;
}

.wap_mn
{
	background:#ffe034;
position:relative;
z-index:999;
margin-bottom:10px;
}
.box_crmn
{
display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.butrnm i
{
	font-size:30px;
	margin-right:15px;
}
.butrnm span
{
	display:block;
}
.butrnm p
{
	line-height:18px;
}
.butrnm
{
	font-size:14px;
	color:#000000;
display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	margin-left:20px;
	  font-family: "Lexend", sans-serif;
}
/**head**/
/**menu**/
.acmnt
{ 
}
.sf-menu >li >a
{
    color: #fff;
    padding: 0px 20px;
    position: relative;
    text-transform: uppercase;
    line-height: 15px;
	font-weight:bold;
    text-shadow: 2px 0px 0px rgba(0,0,0,0.24);
    font-family: 'Exo 2', sans-serif;
}
.sf-menu > li
{
	padding:15px 0px 15px 0px
}
.sf-menu >li:first-child a{
	border:none;
}
a:hover
{
	color:red!important 
}
.sf-menu >li:hover >a
{
backgroun1d:#f7b50f!important;
color:#dcb235;
text-decoration:none;
}
/**menu**/

/**all-web**/
html
{
	font-size:14px;
}
.sf-menu >li >a
{
	display:inline-block;
}
.menu_mb ul li a
{
font-size: 14px;
    font-weigh1t: bold;
}
.menu_mb ul li i
{
	font-size:14px;
}
.menu_mb ul li a:before {
    font-size: 12px;
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 6px;
}
.menu_mb ul li
{
	padding-bottom:10px;
	margin-left:15px;
}

.menu_mb li
{
	list-style:none;
}
.menu_mb >ul >li >i
{
	float:right;
	color:white;
	cursor:pointer;
}
.menu_mb a
{
     color: #111;
    font-size: 15px;
}
.iconsearch
{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	color:#058aca;
	font-size:22px;
}
.menu_mb i
{
    float: right;
    color: #333;
    cursor: pointer;
    font-size: 19px;
}
.menu_mb >li
{
	padding:10px 10px;
	border-bottom:1px solid #ddd;
}

.menu_mb ul
{
	display:none;
	padding-top:10px;
}
.menu_mb
{
      display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    width: 100%;
    padd1ing: 15px;
    z-index: 999999;
    margin-left: 0px;
    padding: 0px;
    z-index: 9999;
}
.menu_mb
{
	display:none
}
.butmnmb
{
display: none;;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}
.butmnmb i
{
	margin-right:5px;
	font-size: 13px;
}
iframe
{
	max-width:100%!important;
}
h1
{
	font-size:22px;
	font-weight:bold;
}
.but_f {
    position: fixed;
    bottom: 50px;
    right: 10px;
}
.but_f a {
}
.but_f a i {
display: block;
    font-size: 14px;
    line-height: 13px;
    color: #000;
}
.breadcrumb
{
    margin-bottom: 20px;
}
body
{
	font-size: 16px;
    line-height:23px;
    color: #000;
    background:#f5f5f5;
	font-family: 'Open Sans', sans-serif;
}
a
{
	color:#111
}
a:hover {
    color: red!important;
    text-decoration1: underline;
}
p
{
	margin:0px;
	padding:0px;
}
ul,ol
{
	padding:0px;
	margin:0px;
}
img
{
	max-width:100%;
	height:auto;
}
.clear
{
	clear:both;
}
.col-dmsp:hover >ul
{
	display:block;
}
.fixed
{
	    padding: 0px 12%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
	background:white;
	    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
}
.allcontainer{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto
}
@media (min-width: 768px){.allcontainer{width:750px}}
@media (min-width: 992px){.allcontainer{width:970px}}
@media (min-width: 1140px){.allcontainer{width:1200px}}
/**all**/

/**slider**/
.wapcolsli .row .col-lg-8,.wapcolsli .row .col-lg-4
{
	    padding-right: 5px;
    padding-left: 5px;
}
.wapcolsli .row
{
	    margin-right: -5px;
    margin-left: -5px;
}
.wapcolsli
{
	margin-bottom:0px;
}

.wap_slider img
{
	width:100%;
	height:auto;
}
.wap_slider 
{
	margin-bottom:20px;
	overflow:hidden;
}
.wap_slider .owl-pagination
{
	position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10px;
}
/**slider**/
/**order**/
.tit_ict
{
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 12px;
}
.ct_ict span
{
	margin-right:10px
}
.ct_ict
{
	display:flex;
	align-items: center;
	    margin-bottom: 15px;
}
.ct_ict button
{
	border:1px solid #d0d0d0;
	background:#fff;
	color:#d0d0d0;
	padding:6px 15px;
	font-weight:bold;
	
	float:left;
}
.butact
{
	border:1px solid #000!important;
	color:#000!important
}
.ct_ict input
{
    width: 73px;
    height: 35px;
    border: none;
    text-align: center;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
	float:left;
}
.buttgh:hover
{
	background: #004f9a url(../images/ac.png) no-repeat 320px center;
	color:white;
	text-decoration:none;
}
.buttgh p
{
	margin-top:5px;
}
.buttgh span
{
	    font-size: 14px;
    display: block;
    height: 18px;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: 700;
}
.buttgh {
	background: #008ad2 url(../images/ac.png) no-repeat 320px center;
	display: block;
    height: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 11px;
    border-radius: 5px;
}
/**order**/
/**cart**/
.thanhcong
{
	display:none;
}
.formdh input[type="text"],textarea
{
	margin-bottom:10px;
	width:100%;
	border:1px solid #d6d6d6;
	padding:5px;
	color:#000
}
.messgh
{
	display:none;
}
.btxn
{
	display:inline-block;
	background:black;
	color:white;
	font-weight:bold;
	padding:7px 10px;
	border-radius:3px;
	cursor:pointer;
	border:none;
	
	
}
.b_order a
{
	display:inline-block;
	background:black;
	color:white;
	font-weight:bold;
	padding:7px 10px;
	border-radius:3px;
	cursor:pointer;
	margin-left:7px;
}
.b_order
{
	text-align:right;
	margin:15px 0px;
}
.list_order a img
{
	    float: left;
    margin-right: 10px;
    width: 15%;
    height: 50px;
    object-fit: cover;
}
.ttgh
{
	background:#e6e6e6;
	padding:5px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:15px;
}
.giagh
{
	font-size:15px;
	font-weight:bold;
	color:#000
}
.list_order td
{
	padding:10px 5px;
	vertical-align:middle;
	min-width:100px;
}
.infospgf b
{
font-weight: bold;
    font-size: 15px;
    display: block;
}
.list_order table
{
	width:100%;
}
#title_table
{
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
/**cart**/
/**Maincontent**/
.box_cc
{
	border-bottom:4px solid #22318c;
	margin-bottom:20px;
}
.item_cc img
{
    height: 50px;
    width: auto;
    margin-right: 10px;
}
.fcc
{
	
	border:1px solid #d8d8d8!important;
}
.specc
{
	background:white!important;
}
.item_cc
{
	padding:20px 10px;
	border:1px solid #d8d8d8;
	border-left:none;
	display:flex;
	background:#fffbe6;
	  font-family: "Lexend", sans-serif;
	  font-size:14px;
	  font-weight:500;
}
.box_cc .swiper-slide
{
	margin-right:0px!important
}
.box_lisdm
{
	border-radius:0px!important;
	margin-bottom:0px!important;
	box-shadow:none!important
}
.boxhdm
{
	padding:12px;
	background:#e0e0e0;
	margin-bottom:20px;
}
.itemh
{
	border:1px solid #ffffff;
	    padding: 5px;
    background: white;
}
.itemh img
{
    width: 100%;
    height: 58px;
    object-f1it: cover;
    background: white
}
.box_nh
{
	border:1px solid #d4d4d4;
	margin-bottom:20px;
	padding:20px;
	background:white;
}
.title_th
{
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.title_th >span
{
	font-size:24px;
	font-weight:bold;
	color:#22318c;
	font-family: "Lexend", sans-serif;
}
.title_th >div a
{
	font-size:14px;
	color:#2c2c2c;
	background:#f5f5f5;
	font-family: "Lexend", sans-serif;
	margin-left:5px;
	padding:5px 8px;
	display:inline-block;
}
.itemnh >a
{
	font-size:14px;
	font-family: "Lexend", sans-serif;
	color:#08317e;
}
.itemnh div
{
	font-size:14px;
	color:#555555;
	font-style:italic;
	margin-top:5px;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
}
.itemnh img
{
	height:175px;
	width:100%;
	margin-bottom:10px;
	object-fit:cover;
}
.box_dmnb
	{
	box-shadow: 0 2px 51px 9px rgba(0,0,0,0.17); 
    border-radius: 8px;
	padding:20px 15px;
	margin:20px 0px;
	background:white;
	}
	
	
    .title_nb span
	{
		position:relative;
	}
    .title_nb {
    color: #22318c;
    font-size: 28px;
	font-weight:500;
	  font-family: "Lexend", sans-serif;
    margin-bottom: 30px;
	text-align:center;
    position: relative;
}

/* Kẻ sọc 2 bên tiêu đề */
.title_nb span::before{
    content: "";
    background: url(../images/l.png) center center no-repeat;
    width: 300px;
    height: 27px;
    position: absolute;
    top: 0px;
    left: -300px;
    background-size: 100%;
}
.title_nb span::after {
    content: "";
	background: url(../images/r.png) center center no-repeat;
	width:280px;
	height:27px;
	position:absolute;
	top:0px;
	right:-290px;
}

.product-grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 5px;
}

.product-item >a
{
    display: block;
    transition: transform 0.3s ease;
    cursor: pointer;
    width: 100%;
    padding1: 10px 0px;
}
.product-item {
    flex:0 0 14.286%; /* 8 cột trên Desktop (100% / 8) */
    background: #fff;
    padding: 2.5px;
    border: 1px solid #dcdcdc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product-item img {
       width: auto;
    height: auto;
    margin-bottom1: 15px;
    object-fit: cover;
}

.product-item p {
    font-weight: 500;
    font-size: 14px;
	line-height: 18px;
	text-align:center;
    color: #000000;
	  font-family: "Lexend", sans-serif;
	  padding-bottom:10px;
}

/* Hiệu ứng phóng to 10% */
.product-item a:hover {
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.btn-container {
    margin-top: 30px;
	text-align:center;
}

.btn-more {
    border: 2px solid #003399;
    background: none;
    color: #003399;
    padding:9px 28px;
    border-radius: 25px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
	  font-family: "Lexend", sans-serif;
	  font-size:12px;
}

.btn-more:hover {
    background: #003399;
    color: #fff;
}

/* Mobile Responsive: 3 cột */
@media (max-width: 768px) {
    .product-item {
        flex: 0 0 50%;
		margin: 0px /* 3 cột trên điện thoại */
    }
}

.title_flash >a
	{
		font-size:14px;
		color:#ffffff;
		  font-family: "Lexend", sans-serif;
	}
    .title_flash >img
	{
	    position: absolute;
    top: -28px;
    left: -22px;
	}
    .title_flash
	{
		position:relative;
		display:flex;
		    justify-content: flex-end;
			height:38px;
	}
	.box_flash
	{
		margin-bottom:20px;
		padding:10px 10px 10px 10px;
		background:#22318c;
	}
	.ct_flash
	{
		margin-top:10px;
	}
	
  :root {
    --primary-color: #f3f3f3;
    --border-color: #ddd;
  }

  .container {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
    position: relative;
  }

  /* Style cho từng ô item */
  .item-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    height: 80px;
    box-sizing: border-box;
    cursor: pointer;
    transition: box-shadow 0.3s;
  }

  .item-card:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }

  /* Ảnh bo tròn bên trái */
  .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 10px;
    background: #eee;
  }

  .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Text bên phải */
  .text-box {
    text-align: left;
  }

  .title {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    color: #000;
    line-height: 1.2;
	  font-family: "Lexend", sans-serif;
  }

  .sub {
    font-size: 13px;
    margin: 3px 0 0 0;
    color: #555;
  }

  /* Tùy chỉnh nút Next/Prev giống hình mẫu */
  .custom-nav {
    width: 24px !important;
    height: 24px !important;
    background-color: #fbbd08 !important; /* Màu vàng cam */
    border-radius: 50%;
    color: #fff !important;
	top:58%;
  }

  .custom-nav:after {
  font-size: 10px !important;
    font-weight: bold;
    color: #000;
  }

  .swiper-button-prev { left: 8px !important; }
  .swiper-button-next { right: 8px !important; }

  /* Ẩn nút nếu slide không đủ tràn */
  .swiper-button-disabled {
    display: none;
  }
  .swiper-wrapper
  {
	  height:auto!important
  }
.box_ct
{
	border:1px solid #d4d4d4;
	padding:20px;
	margin-bottom:20px;
	background:white;
}
.title_box_h
{
	
	  font-family: "Lexend", sans-serif;
	  font-size:24px;
	  font-weight:500;
	  color:#13317e;
	  margin-bottom:20px
}
/**Maincontent8**/
/**right**/
.title_r >a,.title_r >span
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#000!important
}
.item_nhl
{
	margin-bottom:20px
}
.item_nhl img
{
	float:left;
	width:30%;
	margin-right:10px
}
.item_nhl a
{
	font-weight:bold;
	color:#000
}
/**right**/
/**foot**/
.wapbox_e
{
	border:1px solid #d4d4d4;
	background:white;
	
}
.wap_f
{
	padding:20px;
	border-bottom:1px solid #e0e0e0;
}


.titlef
{
	margin-bottom:25px;
}
.titlef >span,.titlef >a
{
	font-size:15px;
	color:#13317e;
	font-weight:bold;
	text-transform:uppercase;
	font-family: "Lexend", sans-serif;
}
.linkf
{
	margin-bottom:20px;
}
.linkf li a:hover
{
	color:#00b6c2;
}
.linkf li
{
	list-style:none;
	margin-bottom:5px;
	}
.linkf li a
{
	color:#000000;
}
.mxhf
{
	display:flex;
}
.mxhf a i
{
	
}
.mxhf a
{
    display: inline-block;
    background: #fcfcfc;
    border: 1px solid #b7b7b7;
    text-align: center;
    padding: 5px 10px;
    color: #000000;
    margin-right: 5px;
}
.wapbgt
{
	padding:20px;
}
.bg
{
	padding:7px 0px;
	text-align:center;
	color:#5f5f5f;
	font-size:13px;
	font-style:italic;
}

/**foot**/
/**right**/
.item_nr a
{
	color:#333;
	font-weight:600;
}
.item_nr 
{
	margin-bottom:25px;
}
.item_nr img
{
	float:left;
	width:40%;
	margin-right:10px;
}
.title_bor span
{
	
}
.title_bor
{
	font-size: 14px;
    text-transform: uppercase;
	font-weight:bold;
    background: #c8b964;
    color: #fff;
    padding: 15px;
    border-radius: 12px;
    text-align: center;
	margin-bottom:30px;
}
/**right**/
/**left**/
.titlll
{
	display: block;
	font-weight:600;
	text-transform:uppercase;
    background: #333;
    color: white;
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 18px;
}
.title_bnh h1
{
	float:left;
}
.sx select
{
	width:auto!important;
	display:inline-block!Important
}
.sx
{
	float:right;
}
.checkl
{
	font-weight:bold!important;
	color:#000!important;
}
.list_mg a
{
	display:block;
	font-weight:500;
	margin-bottom:10px;
	color:#333;
	font-size:15px;
}
.list_mg
{
	margin-bottom:30px;
	padding-left:15px;
}
.box_htl
{
	border: 2px solid #c8b964;
    border-radius: 20px;
    padding: 20px;
    font-weight: 600;
    color: #333;
	margin-bottom:30px;
}
.itemhl
{
	margin-bottom:30px;
}
.itemhl a span
{
	color:#c8b964;
}
.listcpl i
{
	float:right;
	cursor:pointer;
}
.listcpl ul
{
	padding-left:15px;
	padding-top:15px;
	display:none;
}
.listcpl li
{
	list-style:none;
	margin-bottom:10px;
}
/**left**/
/**list_n**/
.title_dmn
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
}
.title_dm1n:after
{
	content: "";
	display:block;
	width:67px;
	height:2px;
	background:#2e3192;
	margin-top:10px;
}
.item_n a
{
font-weight: bold;
    color: #000000;
    font-size: 17px;
}
.mt_n
{
	color:#696969;
	margin:20px 0px;
}
.list_info_new i
{
	color:#000;
	margin-right:5px;
	margin-left:5px;
}
.list_info_new
{
	background:#efefef;
	font-size:12px;
	font-style:italic;
	padding:5px;
	margin:10px 0px;
	color:#999;
}
.item_n img
{
    width: 33%;
    float: left;
    height: 160px;
    object-fit: cover;
    margin-right: 15px;
}
.item_n
{
	margin-bottom:30px;
}
/**list_n**/
/**chitiettin**/

/**chitiettin**/
/**newlist**/
.box_bn
{
	background:white;
	margin-bottom:20px;
	padding:15px;
}
.box_nbl
{
	background:white;
	padding:5px;
	margin-bottom:20px;
	min-height:535px;
}
.list_ct li
{
	    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 5px;
    text-align: center;
    padding: 0!important;
	list-style:none;
}
.list_ct li a
{
	    color: #065da9;
    text-align: center;
    display: block;
    padding: 10px;
}
.list_ct
{
	display: flex;
	margin:15px 0px;
}
/**newlist**/
/**newdetail**/
/**newdetail**/
/**mucluc**/
.mucluc
{
	padding-left:20px;
	line-height:25px;
}
.mucluc b
{
	font-size:15px;
	color:#000;
	font-weight:500!important;
}
.mucluc span
{
	font-size:15px!important;
	font-weight:500!important;
	color:#000;
}
.mucluc >li
{
	color:#3b5999!important;
	font-size:14px;
}
.mucluc strong
{
	font-weight:normal!important;
	color:#3b5999!important;
}
.mucluc span
{
	color:#3b5999!important;
}
.mucluc a
{
	cursor:pointer;
	color:#3b5999!important;
}
.wap_ml
{
	    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
	font-size:13px;
}
.tt_ml a
{
	cursor:pointer;
}
.tt_ml
{
	    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
/**mucluc**/

	.butserh,.userlgmb
	{
		display:none;
		    font-size: 20px;
    color: #333;
	cursor:pointer;
	margin:0px 5px;
	}
	.butmbt
	{
		    display: flex;
	}

/* ========================= RESPONSIVE STYLES ======================== */
@media (min-width: 1200px) {
	
}
@media (max-width: 1500px) {
}


/* --------------------------- 940px-1199px --------------------------- */
@media only screen and (max-width: 1250px) and (min-width: 1199px) {
}

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
}

@media only screen and (max-width: 640px) {
	img
	{
		max-width:100%!important;
		height:auto!important
	}
	iframe
	{
		max-width:100%!important;
	}
	.butmnmb
	{
		display:block;
	}	
	.sf-menu
	{
		display:none;
	}
	.searchtop form input
	{
		width:auto;
	}
	.searchtop form
	{
		width: 100%;
    background: #fff; /* Màu trắng giống hình 2 */
    box-sizing: border-box;
	border:1px solid #ccc;
	        margin-top: 10%;
	}
	.searchtop
	{
		display:none;
		display: none; /* Mặc định ẩn */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Nền đen mờ */
	}
	.butserh,.userlgmb
	{
		display:block;
	}
	.userlg
	{
		display:none;
	}
	.category-wrapper,.butrnm
	{
		display:none;
	}
	.wapcolsli .row .col-lg-8, .wapcolsli .row .col-lg-4
	{
		padding-right: 10px;
    padding-left: 10px;
	}
	.wapcolsli .row {
    margin-right: -10px;
    margin-left: -10px;
}
.swiper-button-next, .swiper-button-prev
{
	top:  65%!important;
}
	.title_nb span::before,.title_nb span::after
	{
		display:none;
	}
	.waplistpr
	{
		    grid-template-columns: repeat(2, 1fr);
	}
	
	.boxl
	{
		display:none;
	}
	.product-grid
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.title_th >span
	{
		margin-bottom:10px;
	}
	.title_chil >a
	{
		display:none;
	}
	.order-container
	{
		display:block!important;
	}
	.quantity-group
	{
		margin-bottom:10px!important;
	}
	.btn-order
	{
		min-width:auto!important;
	}
	.title_bct span::after
	{
		display:none;
	}
	.logo
	{
		margin:0px;
	}
	.logo img
	{
		    width: auto;
    height: 50px!Important;
	}
	.owl-next
	{
		right:0px;
	}
	.owl-prev
	{
		left:0px
	}
	.owl-prev,.owl-next
	{
		top:10%;
	}
	.item_cproh
	{
		width:50%;
	}
	.imgcph
	{
		height:auto;
	}
	.title_bph
	{
		font-size:22px;
	}
	.wapctyk
	{
		padding:0px;
	}
	.newhb
	{
		margin:0px;
	}
	.wap_bnt
	{
		overflow:hidden
	}
	.wap_head
	{
		position:relative;
	}
	.img_p
	{
		height:auto;
	}
	.search_top
	{
		width:auto;
		margin:0px 10px;
	}
	.proh
	{
		width: auto;
    margin: 10px 5px;
}
.item_qt
{
	margin-bottom:20px;
}
.tit_for p
{
	font-size:20px;
}
.tit_for
{
	margin-bottom:10px;
}
#dk
{
	display:block!important;
}
.butdkn
{
	width:auto!important;
	padding:65px 15px 0px 15px!important
}
.title_ykb
{
	font-size:20px;
}
.item_yk img
{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.wap_ctyk .owl-buttons >div.owl-next
{
	right:0px;
	top:45%;
}
.item_nh img
{
	width:100%;
	float:none;
	margin-right:0px;
}
.wap_ctyk .owl-buttons >div.owl-prev
{
	left:0px;
	top:45%;
}
.item_yk
{
	display:block;
}
#dk >div
{
	width:100%!Important
}
.wap_form
{
	padding:15px 0px;
}
.title_qt
{
	font-size:20px;
}
.ct_ch
{
	margin:0px
}
	.list_key li
	{
		width:50%;
	}
	.tit_cph >a,.title_cnh >a
	{
		font-size:14px;
	}
	.hovercolmn
	{
		display:none;
	}
	.title_vs
	{
		font-size:20px;
	}
	.item_vs
	{
		width:50%;
	}
	.wap_ccf >div >div
	{
		width:50%;
		margin-bottom:10px;
	}
	.item_l
	{
		width:50%;
	}
}
@media only screen and (max-width: 768px) {
	
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
	
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
}

@media print {
}