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

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

.section-more-text{
    width: 100%;
    border: solid 1px #c0a884;
    margin: 10px 0;
    position: relative;
    padding: 10px;
    background: #F9F7F4;
}

.more-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* số dòng hiển thị */
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
  position: relative;
}

.more-text.expanded {
  -webkit-line-clamp: unset;
}


.btn-more-text{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: -21px;
}

.btn-more-text button {
    display: block;
    position: relative;
    height: calc(100% - 2px);
    padding: 0px 40px;
    line-height: 36px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background: #F9F6F4;
    cursor: pointer;
}

.btn-more-text button::before {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    left: 0;
    background: url(/wp-content/uploads/2025/06/bg-left-hover.png) no-repeat;
}

.btn-more-text button::after {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    right: 0;
    background: url(/wp-content/uploads/2025/06/bg-right-hover.png) no-repeat;
}

.btn-more-text button {
    background: #8b0304;
    color: white;
    padding: 0px 30px;
}

.btn-more-text button::before {
    background: url(/wp-content/uploads/2025/07/btn-37-bg-left-hover-solid.png) no-repeat;
    left: -11px;
}

.btn-more-text button::after {
    background: url(/wp-content/uploads/2025/07/btn-37-bg-right-hover-solid.png) no-repeat;
    right: -11px;
}


@font-face {
    font-family: 'UtmSeagull';
    src: url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagullBold.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagullBold.woff") format("woff"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagullBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'UtmSeagull';
    src: url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagull-BoldItalic.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagull-BoldItalic.woff") format("woff"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UTMSeagull-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'UvnVan';
    src: url("/wp-content/themes/flatsome-child/asset/fonts/UVNVan.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UVNVan.woff") format("woff"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UVNVan.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UvnVan';
    src: url("/wp-content/themes/flatsome-child/asset/fonts/UVNVanBold.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UVNVanBold.woff") format("woff"),
        url("/wp-content/themes/flatsome-child/asset/fonts/UVNVanBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

:root {
    --padding-left: 15px;
    --padding-right: 15px;
    --slider-home-width: 910px;
    --menu-slider-margin-right: 10px;
    --max-wdth-site: 1200px;
    --menu-slider-width: calc(var(--max-wdth-site) - var(--slider-home-width) - var(--padding-left) - var(--padding-right) - var(--menu-slider-margin-right));
}

body {
    font-size: 15px;
    min-height: 1500px;
    background:
        url(/wp-content/uploads/2025/06/bg-footer-optimized.jpg) no-repeat bottom center,
        url(/wp-content/uploads/2025/06/bg-body-5.png) no-repeat right 4430px,
        url(/wp-content/uploads/2025/06/bg-body-4.png) no-repeat left 4500px,
        url(/wp-content/uploads/2025/06/bg-body-3.png) no-repeat right 3330px,
        url(/wp-content/uploads/2025/06/bg-body-2.png) no-repeat left 2700px,
        url(/wp-content/uploads/2025/06/bg-body-1.png) no-repeat right 2100px,
        url(/wp-content/uploads/2025/06/bg-header-2.jpg) no-repeat top center,
        url(/wp-content/uploads/2025/06/bg-body.png) repeat;
}

body.home {
    background:
        url(/wp-content/uploads/2025/06/bg-footer-optimized.jpg) no-repeat bottom center,
        url(/wp-content/uploads/2025/06/bg-body-5.png) no-repeat right 4430px,
        url(/wp-content/uploads/2025/06/bg-body-4.png) no-repeat left 4500px,
        url(/wp-content/uploads/2025/06/bg-body-3.png) no-repeat right 3330px,
        url(/wp-content/uploads/2025/06/bg-body-2.png) no-repeat left 2700px,
        url(/wp-content/uploads/2025/06/bg-body-1.png) no-repeat right 2100px,
        url(/wp-content/uploads/2025/06/bg-header-optimized.jpg) no-repeat top center,
        url(/wp-content/uploads/2025/06/bg-body.png) repeat;
}

li {
    /*list-style: none;*/
    margin-bottom: 0.3em;
}

.box-text {
    font-size: 14px;
    font-family: "Roboto";
}

/* Header  */
.has-sticky .stuck {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/wp-content/uploads/2025/06/bg-body.png);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.has-sticky .stuck .custom-vertical-menu {
    display: block;
}

.custom-vertical-menu {
    display: none;
}

.custom-vertical-menu li,
.custom-vertical-menu-home li {
    list-style-type: none;
    margin-bottom: 0;
}

/* LOGO  */
.has-sticky .stuck .logo a {
    display: none;
}
.has-sticky .stuck .logo {
	display: block;
}
.has-sticky .stuck .logo::before {
    display: none;
}

.logo {
    position: relative;
    z-index: 1;
    height: 140px;
    display: flex;
    justify-content: center;
}
 
.logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 179px;
    background: url('/wp-content/uploads/2025/06/bg-logo.png') no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

.bg-logo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    max-height: 100% !important;
    height: 179px;
    width: 650px;
}

/* Css tim kiem home  */
.header .search-form .ux-search-submit:after {
    content: " Tìm kiếm";
    color: #8b0304;
    font-weight: 600;
    margin-left: 5px;
    font-size: 14px;
}

.header .search-form .loading:after {
    content: '';
    margin-left: -8px;
}

.header .search-form .ux-search-submit {
    height: 33px;
    min-height: 0px;
}

.header .search-form .ux-search-submit,
.header .search-form .search_categories {
    color: #8b0304;
}

.header .search-form .search_categories {
    height: 37px;
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b0304' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.header-search-form .searchform {
    background: rgba(255, 255, 255, .4);
    height: 37px;
    border-top: 1px solid #faa519;
    border-bottom: 1px solid #faa519;
}

.header-search-form .searchform::before,
.header-search-form .searchform::after,
.section-footer .wpcf7-form-control-wrap::before,
.section-footer .wpcf7-form-control-wrap::after {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
}

.header-search-form .searchform::before {
    left: -10px;
    background: url(/wp-content/uploads/2025/06/bg-search-left.png) no-repeat;
}

.header-search-form .searchform::after {
    right: -10px;
    background: url(/wp-content/uploads/2025/06/bg-search-right.png) no-repeat;
}

.header-search-form .searchform .search-field {
    height: 37px;
    color: #8b0304;
    background: none;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.header-search-form .searchform .search-field::placeholder {
    color: #8b0304;
}

.header-search-form .searchform .search-field:focus,
.header-search-form .searchform .search-field:hover {
    box-shadow: none;
}

/* css account item and item cart  */
.header-button .account-link,
.header-button .account-link-mobile,
.header-button .nav-top-not-logged-in,
.header-button .header-cart-link {
    border: 2px solid #faa519;
}

.header-button .account-link-mobile .icon-user,
.header-button .account-link .icon-user,
.header-button .header-cart-link .icon-shopping-cart {
    color: #8b0304;
}

.header-button .account-link-mobile .icon-user:hover,
.header-button .account-link .icon-user:hover,
.header-button .header-cart-link .icon-shopping-cart:hover {
    color: #faa519;
}

/* Css vertical menu and slider  */
.header-custom {
    display: flex;
}

.header-custom .custom-vertical-menu-home {
    margin-right: var(--menu-slider-margin-right);
    width: var(--menu-slider-width);
}

.header-custom .custom-vertical-menu-home .header-vertical-menu__opener {
    width: var(--menu-slider-width);
}

/* Nếu màn hình nhỏ hơn 1119px thì ẩn */
@media (max-width: 1119px) {
    .header-custom .slider-home-page-wrapper:before {
        background-size: 100% 100%;
    }

    .header-custom .slider-home-page-wrapper img {
        height: 350px;
    }

    .custom-vertical-menu-home {
        display: none;
    }
}

.stuck .header-vertical-menu {
    background: #8b0304;
}

body:not(.home) .stuck .header-vertical-menu,
.home .stuck .header-vertical-menu {
    top: 16px;
    height: 38px;
}

.header-vertical-menu .ux-nav-vertical-menu {
    padding: 0 5px;
}

.stuck .header-vertical-menu,
.stuck .header-vertical-menu .header-vertical-menu__opener {
    height: 38px;
}

.stuck .header-vertical-menu .header-vertical-menu__opener {
    padding-left: 16px;
}

.stuck .header-vertical-menu__fly-out .nav-vertical-fly-out {
    margin-bottom: 0;
}

.stuck .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    justify-content: flex-start;
}

.home .header-vertical-menu,
.header-vertical-menu:hover,
.stuck .header-vertical-menu:hover,
body:not(.home) .header-vertical-menu:hover {
    background: #8b0304 url(/wp-content/uploads/2025/06/bg-product-menu.png) no-repeat center;
    height: 346px;
}

.stuck .header-vertical-menu {
    position: absolute;
    width: 250px;
    background: #8b0304 url(/wp-content/uploads/2025/07/bg-product-menu-3.png) no-repeat top 3px center;
}

.header-vertical-menu {
    background: #8b0304 url(/wp-content/uploads/2025/06/bg-product-menu-2.png) no-repeat center;
}

.home .header-vertical-menu {
    height: 346px;
}

body:not(.home) .header-vertical-menu {
    position: absolute;
    height: 50px;
}

.header-vertical-menu {
    height: 100%;
}

.header-vertical-menu .header-vertical-menu__fly-out.has-shadow {
    box-shadow: none;
}

.header-vertical-menu .header-vertical-menu__opener {
    line-height: 100%;
}

.ux-nav-vertical-menu li:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
}

/* css mene mobile  */
.stuck .custom-vertical-menu-home-mobile {
    display: none;
}

.custom-vertical-menu-home-mobile {
    padding: 0 15px;
}

.custom-vertical-menu-home-mobile .header-vertical-menu {
    list-style-type: none;
    position: relative;
    background: #8b0304;
    height: 50px;
}

.custom-vertical-menu-home-mobile .header-vertical-menu::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    left: 4px;
    bottom: 4px;
    pointer-events: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(212, 69, 70);
    border-image: initial;
}

.custom-vertical-menu-home-mobile .header-vertical-menu .header-vertical-menu__opener,
.custom-vertical-menu-home-mobile .header-vertical-menu .header-vertical-menu__fly-out {
    width: 100%;
}

.custom-vertical-menu-home-mobile .header-vertical-menu .header-vertical-menu__fly-out {
    display: none;
}

.custom-vertical-menu-home-mobile .header-vertical-menu:hover {
    height: 346px;
}

.custom-vertical-menu-home-mobile .header-vertical-menu:hover .header-vertical-menu__fly-out {
    display: block;
}

/* css slider  */
.header-custom .slider-home-page-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: var(--slider-home-width);
    max-height: 350px;
    background-color: #dfdfdf;
}

.header-custom .slider-home-page-wrapper .flickity-viewport {
    min-height: 350px;
}

.slider-home-page-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/wp-content/uploads/2025/07/bg-slider.png) no-repeat center;
    pointer-events: none;
}

.slider-home-page-wrapper .flickity-prev-next-button::after {
    display: inline-block;
    content: "";
    width: 18px;
    height: 35px;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}

.slider-home-page-wrapper .flickity-prev-next-button::before {
    display: inline-block;
    content: "";
    width: 19px;
    height: 19px;
    position: relative;
    z-index: 2;
    top: 5px;
}

.slider-home-page-wrapper .previous::after {
    background: url(/wp-content/uploads/2025/07/btn-slider-prev-bg.png);
    left: 5px;
}

.slider-home-page-wrapper .previous::before {
    background: url(/wp-content/uploads/2025/07/btn-slider-prev.png);
    left: -10px;
}

.slider-home-page-wrapper .previous {
    left: -5px;
}

.slider-home-page-wrapper .next {
    right: -5px;
}

.slider-home-page-wrapper .next::after {
    background: url(/wp-content/uploads/2025/07/btn-slider-next-bg.png);
    right: 5px;
}

.slider-home-page-wrapper .next::before {
    background: url(/wp-content/uploads/2025/07/btn-slider-next.png);
    right: -10px;
}

.slider-home-page-wrapper .flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.slider-home-page-wrapper .flickity-page-dots .dot {
    border: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    content: "";
    opacity: 1;
    background: url(/wp-content/uploads/2025/07/btn-slider-dot.png);
    background-color: transparent;
}

.slider-home-page-wrapper .flickity-page-dots .is-selected {
    width: 15px;
    height: 15px;
    display: inline-block;
    content: "";
    opacity: 1;
    background: url(/wp-content/uploads/2025/07/btn-slider-dot-active.png);
    background-color: transparent !important;
}

.box-service-features-header {
    width: calc(100% - 210px);
}

.box-service-features-header .box-menu-icon-home {
    border: 0;

}

.box-service-features-header .box-icon-menu-home {
    height: 50px;
}

/* css box home icon  */
.box-menu-icon-home {
    border: solid 1px #c0a884;
}

.box-menu-icon-home .box-icon-menu-home {
    padding: 20px;
    overflow: hidden;
    border-right: solid 1px #f3efe8;
}

.box-menu-icon-home .box-icon-menu-home p {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.box-menu-icon-home.show-for-small .box-icon-menu-home {
    padding: 10px;
}

.box-menu-icon-home .box-icon-menu-home p span {
    font-size: 13px;
    font-weight: normal;
}

.box-menu-icon-home.show-for-small .col {
    border-left: 1px solid #c3b5a4;
    border-top: 1px solid #c3b5a4;
}

/* Xóa border-left của cột đầu mỗi hàng */
.box-menu-icon-home.show-for-small .col:nth-child(2n + 1) {
    border-left: none;
}

/* Xóa border-top của hàng đầu */
.box-menu-icon-home.show-for-small .col:nth-child(-n+2) {
    border-top: none;
}

.box-service-features-header .box-icon-menu-home {
    padding: 6.5px 10px;
}

.box-service-features-header .box-icon-menu-home p {
    font-size: 14px;
}

.box-service-features-header .box-icon-menu-home p span {
    font-size: 12px;
}

/* Css footer  */
.section-footer .logo-footer {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section-footer .logo-footer:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #8b0304;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    left: 0;
    background: #efe8e2;
}

.section-footer .logo-footer:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #8b0304;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    right: 0;
    background: #efe8e2;
}

.section-footer .logo-footer .logo-footer-img {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    border: 0;
    height: auto;
}

.section-footer .logo-footer .line-left {
    display: block;
    height: 1px;
    background: #8b0304;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: calc(100% + 14px);
}

.section-footer .logo-footer .line-right {
    display: block;
    height: 1px;
    background: #8b0304;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: calc(100% + 14px);
}

.section-footer .title-footer {
    font-size: 17px;
    font-weight: bold;
    color: #5e4027;
}

.section-footer ul li {
    list-style-type: none;
    margin-left: 0;
}

.section-footer .widget_nav_menu {
    padding-left: 0;
    padding-right: 0;
}

.section-footer .widget_nav_menu li a,
.section-footer li a {
    color: #5e4027;
}

.section-footer .widget_nav_menu li a:hover,
.section-footer li a:hover {
    color: #8b0304;
}

.section-footer .wpcf7-form-control-wrap {
    background: rgba(255, 255, 255, .4);
    height: 37px;
    border-top: 1px solid #937f6d;
    border-bottom: 1px solid #937f6d;
    margin-bottom: 16px;
}

.section-footer .wpcf7-form-control-wrap::before {
    left: 0;
    background: url(/wp-content/uploads/2025/07/bg-left-opacity.png) no-repeat;
}

.section-footer .wpcf7-form-control-wrap::after {
    right: -2px;
    background: url(/wp-content/uploads/2025/07/bg-right-opacity.png) no-repeat;
}

.section-footer .wpcf7-form-control-wrap .email_address {
    font-size: 15px;
    color: #795e2f;
    padding: 6px;
    text-align: center;
    border: 0;
    background: none;
    outline: none;
}

.section-footer .wp-btn-submit {
    position: relative;
    height: 38px;
    margin: 0 12px;
    padding: 1px 0;
    border: 1px solid #8b0304;
}

.section-footer .wp-btn-submit .wpcf7-submit {
    display: block;
    width: 100%;
    background: #8b0304;
    margin: 0;
    padding: 0;
    min-height: 30px;
    height: 34px;
    border: 0;
    text-transform: initial;
}

.section-footer .wp-btn-submit::before,
.section-footer .wp-btn-submit::after {
    content: "";
    display: block;
    width: 11px;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
}

.section-footer .wp-btn-submit::before {
    background: url(/wp-content/uploads/2025/07/btn-37-bg-left-hover-solid.png) no-repeat;
    left: -11px;
}

.section-footer .wp-btn-submit::after {
    background: url(/wp-content/uploads/2025/07/btn-37-bg-right-hover-solid.png) no-repeat;
    right: -11px;
}

.copyright-footer {
    color: #5e4027;
}

/* Css home page  */
.title-home {
    text-align: center;
}

.title-home span {
    font-family: "UtmSeagull";
    height: 41px;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    min-width: 310px;
    position: relative;
    border-top: 1px solid #8b0304;
    border-bottom: 1px solid #8b0304;
    color: #8b0304;
}

.title-home span::before,
.title-home span::after {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
}

.title-home span::before {
    background: url(/wp-content/uploads/2025/06/bg-left-hover.png) no-repeat;
    left: 0;
}

.title-home span::after {
    background: url(/wp-content/uploads/2025/06/bg-right-hover.png) no-repeat;
    right: 0;
}

/* css prodcut saller  */
/* .section-product-saller,
.section-show-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */
.container .section,
.row .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banner-home-product img {
    padding-right: 10px;
}

.box-product-best-saller {
    padding: 0;
}

.box-product-best-saller .box-product-left,
.box-product-best-saller .box-product-right {
    height: 470px;
}

.box-product-best-saller .box-product-center .col-inner {
    height: 451px;
    background: url(/wp-content/uploads/2025/07/bg-hot-product-3.jpg) no-repeat center;
}

.box-product-left .col-inner .col .col-inner,
.box-product-right .col-inner .col .col-inner {
    height: 215px;
    background: url(/wp-content/uploads/2025/07/bg-hot-product-1.jpg) no-repeat center;
    z-index: 1;
}

.box-product-left .col-inner .col:last-child>.col-inner {
    background: url(/wp-content/uploads/2025/07/bg-hot-product-2.jpg) no-repeat center;
}

.box-product-right .col-inner .col:last-child>.col-inner {
    background: url(/wp-content/uploads/2025/07/bg-hot-product-5.jpg) no-repeat center;
}

.box-product-right .col-inner .col:first-child>.col-inner {
    background: url(/wp-content/uploads/2025/07/bg-hot-product-4.jpg) no-repeat center;
}

.box-product-best-saller .product-small {
    position: static;
}

.box-product-left .col:last-child,
.box-product-right .col:last-child {
    margin-top: 20px;
}

.box-product-best-saller .product-small .box-image {
    position: absolute;
    z-index: 1;
    right: 15px;
    /* top: 50%; */
    transform: translateY(50%);
}

.box-product-best-saller .box-product-center .box-image {
    top: 30%;
    display: flex;
    align-items: center;
    max-height: 195px;
    left: 50%;
    transform: translate(-50%);
}

.box-product-best-saller .box-product-center .price-wrapper {
    position: absolute;
    bottom: 16%;
    left: 50%;
    transform: translate(-50%);
}

.box-product-best-saller .box-product-center .custom-mua-ngay {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
}

.box-product-best-saller .product-small .box-image img {
    width: 180px;
}

.box-product-best-saller .product-small .box-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 15px;
}

.product-small .product-title,
.box-blog-post .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 1.8em;
}

.box-product-best-saller .product-small .product-title a {
    font-family: "UtmSeagull";
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.box-product-best-saller .product-small .price-wrapper::before {
    content: 'Chỉ từ';
    font-family: "UvnVan";
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}

.box-product-best-saller .product-small .price-wrapper {
    margin: 20px 0;
}

.box-product-best-saller .product-small .price-wrapper .price .amount {
    font-family: "UvnVan";
    font-weight: bold;
    font-size: 30px;
    line-height: 25px;
    color: #fff;
}

.box-product-best-saller .box-buy-now-add-to-cart .add_to_cart_button {
    display: none;
}

.custom-mua-ngay {
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    padding: 5px 20px;
    border: solid 1px #fff;
    border-radius: 15px;
    transition: all .5s ease 0s;
    background: transparent;
    color: #fff;
}

.custom-mua-ngay:hover {
    border-radius: 5px;
    color: #fff;
}

/* css show product  */
.title-wrap {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.title-wrap:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #8b0304;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    left: 0;
    background: #efe8e2;
}

.title-wrap:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #8b0304;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    right: 0;
    background: #efe8e2;
}

.title-wrap .line-left {
    display: block;
    height: 1px;
    background: #8b0304;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: calc(100% + 10px);
}

.title-wrap .line-right {
    display: block;
    height: 1px;
    background: #8b0304;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: calc(100% + 10px);
}

.title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-home-2 {
    margin-bottom: 0;
    position: relative;
    max-width: 300px;
    height: 47px;
    width: fit-content;
}

.title-home-2 .title {
    display: block;
    height: calc(100% - 2px);
    padding: 0 25px;
    line-height: 40px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #8b0304;
    font-family: "UtmSeagull";
    color: #fff;
    z-index: 2;
}

.title-home-2::after,
.title-home-2::before {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: 0px;
    bottom: -1px;
}

.title-home-2::before {
    left: -13px;
    background: url(/wp-content/uploads/2025/06/bg-left-hover-solid.png) no-repeat;
}

.title-home-2::after {
    background: url(/wp-content/uploads/2025/06/bg-right-hover-solid.png) no-repeat;
    right: -13px;
}

.section-show-product .product-show-home:first-child {
    margin-left: 0px;
}

.section-show-product .product-show-home .product-small,
.products .product-small .product-small,
.related-products-wrapper .product-small .product-small {
    background: #fff;
    padding: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
}

.product-show-home .product-small .product-title a,
.products .product-small .product-title a,
.related-products-wrapper .product-small .product-title a {
    font-weight: bold;
    font-size: 16px;
    color: #5e4027;
}

.product-show-home .product-small .box-text.text-center,
.products .product-small .box-text,
.related-products-wrapper .product-small .box-text {
    padding: 5px 10px;
    border: solid 1px #f0e9e3;
    margin-top: -5px;
}

.product-show-home .custom-mua-ngay,
.products .product-small .custom-mua-ngay,
.related-products-wrapper .custom-mua-ngay,
.box-buy-now-add-to-cart .add_to_cart_button {
    color: #9d0b0f;
    background: #fff;
    display: inline-block;
    padding: 6px 14px;
    border: solid 1px #e9e9e9;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    transition: all .3s ease 0s;
    text-transform: inherit;
    font-weight: 600;
    min-height: 30px;
    line-height: 1.3;
    margin: 0;
}

.product-show-home .custom-mua-ngay:hover,
.products .product-small .custom-mua-ngay:hover,
.related-products-wrapper .product-small .custom-mua-ngay:hover,
.box-buy-now-add-to-cart .add_to_cart_button:hover {
    border-radius: 5px;
}

.box-buy-now-add-to-cart .add_to_cart_button {
    color: #8b0304;
    background-color: #8b0304;
    width: 40px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-left: 8px;
}

.box-buy-now-add-to-cart .add_to_cart_button:hover {
    color: #faa519;
    background-color: #faa519;
}

.box-buy-now-add-to-cart .add_to_cart_button::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 9px;
    top: 4px;
}

.box-buy-now-add-to-cart a.added_to_cart.wc-forward {
    display: none;
}

.product-show-home .product-small .price-wrapper,
.products .product-small .price-wrapper,
.related-products-wrapper .product-small .price-wrapper {
    margin: 10px 0;
}

.product-show-home .product-small .price-wrapper .price .amount,
.products .product-small .price-wrapper .price .amount,
.related-products-wrapper .product-small .price .amount {
    color: #3e2714;
}

.product-show-home .flickity-prev-next-button::before,
.related-products-wrapper .flickity-prev-next-button::before {
    display: inline-block;
    content: "";
    width: 31px;
    height: 31px;
    position: relative;
    z-index: 2;
    top: 5px;
}

.product-show-home .previous::before,
.related-products-wrapper .previous::before {
    background: url(/wp-content/uploads/2025/06/slick-prev-xs-hover.png);
    left: -10px;
}

.product-show-home .previous,
.related-products-wrapper .previous {
    left: 0;
}

.product-show-home .next,
.related-products-wrapper .next {
    right: -10px;
}

.product-show-home .next::before,
.related-products-wrapper .next::before {
    background: url(/wp-content/uploads/2025/06/slick-next-xs-hover.png);
    right: 5px;
}

.product-show-home .previous,
.product-show-home .next,
.related-products-wrapper .previous,
.related-products-wrapper .next {
    opacity: 1;
}

.product-show-home .previous svg,
.product-show-home .next svg,
.related-products-wrapper .previous svg,
.related-products-wrapper .next svg {
    display: none;
}

/* css box new  */
.section-new {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section-new .title-home-3 {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section-new .title-home-3 .btn-title-home {
    display: inline-block;
    font-size: 24px;
    font-family: "UtmSeagull";
    color: #8b0304;
    z-index: 1;
    border-top: solid 1px #8b0304;
    border-bottom: solid 1px #8b0304;
    height: 41px;
    position: relative;
    margin-left: 13px;
    margin-right: 13px;
}

.section-new .title-home-3 .btn-title-home:before {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    left: -13px;
    background: url(/wp-content/uploads/2025/06/bg-left-hover.png) no-repeat;
}

.section-new .title-home-3 .btn-title-home:after {
    content: "";
    display: block;
    width: 13px;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
    right: -13px;
    background: url(/wp-content/uploads/2025/06/bg-right-hover.png) no-repeat;
}

.section-new .title-home-3 .btn-title-home .title {
    display: block;
    height: calc(100% - 2px);
    padding: 0 25px;
    line-height: 36px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.section-new .title-home-3 .btn-title-home .line-right {
    display: block;
    height: 1px;
    background: #8b0304;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: calc(100% + 14px);
}

.section-new .title-home-3 .btn-home-more {
    color: #8b0304;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 8px;
    background: url(/wp-content/uploads/2025/06/bg-body.png);
    padding-left: 2px;
    padding-right: 2px;
}

.section-new .title-home-3:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #8b0304;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    right: 0;
    background: #efe8e2;
}

.section-new .box-image {
    border: solid 2px #e0be91;
}

.section-new .image-cover {
    position: static;
}

.section-new .post-title {
    font-size: 20px;
    font-weight: bold;
    color: #5e4027;
    line-height: normal;
}

.section-new .is-divider {
    display: none;
}

/* Css single product  */
.product-title {
    font-family: "UtmSeagull";
    font-size: 24px;
    color: #8b0304;
    margin-bottom: 10px;
}

.product-info .single_add_to_cart_button {
    height: 50px;
    width: 215px;
    position: relative;
    background-color: #8b0304;
}

.single_add_to_cart_button::before,
.single_add_to_cart_button::after {
    position: absolute;
    width: 11px;
    content: "";
    display: block;
    z-index: 1;
    top: -1px;
    bottom: -1px;
}

.single_add_to_cart_button::before {
    left: -11px;
    background-image: url(/wp-content/uploads/2025/06/bg-left-hover-solid.png);
}

.single_add_to_cart_button::after {
    right: -11px;
    background-image: url(/wp-content/uploads/2025/06/bg-right-hover-solid.png);
}

.ux-quantity.quantity {
    background-color: rgba(255, 255, 255, .6);
}

.ux-quantity input[type=button].ux-quantity__button {
    color: #88694f;
    font-weight: bold;
    font-size: 20px;
    width: 40px;
    padding: 0;
    max-height: 50px;
}

.form-minimal.quantity .qty {
    height: 50px;
}

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

/* css box cart  */
.nav-dropdown-has-border .nav-dropdown {
    border: 0;
    border-radius: 5px;
}

.post-sidebar {
    border-left: 0 !important;
}

#product-sidebar,
#shop-sidebar,
.post-sidebar .widget-area {
    border: solid 1px #af9d6a;
    background: rgba(255, 255, 255, .2);
    position: relative;
    padding: 10px;
    height: fit-content;
}

#product-sidebar::before,
#product-sidebar::after,
#shop-sidebar::before,
#shop-sidebar::after,
.post-sidebar .widget-area::after,
.post-sidebar .widget-area::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 10px;
    background: url(/wp-content/uploads/2025/07/filter-corner.png) no-repeat top left,
        url(/wp-content/uploads/2025/07/filter-corner-right.png) no-repeat top right;
}

#product-sidebar::after,
#shop-sidebar::after,
.post-sidebar .widget-area::after {
    top: auto;
    bottom: -1px;
    transform: rotate(180deg);
}

#product-sidebar .box-vertical .box-text {
    padding: 0;
    padding-left: 10px;
}

#product-sidebar .shop-sidebar,
#shop-sidebar .shop-sidebar,
.post-sidebar .widget-area .widget-title {
    font-family: "UtmSeagull";
    font-size: 24px;
    color: #8b0304;
    margin-bottom: 10px;
    display: block;
}

.is-divider {
    display: none;
}

.recent-blog-posts-li:nth-child(2n + 1),
#product-sidebar .box-vertical:nth-child(2n +1) {
    margin-bottom: 10px;
}

#product-sidebar .box-vertical .box-text {
    vertical-align: top;
}

.recent-blog-posts-li:first-child .recent-blog-posts {
    padding-top: 10px;
}

.recent-blog-posts {
    padding: 0;
}

.recent-blog-posts-li .flex-col:first-child {
    width: 45%;
}

.recent-blog-posts-li .flex-col .badge {
    height: 60px;
    width: 100%;
}

.recent-blog-posts a,
#product-sidebar .post-title a {
    color: #3e2714;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
}

.widget_media_image,
.post-sidebar .widget,
#product-sidebar .widget {
    margin-bottom: 0;
}

.widget_media_image img {
    width: 100%;
}

.woocommerce-cart-form,
.woocommerce .cart-collaterals {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.woocommerce-cart-form .button-continue-shopping,
.woocommerce-cart-form .pull-left,
.cart-collaterals .checkout-button,
.cart-collaterals .input-text,
.cart-collaterals .is-form {
    border-radius: 4px;
}

#customer_details {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

p#billing_phone_field {
    width: 100%;
}

.woocommerce-checkout .has-border {
    border-radius: 4px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.woocommerce-billing-fields {
    padding-top: 0;
    border: 0;
}
.video-library-ui {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 15px;
}

.video-library-ui .video-large {
    grid-row: 1 / span 2;
}

.video-library-ui .video-item {
    position: relative;
    overflow: hidden;
}

.video-library-ui .video-item img {
    width: 100%;
    display: block;
}

.video-library-ui .video-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
}

.video-item:hover .play-icon {
    background: #faa519;
}

.video-library-ui .play-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    background: #8b0304;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-weight: bold;
}

.play-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #8b0304;

}

.video-library-ui .video-title {
    font-weight: bold;
    font-size: 16px;
}

.single-video-embed {
    margin-top: 30px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 20px;
}

.single-video-embed iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

input.customer-email {
    display: none;
}
button.button.buy_now_button {
    padding: 8px;
    border-radius: 6px;
    background: #fd6e1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
    background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
}
.huadev-quickbuy button.single_add_to_cart_button.loading:after {
    display: none;
}
.huadev-quickbuy button.single_add_to_cart_button.button.alt.loading {
    color: #fff;
    pointer-events: none !important;
}
.huadev-quickbuy button.buy_now_button {
    position: relative;
    color: rgba(255,255,255,0.05);
}
.huadev-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;
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .header-inner #logo {
        width: 100%;
        height: 100%;
    }

    .logo-left .logo {
        margin: 0;
        display: block;
    }

    .stuck .header-vertical-menu,
    body:not(.home) .stuck .header-vertical-menu {
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .stuck .logo {
        display: block;
    }
    .stuck .mobile-nav {
        position: absolute;
        top: 0;
        right: 22px;
        width: fit-content;
        z-index: 1;
    }

    .stuck .header-vertical-menu .header-vertical-menu__opener,
    body:not(.home) .stuck .header-vertical-menu,
    .home .stuck .header-vertical-menu {
        height: 50px;
        width: 100%;
    }

    .stuck .header-vertical-menu {
        background: #8b0304;
    }

    .stuck .header-vertical-menu:hover,
    body:not(.home) .header-vertical-menu:hover {
        height: 346px;
        background: #8b0304;
    }

    .header-vertical-menu .header-vertical-menu__fly-out.has-shadow {
        box-shadow: none;
        width: 100%;
        position: static;
    }

    .stuck .header-button .account-link,
    .stuck .header-button .nav-top-not-logged-in,
    .stuck .header-button .header-cart-link {
        background: #fff;
    }

    .banner-home-product img {
        padding-right: 0;
    }

    .box-product-best-saller .box-product-left .product-small .box-text,
    .box-product-best-saller .box-product-left .product-small .box-text {
        padding: 15px 30px;
    }

    .header .flex-row {
        height: fit-content;
    }

    body:not(.home) .custom-vertical-menu-home-mobile .header-vertical-menu {
        position: static;
        width: 100%;
    }

    .stuck .cart-item.has-icon {
        margin-top: 20px;
    }

    .box-service-features-header {
        width: 100%;
    }

    .custom-vertical-menu-home-mobile .header-vertical-menu::after {
        display: none;
    }

    body:not(.home) .box-service-features-header-mobile {
        margin-top: 24px;
    }

    .box-service-features-header-mobile {
        padding: 0 15px;
    }

    .box-menu-icon-home.show-for-small .icon-box-img img
    .box-service-features-header-mobile .icon-box-img img {
        max-width: 35px;
        height: 35px;
    }

    .box-service-features-header-mobile .box-icon-menu-home {
        height: 100%;
    }

    .box-menu-icon-home.show-for-small .box-icon-menu-home {
        padding: 4px 10px;
    }

    .box-menu-icon-home.show-for-small .icon-box .icon-box-img,
    .box-service-features-header-mobile .icon-box .icon-box-img {
        margin-bottom: 0;
    }

    .box-menu-icon-home.show-for-small .icon-box-text p,
    .box-service-features-header-mobile .icon-box-text p {
        font-weight: normal;
    }

    .box-menu-icon-home.show-for-small .icon-box-text p span,
    .box-service-features-header-mobile .icon-box-text p span,
    .stuck .account-link-mobile {
        display: none;
    }

    .single_add_to_cart_button {
        width: calc(100% - 140px);
    }

    a.devvn_buy_now_style {
        max-width: 100%;
    }

    .page-title .medium-text-center {
        text-align: left !important;
    }
}

@media (max-width: 549px) {
    .header-main #logo img {
        max-height: 80px;
    }

    .logo::before {
        display: none;
    }
}

@media (max-width: 991px) {
    .box-product-best-saller .product-small .product-title a {
        font-size: 14px;
    }

    .box-product-best-saller .product-small .box-image img {
        width: 90px;
    }

    .box-product-best-saller .product-small .box-image {
        top: 50%;
        transform: translateY(-50%);
    }

    .box-product-best-saller .product-small .price-wrapper .price .amount {
        font-size: 16px;
    }

    .box-product-best-saller .product-small .price-wrapper::before {
        font-size: 12px;
    }

    .box-product-best-saller .product-small .custom-mua-ngay {
        padding: 4px 12px;
    }

    .box-product-best-saller .box-product-center .box-image {
        top: 40%;
        transform: translateX(-50%);
    }

    .box-product-best-saller .box-product-center .box-image img {
        width: 120px;
    }
}