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

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: wrap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.nav>li>a {
/*     font-family: "Playfair Display", sans-serif !important;
    font-weight: bold !important; */
	font-family: 'Roboto'!important;
    font-weight: bold !important;
	font-size: 13px;
}


h1.entry-title {
    text-transform: uppercase;
	font-size: 32px;
	color: #992135;
}

.post-title a {
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6 !important;
	color: #992135;
}

.list-post .box-text-inner .from_the_blog_excerpt {
	color: #000000;
}

#top-bar .tooltip {
	color: #ddd
}

.products-san-pham-noi-bat .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

#top-bar .html_topbar_left:before {
	content: "\f06b";              /* Mã icon bông hoa (flower) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	padding-right: 10px;
}

.woocommerce .is-dashed {
	margin-bottom: 50px;
}


/* @media screen and (min-width: 850px) {
    .col-divided {
        border-right: none;
        padding-right: 30px;
    }
} */

.slider-wrapper .flickity-button-icon .arrow {
	color: black
}

.banner-slider .flickity-button .flickity-button-icon{
	max-width: none;
	max-height: none;
    border: 1px solid #FFF6ED;
    opacity: 1;
    width: 50px;
    padding: 15px;
	box-shadow: 0 10px 20px -10px rgba(180, 0, 0, 0.4);

}
.header .flex-row{
	justify-content:space-between
}
/* Header */

/* End Header */

.nav-dropdown li a {
    color: var(--primary-color);
    font-weight: bold;
}

.nav-dropdown li a:hover {
    color: var(--fs-color-secondary);
}

.header-main {
	border-bottom: 1px solid #ddd;
}
.header-bottom {
    background-color: #fffaf0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.cam-ket-1 .button.tu-van-ngay {
	color: black !important;
	border: 1px solid #ddd;
}

.single_add_to_cart_button.button {
	background-color: #992135 !important;
	padding-left: 32px;
    padding-right: 32px;
}
.single_add_to_cart_button.button:before {
	content: "\f07a";
	font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
	padding-right: 15px;
}

#top-bar .nav-top-link.nav-top-not-logged-in:before {
	content: "\f4d8" !important;       
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	padding-right: 10px !important;
}
/* 
#header-contact span {
/*     display: inline-block !important; */
    padding-bottom: 6px !important; 
    vertical-align: middle !important; 
} */

#header .header-wrapper .header-bottom .flex-center {
	padding-right: 20px
}
/* 
#header .header-wrapper .header-bottom .flex-right.flex-grow {
	padding-right: 17px
} */

/* Nhắm vào thẻ div chứa các icon mạng xã hội */
.social-icons.icon-mxh {
    display: flex;
    gap: 15px; 
    justify-content: flex-start; 
	padding-top: 5px
}

.product-dynamic-details {
	margin-top: -25px
}
.product-dynamic-details .icon-tag {
	padding-right: 15px
}
.product-dynamic-details .fa-fan {
	padding-right: 15px
}
.product-dynamic-details .icon-heart {
	padding-right: 15px
}
.product-dynamic-details .icon-expand {
	padding-right: 15px
}

.woocommerce-order *{
	font-weight:bold !important;
}
.woocommerce-order-details th,
.woocommerce-order-details td{
	border:none;
}
.cam-ket-1 .social-icons a:last-child {
	margin-bottom: 0px;
}
.row .section {
	padding-left: 0px
}
/* .cam-ket-1 .img img {
	width: 95%
} */
.cam-ket-1 .button {
	margin-bottom: 0em;
}

/* .cam-ket-1 .mua-ngay {
	padding-right: 5px
} */

.cam-ket-1 .tu-van-ngay {
	padding-left: 5px
}

.cam-ket-1 .tu-van-ngay button:before {
	content: "\e942" !important; /* Mã icon phone chuẩn của Flatsome */
    font-family: "fl-icons" !important; /* Buộc dùng font icon của theme */
    margin-right: 8px; 
    
    /* Các thuộc tính cần thêm để fix lỗi */
    display: inline-block;
    vertical-align: middle; /* Căn giữa icon theo chiều dọc với chữ */
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; /* Giúp icon nét hơn */
}

.banner {
	background-color: white;
}

.my-custom-banner1  .banner-bg {
	border-radius: 20px;
}

/* h1.entry-title {
    display: none;
} */

.banner .banner-button::after {
	content: "";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	padding-left: 20px;
/* 	transition: all 0.3s; */
}

.banner .banner-button:hover:after {
	content: "\f061";
	padding-left: 10px;
}

/* Footer  */
.footer-section .fa-shopping-cart {
	color: #992135;
    margin-right: 11px
}
.footer-section .fa-truck-fast {
	color: #992135;
    margin-right: 11px;
}
.footer-section .fa-credit-card {
	color: #992135;
    margin-right: 11px;
}
.footer-section .fa-refresh {
	color: #992135;
    margin-right: 11px;
}
.footer-section .fa-shield {
	color: #992135;
    margin-right: 11px;
}
.footer-section h3 {
	padding-bottom: 15px;
}
.footer-section .ho-tro-khach-hang {
	padding-top: 39px;
	padding-left: 0px
}
.footer-section .ban-do {
	padding-top: 79px;
}
.footer-section .col-inner ul li {
	margin-left: 0 !important;
	list-style-type: none;
	display: flex;
}
.support-container-final {
    padding: 0;
    margin: 0;
}
.support-title {
    color: #d2322d !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    padding-left: 0 !important; 
    text-transform: uppercase;
	display: flex;
}

.support-list-pro {
    list-style: none !important; 
    padding: 0 !important;      
    margin: 0 !important;
	
}

.support-list-pro li {
    display: flex;              
    align-items: flex-start;    
    margin-bottom: 12px;
    font-size: 16px;            
}

.icon-wrap {
    width: 25px;                
    flex-shrink: 0;
    color: #d2322d;
    font-size: 16px;
    padding-top: 3px;           
    text-align: left;           
}
.footer-section .fa-location-dot {
	padding-top: 5px;
	padding-right: 15px;
}
.footer-section .fa-phone {
	padding-top: 5px;
	padding-right: 15px;
}
.footer-section .fa-facebook {
	padding-top: 5px;
	padding-right: 15px;
}
.footer-section .fa-envelope {
	padding-top: 4px;
	padding-right: 15px;
}
.footer-section .kenh-ho-tro-khach-hang {
	padding-top: 26px
}
.footer-section .kenh-ho-tro-khach-hang .border-right-container {
	position: absolute; 
    right: 0px;           
    top: 25px;          
    height: 382px;
    width: 1px;
    background-color: #ececec;
    display: block;
    z-index: 10;
}
.footer-section .gioi-thieu .border-left-container {
	position: absolute; 
    right: 0px;          
    top: 0px;          
    height: 382px;      
    width: 1px;
    background-color: #ececec;
    display: block;
    z-index: 10;
}
/* .footer-section .col-inner.text-left {
	padding-left: 10px !important
} */
/* .footer-section .is-border {
	border: 1px solid #ececec;
	bottom: 10px
} */
/* End Footer */

/* Banner */
.banner-slider .banner-img img {
	border-radius: 20px
}
/* End Banner */

/* Checkout */
.woocommerce-billing-fields,
.woocommerce-additional-fields {
    background-color: #ffffff !important;
    
    /* Đường viền mảnh màu xám/nâu siêu nhạt chuẩn mẫu */
    border: 1px solid #f2e9e4 !important; 
    
    /* Bo góc 14px mịn màng quý phái */
    border-radius: 14px !important; 
    
    /* Tạo khoảng đệm rộng rãi thoáng đãng bên trong khung */
    padding: 25px 30px !important; 
    
    /* Khoảng cách giữa khối trên và khối dưới */
    margin-bottom: 25px !important;
    
    /* Đổ bóng nhẹ như sương để tạo chiều sâu tinh tế trên nền trắng */
    box-shadow: 0 4px 20px rgba(141, 29, 44, 0.02) !important; 
    
    clear: both;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
    color: #8d1d2c !important; /* Màu đỏ đô thương hiệu */
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important; /* Viết hoa toàn bộ */
    letter-spacing: 0.5px !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    display: flex !important;
    align-items: center !important;
}

#customer_details .form-row .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

#customer_details input[type="text"],
#customer_details input[type="tel"],
#customer_details textarea {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e2d7d2; 
    border-radius: 8px;  
    padding: 11px 15px; 
    font-size: 14px;
    color: #333333;
    outline: none;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
}

/* Hiệu ứng nịnh mắt khi click (Focus) vào ô nhập liệu */
#customer_details input:focus,
#customer_details textarea:focus {
    border-color: #8d1d2c; 
    background-color: #fff ;
    box-shadow: 0 0 0 3px rgba(141, 29, 44, 0.08) !important; 
}

/* Căn chỉnh lại font chữ cho nhãn (Label) phía trên các ô input */
#customer_details .form-row label {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    margin-bottom: 6px;
    display: inline-block;
}

.woocommerce-form-coupon-toggle {
    border-bottom: 2px solid #FEF6F0; 
    padding-bottom: 20px; 
    margin-bottom: 25px;
    width: 57%;
    display: block;
    clear: both;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.woocommerce .large-5.col .col-inner.has-border {
	border: 1px solid #F2E9E4;
	margin-top: -27px;
	border-radius: 8px;
}
.woocommerce .col-inner.has-border .button.alt {
	border-radius: 10px;
	background-color: #992135
}
.woocommerce .checkout-sidebar .cart-subtotal th {
	color: #000000;
}
/* End Checkout */

/*  */
.shop-sidebar .product-categories ul.children {
    border-left: 1px solid #f1f1f1 !important; 
    margin-left: 0px !important;              
    padding-left: 0 !important;
    list-style: none;
}

.shop-sidebar .product-categories ul.children li {
    position: relative;
    padding-left: 0 !important;
    margin: 0 !important;
}

.shop-sidebar .product-categories ul.children li a {
    display: block;
    padding: 8px 15px 8px 20px !important; 
    color: #666;
    transition: all 0.3s;
}

.shop-sidebar .product-categories li.current-cat > a::before {
    content: "";
    position: absolute !important;
    left: 0x;          
    top: 13;           
    height: 73;          
    width: 2x;          
    background-color: red;
    z-index: 9
}

/*  */


/*  */
.shop-container > .product {
	background: white !important;
}

.shop-container  .page-title-inner {
	color: #000000;
} 

/* Giỏ hàng */
.woocommerce .widget-title {
	color: #992135;
}
.woocommerce .cart-collaterals .checkout-button {
	border-radius: 5px;
	color: #ddd;
	background-color: #992135;
}
.woocommerce .is-form.button,
.woocommerce .button-continue-shopping,
.woocommerce .button.primary {
	border-radius: 5px;
}
/* End Giỏ hàng */
.section3 .product-hoa-sinh-nhat {
	margin-left: 75px;
    margin-right: 75px;
}
/*  */


/* Breadcrumb  */
.page-title {
	background-color: white;
}
.woocommerce-breadcrumb .divider {
    font-size: 0 !important; /* Triệt tiêu ký tự "/" mặc định của text */
}
.woocommerce-breadcrumb .divider::before {
    content: ">" !important; 
    font-size: 14px !important; 
    color: #000000 !important;
    margin: 0 8px !important;
	font-weight: bold;
	
}
/* .breadcrumbs .divider::before {
	content: ">" !important;
	color: black;
} */

.breadcrumbs {
    color: #000000 !important;
    letter-spacing: 0;
    padding: 0;
}
.dark .breadcrumbs a {
    color: #000000;
}
.dark .breadcrumbs {
    color: #000000;
    font-weight: 100;
}
/* End Breadcrumb */


/* Product Cart */
/* .widget_product_categories .widget-title {
    color: #992135 !important;
    font-weight: bold;
    text-transform: uppercase;
} */

.widget_product_categories {
    border-color: #FEF6F0 !important; 
}

/* .widget_product_categories {
    background-color: white !important;
    padding: 17px !important;
} */

/* @media screen and (min-width: 850px) {
    .col.col-divided:not(.col-first):last-child {
        border-left: none !important;
    }
} */

.shop-sidebar, .widget-title.shop-sidebar,
.widget-title.shop-sidebar {
    font-size: 18px;
    font-weight: bold;
    color: #000000; 
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

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

.product-categories li {
    padding: 8px 0;
    border-bottom: 1px solid #f9f9f9;
}

/* .product-categories li a {
    color: #444;
    font-weight: 500;
    transition: all 0.3s ease;
} */

.widget_product_categories ul.children li a {
    color: #000000 !important; */
    transition: all 0.3s ease;
}

.widget_product_categories ul.children {
    border-left: 2px solid #FEF6F0;
    padding-left: 8px;
}

/* .widget_product_categories ul.children li.current-cat {
    position: relative;
} */

.widget_product_categories ul.children li.current-cat > a {
    color: #992135 !important; 
    font-weight: bold;
}

.dark .form-flat select {
	background-image: none ;
}

.woocommerce-ordering select.orderby {
    appearance: auto !important; 
}

.widget_product_categories ul.children li.current-cat {
    background: #FEF6F0;
    border-radius: 0 4px 4px 0;
	margin-left: -3px;
}
/* .widget_product_categories .widget-title {
    color: #992135 !important; 
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
} */
.featured-title .woocommerce-result-count {
    display: contents;
	color: #000000
}
.shop-page-title .woocommerce-ordering .orderby {
	color: #000000 !important;
	border: 1px solid #FEF6F0;
}
.shop-page-title .page-title-inner form {
	margin-left: 15px
}
/* End Product Cart */

.nav-line-bottom>li>a:before {
    bottom: -1px;
}

/* Custom Silder */
/* @media (max-width: 932px) and (orientation: landscape) {
    .my-custom-banner1 {
        padding-top: 320px !important;
    }
    .my-custom-banner1 .banner-bg img {
        object-fit: contain !important;
        background-color: #fdfae7 !important;
		    height: 104%;
    }
	.my-custom-banner1 .banner-inner {
		height: 103%;
	}
	
    .my-text-box1 {
        width: 60% !important;
        left: 30% !important; 
    }
	
	.my-text-box1 .button {
		transform: translateX(-230px);
	}
} */
/* End Custom Silder */
 
/* Cam ket */
.cam-ket-section .icon-inner {
	background-color: white;
}

.cam-ket-section .icon-inner {
    background-color: #fff !important; 
    border: 1px solid #ffe5b4 !important; 
    border-radius: 50% !important; 
    width: 65px !important;
    height: 65px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
}

.cam-ket-section .icon-box:hover .icon-inner {
    background-color: #fff !important;
    transform: none !important;
}

/* .products-hoa-su-kien.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
        margin-bottom: 165px !important;
        margin-left: 12px !important;
    } */

.breadcrumbs a {
    color: #000000 !important;
    font-weight: 400;
}

.header .wide-nav .header-nav {
	gap: 12px
}

/* @media (min-width: 992px) {
    #section_1311058483 .section-bg img {
        object-fit: contain !important; /* Quan trọng: Giữ toàn bộ ảnh không bị cắt */
        object-position: center top !important; /* Căn ảnh sát mép trên */
        height: auto !important;
    }

    /* 2. Giảm khoảng cách Padding quá lớn (đang là 200px) để Section gọn lại */
    #section_1311058483 {
        padding-top: 100px !important; 
        padding-bottom: 50px !important;
        min-height: auto !important;
    }

    /* 3. Đảm bảo ảnh background fill toàn bộ chiều ngang nhưng không quá chiều cao */
    #section_1311058483 .section-bg.fill {
        background-color: #fff5f6; /* Màu nền hồng nhạt bổ trợ nếu ảnh co lại */
    }
} */

/* 4. Sửa lỗi đường kẻ trang trí bị quá to */
#image_275578829 {
    width: 20% !important; /* Thu nhỏ đường kẻ dưới chữ Hoa Sinh Nhật cho cân đối */
    margin: 0 auto !important;
}

/* @media (min-width: 850px) {
    #col-564933945 .col-inner, 
    #col-1143416068 .col-inner {
        border-right: 1px solid #ddd; 
        padding-right: 20px;
        margin-right: -10px;
        height: 80px; 
        display: flex;
        align-items: center;
    }
} */

.cam-ket-section h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    color: #992135 !important;
}

.cam-ket-section p {
    margin-bottom: 0 !important;
    line-height: 1.4;
}
/* End Cam ket */

.shop-page-title .page-title-inner{
	padding: 10px 15px;
}
.header-nav-main .html_topbar_right {
    margin-left: 17% !important;
}

#top-bar li a,
.nav-small.nav>li.html {
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 500;
}

.nhan-tin-section .large-12 {
    padding-bottom: 0;
}

.form-lien-he {
    background: #44070ca8;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    display: inline-block;
    clear: both;
}

.section3 .section-bg:is(img) {
	height: 100%;
    object-position: 15% 75% !important;
}


.form-lien-he .cot1 {
    width: 25%;
    float: left;
    color: white;
    font-size: 14px;
    display: inline-block;
}

.form-lien-he .cot2 {
    padding-top: 14px;
    display: inline-block;
    width: 15%;
    float: left;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
}

.form-lien-he .cot3 {
    padding-top: 17px;
    padding-left: 10px;
    width: 30%;
    float: left;
    display: inline-block;
}

.form-lien-he .cot4 {
    padding-top: 17px;
    width: 15%;
    float: left;
    display: inline-block;
    padding-left: 10px;
}

.form-lien-he .cot5 {
    padding-top: 17px;
    width: 15%;
    float: left;
    padding-left: 10px;
}

.giftcode {
    background: url(/wp-content/uploads/2022/04/gift-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 35px !important;
    font-size: 14px;
}

.form-lien-he select,
.form-lien-he input[type='email'] {
    margin-bottom: 0;
    border-radius: 4px;
    box-shadow: none;
}

.form-lien-he input[type='submit'] {
    text-transform: none;
    font-weight: normal;
    border-radius: 4px;
    margin-bottom: 0
}

.wpcf7-spinner {
    display: none
}

.form-lien-he .cot1 h3 {
    color: white;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.header-nav-main li a {
    font-size: 15px;
}

.header-nav.nav-left {
    justify-content: center;
}

.header-search-form-wrapper input {
    border: 2px solid var(--primary-color) !important;
    height: 37px;
    background: #fff5f8 !important;
    color: black !important
}

.searchform .button.icon i,
.header-nav-main li a:hover {
    color: var(--primary-color);
}

.section1 img {
    border-radius: 10px
}

.section-title-center span {
    margin: 0 15px;
    font-family: "Great Vibes", sans-serif !important;
    text-transform: none;
    font-weight: bold;
    font-size: 34px;
    color: var(--primary-color);
}

.section-title-container {
    margin-bottom: 10px;
}

.section-title b {
    background: none
}

.product-small .box-text {
    padding: 15px 10px;
/*     border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px */
}

.products-san-pham-noi-bat .box-text {
	border-radius: 10px
}

.products-hoa-ngay-le .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

.products-hoa-sinh-nhat .box-text {
	border-radius: 10px
	
}

.products-hoa-ngay-le .box-text {
	border-radius: 10px
}

.products-hoa-sinh-nhat .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

.products-hoa-su-kien .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

.products-hoa-su-kien .box-text {
	border-radius: 10px
}

.products-hoa-khai-truong .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

.products-hoa-khai-truong .box-text {
	border-radius: 10px
}

.products-hoa-chia-buon .image-zoom.image-cover {
	border-radius: 10px 10px 0px 0px;
}

.products-hoa-chia-buon .box-text {
	border-radius: 10px
}

.product-small .product-title a {
    text-transform: uppercase;
    font-size: 14px;
	color: #000000;
}



/* .product-small .box-image {
    border-radius: 10px
} */
.cam-ket-1 .col-divided {
	border-right: none !important
}

.product-small .box-text {
    padding: 10px 10px 15px 10px;
    border: 1px solid #FEF6F0;
	border-radius: 0px 0px 10px 10px;
	border-top: none
}
.shop-container .box-image img {
	border-radius: 10px 10px 0px 0px;
}

.product-small .price ins bdi,
.product-small .price bdi {
    font-size: 19px;
    color: #992135;
}

.product-small del bdi,
.product-small .price {
    font-size: 15px !important;
    color: gray !important
}

.badge-container {
    display: none
}

.section1 .col,
.section2 .col {
    padding-bottom: 0
}

/* .header-bottom-nav>li>a {
    font-family: Cormorant, sans-serif !important;
    font-weight: bold;
} */

.header-main .nav>li.html {
    font-size: 55px;
    font-family: "Great Vibes", sans-serif;
    text-align: center;
    font-weight: bold;
    color: var(--primary-color);
}

.product-small .box-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.footer-section {
    border-bottom: 1px solid #dfdfdf;
}

.footer-section h3 {
    text-transform: uppercase;
    font-size: 15px;
}

.copyright-footer {
    color: #fff !important;
}

a.back-to-top {
    border: 0 !important;
    background-color: var(--primary-color)!important;
    color: #fff!important;
}

.icon-angle-up:before {
    content: "\f176" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1;
    display: inline-block;
}

.ban-chay-nhat-tuan .post-item .box-image {
    border-radius: 6px;
}

.shop-sidebar .is-divider {
    display: none !important;
}

.shop-sidebar li {
    border: none !important;
}

.box-blog-post .is-divider {
    display: none
}

.list-post .post-item .post-title {
    text-transform: uppercase;
    margin-bottom: 10px;
	color: #000000;
}

.list-post .post-item {
    padding-bottom: 0
}

.ban-chay-nhat-tuan .large-12 {
    padding-bottom: 0
}
.cam-ket-section .icon-box {
/* 	align-items:center; */
	padding-bottom: 10px;
}
.cam-ket-section .icon-tien {
	padding-bottom: 10px;
}
/* .cam-ket-section .icon-huan-chuong {
	padding-bottom: 10px;
	
} */
.cam-ket-section .icon-box h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
    color: var(--primary-color);
}
.cam-ket-section .icon-box p{
	margin-bottom:0;
}
.cam-ket-section .col {
    padding-bottom: 0
}

/* .header-wrapper {
    box-shadow: 2px 2px 20px #00000014;
} */

/* .single-product .large-3 {
    padding-top: 30px;
    padding-left: 0
} */

.widget .is-divider {
    background-color: #FEF6F0;
    max-width: 100%;
    height: 2px;
}

.widget-title.shop-sidebar:before {
	content: "\e900" !important; /* Mã unicode của icon mũi tên trong Flatsome */
    font-family: "fl-icons" !important; /* Gọi đúng font nội bộ của Flatsome */
    font-weight: normal !important;
    font-size: 14px;
    margin-right: 8px; /* Khoảng cách giữa icon và chữ tiêu đề */
    color: #8d1d2c; /* Màu đỏ đô thương hiệu của bạn */
    display: inline-block;
	
}

.single-product .large-9 {
    border-right: none !important
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.product-small .box-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

/* .section3 .product-small {
    padding-bottom: 20px
} */

.section3 .col {
    padding-bottom: 0
}

/* .section4 .product-small .box-text {
    border-bottom: none
} */

form {
    margin-bottom: 0
}

.social-icons a:last-child {
    margin-bottom: 15px
}

.product-info .product-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    color: var(--primary-color);
}

.product-info .price bdi,
.product-info .price ins bdi {
    font-weight: bold;
    font-size: 20px;
    color: #FF0000;
}

.product-info .price del bdi {
    color: gray !important;
    font-size: 15px;
}

.product-short-description {
    font-size: 14px;
    color: #414141
}

.single_add_to_cart_button {
    border-radius: 5px;
}

.ux-quantity {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
}

.ux-quantity input {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none;
}

.widget ul {
	background: white
    font-size: 15px;
}

.widget {
    border: 1px solid #FEF6F0;
    padding: 10px;
    border-radius: 10px;
}
/* 
.widget ul.product-categories li {
    display: block;
} */

/* .product-categories li a {
    text-transform: capitalize;
    font-size: 16px;
} */

/* .widget ul.product-categories li.active a {
    color: var(--primary-color);
	text-transform: capitalize;
} */

.product_list_widget .product-title {
	color: #000000;
}
.product_list_widget li bdi {
    color: #B02135;
    font-weight: bold
}

.product_list_widget li del bdi {
    color: gray !important
}

.recent-blog-posts a {
    font-size: 15px
}

.recent-blog-posts {
    padding: 10px
}

.related h3 {
    color: var(--primary-color);
    letter-spacing: 0;
    font-weight: bold;
}

.woocommerce-tabs .woocommerce-Tabs-panel--description {
    color: var(--primary-color);
}

.woocommerce-tabs li a {
    font-size: 16px
}

.woocommerce-tabs li.active a {
    color: var(--primary-color)
}

.checkout_coupon button[type=submit].is-form {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
}

.stars a:after {
    color: var(--primary-color);
}

.blog-archive .post-item .box-image {
    border-radius: 10px
}

.blog-archive .post-item .post-title {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 10px;
}

.blog-archive .page-title {
    font-size: 27px;
    letter-spacing: 0;
}

#breadcrumbs {
    font-size: 15px;
    margin-bottom: 10px
}

.blog-single .entry-header .is-divider {
    display: None
}

.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: var(--primary-color);
    text-transform: uppercase;
}

.xem-them ul li {
    margin-bottom: 3px;
}

.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
}

.xem-them ul li a:hover {
    text-decoration: underline;
}

.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}

.danh-muc {
    margin-bottom: 15px;
}

.danh-muc span.title,
.the-tim-kiem span.title {
    border-radius: 4px;
    background: var(--primary-color);
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}

.danh-muc a,
.the-tim-kiem a {
    line-height: 32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}

.danh-muc a:hover,
.the-tim-kiem a:hover {
    background: var(--primary-color);
    color: white;
}

.bai-viet-lien-quan {
    margin-top: 15px;
}

.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}

.blog-share .is-divider {
    display: none
}

.blog-single .blog-share {
    text-align: left
}

.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: var(--primary-color);
    text-transform: uppercase;
}

.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}

.bai-viet-lien-quan ul li .box-image img {
    height: 180px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}

.bai-viet-lien-quan h4:hover {
    color: var(--primary-color)
}

.bai-viet-lien-quan h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}

.blog-single .large-3 {
    padding-left: 0;
    border-left: None !important
}

ul.product_list_widget li+li {
    border-top: 1px solid #FEF6F0;
}

.widget>ul>li+li, ul.menu>li+li {
    border-top: 1px solid #FEF6F0;
}

@media only screen and (max-width: 550px) {
    .nav-small.nav>li.html {
        font-size: 14px;
    }
    .bai-viet-lien-quan ul li {
        width: 50%;
    }
    .bai-viet-lien-quan ul li .box-image img {
        height: 90px;
    }
    .float-contact {
        background: white;
        padding: 5px 5px 5px 10px;
        bottom: 0 !important;
        left: 0 !important;
        width: 100%;
        display: inline-block;
    }
    .chat-zalo,
    .chat-face {
        margin-bottom: 0 !important;
        font-size: 14px;
        border-radius: 0 !important;
        padding: 0 5px !important;
        margin: 0;
        display: inline-block !important;
        float: left;
    }
    .float-contact .hotline {
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        margin-right: 0 !important;
        padding: 0 5px !important;
        font-size: 14px
    }
    .header-main .icon-menu:before,
    .header-main .icon-shopping-bag:before {
        color: var(--primary-color)
    }
    .off-canvas .nav-vertical>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        color: #292929;
    }
    .product-small .product-title a {
        font-size: 15px
    }
    .list-post .post-item .post-title {
        font-size: 16px;
    }
    .cam-ket-section .col {
        padding-bottom: 15px;
    }
    .blog-single .large-3 {
        padding-left: 15px
    }
    .bai-viet-lien-quan h4 {
        font-size: 15px;
        line-height: 21px;
        height: 68px;
    }
}

@media only screen and (max-width: 48em) {
    .form-lien-he .cot1,
    .form-lien-he .cot2,
    .form-lien-he .cot3,
    .form-lien-he .cot4,
    .form-lien-he .cot5 {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .form-lien-he input[type='submit'] {
        width: 100%
    }
    .form-lien-he .cot1 h3 {
        font-size: 18px;
    }
    .form-lien-he .giftcode {
        height: 30px;
        display: flex;
        align-items: center;
    }
}

.entry-content {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
	color: #000000;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.entry-content figure {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 5px 3px 10px;
    text-align: center;
}

.entry-content h6 {
    font-size: 15px;
}

.entry-content h5 {
    font-size: 17px;
}

.entry-content h4 {
    font-size: 17px;
}

.entry-content h3 {
    font-size: 18px;
}

.entry-content h2 {
    font-size: 20px;
    line-height: 1.5;
}

.entry-content h1 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}

.entry-content p {
    margin-bottom: 15px;
    font-size: 16.5px;
    line-height: 1.6;
}

.entry-content ul {
    list-style: disc;
    padding-left: 20px;
    padding-bottom: 5px;
}

.entry-content ul li {
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px;
}

.entry-content ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 16.5px;
}

.entry-content ol li {
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px;
}

.entry-content a {
    font-weight: 700;
}

.entry-content blockquote {
    background: #f3f3f3;
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative;
    text-align: justify;
}

.entry-content blockquote p {
    margin-bottom: 0;
}

.entry-content blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: var(--primary-color);
    content: "";
}

.entry-content code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
    font-size: 15px;
}

.entry-content table {
    width: 100%;
    height: auto;
    overflow: auto;
}

.entry-content table>tbody>tr>td,
.entry-content table>tbody>tr>th,
.entry-content table>tfoot>tr>td,
.entry-content table>tfoot>tr>th,
.entry-content table>thead>tr>td,
.entry-content table>thead>tr>th,
.term-description table>tbody>tr>td,
.term-description table>tbody>tr>th,
.term-description table>tfoot>tr>td,
.term-description table>tfoot>tr>th,
.term-description table>thead>tr>td,
.term-description table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px !important;
    font-size: 16.5px !important;
    width: auto !important;
}

.entry-content iframe {
    margin: auto;
}

.entry-content .syntaxhighlighter {
    padding: 10px 0;
}

.header-wrapper .flex-row.container {
	font-family: 'Roboto'
}

.my-custom-banner1 .button span {
	padding-left: 20px
}

.banner-slider .flickity-page-dots .dot {
	border: 1px solid #000000;
}
.flickity-page-dots .dot.is-selected {
	background-color: #992135;
}

/* .flickity-prev-next-button {
    opacity: 1 !important;
    visibility: visible !important;
} */

.shop-page-title .shop-page-title.is-xlarge {
	color: #000000;
	font-size: 32px;
	color: #992135;
}

/* Button Products */

/* 1. Ép buộc các nút luôn hiển thị rõ ràng */
.section2 .flickity-prev-next-button,
.section3 .flickity-prev-next-button,
.section4 .flickity-prev-next-button, 
.section5 .flickity-prev-next-button, 
.section6 .flickity-prev-next-button, 
.section7 .flickity-prev-next-button,
.ban-chay-nhat-tuan .flickity-prev-next-button {
    opacity: 1 !important;
    visibility: visible !important; /* Ép phần tử hiển thị không bị ẩn*/ 
    transform: translateX(0) !important; /* di chuyển theo trục X (ngang)*/ 
}

.section2 .slider-nav-circle .flickity-button svg,
.section3 .slider-nav-circle .flickity-button svg,
.section4 .slider-nav-circle .flickity-button svg,
.section5 .slider-nav-circle .flickity-button svg,
.section6 .slider-nav-circle .flickity-button svg,
.section7 .slider-nav-circle .flickity-button svg {
	border: 1px solid #FEF6F0;
    background-color: #fff;
    color: #992135;
	opacity: 1;
	max-width: none;
	max-height: none;
	width: 45px;
	padding: 12px;
	margin-top: 30px;
	
}

/* .slider-nav-circle .flickity-prev-next-button svg {
    transition: all 0.3s ease-in-out;
}
 */
.slider-nav-circle .flickity-prev-next-button:hover svg {
    color: #fff;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary) ;
}

/* 2. Đảm bảo khi hover vào nút hoặc slider không bị thay đổi vị trí hay độ mờ */
/* .slider:hover .flickity-prev-next-button,
.slider-show-nav .flickity-prev-next-button,
.flickity-prev-next-button:hover {
    opacity: 1 !important;
    transform: translateX(0) !important;
} */
/* End Button Products */

/* Sider */
.product-categories li a {
    color: #000000 ;
    font-size: 14px ;
    font-weight: 500 ;
}

.product-categories li.active > a,
.product-categories li.current-cat-parent > a,
.product-categories li.current-cat > a {
    color: #8d1d2c ; 
    font-weight: bold ;
    background: transparent ; 
}

.product-categories li {
    margin-bottom: 0 ;
    padding: 0px ; 
    border-bottom: 1px solid #FEF6F0;
}

.product-categories ul.children li {
    border-bottom: none ;
    padding-left: 15px ;
}

.product-categories .cat-item .active a {
    border-left: 2px solid #A62135;
	padding-left:10px;
}
.product-categories .cat-item{
	padding-left:2px !important;
}
.product-categories .cat-item ul{
    margin-left: 9px !important;
    padding-left: 0 !important;
}
.product-categories .cat-item a {
	padding-left: 10px
}
/* End Sider */

.section2 .col-inner .button,
.section3 .col-inner .button,
.section4 .col-inner .button, 
.section5 .col-inner .button, 
.section6 .col-inner .button,
.section7 .col-inner .button {
	margin-left: 22px !important;
}

/* Mobile */
/*************** ADD CUSTOM CSS HERE.   ***************/
@media (max-width: 430px) {
    /* Code CSS dành riêng cho điện thoại viết ở đây */
    .banner-bg :is(img) {
    	height: 93%;
	}
	.cam-ket-1 .tu-van-ngay {
    	margin-left: 10px;
		margin-right: -10px;
	}
	.cam-ket-section {
		padding-left: 0 !important;
	}
	.col-inner .social-icons.icon-mxh { 
        margin-left: 125px !important;
        padding-left: 0px !important;
		margin-bottom: -29px;
		margin-top: -85px;
    }
	.footer-section {
		border-top: 1px solid;
	}
	.product-footer {
		margin-top: -60px;
	}
	.footer-section .kenh-ho-tro-khach-hang {
		margin-left: 0px;
		margin-top: -15px;
		padding-left: 6px;
	}
	.cam-ket-1 .banner-button {
		margin-left: 0px !important
	}
	.footer-section .ho-tro-khach-hang {
		margin-left: 10px;
		padding-top: 25px
	}
	#header .flex-col.logo {
    	margin-left: 0px;
	}
	#header .flex-col.flex-left {
    	margin-left: 0px;
	}
	.my-custom-banner1 .button span {
		padding-left: 20px
	}
	.footer-section .is-border {
		border: none !important
	}
	.footer-section .gioi-thieu .border-left-container {
		background-color: white;
	}
	.footer-section .kenh-ho-tro-khach-hang .border-right-container {
		background-color: white
	}
	.section2 .slider-nav-circle .flickity-button svg,
	.section3 .slider-nav-circle .flickity-button svg,
	.section4 .slider-nav-circle .flickity-button svg,
	.section5 .slider-nav-circle .flickity-button svg,
	.section6 .slider-nav-circle .flickity-button svg,
	.section7 .slider-nav-circle .flickity-button svg {
		display: none;
	}
	.ban-chay-nhat-tuan .flickity-button {
		display: none;
	}
	.cam-ket-section .icon-inner .icon-xe {
		margin-top: -6px;
	}
	.cam-ket-section .icon-xe .icon-box-text {
		padding-top: 8px;
	}
	.cam-ket-section .icon-tien .icon-box-text {
		padding-top: 8px;
	}
	.cam-ket-section .icon-huan-chuong {
		margin-left: -15px;
	}
	.cam-ket-section .icon-huan-chuong .icon-box-text {
		padding-top: 8px;
	}
	.cam-ket-section .section-content .is-border {
		border-width: 0px !important;
	}
	.footer-section .gioi-thieu {
    	padding-top: 0px;
    	padding-left: 20px;
	}
	.footer-section .ban-do {
		padding-left: 15px;
    	padding-top: 65px;
	}
	.woocommerce-form-coupon-toggle {
    	width: 100%;
	}
}
/* End Mobile */