/*
Theme Name: Webseo Child Theme
Theme URI:  https://webseo.com.vn
Author: Huy Tap - hotro@webseo.com.vn
Author URI: https://webseo.com.vn
Description: Đây là Themes Website do WebSeo phát triển.
Version: 2.1 (Updated: 19/08/2020 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hkt
Template: hkt-simple
*/
@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');
body { background: rgb(231, 238, 246); font-family: "Inter", sans-serif; }
.woocommerce-tabs.wc-tabs-wrapper h1, .woocommerce-tabs.wc-tabs-wrapper h2, .woocommerce-tabs.wc-tabs-wrapper h3, .woocommerce-tabs.wc-tabs-wrapper h4, .woocommerce-tabs.wc-tabs-wrapper h5, .woocommerce-tabs.wc-tabs-wrapper h6, .post-single-content h1, .post-single-content h2, .post-single-content h3, .post-single-content h4, .post-single-content h5, .post-single-content h6 { font-family: 'Open Sans', sans-serif; font-size: 1.3rem; color: #222; line-height: 1.4; margin: 30px 0 10px 0; font-weight: 500; }
h1 { font-size: 1.5rem; font-weight: 700 }
h2 { font-size: 1.4rem; font-weight: 700 }
h3 { font-size: 1.3rem; font-weight: 700 }
h4 { font-size: 1.2rem; font-weight: 700 }
h5 { font-size: 1.1rem; font-weight: 700 }
h6 { font-size: 1rem; font-weight: 700 }
a { color: #222; text-decoration: none !important; }
b, strong { font-weight: bold; }
p { font-size: 1rem; line-height: 1.5 }
* img { height: auto; width: auto; }
:root { --maumc: linear-gradient(#444); --maump: linear-gradient(#333); }
.header-wrapper-ws { .header-bg { background-color: #ef3340; }
    .logo-text { font-weight: 800; font-size: 1.125rem; line-height: 1; color: white; }
    .store-info { color: white; font-size: 0.875rem; }
    .store-info .font-bold { font-size: 1rem; }
    .search-input { border: 1px solid #d1d5db; border-right: none; padding: 0.5rem 1rem; color: #374151; }
    .search-input::placeholder { color: #9ca3af; }
    .search-input:focus { outline: none; border-color: transparent; box-shadow: 0 0 0 2px #dc2626; }
    .search-btn { background-color: white; color: #ef3340; font-size: 0.875rem; font-weight: 500; border: none; padding: 0.5rem 1rem; }
    .search-btn:hover { text-decoration: underline; }
    .nav-link { color: white; font-size: 0.9rem; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 0.25rem; }
    .nav-link:hover { color: white; text-decoration: underline; }
    .cart-badge { position: absolute; padding-left: 5px; top: -0.25rem; right: -0.5rem; background-color: white; color: #ef3340; font-size: 0.625rem; font-weight: bold; width: 1.25rem; height: 1.25rem; border-radius: 50%; display: flex; align-items: center; justify-center; }
    @media screen and (max-width:991px) {
        .nav-link span, .site-header-search { display: none; }
    }
}

.header-menu-wrapper { border-top: 1px solid rgba(255, 255, 255, 0.4); }
#departDateHide { position: absolute; top: 0; left: 0; opacity: 0; }
.home .container-fluid.p-0.clearfix { background: transparent; }
.header-top-ws a { color: #fff; }
.header-top-ws { background: var(--maump); padding: 8px 0; color: #fff; }
.header-top-ws .header-top-ws-wrapper { display: flex; justify-content: space-between; }
.header-top-ws .header-top-right { display: flex; }
.header-top-ws .header-top-right div { padding-left: 20px; }
.ngon-ngu ul { display: flex; }
.ngon-ngu li { padding-left: 20px; }
.site-header-top { background-color: #007e72; }
.tl-header-main-wrapper { background-image: var(--maumc); }
.site-header-top .row { justify-content: space-between }
.site-header-top .emergency-wrap { position: relative; align-self: flex-end; text-align: center }
.site-header-top .emergency-wrap .h-emergency { display: inline-flex; height: 50px; padding: 10px 20px 0; background-color: #fff; color: var(--color-secondary); border-radius: 8px 8px 0 0; font-size: 13px; cursor: pointer; position: relative }
.site-header-top .emergency-wrap .h-emergency:after { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 11px; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); font-weight: bold; line-height: 1 }
.site-header-top .emergency-wrap .emergency-content { min-width: 260px; padding: 30px 30px 22px; background-color: #fff; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); position: absolute; top: 100%; transform: translateY(20px); left: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -khtml-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s }
.site-header-top .emergency-wrap .emergency-content a:hover { color: var(--color-primary) !important }
.site-header-top .emergency-wrap .emergency-content p { margin-bottom: 22px }
.site-header-top .emergency-wrap .emergency-content.active { opacity: 2; visibility: visible; transform: translateY(0) }
.site-header-top .header-top-item { display: flex; align-items: center; line-height: 42px; margin-left: 30px }
.site-header-top .header-top-item:first-child { margin-left: 0 }
.site-header-top .header-top-item i { color: #43d5cb; margin-right: 10px }
.site-header-top .header-top-item i.fac-phone { transform: rotate(90deg) }
.site-header-top .header-top-item .header-top-item-inner, .site-header-top .header-top-item .header-top-item-inner a { font-size: 13px; color: #f4f4f4 }
.site-header-top .header-top-left { font-size: 14px; margin: 0 15px; display: flex; align-items: center }
.site-header-top .header-top-left i { color: #fff }
.site-header-top .header-top-right { margin: 0 15px; display: flex; align-items: center }
.site-header-top .header-top-right .site-header-social a { display: inline-flex; align-items: center; justify-content: center; font-size: 13px; width: 22px; height: 22px; border-radius: 50%; background-color: var(--color-primary); color: var(--color-secondary); margin-right: 5px }
.site-header-top .header-top-right .site-header-social a:hover { transform: translateY(-2px) }
.site-header-top .header-top-right .site-header-search { padding-left: 30px; margin-left: 25px; position: relative }
.site-header-top .header-top-right .site-header-search input { padding: 3px; background: transparent; border: none; color: #eee; }
.site-header-top .header-top-right .site-header-search button.search-submit { color: #fff; background: transparent; border: none; color: #fff; font-size: 20px; }
.site-header-top .header-top-right .site-header-search:before { content: ""; display: block; width: 2px; height: 27px; background-color: rgba(255, 255, 255, 0.15); position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.site-header-main .site-tool .site-header-button { margin-left: 10px; }
.site-header-item.site-header-button i { padding-right: 5px; }
#logo img { max-height: 100px; filter: brightness(0) invert(1); margin-left: 20px; }
.chu-slider-wrapper { padding: 100px 50px; }
.chu-slider-wrapper .wsboxtitlecontent .title-box { vertical-align: inherit; text-align: left; line-height: 1.1; letter-spacing: -1px; font-weight: 700; font-size: 7vh; color: var(--color-secondary); }
.chu-slider-wrapper .wsboxtitlecontent .boxcontent { font-size: 20px; line-height: 1.4; padding: 20px 0; color: var(--color-secondary); }
.chu-icon-slider-item { display: flex; flex-direction: column-reverse; font-size: 13px; color: var(--color-secondary); align-items: center; }
.chu-icon-slider-item figure { height: 90px; width: 90px; display: inline-block; vertical-align: top; margin: 0; background: #fff; border-radius: 50%; }
.chu-icon-slider-item figure img { padding: 25px; }
.chu-icon-slider-item:hover figure { background: var(--color-primary); }
.chu-cta { margin-top: -65px; }
.chu-cta .box-item-webseo.style-2 { display: flex; flex-wrap: wrap; }
.chu-cta .box-item-webseo.style-2 .img-box { width: 70px; height: 70px; padding: 10px; }
.chu-cta .box-item-webseo.style-2 .box-item-webseo-left { width: calc(100% - 70px); }
.chu-cta-item { background: #21cdc0; color: #fff; min-height: 280px; }
.chu-cta-item.chu-cta-item-1 { background: var(--maumc); color: #fff; border-radius: 20px 0 0 20px; }
.chu-cta-item.chu-cta-item-2 { background: linear-gradient(#c59a56, #d1b385); color: #fff; }
.chu-cta-item.chu-cta-item-3 { background: var(--maumc); color: #fff; border-radius: 0 20px 20px 0; }
.chu-cta-item img { filter: brightness(0) invert(1); }
.phone-cta, .dathen-cta { display: table !important; }
.phone-cta a, .dathen-cta a { background: transparent !important; color: #fff !important; font-size: 115% !important; }
.chu-gioithieu-title h2 { line-height: 1.2; }
.chu-gioithieu-title.p-4 { font-size: 200%; color: #4a4a4a; line-height: 1.3; }
.box-item-webseo.style-2.chu-gioithieu-info { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.box-item-webseo.style-2.chu-gioithieu-info .img-box img { border-radius: 10px; padding: 7px; border: 1px solid #d0a768; }
.box-item-webseo.style-2.chu-gioithieu-info .img-box { width: 30%; }
.box-item-webseo.style-2.chu-gioithieu-info .box-item-webseo-left { width: calc(100% - 30%); padding: 20px; color: #333; font-size: 110%; text-align: justify; }
.chu-cacloaitebao { background: #ffedd1; margin-top: 100px; }
.chu-gioithieu-title p { font-size: 18px; }
.chu-kn-tbg { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; padding: 15px; -webkit-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 30px 0; background-color: #fff; position: relative; overflow: hidden; }
.chu-kn-tbg .chu-kn-tbg-item { text-align: center; color: var(--color-secondary); margin: 30px 0; }
.chu-kn-tbg .chu-kn-tbg-item img { height: 100px; width: auto; }
.chu-kn-tbg h3.title-box { font-size: 18px; }
.chu-kn-tbg .link-box a { color: var(--color-primary); }
.chu-kn-tbg h3.title-box a { color: var(--color-secondary); }
.chu-trilieu { max-width: 1000px; margin: auto; padding-bottom: 100px; }
.chu-trilieu-item-1, .chu-trilieu-item-3 { margin-top: 250px !important; }
.box-item-webseo.style-1.chu-trilieu-tbg-item { font-weight: 700; font-size: 18px; color: var(--color-secondary); }
.chu-loiich-item { background-color: #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -khtml-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -moz-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -ms-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -o-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); position: relative; margin: 15px 0px; }
.chu-loiich-item img { padding: 15px; }
.chu-loiich-item .title-box { font-size: 18px; min-height: 100px; padding: 15px !important; }
.chu-loiich-item:hover { background: #fff; border-radius: 10px; padding: 0; transform: translateY(-10px); }
.chu-loiich-item { margin-bottom: 40px; }
.chu-quytrinh-item .link-box a { color: var(--color-secondary); }
.chu-quytrinh-item .link-box { background: var(--color-primary); padding: 10px 20px; display: table; margin: 20px auto; border-radius: 40px; }
.chu-quytrinh-item { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; padding: 40px; -webkit-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 30px 0; background-color: #fff; position: relative; overflow: hidden; }
.footer-w-item button { border: 1px solid #ccc; color: #222; margin-right: 6px; padding: 0; height: 40px; width: 40px; }
.chu-icon-slider-item .vc_single_image-wrapper { padding-top: 16px; }
.chu-icon-slider-item figure img { padding: 0; height: 60px; width: 60px; }
.single.single-product article#the-post { width: 100%; padding: 0 !important; }
.vc_custom_1716323748751::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; /* Sử dụng lại ảnh nền của phần tử cha */ filter: sepia(1) hue-rotate(-50deg) saturate(300%); z-index: -1; /* Đặt dưới nội dung của phần tử cha */ }
.button-webseo-mini-cart i.fa.fa-shopping-cart { color: #ffffff; font-size: 30px; }


.section_flashsale .block-title { position: relative; margin-bottom: 20px; border-bottom: 1px solid rgba(43, 47, 51, 0.2); padding-bottom: 15px }
.section_flashsale .block-title:before { content: ""; width: 130px; height: 3px; background: var(--maincolor); position: absolute; bottom: -1px; left: 0 }
.section_flashsale .block-title h2 { font-size: 20px; font-weight: 700; display: inline-block; line-height: 1; margin-bottom: 0 }
.section_flashsale .block-title .thump-flash { display: inline-block; margin-left: 20px; position: relative; top: -2px }
.section_flashsale .block-title .view_more { position: absolute; right: 0; top: 3px }
.section_flashsale .block-title .view_more:hover svg path { fill: var(--maincolor) }





/* header top */
.header-style-2 { background: #fdcd02; }
.header-style-2 .header-left.header-logo { width: 200px; }
.header-style-2 .header-right { display: flex; }
.header-style-2 .header-right .goimuahang, .header-style-2 .header-right .pop_login { display: flex; flex-wrap: wrap; width: 150px; margin-right: 15px; }
.header-style-2 .header-right .thumb { width: 40px; }
.header-style-2 .header-right .thumb i { font-size: 30px; }
.header-style-2 .header-right .info-num { width: calc(100% - 40px); display: flex; flex-direction: column; }
.header-style-2 .header-right .info-num span { font-size: 80%; }
.header-style-2 .header-right .goimuahang .info-num a { font-weight: 700; font-size: 14px; }
.header-style-2 .webseo-mini-cart { width: 55px; }
.header-style-2 .button-webseo-mini-cart i.fa.fa-shopping-cart { color: #212529; }
.header-style-2 .button-webseo-mini-cart .basket-item-count { background: #ff1100; font-size: 12px; padding-left: 5px; color: #fff; height: 18px; width: 18px; right: 0; top: 0; }
.header-center { width: calc(100% - 585px); }
.timkiem-sp { background: #fff; margin: 0 30px; border-radius: 5px; }
.timkiem-sp form { border-radius: 10px; overflow: hidden; }
.timkiem-sp input[type="text"] { width: calc(100% - 50px); border: none; color: #222; }
.timkiem-sp button.search-button { height: 40px; width: 40px; border: none; font-size: 24px; color: #777; background: transparent; }
.timkiem-sp button.search-button:hover { color: #000; }
.site-header-search form { display: flex; margin: 0 auto; max-width: 800px; padding: 0 30px; }
.site-header-search form input[type="text"] { width: calc(100% - 50px); border-radius: 5px 0 0 5px; }
.site-header-search button.search-submit { background: #f68f00; border: none; height: 48px; width: 50px; font-size: 20px; border-radius: 0 5px 5px 0; color: #fff !important; }
.header-wrapper-menu-center { display: flex; padding: 5px 0; justify-content: space-between; align-items: center; }
.header-wrapper-menu-center .product-category-menu { width: 330px; }
#slider-ws-wrapper { background: url(/wp-content/themes/hkt-simple-child/assets/images/slide-3.webp) no-repeat bottom center; background-size: cover; height: 500px; clear: both; padding: 90px; }
#slider-ws-wrapper .slider-wrapper .post-image img, #slider-ws-wrapper .slider-wrapper .post-image { max-height: 400px; width: auto; }
#slider-ws-wrapper .slider-wrapper .container { padding: 0; position: relative; }
#slider-ws-wrapper .slide-item { position: relative; overflow: hidden; }
#slider-ws-wrapper .post-image img { transform: translateX(100%); animation: slideInImage 1s ease-in-out forwards; }
@keyframes slideInImage {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}
#slider-ws-wrapper .content-container { opacity: 0; transform: translateX(-100%); animation: slideInText 1s ease-in-out 1s forwards; }
@keyframes slideInText {
    0% { opacity: 0; transform: translateX(-100%); }
    100% { opacity: 1; transform: translateX(0); }
}
#slider-ws-wrapper .slider-wrapper .slide-item-group h2 { font-size: 4rem; color: #fff; font-weight: 700; text-shadow: 1px 2px 3px #000; }
#slider-ws-wrapper .slider-wrapper .slide-item-group p { font-size: 1.4rem; text-shadow: 1px 1px 1px #000; }
#slider-ws-wrapper .slider-wrapper .hkt-btn { background: #fff; padding: 14px 30px; font-weight: 700; }
.box-home-1 img {
    width: 100%;
    height: auto;
    aspect-ratio: 700 / 342;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
}




.category-product-left .widget {
    margin-bottom: 40px;
}


.product-category-menu { position: relative; }
.category-btn { background-color: transparent; color: white; padding: 10px 20px; border: none; cursor: pointer; font-size: 16px; border-radius: 4px; transition: background-color 0.3s ease; }
.category-btn:hover { background-color: #005880; }
.category-dropdown, .sub-category-dropdown { display: none; /* Ẩn menu ban đầu */ position: absolute; background-color: #ffffff; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 999; padding: 10px 0; list-style: none; margin: 0; border-radius: 4px; transition: all 0.3s ease; }
.category-item { position: relative; }
.category-item > a { color: #333; width: 100%; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; text-decoration: none; transition: background-color 0.3s ease; }
.category-item > a:hover { background-color: #f1f1f1; color: #f68f00; }
.sub-category-dropdown { top: 0; left: 100%; margin-left: 1px; }
.category-item:hover > .sub-category-dropdown { display: block; animation: fadeIn 0.3s ease forwards; background: #eee; border-radius: 0; margin-left: 0; box-shadow: none; }
.category-item:hover > .sub-category-dropdown  li { padding: 8px 15px; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Icon mũi tên cho danh mục cha có danh mục con */
.category-item > a:after { content: '\203A'; /* Mũi tên phải */ font-size: 14px; color: #333; margin-left: 10px; }
.category-item:hover > a:after { transform: rotate(90deg); /* Xoay icon để chỉ xuống khi hover */ }

/* Icon mũi tên cho danh mục con */
.sub-category-dropdown > li > a:before { content: '\25B6'; /* Dấu chấm tròn */ font-size: 12px; color: #333; margin-right: 10px; }
.header-wrapper-menu-center .product-category-menu { width: 350px; }
.button-hotline-header { width: 150px; }
.button-hotline-header a { color: #fff; padding: 10px 15px; border-radius: 5px; }
.button-hotline-header a:before { font-family: 'FontAwesome'; content: "\f095"; font-size: 1.2rem; color: var(--main-color); margin-right: 10px; }
.product_poli_wrap .item { font-size: 16px;    border-radius: 7px; }
#mew_cate_1 li.product-category.product.last { margin-right: 0; }
#mew_cate_1 li.product { border: 1px solid #ddd; border-radius: 10px; padding-top: 10px; padding-bottom: 10px; margin: 0 2% 2.992em 0; width: 10.75%; }
#mew_cate_1 li.product a img { height: 70px; padding: 5px; margin: auto; width: auto; border-radius: 20px; }
#mew_cate_1 mark.count { display: none; }
.flash_sale { background: linear-gradient(#f68f00 10%, #ffffff00); border-radius: 10px 10px 0 0; padding: 15px; }
.your_sale { background: linear-gradient(#ffffff00 10%, #f68f00); border-radius: 10px 10px 0 0; padding: 15px; }
.flash_sale .cl_tit_fl a { color: #fff; }
.flash_sale .cl_tit_fl img { height: 40px; }
.flash_sale .cl_tit_fl { font-size: 24px; color: #fff; }
.flash_sale .woocommerce li { background: #fff; border-radius: 5px; }
.products-category { padding: 15px 0; background: #fff; margin: 0; }
.products-category ul.products li.product { background: #fff; box-shadow: 1px 2px 3px #ddd; border-radius: 5px; }
.products-category .box-product-title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.products-category .box-product-title .read-more:hover { background: #ffc107; }
.products-category .box-product-title h2 { font-size: 24px; }
.products-category .box-product-title .read-more { border: 2px solid #ccc; background: #f5f5f5; padding: 2px 15px; border-radius: 50px; }
.news-home .post-box-title a { font-weight: 700; }
.news-home .view-more { background: #fdcd02; display: grid; padding: 8px 16px; width: 115px; }
.news-home .hkt-posts { padding: 15px; background: #fff; }
#stp-pantners .carousel-item .camnhan-item { width: 50%; float: left; padding: 15px; }
#stp-pantners { padding: 20px 0; }
#stp-pantners .title-about-stp { color: #222; font-weight: 700; font-size: 23px; }
.camnhankh { background: #fff; padding: 15px; }
.camnhankh .carousel-indicators li { background-color: #000; }
.camnhankh .caption-cn { background: #eee; padding: 15px; position: relative; border-radius: 9px; font-style: italic; margin-bottom: 30px; }
.camnhankh .caption-cn:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #eee; border-bottom: 10px solid transparent; position: absolute; bottom: -20px; left: 30px; content: ""; z-index: 999; }
.camnhankh .camnhan-info { display: flex; justify-content: space-between; }
.camnhankh .ten-user { display: flex; }
.camnhankh .camnhan-info .ten-user img { border-radius: 50%; width: 50px }
.camnhankh .ten-user .info-user { padding-left: 15px; }
.camnhankh .ten-user .info-user .ten { font-size: 18px; font-weight: 700; }
.camnhankh .ten-user .info-user .chucdanh { color: #777; margin-top: 5px; font-size: 90%; font-style: italic; }
.camnhankh .star-danhgia i { color: #febb17; }
.camnhankh .carousel-indicators { bottom: -15px; }
.site-header-social i { color: #fff; font-size: 18px; }
.header-minicart { position: relative; }
.header-minicart i { font-size: 30px; color: #fff; }
.header-minicart .numb-order { position: absolute; top: -6px; left: 20px; z-index: 9; font-size: 80%; background: red; width: 20px; height: 20px; color: #fff; display: flex; border-radius: 50%; align-items: center; justify-content: center; }
.header-minicart .numb-order a { color: #fff; }
.chu-icon-slider-item h2 { font-size: 1rem; font-weight: 700; }
.chu-cta-item .title-box { color: #fff; }
.chu-cta-item .caption-box img { width: 30px; }
.navigation > ul > .current a, .navigation > ul > .current-menu-item a, .navigation ul li:hover > a { background: transparent; color: #FF9800; }
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { color: #fff; background: #000; }
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span { padding: 0 12px; }
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) { border-radius: 30px; }
input.qty_button.minus, .quantity input.qty_button { background: transparent !important; }
.giay-chung-nhan-item { position: relative; overflow: hidden; }
.giay-chung-nhan-item a { display: block; position: relative; z-index: 2; /* Đảm bảo rằng link có z-index cao */ }
.giay-chung-nhan-item img { height: 100%; width: 100%; border: 2px solid #ffe8c9 !important; transition: all 0.3s ease; }
.giay-chung-nhan-item h2.wpb_heading { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 20px; background-image: linear-gradient(#ff000000, #fff6ea, #ffd191); z-index: 3; /* Tiêu đề có z-index cao hơn link */ }
.giay-chung-nhan-item figure { position: relative; }
.giay-chung-nhan-item figure::before { content: "\f002"; /* Mã Unicode của biểu tượng kính lúp */ font-family: FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0); font-size: 2rem; transition: all 0.3s ease; z-index: 4; /* Đảm bảo biểu tượng kính lúp nằm trên */ pointer-events: none; /* Đảm bảo không chặn sự kiện chuột */ }
.giay-chung-nhan-item figure::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: all 0.3s ease; z-index: 1; /* Lớp phủ có z-index thấp nhất */ pointer-events: none; /* Đảm bảo không chặn sự kiện chuột */ }
.giay-chung-nhan-item figure:hover img { opacity: 0.5; }
.giay-chung-nhan-item figure:hover::after { background-color: rgba(0, 0, 0, 0.8); }
.giay-chung-nhan-item figure:hover::before { color: rgba(255, 255, 255, 1); }
.lb-data .lb-close { position: fixed; top: 15px; right: 15px; z-index: 999; }
@media screen and (max-width:575px) {
    .giay-chung-nhan-col { width: 50%; float: left; }
    .giay-chung-nhan-item h2.wpb_heading { font-size: 12px; padding: 10px; }
}
.ads-quangcao img { padding: 0; margin: auto; width: 100%; height: auto; aspect-ratio: 4 / 2; object-fit: cover; object-position: center; border-radius: 6px; }
#site-footer i.fa { font-size: 18px; padding-right: 0px; color: #fff !important; text-align: center; }
#site-footer { background: #3e3e3e; }

/* RESPONSIVE */
@media screen and (min-width:1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1550px; }
    .site-header-search form { min-width: 600px; }
}
@media screen and (min-width:1400px) {
    .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 18.50%; margin: 0 1.5% 1.5% 0; }
}
@media screen and (max-width:1400px) { }
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {
    .tl-logo { width: 180px; }
    .tl-header-right { width: 50px; }
    .tl-menu-wrapper-center { width: calc(100% - 230px); }
    .content.single.shop_page { display: flex !important; flex-direction: row-reverse !important; padding-top: 20px; }
    .header-main { padding-top: 10px; }
    #hkt-navigation { background-color: transparent; width: calc(100% - 500px); }
    .navigation a { color: #fff; font-size: 15px; font-weight: 700; text-transform: none; }
    .navigation ul li:first-child, .navigation ul li { border: none; }
    .products-category-ws .products-category:nth-child(even) { display: flex; flex-direction: row-reverse; }
    .timkiem-sp-mobile { display: none; }
    .sidebar-wrapper { padding: 0; max-width: 240px; width: 240px; -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; }
    .content-wrapper { max-width: calc(100% - 240px); width: calc(100% - 240px); flex: 0 0 calc(100% - 240px); }
}
@media screen and (max-width:991px) {
    .header-main .header-center { width: calc(100% - 285px); display: flex; justify-content: flex-end; padding-right: 25px; }
    .timkiem-sp.timkiem-sp-pc, .timkiem-sp-mobile .dropdown-toggle::after, .header-style-2 .header-right .goimuahang { display: none; }
    .timkiem-sp-mobile button { border: none; background: transparent; font-size: 27px; }
    .header-style-2 .header-right .info-num { display: none; }
    .header-style-2 .header-right .pop_login { width: 40px; }
    .header-style-2 .header-left.header-logo { width: 130px; height: 60px; display: flex; align-content: center; align-items: center; }
    .header-style-2 .header-right .goimuahang, .site-header-top { display: none }
    .timkiem-sp { width: 100%; margin: 0; border-radius: 5px; }
    .home-box.home-box-ads1 { margin: 10px 0 !important; }
    .home-box.home-box-ads1 .col-md-6 { width: 50%; padding: 0 5px; }
    .product_poli .media-body { font-size: 80%; }
    .product_poli .col-6.col-lg-3 { padding: 1px !important; margin: 0 !important; }
    #mew_cate_1 li.product { border: 1px solid #ddd; border-radius: 10px; padding-top: 10px; padding-bottom: 10px; margin: 0 2% 2% 0; width: 23%; }
    .site-header-top .header-top-item { margin-left: 0; }
    .header-top-item.header-top-item-2, .header-top-item.header-top-item-3, .site-header-social, .header-top-item.header-top-item-1 span { display: none; }
    .site-header-top .header-top-right .site-header-search { padding-left: 5px; margin-left: 0; position: relative; }
    .tl-header-wrapper { justify-content: space-between; }
    #logo img { height: 60px; }
    .chu-slider-wrapper { padding: 0 50px; }
    #mobile-nav-toggle { display: inline; color: #fff; }
    .box-home-1-center .card.my-3.rounded {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.box-home-1 img {
    border-radius: 0;
}
.box-home-1-right {
    display: flex;
    flex-wrap: wrap;
}
.box-home-1-right div {
    width: 50%;
    margin: 10px 0 !important;
}

}
@media screen and (max-width:768px) {
}
@media screen and (max-width:575px) {
    #mew_cate_1 li.product { width: 48%; }
    #mew_cate_1 .title { font-size: 20px; text-align: center; padding-top: 11px; }
    #flash_sale .cl_tit_fl { font-size: 20px; }
    #mew_cate_1 .container { padding: 0; }
    .woocommerce ul.products li.product a img { height: auto; }
    #flash_sale .woocommerce li, .products-category ul.products li.product { background: #fff; border-radius: 5px; margin: 1% !important; }
    .woocommerce ul.products li.product .price { font-size: 14px; }
    .products-category { padding: 0; background: #fff; margin: 0; }
    .box-ads-category { padding: 0; }
    .chu-slider-wrapper .wpb_column.vc_column_container.vc_col-sm-3 { width: 25%; float: left; }
    .chu-icon-slider-item figure { height: 70px; width: 70px; }
    .chu-icon-slider-item figure img { padding: 0; height: 45px; width: 45px; }
    .chu-icon-slider-item .vc_single_image-wrapper { padding-top: 12px; }
    .chu-icon-slider-item h2 { font-size: 0.7rem; font-weight: 700; }
    .chu-cta-item.chu-cta-item-1, .chu-cta-item.chu-cta-item-3 { border-radius: 0; }
    .box-item-webseo.style-2.chu-gioithieu-info .box-item-webseo-left, .box-item-webseo.style-2.chu-gioithieu-info .img-box { width: 100%; font-size: 110%; padding: 0; }
    .box-item-webseo.style-2.chu-gioithieu-info { flex-direction: column; }
    .chu-gioithieu-title.p-4 { line-height: 1.3; margin-bottom: 20px; padding: 0 !important; }
    .box-item-webseo.style-2.chu-gioithieu-info .caption-box p { text-align: justify; line-height: 1.6; }
    .box-news .itemnews h4 { font-size: 1rem; margin-bottom: 30px; }
    .active-coupons li { font-size: 0.8rem; }
}