@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Chỉ ẩn menu con, KHÔNG ẩn ul ở nơi khác */
.header-nav .nav-dropdown .nav-dropdown-col > ul {
    display: none !important;
}

.nav-dropdown>li.nav-dropdown-col{
	  display:block
}
.header-main .nav .nav-dropdown {
    min-width: 120px;
    width: max-content;
}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{
	  font-weight:normal !important;
	  font-size:15px;
	  font-weight:500
}div#comments {
    display: none;
}
.shop-page-title .page-title-inner form.woocommerce-ordering {
    display: none;
}
.nav-dropdown>li.nav-dropdown-col:not(:last-child) {
    border-right: none !important;
}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{
	 color:white
}
.nav-dropdown-default>li:hover{
	  background:#fbae3c;
}
.nav-dropdown-default>li>a{
	  border-bottom:0 !important
}
.nav-dropdown-has-arrow li.has-dropdown:before{
	  border-width: 10px;
    margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col>ul{
	  margin-top:-58px;
    padding: 20px 0 20px;
    box-shadow: 0 -4px 16px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%);
	  display:none;
	  position: absolute;
    left: 100%;
	  z-index: 9;
	  background: #fff;
	  min-width: 240px;
}
.nav-dropdown>li.nav-dropdown-col{
	  width:100%;
	  border-right:0
}
.nav-dropdown .nav-dropdown-col>ul li a{
	  padding:10px;
	  text-transform: none;
}

.header-nav li.nav-dropdown-col:hover >ul{
	   display:block !important
}

.product.type-product .tab-panels {
    text-align: justify;
}
.product-gallery-slider img {
    width: 100%;
    height: 460px !important;
    object-fit: contain;
}
.product_meta span.posted_in, .product_meta span.sku_wrapper {
    display: none;
}
.thuonghieu {
    padding: 40px 0 0 !important;
}
.product-gallery, .product-info.summary {
    background: #fff;
	  padding: 15px;
}
aside#block_widget-9 h3 {
    font-size: 16px;
}
div#product-sidebar {
    background: #fff;
}
aside#block_widget-9 .col-inner {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
li.html.custom.html_topbar_right {
    font-size: 14px;
  	font-weight: 500;
}
li.html.custom.html_topbar_right i {
    color: #ff0000;
    font-size: 16px;
}
.related.related-products-wrapper.product-section .product-section-title {
    position: relative;
    max-width: 1210px;
    margin-bottom: 20px !important;
    border-bottom: 2px solid;
}
.related.related-products-wrapper.product-section .product-section-title:before {
    border-left: 0 solid #002060;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #002060;
    content: "";
    height: 0;
    position: absolute;
    left: 100px;
    bottom: -5px;
    width: 0;
}
.related.related-products-wrapper.product-section .product-section-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    width: 100px;
    height: 10px;
    background-color: #002060;
}
.recent-blog-posts a, aside#categories-14 ul li a {
    font-size: 14px;
    line-height: 1.6;
}
.tabbed-content .nav-tabs>li a {
    font-size: 16px;
    color: #002060;
}
.entry-header-text.entry-header-text-top.text-left {
    padding-bottom: 0;
}
.entry-content.single-page {
    padding-top: 0;
}
#shop-sidebar span.widget-title, .post-sidebar span.widget-title {
    background: #002060;
    padding: 10px;
    display: inherit;
    color: #fff;
}
#shop-sidebar .is-divider.small, .post-sidebar .is-divider.small {
    display: none;
}
ul.product-categories, aside#flatsome_recent_posts-17 ul, aside#categories-14 ul, ul.product_list_widget, .widget_price_filter form {
    padding: 10px;
    background: #fff;
}
ul.product-categories li.cat-item.active a {
    color: #ff0707;
}
main#main {
    background: #F4F4F4;
}

ul.info-list li {
    display: inline-block;
    margin-right: 25px;
    font-size: 12px;
    margin-bottom: 0;
}
h2.section-title.section-title-center {
    padding-bottom: 5px;
}
h2.section-title.section-title-center span.section-title-main:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 0px;
    bottom: -3px;
    border-bottom: 3px double #9E9E9E;
    left: 50%;
    margin-left: -60px;
}
h2.section-title.section-title-center span.section-title-main:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -6px;
    background: #FFF;
    border: 1px solid #9E9E9E;
    left: 50%;
    margin-left: -6px;
    transform: rotateZ( 45deg );
    -webkit-transform: rotateZ( 45deg );
}
h2.section-title.section-title-center b {
    background-color: transparent;
}
.thuonghieu .gallery-col.col img {
    max-height: 90px;
    width: auto;
}
.thuonghieu .gallery-col.col {
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
    text-align: center;
}
h3.section-title.section-title-normal span.section-title-main,.sp-trai h3.section-title.section-title-normal  {
    border-bottom: none;
}
h3.section-title.section-title-normal {
    border-color: #002060;
}
.sp-trai {
    background: url(/wp-content/uploads/2022/05/bg-dm.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-bottom: 0 !important;
}
.sanpham .row.align-equal{
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px 0 #ddd;
	  background: #fff;
}
.sp-phai {
    padding-top: 15px;
}
.sp-phai span.section-title-main {
    text-transform: none;
}
.sp-trai .col-inner {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: auto;
}
.sp-phai .product-small .box-image, .products .box-image {
    border-radius: 5px;
    border: 1px solid #cacaca;
    transition: .5s;
}
span.amount {
    color: #ff0000 !important;
}
p.name.product-title.woocommerce-loop-product__title a {
    font-weight: 500 !important;
    color: #000 !important;
    font-size: 14px;
}
.sp-trai .container.section-title-container {
    padding-right: 30px;
}
ul.header-nav .nav-dropdown>li>a {
    font-size: 14px;
    color: #002060;
}
div#block_widget-5 {
    max-width: 26%;
    flex-basis: unset;
}
div#block_widget-6 {
    max-width: 35%;
    flex-basis: unset;
}
div#block_widget-7 {
    max-width: 20%;
    flex-basis: unset;
    padding-left: 40px;
}
div#wp_statsmechanic-3 {
    max-width: 19%;
    flex-basis: unset;
}
div#mvcwid, div#mvccount, div#mvctable {
    padding-left: 0;
}
.doitac .box-image {
    border: 2px solid #dfdede;
    padding: 5px;
    background: #fff;
}
.header-search-form-wrapper {
    width: 320px;
}

@media screen and (max-width: 768px){
	div#block_widget-5, div#block_widget-6, div#block_widget-7, div#wp_statsmechanic-3 {
    max-width: 100% !important;
}
	div#block_widget-6 {
    padding: 0 15px !important;
}
	.nav-tabs+.tab-panels {
    padding: 15px;
}
	div#block_widget-7 {
    padding-left: 15px;
}
	.product-gallery-slider img {
    height: 250px !important;
}
}

/* Buộc hiển thị khu vực “THƯƠNG HIỆU NỔI BẬT” */
.thuonghieu {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Buộc hiển thị các cột chứa logo */
.thuonghieu .gallery-col.col {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* nếu muốn chỉnh rõ chiều cao: */
    max-height: none !important;
}

/* Buộc hiển thị ảnh trong khu vực */
.thuonghieu img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-height: 90px !important;
}


/* Buộc hiển thị khu vực “THƯƠNG HIỆU NỔI BẬT” trên desktop */
@media screen and (min-width: 769px) {
    .thuonghieu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .thuonghieu .gallery-col.col {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
    }
    .thuonghieu img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        max-height: 90px !important;
    }
}