/*
Theme Name: Flatsome Child
Description:
Author: eTex
Template: flatsome
Version: 1.0.0
*/

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

b, strong {
    font-weight: 700;
}

:root {
    --etex-container-width: 1260px;
}

.full-width .ubermenu-nav,
.container,
.row {
    max-width: var(--etex-container-width);
}

.header-top {
    background-image: linear-gradient(90deg, #9caf73 0%, #c6d59d 48%, #a7bd7d 100%) !important;
}

.header-top .nav-small.nav>li.html {
    font-size: .85em;
}

/* eTex contact form */
.etex-contact-form {
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(35, 50, 65, 0.08);
}

.etex-contact-form .form-group {
    margin-bottom: 18px;
}

.etex-contact-form label {
    display: block;
    margin-bottom: 8px;
    color: #21364d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.etex-contact-form label span {
    color: #b04a4a;
}

.etex-contact-form .form-control,
.etex-contact-form input[type="text"],
.etex-contact-form input[type="tel"],
.etex-contact-form textarea {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    color: #21364d;
    font-size: 15px;
    background: #fbfcf7;
    border: 1px solid rgba(183, 201, 139, 0.55);
    border-radius: 8px;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.etex-contact-form textarea,
.etex-contact-form .form-textarea {
    height: 138px;
    min-height: 138px;
    padding-top: 14px;
    resize: vertical;
}

.etex-contact-form .form-control:focus,
.etex-contact-form input[type="text"]:focus,
.etex-contact-form input[type="tel"]:focus,
.etex-contact-form textarea:focus {
    outline: none;
    background: #fff;
    border-color: #b7c98b;
    box-shadow: 0 0 0 4px rgba(183, 201, 139, 0.18);
}

.etex-contact-form ::placeholder {
    color: #8a949d;
}

.etex-contact-form .form-submit {
    margin-top: 24px;
}

.etex-contact-form .etex-submit,
.etex-contact-form input[type="submit"] {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 0 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    background: #b7c98b;
    border-radius: 20px !important;
    box-shadow: 0 10px 24px rgba(183, 201, 139, 0.32);
    transition: all 0.2s ease;
}

.etex-contact-form .wpcf7-not-valid-tip {
    background-color: transparent !important;
}

.etex-contact-form .wpcf7-not-valid-tip::after {
    content: none !important;
}

.etex-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 13px;
    color: #b04a4a;
}

.etex-contact-form .wpcf7-response-output {
    margin: 18px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px;
    font-size: 14px;
}

#top-link.back-to-top {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    right: 20px;
    bottom: 20px;
    border-radius: 50% !important;
    background: #fff !important;
    border: none !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

#top-link.back-to-top:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

#top-link.back-to-top i,
#top-link.back-to-top .icon-angle-up {
    display: none !important;
}

#top-link.back-to-top::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #000;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 576.967 576.967' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m460.359 323.709c-8.115-.034-15.88-3.314-21.56-9.11l-150.316-150.315-150.315 150.315c-13.836 9.478-32.736 5.946-42.214-7.89-6.861-10.015-7.098-23.153-.603-33.409l171.572-171.875c11.81-11.907 31.037-11.986 42.945-.176.059.058.118.117.176.176l171.571 171.875c11.774 11.844 11.774 30.973 0 42.817-5.847 5.168-13.459 7.886-21.256 7.592z'/%3E%3Cpath d='m288.483 576.967c-16.771 0-30.367-13.596-30.367-30.367v-425.133c0-16.771 13.596-30.367 30.367-30.367s30.367 13.596 30.367 30.367v425.133c0 16.771-13.596 30.367-30.367 30.367z'/%3E%3Cpath d='m470.683 60.733h-364.4c-16.771 0-30.367-13.596-30.367-30.367s13.596-30.366 30.367-30.366h364.4c16.771 0 30.367 13.596 30.367 30.367s-13.596 30.366-30.367 30.366z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 576.967 576.967' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m460.359 323.709c-8.115-.034-15.88-3.314-21.56-9.11l-150.316-150.315-150.315 150.315c-13.836 9.478-32.736 5.946-42.214-7.89-6.861-10.015-7.098-23.153-.603-33.409l171.572-171.875c11.81-11.907 31.037-11.986 42.945-.176.059.058.118.117.176.176l171.571 171.875c11.774 11.844 11.774 30.973 0 42.817-5.847 5.168-13.459 7.886-21.256 7.592z'/%3E%3Cpath d='m288.483 576.967c-16.771 0-30.367-13.596-30.367-30.367v-425.133c0-16.771 13.596-30.367 30.367-30.367s30.367 13.596 30.367 30.367v425.133c0 16.771-13.596 30.367-30.367 30.367z'/%3E%3Cpath d='m470.683 60.733h-364.4c-16.771 0-30.367-13.596-30.367-30.367s13.596-30.366 30.367-30.366h364.4c16.771 0 30.367 13.596 30.367 30.367s-13.596 30.366-30.367 30.366z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

#top-link.back-to-top:hover::after {
    background-color: #314d33;
    transform: translateY(-2px);
}
/* eTex process step */
.etex-process-step {
    cursor: pointer;
}

.col.etex-process-step > .col-inner {
    position: relative !important;
    height: 100% !important;
    min-height: 230px !important;
    padding: 34px 24px 28px !important;
    background: #fff !important;
    border: 1px solid rgba(183, 201, 139, 0.38) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 35px rgba(35, 50, 65, 0.08) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

.col.etex-process-step > .col-inner::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: #b7c98b !important;
}

.col.etex-process-step > .col-inner:hover {
    transform: translateY(-4px) !important;
    border-color: #b7c98b !important;
    box-shadow: 0 18px 42px rgba(35, 50, 65, 0.13) !important;
}

.col.etex-process-step .step-number {
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;
    margin: 0 !important;
    color: rgba(183, 201, 139, 0.28) !important;
    font-size: 54px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    z-index: 0 !important;
}

.col.etex-process-step .step-image {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    margin: 0 0 22px !important;
    background: rgba(183, 201, 139, 0.16) !important;
    border-radius: 50% !important;
}

.col.etex-process-step .step-image .img-inner {
    width: 28px !important;
    height: 28px !important;
}

.col.etex-process-step .step-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.col.etex-process-step .step-title {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 10px !important;
    color: #21364d !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.col.etex-process-step .step-sub-title {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #56616d !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}
.icon-leaf {
    font-family: inherit !important;
}

.section-title-normal span,
.section-title-normal {
    border: none !important;
}

.badge.post-date {
    display:none !important;
}

.icon-leaf:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("images/icon-leaf.svg") no-repeat center / contain;
    mask: url("images/icon-leaf.svg") no-repeat center / contain;
    transform: rotate(-18deg);
    vertical-align: -0.12em;
}

.has-leaf-icon:after {
    content: "";
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    margin-left: 0.45em;
    background-color: var(--primary-color);
    -webkit-mask: url("images/icon-leaf.svg") no-repeat center / contain;
    mask: url("images/icon-leaf.svg") no-repeat center / contain;
    transform: rotate(-18deg);
    vertical-align: -0.12em;
}

.etex-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.etex-cat-card {
    background: #fff;
    border: 1px solid rgba(183, 201, 139, 0.28);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(42, 42, 42, 0.06);
    overflow: hidden;
    text-align: center;
    min-height: 645px;
    display: flex;
    flex-direction: column;
}

.etex-cat-card__image {
    display: block;
    aspect-ratio: 1.28;
    overflow: hidden;
    flex: 0 0 auto;
}

.etex-cat-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.etex-cat-card__icon {
    width: 72px;
    height: 72px;
    margin: -36px auto 14px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #b7c98b;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(42, 42, 42, 0.08);
    overflow: hidden;
    transform: translateY(0) scale(1);
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    cursor: pointer;
}

.etex-cat-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.25s ease, transform 0.25s ease;
}

.etex-cat-card:hover .etex-cat-card__icon,
.etex-cat-card__icon:hover {
    background: #a8be76;
    box-shadow: 0 16px 28px rgba(42, 42, 42, 0.14);
    transform: translateY(-6px) scale(1.06);
}

.etex-cat-card:hover .etex-cat-card__icon img,
.etex-cat-card__icon:hover img {
    filter: saturate(1.08) contrast(1.04);
    transform: scale(1.1);
}
.etex-cat-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    min-height: 0;
}

.etex-cat-card__title {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 auto 10px;
    min-height: 63px;
    color: #2a2a2a;
    overflow-wrap: anywhere;
}

.etex-cat-card__title:after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin: 12px auto 0;
    border-radius: 99px;
    background: #b7c98b;
}

.etex-cat-card__title a {
    color: inherit;
}

.etex-cat-card__children {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 260px;
    text-align: left;
    overflow: visible;
}

.etex-cat-card__children:empty {
    margin: 0;
}

.etex-cat-card__children li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.etex-cat-card__children .etex-cat-card__divider {
    display: block !important;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(42, 42, 42, 0.05);
    opacity: 1;
}

.etex-cat-card__children a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 63px;
    padding: 5px 0;
    color: #4b4b4b;
}

.etex-cat-card__children a:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b7c98b;
    flex: 0 0 auto;
}

.etex-cat-card__children span {
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.etex-cat-card__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    min-height: 20px;
    color: var(--primary-color);
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.2s ease;
}

.etex-cat-card__more-placeholder {
    min-height: 20px;
}

p {
    margin-bottom: 1em;
}

.showroom-footer a {
    color: var(--primary-color);
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin: 0 0 20px 0;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video.video-fit.mb .videoWrapper {
    position: unset;
    padding-bottom: unset;
    margin: unset;
}

.banner {
  background-color: #ffffff !important;
}

.col-p-b-0 {
    padding-bottom: 0 !important;
}

.etex-map-wrap {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.etex-map-wrap iframe {
    display: block;
    width: 100%;
    max-width: 100%;
}

.home-title .section-title-main {
    text-transform: capitalize;
}

.home-section-wrapper {
    background: rgb(247, 248, 244);
    border-radius: 20px;
    width: calc(100% - 30px);
    max-width: calc(var(--etex-container-width) - 30px) !important;
    margin-right: auto;
    margin-left: auto;
    padding: 18px 22px;
    overflow: hidden;
}

.home-section-wrapper .home-section-2 > .col-inner {
    display: flex;
    align-items: center;
    min-height: 104px;
    padding: 0 18px;
}

.home-section-wrapper .icon-box {
    align-items: center;
    gap: 16px;
    width: 100%;
}

.home-section-wrapper .icon-box-img {
    margin-right: 0 !important;
}

.home-section-wrapper .icon-box-text h5 {
    margin-bottom: 10px;
}

.home-section-wrapper .icon-box-text p {
    margin-bottom: 0;
    line-height: 1.5;
}

.section-with-border .bg-fill,
.banner-with-border .banner-bg {
  border-radius: 20px;
}

.section-title-main i {
    margin-left: 0.2em;
    color: var(--primary-color);
}

.cta-button span {
  font-weight: normal;
}

h1.h1_logo {
    height: 0;
    overflow: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

.entry-meta.uppercase {
    letter-spacing: normal;
    text-transform: none;
    font-size: .9em;
}

.term-description ol, .term-description ul,
.entry-content ul, .entry-content ol {
    margin-left: 20px;
}

.woocommerce a.remove,
[class*="woocommerce"] a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}

.woocommerce a.remove:before, .woocommerce a.remove:after,
[class*="woocommerce"] a.remove:before, [class*="woocommerce"] a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}

.woocommerce a.remove:before,
[class*="woocommerce"] a.remove:before {
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}

.woocommerce a.remove:after,
[class*="woocommerce"] a.remove:after {
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}

.woocommerce a.remove:hover:before,
[class*="woocommerce"] a.remove:hover:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}

.woocommerce a.remove:hover,
[class*="woocommerce"] a.remove:hover {
    background: transparent;
}

.wpcf7 .wpcf7-form-control {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    height: 40px;
}

.wpcf7-response-output {
    border: none !important;
    margin: 0 0 20px 0 !important;
}

form.wpcf7-form:after {
    content: "";
    display: table;
    clear: both;
}

#ftwp-container.ftwp-wrap #ftwp-header {
    cursor: pointer;
}

.header_top {
    font-weight: 600;
    font-size: 14px;
}

.hotline-cta .icon-box-img {
    overflow: visible;
}

.hotline-cta .icon,
.hotline-cta .icon-inner {
    position: relative;
    overflow: visible;
}

.hotline-cta .icon-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    padding: 2px;
    color: #fff;
    border-radius: 100%;
}

.hotline-cta .icon-inner::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 100%;
    background: var(--primary-color);
}

.hotline-cta .icon-inner::after {
    content: "";
    position: relative;
    z-index: 1;
    display: block;
    width: 58%;
    height: 58%;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.68-.37 1.05-.25 1.16.38 2.41.59 3.69.59.58 0 1.05.47 1.05 1.05v3.48c0 .58-.47 1.05-1.05 1.05C10.33 21.6 2.4 13.67 2.4 3.85 2.4 3.27 2.87 2.8 3.45 2.8h3.49c.58 0 1.05.47 1.05 1.05 0 1.28.2 2.53.59 3.69.11.36.03.76-.26 1.05l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.68-.37 1.05-.25 1.16.38 2.41.59 3.69.59.58 0 1.05.47 1.05 1.05v3.48c0 .58-.47 1.05-1.05 1.05C10.33 21.6 2.4 13.67 2.4 3.85 2.4 3.27 2.87 2.8 3.45 2.8h3.49c.58 0 1.05.47 1.05 1.05 0 1.28.2 2.53.59 3.69.11.36.03.76-.26 1.05l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.hotline-cta .icon-inner img {
    display: none !important;
}

form.searchform input.search-field {
    height: 42px;
    background-color: transparent;
    border-color: var(--primary-color);
    font-size: 14px;
    padding: 10px 20px;
}

form.searchform button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
}

.searchform .button.icon i {
    font-size: 12px;
    top: 0;
    color: var(--primary-color);
}

.header-main .header-inner > div:nth-child(3) {
    margin-right: 30px;
}

form.searchform input.search-field::placeholder {
    color: #979797;
}

li.header-block {
    width: auto;
}

.cart-item .header-cart-link span.header-cart-title span.l {
    text-transform: capitalize;
}

.cart-item .header-cart-link span.header-cart-title > span {
    display: block;
}

.cart-item .header-cart-link {
    display: inline-flex;
    align-items: center;
}

.cart-item .header-cart-link span.header-cart-title {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    padding-left: 10px;
    order: 2;
    line-height: 1.6;
    color: #2a2a2a;
}

.cart-item .header-cart-link span.image-icon.header-cart-icon {
    margin-left: unset;
    order: 1;
    width: 43px;
}

.cart-item .header-cart-link span.header-cart-title > span.qty_sp {
    color: #400c01;
    font-weight: 600;
}

.header-block-block-1 .plain {
    margin-right: 30px;
}

.header-block-block-1 {
    display: flex;
    flex-wrap: wrap;
}

#wide-nav a {
    font-weight: 300;
    text-transform: capitalize;
    color: #000;
    font-size: 16px;
}

div#wide-nav ul.nav.header-nav.header-bottom-nav.nav-left > li {
    margin: 0 20px;
}

div#wide-nav .flex-row > .flex-col.flex-left {
    flex-grow: 1;
}

div#wide-nav .flex-row > .flex-col.flex-right {
    flex: unset;
}

.header-block-block-1 .plain .icon-box-text.last-reset > :nth-child(1) {
    font-size: 14px;
}

.header-block-block-1 .plain .icon-box-text.last-reset {
    padding-left: 10px;
    font-size: 16px;
}

.header-bottom-nav .icon-angle-down:before {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0;
    /* right: 10px; */
    top: 12px;
    /* margin-top: -2.5px; */
    margin-left: 4px;
}

.header-cart-link .icon-shopping-basket:before {
    color: var(--primary-color);
}

.header-bottom-nav .icon-angle-down {
    /*font-family: 'Font Awesome 5 Free' !important;*/
    font-weight: 900 !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto;
    line-height: 1;
}

.header-bottom {
    box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 10%);
}

.header-bottom-nav.nav-line-bottom > li > a:before {
    width: 70%;
    border-radius: 10px;
}

.footer-2 {
    background-image: url(images/footer_bg_1.png), url(images/footer_bg_2.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left bottom, right bottom;
}

.footer_logo img.size-full.alignnone {
    max-height: 100px;
    width: auto;
    margin-bottom: 25px;
}

.footer-2 {
    padding-top: 50px;
    padding-bottom: 30px;
}

.custom_lienhe {
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
}

span.widget-title {
    display: block;
    letter-spacing: unset;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.6;
    font-weight: 700;
}

#footer span.widget-title {
    color: var(--primary-color);
}

.is-divider {
    display: none;
}

#footer ul.menu li a {
    line-height: 1.6;
    min-height: unset;
    padding: 4px 0;
}

#footer ul.menu li a:hover {
    color: var(--primary-color);
}

#footer ul.menu li {
    border: unset;
}

footer#footer .dark p {
    color: #fff;
}

.footer_address img.size-full.alignnone {
    margin-bottom: unset;
    margin-right: 10px;
}

.footer_address {
    line-height: 1.6;
    margin-bottom: 10px;
}

footer#footer .social-icons.follow-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer#footer .social-icons.follow-icons .icon {
    color: var(--primary-color);
}

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

.absolute-footer {
    color: inherit;
}

.header-bottom-nav .sub-menu.nav-dropdown {
    width: 300px;
}

.nav-dropdown-default {
    padding: unset;
}

.nav-dropdown.nav-dropdown-default.sub-menu li:hover {
    background: #eee
}

.nav-dropdown-default .nav-column li > a,
.nav-dropdown.nav-dropdown-default > li > a {
    border-bottom: 1px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0
}

.home-slider .flickity-page-dots .dot {
    height: 2px;
    border-width: 2px;
}

.section-title-container span.section-title-main {
    color: #1c3a59;
    font-size: 30px;
    letter-spacing: normal;
    line-height: 1.6;
    font-weight: 800;
    padding-bottom: 6px;
    margin: unset;
}

.section-title-container b {
    opacity: 0
}

.section-title-container span.section-title-main:after {
    content: "";
    max-width: 65px;
    width: 100%;
    display: block;
    border-bottom: 3px solid var(--primary-color);
    border-radius: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.section-title-container .section-title-normal span.section-title-main:after {
    left: 0%;
    transform: translateX(-0%);
}

.home_box_intro .open-video .overlay,
.home_box_intro .open-video .overlay-icon {
    display: none;
}

.home_box_why .row.row-full-width:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 39.2px;
    width: calc(50% - 9.8px);
    background-color: #faf5ef;
    display: block;
    z-index: -1;
    background-size: auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(images/bg_why.png);
}

.home_box_why .row.row-full-width {
    position: relative;
}

.home_box_why .icon-box.featured-box .icon-box-img img {
    padding: unset;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset {
    padding-left: 35px;
    font-size: 16px;
    line-height: 1.4;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset p {
    margin-bottom: 5px;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) {
    font-size: 18px;
    text-transform: uppercase;
    color: #2a2a2a;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) strong {
    font-weight: 800;
}

.home_box_partner .slider-wrapper.row.row-small .flickity-slider > .col {
    padding-left: 6px;
    padding-right: 6px;
}

.home_box_partner .slider-wrapper.row.row-small {
    margin-left: -6px;
    margin-right: -6px;
}

.home_box_why .icon-box.featured-box .icon-box-img .icon:after {
    background-image: url(images/check.png);
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
}

.dev_box_reviews span.line_star {
    width: 180px;
    display: inline-block;
    height: 13px;
    background-color: #fff;
    border-radius: 99px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 4px 0px #0000001a;
    margin-right: 18px;
}

.dev_box_reviews i {
    font-size: 20px;
    color: #fbcd0a;
}

.dev_box_reviews span.list_stars {
    letter-spacing: 1px;
    margin-right: 10px;
}

.dev_box_reviews span.line_star span.line_star_has {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #fbcd0a;
    border-radius: 99px;
}

.dev_box_reviews .line_review {
    margin-bottom: 20px;
}

.dev_box_reviews .header_review .top {
    margin-bottom: 40px;
    color: #2a2a2a;
}

.dev_box_reviews .header_review .top .number_review, .dev_box_reviews .header_review .top .number_review i {
    font-size: 50px;
    line-height: normal;
}

.dev_box_reviews .header_review .top .all_number {
    font-size: 20px;
    line-height: normal;
    padding-top: 5px;
}

.dev_box_reviews .header_review {
    margin-bottom: 80px;
    max-width: 500px;
    padding-top: 30px;
}

.dev_box_reviews span.v span.num {
    font-weight: 500;
    width: 44px;
    display: inline-block;
}

.item_review .box {
    box-shadow: 0 0 10px 6px #0000000d;
    border-radius: 8px;
    overflow: hidden;
}

.item_review .box .box-text {
    text-align: justify;
    padding: 15px;
}

.item_review .box .box-text .title {
    margin-top: unset;
    color: #2a2a2a;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 2px;
}

.item_review .box .box-text .stars i {
    font-size: 12px;
}

.item_review .box .box-text .box_top {
    margin-bottom: 8px;
}

.item_review .box .box-text .stars {
    margin-bottom: 2px;
    width: 100%;
}

.item_review .box .box-text .content {
    color: #2a2a2a;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.item_review .box .box-text .content p {
    margin: unset;
}

.dev_box_popup .content .col-inner .box_top,
.item_review .box .box-text .box_top {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.dev_box_popup .content .col-inner .box_top .left, .dev_box_popup .content .col-inner .box_top .right, .dev_box_popup .content .col-inner .box_top .stars,
.item_review .box .box-text .box_top .left, .item_review .box .box-text .box_top .right, .item_review .box .box-text .box_top .stars {
    padding: 0 5px 3px;
}

.dev_box_popup .box_top .right.review_display_sell .l {
    position: relative;
    top: 2px;
}

.dev_box_popup .content .col-inner .box_top .stars {
    width: 100%;
}

.dev_box_popup .box_top .right.review_display_sell,
.item_review .box .box-text .box_top .right.review_display_sell {
    font-size: 12px;
    padding-top: 2px;
}

.dev_box_popup .box_top .right.review_display_sell .l,
.item_review .box .box-text .box_top .right.review_display_sell .l {
    color: #d01103;
    display: inline-flex;
    align-items: center;
}

.dev_box_popup .box_top .right.review_display_sell span.icon,
.item_review .box .box-text .box_top .right.review_display_sell span.icon {
    border: 1px solid #d01103;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    border-radius: 100%;
    margin-right: 5px;
    position: relative;
}

.content_popup_review {
    border-radius: 10px;
    overflow: hidden;
}

.content_popup_review:before {
    left: 0;
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    background-color: #e4e4e4;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/bg_popup.png);
    background-position: center;
}

.dev_box_popup > .row > .col > .col-inner {
    padding: 30px;
}

.dev_box_popup .images .carousel.carousel-main button.flickity-button.flickity-prev-next-button.previous {
    left: 0;
    right: auto;
    transform: unset;
}

.dev_box_popup .images .carousel.carousel-main button.flickity-button.flickity-prev-next-button.next {
    right: 0;
    left: auto;
    transform: unset;
}

.dev_box_popup .images .carousel.carousel-main button.flickity-button.flickity-prev-next-button svg:hover {
    background-color: #fff;
}

.dev_box_popup .images .carousel.carousel-main button.flickity-button.flickity-prev-next-button svg {
    padding: 10px;
    background-color: #ffffffa3;
    border-radius: 100%;
}

.dev_box_popup .content .stars i {
    font-size: 12px;
    color: #fbcd0a;
}

.dev_box_popup .content .stars {
    margin-bottom: 5px;
}

.dev_box_popup .content .title {
    color: #2a2a2a;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: unset;
    line-height: normal;
}

.dev_box_popup .content {
    font-size: 15px;
    line-height: 1.6;
}

.dev_box_popup .images .carousel.carousel-main {
    margin-bottom: 10px;
}

.dev_box_popup .images .carousel img {
    width: 100%;
}

.dev_box_popup .images .carousel.carousel-nav .carousel-cell {
    max-width: 25%;
    flex-basis: 25%;
    padding: 0 5px;
}

.dev_box_popup .images .carousel.carousel-nav {
    margin: 0 -5px;
}

.dev_box_popup .box_top .right.review_display_sell span.icon i.icon-checkmark,
.item_review .box .box-text .box_top .right.review_display_sell span.icon i.icon-checkmark {
    font-size: 8px;
    color: #d01103;
    line-height: 1;
    position: relative;
    top: 0;
}

.button.box_button:not(.icon) {
    border-radius: 99px !important;
    color: #e41e26;
    border: 1px solid #e41e26;
    background-color: #fff;
    font-size: 16px;
    min-height: 36px;
    padding: 5px 20px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button.box_button i.icon-angle-right {
    width: 23px;
    height: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/arrow_right.png);
    position: relative;
    top: 0px;
}

.button.box_button i.icon-angle-right:before {
    content: "";
}

.etex-breadcrumb-wrap {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-color);
    padding-top: 30px;
}

.etex-breadcrumb-wrap span.separator {
    opacity: 1;
    color: #b1b1b1;
    padding: 0 5px;
}

.breadcrumbs a {
    text-decoration: none;
}

.bo_loc_warp {
    margin-bottom: 15px;
}

.boloc_warp {
    display: grid;
    grid-gap: 6px;
    margin-bottom: 50px;
    padding: 20px 15px;
    background: #f0f0f0;
    border-radius: 5px;
}

.build_filter {
    border-radius: 4px;
    padding: 8px 13px;
    cursor: pointer;
    position: relative;
    background: #fff;
    z-index: 1;
    height: 40px;
    line-height: 1.6;
}

.delete_boloc, .hide_pt {
    display: none;
}

.content_filter {
    display: none;
    background-color: #fff;
    border: 1px solid rgba(var(--yith-wcan-filters_colors_accent_r, 73), var(--yith-wcan-filters_colors_accent_g, 139), var(--yith-wcan-filters_colors_accent_b, 162), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 7px 0 rgba(var(--yith-wcan-filters_colors_accent_r, 73), var(--yith-wcan-filters_colors_accent_g, 139), var(--yith-wcan-filters_colors_accent_b, 162), 0.3);
    display: none;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 1011;
}

.build_filter:not(.delete_boloc):after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: -1;
}

.check_flex {
    display: flex;
    align-items: center;
}

.checkbox_build {
    margin-right: 10px;
}

.checkbox_build.active_pt i:before {
    content: "\f14a";
    font-weight: 900;
}

.z-9 {
    z-index: 9;
}

.check_flex.no_active {
    display: none;
}

.opened + .content_filter {
    display: block;
}

.delete_boloc.build_filter {
    display: block;
    background: #2b2b2b;
    color: #fff;
    text-align: center;
}

.danhmuc_con {
    display: flex;
    margin-bottom: 34px;
    text-align: center;
    overflow-x: auto;
    margin-left: -8px;
    margin-right: -8px;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;

}

.show_danhmuc.flex .inner {
    width: 100%;
}

.pro_cat img {
    display: block;
    margin: 0 auto 12px;
}

.pro_cat:hover,
.pro_cat.active_p {
    color: #e41e26;
}

.pro_cat {
    width: calc(100% / 8);
    padding: 0 8px 16px;
    font-size: 17px;
    border-radius: 5px;
}

.danhmuc_con::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.danhmuc_con::-webkit-scrollbar {
    width: 12px;
    height: 10px;
    background-color: #F5F5F5;
}

.danhmuc_con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.woocommerce-loop-product__title a {
    margin: unset;
}

.woocommerce-loop-product__title {
    font-size: 16px;
    letter-spacing: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: 700;
    line-height: 1.6;
    margin: unset;
}

.dev_prod_star {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.star-rating:before {
    color: #faad00 !important;
}

.product-small.col span.amount {
    color: var(--primary-color);
    font-size: 20px;
}

.product-small.col del {
    margin-bottom: 5px;
}

.product-small.col del span.amount {
    color: #111;
    font-size: 15px;
}

.product-small.col .price {
    flex-direction: column;
    display: flex;
    line-height: 1;
}

.dev_prod_star {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.star-rating {
    margin-bottom: 10px;
}

.star-rating span, .star-rating span:before {
    color: #faad00;
}

.price-wrapper .review-count {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.product-small.box .box-text.box-text-products {
    padding-top: 20px;
}

.loading-dual-ring2 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #000000;
    border-color: transparent #000000 transparent #000000;
    animation: loading-dual-ring1 1.2s linear infinite;
    opacity: .5;
}

.loading-dual-ring2:after {
    content: " ";
    display: inline-block;
    width: 39px;
    height: 39px;
    box-sizing: border-box;
    margin: 2px;
    border-radius: 50%;
    border: 3px solid #000;
    border-color: #000 #00000000 #000 #00000000;
    animation: loading-dual-ring 10.2s linear infinite;
    opacity: .5;
}

.loadmore_pt {
    text-align: center;
}

.pro_cat:hover, .pro_cat.active_p {
    color: #1c0289;
}

.no_product {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.section-loading ul.list-bars {
    list-style: none;
    display: flex;
    align-items: center;
}

.section-loading ul.list-bars li {
    margin: 0 7px;
    width: 8px;
    border-radius: 10px;
    background-color: #fff;
    animation: animate 0.8s infinite alternate;
}

.section-loading ul.list-bars li:nth-child(odd) {
    height: 80px;
    animation-delay: 0.6s;
}

.section-loading ul.list-bars li:nth-child(even) {
    height: 20px;
}

@keyframes animate {
    from {
        height: 5px;
    }
    to {
        height: 70px;
    }
}

@keyframes loading-dual-ring1 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading-dual-ring {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.header-cart-link + .nav-dropdown-default {
    padding: 10px;
}

.section-loading {
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 99999999999999999;
    display: flex;
    justify-content: center;
    background-color: #00000094;
}

.thuy-toolbar {
    z-index: 1000 !important;
}

body:has(.mfp-wrap.mfp-ready) .thuy-toolbar,
body:has(.mfp-bg.mfp-ready) .thuy-toolbar {
    z-index: 1 !important;
    pointer-events: none;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    width: 300px;
    max-width: calc(100vw - 30px);
}

.product-page-title .page-title-inner {
    margin-bottom: 30px;
}

.page-title:not(.featured-title) + main .product-main {
    padding-top: unset;
}

.breadcrumbs .divider, .breadcrumbs .separator {
    opacity: 1;
    color: #b1b1b1;
}

.product-title.product_title.entry-title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.product-short-description {
    font-size: 14px;
    padding:20px;
    border-radius:8px;
    background: #f1f1f1;
}

.product-short-description ul {
    margin-bottom: 0 !important;
}

.product-page-price {
    margin-bottom: 10px;
}

.product-page-price .woocommerce-Price-amount {
    font-size: 28px;
    color: var(--primary-color);
}

.product-page-price del .woocommerce-Price-amount {
    font-size: 20px;
    color: #111;
}

.product-info .star-rating {
    margin: unset;
}

.product-info .single_add_to_cart_button.button {
    background-color: #f6f6f6;
    color: #2a2a2a;
    font-size: 14.5px;
    font-weight: 400;
    min-height: 40px;
    padding: 0 10px;
    line-height: normal;
}

.product-info .single_add_to_cart_button.button:before {
    content: "";
    width: 16px;
    height: 17px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    position: relative;
    background-image: url(images/button_cart.png);
    top: 3px;
}

.quantity input[type=number] {
    box-shadow: unset;
    height: 40px;
    width: 32px;
    border-left: unset;
    border-right: unset;
}

.single_add_to_cart_button {
    width: calc(100% - 100px);
    border-radius: 7px;
    min-height: 40px;
}

.quantity .button {
    width: 26px;
    height: 40px;
    background-color: transparent !important;
}

.quantity .button.plus {
    border-radius: 0 7px 7px 0;
}

.woocommerce-product-rating {
    margin-bottom: 20px;
    line-height: 1.6;
}

.woocommerce-product-rating .woocommerce-review-link {
    position: relative;
}

.quantity .button.minus {
    border-radius: 7px 0 0 7px;
}

.product-main {
    padding: 15px 0;
}

.box_css + * {
    font-size: 15px !important;
}

.box_css h3 {
    font-size: 16px !important;
}

.box_css + * li {
    padding: unset;
    margin-left: unset !important;
    list-style: none;
}

.box_css.title_chatluong {
    background-color: #400c01;
    letter-spacing: normal;
}

.title_chatluong > :nth-child(1) {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: unset;
}

.title_chatluong > :nth-child(1) i.fa-gift:before {
    content: "";
}

.col_chatluong .text.content {
    padding: 15px 20px;
}

.col_chatluong .text.content ul {
    margin-bottom: 10px;
}

.col_chatluong .text.content ul li {
    padding-left: 15px;
    position: relative;
    line-height: 1.5;
}

.col_chatluong .text.content ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #400c01;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
}

.title_chatluong > :nth-child(1) i.fa-gift {
    background-image: url(images/gift.png);
}

.title_chatluong > :nth-child(1) i {
    margin-right: 5px;
    width: 19px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 0;
display: inline-block;
}

.title_chatluong {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 1px solid rgb(242, 242, 242);
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    background-color: rgb(43 43 43);
    text-align: center;
    padding: 8px 10px;
}

.col_chatluong .icon-box-img {
    width: 40px !important;
}

.col_chatluong .icon-box {
    padding: 10px 10px;
}

.wpcf7-spinner {
    display: none;
}

.form_scz .wpcf7-submit {
    border-radius: 0 5px 5px 0 !important;
    margin: 0 !important;
    height: 38px;
    border: unset;
    min-height: unset;
    text-transform: none;
    font-size: 16px;
    width: 75px;
}

.form_scz .title_form input.wpcf7-form-control.wpcf7-tel {
    box-shadow: unset;
    border-radius: 5px 0 0 5px !important;
    font-size: 14px;
    min-height: 38px;
}

.form_scz * {
    margin-bottom: 0
}

.zxasd.vgbvc {
    min-width: max-content;
    margin-right: 5px;
}

.form_scz {
    padding: 16px 20px;
    background: #f6f6f6;
    border-radius: 5px;
    align-items: center;
}

.col_chatluong .col-inner {
    border-radius: 3px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    background: #f7f7f7;
}

.col_chatluong + .col .col-inner {
    border-radius: 3px;
    border: unset;
    margin-bottom: 5px;
    background: #f7f7f7;
}

.col_he_thong .text.danhsach_ch {
    padding: 15px 20px;
    font-size: 15px;
}

.col_chatluong .text.content {
    padding: 15px 20px;
}

.product-short-description {
    font-size: 90%;
    opacity: .8;
}

.danhsach_ch i.icon-map-pin-fill {
    position: relative;
    left: 0;
    margin-right: 6px;
    font-size: 17px;
    top: 2px;
}

.danhsach_ch img {
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.danhsach_ch p {
    margin-bottom: 15px;
    line-height: 1.5;
    position: relative;
}

.danhsach_ch p:last-child {
    margin-bottom: unset;
}

.col_services > .col-inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}

.col_services > .col-inner > .plain .icon-box.featured-box img {
    padding: unset;
}

.col_services > .col-inner > .plain .icon-box.featured-box .icon-box-img {
    margin-bottom: 5px;
}

.col_services > .col-inner > .plain .icon-box.featured-box .icon-box-text.last-reset p {
    font-size: 15px;
    line-height: 1.5;
}

.col_services > .col-inner > .plain {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    max-width: 50%;
    flex-basis: 50%;
}

.btn_mess i {
    background: url(images/button_mess.png);
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 27px;
    color: transparent;
    height: 28px;
}

.btn_zalo i {
    background: url(images/button_zalo.png);
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    color: transparent;
    height: 25px;
}

.btn_mess i:before {
    content: "";
}

.btn_zalo i:before {
    content: "";
}

.btn_zalo,
.btn_mess {
    border: unset;
    background-color: #f6f6f6;
    color: #2a2a2a;
    font-weight: 400;
    font-size: 16px;
    border-radius: 7px;
}

.btn_zalo:hover,
.btn_mess:hover {
    color: #400c01;
}

.btn_call {
    border: unset;
    font-size: 16px;
    font-weight: 400;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn_call i {
    background-image: url(images/button_call.png);
    width: 26px;
    height: 26px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.btn_call i::before {
    content: ""
}

.afte_add_to_cart_btn .stack {
    margin-bottom: 12px;
}

.nav-tabs + .tab-panels {
    padding: 15px;
    border-top: unset;
}

.afte_add_to_cart_btn .stack:nth-child(2) {
    margin-bottom: 25px;
}

.related.related-products-wrapper .product-section-title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.related.related-products-wrapper {
    border: unset
}

.quick-view,
.flatsome-quick-view {
    display: none !important;
}

.page_contact_title .section-title.section-title-normal {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.page_contact_title.section-title-container span.section-title-main:after {
    display: none;
}

.page_contact_title.section-title-container span.section-title-main {
    position: relative;
    top: 2px;
}

.content_page_contact .wpcf7 input.wpcf7-form-control.wpcf7-submit {
    margin: unset;
    width: 100%;
}

.content_page_contact .wpcf7 input {
    box-shadow: unset;
}

.page-template-default header.entry-header .entry-title.mb {
    letter-spacing: unset;
    text-align: center;
}

.content_page_contact .wpcf7 .name {
    font-weight: 400;
    font-size: 16px;
}

.content_page_contact .wpcf7 input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #1c0289;
}

.home_box_reviews .list_post_reviews > .row {
    align-items: stretch;
}

.home_box_reviews .list_post_reviews > .row > .col > .col-inner, .home_box_reviews .list_post_reviews > .row > .col > .col-inner > a, .home_box_reviews .list_post_reviews > .row > .col > .col-inner > a > .box {
    height: 100%;
}

.form_scz .title_form:nth-child(1) {
    width: calc(100% - 75px);
}

.zxasd.flex {
    width: 100%;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
    border-radius: 7px;
    letter-spacing: unset;
}

header.archive-page-header {
    margin: 15px auto 30px;
    padding: 0;
}

header.archive-page-header .page-title {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
}

header.archive-page-header .page-title span {
    color: var(--primary-color);
}
.next-prev-nav {
    align-items: flex-start;
}

.next-prev-nav,
.next-prev-nav .flex-col+.flex-col {
    border: none;
}

div#secondary span.widget-title {
    font-size: 20px;
    font-weight: 700;
}

.blog-single .article-inner {
    margin-top: 20px;
}

.single-post .entry-category {
    display: none;
}

/* ---- Shared archive/sidebar widgets ---- */
.blog-wrapper .post-sidebar {
    padding-left: 20px;
}

.blog-wrapper .post-sidebar #secondary .widget_block:first-child {
    display: none;
}

.blog-wrapper .post-sidebar #secondary,
body.archive.woocommerce-page #shop-sidebar {
    --etex-sidebar-accent: #b7c98b;
    --etex-sidebar-title: #21364d;
    --etex-sidebar-text: #253144;
    --etex-sidebar-border: rgba(183, 201, 139, 0.32);
    --etex-sidebar-muted-border: rgba(36, 56, 79, 0.08);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget {
    margin-bottom: 18px;
    padding: 22px 22px 20px;
    background: #fff;
    border: 1px solid var(--etex-sidebar-border);
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(42, 42, 42, 0.055);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget_text {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 8px 18px rgba(42, 42, 42, 0.035);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget_text + .widget:not(.widget_text) {
    margin-top: 0;
    padding-top: 18px;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 16px 28px rgba(42, 42, 42, 0.055);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget_text:not(:has(+ .widget:not(.widget_text))) {
    margin-bottom: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--etex-sidebar-border);
    border-radius: 8px;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget:empty {
    display: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .widget_text p {
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--etex-sidebar-accent);
    color: var(--etex-sidebar-title);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list, .wc-block-product-categories-list) {
    list-style: none;
    margin: 0;
    padding: 0;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item, .wc-block-product-categories-list-item) {
    border-bottom: 1px solid rgba(183, 201, 139, 0.25);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item:last-child, .wc-block-product-categories-list-item:last-child) {
    border-bottom: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item a, .wc-block-product-categories-list-item a) {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: var(--etex-sidebar-title);
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item a, .wc-block-product-categories-list-item a)::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--etex-sidebar-accent);
    transition: background 0.2s ease;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item a:hover, .wp-block-categories-list .cat-item.current-cat > a, .wp-block-categories-list .cat-item.active > a, .wc-block-product-categories-list-item a:hover) {
    color: var(--primary-color);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) :is(.wp-block-categories-list .cat-item a:hover, .wp-block-categories-list .cat-item.current-cat > a, .wp-block-categories-list .cat-item.active > a, .wc-block-product-categories-list-item a:hover)::before {
    background: var(--primary-color);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list-item {
    position: relative;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list-item > a {
    padding-right: 34px;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list-item-count {
    position: absolute;
    top: 12px;
    right: 0;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    color: var(--primary-color);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background: rgba(183, 201, 139, 0.16);
    border-radius: 99px;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list--depth-1 {
    margin: -2px 0 8px 18px;
    padding-left: 14px;
    border-left: 1px solid rgba(183, 201, 139, 0.35);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list--depth-1 .wc-block-product-categories-list-item {
    border-bottom: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .wc-block-product-categories-list--depth-1 .wc-block-product-categories-list-item a {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15px;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li {
    position: relative;
    min-height: 86px;
    margin: 0;
    padding: 13px 0 13px 78px;
    border-bottom: 1px solid var(--etex-sidebar-muted-border);
    transition: transform 0.2s ease;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li:hover {
    transform: translateX(2px);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li:last-child {
    border-bottom: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li a {
    display: block;
    color: var(--etex-sidebar-text);
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li a:hover {
    color: var(--primary-color);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget li img {
    position: absolute;
    top: 12px;
    left: 0;
    width: 62px;
    height: 62px;
    margin: 0;
    object-fit: cover;
    border-radius: 8px;
    background: #f7f7f5;
    box-shadow: 0 8px 18px rgba(33, 54, 77, 0.07);
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget .product-title {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.42;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget .amount {
    display: inline-block;
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget del {
    display: inline-flex;
    margin-right: 6px;
    color: #8a94a3;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget del .amount {
    color: inherit;
    font-weight: 500;
    opacity: 1;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget ins {
    display: inline-flex;
    color: var(--primary-color);
    text-decoration: none;
}
table.shop_table span.amount,
.widget_shopping_cart_content span.amount,
ul.product_list_widget ins span.amount {
    color: #e41e26;
}

:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget ins span.amount,
:is(.blog-wrapper .post-sidebar #secondary, body.archive.woocommerce-page #shop-sidebar) .product_list_widget > li > span.amount {
    color: var(--primary-color);
}

.flatsome_recent_posts .recent-blog-posts-li .badge {
    width: 60px;
    height: 60px;
}

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

ul.product_list_widget li .quantity {
    opacity: 1;
}

.continue-shopping .button-continue-shopping.button {
    letter-spacing: unset;
    border-radius: 7px;
    border-width: 1px;
    display: inline-flex;
    align-items: center;
}

.continue-shopping .button-continue-shopping.button span {
    line-height: 1;
}

.breadcrumbs.checkout-breadcrumbs {
    font-size: 24px;
}

form.woocommerce-cart-form button.button.primary {
    border-radius: 7px;
    letter-spacing: unset;
}

.entry-header-text.entry-header-text-top .entry-title {
    margin-bottom: unset;
}

body .devvn_toolbar.devvn_toolbar_right {
    border: unset;
    border-radius: 5px;
    padding: 5px;
}

body .devvn_toolbar.devvn_toolbar_right ul li a span {
    font-size: 11px;
    font-weight: 400;
}

body .devvn_toolbar ul li a img {
    width: 40px !important;
}

.page-id-241 .footer_box_1, .page-id-241 .home_box_partner {
    display: none;
}

.page-id-241 div#content {
    padding: unset;
}

.page-id-241 .home_box_reviews {
    margin-bottom: 50px;
}

.widget_layered_nav_filters ul li.chosen a {
    background-color: #400c01;
    color: #fff;
    padding: 4px 10px;
}

.widget_layered_nav_filters ul li.chosen .amount {
    color: #fff;
}

.widget_layered_nav_filters ul li.chosen a::before {
    background: #fff;
    color: #400c01;
    opacity: 1;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.show_danhmuc.flex {
    padding-top: 30px;
}

.filter_popup_wrap .mfp-content {
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.2s;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.filter_popup_wrap.mfp-ready .mfp-content {
    opacity: 1;
    transform: translateY(0);
}
.filter_popup_wrap .mfp-content {
    padding-bottom: 30px;
}

.row.category-page-row > .col.large-12 > ul, .row.category-page-row > .col.large-12 > ol {
    margin-left: 50px;
}
.widget_layered_nav_filters ul li.chosen {
    margin-bottom: 10px;
}

aside.product-filter-sidebar .widget {
    margin-bottom: 10px;
}

.why-row {
    background: #fff;
    border-radius: 20px;
    padding: 14px 18px;
    margin-bottom: 16px;
    box-shadow: 0 10px 28px rgba(42, 42, 42, 0.06);
}

.why-row .img:first-child .img-inner {
    background: #f4f7ec;
    border-radius: 50%;
    padding: 10px;
}

.why-row .text {
    flex: 1;
    padding: 0 24px;
}

.why-row .text p {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #111;
}

.why-row .img:last-child {
    padding-left: 28px;
    border-left: 1px dashed rgba(183, 201, 139, 0.7);
}

.img-with-border .img-inner {
    border-radius: 20px;
}

.about-title {
    color: #1c3a59;
    letter-spacing: normal;
    font-weight: 700;
}

.m-b-0 {
    margin-bottom: 0 !important;
}
/* eTex news header block - Flatsome UX Builder */
.blog-header-wrapper {
    margin: 30px auto;
}

.blog-header-wrapper .blog-block-left,
.blog-header-wrapper .blog-block-right {
    padding-bottom: 0;
}

.blog-header-wrapper .blog-block-left {
    padding-right: 12px;
}

.blog-header-wrapper .blog-block-right {
    padding-left: 12px;
}

.blog-header-wrapper .blog-block-left > .col-inner,
.blog-header-wrapper .blog-block-right > .col-inner,
.blog-header-wrapper .blog-block-left .row,
.blog-header-wrapper .blog-block-left .post-item,
.blog-header-wrapper .blog-block-left .post-item > .col-inner,
.blog-header-wrapper .blog-block-left a.plain,
.blog-header-wrapper .blog-block-left .box-blog-post {
    height: 100%;
}

.blog-header-wrapper .blog-block-left .post-item,
.blog-header-wrapper .blog-block-right .post-item {
    padding: 0;
}

.blog-header-wrapper .blog-block-left .box-blog-post {
    position: relative;
    min-height: 380px;
    overflow: hidden;
    border-radius: 8px;
    background: #21364d;
    box-shadow: 0 18px 42px rgba(33, 54, 77, 0.13);
}

.blog-header-wrapper .blog-block-left .box-blog-post:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(11, 27, 37, 0.72) 0%, rgba(11, 27, 37, 0.42) 52%, rgba(11, 27, 37, 0.14) 100%);
    pointer-events: none;
}

.blog-header-wrapper .blog-block-left .box-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.blog-header-wrapper .blog-block-left .image-cover {
    height: 100%;
    padding-top: 0 !important;
}

.blog-header-wrapper .blog-block-left .image-cover img,
.blog-header-wrapper .blog-block-right .image-cover img,
.blog-wrapper .image-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-header-wrapper .blog-block-left .box-text {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 6%;
    z-index: 2;
    padding: 0 !important;
    color: #fff;
}

.blog-header-wrapper .blog-block-left .blog-post-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog-header-wrapper .blog-block-left .cat-label {
    display: inline-flex;
    align-items: center;
    width: auto;
    min-height: 30px;
    margin: 0 0 12px;
    padding: 5px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #21364d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    opacity: 1;
    text-transform: none;
    order: 1;
}

.blog-header-wrapper .blog-block-left .post-title {
    max-width: 610px;
    margin: 0 0 12px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 0;
    order: 2;
}

.blog-header-wrapper .blog-block-left .from_the_blog_excerpt {
    max-width: 610px;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 15px;
    line-height: 1.45;
    order: 3;
}

.blog-header-wrapper .blog-block-left .from_the_blog_excerpt:after {
    content: "\0110\1ECD c b\00E0 i n\1ED5 i b\1EAD t";
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 40px;
    margin-top: 18px;
    padding: 0 20px;
    border-radius: 999px;
    background: #b7c98b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.blog-header-wrapper .blog-block-left .post-meta {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    opacity: 1;
    order: 4;
}

.blog-header-wrapper .blog-block-left .is-divider,
.blog-header-wrapper .blog-block-right .is-divider,
.blog-header-wrapper .blog-block-right .button,
.blog-wrapper .is-divider,
.blog-wrapper .badge.post-date {
    display: none;
}

.blog-wrapper .blog-share {
    margin: 28px 0 8px;
    text-align: left;
}

.blog-wrapper .blog-share .share-icons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    color: #6f7f61;
}

.blog-wrapper .blog-share .share-icons-title {
    margin-right: 4px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
}

.blog-wrapper .blog-share .share-icons .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-height: 34px;
    margin: 0;
    border: 1px solid #d8dfcf;
    background: #fff;
    color: #6f7f61 !important;
    box-shadow: 0 6px 16px rgba(32, 45, 24, 0.08);
}

.blog-wrapper .blog-share .share-icons .button i {
    font-size: 15px;
    line-height: 1;
}

.blog-wrapper .blog-share .share-icons .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(32, 45, 24, 0.14);
}

.blog-wrapper .blog-share .share-icons .button.facebook:hover {
    color: #3a589d !important;
}

.blog-wrapper .blog-share .share-icons .button.twitter:hover {
    color: #2478ba !important;
}

.blog-wrapper .blog-share .share-icons .button.email:hover {
    color: #222 !important;
}

.blog-wrapper .blog-share .share-icons .button.pinterest:hover {
    color: #cb2320 !important;
}

.blog-wrapper .blog-share .share-icons .button.linkedin:hover {
    color: #0072b7 !important;
}

.blog-wrapper .blog-share .share-icons .button.whatsapp,
.blog-wrapper .blog-share .share-icons .button.whatsapp:hover {
    display: inline-flex !important;
    color: #36a852 !important;
}
.blog-header-wrapper .blog-block-right > .col-inner {
    height: 100%;
}

.blog-header-wrapper .blog-block-right > .col-inner > .row {
    width: 100%;
    height: 100%;
    margin: 0;
    gap: 14px;
    flex-direction: column;
    justify-content: space-between;
}

.blog-header-wrapper .blog-block-right .post-item {
    max-width: 100%;
    flex-basis: auto;
}

.blog-header-wrapper .blog-block-right .post-item > .col-inner,
.blog-header-wrapper .blog-block-right a.plain,
.blog-wrapper .post-item > .col-inner,
.blog-wrapper a.plain {
    display: block;
    height: 100%;
}

.blog-header-wrapper .blog-block-right .box-blog-post,
.blog-wrapper .box-blog-post {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 117px;
    height: 100%;
    padding: 12px;
    border: 1px solid rgba(183, 201, 139, 0.28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(42, 42, 42, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.blog-header-wrapper .blog-block-right a.plain:hover .box-blog-post,
.blog-wrapper a.plain:hover .box-blog-post {
    transform: translateY(-2px);
    border-color: rgba(183, 201, 139, 0.58);
    box-shadow: 0 16px 34px rgba(42, 42, 42, 0.09);
}

.blog-header-wrapper .blog-block-right .box-image,
.blog-wrapper .box-image {
    display: block;
    position: static;
    width: 140px !important;
    max-width: 140px !important;
    border-radius: 6px;
    overflow: hidden;
}

.blog-header-wrapper .blog-block-right .image-cover,
.blog-wrapper .image-cover {
    display: block;
    padding-top: 74% !important;
}

.blog-header-wrapper .blog-block-right .box-text,
.blog-wrapper .box-text {
    width: auto;
    padding: 0 !important;
    text-align: left !important;
}

.blog-header-wrapper .blog-block-right .box-text-inner,
.blog-wrapper .box-text-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog-header-wrapper .blog-block-right .cat-label,
.blog-header-wrapper .blog-block-right .cat-label.tag-label {
    display: block;
    width: auto;
    min-width: 0;
    margin: 0 0 6px;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: #6d833c;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    opacity: 1;
    text-align: left;
}

.blog-header-wrapper .blog-block-right .post-title,
.blog-wrapper .post-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 7px;
    color: #21364d;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: 0;
}

.blog-wrapper {
    padding-top: 0 !important;
}

.blog-header-wrapper .blog-block-right .from_the_blog_excerpt,
.blog-wrapper .from_the_blog_excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
}

.blog-wrapper .large-9.col > .row {
    row-gap: 14px;
}

.blog-wrapper .post-item {
    padding: 0 15px;
}

.blog-wrapper .box-blog-post {
    align-items: start;
}
.etex-related-posts {
    margin-top: 38px;
    margin-bottom: 38px;
    padding: 24px 0 0;
}

.etex-related-posts__title {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 12px;
    color: #1c3a59;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.etex-related-posts__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 3px;
    background: var(--primary-color);
    border-radius: 99px;
    opacity: 0.65;
}

.etex-related-posts__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-product .product-gallery .product-images {
    overflow: hidden;
    border-radius: 20px;
}

.single-product .product-gallery .woocommerce-product-gallery__wrapper,
.single-product .product-gallery .woocommerce-product-gallery__image,
.single-product .product-gallery .woocommerce-product-gallery__image a {
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-product .product-gallery .woocommerce-product-gallery__wrapper {
    aspect-ratio: 16 / 19;
    height: auto;
    min-height: 0;
    background: #f7f7f5;
}

.single-product .product-gallery .woocommerce-product-gallery__wrapper .flickity-viewport {
    aspect-ratio: 16 / 19;
    height: auto !important;
    border-radius: 20px;
}

.single-product .product-gallery .woocommerce-product-gallery__image,
.single-product .product-gallery .woocommerce-product-gallery__image a {
    width: 100%;
    height: 100%;
}

.single-product .product-gallery .woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.single-product .etex-product-title-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: -2px 0 14px;
    color: #5f6b76;
    font-size: 14px;
    line-height: 1.4;
}

.single-product .etex-product-title-meta__stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
}

.single-product .etex-product-title-meta__stars .star {
    display: inline-block;
    line-height: 1;
}

.single-product .etex-product-title-meta__stars .star--full {
    color: #f5a623;
}

.single-product .etex-product-title-meta__stars .star--empty {
    color: #d9d9d9;
}

.single-product .etex-product-title-meta__stars .star--half {
    position: relative;
    color: #d9d9d9;
}

.single-product .etex-product-title-meta__stars .star--half::after {
    content: '★';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    overflow: hidden;
    color: #f5a623;
    white-space: nowrap;
}

.single-product .etex-product-title-meta__reviews {
    text-decoration: none;
}

.single-product .etex-product-title-meta__divider {
    width: 1px;
    height: 14px;
    background: rgba(36, 56, 79, 0.18);
}

.single-product .etex-product-title-meta__sold {
    color: #24384f;
    font-weight: 600;
}

.single-product .product_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    padding: 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.35;
    border: 0;
}

.single-product .product_meta > span {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    margin: 0;
    padding: 5px 14px;
    border: 1px solid rgba(36, 56, 79, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    color: #6b7280;
    font-weight: 400;
}

.single-product .product_meta .tagged_as {
    display: none !important;
}

.single-product .product_meta a {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.single-product .product_meta a:hover {
    color: #6d8e33;
}

.single-product .bao-gia {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 !important;
    padding: 20px !important;
    align-items: stretch;
    border: 1px solid rgba(36, 56, 79, 0.14);
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #fbfcf8 100%);
}

.single-product .bao-gia > .col {
    padding: 0 6px 0 !important;
}

.single-product .bao-gia > .col:first-child,
.single-product .bao-gia > .col:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-product .bao-gia h4 {
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0;
}

.single-product .bao-gia p {
    margin: 0;
    color: #6b7280;
    font-size: 15px;
}

.single-product .bao-gia > .col:first-child {
    margin-bottom: 16px;
}

.single-product .bao-gia > .col:last-child {
    margin-top: 16px;
}

.single-product .bao-gia > .col:last-child .col-inner {
    display: flex;
    align-items: center;
}

.single-product .bao-gia > .col:last-child p {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: #6b7280;
    font-size: 15px;
}

.single-product .bao-gia > .col:last-child p::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--primary-color);
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm1-10.4V7h-2v6h5v-2h-3.5Z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm1-10.4V7h-2v6h5v-2h-3.5Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.single-product .bao-gia .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    margin: 0 !important;
    padding: 0 20px;
    border-radius: 8px !important;
    border: 1px solid transparent;
    box-shadow: none;
    text-transform: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.single-product .bao-gia .button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: inherit;
    font-weight: 500;
}

.single-product .bao-gia .button span::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
}

.single-product .bao-gia .button:hover {
    transform: translateY(-1px);
}

.single-product .bao-gia .btn-hotline-product {
    background: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: 0 12px 22px rgba(127, 168, 61, 0.22);
}

.single-product .bao-gia .btn-hotline-product:hover {
    background: #76983a !important;
}

.single-product .bao-gia .btn-hotline-product span::before {
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.68-.37 1.05-.25 1.16.38 2.41.59 3.69.59.58 0 1.05.47 1.05 1.05v3.48c0 .58-.47 1.05-1.05 1.05C10.33 21.6 2.4 13.67 2.4 3.85 2.4 3.27 2.87 2.8 3.45 2.8h3.49c.58 0 1.05.47 1.05 1.05 0 1.28.2 2.53.59 3.69.11.36.03.76-.26 1.05l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.28-.28.68-.37 1.05-.25 1.16.38 2.41.59 3.69.59.58 0 1.05.47 1.05 1.05v3.48c0 .58-.47 1.05-1.05 1.05C10.33 21.6 2.4 13.67 2.4 3.85 2.4 3.27 2.87 2.8 3.45 2.8h3.49c.58 0 1.05.47 1.05 1.05 0 1.28.2 2.53.59 3.69.11.36.03.76-.26 1.05l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.single-product .bao-gia .btn-zalo-product {
    background: #fff !important;
    color: #111827 !important;
    border-color: rgba(36, 56, 79, 0.16) !important;
}

.single-product .bao-gia .btn-zalo-product:hover {
    background: #f9fbff !important;
}

.single-product .bao-gia .btn-zalo-product span::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.782 0.166016H27.199C33.2653 0.166016 36.8103 1.05701 39.9572 2.74421C43.1041 4.4314 45.5875 6.89585 47.2557 10.0428C48.9429 13.1897 49.8339 16.7347 49.8339 22.801V27.1991C49.8339 33.2654 48.9429 36.8104 47.2557 39.9573C45.5685 43.1042 43.1041 45.5877 39.9572 47.2559C36.8103 48.9431 33.2653 49.8341 27.199 49.8341H22.8009C16.7346 49.8341 13.1896 48.9431 10.0427 47.2559C6.89583 45.5687 4.41243 43.1042 2.7442 39.9573C1.057 36.8104 0.166016 33.2654 0.166016 27.1991V22.801C0.166016 16.7347 1.057 13.1897 2.7442 10.0428C4.43139 6.89585 6.89583 4.41245 10.0427 2.74421C13.1707 1.05701 16.7346 0.166016 22.782 0.166016Z' fill='%230068FF'/%3E%3Cpath opacity='0.12' fill-rule='evenodd' clip-rule='evenodd' d='M49.8336 26.4736V27.1994C49.8336 33.2657 48.9427 36.8107 47.2555 39.9576C45.5683 43.1045 43.1038 45.5879 39.9569 47.2562C36.81 48.9434 33.265 49.8344 27.1987 49.8344H22.8007C17.8369 49.8344 14.5612 49.2378 11.8104 48.0966L7.27539 43.4267L49.8336 26.4736Z' fill='%23001A33'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.779 43.5892C10.1019 43.846 13.0061 43.1836 15.0682 42.1825C24.0225 47.1318 38.0197 46.8954 46.4923 41.4732C46.8209 40.9803 47.1279 40.4677 47.4128 39.9363C49.1062 36.7779 50.0004 33.22 50.0004 27.1316V22.7175C50.0004 16.629 49.1062 13.0711 47.4128 9.91273C45.7385 6.75436 43.2461 4.28093 40.0877 2.58758C36.9293 0.894239 33.3714 0 27.283 0H22.8499C17.6644 0 14.2982 0.652754 11.4699 1.89893C11.3153 2.03737 11.1636 2.17818 11.0151 2.32135C2.71734 10.3203 2.08658 27.6593 9.12279 37.0782C9.13064 37.0921 9.13933 37.1061 9.14889 37.1203C10.2334 38.7185 9.18694 41.5154 7.55068 43.1516C7.28431 43.399 7.37944 43.5512 7.779 43.5892Z' fill='white'/%3E%3Cpath d='M20.5632 17H10.8382V19.0853H17.5869L10.9329 27.3317C10.7244 27.635 10.5728 27.9194 10.5728 28.5639V29.0947H19.748C20.203 29.0947 20.5822 28.7156 20.5822 28.2606V27.1421H13.4922L19.748 19.2938C19.8428 19.1801 20.0134 18.9716 20.0893 18.8768L20.1272 18.8199C20.4874 18.2891 20.5632 17.8341 20.5632 17.2844V17Z' fill='%230068FF'/%3E%3Cpath d='M32.9416 29.0947H34.3255V17H32.2402V28.3933C32.2402 28.7725 32.5435 29.0947 32.9416 29.0947Z' fill='%230068FF'/%3E%3Cpath d='M25.814 19.6924C23.1979 19.6924 21.0747 21.8156 21.0747 24.4317C21.0747 27.0478 23.1979 29.171 25.814 29.171C28.4301 29.171 30.5533 27.0478 30.5533 24.4317C30.5723 21.8156 28.4491 19.6924 25.814 19.6924ZM25.814 27.2184C24.2785 27.2184 23.0273 25.9672 23.0273 24.4317C23.0273 22.8962 24.2785 21.645 25.814 21.645C27.3495 21.645 28.6007 22.8962 28.6007 24.4317C28.6007 25.9672 27.3685 27.2184 25.814 27.2184Z' fill='%230068FF'/%3E%3Cpath d='M40.4867 19.6162C37.8516 19.6162 35.7095 21.7584 35.7095 24.3934C35.7095 27.0285 37.8516 29.1707 40.4867 29.1707C43.1217 29.1707 45.2639 27.0285 45.2639 24.3934C45.2639 21.7584 43.1217 19.6162 40.4867 19.6162ZM40.4867 27.2181C38.9322 27.2181 37.681 25.9669 37.681 24.4124C37.681 22.8579 38.9322 21.6067 40.4867 21.6067C42.0412 21.6067 43.2924 22.8579 43.2924 24.4124C43.2924 25.9669 42.0412 27.2181 40.4867 27.2181Z' fill='%230068FF'/%3E%3Cpath d='M29.4562 29.0944H30.5747V19.957H28.6221V28.2793C28.6221 28.7153 29.0012 29.0944 29.4562 29.0944Z' fill='%230068FF'/%3E%3C/svg%3E") no-repeat center / contain;
}

.single-product .etex-product-benefits {
    flex-wrap: wrap;
    margin: 20px 0;
}

.single-product .etex-product-benefits .etex-benefit-item {
    flex: 1 1 0;
    min-width: 96px;
    text-align: center;
}

.single-product .etex-product-benefits .icon-box-img {
    margin: 0 auto 10px;
}

.single-product .etex-product-benefits p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}
.on-sale {
    display: none !important;
}

.single-product .product-gallery .product-thumbnails .col a,
.single-product .product-gallery .product-thumbnails img {
    display: block;
    overflow: hidden;
    border-radius: 14px;
}

.single-product .product-gallery .product-thumbnails img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.single-product .product-footer .woocommerce-tabs {
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 28px auto 50px;
    padding: 0 !important;
    border: 1px solid rgba(36, 56, 79, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(33, 54, 77, 0.04);
    overflow: hidden;
}

.single-product .product-footer > .container,
.single-product .product-footer .woocommerce-tabs.container {
    padding-right: 0;
    padding-left: 0;
}

.single-product .product-footer .woocommerce-tabs > .product-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(36, 56, 79, 0.1) !important;
}

.single-product .product-footer .woocommerce-tabs > .product-tabs::before,
.single-product .product-footer .woocommerce-tabs > .product-tabs::after {
    content: none;
}

.single-product .product-footer .product-tabs > li {
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    margin: 0 !important;
}

.single-product .product-footer .product-tabs > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 0 !important;
    color: #253144;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
}

.single-product .product-footer .product-tabs > li > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    border-radius: 99px;
    background: transparent;
}

.single-product .product-footer .product-tabs > li.active > a,
.single-product .product-footer .product-tabs > li > a:hover {
    color: var(--primary-color);
}

.single-product .product-footer .product-tabs > li.active > a::before {
    background: var(--primary-color);
    transform: none;
}

.single-product .product-footer .woocommerce-tabs .tab-panels {
    padding: 20px 20px 30px !important;
    border: 0 !important;
}

.single-product .product-footer .woocommerce-tabs .panel {
    margin: 0;
    padding: 0;
    color: #253144;
    font-size: 15px;
    line-height: 1.65;
}

.single-product .product-footer .woocommerce-tabs .panel > *:last-child {
    margin-bottom: 0;
}

.single-product .product-footer .woocommerce-tabs .panel ul,
.single-product .product-footer .woocommerce-tabs .panel ol {
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
}

.single-product .product-footer .woocommerce-tabs .panel li {
    position: relative;
    margin: 0 0 5px !important;
    padding-left: 24px;
}

.single-product .product-footer .woocommerce-tabs .panel li::before {
    content: "";
    position: absolute;
    top: 0.42em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1.5px solid var(--primary-color);
    border-radius: 50%;
    background: #fff;
}

.single-product .product-footer .woocommerce-tabs .panel li::after {
    content: "";
    position: absolute;
    top: calc(0.42em + 4px);
    left: 4px;
    width: 7px;
    height: 4px;
    border-bottom: 1.5px solid var(--primary-color);
    border-left: 1.5px solid var(--primary-color);
    transform: rotate(-45deg);
}

/* ---- Product cards: single related + product archives ---- */
.single-product .related.related-products-wrapper {
    --etex-product-card-text-min-height: 116px;
    --etex-product-price-min-height: 0;
    --etex-product-price-margin-top: 0;
    width: 100%;
    max-width: 100%;
    margin: 34px auto 68px;
    padding: 0 10px;
    border: 0;
}

.single-product .related.related-products-wrapper .product-section-title {
    margin: 0 0 20px;
    padding: 0;
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.single-product .related.related-products-wrapper .product-section-title::after {
    display: none;
}

.single-product .related.related-products-wrapper > .row {
    align-items: stretch;
    width: auto;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: -10px;
}

body.archive.woocommerce-page .category-page-row {
    align-items: flex-start;
}

body.archive.woocommerce-page .shop-container .products.row {
    --etex-product-card-text-min-height: 154px;
    --etex-product-price-min-height: 46px;
    --etex-product-price-margin-top: 10px;
    align-items: stretch;
    margin-bottom: 8px;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.col {
    padding-bottom: 22px;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.col > .col-inner,
:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.box {
    height: 100%;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.box {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(36, 56, 79, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(33, 54, 77, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.box:hover {
    border-color: rgba(127, 168, 61, 0.34);
    box-shadow: 0 18px 42px rgba(33, 54, 77, 0.1);
    transform: translateY(-3px);
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .box-image {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #f7f7f5;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .box-image :is(.image-fade_in_back, a) {
    display: block;
    height: 100%;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .box-image img:not(.back-image) {
    display: block;
    aspect-ratio: 4 / 3;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.35s ease;
}

body.archive.woocommerce-page .shop-container .products.row .box-image .back-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.box:hover .box-image img:not(.back-image) {
    transform: scale(1.035);
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .box-text.box-text-products {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    min-height: var(--etex-product-card-text-min-height);
    padding: 14px 16px 16px;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-cat {
    display: inline-flex;
    align-self: flex-start;
    max-width: 100%;
    min-height: 25px;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid rgba(36, 56, 79, 0.12);
    border-radius: 8px;
    background: #fbfcf8;
    color: var(--primary-color);
    font-size: 12px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: 0;
    opacity: 1;
    text-transform: none;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-title {
    min-height: 48px;
    margin: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: 0;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-title a {
    display: -webkit-box;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-title a:hover {
    color: var(--primary-color);
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .price-wrapper {
    min-height: var(--etex-product-price-min-height);
    margin-top: var(--etex-product-price-margin-top);
}

body.archive.woocommerce-page .shop-container .products.row .price {
    gap: 3px;
}

:is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .quick-view {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 8px 8px 0 0;
    background: rgba(127, 168, 61, 0.94);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

body.archive.woocommerce-page .shop-page-title .woocommerce-result-count {
    margin: 0 0 10px;
    color: #526071;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
}

body.archive.woocommerce-page .shop-page-title .woocommerce-ordering {
    position: relative;
    min-width: 230px;
    margin: 0;
}

body.archive.woocommerce-page .shop-page-title .orderby {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0 42px 0 14px;
    border: 1px solid rgba(36, 56, 79, 0.14);
    border-radius: 8px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%237D8794' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    color: #253144;
    font-size: 14px;
    line-height: 42px;
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: 0 8px 20px rgba(33, 54, 77, 0.04);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.archive .shop-page-title .page-title-inner {
    padding-top: 0;
}

body.archive.woocommerce-page .shop-page-title .orderby:hover,
body.archive.woocommerce-page .shop-page-title .orderby:focus {
    border-color: rgba(127, 168, 61, 0.5);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%237FA83D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    box-shadow: 0 12px 28px rgba(33, 54, 77, 0.08);
}

/* ---- Search extras and shared pagination ---- */
body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) {
    margin-top: 22px;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results > hr, .category-page-row > .large-9.col > hr) {
    margin: 34px 0 22px;
    border: 0;
    border-top: 1px solid rgba(36, 56, 79, 0.1);
}

body.search-results.woocommerce-page :is(.etex-search-extra-results > h4.uppercase, .category-page-row > .large-9.col > h4.uppercase) {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    color: #21364d;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results .row-slider, .category-page-row > .large-9.col > h4.uppercase + .row-slider) {
    margin-bottom: 18px;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) :is(.post-item, .page-col) {
    padding-bottom: 18px;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) :is(.box-blog-post, .page-box) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    border: 1px solid rgba(36, 56, 79, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(33, 54, 77, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) a.plain:hover :is(.box-blog-post, .page-box) {
    border-color: rgba(127, 168, 61, 0.34);
    box-shadow: 0 18px 42px rgba(33, 54, 77, 0.1);
    transform: translateY(-3px);
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .box-image {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #f7f7f5;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .image-cover {
    width: 100%;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) a.plain:hover .box-image img {
    transform: scale(1.035);
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .box-text {
    flex: 1 1 auto;
    padding: 14px 16px 16px;
    text-align: left;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) :is(.post-title, .page-box .box-text p) {
    display: -webkit-box;
    overflow: hidden;
    min-height: 46px;
    margin: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .from_the_blog_excerpt {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    color: #526071;
    font-size: 14px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.search-results.woocommerce-page :is(.etex-search-extra-results, .category-page-row > .large-9.col > h4.uppercase + .row) .is-divider {
    display: none;
}

body.archive.woocommerce-page .woocommerce-pagination {
    margin: 8px 0 42px;
}

body.blog .blog-wrapper .nav-pagination {
    margin: 30px 0;
}

:is(body.archive.woocommerce-page .woocommerce-pagination .page-numbers, body.blog .blog-wrapper .nav-pagination) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
}

:is(body.archive.woocommerce-page .woocommerce-pagination .page-numbers li, body.blog .blog-wrapper .nav-pagination li) {
    margin: 0;
}

:is(body.archive.woocommerce-page .woocommerce-pagination, body.blog .blog-wrapper .nav-pagination) .page-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(36, 56, 79, 0.14);
    border-radius: 8px;
    background: #fff;
    color: #253144;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(33, 54, 77, 0.04);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

:is(body.archive.woocommerce-page .woocommerce-pagination, body.blog .blog-wrapper .nav-pagination) .page-number:is(:hover, .current) {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-1px);
}
.etex-related-post {
    margin: 0;
}

.etex-related-post a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: relative;
    min-height: 58px;
    text-decoration: none;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

/* ---- Responsive ---- */
@media (prefers-reduced-motion: reduce) {
    .etex-cat-card__icon,
    .etex-cat-card__icon img {
        transition: none;
    }

    .etex-cat-card:hover .etex-cat-card__icon,
    .etex-cat-card__icon:hover,
    .etex-cat-card:hover .etex-cat-card__icon img,
    .etex-cat-card__icon:hover img {
        transform: none;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1141px) {
    .home_box_why .row.row-full-width .box-right > .col-inner {
        padding: 20px !important;
    }

    .home_box_why .icon-box.featured-box .icon-box-text.last-reset {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 850px) {
    form.searchform input.search-field {
        border-radius: 8px;
    }

    div#shop-sidebar .widget:not(.widget_layered_nav_filters):hover ul.woocommerce-widget-layered-nav-list {
        opacity: 1;
        pointer-events: all;
    }

    .blog-archive > .row > .large-9.col {
        max-width: 70%;
        flex-basis: 70%;
    }

    .blog-archive > .row > .post-sidebar.large-3.col {
        max-width: 30%;
        flex-basis: 30%;
    }

    [data-icon-label]:after {
        display: none;
    }

    .single-product .row > .prod_box_left {
        max-width: 70%;
        flex-basis: 70%;
    }

    .single-product .row > .prod_box_right {
        max-width: 30%;
        flex-basis: 30%;
    }

    .home_box_intro .box-content:nth-child(2) {
        max-width: 57%;
        flex-basis: 57%;
    }

    .home_box_intro .box-content:nth-child(3) {
        max-width: 43%;
        flex-basis: 43%;
    }

    #footer .footer-2 .row > .col:nth-child(4) {
        padding-left: 40px;
    }

    #footer .footer-2 .row > .col:nth-child(2) {
        padding-left: 65px;
    }

    #footer .footer-2 .row > .col:nth-child(3) {
        padding-left: 45px;
    }

    #footer .footer-2 .row > .col:nth-child(2), #footer .row > .col:nth-child(3) {
        max-width: 22%;
        flex-basis: 22%;
    }

    #footer .footer-2 .row > .col:nth-child(4) {
        max-width: 31%;
        flex-basis: 31%;
    }

    .blog-header-wrapper .blog-block-left.large-6 {
        max-width: 57%;
        flex-basis: 57%;
    }

    .blog-header-wrapper .blog-block-right.large-6 {
        max-width: 43%;
        flex-basis: 43%;
    }

    .single-product .product-gallery .woocommerce-product-gallery__wrapper,
    .single-product .product-gallery .woocommerce-product-gallery__wrapper .flickity-viewport {
        aspect-ratio: 4 / 3;
    }
}

@media only screen and (max-width: 1199px) {
    .blog-header-wrapper .blog-block-left .box-blog-post {
        min-height: 340px;
    }

    .blog-header-wrapper .blog-block-left .post-title {
        font-size: 28px;
    }

    .blog-header-wrapper .blog-block-right .box-blog-post,
    .blog-wrapper .box-blog-post {
        grid-template-columns: 120px minmax(0, 1fr);
        min-height: 104px;
        gap: 12px;
        padding: 10px;
    }

    .blog-header-wrapper .blog-block-right .box-image,
    .blog-wrapper .box-image {
        width: 120px !important;
        max-width: 120px !important;
    }

    .blog-header-wrapper .blog-block-right .post-title,
    .blog-wrapper .post-title {
        font-size: 15px;
    }

    .blog-header-wrapper .blog-block-right .from_the_blog_excerpt,
    .blog-wrapper .from_the_blog_excerpt {
        font-size: 12px;
    }
}

@media only screen and (max-width: 64em) {
    .etex-cat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 991px) {
    div#wide-nav ul.nav.header-nav.header-bottom-nav.nav-left > li {
        margin: 0 10px;
    }
}

@media (max-width: 849px) {
    .col.etex-process-step > .col-inner {
        min-height: 210px !important;
        padding: 30px 22px 26px !important;
    }

    .col.etex-process-step .step-number {
        font-size: 48px !important;
    }

    .col.etex-process-step .step-title {
        font-size: 19px !important;
    }

    .blog-wrapper .post-sidebar {
        padding-left: 0;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 849px) {
    .etex-cat-card__more {
        margin-bottom: 20px;
    }

    .filter-popup-title {
        border-bottom: 1px solid #e6e6e6;
        padding: 8px 20px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-popup-title button.mfp-close {
        margin: 0;
        font-size: 14px;
        text-transform: none;
        min-height: auto;
        line-height: 23px;
        padding: 0;
        border: 0;
        color: var(--primary-color);
        float: right;
        opacity: 1;
        position: unset;
        width: auto;
        height: auto;
        -webkit-backface-visibility: unset;
        mix-blend-mode: unset;
        font-weight: 700;
    }

    .filter-popup-title h3 {
        margin-bottom: unset;
    }

    .filter-popup-content ul > li a {
        display: block;
        padding: 9px 20px 9px 45px;
        text-decoration: none;
        color: #333;
        font-size: 14px;
    }

    .filter-popup-content ul > li.chosen a:before,
    .filter-popup-content ul > li a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -10px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .filter-popup-content ul > li {
        border-top: 0;
        display: block;
        position: relative;
        margin-bottom: unset;
    }

    .filter-popup-content ul > li span.count {
        position: absolute;
        right: 16px;
        line-height: 1;
        font-size: 12px;
        margin-top: -6px;
        top: 50%;
        pointer-events: none;
    }

    .filter-popup-content ul > li.chosen a:after {
        content: "";
        position: absolute;
        border: 3px solid var(--primary-color);
        width: 20px;
        height: 10px;
        border-top: 0;
        border-right: 0;
        transform: rotate(-45deg);
        left: 20px;
        top: 50%;
        margin-top: -10px;
        border-radius: 3px;
    }

    div#shop-sidebar {
        width: 100%;
        overflow-x: hidden;
        overflow-y: visible;
        white-space: normal;
        flex-wrap: wrap;
        padding-bottom: 140px;
    }

    body.archive.woocommerce-page #shop-sidebar {
        padding-bottom: 140px;
    }

    body.archive.woocommerce-page #shop-sidebar .widget {
        padding-right: 18px;
        padding-left: 18px;
    }

    body.archive.woocommerce-page #shop-sidebar .product_list_widget li {
        min-height: 78px;
        padding: 12px 0 12px 68px;
        white-space: normal;
    }

    body.archive.woocommerce-page #shop-sidebar .product_list_widget li img {
        width: 54px;
        height: 54px;
    }

    body.archive.woocommerce-page #shop-sidebar .product_list_widget .product-title {
        overflow-wrap: anywhere;
        word-break: normal;
        -webkit-line-clamp: 2;
    }

    body.archive.woocommerce-page #shop-sidebar .product_list_widget .amount {
        font-size: 12px;
    }

    body.archive.woocommerce-page #shop-sidebar .wc-block-product-categories-list-item > a {
        padding-right: 56px;
        white-space: normal;
    }

    body.archive.woocommerce-page #shop-sidebar .wc-block-product-categories-list-item__name {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.archive.woocommerce-page #shop-sidebar .wc-block-product-categories-list-item-count {
        right: 0;
        z-index: 1;
    }

    div#masthead {
        box-shadow: -1px 1px 9px 0 rgb(0 0 0 / 10%);
    }

    .pro_cat {
        width: 25%;
    }

    .page-header-wrapper .page-title-inner {
        margin-bottom: 15px;
        padding-top: 15px;
    }

    .product-page-title .page-title-inner {
        margin-bottom: 15px;
        padding-top: 15px;
    }

    .nav-sidebar.nav-vertical > li.menu-item.active {
        background-color: transparent;
    }

    nav.rank-math-breadcrumb.breadcrumbs {
        text-align: left;
    }

    .home_box_why .row.row-full-width:after {
        width: 100%;
    }


    .home_box_why .icon-box.featured-box .icon-box-text.last-reset {
        padding-left: 20px;
    }

    .off-canvas .nav-vertical > li > a {
        color: #2a2a2a;
        font-size: 16px;
        letter-spacing: unset;
        text-transform: none;
        font-weight: 400;
        line-height: 1.6;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: unset !important;
        margin-left: 20px;
        margin-right: 20px;
    }

    .nav-sidebar .toggle i:before {
        font-weight: 700;
        color: #000;
        font-size: 18px;
    }

    .nav-sidebar .toggle i.icon-angle-down:before {
        content: "+";

    }

    .nav-sidebar .active > .toggle i.icon-angle-down:before {
        content: "-";
    }

    .nav-sidebar .toggle {
        position: absolute;
        right: 20px;
        width: auto;
        margin: unset;
        border: unset;
        font-size: 13px;
        top: 9px;
        opacity: 1;
        transform: unset;
    }

    .nav-sidebar.nav-vertical > li > ul li a {
        color: #8a8a8a;
    }

    .nav-sidebar.nav-vertical > li + li + li > a {
        border-top: 1px solid #e3e3e3;
    }

    .nav-sidebar.nav-vertical > li + li {
        border-top: unset;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li > a:hover {
        color: #400c01;
    }

    #footer .footer-2 .row > .col {
        max-width: 50%;
        flex-basis: 50%;
    }


    .cart-item [data-icon-label]:after {
        background-color: #000 !important;
        font-size: 15px;
        font-weight: 500;
        width: 20px;
        height: 20px;
        letter-spacing: 0;
        opacity: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        right: -12px;
        top: -12px;
    }


    .dev_box_reviews .header_review {
        padding-top: unset;
        margin-bottom: 50px;
    }

    .cart-item .header-cart-link span.image-icon.header-cart-icon {
        width: auto;
    }

    .dev_box_reviews .header_review .top .number_review, .dev_box_reviews .header_review .top .number_review i {
        font-size: 40px;
    }

    .filter-popup-content ul > li a:hover {
        background-color: #f0f0f0;
    }

    form.woocommerce-ordering {
        width: 100%;
    }

    .show_danhmuc.flex {
        padding-top: 10px;
    }

    .dev_box_reviews .header_review .top .all_number {
        font-size: 16px;
    }

    /* Force both columns to stack vertically */
    .blog-header-wrapper .blog-block-left,
    .blog-header-wrapper .blog-block-right {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .blog-header-wrapper .blog-block-left {
        margin-bottom: 18px;
    }

    .blog-header-wrapper .blog-block-left .box-blog-post {
        min-height: 340px;
    }

    .blog-header-wrapper .blog-block-left .box-text {
        left: 22px;
        right: 22px;
        bottom: 24px;
    }

    .blog-header-wrapper .blog-block-left .post-title {
        font-size: 28px;
    }

    /* Right column full-width: reset height, show 2 posts side by side */
    .blog-header-wrapper .blog-block-right > .col-inner > .row {
        height: auto;
        flex-direction: row;
        justify-content: flex-start;
        gap: 12px;
    }

    .blog-header-wrapper .blog-block-right .post-item {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media only screen and (max-width: 48em) {
    .why-row .text p {
        font-size: 15px;
    }

    .woocommerce-loop-product__title {
        letter-spacing: unset;
        font-size: 15px;
    }

    .price-wrapper .review-count {
        font-size: 14px;
    }

    .product-small.col {
        padding: 5px 5px 10px !important;
    }

    .product-small.col span.amount {
        font-size: 18px;
    }

    .row.row-collapse {
        padding: 0 15px;
    }

    .home-section-2>.col-inner {
        min-height: 220px;
    }

    .etex-cat-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .etex-cat-card {
        height: auto;
        min-height: 0;
    }

    .etex-cat-card__title {
        font-size: 19px;
    }


    .home-section-wrapper {
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0;
    }

    .home-section-wrapper >.col {
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .bo_loc_warp .boloc_warp {
        grid-template-columns: auto auto !important;
    }
}

@media (max-width: 549px) {
    #top-link.back-to-top {
        right: 16px;
        bottom: 18px;
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    #top-link.back-to-top::after {
        width: 21px;
        height: 21px;
    }

    .etex-contact-form {
        padding: 24px 18px;
    }

    .etex-contact-form .form-control,
    .etex-contact-form input[type="text"],
    .etex-contact-form input[type="tel"] {
        height: 46px;
    }

    .etex-contact-form textarea,
    .etex-contact-form .form-textarea {
        height: 130px;
        min-height: 130px;
    }

    .col.etex-process-step > .col-inner {
        min-height: auto !important;
        padding: 26px 20px 24px !important;
    }

    .col.etex-process-step .step-number {
        top: 16px !important;
        right: 18px !important;
        font-size: 42px !important;
    }

    .col.etex-process-step .step-image {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        margin-bottom: 18px !important;
    }

    .col.etex-process-step .step-title {
        max-width: calc(100% - 52px) !important;
        font-size: 18px !important;
    }

    .col.etex-process-step .step-sub-title {
        font-size: 14px !important;
    }

    .etex-breadcrumb-wrap {
        font-size: 15px;
    }

    header.archive-page-header {
        margin: 10px auto 20px;
    }

    header.archive-page-header .page-title {
        font-size: 18px;
    }

    .blog-wrapper .blog-share {
        margin-top: 22px;
    }

    .blog-wrapper .blog-share .share-icons {
        gap: 7px;
    }

    .blog-wrapper .blog-share .share-icons-title {
        width: 100%;
        margin: 0 0 2px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 549px) {
    .row .list_post_reviews > .row > .col {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 16px;
    }

    body .devvn_toolbar ul li a img {
        width: 35px !important;
    }

    .product-page-price .woocommerce-Price-amount {
        font-size: 24px;
    }

    .product-page-price del .woocommerce-Price-amount {
        font-size: 18px;
    }

    .product-title.product_title.entry-title {
        font-size: 24px;
    }

    .pro_cat {
        font-size: 12px;
    }

    .pro_cat img {
        height: 30px;
        width: auto;
    }

    .boloc_warp {
        margin-bottom: 20px;
    }

    ul.mobile-nav.nav.nav-right .current-dropdown.header-search .nav-dropdown-default {
        left: auto;
        right: -30px;
        padding: 8px 0 8px 8px;
        border-radius: 8px;
    }

    .danhmuc_con {
        padding-bottom: unset;
        margin-bottom: 15px;
    }

    .widget_shopping_cart_content .button.primary.wc-backward {
        border-radius: 7px;
        letter-spacing: unset;
    }

    .cart-popup-title .heading-font {
        font-size: 18px;
        letter-spacing: unset;
    }

    .row .list_post_reviews > .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .dev_box_reviews i {
        font-size: 15px;
    }

    .dev_box_reviews span.line_star {
        height: 10px;
        margin-right: 5px;
        width: 150px;
    }

    .dev_box_reviews span.list_stars {
        letter-spacing: -2px;
        margin-right: 8px;
    }

    .dev_box_reviews span.v span.num {
        font-size: 14px;
    }

    .item_review .box .box-text {
        padding: 10px;
    }

    #footer .footer-2 .row > .col {
        max-width: 100%;
        flex-basis: 100%;
    }

    .home_box_sp .section-content.relative > .row > .col {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
    }

    .home_box_sp .section-content.relative > .row {
        width: calc(100% - 20px);
    }

    .footer-2 {
        padding-top: 30px;
        padding-bottom: unset;
    }

    .custom_lienhe {
        margin-bottom: unset;
    }

    .home_box_sp .box .box-text .box-text-inner > :first-child * {
        font-size: 15px !important;
    }

    .home_box_sp .box .box-text {
        padding: 10px 10px 15px;
    }

    .home_box_intro .content_1.text p {
        margin-bottom: 15px;
    }

    .home_box_intro .content_1 {
        font-size: 16px;
    }

    .home_box_intro {
        padding-bottom: unset !important;
    }

    .product-info {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .related.related-products-wrapper .product-section-title {
        font-size: 24px !important;
        margin-bottom: 30px;
    }

    .section-title-container span.section-title-main {
        font-size: 24px;
    }

    .blog-header-wrapper .blog-block-left .box-blog-post {
        min-height: 310px;
    }

    .blog-header-wrapper .blog-block-left .cat-label {
        min-height: 26px;
        margin-bottom: 8px;
        padding: 4px 10px;
        font-size: 11px;
    }

    .blog-header-wrapper .blog-block-left .post-title {
        font-size: 22px;
    }

    .blog-header-wrapper .blog-block-left .from_the_blog_excerpt {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 12px;
    }

    .blog-header-wrapper .blog-block-left .from_the_blog_excerpt:after {
        min-height: 34px;
        margin-top: 14px;
        padding: 0 16px;
        font-size: 12px;
    }

    .blog-header-wrapper .blog-block-left .post-meta {
        font-size: 11px;
    }

    /* Phone: stack right-column posts vertically again */
    .blog-header-wrapper .blog-block-right > .col-inner > .row {
        flex-direction: column;
        gap: 10px;
    }

    .blog-header-wrapper .blog-block-right .post-item {
        flex: none;
        max-width: 100%;
        flex-basis: 100%;
    }

    .blog-header-wrapper .blog-block-right .box-blog-post,
    .blog-wrapper .box-blog-post {
        grid-template-columns: 96px minmax(0, 1fr);
        min-height: 100px;
        gap: 10px;
        padding: 8px;
    }

    .blog-header-wrapper .blog-block-right .box-image,
    .blog-wrapper .box-image {
        width: 96px !important;
        max-width: 96px !important;
    }

    .blog-header-wrapper .blog-block-right .cat-label,
    .blog-header-wrapper .blog-block-right .cat-label.tag-label {
        font-size: 9px;
    }

    .blog-header-wrapper .blog-block-right .post-title,
    .blog-wrapper .post-title {
        font-size: 13px;
    }

    .blog-header-wrapper .blog-block-right .from_the_blog_excerpt,
    .blog-wrapper .from_the_blog_excerpt {
        font-size: 11px;
    }

    .single-product .bao-gia {
        margin-top: 22px !important;
        padding: 18px !important;
    }

    .single-product .bao-gia h4 {
        font-size: 20px;
    }

    .single-product .bao-gia > .col.medium-6 {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .single-product .bao-gia > .col.medium-6 + .col.medium-6 {
        margin-top: 16px;
    }

    .single-product .bao-gia > .col:last-child .col-inner {
        display: block;
    }

    .single-product .bao-gia > .col:last-child p {
        flex-wrap: wrap;
    }

    .single-product .bao-gia > .col:last-child p::after {
        width: 100%;
        margin-left: 26px;
        justify-content: flex-start;
        text-align: left;
    }

    .single-product .etex-product-benefits .etex-benefit-item {
        flex-basis: calc(30% - var(--stack-gap, 1rem));
        margin-left: 0
    }

    .single-product .etex-product-benefits {
        gap: 10px;
    }

    .single-product .product-footer .woocommerce-tabs {
        margin-top: 24px;
        max-width: calc(100vw - 30px);
    }

    .single-product .product-footer .woocommerce-tabs > .product-tabs {
        display: flex;
        flex-wrap: wrap;
        overflow-x: visible;
        padding: 0 !important;
    }

    .single-product .product-footer .product-tabs > li {
        flex: 1 1 50%;
        min-width: 0;
    }

    .single-product .product-footer .product-tabs > li > a {
        min-height: 48px;
        padding: 0 8px !important;
        font-size: 13px;
    }

    .single-product .product-footer .woocommerce-tabs .tab-panels {
        padding: 18px 18px 22px !important;
    }

    .single-product .related.related-products-wrapper {
        --etex-product-card-text-min-height: 106px;
        margin-top: 26px;
        margin-bottom: 46px;
    }

    .single-product .related.related-products-wrapper .product-section-title {
        margin-bottom: 20px;
        font-size: 24px !important;
    }

    body.archive.woocommerce-page .shop-container .products.row {
        --etex-product-card-text-min-height: 132px;
        --etex-product-price-min-height: 42px;
        --etex-product-price-margin-top: 8px;
    }

    :is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-small.col {
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 14px;
    }

    :is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .box-text.box-text-products {
        padding: 12px 12px 14px;
    }

    :is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-cat {
        min-height: 23px;
        padding: 5px 8px;
        font-size: 11px;
    }

    :is(.single-product .related.related-products-wrapper, body.archive.woocommerce-page .shop-container .products.row) .product-title {
        min-height: 42px;
        font-size: 14px;
        line-height: 1.5;
    }

    :is(body.archive.woocommerce-page .woocommerce-pagination, body.blog .blog-wrapper .nav-pagination) {
        margin-bottom: 34px;
    }

    body.archive.woocommerce-page .shop-page-title .woocommerce-ordering {
        width: 100%;
        min-width: 0;
        margin-top: 10px;
    }

    body.archive.woocommerce-page .shop-page-title .orderby {
        min-height: 40px;
        font-size: 13px;
        line-height: 40px;
    }

    :is(body.archive.woocommerce-page .woocommerce-pagination, body.blog .blog-wrapper .nav-pagination) .page-number {
        min-width: 34px;
        height: 34px;
        padding: 0 10px;
        font-size: 13px;
    }

    .etex-related-posts {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 18px;
    }

    .etex-related-posts__title {
        font-size: 21px;
    }

    .etex-related-post a {
        min-height: 52px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 15px;
        line-height: 1.45;
    }

    .etex-related-post a:hover {
        padding-left: 10px;
    }

    .etex-related-post a::after {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
}