/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.20.2
*/
@font-face {
  font-family: 'fl-icons';
  src: url('/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2') format('woff2');
  font-display: swap;
}
.woocommerce li.product .entry-header .button {
    opacity: 1 !important;
}

:root {
    --lucide-menu: #2563eb;
    /* blue */
    --lucide-ecom: #f97316;
    /* orange */
    --lucide-user: #9333ea;
    /* purple */
    --lucide-car: #0ea5e9;
    /* cyan */
    --lucide-ui: #6b7280;
    /* gray */
}

.is-divider {
    display: none;
}

/* color by group */
.lucide-menu svg {
    stroke: var(--lucide-menu)
}

.lucide-ecom svg {
    stroke: var(--lucide-ecom)
}

.lucide-user svg {
    stroke: var(--lucide-user)
}

.lucide-car svg {
    stroke: var(--lucide-car)
}

.lucide-ui svg {
    stroke: var(--lucide-ui)
}

/* header */
#header {
}

#header #top-bar {
}

#header #masthead {
}

#header #masthead .hide-for-medium.flex-right {
    width: 100%;
    max-width: 900px;
}

#header #masthead .hide-for-medium.flex-right .header-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

#header #masthead .hide-for-medium.flex-right .header-nav li.search-form {
    width: calc(100% - 400px);
    float: left;
    margin: 0;
}

#header #masthead .hide-for-medium.flex-right .header-nav li.html_topbar_right {
    width: 400px;
    float: left;
    margin-left: 0;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform {
    width: 100%;
    padding: 0;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform .search-form-categories {
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform .search-form-categories select {
    border: 0;
    height: 40px;
    font-size: 100%;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform #woocommerce-product-search-field-0 {
    border: 1px solid #333;
    height: 40px;
    box-shadow: unset;
    font-size: 100%;
    color: #000!important;
    padding: 0 20px;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform #woocommerce-product-search-field-0::placeholder {
    color: #333!important;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform .ux-search-submit {
    border: 0;
    height: 40px;
    box-shadow: unset;
    font-size: 100%;
    padding: 0;
    color: #000 !important;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .searchform .live-search-results {
}

#header #masthead .hide-for-medium.flex-right .header-nav li .hotline {
    display: block;
    overflow: hidden;
    float: right;
    width: 100%;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .hotline p {
    width: calc(50% - 80px);
    color: #000;
    float: left;
    margin-left: 80px;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .hotline p span {
    display: block;
    margin: 0;
    text-align: left;
    font-weight: 600;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .hotline p br {
    display: block;
    margin: 0;
}

#header #masthead .hide-for-medium.flex-right .header-nav li .hotline p span a {
    font-size: 115%;
    color: red;
    letter-spacing: 0.3px;
}

#header #masthead #logo {
}

#header #wide-nav {
    height: 60px;
}

#header #wide-nav #mega-menu-wrap #mega-menu-title {
    font-size: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
}

#header #wide-nav .header-nav.nav-center {
    gap: 20px;
}

#header #wide-nav .flex-left .header-nav li {
    height: 60px;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown {
}

#header #wide-nav .flex-left .header-nav li.current-dropdown:before {
    bottom: -3px;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown:after {
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li {
    height: auto;
    line-height: normal;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li a {
    display: flex;
    color: #333;
    align-items: center;
    font-family: 'Roboto Condensed';
    font-weight: 600;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li:hover a {
    color: #F44336;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li a .lucide-menu {
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li a .lucide-menu svg {
    stroke: #9f0f0f;
}

#header #wide-nav .flex-left .header-nav li.current-dropdown .sub-menu li:hover a .lucide-menu svg {
    stroke: #F44336;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown .nav-dropdown {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown .nav-dropdown .return-to-shop a {
    background: #ec1d26;
    text-transform: initial;
    padding: 0 15px;
    border-radius: 25px;
    font-weight: 300;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown {
    height: 60px;
    line-height: 60px;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown:before {
    bottom: -2px;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown:after {
    bottom: -2px;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown .nav-dropdown ul li a.remove {
    color: #b83d34;
    line-height: 16px!important;
    width: 20px;
    height: 20px;
    font-weight: 300;
}

#header #wide-nav .header-nav li.cart-item.current-dropdown .nav-dropdown ul li .ux-mini-cart-qty span {
    color: #333;
    opacity: 1;
}

#header #wide-nav .header-nav li a {
    font-size: 110%;
    height: 100%;
    font-weight: 700;
}

#header #wide-nav .header-nav li a .lucide-menu {
    margin-right: 5px;
}

#header #wide-nav .header-nav li a .lucide-menu svg {
    stroke: #fff;
    width: 20px;
    height: 20px;
}

#header #wide-nav .header-nav li a:hover .lucide-menu svg, #header #wide-nav .header-nav li.active a .lucide-menu svg {
    stroke: #ffff00;
}

#header #wide-nav .flex-row {
    height: 100%;
}

#header #wide-nav .flex-left {
}

#header #wide-nav .flex-left .nav-left {
    height: 60px;
    gap: 25px;
}

#header #wide-nav .flex-right .header-nav {
    height: 60px;
}

#header #wide-nav .flex-right .header-nav li a {
    font-size: 100%;
    padding: 0;
	font-weight:500;
}

#header #wide-nav #mega-menu-wrap {
    background: #d7102c;
    height: 100%;
}

#masthead .mobile-nav {
}

#masthead .mobile-nav .cart-icon strong {
    border-color: #000;
    color: #000;
}

#masthead .mobile-nav .cart-icon strong:after {
    border-color: #000;
}

#masthead .mobile-nav li {
}

#masthead .mobile-nav li a {
    color: #a10c13;
}

#masthead .mobile-nav li a i {
}

.mfp-container .mfp-content {
}

.mfp-ready .mfp-close {
    opacity: .9;
}

.mfp-container .mfp-content #cart-popup {
    height: 100%;
    background: #fff;
}

.mfp-container .mfp-content #cart-popup .cart-popup-title {
    color: #000;
    font-size: 105%;
    border-bottom: 1px solid #fbf1f1;
    padding-bottom: 10px;
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart {
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .cart_list.product_list_widget {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .cart_list.product_list_widget li {
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .cart_list.product_list_widget li a.remove {
    color: #000;
    border: 1px solid;
    font-size: 100%!important;
    width: 20px;
    height: 20px;
    line-height: 18.5px!important;
    font-weight: 500;
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .cart_list.product_list_widget li .ux-mini-cart-qty .mfp-container .mfp-content #cart-popup .widget_shopping_cart .ux-mini-cart-empty-icon {
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .ux-mini-cart-empty-icon svg {
    opacity: 1!important;
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .woocommerce-mini-cart__empty-message {
    color: #fff;
}

.mfp-container .mfp-content #cart-popup .widget_shopping_cart .return-to-shop a {
    background: #ec1d26;
    text-transform: initial;
    padding: 0 15px;
    border-radius: 25px;
    font-weight: 300;
}

#main-menu.mobile-sidebar {
    background: #000000d4;
    height: 100%;
}

#main-menu.mobile-sidebar .nav-sidebar {
}

#main-menu.mobile-sidebar .nav-sidebar li+li {
    border-top: 1px solid #786f6f;
}

#main-menu.mobile-sidebar .nav-sidebar li button.toggle {
    color: #fff;
    opacity: 0.8;
}

#main-menu.mobile-sidebar .nav-sidebar li button.toggle i {
    font-size: 100%;
}

#main-menu.mobile-sidebar .nav-sidebar li a {
    font-size: 105%;
    text-transform: initial;
    font-weight: 600;
    color: #fff;
    align-items: normal;
}

#main-menu.mobile-sidebar .nav-sidebar li a .lucide-menu {
}

#main-menu.mobile-sidebar .nav-sidebar li a .lucide-menu svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
    margin-right: 10px;
}

#main-menu.mobile-sidebar .nav-sidebar li .sub-menu {
    margin: 0;
    padding-bottom: 10px;
}

#main-menu.mobile-sidebar .nav-sidebar li .sub-menu li {
    padding: 5px 0 5px 20px;
}

#main-menu.mobile-sidebar .nav-sidebar li .sub-menu li a {
    font-family: 'Roboto Condensed';
}

#main-menu.mobile-sidebar .nav-sidebar li .sub-menu li+li {
    border-top: 1px dashed #5e5252;
}
#main-menu.mobile-sidebar .nav-sidebar li .children li a{
    font-size: 100%;
    font-family: 'Roboto Condensed';
}
#woocommerce-product-search-field-1 {
    background: #fff!important;
    color: #000!important;
    font-size: 90%;
}

#woocommerce-product-search-field-1::placeholder {
    color: #333!important;
}

#wide-nav.header-bottom .searchform .button.icon {
    color: #000!important;
}

/* myFooter */
.back-to-top {
    color: #000;
    border: 1px solid #000 !important;
}

.back-to-top.is-outline:hover {
    background: #d71d28;
}

.contact-buttons {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
}

.contact-item {
    display: flex;
    align-items: center;
    background: white;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #333;
    transition: transform 0.2s ease-in-out;
}

.contact-item:hover {
    transform: scale(1.05);
}

.contact-item img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.contact-item.phone img {
    width: 40px;
    height: 40px;
}

.contact-item.viber img, .contact-item.messenger img {
    width: 40px;
    height: 40px;
}

.contact-item strong {
    font-size: 14px;
}

.contact-item p {
    font-size: 12px;
    margin: 0;
    color: #666;
}

.contact-buttons {
	right: 10px;
}
.contact-item {
	padding: 2px;
	border-radius: 50%;
}
.contact-buttons a.contact-item div{
	display:none;
}
.contact-item img {
	width: 34px !important;
    height: 34px !important;
    margin-right: 0;
}

/* CSS cho Mobile */
@media (max-width: 768px) {
    .contact-buttons {
        left: 0;
        bottom: 0;
        gap: unset;
        right: unset;
        display: block;
        width: 100%;
        flex-direction: unset;
        background: #eee5e5e3;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .contact-item div {
        display: none;
    }

    .contact-item img {
        background: #EAF1FC;
        width: 50px;
        height: 50px;
        margin-right: 0;
        padding: 5px;
        border-radius: 50%;
    }

    .contact-item {
        padding: 0;
        border-radius: 50%;
        display: block;
        width: 25%;
        float: left;
        background: unset;
        text-align: center;
        box-shadow: unset;
    }

    .contact-item.zalo img, .contact-item.phone img, .contact-item.messenger img, .contact-item.viber img {
        width: 40px !important;
        height: 40px !important;
    }
}

.my-footer {
    padding: 40px 0 20!important;
}

.my-footer h3 {
    font-size: 100%;
    color: #000;
    font-family: 'Roboto';
}

.my-footer h4 span {
    font-size: 100%;
    color: #000;
    font-family: 'Roboto';
}

.my-footer .gioi-thieu .col-inner ul li a, .my-footer .chinh-sach .col-inner ul li a {
    color: #000;
}

.my-footer .hotline .icon-box .icon-box-text .call-phone {
    overflow: hidden;
    margin-bottom: 20px;
}

.my-footer .hotline .icon-box .icon-box-text .call-phone svg {
    float: left;
    width: 50px;
    margin-top: 10px;
}

.my-footer .hotline .icon-box .icon-box-text .call-phone a {
    display: block;
    float: left;
    color: #FF5722;
    font-weight: 700;
    line-height: 1.4;
}

.my-footer .hotline .icon-mxh {
    float: left;
    margin: 0 10px 0 0;
    max-width: 45px;
    border: 5px solid #f9f2f2;
    border-radius: 50%;
}

.my-footer .hotline .icon-mxh img {
    border-radius: 50%;
}

.tin-khuyen-mai .cot1 {
    padding-bottom: 0;
    padding-top: 15px;
}

.tin-khuyen-mai .cot1 img {
}

.tin-khuyen-mai .cot2 {
    padding-bottom: 0;
}

.tin-khuyen-mai .cot2 form {
    margin: 20px 0 0;
}

.tin-khuyen-mai .cot2 form input {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #000;
    width: 100%;
    font-size: 100%;
}

.tin-khuyen-mai .cot2 form input.wpcf7-submit {
    background: #FF5722;
    text-transform: capitalize;
    width: 100px;
    float: left;
    margin: 0;
}

.tin-khuyen-mai .cot2 form p {
    width: 100%;
}

.tin-khuyen-mai .cot2 form p br {
}

.tin-khuyen-mai .cot2 form .wpcf7-form-control-wrap {
    width: calc(40% - 14px);
    float: left;
    margin-right: 10px;
}

.tin-khuyen-mai .cot2 form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 90%;
    padding: 3px 5px 2px;
}

.tin-khuyen-mai .cot2 form .wpcf7-response-output {
    margin: 0;
    border: 0;
    display: block;
    float: left;
    text-align: left;
    padding: 0;
    color: antiquewhite;
    font-size: 94%;
}

/* === BASE STYLE CHO BÀI VIẾT === */
article.post .entry-content {
    font-size: 100%;
    line-height: 1.6;
    color: #333;
    margin: 0 auto;
    padding: 20px;
}

/* Tiêu đề */
article.post header.entry-header {
    border-bottom: 1px dashed #f8efef;
}

article.post .entry-header-text .entry-meta {
}

article.post .entry-header-text .entry-meta span {
    text-transform: initial;
    color: #333;
    font-size: 100%;
}

article.post .entry-header-text .entry-meta span.meta-author {
}

article.post .entry-header-text .entry-category a {
    color: #000;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 13px;
}

article.post .entry-header-text h1 {
    color: brown;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Roboto';
}

article.post .entry-content h2 {
    color: #c34933;
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 600;
}

article.post .entry-content h3 {
    font-size: 18px;
    font-family: 'Roboto';
    color: brown;
}

article.post .entry-content h4 {
    font-size: 16px;
    font-family: 'Roboto';
    color: #333;
}

/* Đoạn văn */
article.post .entry-content p {
}

/* Danh sách */
article.post .entry-content ul, article.post .entry-content ol {
    margin-left: 15px;
}

article.post .entry-content li {
}

/* Ảnh */
article.post .entry-content img {
    max-width: 100%;
    display: block;
    border-radius: 6px;
}

/* Blockquote */
article.post .entry-content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.2em;
    border-left: 4px solid #3b82f6;
    background: #f9fafb;
    color: #555;
    font-style: italic;
}

/* Code */
article.post .entry-content code {
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: "Fira Code", monospace;
    font-size: 0.95em;
}

article.post .entry-content pre {
    background: #1e293b;
    color: #f8fafc;
    padding: 1em;
    border-radius: 6px;
    overflow-x: auto;
    margin: 1.2em 0;
}

article.post .entry-content pre code {
    background: transparent;
    padding: 0;
    color: inherit;
}

/* Bảng */
article.post .entry-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 1.2em 0;
}

article.post .entry-content th, article.post .entry-content td {
    border: 1px solid #e5e7eb;
    padding: 8px 12px;
    text-align: left;
}

article.post .entry-content th {
    background: #f3f4f6;
    font-weight: 600;
}

/* Link */
article.post .entry-content a {
    color: #1c50c2;
    text-decoration: none;
}

article.post .entry-content a:hover {
    text-decoration: underline;
}

#content.blog-single {
    padding-bottom: 0;
}

#content.blog-single .html-before-comments {
    margin-bottom: 0px;
}

/* === END BASE STYLE CHO BÀI VIẾT === */
/* Bài viết liên quan theo chuyên mục */
.related-box .related-head {
    display: block;
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 20px;
    color: #000;
    border-bottom: 1px solid #f3eaea;
    font-weight: 600;
    position: relative;
}

.related-box .related-head svg {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 24px;
    height: 24px;
}

.related-box .box-post {
    height: 100%;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    overflow: hidden;
}

.related-box ul li {
    margin-bottom: 3px;
}

.related-box ul li a {
    font-weight: 700;
    font-size: 16px;
    /*color: #2a9e2f;*/
}

.related-box ul li a:hover {
    text-decoration: underline;
}

.related-box .feature {
    position: relative;
    overflow: hidden;
}

.related-box .feature::before {
    content: "";
    display: block;
    padding-top: 60%;
}

.related-box .feature .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}

.related-box ul.row.related-post li {
    list-style: none;
}

.related-box .related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
    padding: 5px 15px 10px;
    font-weight: 600;
}

.related-box .related-title a {
    color: #333;
    line-height: 1.6;
    font-size: 18px;
}

/* --Bài viết liên quan theo chuyên mục */
/* -- RESPONSIVE POST */
@media (max-width: 480px) {
    #content.blog-single .large-12.col {
    }

    article.post .article-inner.has-shadow {
        box-shadow: unset;
    }

    article.post .article-inner.has-shadow .entry-header-text-top {
        padding: 0 0 1.5em 0;
    }

    #content.blog-single article.post .entry-content {
        padding: 1.5em 0 .5em 0;
    }

    article.post .entry-header-text h1 {
        font-size: 24px;
    }

    article.post .entry-content h2 {
        font-size: 18px;
        line-height: 1.5;
    }

    article.post .entry-content h3 {
        font-size: 17px;
        line-height: 1.4;
    }

    .related-box .related-title a {
        line-height: 1.4;
        font-size: 16px;
    }
}

/* -- END RESPONSIVE POST */
/* -- WOOCOMMERCE */
p.return-to-shop a.wc-backward {
    background: #ec1d26;
    text-transform: initial;
    padding: 0 15px;
    border-radius: 25px;
    font-weight: 300;
    font-family: 'Roboto Condensed';
    font-size: 100%;
}

/* sản phẩm */
.product-small.product .badge-container, .product-gallery .badge-container{
    margin-top: 0;
}
.product-small.product .badge-container .badge, .product-gallery .badge-container .badge{
    margin: 6px 0 0 6px;
}
.product-small.product .badge-container .badge .badge-inner, .product-gallery .badge-container .badge .badge-inner {
	border: 0;padding: 0;margin: 0;width: unset;height: unset;line-height: unset;
}
.product-small.product .badge-container .badge .badge-inner span.onsale, .product-gallery .badge-container .badge .badge-inner span.onsale{
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    display: block;
    width: 100%;
    border: 1px solid red;
    background: red;
    height: 26px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
}

.product-small.product .box:hover {
    border: 1px solid #000;
    transition: 0.8s;
}

.product-small.product .box {
    padding: 10px 10px 10px;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, .06);
    border: 1px solid #ccc;
}

.product-small.product .box .box-image {
}

.product-small.product .box .box-image .quick-view {
}

.product-small.product .box .box-text {
    font-size: 100%;
    padding-bottom: 10px;
}

.product-small.product .box .box-text .title-wrapper {
    position: relative;
    margin-bottom: 10px;
    font-size: 100%;
}

.product-small.product .box .box-text .title-wrapper p {
    margin: 0;
}

.product-small.product .box .box-text .title-wrapper p a {
    font-size: 100%;
    margin: 0;
    color: #000;
    line-height: 1.4;
}

.product-small.product .box .box-text a.added_to_cart {
    display: none;
}

.product-small.product .box .box-text .title-wrapper .chosen-variation-label {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    font-weight: 700;
    color: #000!important;
    font-size: 100%!important;
}

.product-small.product .box .box-text .add-to-cart-button {
    text-align: left;
    width: 100%;
    display: block;
}

.product-small.product .box .box-text .price-wrapper span.price {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.product-small.product .box .box-text .price-wrapper span.price .amount {
    font-size: 95%;
    color: #F44336;
    font-weight: 600;
    position: relative;
    padding-left: 6px;
}

.product-small.product .box .box-text .price-wrapper span.price .amount .woocommerce-Price-currencySymbol {
    font-size: 80%;
    position: absolute;
    top: 0;
    left: 0;
}

.product-small.product .box .box-text .price-wrapper span.price .price-contact {
    font-size: 95%;
    color: #F44336;
    font-weight: 600;
    margin: 0;
    line-height: 1;
    display: block;
    width: 100%;
}

.product-small.box .ux-swatches .ux-swatch {
    padding: 5px 8px;
    height: auto;
}

.product-small.box .ux-swatches .ux-swatch span {
    font-size: 70%;
    line-height: 1;
}

.product-small.box .ux-swatches .ux-swatch .ux-swatch__img {
    display: none;
}

.product-small.box .ux-swatches .ux-swatch:hover:not(.selected):not(.disabled) {
    box-shadow: unset;
}

.product-small.box .ux-swatches .ux-swatch.selected::before {
    font-size: 6px;
    bottom: -2px;
}

.product-small.box .ux-swatches .ux-swatch.selected::after {
    border-width: 0 0 12px 12px;
}

/* Nút Add to Cart */
.button.add_to_cart_button, .single_add_to_cart_button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 3px 20px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: initial;
    background: linear-gradient(135deg, #ff9800, #ff5722);
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    overflow: hidden;
    font-size: 98%;
}

/* Icon Lucide trước text */
.button.add_to_cart_button::before, .single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    /* dùng mask Lucide icon */
    -webkit-mask: url("images/shopping-cart.svg") no-repeat center;
    mask: url("images/shopping-cart.svg") no-repeat center;
    background-color: #fff;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Hover: scale nhẹ + đổi màu icon */
.button.add_to_cart_button:hover, .single_add_to_cart_button:hover {
    transform: translateY(-2px) scale(1.05);
    background: linear-gradient(135deg, #ff5722, #e91e63);
    box-shadow: 0 3px 12px rgba(0,0,0,0.35);
}

.button.add_to_cart_button:hover::before, .single_add_to_cart_button:hover::before {
    transform: rotate(-15deg) scale(1.2);
    background-color: #ffd54f;
    /* vàng sáng */
}

/* Hiệu ứng “pulse” nhấp nháy icon */
@keyframes pulseIcon {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.button.add_to_cart_button::before, .single_add_to_cart_button::before {
    animation: pulseIcon 1.8s infinite;
}

/* Quick View button giữa phía dưới ảnh */
.product-small .image-tools .quick-view {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    height: 42px;
    min-width: 42px;
    padding: 0;
    border-radius: 50px;
    font-size: 13px;
    color: #fff !important;
    background: rgba(33, 150, 243, 0.9);
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    transition: all 0.35s ease;
    /* text-transform: inherit; */
    /* font-weight: 500; */
}

/* Icon Eye Lucide */
.product-small .image-tools .quick-view::before {
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 0;
    /* mặc định không cách chữ */
    display: inline-block;
    -webkit-mask: url("https://unpkg.com/lucide-static/icons/eye.svg") no-repeat center;
    mask: url("https://unpkg.com/lucide-static/icons/eye.svg") no-repeat center;
    background-color: currentColor;
    transition: transform 0.3s ease, margin-right 0.3s ease;
}

/* Mặc định: chỉ hiện icon, ẩn text */
.product-small .image-tools .quick-view {
    width: 42px;
}

.product-small .image-tools .quick-view span, .product-small .image-tools .quick-view {
    overflow: hidden;
}

.product-small .image-tools .quick-view {
    color: #fff;
}

.product-small .image-tools .quick-view {
    text-indent: -9999px;
    /* ẩn chữ */
}

.product-small .image-tools .quick-view::before {
    margin-right: 0;
}

/* Hover: mở rộng ra + hiện text */
.product-small .image-tools .quick-view:hover {
    width: 140px;
    padding: 0 10px;
    background: linear-gradient(135deg, #2196f3, #3f51b5);
    text-indent: 0;
    /* hiện lại chữ */
}

/* Hover icon có khoảng cách với chữ */
.product-small .image-tools .quick-view:hover::before {
    margin-right: 8px;
}

/* Hiệu ứng pulse cho icon */
@keyframes quickPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.15);
        opacity: 0.85;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.product-small .image-tools .quick-view::before {
    animation: quickPulse 2s infinite;
}

.product-info .price-wrapper .price span {
    font-size: 110%;
    color: #c05530;
}

.product-info .price-wrapper .price span .woocommerce-Price-currencySymbol {
    font-size: 14px;
    color: #c05530;
}

a.lhmuasi{}
a.lhmuasi strong{
	color: #e61313;
}

/* Ẩn phần giá biến thể mặc định của WooCommerce */
.woocommerce-variation-price {
    display: none !important;
}

#main .ux-swatches-js-attached table.variations .label {
    padding: 0 15px 0 0;
}

#main .ux-swatches-js-attached table.variations .label label {
    font-size: 100%!important;
    color: #937b7b;
    font-weight: 500;
    margin: 0;
}

/* Swatch hiển thị ảnh + text trên cùng 1 dòng */
.ux-swatch__img {
    display: inline-block;
    /* tuỳ chỉnh kích thước ảnh */
    height: var(--swatch-size-medium);
    padding: 2px;
    width: var(--swatch-size-medium);
    max-width: 30px;
}

.ux-swatch__text {
    display: inline-block !important;
    font-size: 95%;
    color: #333;
}

/* Swatch mặc định */
.ux-swatch {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 12px 5px 5px;
    position: relative;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    /* để dấu tick không tràn ra ngoài */
    width: auto;
    box-shadow: unset;
}

/* Hover */
.ux-swatch:hover {
    border-color: #ff5722;
}

/* Khi chọn */
.ux-swatch.selected {
    border-color: #ff5722;
    color: #ff5722;
    box-shadow: unset!important;
}

/* Tam giác cam ở góc dưới phải */
.ux-swatch.selected::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 0 0 16px 16px;
    /* chỉnh kích thước tam giác */
    border-style: solid;
    border-color: transparent transparent #ff5722 transparent;
}

/* Dấu tick trắng bên trong tam giác */
.ux-swatch.selected::before {
    content: "✓";
    position: absolute;
    bottom: -1px;
    right: 1px;
    font-size: 10px;
    color: #fff;
    z-index: 2;
}

.variations .reset_variations {
    opacity: .8;
    text-transform: capitalize;
}

/*quantity*/
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .quantity *, .single-product .product-info .cart .ux-quantity *, .product-quick-view-container .product-info .cart .ux-quantity * {
    height: 100%;
}

.product-quick-view-container .product-info .variations tr.label label {
    font-size: 100%;
}

.product-quick-view-container .product-info .variations tr a.reset_variations {
    display: none!important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    opacity: 1;
}

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

.product a.devvn_buy_now_style strong {
}

.product a.devvn_buy_now_style span {
    margin-top: 5px;
}

/* Nhãn biến thể mặc định/rẻ nhất ngoài Shop */
.chosen-variation-label {
    font-size: 0.85em;
    /* chữ nhỏ hơn tên sản phẩm */
    color: #666;
    /* màu xám nhạt */
    margin-top: 2px;
    display: block;
    font-weight: 400;
}

h1.product_title.entry-title {
    font-family: 'Roboto';
    color: #000;
    line-height: 1.4;
}

.single-product .product-main .product-info.summary .product-short-description * {
    font-size: 100%!important;
}

.single-product .product-main .product-info.summary .price-wrapper .price a.price-contact {
    font-size: 110%;
    color: #c05530;
}

.single-product .product-main .breadcrumbs a {
    text-transform: capitalize;
    color: #866565;
}

.product-footer #tab-description * {
    color: #333;
    font-size: 100%!important;
    font-family: 'Roboto';
}

.product .ux-buy-now-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: initial;
    background: linear-gradient(135deg, #ff0000, #FF5722);
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    overflow: hidden;
    font-size: 100%;
}

.product .ux-buy-now-button:hover {
    transform: translateY(-2px) scale(1.05);
    background: linear-gradient(135deg, #F44336, #c47706);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

.product .product-main .product-images .image-tools {
    display: none;
}

.single-product #main .product-main .product-gallery {
    padding-bottom: 15px!important;
}

/* === Cart Page Styling === */
.woocommerce-cart #main {
}

.woocommerce-cart #main .woocommerce .woocommerce-notices-wrapper {
}

.woocommerce-cart #main .woocommerce .woocommerce-notices-wrapper .message-container {
    font-size: 100%;
    font-weight: bold;
}

.woocommerce-cart #content .row-main .col-inner {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form {
    border: 1px solid #eee;
    margin-bottom: 0;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table {
    margin-bottom: 0;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table thead tr th {
    border: 0px;
    background: #eee;
    padding: 10px;
    margin: 0px;
    text-transform: capitalize;
    color: #000;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td {
    padding: 10px;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-remove a {
    font-weight: 400;
    width: 15px;
    height: 15px;
    line-height: 14px!important;
    font-size: 14px!important;
    text-align: center;
    border: 1px solid #999;
    background: #999;
    color: #fff;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-remove a:hover {
    background: #64a633;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-thumbnail a {
    display: block;
    border: 1px solid #f8f4f4;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-name a {
    color: #000;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-subtotal span {
    color: #c05530;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity {
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity .ux-quantity {
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity .ux-quantity input {
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-quantity .ux-quantity label {
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions .button-continue-shopping {
    background: #343a40;
    border: 1px solid #343a40;
    color: #fff;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions .button-continue-shopping:hover {
    background: #343a40;
    border: 1px solid #c05530;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions {
    padding-top: 25px;
}

.woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions button[type=submit].primary {
    background: #64a633;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner {
    padding: 0;
    border: 0;
    box-shadow: unset;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .cart_totals th.product-name {
    color: #4f921e;
    border-width: 1px;
    border-color: #64a633;
    font-size: 100%;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .ux-cart-coupon {
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .ux-cart-coupon .widget-title {
    color: #F44336;
    border-width: 1px;
    border-color: #F44336;
    font-size: 100%;
    font-family: 'Roboto';
    font-weight: 600;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .ux-cart-coupon .widget-title i {
    color: #F44336;
    fill: #F44336;
    opacity: 1;
    font-size: 100%;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .ux-cart-coupon #coupon_code {
    border: 1px solid #f3eaea;
    box-shadow: unset;
    font-size: 100%;
}

.woocommerce-cart #content .row-main .cart-sidebar.col-inner .ux-cart-coupon button[type=submit] {
}

/* Style thanh tab */
.woocommerce-tabs .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}

.woocommerce-tabs .nav-tabs li {
    margin-right: 10px;
}

.woocommerce-tabs .nav-tabs li a {
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f9f9f9;
    color: #333;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease;
    font-size: 100%;
    text-transform: unset;
    font-family: 'Roboto';
}

.woocommerce-tabs .nav-tabs li.active a, .woocommerce-tabs .nav-tabs li a:hover {
    background: #ff5722;
    color: #fff;
    border-color: #ff5722;
}

/* Flickity silder thumbnail product */
.woocommerce-product-gallery .flex-viewport img {
    border: 1px solid #e5d9d9;
    border-radius: 4px;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    margin-bottom: 0;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    border: 1px solid #e5d9d9;
    border-radius: 4px;
    width: 100%;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: #000;
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-button {
    background: rgba(0,0,0,0.5);
    width: 32px;
    height: 32px;
    z-index: 9999;
    opacity: 1;
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-button:hover {
    background: rgba(0,0,0,0.8);
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-prev-next-button {
    top: calc(50% - 16px);
    z-index: 999;
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-prev-next-button.previous {
    left: -1px;
    /* dịch ra ngoài nếu bị che */
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-prev-next-button.next {
    right: -1px;
}

.woocommerce-product-gallery .flex-control-thumbs .flickity-prev-next-button svg {
    color: #fff;
}

/* Nội dung tab */
.woocommerce-tabs .tab-panels {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 0 4px 4px 4px;
    background: #fff;
}

/* product-footer */
.product-footer .product-section {
    border-top: 0;
    padding-bottom: 25px;
}

.product-footer .product-section h3.product-section-title {
    padding-top: 0;
    color: #000;
}

@media (max-width: 849px) {
    .woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.product-remove a {
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 7.5px);
    }

    .woocommerce-cart #content .row-main .col-inner {
        padding: 15px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    }

    .woocommerce-cart #main .woocommerce .woocommerce-cart-form {
        margin-bottom: 15px;
    }
}

/* Trang Checkout */
.woocommerce-checkout #content .woocommerce {
}

.woocommerce-checkout #content .woocommerce .woocommerce-notices-wrapper {
}

.woocommerce-checkout #content .woocommerce form.checkout .row .col .col-inner {
    height: 100%;
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details {
    background-color: rgba(0, 0, 0, .02);
    box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .07), inset 0 0 0 1px rgba(0, 0, 0, .05);
    padding: 30px;
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields {
    border-top: 0;
    padding-top: 0;
}

.woocommerce-checkout #content .woocommerce form.checkout h3 {
    color: red;
    font-family: 'Roboto Condensed';
    text-transform: math-auto;
    font-weight: 500;
    font-size: 20px;
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p {
    width: 100%;
    margin: 0 0 10px;
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper {
}

.woocommerce-checkout #content .woocommerce form.checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input {
}

.woocommerce-checkout #content .woocommerce form.checkout .checkout-sidebar {
}

.woocommerce-billing-fields p {
    width: 100%;
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review {
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review tr td {
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review .shop_table * {
    font-size: 96%;
    color: #000;
    line-height: 1.4;
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review .shop_table thead th {
    text-transform: capitalize;
    color: #000;
    border-width: 1px;
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review .shop_table .order-total {
}

.woocommerce-checkout #content .woocommerce form.checkout #order_review .shop_table .order-total * {
    font-size: 100%;
    color: brown;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.woocommerce-checkout .woocommerce form.checkout #payment {
}

.woocommerce-checkout .woocommerce form.checkout #payment ul {
}

.woocommerce-checkout .woocommerce form.checkout #payment ul li {
}

.woocommerce-checkout .woocommerce form.checkout #payment ul li label {
}

.woocommerce-checkout .woocommerce form.checkout #payment ul li img {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    border: 1px solid #cecbcb;
}

/*thanh toan chuyen khoan*/
.woocommerce-order {
}

.woocommerce-order .woocommerce-bacs-bank-details {
}

.woocommerce-order .woocommerce-bacs-bank-details h2, .woocommerce-order .woocommerce-order-details h2, .woocommerce-order .woocommerce-customer-details h2 {
    color: red;
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #eeeaea;
}

.woocommerce-order .woocommerce-bacs-bank-details h3 {
    font-size: 18px;
    color: brown;
}

.woocommerce-order .woocommerce-bacs-bank-details ul {
    border: 1px solid #f7e6e6;
    padding: 15px 10px 5px 10px;
    border-radius: 6px;
}

.woocommerce-order .woocommerce-bacs-bank-details ul li {
    font-size: 100%;
    color: #000;
}

.woocommerce-order .woocommerce-order-details .shop_table * {
    font-size: 100%;
    color: #000;
}

.woocommerce-order .woocommerce-order-details .shop_table thead tr th {
    border-width: 1px;
}

.woocommerce-order .woocommerce-customer-details address {
    border: 1px solid #f7e6e6;
    padding: 15px;
    border-radius: 6px;
    line-height: 1.8;
    background: #fff8f8;
    font-weight: 600;
}

.woocommerce-order .woocommerce-customer-details address p {
    margin-bottom: 0;
}

/* Tài khoản */
.woocommerce-account .account-container h2 {
    color: red;
    text-align: center;
    font-size: 22px;
}

.woocommerce-account .account-container .woocommerce-form {
    border: 1px solid #f2e7e7;
    padding: 30px;
    max-width: 480px;
    margin: 0 auto;
}

.woocommerce-account .account-container .woocommerce-form .woocommerce-form-row label {
    font-size: 100%;
}

.woocommerce-account .account-container .woocommerce-form .woocommerce-form-row input {
    border-radius: 6px;
}

.woocommerce-account .account-container .woocommerce-form .woocommerce-form-login__submit {
    font-size: 95%;
    border-radius: 25px;
    text-transform: capitalize;
    background: orangered;
}

.woocommerce-account .account-container .woocommerce-form .woocommerce-LostPassword a {
    font-size: 100%;
    color: brown;
    font-family: 'Roboto Condensed';
}

.woocommerce-account .account-container .woocommerce-form .woocommerce-form-register__submit {
    background: green;
    font-size: 95%;
    border-radius: 25px;
    text-transform: capitalize;
}

form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button {
    background: green;
    font-size: 95%;
    border-radius: 25px;
    text-transform: capitalize;
}

@media (max-width: 460px) {
	.product-small.product .badge-container .badge .badge-inner span.onsale, .product-gallery .badge-container .badge .badge-inner span.onsale {
		font-size: 10px;
		color: #fff;
		font-weight: 500;
		display: block;
		width: 100%;
		border: 1px solid red;
		background: red;
		height: 22px;
		line-height: 20px;
		padding: 0 3px;
		border-radius: 4px;
	}
    @keyframes pulseIcon {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        50% {
            transform: scale(0.85);
            opacity: 0.8;
        }

        100% {
            transform: scale(0.95);
            opacity: 1;
        }
    }

    .button.add_to_cart_button, .single_add_to_cart_button {
        gap: 0;
        padding: 3px 10px;
        font-size: 14px;
        width: 100%;
    }
}

@media (max-width: 343px) {
    .button.add_to_cart_button, .single_add_to_cart_button {
        padding: 3px 5px;
        font-size: 13px;
    }
}

/* Trang danh mục sản phẩm, shop */
/* Thêm icon trước tiêu đề Danh Mục */
.archive.tax-product_cat #main #shop-sidebar .widget-title, .woocommerce-shop #shop-sidebar .widget-title {
    position: relative;
    /* chừa khoảng trống cho icon */
    font-size: 18px;
    font-weight: 600;
    color: #795548;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

/* Icon Category (folder-tree hoặc grid) */
.archive.tax-product_cat #main #shop-sidebar .widget-title::before, .woocommerce-shop #shop-sidebar .widget-title::before {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 6px;
    display: inline-block;
    -webkit-mask: url("images/list.svg") no-repeat center;
    mask: url("images/list.svg") no-repeat center;
    background-color: #795548;
    transition: transform 0.3s ease, background-color 0.3s ease;
    mask-size: 100%;
}

.archive.tax-product_cat #main #shop-sidebar .widget-title::after, .woocommerce-shop #shop-sidebar .widget-title::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c5d9d7;
    position: absolute;
    bottom: 0;
}

/* Hover đổi màu + nhún icon */
.archive.tax-product_cat #main #shop-sidebar .widget-title:hover::before {
    transform: scale(1.2);
    background-color: #885e4f;
}

/* archive blog */
.archive .blog-archive h1.page-title {
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dd1a21;
    /* gạch ngang bên dưới */
}

.archive .blog-archive h1.page-title span {
    display: block;
    background: #123c69;
    /* màu xanh đậm */
    color: #fff;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    max-width: 120px;
    width: max-content;
}

.archive .blog-archive h1.page-title span:after {
    /* chiều dài đoạn vát */
    /* tạo tam giác vát */
    content: "";
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid #123c69;
    /* độ rộng tam giác */
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.archive .blog-archive #post-list {
}

.archive .blog-archive #post-list .post-item {
    border-radius: 10px;
}

.archive .blog-archive #post-list .post-item .col-inner {
}

.archive .blog-archive #post-list .post-item .col-inner .post-title a {
    font-size: 105%;
    font-family: 'Roboto';
    line-height: 1.4;
    color: #333;
}

.archive .blog-archive #post-list .post-item .col-inner .from_the_blog_excerpt {
    font-size: 94%;
}

.woocommerce-edit-account .woocommerce-EditAccountForm {
    border: 1px solid;
    padding: 30px;
    max-width: 640px;
    margin: 0 auto;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-form-row label {
    font-size: 100%;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-form-row input {
    border: 1px solid #fac4c4;
    border-radius: 6px;
}

.woocommerce-edit-account .woocommerce-MyAccount-content form button[type=submit] {
    background: brown;
    text-transform: initial;
}

.woocommerce-MyAccount-content .woocommerce-orders-table {
    margin-bottom: 0;
    border: 1px solid #ececec;
    border-bottom: 0;
    color: #333;
}

.woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {
    border-width: 1px;
    padding: 15px 10px;
    color: brown;
    text-transform: capitalize;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr th, .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {
    padding: 10px;
    font-size: 95%;
    color: #333;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td a.woocommerce-button {
    margin: 0;
    background: chocolate;
    text-transform: capitalize;
    border-radius: 6px;
}

.woocommerce-MyAccount-content .woocommerce-order-details {
}

.woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-MyAccount-content .woocommerce-customer-details h2 {
    font-size: 24px;
    font-weight: 500;
    color: brown;
}

.woocommerce-MyAccount-content .woocommerce-order-details .order_details {
    border: 1px solid #ece;
    border-bottom: 0;
}

.woocommerce-MyAccount-content .woocommerce-order-details .order_details thead tr th {
    border-width: 1px;
    padding: 15px 10px;
    color: #F44336;
    font-size: 100%;
}

.woocommerce-MyAccount-content .woocommerce-order-details .order_details tbody tr td {
    color: #F44336;
    font-size: 98%;
    padding: 10px;
}

.woocommerce-MyAccount-content .woocommerce-order-details .order_details tfoot tr td, .woocommerce-MyAccount-content .woocommerce-order-details .order_details tfoot tr th {
    color: brown;
    font-size: 98%;
    padding: 10px;
}

.woocommerce-MyAccount-content .woocommerce-customer-details address {
    font-size: 100%;
    line-height: 1.8;
}

.woocommerce-MyAccount-content .woocommerce-customer-details address p {
    margin: 0;
}

.woocommerce-MyAccount-content .dashboard-links {
}

.woocommerce-MyAccount-content .dashboard-links li {
    margin-left: 0;
    width: 25%;
}

.woocommerce-MyAccount-content .dashboard-links li a {
    margin-right: 20px;
    font-size: 95%;
    font-family: 'Roboto Condensed';
}

.woocommerce-MyAccount-content .dashboard-links li a:hover, .woocommerce-MyAccount-content .dashboard-links li.active a {
    background: chocolate;
}
h1.shop-page-title{
	color: #c05530;
}
.shop-page-title .breadcrumbs {
    text-transform: capitalize;
}
/* Laptop nhỏ (≤ 1200px) */
@media (max-width: 1336px) {
	.back-to-top.left{
		left: 10px;
        min-width: unset;
        min-height: unset;
        width: 28px;
        height: 28px;
        line-height: 26px;
	}
}

/* Tablet lớn / Laptop mini (≤ 992px) */
@media (max-width: 992px) {
}

/* Tablet nhỏ (≤ 768px) */
@media (max-width: 768px) {
}

/* Mobile vừa (≤ 576px) */
@media (max-width: 576px) {
    .woocommerce-MyAccount-content .dashboard-links li {
        width: 100%;
    }

    .woocommerce-MyAccount-content .dashboard-links li a {
        margin-right: 0px;
    }
}

/* Mobile nhỏ (≤ 480px) */
@media (max-width: 480px) {
    .my-footer .gioi-thieu .col-inner ul li a, .my-footer .chinh-sach .col-inner ul li a,.my-footer .dia-chi .col-inner p, .my-footer .hotline .col-inner p, .my-footer .hotline .icon-box .icon-box-text .call-phone a span {
        font-size: 14px;
    }

    .shop-page-title .breadcrumbs {
        line-height: 1.6;
        font-size: 14px;
    }

    .tin-khuyen-mai .cot2 {
        background: #FFC107;
    }

    .tin-khuyen-mai .cot2 .gap-element {
        display: none!important;
    }

    .tin-khuyen-mai .cot2 form {
        margin: 0 auto;
        max-width: 320px;
        padding-top: 25px;
    }

    .tin-khuyen-mai .cot2 form .wpcf7-form-control-wrap {
        width: 100%;
        margin-right: 0;
    }

    .tin-khuyen-mai .cot2 form input.wpcf7-submit {
        width: 100%;
    }

    .archive.tax-product_cat .shop-page-title {
    }

    .archive.tax-product_cat #main .shop-sidebar .widget-title {
    }

    .single-product .product-main {
        padding-bottom: 0;
    }

    .single-product .product-main .product-info.summary {}
	a.lhmuasi {
		text-align: center;
		width: 100%;
		display: block;
	}
    .product .ux-buy-now-button {
        padding: 3px 10px;
        width: 100%;
    }

    .single-product .product-footer #tab-description * {
        color: #333;
        font-size: 14px !important;
        font-family: 'Roboto';
    }

    .single-product .product-main .product-info.summary .product-short-description * {
        font-size: 14px!important;
    }

    .single-product .woocommerce-tabs .tab-panels {
        padding: 15px;
    }

    .product-small.product .box .box-text {
        padding-bottom: 0;
    }

    .product-small.product .box .box-text .title-wrapper p a {
        font-size: 14px;
    }

    .product-small.product .box .box-text .price-wrapper span.price {
        padding: 8px;
        font-size: 13px;
        line-height: 1.3;
    }

    .product-small.box .ux-swatches .ux-swatch span {
        font-size: 9px;
    }

    .product-small.box .ux-swatches.ux-swatches-in-loop {
        gap: 5px;
        margin-bottom: 8px;
    }

    .woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions button[type=submit].primary {
        width: 100%;
        margin: 0;
    }

    .woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions .continue-shopping {
        width: 100%;
        margin-bottom: 20px;
    }

    .woocommerce-cart #main .woocommerce .woocommerce-cart-form .shop_table tbody tr td.actions .button-continue-shopping {
        width: 100%;
        margin: 0;
    }

    .woocommerce-tabs .nav-tabs li {
        width: 50%;
        float: left;
    }

    .woocommerce-tabs .nav-tabs li a {
        padding: 10px;
        font-size: 14px;
        text-align: center;
    }
}