/*
Theme Name: Shop2
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.custom_add_to_cart {
	left: -40px;
}
body:not(.home) .custom_add_to_cart {
	left: -30px;
}
.shop-page-title.category-page-title {
	display: none;
}
#mega-menu-title i {
    font-size: 26px;
    position: absolute;
    left: 9px;
}
#mega-menu-title {
    padding: 7px 15px 7px 45px;
    line-height: 35px;
    height: 50px;
    position: relative;
    text-transform: uppercase;
}
#mega_menu a {
    padding: 7.6px 11px;
}

.header-main .nav > li > a.header-cart-link {
	display: flex;
}
.header-main .nav > li > a.header-cart-link .header-cart-title {
	order: 2;
}
.header-main .nav > li > a.header-cart-link .image-icon {
    order: 1;
    margin: 0 10px 0 0;
}
.price-wrapper del,
.price-wrapper del * {
	color: #333;
}
.product-small.box form {
	overflow: hidden;
}
.product-small.box .quantity .is-form {
	display: none;
}
.product-small.box .quantity {
	float: left;
	width: 40px;
	margin: 0;
}
.product-small.box .quantity input[type="number"] {
	height: 28px;
}
.product-small.box .add_to_cart_button  {
    float: left;
    width: calc( 100% - 50px );
    clear: initial;
    margin: 0 0 0 10px;
    font-size: 11px;
    padding: 0px 0;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px; font-size:14px;
    line-height: 22px;
    overflow: hidden;
}
/* */
#wrapper > .woocommerce-message {
    padding-left: 375px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#wrapper > .woocommerce-message .message-container {
	color: red;
}

.badge {
    height: 1.8em;
}
.badge .onsale {
	font-size: 12px;
}
/* */
#footer .social-icons a {
    border-radius: 4px !important;
}
/* */
.box-forn-dkkm {
	position: relative;
}
.box-forn-dkkm .wpcf7-submit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
body .footer-secondary {
    padding: 0;
}
/* */
.woocommerce-widget-layered-nav li a {
    padding: 6px 15px !important;
}
.woocommerce-widget-layered-nav li .count {
	margin-right: 10px;
}
body a.devvn_buy_now_style {
	max-width: 100%;
}
#product-sidebar {
    padding: 0 10px 0 30px;
}
.related-products-wrapper .product-small.box .box-text {
	padding-left: 10px;
	padding-right: 10px;
}
/* */
.product-info .left {
    width: 60%;
    float: left;
}
.product-info .right {
    width: 40%;
    float: left;
}
.box-support .col-inner{
    border: 1px solid #e1e1e1;
    padding: 15px 0 0;
}
.box-support .icon-box {
    margin-bottom: 10px;
    padding: 0 15px;
}
.box-support .icon-box .icon-box-img {
    width: 31px !important;
    text-align: center;
}
.box-support .icon-box .icon-box-img img {
    height: 31px;
    width: auto;
}
.box-support .icon-box p {
    font-size: 12px;
}
.box-support .icon-box.icon-2 .icon-box-img img {
   height: 40px;
}

.single .page-title-bar .breadcrumb {
    border: none;
    background: #4185f7;
}
.single .page-title-bar .breadcrumb * {
    color: #fff;
}
.single .product-main {
    padding-top: 80px;
}
/* */
body .product-footer .woocommerce-tabs {
    border: none;
    padding-top: 0;
}
.product-footer > .woocommerce-tabs .product-tabs {
    background: #feb145;
}

.product-footer > .woocommerce-tabs .product-tabs li a {
    border-radius: 0 !important;
    height: 40px;
    min-width: 200px;
    text-align: center;
    display: block;
    line-height: 40px;
    color: #fff;
}

.related-products-wrapper .product-section-title:after,
.product-footer > .woocommerce-tabs .product-tabs li a:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    right: -15px;
    top: 6px;
    transform: rotate(-45deg);
    width: 30px;
}

.product-footer > .woocommerce-tabs .product-tabs li.active a:after {
    background: #4185f7;
    border-bottom: 1px solid #4185f7;
    border-right: 1px solid #4185f7;
}
.related-products-wrapper.product-section {
     border: none;
}
.related-products-wrapper .product-section-title {
    background: #4185f7;
    color: #fff;
    padding: 8.5px 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: initial;
    position: relative;
}
.related-products-wrapper .product-section-title:after {
    background: #4185f7;
    border-bottom: 1px solid #4185f7;
    border-right: 1px solid #4185f7;
}
/* */
.masp-loop {
    font-weight: bold;
}
.price.product-page-price b,
.product-small .box-text .price-wrapper .price b {
    color: red;
}
@media screen and  (max-width: 767px) {
    .product-info .right ,
    .product-info .left {
        width: 100%;
    }
	#main .term-description {
		max-width: 90% !important;
	}
}
.mt-conhang span {
    color: red;
    font-weight: bold;
}
.box-itemt-mt-sp {
    overflow: hidden;
    margin-bottom: 20px;
}
.product-small.box .price-wrapper {
    text-align: center;
}
.product-small.box .price-wrapper .view-ct {
    display: inline-block;
    border: 1px solid #e1e1e1;
    padding: 5px 34px;
}
.header-bottom {
    position: absolute;
    right: 0;
    left: 0;
}
#header input[type='search'] {height:40px}
#header .searchform .button.icon {height:40px; width:60px;}
#header select.resize-select {height:40px;}
.nav > li > a {font-weight:600;}
#mega-menu-wrap {background-color:#3874d7;}
.hpt-show-cats li a {color:#000; font-weight:600; font-size:14px; border-right:2px solid #fff; padding-right:10px; padding-left:0;}
.hpt_hdevvn_cats a {background-color:transparent !important; padding:0px 10px 0px 0px !important; font-weight:500 !important; font-size:13px !important}
.section-title a {background-color:#fff; color:#01bbe3; font-weight:600; padding:10px; font-size:13px;}
.product-small .box-text .title-wrapper {height:auto;}
.product-small .box-text .price-wrapper .price {display:block; padding:5px 0px 5px 0px;}
.section-title-container {margin-bottom:20px;}
span.amount {color:red; font-size:15px;}
.product-small.box .box-image img {
    object-fit: contain;
    height: 168px;
}
.product-small.box {border:1px solid #ddd; padding-top:0px; background-color:#fff;}
.add-to-cart-button {text-align:center;}
.add-to-cart-button a {margin:0 !important; padding:0px; width:100%}
.hpt-show-cats {position:absolute; right:100px; top:10px;}
.hpt-show-cats {list-style:none; display:inline-flex;}
.hpt-show-cats li {margin-left:10px !important;}
#footer p {margin-bottom: 5px;}
#footer ul {list-style: none;}
#footer li {margin-bottom: 5px; margin-left: 0;}
#footer input[type='submit'] {background-color:#c82830; margin:0;}
form {margin-bottom:0;}
img.size-full.alignnone {margin-bottom:0;}
.header-bottom .flex-center a {margin-right: 8px;}
.cot1 {max-width:23%;}
.cot2 {min-width:77%}
.widget .is-divider {display:none;}
span.widget-title {display:block; background-color:#01bbe3; color:#fff; padding:15px;}
.widget ul {border:1px solid #ddd;}
ul.menu>li {padding-left:10px; padding-right:10px;}
.text-phone {font-weight:bold;}
.product-info span.amount {font-size:25px}
.row-divided>.col+.col:not(.large-12) {border:none;}
#mega-menu-wrap {width:100%;}
.masp-loop {display:none;}
.price-wrapper b {display:none}
.product-small.box .quantity input[type="number"] {display:none;}
.product-small.box .button {margin:0; width:100%; margin-top:15px; background-color:#fff; color:#000; font-size:14px; border-color:#ddd;}
.widget_media_image img {width: 100%;}
#top-bar .nav>li>a>i+span {color:#fff;}
#top-bar .nav>li>a>i {color:#00222a;}
.header-main .flex-right .nav-spacing-xlarge>li {margin-left:5px; margin-right:5px;}
.header-main .button.icon.circle>i {color:#000;}
.header-main .button.icon.is-small {border-color:#01bbe3;}
#main {background:#f9f9f9}
.section-title-normal span {border-bottom:none; background:url(https://dienmayhanchi.vn/wp-content/uploads/2026/05/tbg.png) left no-repeat; font-size:16px; padding:5px 10px; color:#fff; min-width:50%}
.section-title-normal {border:none; background-color:#fff;}
.view-ct {display:none !important;}
.product-small .box-text {padding:10px;}
.tab-sanpham .nav > li > a {color:#000; border:2px solid #cfcfcf; background-color:#fff; margin-right:7px; margin-left:7px; font-size:13px; margin-bottom:5px;}
.tab-sanpham .nav-outline >li.active > a {border-color:#01bbe3;}
.box-blog-post .is-divider {display:none;}
.post-title {font-weight:600;}
.box-ic .icon {margin-top:15px;}
.foot-row1 {border-bottom:1px solid #24d8ff;}
.wpcf7-spinner {display:none;}
form {margin-bottom:0;}
#footer input {margin-bottom:0;}
.page-title-bar {text-align:center; height:400px; background:url(https://dienmayhanchi.vn/wp-content/uploads/2026/05/sli1.png) center no-repeat; background-size:cover; padding-top:170px; font-size:35px; box-shadow: 0px 0px 0px 4000px rgb(0 0 0 / 32%) inset;}
.page-title-bar a {color:#fff;}
.page-title-bar span {color:#fff;}
.single-product .page-title-bar {display:none;}
#product-sidebar .next-prev-thumbs {margin-bottom:10px;}
.product-main {padding-bottom:0;}
.menu-mega ul li {
margin-left: 0px !important;
}
.button.icon.is-small i {
    top: auto;
}
.flex-left {
    margin-right: 15px;
}

.header-vertical-menu__title {
    text-transform: uppercase;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item:hover>a {
    color: #fff;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item:hover>a:before {
    opacity: 1;
    left: -1rem;
    right: -1.2rem;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item > a:before {
    content: "";
    display: block;
    position: absolute;
    left: -2.2rem;
    right: -0.6666666667rem;
    top: 0;
    height: calc(100% + 1px);
    background: var(--primary-color);
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.2s left, 0.2s right, 0.05s opacity;
    transition: 0.2s left, 0.2s right, 0.05s opacity;
    border-radius: 5px 0 0 5px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 2.1333333333rem solid transparent;
    border-bottom: 2.1333333333rem solid transparent;
    border-left: 0.8rem solid var(--primary-color);
    position: absolute;
    right: -.8rem;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.2s left, 0.2s right, 0.05s opacity;
    transition: 0.2s left, 0.2s right, 0.05s opacity;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item:hover>a:after {
    opacity: 1;
    right: -.8rem;
    z-index: 10;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a>i.icon-angle-down {
    position: absolute;
    right: 10px;
    top: 12px;
}
.menu-item-description {
    display: block;
    font-size: 12px;
    font-weight: normal;
}
@media (min-width: 850px) {
    .header-bottom .flex-row.container {
        background-color: #fff;
        max-width: 1170px;
        padding: 0;
    }
    /* */
	.header-vertical-menu ul ul {
	    display: flex;
	    flex-flow: row wrap;
	    justify-content: flex-start;
	    min-width: 930px;
	}
	.header-vertical-menu ul ul.sub-menu li {
	    flex-basis: 33% !important;
	    margin: 0px;
	}
}
.ses-menu .menu-item-description {
    display: none;
}
.ses-menu ul li {
    margin-bottom: 7px !important;
}
/* */
.product-title {
    font-size: 1.3em;
}
.single-price {
    overflow: hidden;
    margin-bottom: 15px;
}
.single-price p {
    margin-bottom: 0;
}
.single-price ins *,
.single-price ins {
    color: red;
    font-weight: bold;
    font-size: 1.2em;
}
.single-price del,
.single-price del * {
    color: #333;
}

@media (max-width: 850px) {
	.tabbed-content .tab{flex-shrink: 0!important; overflow-y: hidden!important;-webkit-overflow-scrolling: touch!important;}
	.tabbed-content .nav{ 

	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    overflow-x: auto;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	    flex-direction: unset;
	    -webkit-flex-flow: unset;
	    flex-flow: unset;
	    -webkit-justify-content: unset;
	    justify-content: unset;
	    -webkit-align-items: unset;
	    align-items: unset;

	}
	::-webkit-scrollbar{height:3px;-webkit-overflow-scrolling: touch;}
	::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-overflow-scrolling: touch;}
	::-webkit-scrollbar-thumb{border:4px solid #ba6900}
}
#main .term-description {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px 3px #00000012;
    max-width: 1170px;
    margin: 0 auto 40px;
}