#frontendSectionEditor { display:none!important; }

.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) { margin-left:0!important; margin-right:0!important; }
.description-wrapper {
    font-size: .9em;
    color: #9c9a9a;
    margin: 5px 0 5px;
}

.price-wrapper a { 
    display:inline-block; 
    margin:0 auto;
    padding: 0 20px;
    line-height:30px!important;
    background-color: #266fc9;
    color: #FFF;
    border-radius: 5px;
}
@media (min-width:992px){
    .header .header-hotline-btn { display:inline-block; }
}

/* Tạm dừng hiệu ứng rung khi người dùng rê chuột vào nút để dễ bấm hơn */
.header-hotline-btn:hover {
    animation-play-state: paused;
    opacity: 0.9;
}

@keyframes chemSlideShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-3px); }
    40%, 80% { transform: translateX(3px); }
}

.mobile-nav { flex-direction:row!important; flex-flow:unset!important; }
.mobile-nav .hotline-btn { background-color:var(--yellow); line-height:43px; padding:0 10px; display:none; }
.mobile-nav .hotline-btn a { flex-direction:row; flex-wrap:nowrap; color:var(--primary)!important; line-height:43px; }

:root {
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
    --wp-editor-canvas-background: #ddd;
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px;
    --yellow: #fcdd2c;
    --primary:#005995;
    --primary-light:#0c71b6;
}

@media (min-resolution:192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px
    }
}

.wp-element-button {
    cursor: pointer
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc)
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

:root .has-text-align-center {
    text-align: center
}

:root .has-text-align-left {
    text-align: left
}

:root .has-text-align-right {
    text-align: right
}

.has-fit-text {
    white-space: nowrap !important
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-color]) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

:root {
    --primary-color: #1E3F72;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1220px
}

.row.row-collapse {
    max-width: 1190px
}

.row.row-small {
    max-width: 1220px
}

.row.row-large {
    max-width: 1250px
}

.header-main {
    height: 126px
}

#logo img {
    max-height: 126px
}

#logo {
    width: 363px;
}

#logo img {
    padding: 4px 0;
}

#logo a {
    max-width: 245pxpx;
}

.header-bottom {
    min-height: 30px
}

.header-top {
    min-height: 20px
}
.header-top .hide-for-medium { display:inline-block!important; width:100%; }
.header-top .hide-for-medium .nav { flex-flow: row nowrap; }
.header-top .hide-for-medium .nav li a { flex-direction:row; flex-wrap: nowrap; }
.header-top .html_top_right_text, .header-top .header-social-icons { display:none!important; }

.transparent .header-main {
    height: 265px
}

.transparent #logo img {
    max-height: 265px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+.main-container>.page-title,
.has-transparent+.main-container>div>.page-title,
.has-transparent+.main-container .page-header-wrapper:first-of-type .page-title {
    padding-top: 345px;
}

.header.show-on-scroll,
.stuck .header-main {
    height: 50px !important
}

.stuck #logo img {
    max-height: 50px !important
}

.search-form {
    width: 100%;
}

.header-bg-color {
    background-color: rgba(255, 255, 255, 0.76)
}

.header-bottom {
    background-color: #1E3F72
}

.header-wrapper:not(.stuck) .header-main .header-nav {
    margin-top: 9px
}

.stuck .header-main .nav>li>a {
    line-height: 4px
}

.header-bottom-nav>li>a {
    line-height: 16px
}

@media (max-width: 549px) {
    .header-main {
        height: 83px
    }

    #logo img {
        max-height: 83px
    }
}

.main-menu-overlay {
    background-color: #FFFFFF
}

.nav-dropdown {
    font-size: 92%
}

.header-top {
    background-color: #3b7bde !important;
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
    color: #1E3F72;
}

/* Color !important */
[data-text-color="primary"] {
    color: #1E3F72 !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #1E3F72;
}

.section-content .img.has-hover { display:none; }

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.header-vertical-menu__opener,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
    background-color: #1E3F72;
}

/* Border */
.nav-vertical.nav-tabs>li.active>a,
.scroll-to-bullets a.active,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
    border-color: #1E3F72
}

.nav-tabs>li.active>a {
    border-top-color: #1E3F72
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #1E3F72
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #1E3F72
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #1E3F72;
}

/* Focus */
.primary:focus-visible,
.submit-button:focus-visible,
button[type="submit"]:focus-visible {
    outline-color: #1E3F72 !important;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background-color: var(--primary);
}

[data-text-bg="secondary"] {
    background-color: var(--primary);
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
    color: var(--primary)
}

/* Color !important */
[data-text-color="secondary"] {
    color: var(--primary) !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: var(--primary)
}

/* Focus */
.secondary:focus-visible,
.alt:focus-visible {
    outline-color: var(--primary) !important;
}

body {
    color: #0A0A0A;
        background:#FFF;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #0A0A0A;
}

body {
    font-size: 108%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "Roboto Condensed", sans-serif;
}

body {
    font-weight: 400;
    font-style: normal;
}

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

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-family: "Roboto Condensed", sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Roboto Condensed", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
    font-style: normal;
}

.alt-font {
    font-family: "Dancing Script", sans-serif;
}

.alt-font {
    font-weight: 400 !important;
    font-style: normal !important;
}

button,
.button {
    text-transform: none;
}

.nav>li>a,
.links>li>a {
    text-transform: none;
}

.section-title span {
    text-transform: none;
}

h3.widget-title,
span.widget-title {
    text-transform: none;
}

.header:not(.transparent) .header-nav-main.nav>li>a {
    color: #0A0A0A;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a {
    color: #FFFFFF;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a:hover,
.header:not(.transparent) .header-bottom-nav.nav>li.active>a,
.header:not(.transparent) .header-bottom-nav.nav>li.current>a,
.header:not(.transparent) .header-bottom-nav.nav>li>a.active,
.header:not(.transparent) .header-bottom-nav.nav>li>a.current {
    color: var(--yellow);
}

.header-bottom-nav.nav-line-bottom>li>a:before,
.header-bottom-nav.nav-line-grow>li>a:before,
.header-bottom-nav.nav-line>li>a:before,
.header-bottom-nav.nav-box>li>a:hover,
.header-bottom-nav.nav-box>li.active>a,
.header-bottom-nav.nav-pills>li>a:hover,
.header-bottom-nav.nav-pills>li.active>a {
    color: #FFF !important;
    background-color: var(--yellow);
}

a {
    color: #0A0506;
}

a:hover {
    color: #1E3F72;
}

.tagcloud a:hover {
    border-color: #1E3F72;
    background-color: #1E3F72;
}

.widget a {
    color: #0A0204;
}

.widget a:hover {
    color: #1E3F72;
}

.widget .tagcloud a:hover {
    border-color: #1E3F72;
    background-color: #1E3F72;
}

.is-divider {
    background-color: #F7F7F7;
}

.shop-page-title.featured-title .title-bg {
    background-image: url(wp-content/uploads/2025/01/banner-hoa-chat-cong-nghiep.jpg);
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !important;
    }
}

.header-vertical-menu__opener {
    width: 287px
}

.header-vertical-menu__fly-out {
    width: 287px
}

.header-vertical-menu__opener {
    background-color: var(--yellow);
    color:var(--primary);
}

.nav-vertical-fly-out>li+li {
    border-top-width: 1px;
    border-top-style: solid;
}

/* Custom CSS */
/* Custom CSS Mobile */
@media (max-width: 549px) {

    #footer {
        font-size: 100%;
        padding-left: 10px;
    }

    .san-pham-lam-sach-da .box {
    }

    .san-pham-lam-sach-da .box-text {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .san-pham-lam-sach-da.box-image {
        height: 140px
    }
}
}

.label-new.menu-item>a:after {
    content: "New";
}

.label-hot.menu-item>a:after {
    content: "Hot";
}

.label-sale.menu-item>a:after {
    content: "Sale";
}

.label-popular.menu-item>a:after {
    content: "Popular";
}
/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
body {
    font-family: "cambria";
}

#respond.comment-respond {
    display: none;
}

.form-flat input:not([type="submit"]) {
    border-radius: 3px;
    border: 1px solid #1E3F72;
}

.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -9px;
    background: green;

    line-height: 35px;
    color: white;
    padding-left: 0px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.header-hotline {
    width: 49%;
    margin-right: 10px;
    float: left;
    color: green
}

.header-phone {
    width: 49%;
    float: right;
}

#mega-menu-wrap {
    background: #fe9705;
}

#mega_menu {
    margin-top: 9px;
    border: 1px solid #efefef;
    background: white;
}

#mega_menu li a {
    padding-left: 10px;
    text-transform: uppercase;
}

#wide-nav>.flex-row>.flex-left {
    width: 25%;
    min-width: 294px;
    margin-right: 15px;
}

#mega_menu li a {
    padding: 5.5px 15px;
    display: block;
    font-size: 16px;
}
.header-main .nav>li>a {
    line-height: 20px;
}

.nav-dark .cart-icon strong {
    color: #fff;
    border-color: #fff;
    width: 17px;
    height: 16px;
}

.nav-spacing-medium>li {
    margin: 0 0px;
}

.nav>li>a {
    padding: 0px
}

.form-flat .flex-row .flex-col {
    margin-bottom: 7px;
}

.header-nav header-nav-main nav nav-left nav-spacing-medium .html custom html_topbar_left {
    width: 100%
}

#mega_menu>li>ul.sub-menu {
    top: 0;
    width: 100%;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
}

#mega_menu ul.sub-menu>li>a {
    width: 100%
}

#mega_menu>li>ul.sub-menu li a {
    padding-left: 0px
}

#mega_menu ul.sub-menu>li {
    list-style: square;
    color: #fe9705;
    margin-left: 30px;
}

#mega_menu ul.sub-menu li:hover {
    background: black
}

.tabbed-content .nav>li.active>a {
    color: rgb(254, 151, 5);
    text-transform: uppercase;
    border: 1px solid;
}

.tabbed-content .nav>li>a {
    color: black;
    text-transform: uppercase;
}

.tabbed-content .nav-uppercase>li>a {
    letter-spacing: 0px;
}

.tabbed-content .nav-divided>li {
    padding-right: 10px
}

.col-inner .badge-container {
    display: none
}

.price-wrapper .price del {
    display: inline-block
}

.col-inner .box-text.text-center {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
}

.col-inner .box-image img {
    border-radius: 3px
}

.price-wrapper {
    margin-top: 0px;
}

.title-wrapper a {
    font-weight: 500
}

.price-wrapper .woocommerce-Price-currencySymbol {
    display: none
}

.price-wrapper ins {
    color: #d60000
}

.title-wrapper a:hover {
    color: #fe9705
}

.row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0 5px 5px;
    margin-bottom: 5px;
}


.add-to-cart-button a {
    text-transform: uppercase;
    font-weight: normal
}

.button.primary:not(.is-outline) {
    border-radius: 4px;
    background-color: #3b7bde;
    display: none;
}

main { background-color:#FFF;}

main>.message-wrapper {
    width: 7%;
    background: white;
    margin-top: 10px;
    padding-top: .75em;
    padding-bottom: .75em;
    margin-bottom: 10px;
    font-size: 1.1em;
    z-index: 99;
    right: 0;
    position: absolute;
    font-size: 14px;
    text-align: justify;
}

.breadcrumbs a {
    color: rgba(102, 102, 102, 0.7);
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
}

.is-divider {
    background-color: #F7F7F7;
    display: none;
}

.product-main del span.amount {
    font-size: 15px
}

.product-main .badge-container {
    display: none
}

.row-large>.col {
    padding: 0 10px 0px;
}

.product-main h1 {
    font-size: 22px
}

.product-main .product-short-description p {
    font-size: 16px;
    color: #2b2b2b;
    text-align: justify
}

.product-main .product-short-description li {
    font-size: 16px;
    color: #2b2b2b;
    text-align: justify
}

.product-main .product-short-description li a {
    font-size: 16px;
    color: #2b2b2b;
    text-align: justify
}

.row.row-large {
    width: 100%;
}

.widget {
    margin-top: 10px;
}

.product_list_widget del {
    display: none
}

.product_list_widget .woocommerce-Price-currencySymbol {
    display: none
}

.product_list_widget ins {
    color: red
}

.product_list_widget span {
    font-size: 16px
}

.product_list_widget .ul.product_list_widget li img {
    height: 66px
}

.product-main .cart {
    margin-bottom: 0px;
    margin-top: 30px
}

.product_meta>span {
    padding: 5px 0;
}

.product-main .tabbed-content .nav>li.active>a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background: #f7f7f7;
    padding-bottom: 9px;
}

.tabbed-content .nav-uppercase>li>a {
    letter-spacing: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    background: #f7f7f7;
    padding-bottom: 3px;
    border-radius: 4px;
    border: 1px solid #65c400;
}

#mega_menu>li>ul.sub-menu {
    border: 1px solid #ececec;
}

.san-pham-lam-sach-da .box {
    background: white;
    padding: 5px;
}

.san-pham-lam-sach-da .box-text {
    padding-top: 5px;
    padding-bottom: 0px;
}

.san-pham-lam-sach-da .col-inner .box-text.text-center {
    padding-left: 0px;
    padding-right: 0px
}

.san-pham-lam-sach-da .row-small>.col {
    padding: 0 5px 5px;
}

.price-wrapper span.amount {
    color: #d60000;
}

.product_list_widget span.amount {
    color: #d60000;
}

#product-sidebar .product_list_widget {
    margin-top: 100px;
}

.off-canvas .sidebar-inner {
    padding: 10px 10px;
}

.footer-wrapper span {
    font-size: 15px
}

input[type='text'] {
    border: 1px solid #fe9705;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
}

input[type='email'] {
    border: 1px solid #fe9705;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
}

textarea {
    border: 1px solid #fe9705;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
}

input[type='submit']:not(.is-form) {
    background-color: #fe9705;
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    display: inherit;
}

.article-inner .relative {
    display: none
}

i.icon-shopping-bag {
    display: none;
}

#footer p {
    font-size: 14px !important
}


.cam-ket {
    margin-bottom: 5px;
    margin-top: 30px;
    background: white;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ececec;
    font-size: 15px;
    font-weight: 500;
}

.cam-ket .tieu-de {
    background: white;
    padding: 6px 10px;
    margin-top: -32px;
    font-size: 17px;
    font-weight: 600;
    color: #d7102c;
    display: block;
    max-width: 234px;

}

.cam-ket ul li {
    margin-bottom: 0px;
}

.btn-lien-he {
    display: inline-block;
    background-color: #f44336;
    /* Màu đỏ */
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#addr-cake .textwidget p a {
    ;
    color: green;
}

.add-to-cart-button a {
    text-transform: none;
}

.woocommerce ul.products li.product img,
.woocommerce div.product div.images img,
.woocommerce-page ul.products li.product img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    max-height: none;
}

.video-fit video,
.video-fit iframe,
img.back-image,
.image-cover img,
.has-format img {
    object-fit: unset;
}

#mega-menu-wrap {
    width: 290px
}

.row-small .col {
    padding: 0;
}

.col,
.gallery-item,
.columns {
    padding-bottom: 0px
}


.section-title-normal {
    background: var(--primary-light);
    margin-bottom: 5px;
    border-bottom: 0;
    border-radius: 5px;
    flex-direction:column; align-items:start;
    width:96%; margin:0 auto; padding-bottom:10px;
}
.section-title-normal span a { color:#FFF; padding-left:0; }

.section-title a.section-title-bt {
    font-size: 14px;
    margin-right: auto;
    color: white;
    background-color: var(--yellow);
    color: #333;
    margin-left: 10px;
    padding: 3px 10px;
    border-radius: 5px;
}

.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: white !important;
    padding: 10px;
    background: var(--primary);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

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

.product-footer .woocommerce-tabs {
    padding: 5px 0;
}

.nav-tabs+.tab-panels {
    padding: 20px 30px;
}

.large-6.col {
    margin-top: 10px
}

pre,
blockquote,
form,
figure,
p,
dl,
ul,
ol {
    margin-bottom: 5px;
}

.product-main {
    padding: 10px 0 5px;
}

.nav-tabs+.tab-panels {
    padding: 20px 30px 10px;
}

.id-content.blog-wrapper .badge,
.id-content.blog-wrapper .post-date,
.id-content.blog-wrapper .posted-on,
.id-content.blog-wrapper .date,
.id-content.blog-wrapper .badge {
    display: none !important;
}

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

.entry-header-text-top {
    padding-bottom: 2px;
}

.page-wrapper {
    padding-bottom: 0px;
    padding-top: 20px
}

.h1-hidden {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.header-vertical-menu__fly-out .nav-top-link {
    text-transform: uppercase;
    color: #744C29;
}


/* Font mặc định toàn site */
html,
body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
}

/* Tiêu đề */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #222222;
}

/* Menu, nút, form cũng dùng Arial */
.main-menu a,
.nav>li>a,
.button,
.btn,
button,
input,
textarea,
select {
    font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-style: normal;
}

h1 strong,
h1 b,
h2 strong,
h2 b,
h3 strong,
h3 b,
h4 strong,
h4 b,
h5 strong,
h5 b,
h6 strong,
h6 b {
    font-weight: inherit !important;
    font-style: inherit !important;
}

#product-sidebar .product_list_widget {
    margin-top: 5px;
}


/* In hoa tiêu đề sản phẩm ở trang danh sách (Shop, Category, Portfolio) */
.woocommerce-loop-product__title,
.product-title,
.box-text .title {
    text-transform: uppercase !important;
}

/* In hoa tiêu đề sản phẩm tại trang chi tiết sản phẩm */
.product-title.entry-title {
    text-transform: uppercase !important;
}


/* Chỉ áp dụng giới hạn 2 dòng trực tiếp lên thẻ chữ  */
.product-small .product-title a,
.product-small .name a,
.product-small p.product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    /* Đảm bảo chữ được xuống dòng thay vì nằm trên 1 hàng ngang */
    word-break: break-word !important;

    /* Thiết lập chiều cao dòng để không bị lệch khung */
    line-height: 1.5em !important;
    max-height: 3em !important;
    /* Tương đương 2 dòng chữ */
    min-height: 3em !important;
    /* Giữ khung các sản phẩm luôn đều nhau */
    font-weight:bold;
}

/* 1. Thiết lập font Times New Roman và cỡ chữ 18px cho nội dung bài viết, sản phẩm, danh mục */
.single-post .entry-content,
.single-post .entry-content p,
.single-product .entry-summary,
.single-product .product-footer,
.single-product .tab-panels,
.single-product .tab-panels p,
.archive .term-description,
.archive .term-description p,
.blog-archive .post-item,
.blog-archive .post-item p {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 20px !important;
    line-height: 1.6;
}

/* 2. Thiết lập cỡ chữ 26px cho thẻ H2 trong vùng nội dung */
.single-post .entry-content h2,
.single-post .entry-content h2 span,
.single-post .entry-content h2 strong,
.single-product .tab-panels h2,
.single-product .entry-summary h2,
.archive .term-description h2 {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 26px !important;
    line-height: 1.3;
    font-weight: 600 !important;
}

/* 3. Thiết lập cỡ chữ 24px cho thẻ H3 trong vùng nội dung */
.single-post .entry-content h3,
.single-post .entry-content h3 span,
.single-product .tab-panels h3,
.single-product .entry-summary h3,
.archive .term-description h3 {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 24px !important;
    line-height: 1.35;
    font-weight: 600 !important;
}

/* 3. Thiết lập cỡ chữ 22px cho thẻ H4 trong vùng nội dung */
.single-post .entry-content h4,
.single-post .entry-content h4 span,
.single-product .tab-panels h4,
.single-product .entry-summary h4,
.archive .term-description h4 {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 22px !important;
    line-height: 1.35;
    font-weight: 600 !important;
}



/* Hiển thị lại bullet point cho thẻ ul trong mô tả hoặc nội dung sản phẩm/danh mục */
.term-description ul,
.category-description ul,
.woocommerce-product-details__short-description ul {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin-bottom: 1em !important;
}

/* Định dạng cho danh sách có thứ tự (số) */
.term-description ol,
.category-description ol,
.woocommerce-product-details__short-description ol {
    list-style-type: decimal !important;
    padding-left: 20px !important;
    margin-bottom: 1em !important;
}

/* Đảm bảo từng dòng hiển thị đúng dạng list-item */
.term-description li,
.category-description li {
    display: list-item !important;
}

.home-product-group .product-list { gap:40px 10px; }
.home-product-group .product-list .product-small { flex-basis: calc(50% - 5px); }

@media (min-width:768px){
    .home-product-group .product-list .product-small { flex-basis:calc(33.333% - 10px); }
}

@media (min-width:992px){
    .home-product-group .product-list .product-small { flex-basis:calc(25% - 10px); }
}

@media (min-width:1200px){
    .section-title-container { margin-bottom:0; margin-top:3em; }
    .section-title-normal { height:300px!important; }
    
    .home-product-group .product-list { padding-top:2em; }
    .home-product-group .product-list .product-small { flex-basis: calc(25% - 10px); max-width:unset; }
    
    .home-product-group { margin-bottom:5em; }
}