/*
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.   ***************/
.back-to-top{
	bottom:70px;
}
@media only screen and (max-width: 48em) {
	.absolute-footer {
		margin-bottom:50px
	}
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	#ext-bottom-navigation{
		display:block !important;
		min-height:65px;
	}
	#ext-bottom-navigation .bottom-navigation-item .text {
    font-size: 11px;
    line-height:unset;
    margin-top: 2px;
    text-align: center;
}
}
#ext-bottom-navigation .bottom-navigation-item .icon{
	height:unset
}
.bottom-navigation-item a{
	background:none !important;
	box-shadow:none;
	border:none !important;
	color:black !important;
}
#ext-bottom-navigation{
	background-color:unset;
	box-shadow:none !important;
	z-index:100 !important
}
#ext-bottom-navigation .bottom-navigation-item a{
	padding-bottom:2px !important
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .text{
	padding: 0px 8px;
        background-image: linear-gradient(92.83deg, #0E68C8 0, #02A4A5 100%);
        border-radius: 30px;
        color: white;
        display: inline-block;
	   width:fit-content;
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .icon{
	left: 50%;
        position: absolute;
        transform: translateX(-50%);
        background-image: linear-gradient(92.83deg, #f90000 0, #950099 100%);
        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
        top: -15px;
        text-align: center;
        box-shadow: rgb(0 0 0 / 15%) 0 -3px 10px 0px;
        border: 2px solid #fff;
	display:flex;
	align-items:center;
	align-items:center;
	max-height:50px !important
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) a{
	display:flex !important;
	flex-direction:column;
	justify-content:end !important;
	align-items:center;
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .icon img{
	        max-width: 20px !important;
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.bottom-navigation-items:after{
	        content: "";
        position: absolute;
        pointer-events: none;
        background-image: url(/wp-content/uploads/2026/06/icon1111.svg);
        background-color: unset;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        box-shadow: unset;
        height: 65px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
}
.bottom-navigation-item:nth-child(3) .icon{
    position:relative;
    border-radius:50%;
}

.bottom-navigation-item:nth-child(3) .icon::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    animation:pulse-call 1.8s infinite;
}

@keyframes pulse-call{
    0%{
        box-shadow:0 0 0 0 rgb(59 57 153 / 60%);
    }

    70%{
        box-shadow:0 0 0 15px transparent;
    }

    100%{
        box-shadow:0 0 0 0 transparent;
    }
}
.product-small .wvs-archive-variations-wrapper{
	display:none;
}
.row-danhmuc .flickity-button{
	margin-top:-5% !important
}
.custom-product-page{
	padding-top:30px;
}
.text-lienhe p{
	margin-bottom:0
}
.text-lienhe i:before{
	color:var(--primary-color)
}
.col1-lienhe .wpcf7 form {
    width: 100%;
}

/* Force tất cả field full width */
.col1-lienhe .wpcf7 .form-row {
    display: block !important;
}

.col1-lienhe .wpcf7 .form-row .col {
    width: 100% !important;
    margin-bottom: 15px;
}

/* Input + textarea */
.col1-lienhe .wpcf7 input[type="text"],
.col1-lienhe .wpcf7 input[type="email"],
.col1-lienhe .wpcf7 input[type="tel"],
.col1-lienhe .wpcf7 textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
	margin-bottom:0
}

/* Button */
.col1-lienhe .wpcf7 input[type="submit"] {
    width: 100%;
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}
.image_hover:before{
	 position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.image_hover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
   
}
.section {
padding-left: 0 !important;  padding-right: 0 !important; 
}
.header-wishlist-title{
    font-size: 14px;
}
.image_hover:hover:before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(255, 255, 255, 0.3);
}
.image_hover:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(255, 255, 255, 0.3);
}
.section_two_banner .col,.row-banner .col,.top-footer .col{
	padding-bottom:0
}
.top-footer .col-inner{
    display: flex;
    align-items: center;
}
.top-footer .wpcf7-form.init{
    margin-bottom: 0;
}
.cf7-subscribe {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 40px;
    padding: 5px;
    max-width: 500px;
}

.cf7-subscribe input[type="email"] {
    border: none;
    background: transparent;
    padding: 10px 15px;
    flex: 1;
    outline: none;
    font-size: 14px;
    box-shadow: none !important;
    margin: 0;
}

.cf7-subscribe input[type="submit"] {
    background: #0282a5;
    color: #fff;
    border: 2px solid #fff;

    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
    margin: 0;
}

.cf7-subscribe input[type="submit"]:hover {
    opacity: 0.85;
}
.top-footer {
    padding: 40px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.wpcf7-spinner{
    display: none;
}
.cf7-subscribe p{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.cf7-subscribe .wpcf7-form-control-wrap{
    display: flex;
    align-items: center;
}
 .item {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
}
.mid-footer{
    position: relative;
    padding: 50px 0px;
}
.sale-percent-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: red;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 10px;
    
    z-index: 8;
    line-height: 1;
    pointer-events: none;
}
.box-category h5{
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
}
.box-category:hover h5{
    color:var(--primary-color)
}
.box-category .box-image > div{
        width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    margin-bottom: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 100px;
}
.box-category img{
    width: 50px;
}
.title-trang-chu h2{
    color: black;
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-weight: 500;
    position: relative;
}
.title-trang-chu {
    text-align: center;
    margin-bottom: 20px;
}
.product-small {
  
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #F2F2F2;
}
.from_the_blog_excerpt {
     display: block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
   
}
.post-title a{
     display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
  
}
.post-item {
    margin-bottom: 20px;
}
.post-item .is-divider{
    display: none;
}
.post-item .box-text{
    padding: 0 10px;
}
.product-small a{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
 
}
.product-small .box-text{
    z-index: 1;
    position: relative;
    margin-top: 24px;

    padding: 0;
}
.product-origin{
    color: #5F666A;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}
span.amount{
    font-weight: 600;
    font-size: 18px;
    color: red;
    position: relative;
    margin-bottom: 10px;
}
.product-small:hover{
    border-color:var(--primary-color)
}
.custom-product-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}


.custom-btn-option svg{
    width: 24px;
}
.custom-product-buttons a{
    margin: 0 !important;
    background: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
        border: 1px solid #5F666A;
        color: #5F666A;
}
.custom-product-buttons a:hover{
    background-color: var(--primary-color);
    border-color:var(--primary-color) ;
    box-shadow: none !important;
}
.custom-product-buttons a:hover svg path {
    fill: #fff;
}
.box-text-products .add-to-cart-button{
    display: none;
}
.box-text-products .price{
       
    margin-bottom: 10px;
}
.custom-product-buttons a.added_to_cart {
    display: none !important;
}
#header .menu-sanpham > .sub-menu {
    display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition: .3s ease-in;
        transform: translateY(0px);
        box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
}
#header .menu-sanpham .nav-dropdown{
    left: -350px;
}
#header .menu-sanpham > .sub-menu > li{
    float: left;
        width: calc(100% / 4);
        padding: 10px;
        text-align: left;
}
li>.nav-top-link{
            display: block !important;
        text-align: left;
        padding: 13px 10px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        position: relative;
        text-transform: none !important;
        
}
.header-bottom {
   
    border-top: 1px solid #DEEEFF;
}
.button-call-header{
    height: 100%;
    background: #ff4440;
    font-size: 16px !important;
    padding: 12px 10px !important; 
    display: flex;
    align-items: center;
    gap: 15px;
    color:white !important;
}
.header-bottom-nav li{
    margin-right: 0px;
}
.header-bottom .flex-left{
    max-width: 300px;
}

#main{
    position: relative;
}
.bg-index {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 130vh;
    background: linear-gradient(180deg, var(--primary-color) 0%, #fff 100%);
}
.image-border img{
    border-radius: 10px;
}
.custom-product-info{
    display: flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    gap: 10px;
}
.recently-viewed-vertical .col-inner{
    padding-bottom: 0px !important;
}
.recently-viewed-vertical .custom-product-buttons ,.recently-viewed-vertical .add-to-cart-button{

    display: none;
}
.recently-viewed-vertical a{
    margin: 0 0 10px;
}
.widget-title{
        text-align: left;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
}
.product-short-description p{
    margin-bottom: 5px;
}
#menu-menu-doc li a {
    display: flex !important;
    align-items: center;
    gap: 5px;
    padding: 10px !important;
    border-radius: 0px 30px 30px 0px;
    margin-right: 10px;
}

#menu-menu-doc li a::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/04/default_menu_icon.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
#menu-menu-doc{
    border-top: 0;
        width: 100%;
        padding: 10px 0px;
        box-shadow: 0px 3px 8px #edf0f3;
        border-radius: 0px 0px 8px 8px;
}
.header-vertical-menu__opener{
    color: #fff;
        padding: 12px 12px 12px 8px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
    
        border-radius: 8px 8px 0px 0px;
}
.header-wrapper:not(.stuck) .header-vertical-menu__fly-out{
   
        border-radius: 0px 0px 8px 8px;
    }
.btn-view {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 35px;
    border-radius: 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    margin-top: 30px;
}
.btn-view:hover{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: white;
    box-shadow: none;
}
.box-sp-vertical .custom-product-buttons,.box-sp-vertical .add-to-cart-button,.wishlist-popup{
    display: none;;
}
.box-sp-vertical .box-text{
    padding: 0 0 0 15px;
}
.badge-container{
    left: 20px;
        
}
.badge-container .onsale{
    color:white;
    font-size: 12px;
}
.badge-container .badge-inner{
    background-color: var(--primary-color);
    border-radius: 4px;
}
.section .col{
    padding-bottom: 0;
}
.my-header p{
    padding: 10px 0;
    margin-bottom: 0;
}
.my-header .last{
    color:var(--primary-color)
}
#menu-menu-doc li a:hover{
    background-color: rgba(55, 190, 227, 0.15);
}
.col-product-sale h4 a{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.col-product-sale > .col-inner{
    position: relative;
    padding: 15px 30px 0px;
    border-radius: 8px;
    background-image: linear-gradient(270deg, #0282a5 0%, #37bee3 100%);
}
.col-product-sale > .col-inner:before{
        content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: url(/wp-content/uploads/2026/04/bg-flash-sale.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.product-sale .custom-product-buttons{
    display: none;
}
.product-sale .flickity-page-dots{
        position: absolute;
    margin-top: 0px;
    bottom: -15px;
    width: fit-content;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(0%);
    left: 50%;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.product-sale .box-text .button{
    width: auto;
    height: auto;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: none;
    background-color: var(--primary-color);
}
.product-sale .product-small {
        display: flex;
    gap: 20px;
    align-items: center;
}
.product-sale .title-wrapper{
    margin-bottom: 10px;
}
.product-sale .product-origin{
    margin-bottom: 10px;
}
.product-sale .price{
    margin-bottom: 10px;
}
.product-sale  .box-vertical .box-image {
        width: 100%;
    }
    .row-header11 p{
        font-size: 14px;
    }
    .row-header11 > .col{
        padding-bottom: 0;
    }
    .searchform-wrapper.form-flat .flex-col:last-of-type{
        margin-left: unset;
    }
    .searchform .button.icon{
        color: #fff !important;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0;
    height: 100%;
    padding: 0px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    border-radius: 50px;
    background-color: var(--primary-color) !important;
    }
    .searchform .button.icon::after{
        content: 'Tìm kiếm';
        font-size:14px ;
        margin-left: 10px;
        color: white;
        font-weight:400
    }
    .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
        width: 100%;
    padding: 10px 24px;
    padding-right: 115px;
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    line-height: 24px;
    background: white;
    height: 48px;
    }
    .header-main .flex-right{
        width: 505px;
    }
    .box-image .quick-view{
        display: none;
    }
    .san-pham-da-ban{
        display: none;
    }
    .product-sale .san-pham-da-ban{
        display: block;
    }
    .san-pham-da-ban{
        width: fit-content;
        font-size: 14px;
    font-weight: bold;
    padding: 7px 10px;
    border-radius: 4px;
    background-color: #F0F7FF;
    }
    .san-pham-da-ban .so-luong{
        color: red;
    }
    .is-divider{
        display: none;
    }
    .widget-area ul{
        padding-left: 0 !important;
    }
    .widget-area {
    position: sticky;
    top: 0;
    margin-bottom: 0px;
    padding: 15px 0px 0px 0px;
    border-top: 4px solid var(--primary-color);
    }
    .widget-title {
        display: block;
    }
    .home .my-header{
        display: none;
    }
    .products >.product-small{
        padding: 0 ;
    }
    .nav-dropdown>li>a:hover{
        color: var(--primary-color);
    }
    .nav-dropdown>li>a{
        color: black;
    }
    .nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
        border: none;
    }
    .woocommerce-cart-form__cart-item span.amount{
        font-size: 14px;
    }
    #salertWrapper .popup-item{
        gap: 10px;
    }
    #salertWrapper figure img{
        object-fit: contain;
    }
    .woof_list{
        margin: 0 !important;
    }
    .woof_list span.amount,.woof_list label{
            font-size: 14px;
    color: #333;
    margin-bottom: 0px;
    }
    .woof_redraw_zone h4{
            color: black;
    font-size: 16px;
    font-weight: bold;
    line-height: initial;
    position: relative;
    margin: 0px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    }
    .woof_redraw_zone h4:after{
        content: '';
    width: 38px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: var(--primary-color);
    }
    .woocommerce-variation-price{
        font-size: 18px;
    }
 /* Căn chỉnh nhãn Bán Chạy */
.product-small .box-image {
    position: relative; /* Đảm bảo lớp bọc ảnh là gốc tọa độ */
}

.label-ban-chay {
    position: absolute;
    top: -45px; /* Đưa xuống giữa theo chiều dọc */
    left: 180px;
    transform: translateY(-50%); /* Căn chỉnh chính xác trọng tâm */
    background-color: var(--primary-color); /* Màu xanh như trong hình */
    color: white;
    padding: 5px 12px;
    font-weight: bold;
    font-size: 13px;
    z-index: 10;
    border-radius: 0 4px 4px 0; /* Bo góc bên phải */
  
    pointer-events: none; /* Tránh cản trở việc click vào ảnh */
    text-transform: uppercase;
    white-space: nowrap;
        transform: rotate(45deg);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
            height: 25px;
            width: 130px;
            display: none;
            
        
}

.product-sale .label-ban-chay{
    display: block;
    text-align: center;
}
/* Hiệu ứng nếu muốn nhãn mờ đi khi di chuột vào ảnh */
.product-small:hover .label-ban-chay {
    opacity: 0.8;
}
.col1-sidebar-sp .icon-box {
    display: flex;
    align-items: center;

    margin-bottom: 15px;
    justify-content: center;
}
.col-sidebar-sp .col1-sidebar-sp{
   
    border-top: 4px solid var(--primary-color);
        padding: 20px !important
        ;
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;

}
.col1-sidebar-sp .icon-box p{
    font-size: 14px;
}

.col1-sidebar-sp h2{
        color: black;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    display: block;
    margin-bottom: 15px;
}
.button-sidebar{
    margin-right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttons_added:before{
    content: "số lượng : ";
    margin-right: 15px;
    font-size: 14px;
    font-weight: bold;
}
.buttons_added{
    display: flex;
    align-items: center;
}
.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Thằng số lượng chiếm full hàng */
.woocommerce-variation-add-to-cart .quantity {
    width: 100%;
}

/* 2 nút nằm cùng 1 hàng */
.woocommerce-variation-add-to-cart button {
    flex: 1;
}

/* Nếu muốn 2 nút cách nhau đẹp hơn */
.woocommerce-variation-add-to-cart button + button {
    margin-left: 10px;
}
.additional_information_tab{
    display: none;
}
.swiper-button-next, .swiper-button-prev{
    color: black !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
    color: var(--primary-color) !important;
}
/* Tùy chỉnh nút Add to cart chính */
.single_add_to_cart_button.button {
    position: relative;
   width: 45px; /* Độ rộng vừa đủ cho icon */
    height: 45px;
    background-color: #fff !important; /* Nền trắng */
    border: 1px solid var(--primary-color) !important; /* Viền màu xanh đậm giống icon */
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    border-radius: 10px;
}

/* Chèn SVG của bạn vào giữa nút */
.single_add_to_cart_button.button:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    /* Dán mã SVG của bạn vào đây (đã mã hóa để dùng trong CSS) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.75 22.5C10.9926 22.5 12 21.4926 12 20.25C12 19.0074 10.9926 18 9.75 18C8.50736 18 7.5 19.0074 7.5 20.25C7.5 21.4926 8.50736 22.5 9.75 22.5Z' fill='%2337bee3'%3E%3C/path%3E%3Cpath d='M17.25 22.5C18.4926 22.5 19.5 21.4926 19.5 20.25C19.5 19.0074 18.4926 18 17.25 18C16.0074 18 15 19.0074 15 20.25C15 21.4926 16.0074 22.5 17.25 22.5Z' fill='%2337bee3'%3E%3C/path%3E%3Cpath d='M21.9986 5.79488C21.8581 5.62418 21.6815 5.48678 21.4816 5.39256C21.2816 5.29834 21.0632 5.24965 20.8421 5.25H5.78963L5.35575 3.081C5.28719 2.74125 5.10335 2.43562 4.83533 2.21585C4.56732 1.99609 4.2316 1.87567 3.885 1.875H2.625C2.42609 1.875 2.23532 1.95402 2.09467 2.09467C1.95402 2.23532 1.875 2.42609 1.875 2.625C1.875 2.82391 1.95402 3.01468 2.09467 3.15533C2.23532 3.29598 2.42609 3.375 2.625 3.375H3.885C3.885 3.375 6.16988 14.7788 6.1875 14.8196C6.31305 15.2994 6.59358 15.7242 6.98548 16.0281C7.37739 16.332 7.85871 16.4979 8.35462 16.5H18.6375C19.1603 16.4994 19.6666 16.317 20.0697 15.9841C20.4728 15.6512 20.7476 15.1885 20.847 14.6752L22.3166 7.0335C22.3585 6.81637 22.3518 6.59265 22.2968 6.37846C22.2418 6.16428 22.14 5.96496 21.9986 5.79488ZM16.125 11.625H14.25V13.5C14.25 13.6989 14.171 13.8897 14.0303 14.0303C13.8897 14.171 13.6989 14.25 13.5 14.25C13.3011 14.25 13.1103 14.171 12.9697 14.0303C12.829 13.8897 12.75 13.6989 12.75 13.5V11.625H10.875C10.6761 11.625 10.4853 11.546 10.3447 11.4053C10.204 11.2647 10.125 11.0739 10.125 10.875C10.125 10.6761 10.204 10.4853 10.3447 10.3447C10.4853 10.204 10.6761 10.125 10.875 10.125H12.75V8.25C12.75 8.05109 12.829 7.86032 12.9697 7.71967C13.1103 7.57902 13.3011 7.5 13.5 7.5C13.6989 7.5 13.8897 7.57902 14.0303 7.71967C14.171 7.86032 14.25 8.05109 14.25 8.25V10.125H16.125C16.3239 10.125 16.5147 10.204 16.6553 10.3447C16.796 10.4853 16.875 10.6761 16.875 10.875C16.875 11.0739 16.796 11.2647 16.6553 11.4053C16.5147 11.546 16.3239 11.625 16.125 11.625Z' fill='%2337bee3'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
   
}

/* Hiệu ứng khi hover */
.single_add_to_cart_button.button:hover {
    background-color: var(--primary-color) !important;
}
.single_add_to_cart_button.button:hover:before {
    /* Đổi màu icon sang trắng khi hover nếu muốn */
    filter: brightness(0) invert(1);
}
.ux-buy-now-button{
    background-color: var(--primary-color);
    color: white;
    border-radius: 10px;
    flex: 1 !important;
}
.text-footer h4{
        font-size: 18px;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    font-weight: bold;
}
.text-footer p{
    font-size:14px;
    margin-bottom: 16px;
}
.row2-footer{
    padding: 50px 0px;
}
#footer p a{
    color: white;
}

.row-img-footer{
    margin-bottom: 15px !important;
}
.variations label{
    font-size: 14px;
}
.quantity.buttons_added {
    width: 100%;
}
.absolute-footer{
    display: none;
}
.row-hethong .icon-box-img{
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}

.row-hethong img{
    width: 34px;
    height: 34px;
}
.row-hethong {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    border:2px solid var(--primary-color);
    padding: 15px;
}
.row-hethong .col{
   
    padding: 0;
}
.product-add-to-cart a{
	border-radius:20px;
	background:var(--primary-color);
	padding:5px 10px;
	color:white;
	width:150px !important;
	text-align:center !important;
	display:block;
	margin-left:auto
}
.product-add-to-cart a:hover{
	background:none;
	border:1px solid var(--primary-color);
	color:var(--primary-color)
}
#footer .wpcf7 form .wpcf7-response-output{
	color:white
}
#footer a:hover{
	color:var(--primary-color)
}
@media(max-width:1024px){
	.sale_alert_wrapper{
		display:none !important
	}
	#menu-menu-doc{
		  height: 375px;
    overflow-y: auto;
	}
	.box-category .box-image > div{
		width:90px;
		height:90px;
	}
	.header-bottom-nav.nav-center {
		display:flex;
		flex-wrap:nowrap;
		max-width:450px;
		overflow-x:auto;
		overflow-y:hidden;
		justify-content: start;
	}
	.header-bottom-nav.nav-center > li{
		min-width:fit-content
	}
	.header-vertical-menu__opener{
		width:275px !important
	}
	.header-vertical-menu__fly-out{
		width:275px !important
	}
	.header-cart-title{
		display:none !important
	}
	.header-account-title{
		display:none !important
	}
	.icon-user,.icon-shopping-cart{
		margin-left:0 !important
	}
	.header-bottom-nav.nav-right{
		width:fit-content
	}
	.flex-col.hide-for-medium.flex-right.flex-grow{
		max-width:230px
	}
	#logo {
		width:200px !important
	}
	.header-bottom .flex-left{
		max-width:275px;
		margin-right:0px
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.product-add-to-cart a{

	margin-right:auto
}
	.wishlist_table span.amount {
   
    font-size: 16px;
 
}
.label-ban-chay{
    top: -65px;
    left: 230px;
}
	.header-bottom-nav.nav-center{
		max-width:100% !important
	}
	.wishlist_table.mobile {
    list-style: none !important;
}

}

@media(max-width:425px){
	
	#footer .wpcf7{
		margin-top:15px
	}
	.product-small a{
		font-size:14px
	}
	.product-small .price-wrapper{
		display:flex;
		flex-direction:column
	}
	.custom-product-buttons{
		flex:1;
		margin-top:auto;
		justify-content:end;
		align-items:end
	}
	.post-item .box-text{
		padding:10px 0 !important
	}
    span.amount{
        font-size: 16px;
    }
    .product-sale{
        flex-direction: column;
    }
    .label-ban-chay .text-banchay{
        display: none;
    }
    .label-ban-chay{
            top: -345px;
        left: 245px;
}
.product-sale .box-text{
    text-align: center;
	margin-top:0
}
    .product-sale .price-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .product-sidebar .product-small{
        display: flex;

    }
    .product-sidebar .box-image {
        max-width: 30%;
    }
    .product-sidebar .widget-title{
        text-align: center;
    }
    .row-img-footer{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .row-img-footer .col{
        max-width: 47%;
    }
}
.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  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;
  color: #333;
  margin-bottom: 15px;
}

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

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

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

.entry-content ul li a {
  color: #007bff;
}

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

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

.entry-content ol li a {
  color: #ff5912;
}

.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 > div{
  overflow: auto;
}
.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;
}