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

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

/* Global Fort */
body {
    line-height: 1.5 !important;
}

h1 {
    font-size: 24px !important;
}

h2 {
    font-size: 24px !important;
}

h3 {
    font-size: 20px !important;
}

h4 {
    font-size: 18px !important;
}

.hotline-bar>a,
h5 {
    font-size: 16px !important;
}

.fab::before,
strong,
p,
li,
a {
    font-size: 14px !important;
}

.category-page-row {
    justify-content: center !important;
}


ul.header-nav-main.nav-left {
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* ul.header-nav-main.nav-left #mega-menu-wrap {
    flex-basis: 20% !important;
} */

.header-main {
    z-index: 999 !important;
}

#header.header.has-sticky .neader-wrapper.stuck #mega-menu-wrap:hover #mega_menu:not(.active),
#mega_menu {
    min-width: 205px;
    border: none;
    box-shadow: 0 1px 2px 0 rgb(60 64 67/10%), 0 2px 6px 2px rgb(60 64 67/15%);
    border-radius: 15px;
    margin: 20px 0 0 -130px !important;
}

#mega-menu-wrap {
    background: transparent;
    border: 1px solid #fcba12;
    border-radius: 5px;
}

#mega-menu-title {
    color: #fcba12;
}

.sf-menu a {
    padding: 2px 10px;
    background: transparent;
}

#mega_menu>li:first-child>a:hover {
    border-radius: 15px 15px 0px 0px;
}

#mega_menu>li:last-child>a:hover {
    border-radius: 0px 0px 15px 15px;
}

#mega_menu>li>a,
#mega_menu>li {
    background: transparent;
}

#mega_menu>li>a {
    border: none;
}

.product_flashsale {
    background: linear-gradient(#8a0505, #000) 0% 0%/cover;
    border-radius: 10px;
    padding: 10px 9.8px 0;
}

/* PRODUCTS CSS */
.product-small.box {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67/10%), 0 2px 6px 2px rgb(60 64 67/15%);
    margin: 5px 0px;
}

.product-small.box .box-image {
    aspect-ratio: 1/1;
    object-fit: cover;
    overflow: hidden;
}

.product-small.box .box-image img {
    transform: scale(1);
    transition: all .5s;
}

.product-small.box:hover .box-image img {
    transform: scale(1.2);
}

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

.product-small.box .box-text .woocommerce-LoopProduct-link {
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    min-height: 37px;
}

.product-small.box .box-text ul.khuyen_mai li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.product-small.box .box-text ul.khuyen_mai li::before {
    content: unset;
}

.product-small.box .box-text ul.khuyen_mai li i {
    color: #d70018;
}

.product-small.box .woo-sctr-shortcode-countdown-timer-wrap {
    display: none !important;
}


.flashsale .woo-sctr-progress-bar-wrap-container {
    position: relative;
    padding: 10px 0px;
    display: block !important;

}

.product-small.box .woo-sctr-progress-bar-wrap-container {
    display: none;
}

.product-small.box .woo-sctr-progress-bar-wrap-container .woo-sctr-progress-bar-wrap {
    background: #ffbda6;
}

.product-small.box .woo-sctr-progress-bar-wrap-container .woo-sctr-progress-bar-fill {
    background: linear-gradient(90deg, rgba(236, 30, 22, 1) 0%, rgba(254, 171, 1, 1) 100%);
    position: relative;
}

.woo-sctr-progress-bar-wrap-container::before {
    content: "";
    background: url(./img/flash-sale-process-fire.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 21px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 9999;
}

.product-small.box .woo-sctr-progress-bar-wrap-container .woo-sctr-progress-bar-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
}

.product-small.box .js-star-rating.star-rating {
    opacity: 1 !;
    visibility: unset !important;
}

.product-small.box .price-wrapper .star-rating,
.product-small.box .woocommerce-review-link {
    display: none;
}



.related-posts .box.box-normal,
.section-content .box.box-blog-post {
    border: 2px solid #dedede;
    color: #000;
    border-radius: 15px;
    overflow: hidden;
}

.box.box-blog-post .is-divider {
    display: none;
}

.box.box-blog-post .box-text {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #444;
    position: relative;
    white-space: unset;

}

.related-posts .box.box-normal .post-title,
.box.box-blog-post .box-text .post-title {

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.related-posts .box.box-normal .box-image {
    aspect-ratio: 2/1;
}

img._mi._before._image {
    width: 20px !important;
}


.search-van-ban {
    margin: 0 15px;
}

.search-san-pham .search-san-pham-item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-san-pham .search-san-pham-item:nth-child(4) {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.search-san-pham .search-san-pham-item:nth-child(4) select {
    width: auto;
    border: 1px solid #e5e7eb;
    padding: 5px 30px 5px 15px;
    border-radius: 5px;
    transition: all .3s;
}

.search-san-pham .search-san-pham-item .san-pham-label {
    border: 1px solid #dddd;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s;
}

.search-san-pham .search-san-pham-item .san-pham-label:hover {
    border: 1px solid #000;
}

.search-san-pham .search-san-pham-item .san-pham-label-cat {
    border: 1px solid #dddd;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 116px;
    height: 116px;
    text-align: center;
}

.search-san-pham .search-san-pham-item .san-pham-label-cat p {
    position: absolute;
    text-align: left;
    padding: 5px;
    font-size: 12px;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    width: 100%;
    height: 100%;
    transform: translateY(-100%);
    transition: all .3s;

}

.search-san-pham .search-san-pham-item .san-pham-label-cat:hover p {
    transform: translateY(0%);

}

.search-san-pham .search-san-pham-item .san-pham-label-cat input,
.search-san-pham .search-san-pham-item .san-pham-label input {
    opacity: 0;
    position: absolute;
}

.header-block:nth-child(3) {
    flex-basis: 85px;
}

.header-block:nth-child(3) .featured-box {
    flex-direction: row;
    flex-wrap: nowrap;
}

.header-block:nth-child(4) {
    flex-basis: 95px;
}

.header-block .featured-box .icon-box-text {
    padding-left: 5px;
}

.header-block .featured-box .icon-box-text p {
    font-size: 12px !important;
    transition: all .3s;
}

.header-block .featured-box:hover .icon-box-text p {
    color: #fcba12 !important;
}

.header-nav .header-cart-link {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    font-size: 12px;
}

.header-button a {
    border: none !important;
}

.header-button a span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #000;
    text-wrap: nowrap;
    border: 1px solid #dddd;
    border-radius: 10px !important;
    padding: 5px !important;
    background: #f5f5f5;
    transition: all .3s;
}

.header-button a span:hover {
    border: 1px solid #000;
}

.header-button a>* {
    margin: 0px !important;
}

.header-button a .icon-user {
    display: none;
}

.header-button a span::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.header-nav .header-cart-link .header-cart-title {
    color: #000;
    font-size: 12px !important;
    font-weight: normal;
    padding-left: 5px;
    transition: all .3s;
}

.header-nav .header-cart-link:hover .header-cart-title {
    color: #fcba12;
}

.header-nav .cart-item {
    flex-basis: 80px;
}

.header-nav .cart-item span+.image-icon {
    margin: 0 !important;
}

[data-icon-label]:after {
    font-size: 8px !important;
    height: 15px !important;
    min-width: 15px !important;
    line-height: 15px !important;
    right: -5px !important;

}

.header-nav .search-field {
    color: #000;
    background-color: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.09);
    padding: 20px 15px;
}

.order_by {
    position: relative;
    transition: all .3s;
}

.order_by input {
    opacity: 0;
    position: absolute;
    top: 0;
}

.order_by label {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all .3s;
    cursor: pointer;
}

.order_by:hover label {
    border: 1px solid #000;
}

/* CSS SINGLE PRODUCT */
.product-top-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 0 15px;
}

.product-top-content .product-title {
    width: auto;
    margin: 0px;
}

.product-footer {
    padding-top: 15px;
}

.product-footer .nav {
    gap: 15px;
}

.product-footer .tab a {
    border-radius: 5px !important;
    background: #f3f3f3;
    border: 1px solid #e5e7eb;

}

.product-footer .tab.active a {
    background: #fcba12;
}

.product-footer .row.content_main {
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: nowrap;
}



.product-footer .row.content_main .content_left .content_left_first,
.product-footer .row.content_main .content_left .content_left_second {
    flex-basis: 65%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.09);
    padding: 15px;
    border-radius: 15px;
    color: #000;
    margin-bottom: 30px;
}


.product-footer .row.content_main .content_left .content_left_first ol {
    padding-left: 15px;
}


.product-gallery .product-content-under-gallery {
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: nowrap;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_right p {
    margin: 0;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_right,
.product-gallery .product-content-under-gallery .product-content-under-gallery_left {
    flex-basis: 50%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.09);
    padding: 10px;
    border-radius: 15px;
    color: #000;
    margin-top: 30px;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_left ul.thong_tin_san_pham {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_left ul.thong_tin_san_pham li {
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: nowrap;
    align-items: center;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_left ul.thong_tin_san_pham li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.product-gallery .product-content-under-gallery .product-content-under-gallery_left ul.thong_tin_san_pham li p {
    margin: 0px;
}




.product-footer .row.content_main .content_right {
    flex-basis: 35%;

}

table.thong_so_ky_thuat {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.09);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
}

table.thong_so_ky_thuat_light_box tr:nth-child(odd),
table.thong_so_ky_thuat tr:nth-child(odd) {
    background: #f3f4f7;
}

table.thong_so_ky_thuat th {
    border: none !important;
}

table.thong_so_ky_thuat_light_box tr td,
table.thong_so_ky_thuat tr td {
    padding: 10px;

}

ul.khuyen_mai {
    counter-reset: item;
    /* Khởi tạo bộ đếm */
    list-style-type: none;
}

ul.khuyen_mai li {
    counter-increment: item;
    /* Tăng bộ đếm cho mỗi phần tử */
    margin: 0px;
    display: flex;
    align-items: center;
}

ul.khuyen_mai li p {
    margin: 0px;
    color: #000;
}

ul.khuyen_mai li::before {
    content: counter(item);
    background: #cf0438;
    color: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    margin-right: 5px;
    font-size: 12px;
    width: 18px;
    height: 18px;
    align-items: center;
    display: inline-flex;
}

.thong_tin_khuyen_mai {
    border: 1px solid #fee2e2;
    border-radius: 15px;
    overflow: hidden;
}

.thong_tin_khuyen_mai .thong_tin_khuyen_mai_title {
    position: relative;
    border: 1px solid #fee2e2;
    background: #fee2e2;
    padding: 5px 10px;
    border-radius: 15px 15px 0px 0px;
    color: #cf0438;
    margin: 0px;
}

.thong_tin_khuyen_mai .khuyen_mai {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
}



.thong_tin_khuyen_mai .thong_tin_khuyen_mai_title::before {
    content: "\f06b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #d70018;
}

.woo-sctr-countdown-text {
    display: none !important;

}

.woo-sctr-countdown-unit {
    grid-template-rows: 100% !important;
    width: 30px !important;
    height: 30px !important;
}

.product-summary .quantity {
    display: none;
}

.button_lien_he {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    padding: 0;
}

.button_lien_he_2 {
    display: grid;
    grid-template-columns: 5fr 1fr;
    grid-gap: 10px;
    padding: 0;
}

.btn_single_contact {
    background: linear-gradient(180deg, #3a78d0, #277cea);
    text-align: center;
    line-height: 1;
    border-radius: 15px !important;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    align-items: center;
}

.btn_single_contact.btn_single_buy_now {
    flex-basis: 80%;
    background: linear-gradient(#f52f32, #e11b1e);
    text-align: center;
    line-height: 1;
    border-radius: 15px !important;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 12px 0px;
}

.btn_single_contact.btn_single_contac small,
.btn_single_contact small {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 14px;
}

.btn_single_contact.btn_single_add_to_cart {
    flex-basis: 20%;
    background: transparent;
    border: 2px solid #f52f32;
    text-align: center;
    line-height: 1;
    border-radius: 15px !important;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    align-items: center;
    margin: 0px 0px 12px 0px;
}

.btn_single_contact.btn_single_add_to_cart img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}



.btn_single_contact span {
    font-weight: bold;
}

.btn_single_contact.btn_single_add_to_cart small {
    font-size: 9px;
    color: #f52f32;
}

.btn_single_contact:hover {
    color: #fff;
}

.ux-swatch.selected {
    pointer-events: none;

}

.ux-swatch.selected {
    -webkit-box-shadow: 0 0 0 .1rem #000;
    box-shadow: 0 0 0 .1rem #000;
}

.woocommerce-variation-add-to-cart {
    display: none;
}

.banner_home {
    border-radius: 15px;
    overflow: hidden;
}


.ux-swatch--image .ux-swatch__text,
.ux-swatch--color .ux-swatch__text {
    display: block !important;
}

.ux-swatch--image,
.ux-swatch--color,
.ux-swatch--label {
    width: auto !important;
    height: auto !important;
    padding: 4.5px 15px;
    border-radius: 10px;
}

.ux-swatches.ux-swatches-attribute-ux_image img {
    width: 30px !important;
}

del span.amount {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

.product-page-price,
span.amount,
ins span.amount {
    color: #d70018 !important;
    font-size: 24px !important;
}

.product-small del span.amount {
    color: #4e4e4e !important;
    font-size: 14px !important;
}

.product-small span.amount,
.product-small ins span.amount {
    color: #d70018 !important;
    font-size: 16px !important;
}

span.devvn_num_reviews {
    color: #000;
}

#comments a.btn-reviews-now {
    background-color: #fcba12;
}

.banner-grid .col-inner.box-shadow-1 {
    border-radius: 15px;
}

.header-block .icon-box-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* VERTICAL MENU */

.header-vertical-menu__fly-out {
    width: 190px !important;
    left: -105px;
    top: 65px;
    background: #fff;
    border-radius: 15px;
    z-index: 999;
}

.nav-dropdown {
    min-width: 190px;
}

.nav-dropdown.nav-dropdown-default>li>a,
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    padding: 4px 10px;
    background: transparent;
    margin: 0;
    font-weight: bold;
    color: #000;
    font-size: 12px !important;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out {
    padding: 5px 0px !important;
}

.header-vertical-menu__fly-out .current-dropdown .nav-dropdown {
    left: 105% !important;
}

.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
    border: 2px solid #ddd;
    background: #fff;
    border-radius: 15px;
    padding: 5px 0px !important;
}


.header-vertical-menu .header-vertical-menu__opener i.icon-angle-down {
    display: none;
}

.header-vertical-menu__opener {
    background: transparent !important;
    border: 1px solid #000;
    border-radius: 15px;
    color: #000;
    padding: 10px !important;
}

form.searchform {
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 0 10px 0 rgba(0, 0, 0, .09);
}

.form-flat .flex-row .flex-col {
    padding: 0px !important;
}

#contentArchive {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
}

#contentArchive::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 98%, rgba(0, 0, 0, 0));
}

#contentArchive.expanded {
    max-height: none;
}

#contentArchive.expanded::before {
    display: none;
}

#loadMoreContentArchive {
    display: inline-block;
    border: none;
    background-color: #fff;
    padding: 9px 20px 8px 7px;
    border-radius: 0 0 10px 10px;
    font-size: 14px;
    line-height: 15px;
    color: #212529 !important;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    max-width: 335px;
    width: 100%;
}

.archive_product {
    position: relative;
}

.archive_product .col-inner {
    border-radius: 15px;
}

.archive_product .col-inner .box.box-blog-post .box-text {
    vertical-align: top;
    font-weight: normal;
}

.archive_product .col-inner .box.box-blog-post .box-text .post-title {
    font-size: 14px;
    font-weight: normal;
}

.content_right .archive_product {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.09);
    padding: 15px;
    border-radius: 15px;
    color: #000;
    margin-bottom: 30px;

}

.archive_product .box.box-blog-post {
    border: none;
}

.archive_product .box.box-blog-post .box-image {
    border-radius: 15px;
}

.open_shadown_bg {
    position: relative;
}

.open_shadown_bg::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 22;
}


/* styles.css */
.disable-pointer-events {
    pointer-events: none;
}



#load-more-button {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #333;
    color: #fff;
    cursor: pointer;
}


.badge-container {
    border-radius: 25px;
    padding-right: 10px;
    display: flex;
    gap: 5px;
    font-size: 14px;
    line-height: 1.9;
    color: #fff;
    top: 140px;
    left: 10px;
}

.badge-container.type1 {
    background: #dd3333;
}

.badge-container.type2 {
    background: #8224e3;
}

.badge-container.type3 {
    background: #1e73be;
}

.badge-container.type1::before {
    content: "";
    background: url(./img/icon-giam-gia-1.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    background-size: contain;
}

.badge-container.type2::before {
    content: "";
    background: url(./img/icon6-50x50-1.webp) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    background-size: contain;
}

.badge-container.type3::before {
    content: "";
    background: url(./img/icon4-50x50-1.webp) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    background-size: contain;
}

.giam_gia {
    background: url(./img/giam_gia.png) no-repeat;
    background-size: contain;
    background-position: center;
    top: 0;
    left: -3px;
    display: flex;
    gap: 5px;
    font-size: 14px;
    line-height: 1.9;
    color: #fff;
    padding: 10px;
}

.tra_gop {
    top: 10px;
    right: 0;
    font-size: 14px;
    line-height: 1.9;
    color: #cf0438;
    padding: 0px 5px;
    border: 1px solid #cf0438;
    border-radius: 5px;
}

.button.is-outline,
input[type=submit].is-outline,
input[type=reset].is-outline,
input[type=button].is-outline {
    border-width: 1px !important;
}

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

.button.primary.is-outline.box-shadow-1.lowercase {
    color: #000;
    font-weight: normal;
}

.button.primary.is-outline.box-shadow-1.lowercase:hover {
    background-color: #fcba123b;
    color: #fcba12;
}

.product-thumbnails .row-small>.flickity-viewport>.flickity-slider>.col,
.product-thumbnails .row-small>.col {
    padding: 2px !important;
}

.woocommerce.product.compare-button a.compare {
    margin: 0;
    color: #d70018;
}

.woocommerce.product.compare-button a.compare {
    margin: 0;
    color: #d70018;
    padding: 2px 5px;
}

.woocommerce.product.compare-button a.compare::before {
    font-family: "Font Awesome 5 Free";
    content: "\2b";
    font-size: 10px;
    border: 1px solid #d70018;
    padding: 2px;
    border-radius: 50%;
    margin-right: 3px;
}

.woocommerce.product.compare-button a.compare.added::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    font-size: 10px;
    border: 1px solid #d70018;
    padding: 2px;
    border-radius: 50%;
    margin-right: 3px;
}

#yith-woocompare table.compare-list td {
    text-align: left;
}

.breadcrumbs a:first-of-type:before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    margin-right: 2px;
}

.breadcrumbs {
    font-size: 14px;
}

.shop-page-title .flex-col:nth-child(2) {
    display: none;
}

.shop-page-title .page-title-inner {
    padding: 15px;
    min-height: unset;
}

.page-title {
    text-align: left;
}

.product-main {
    padding: 0px !important;
}

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

.flatsome_recent_posts .widget-title,
.widget_products .widget-title,
.post-sidebar .widget-title {
    width: 100%;
    padding: 15px;
    background-color: #fcba12;
    color: #fff;
    display: block;
}

.flatsome_recent_posts .is-divider,
.widget_products .is-divider,
.post-sidebar .is-divider {
    display: none;
}

.related-posts {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.single_variation_wrap .woo-sctr-variation-product-container {
    display: none;
}

.single_variation_wrap .price-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.single_variation_wrap .price-wrapper .giam_gia_single {
    background: #cf0438;
    border-radius: 25px;
    color: #fff;
    padding: 1px 5px;
    font-size: 14px;
}

.ff_submit_btn_wrapper .ff-btn-submit,
.ff_submit_btn_wrapper,
#fluentform_4 {
    margin-bottom: 0 !important;
}

.inner-fabs .fab {
    font-family: Roboto, sans-serif;
}

.woocommerce-variation-price {
    display: none;
}


.back-to-top {
    bottom: 90px !important;
    right: 35px !important;
    min-width: 3em !important;
    line-height: 3em !important;
    background-color: #fcba12 !important;
    border-color: #fcba12 !important;
    color: #ffff !important;
}

.inner-fab-icon {
    height: 50px !important;
    width: 50px !important;
    object-fit: contain !important;
}

.ux-swatch-selected-value {
    display: none !important;
}

.account-link {
    border: none !important;
}

.hotsalelabel .box-text {
    padding: 0px !important;
}

.hotsalelabel p strong {
    font-size: 40px !important;
}


.map_footer .icon-box-text {
    display: flex;
    align-items: center;

}

.map_footer .icon-box-img img {
    padding-top: 0 !important;
}

.woocommerce-product-gallery__wrapper img {
    aspect-ratio: 1/1 !important;
    object-fit: cover;
}

li.trp-language-switcher-container .sub-menu.nav-dropdown {
    min-width: 50px !important;
    padding: 5px !important;
}

li.trp-language-switcher-container .sub-menu.nav-dropdown a {
    padding: 0px !important;
}

li.trp-language-switcher-container .sub-menu.nav-dropdown li.trp-language-switcher-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}


.isures-term--filter {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
}

.pa_thuong-hieu,
.pa_nhu-cau-su-dung {
    display: none !important;
}

.box_flatsale .box-image {
    transform: translateY(-35px);
    position: absolute;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}


.woocommerce .row.vertical-tabs {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
}


.product-short-description>p:last-of-type {
    margin-bottom: 0;
}

.product-info p.stock,
.woocommerce-variation-description,
.woocommerce-variation-price {
    display: none;
}

.form-check {
    display: flex;
    gap: 20px;
}

.form-check .range-check {
    position: relative;
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    border-radius: 5px;
    transition: all .3s;
}

.form-check .range-check label {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
}

.form-check .range-check label img {
    padding-right: 5px;
}

.form-check .range-check:hover {
    border: 1px solid #000;

}

.form-check .range-check .bdf-checkbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;

}

span.form-check-title {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #333;
    display: inline-block;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
}

.isures_type_image_label .isures-item--attribute a {
    padding: 0 !important;
}

.isures_type_image_label .isures-item--attribute .inline-bl {
    position: relative;
}

.isures_type_image_label .isures-item--attribute .inline-bl span.isures-image--with_label {
    position: absolute;
    top: 0;
    background: #0000007c;
    color: #fff;
    width: 100%;
    padding: 5px 7px;
}

.isures_type_image .isures-item--attribute img {
    aspect-ratio: 7/3;
    object-fit: contain;
}


span.vi-sctv-price {
    display: flex;
    flex-direction: column;
}

.single_variation_wrap span.vi-sctv-price {
    display: flex;
    flex-direction: row;
}



.div_left_flash_sale{
	min-height:65px;
}


/* Áp dụng cho iPad và các thiết bị có kích thước màn hình tương tự */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    ul.nav.nav-center.nav-small.mobile-nav.nav-divided {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        justify-content: flex-start;
    }

    ul.nav.nav-center.nav-small.mobile-nav.nav-divided li {
        flex: 0 0 45%;
        /* Chiều rộng của li là 80% của ul */
        scroll-snap-align: center;
        text-align: center;
        margin-right: 10px;
        /* Khoảng cách giữa các mục */
    }

}


@media only screen and (max-width: 766px) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .woocommerce .row.vertical-tabs {
        flex-direction: column;
        gap: 30px;
    }

    .touch-scroll-table {
        box-shadow: unset !important;
    }

    .woocommerce-product-gallery__wrapper img {
        height: unset !important;
        object-fit: cover;
    }

    .search-san-pham .search-san-pham-item .san-pham-label-cat p {
        transform: translateY(0%);
    }

    .product-footer .row.content_main .content_right,
    .product-footer .row.content_main .content_left {
        flex-basis: 100%;
    }

    .product-top-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px 10px;
    }

    .product-gallery .product-content-under-gallery {
        flex-direction: column;
        gap: 00px;
    }

    .product-footer .row.content_main {
        flex-direction: column-reverse;
        gap: 0px;
        padding: 0px 15px;
    }

    .section-content.relative {
        padding: 0px 10px;
    }

    .hotsalelabel {
        display: flex;
        flex-direction: column;
    }

    .hotsalelabel .box-image {
        width: 100% !important;
    }

    .box_flatsale .box-image {
        transform: translateY(0px);
        position: relative;
    }

    .flashsale .badge-container {
        top: 85px;
    }

    .badge-container {
        font-size: 8px;
        top: 95px;
        left: 0;
    }

    .badge-container.type1::before,
    .badge-container.type2::before,
    .badge-container.type3::before {
        width: 15px;
        height: 15px;
    }

    .tra_gop,
    .giam_gia {
        font-size: 8px;
    }

    ul.nav.nav-center.nav-small.mobile-nav.nav-divided {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        justify-content: flex-start;
    }

    ul.nav.nav-center.nav-small.mobile-nav.nav-divided li {
        flex: 0 0 80%;
        /* Chiều rộng của li là 80% của ul */
        scroll-snap-align: center;
        text-align: center;
        margin-right: 10px;
        /* Khoảng cách giữa các mục */
    }

    .col-banner-home .grid-col-1,
    .col-banner-home {
        height: 200px !important;
    }

    form.searchform {
        box-shadow: none;
    }

    .flex-col.show-for-medium.flex-right {
        margin: 0;
        width: 100%;
    }

    .autocomplete-suggestion {
        flex-direction: column !important;
        align-items: start !important;
    }
    .div_left_flash_sale{
        min-height:65px;
    }
    
}