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

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,400italic);
:root {
	--blue : #0066cc;
	--pink : #fc5454;
	--red : #e5111e;
	--yellow: #f0ad4e
}

@font-face {
	font-family: "utm-avo";
	font-weight: normal;
	font-style: normal;
	src: url("/wp-content/themes/flatsome-child/font/utm-avo.ttf") format("truetype");
	font-display: swap;
}

body {
	font-family: "utm-avo", sans-serif
}

.nav>li>a {
	font-family: "utm-avo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	font-family: "utm-avo", sans-serif;
}
p {	margin-bottom: 5px !important;}

.copyright-footer {	color: #000;}
html body {font-size:15px}

body.home {background: #f5f8fd;}
#main {background-color:transparent}
th, td {font-size: inherit;}
td {color: #000;}
button {font-size:16px;font-weight: normal;}
.mb-0, .mb-0 > .col, .mb-0 > p {margin-bottom:0 !important} 
.mgb-15 {margin-bottom:15px !important}
.pdb-0, .pdb-0 .col {padding-bottom:0 !important}
.pdb-10, .pdb-10 .col {padding-bottom:10px !important}

.button.disabled, button.disabled, .button[disabled], button[disabled] {opacity:1}

/* Archive Product */
.archive #wrapper, .archive #main {background-color:#fff}
.list-brand-items {text-align: right;padding-right:15px}
.list-brand-items a {font-size: 12px;height: 34px;margin: 0 10px 0 0;padding: 0.5rem 1rem;border: 1px solid #E5E7EB;border-radius: 10px;background: #F3F4F6;color: #444444;text-decoration: none;overflow: hidden;position: relative;cursor: pointer;width: auto;display: inline-block;}
.list-brand-items a:hover {color:#000;background:#cecece;box-shadow:0 0 2px #ccc}
.tab-brand-item {margin-bottom:20px}
.term-description .list-brand a {padding: 10px !important;display: inline-block;margin-bottom: 5px;border: 1px solid #eee;border-radius: 10px;}
.term-description .ux-logo:nth-child(2) a {padding: 5px !important;}
.term-description .ux-logo:nth-child(2) a img {height: 25px !important;}
.term-description .list-category a {margin: 10px 10px 10px 0;border-radius: 10px;background-color: transparent !important;font-size: 15px;font-weight: 600 !important;}
.term-description .list-category a.active {background-color:#ef4444 !important;}
.archive .category-page-row {max-width:1200px}
.archive .product.product-small .badge-container {left:10px}
.product.product-small{max-width: calc((100% - 40px) / 4);margin-bottom: 10px;padding: 10px;background: #ffffff;position: relative;border-radius: 10px;-webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;transition: .3s;}
.product.product-small:not(:nth-of-type(4n)), .row-qtyc .col-inner:not(:nth-of-type(4n)) {margin-right: 10px;}
.product.product-small:hover , .row-qtyc .col-inner:hover{-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);-webkit-transform: scale(1.02);transform: scale(1.02);z-index: 1;}

.row-qtyc .col-inner{margin-bottom: 10px;padding: 10px;background: #ffffff;position: relative;border-radius: 10px;-webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;transition: .3s;}

.product-small .product-title a {font-weight: 600; color: #000}
.product-small .product-title a:hover, .donvi, span.amount {color: var(--red)}

.image-tools a.button {border-color: var(--primary-color);}
.image-tools a.button i {color:var(--primary-color)}
.image-tools a.button:hover i {color:#fff}

/* Tab Product Related */
.tab-product-related .tabs .tab {text-transform: uppercase;font-weight: 700 !important;height: 34px;display: flex;align-items: center;margin: 0 10px 10px 0;padding: 5px 10px;border: 1px solid #e5e7eb;border-radius: 10px;background: #f3f4f6;color: #444444;cursor: pointer;}
.tab-product-related .tabs .tab.active {border-color: #d70018!important;background: #fef2f2!important;color: #d70018!important;}
.tab-product-related .product-section .row {margin-left:0;margin-right:0}
h3.product-section-title {max-width:100%}

/* Product Video Review */
.product-video-reviews {margin-bottom:15px;background: #fff;padding: 10px;}
.product-video-reviews h3 {font-size:16px}

button.single_add_to_cart_button, button.buy_now_button {border-radius:10px;margin-bottom: 0;height: 50px;width:48%}
button.single_add_to_cart_button {line-height: 1.4;padding: 5px 15px;border: 1px solid var(--primary-color);background-color: var(--primary-color) !important;color:#fff !important; width:100%}
button.buy_now_button {padding: 0 30px;}
button.single_add_to_cart_button:hover, button.buy_now_button:hover {box-shadow:none !important;}
.ntx-quickbuy button.buy_now_button {position: relative;}
.ntx-quickbuy button.buy_now_button:after {animation: spin 500ms infinite linear;border: 2px solid #fff;border-radius: 32px;border-right-color: transparent !important;border-top-color: transparent !important;content: "";display: block;height: 16px;top: 50%;margin-top: -8px;left: 50%;margin-left: -8px;position: absolute;width: 16px;}
.ntx-quickbuy button.single_add_to_cart_button.loading:after {display: none;}
.sticky-add-to-cart--active button.single_add_to_cart_button, .sticky-add-to-cart--active button.buy_now_button {width:auto}

.term-description {margin-top: 20px;}

.section-tintuc .col-inner , .section-tintuc .col-inner .box{
	border-radius: 10px;
}

.section-tintuc .col-inner .is-divider, .mega-menu-description,#mega-sub-menu-2532 > li > a  {
	display: none!important
}

.section-tintuc .col-inner .box-image img {
	border-radius:10px 10px 0 0
}
.section-tintuc .col-inner .box-text {
	border-radius:0 0 10px 10px
}

.home h3 {text-transform: uppercase; color : var(--red)}

#block-7.widget .row .col-inner {
	border:1px solid var(--red);
	border-radius: 10px 10px 0 0;
}

#block-7.widget .row .col-inner p{
	padding: 5px 10px;
}

#block-7.widget h3 {
	background: var(--red);
	text-align: center;
	color: #fff;
	padding: 5px 0;
	border-radius: 10px 10px 0 0
}

.ux-quantity.quantity.buttons_added.form-minimal:before {
    content: "Số lượng : ";
    line-height: 40px;
    margin-right: 10px;
    font-weight: 700;
	font-size: .9em;
	
}

.form-minimal.quantity .qty {
	height: auto;
}

.product-summary .quantity {
	width: 100%;
}

.archive h5.post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
	height: 45px;
}

.archive .is-divider {display: none;}


#secondary .is-divider {
	display: none;
}

#secondary .widget-title  {
	background: var(--red);
	display: block;
	    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-radius: 5px 5px 0 0;
}

#secondary ul {
	border: 1px solid #ccc;
	padding: 0 10px;
}

#secondary .recent-blog-posts a {
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
}
#secondary .badge {
	height: 50px;
    width: 70px;
}

#secondary form input[type=search] {
	height: 35px;
}

#secondary  form button.ux-search-submit {
	padding: 0;
	min-width:3em!important;
	border-radius:0;
	border: 0
}


.tab-home .tabbed-content ul li a {
  font-size: 16px;
    text-transform: initial;
    color: var(--pink);
    padding: 5px 15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--pink);
    border-radius: 30px 30px 30px 30px;
    margin: 10px;
    border: solid 1px var(--pink);
    font-weight: 600;
}
 .tab-home .tabbed-content ul li.active a  {
	color: #fff;
}


#top-bar a {	font-size: 14px;	color: #fff;}
#top-bar a i {padding-right: 2px; padding-top: 5px}
#top-bar .menu-top-bar a { margin:0 10px}

form .search_categories, form input[type=search] {height: 45px;}
form .search_categories {border-radius:10px 0 0 10px}
form input[type=search]:focus, form .search_categories:focus {box-shadow: none!important}
form button.ux-search-submit {padding: 5px;
    min-width: 4em !important;
    border-radius: 0 10px 10px 0;
    border: 2px solid var(--pink);}


/* Phá»¥ kiá»‡n */
.phu-kien .col-inner {display: flex;flex-wrap: wrap;}
.phu-kien a.plain:first-child {border-left:1px solid #9e9e9e }
.phu-kien a.plain {width:10%; border-right:1px solid #9e9e9e;  border-bottom:1px solid #9e9e9e; font-family: 'Roboto Condensed', sans-serif}
.phu-kien p {font-size:12px}
.phu-kien .icon-box-img img {    padding-top: 0px;    position: absolute;    top: 70%;    transform: translate(-50%, -50%);    width: 50%;}
.phu-kien .icon-box .icon-inner {height: 50px;}
.phu-kien .icon-box .icon-box-img {margin-bottom:5px}
.phu-kien .icon-box .icon-box-text {color: var(--red);text-align: center;}
.phu-kien a:hover p, .mfp-arrow{color:#000; }

.pk-home .col {padding-bottom: 0}


.col-home-icon-box .col-inner{display: flex; align-items: center; justify-content: space-between}


#footer a.ux-menu-link__link {font-size: 13px; transition: padding .3s ease-in-out}

#footer a.ux-menu-link__link:hover {
	font-weight: 600;
	color: var(--red);
	padding-left: 3px
}

.border-title-home::before, .border-title-home::after {
    height: 1px;
    background-color: var(--pink);
    opacity: 1;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    min-width: 31%;
}

.border-title-home::before {
    left: calc(0% + 5px);
}
.border-title-home::after {
    right: calc(0% + 5px);
}

h1.product-title {font-size: 1.4em}

.jet-btn-custome {display:flex; align-items: center; justify-content: space-between}
.jet-btn-custome .baogia , .jet-btn-custome .yeucau {border-radius: 10px; color: #fff; font-size: 14px; text-align: center; width: 49%; padding: 14px; font-weight: 600}
.jet-btn-custome .baogia {background: var(--blue)}
.jet-btn-custome .yeucau {background: var(--yellow)}


/* Hover: nổi nhẹ */
.yeucau:hover,
.baogia:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}


button.single_add_to_cart_button:before {
	content:"\f217";
	font-family: "FontAwesome";
	font-size: 20px;
    margin-right: 10px;
}


.title-home-product {text-align: center; margin-bottom: 10px;}

.title-home-product h3 a {color: #fff;     text-transform: math-auto;}

.title-home-product h3 {
	text-align: center;
	position: relative;
    height: 47px;
	line-height: 47px;
    border-top: 1px solid var(--pink);
    border-bottom: 1px solid var(--pink);
    display: inline-block;
    color: #fff;
    font-size: 24px;
    max-width: 35%;
    margin-bottom: 0;
	background: var(--pink);
}
.title-home-product h3::after {
	content: "";
    display: block;
    width: 14px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    right: -14px;
	background: url(/wp-content/uploads/2026/03/btn-bg-right-hover-solid.webp) no-repeat;
}
.title-home-product h3::before {
    content: "";
    display: block;
    width: 14px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    background: url(/wp-content/uploads/2026/03/btn-bg-left-hover-solid.webp) no-repeat;
    left: -13px;
}


#block-7 {
		position:sticky;
		position:-webkit-sticky;
		top:22%;
	}

#mega-sub-menu-2532 {
    position: absolute!important;
    width: auto!important;
    left: 245px!important;
}
#mega-menu-item-3205 {
	padding: 5px 10px!important
}

.product-tag-bottom-content {
	margin-top: 10px;
}

.tags_product a {
	margin-top: 10px;
	color : #337ab7
}

.tags_product a:hover {
	color: var(--pink)
}


.mfp-close-btn-in .mfp-close { color: #fff;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer}


.author-box-container {order: 2}

.checkout-page-title .breadcrumbs, .woocommerce-NoticeGroup, .author-box-container h3 {
	display: none;
}

#customer_details input, #customer_details textarea {
	border-radius: 10px;
	height: 45px;
}

/* checkout */
.woocommerce-billing-fields {
	border-top: 0px
}

.checkout-product-image-container-wat {
	    display: flex;
    align-items: end;
}

.checkout .product-quantity, .woocommerce-bacs-bank-details {
	display: none
}

.checkout .has-border, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
	border: 0px;
}

#billing_first_name_field {
	width: 100%;
}

.shop_table .order-total th, .order-total td bdi{
	font-size: 14px; 
	color: #dd3333
}

.woocommerce a.remove, .cart-item a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}

.woocommerce a.remove:before,
.woocommerce a.remove:after,
.cart-item a.remove:before,
.cart-item a.remove:after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}

.woocommerce a.remove:before, .cart-item a.remove:before {
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}

.woocommerce a.remove:after, .cart-item a.remove:after {
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}

.woocommerce a.remove:hover:before, .cart-item a.remove:hover:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}

.woocommerce a.remove:hover, .cart-item a.remove:hover {
    background: transparent;
}


.product-tag-bottom-content, .single-post .large-9 {
	text-align: justify
}

.product-tag-bottom-content h1, .product-tag-bottom-content h2, .product-tag-bottom-content h3,
.product-tag-bottom-content h4, .product-tag-bottom-content h5, .product-tag-bottom-content h6,
.single-post .large-9 h1, .single-post .large-9 h2, .single-post .large-9 h3, .single-post .large-9 h4,
.single-post .large-9 h5, .single-post .large-9 h6{
	font-size: 22px
}

.product-tag-bottom-content p, .product-tag-bottom-content span, .product-tag-bottom-content div,
.single-post .large-9 p, .single-post .large-9 span, .single-post .large-9 li, .single-post .large-9 strong{
	font-size: 20px
}

.product-tag-top-content {
	margin-bottom: 20px
}