/*
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.   ***************/
body {
	max-width: 100%;
	overflow: hidden;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.blog-single  .entry-header .entry-header-text {
	padding-bottom: 0;
}
.entry-content.single-page {
	padding-top: 0;
}
.product-small.box .box-image img {
	height: 220px;
	object-fit: contain;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin: 7px 0;
}
.product-small.box del,
.product-small.box del * {
	font-size: 14px;
}
.loop-mt {
    color: rgb(0, 181, 23);
    padding: 13px 0px 5px;
    font-size: 10px;
    text-align: right;
}
.loop-mt span {
    background: url(images/icon-deli.png) 0 0 no-repeat;
    width: 22px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    background-size: 100%;
}
.badge-container.absolute .badge-inner {
    border-radius: 4px !important;
}
.badge-container.absolute .badge {
    height: 1.8em;
}
.badge-container.absolute.left {
    right: 10px;
    left: initial;
    top: -20px;
}
.box-text-products .category {
    display: none;
}
.price-wrapper .price {
    padding: 5px 0 0;
}
.giatot {
    background: url(images/anhkhuyenmai.png) 0 0 no-repeat;
    height: 23px;
    width: 117px;
    background-size: 100%;
}
/* */
.blog-home .badge.post-date{
    top: initial;
    bottom: 105px;
    left: 9px;
}
#wide-nav .header-bottom-nav.nav > li > a > i {
    display: block;
    text-align: center !important;
    width: 100%;
	margin-bottom: 6px;
	padding-top: 7px;
}
/* */
.page-id-551 .page-title-bar {
    display: none;
}
.row-popup,
.row-popup .small-12,
.row-popup .small-12 > .col-inner {
    border-radius: 10px;
}
#popup.lightbox-content,
.row-popup,
.row-popup .small-12 {
	background: none !important;
}
.row-popup .button span {
    color: rgb(221, 51, 51);
}
.yith-wcan-color li a {
    width: 30px !important;
    height: 30px !important;
}
.page-title-bar a,
.page-title-bar span {
	font-size: 14px;
}
/* */
.list-tskt {
    border: 1px solid #e1e1e1;
    padding: 0 !important;
}
.list-tskt h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    background: #ebebeb;
    color: #000;
    text-align: center;
}
.item-tskt {
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
}
.item-tskt span {
    width: 150px;
    display: block;
    font-size: 14px;
    float: left;
}
.item-tskt b {
    font-size: 14px;
    float: left;
    width: calc( 100% - 150px );
    display: block;
}
/* */
.product-short-description {
    border: #e11b1e solid 1px;
    border-radius: 4px;
    padding: 25px 20px 10px;
    position: relative;
    margin: 20px 0;
    width: 100%;
    overflow: auto;
    max-height: 200px;
}
.product-short-description ul {
    margin: 0;
    padding: 0 0 0 0px;
    list-style: disc;
}
.product-short-description ul li {
    line-height: 25px;
    color: red;
    margin-bottom: 5px;
    font-size: 14px;
}
.product-short-description p {
    margin-bottom: 7px;
}
.nova_promotion_wrapper {
    position: relative;
    margin-top: 35px;
}
.nova_promotion_wrapper .header {
    background: #e11b1e;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: -13px;
    left: 10px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 0 15px;
    text-transform: uppercase;
    width: 145px;
}
.nova-policy {
    display: block;
    overflow: hidden;
    border: 1px solid #eee;
    padding-bottom: 5px;
    padding-left: 0;
    margin: 0 0 10px 0;
    padding-top: 10px;
    list-style: none;
}
.nova-policy li {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 5px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0 10px;
    border-bottom: solid 1px #eee;
    position: relative;
}
.nova-policy li:last-child {
    border: 0;
}
.nova-policy li a {
    color: red;
}
.single .product-main > .content-row {
    background: #fff;
    padding-top: 15px;
    max-width: 1210px;
}
.single .product-main .thwvsf-wrapper-ul .thwvsf-wrapper-item-li.attr_swatch_design_default {
	height: 35px;
	width: 35px;
}
.product-footer .woocommerce-Tabs-panel div,
.product-footer .woocommerce-Tabs-panel p {
	font-size: 14px;
}
.related.related-products-wrapper {
	border: none;
	padding-bottom: 40px;
}
.related.related-products-wrapper .product-section-title {
	max-width: 1210px;
}
/* */
#shop-sidebar .widget {
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
}
.widget_price_filter .price_label {
    display: block;
    min-width: 100%;
    text-align: left;
    clear: both;
}
.widget_price_filter .button{
    float: initial !important;
    display: block;
    margin: 0 auto 15px;
    width: 90px;
}
body .widget_price_filter .ui-slider .ui-slider-handle,
body .widget_price_filter .price_slider_amount .button {
	background: #dd3333;
}
#shop-sidebar .product_list_widget del * {
	font-size: 12px;
}
#shop-sidebar .product_list_widget ins *{
	font-size: 14px;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before  {
    display: none;
}
.nav-dropdown-has-arrow li .icon-angle-down {
    position: absolute;
    bottom: -5px;
}
.product-info .price-wrapper {
    margin-bottom: 40px;
}
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a{
    margin: 0 !important;
    padding: 7px 10px !important;
}
body.nav-dropdown-has-border .nav-dropdown a:hover {
    background: #dd3333;
    color: #fff;
}
.tax-product_cat .page-title-bar {
    display: none;
}
.product-container {
    background-color: #fff;
}
#header .form-flat input:not([type="submit"]) {background-color:#fff;}
.page-title-bar {padding:10px 0; }
.product-main .large-6 {max-width:40%; flex-basis:40%}
.product-main .large-2 {max-width:25%; flex-basis:25%}
.product-main .flickity-viewport {height:440px;}
.at-title-product .section-title-normal {
    padding-bottom: 15px;
}
.at-title-product .section-title-normal span.section-title-main {
    bottom: -15px;
}
/* Styling chung cho tiêu đề section */
.section-title-normal {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Đẩy Tiêu đề sang trái, Cụm danh mục + Xem tất cả sang phải */
  border-bottom: 1px solid #fe9d97;
  padding-bottom: 9px;
  position: relative;
  gap: 15px;
}

/* Tiêu đề chính "MÀN HÌNH VI TÍNH" */
.section-title-normal span.section-title-main {
  color: #b92017;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid #01458e;
  position: relative;
  bottom: -9px; /* Trùng đường border đáy */
  padding-bottom: 7px;
  white-space: nowrap;
}

/* Thanh chứa các danh mục con (dạng pill xám) */
.hpt-show-cats {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 3px;
  background-color: #eef0f2;
  border-radius: 20px;
  margin-left: auto; /* Đẩy sát cụm này và nút Xem tất cả về phía bên phải */
}

.hpt_hdevvn_cats {
  margin: 0;
  padding: 0;
}

.hpt-show-cats li.hpt_hdevvn_cats {
    margin-left: 0;
}
.hpt_hdevvn_cats a {
  display: inline-block;
  padding: 6px 20px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  border-radius: 16px;
  white-space: nowrap;
  transition: all 0.2s ease;
  font-weight: normal;
}

/* Hiệu ứng item active/hover dạng thẻ trắng */
.hpt_hdevvn_cats:first-child a,
.hpt_hdevvn_cats a:hover {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Nút "Xem tất cả" nằm sát ngay bên phải cụm hpt-show-cats */
.section-title-normal > a:last-child {
  color: #dc291f;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 12px; /* Khoảng cách sát vừa đủ với cụm danh mục xám */
}

/* --- Responsive Scroll Ngang cho Tablet & Mobile (<= 991px) --- */
@media (max-width: 991px) {
  .section-title-normal {
    flex-wrap: nowrap; /* Giữ chung trên 1 hàng hoặc cuộn */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .hpt-show-cats {
    margin-left: auto;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
  }

  /* Ẩn scrollbar thô trên thiết bị di động */
  .hpt-show-cats::-webkit-scrollbar,
  .section-title-normal::-webkit-scrollbar {
    display: none;
  }
  .hpt-show-cats,
  .section-title-normal {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

.product-title {text-align:left; font-weight:600;}
.price-wrapper {text-align:left;}
.has-shadow>.col>.col-inner {background-color: #FFF; border-radius:8px;} 
.product-small.box {border-radius:8px; background-color:#fff;}
span.amount {color: #E00024;}
del span.amount {color:#333;}
.box-blog-post .is-divider {display:none;}
#footer p {margin-bottom: 5px;}
#footer ul {list-style: none;}
#footer li {margin-bottom: 5px; margin-left: 0;}
.header-bottom-nav > li > a {justify-content:center;}
.stuck .header-bottom {background-color:#dd3333;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {font-weight:500;}
.product-small .box-image {border-radius:8px 8px 0px 0px;}
.box-text-products {padding:0;}
.has-shadow .box-text {padding:0;}
.product-sidebar-small .is-divider {margin-left:0;}
.title {display:none;}
.woocommerce-breadcrumb {display:none;}
.thwvsf-wrapper-ul .attribute_pa_dung-luong {min-width:55px !important;}
.thwvsf-wrapper-ul .thwvsf-label-li.attr_swatch_design_default .thwvsf-item-span.item-span-text {font-size:13px; padding:0 !important}
.single_add_to_cart_button {background-color: none !important; opacity:1.1 !important; background: linear-gradient(#f52f32, #e11b1e);}
.button.icon.is-small {color:#000;}
.nav-left .header-button {position:absolute; left:-165px; top:25px;}
#logo {position:relative; }
.header-main .icon-inner {margin-top:7px;}
.menu-col1 .widget {margin-bottom:0; font-size:14px;}
.icon-angle-down {position:relative !important;}
.icon-col1 .icon-box-text {padding-left:5px !important}
.sanpham-row2 {background: linear-gradient(to right bottom, rgb(44, 122, 253), rgb(248, 248, 248)); border-radius:10px;}
.rad-pic img {border-radius:15px;}
.rad-pic .box-shadow-3 {border-radius:15px}
#footer {box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;}
#wide-nav>.flex-row>.flex-left {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}

#mega_menu {
margin-top: 20px;}
.menu-item img._before {width:20px;}
.icon-col1 .icon-inner {margin-top:8px;}
body .TextCaptions .item {
line-height: 20px;
    padding: 10px 0 !important;
height: 60px;
}
.menu-item img {
    height: 16px;
    padding: 0 !important;
} 
.welcome {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 7px 80px 7px 10px;
    position: relative;
    bottom: -3px;
    text-transform: uppercase;
    font-size: 14px;
}
.header-top .nav li a {
    color: var(--primary-color);
    font-size: 12px;
}
/* Chuyển thẻ <a> thành Flexbox để điều chỉnh thứ tự hiển thị */
.header-top .nav li a {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* Khoảng cách giữa icon và chữ */
  text-decoration: none;
}

/* Đưa icon lên trước (order nhỏ hơn) */
.header-top .nav li a i {
  order: 1;
}

/* Đưa chữ Giỏ hàng ra sau */
.header-top .nav li a span {
  order: 2;
}

.box-hotline {
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 10px 10px 25px;
    position: relative;
}
.box-hotline:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(images/ic-phone.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 30%;
    left: -15px;
}
.box-hotline span {
    display: block;
    font-size: 12px;
    color: #444444;
}
.box-hotline a {
    font-weight: bold;
    font-size: 12px;
    color: #DC291F;
}
.register {
    background-color: #FE9D97;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    color: var(--primary-color);
    width: 142px;
    text-align: center;
}
.register a {
    color: var(--primary-color);
}
#mega-menu-wrap {
    background-color: #B92017 !important;
}
#mega-menu-title {
    padding: 13px 0 13px 15px !important;
    text-transform: uppercase;
}
#mega_menu {
    margin-top: 0 !important;
    box-shadow: 0px 0px 12px 0px hsl(32.73deg 94.02% 54.12% / 20%);
    border-radius: 4px;
}
.deal a {
    background-image: url(images/image-766.png);
    display: block;
    width: 249px;
    height: 52px;
    position: absolute;
    top: -35px;
    right: -35px;
    text-indent: -9999px;
}
.row-small-custom .row, 
.row-small-custom {
    margin: 0 -5px !important;
}
.row-small-custom .col {
    padding: 0 5px;
}
.row-small-custom .col .img {
    margin-bottom: 10px;
}

@media (min-width: 850px) {
    .row-banner-custom .col.medium-3 {
        max-width: 24%;
        flex-basis: 24%;
    }
    .row-banner-custom .col.medium-9 {
        max-width: 76%;
        flex-basis: 76%;
    }
    .row-10 > .col {
        max-width: 10%;
        flex-basis: 10%;
    }
}


.product-small .col-inner {
    border: 1px solid #D9D9D9 !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.25s ease;
    position: relative;
}
.product-small .col-inner:hover {
    box-shadow: 0 0px 12px 0 rgba(0,0,0,0.20);
}

/* =========================================
   ẨN FLATSOME DEFAULTS BỊ TRÙNG
   ========================================= */
.product-small .badge-container {
    display: none !important;
}
.product-small .image-tools.is-small {
    display: none !important;
}
.product-small .box-text > .add_to_cart_button.button,
.product-small .box-text > .button.add_to_cart_button,
.product-small .box .add-to-cart-button,
.product-small .image-tools .add_to_cart_button {
    display: none !important;
}

/* =========================================
   TITLE WRAPPER
   Mặc định: nền trắng, chữ đen
   Hover: nền navy #1B3A6B, chữ trắng
   ========================================= */
.product-small .box-text .title-wrapper {
    padding: 12px 14px 8px 14px;
    margin: 0;
    transition: background-color 0.3s ease;
    border-radius: 0;
}
/* Nếu box-text có padding, cần full-bleed title */
.product-small .box-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
.product-small .box-text .title-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.product-small:hover .col-inner .box-text {
    background-color: #CFE6FE;
}


.product-small .box-text .title-wrapper .product-title,
.product-small .box-text .title-wrapper .product-title a,
.product-small .box-text .title-wrapper > a {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1a1a;
    text-decoration: none !important;
    display: block;
    transition: color 0.3s ease;
}

.product-small .col-inner:hover .box-text .title-wrapper .product-title,
.product-small .col-inner:hover .box-text .title-wrapper .product-title a,
.product-small .col-inner:hover .box-text .title-wrapper > a {
    color: #01458E !important;
}

/* =========================================
   PRICE WRAPPER
   ========================================= */
.product-small .box-text .price-wrapper {
    padding: 4px 14px 0 14px;
    position: relative;
    padding-right: 50px; /* chừa chỗ cho nút + */
}
.product-small .box-text .price-wrapper .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
/* Giá hiện tại (sale) */
.lien-he-price, 
.product-small .box-text .price-wrapper .price ins {
    text-decoration: none !important;
    font-weight: bold;
    font-size: 14px;
    color: #E00024;
    order: 1;
}
.product-small .box-text .price-wrapper .price > .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 17px;
    color: #C62828;
}
/* Giá gốc */
.product-small .box-text .price-wrapper .price del {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    order: 2;
}
.product-small .box-text .price-wrapper .price del .woocommerce-Price-amount {
    font-size: 14px;
    color: #999;
    opacity: 1;
}

/* =========================================
   BADGE "Giảm X%" - pill hồng nhạt
   ========================================= */
.cpc-sale-badge {
    display: inline-block;
    background-image: url(images/bg-sale.png);
    width: 59px;
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
    line-height: 1.5;
    vertical-align: middle;
    margin-left: 2px;
    border-radius: 0;
    margin-top: 3px;
}

/* =========================================
   NÚT "+" TRÒN CORAL
   ========================================= */
.cpc-plus-btn {
    position: absolute !important;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 32px;
    background: #FE9D97 !important;
    color: #B92017 !important;
    border-radius: 50% !important;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    text-decoration: none !important;
    transition: background 0.2s, transform 0.2s;
    box-shadow: 0 2px 6px rgba(255,112,67,0.3);
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    z-index: 2;
    margin: 0;
}
.product-small.box:hover .cpc-plus-btn {
    background: #B92017 !important;
    transform: translateY(-50%) scale(1.1);
    color: #fff !important;
}

/* =========================================
   BOTTOM ROW: "Có hàng" + "Giỏ hàng"
   Luôn hiển thị, hover đổi style
   ========================================= */
.cpc-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 8px 14px 12px;
    border-top: 1px solid #F0F0F0;
    font-size: 13px;
}

/* --- "Có hàng" mặc định --- */
.cpc-stock.cpc-in-stock {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #01458E;
    font-weight: 500;
    font-size: 12px;
    padding: 4px 0;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.cpc-check-icon {
    transition: color 0.3s ease;
}
.cpc-stock.cpc-out {
    color: #aaa;
    font-size: 13px;
}

/* --- "Có hàng" HOVER => pill xanh dương --- */
.product-small .col-inner:hover .cpc-stock.cpc-in-stock {
    background: #01458E;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 600;
}

/* --- "Giỏ hàng" mặc định --- */
.cpc-cart-link {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #DC291F !important;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none !important;
    transition: color 0.3s ease;
    white-space: nowrap;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
.cpc-cart-icon {
    transition: stroke 0.3s ease;
}

/* --- "Giỏ hàng" HOVER => đỏ đậm --- */
.product-small .col-inner:hover .cpc-cart-link {
    color: #DC291F !important;
    font-weight: 600;
}

ul.product_list_widget li {
    font-size: 14px;
}


.row-10 > .col {
    padding: 0 5px;
}
.row-10 > .col .icon-box {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px 5px;
}
.row-10 > .col .icon-box:hover {
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
}
.row-10 > .col .icon-box:hover * {
    color: var(--primary-color);
    font-weight: bold;
}
.row-10 > .col .icon-box:hover img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(91%) saturate(2338%) hue-rotate(200deg) brightness(92%) contrast(101%);
    transition: filter 0.3s ease; /* Thêm hiệu ứng chuyển màu mượt mà */
}


.deal-hot-header .deal-title:before {
    content: '';
    display: inline-block;
    width: 46px;
    height: 76px;
    background-image: url(images/hot-deal.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.deal-hot-header .deal-title:after {
    content: '';
    display: inline-block;
    width: 33px;
    height: 15px;
    background-image: url(images/hot.png);
    position: relative;
    top: -20px;
    right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.section > .section-content > .row > .col {
    padding-bottom: 0;
}
.social-custom p, .social-custom img {
    margin-bottom: 0 !important;
}
.wpcf7-form {
    margin-bottom: 0;
}
.row-contact {
    display: flex;
    align-items: center;
}
.row-contact input.wpcf7-form-control {
    margin-bottom: 0;
    border-radius: 99px;
    box-shadow: none;
}
fieldset {
    margin-bottom: 0;
}
.row-contact p {
    margin-bottom: 0 !important;
}

/* Reset kiểu danh mục layered nav */
.woocommerce-widget-layered-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-widget-layered-nav-list__item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

/* Kiểu chữ cho thẻ a */
.woocommerce-widget-layered-nav-list__item a {
  color: #333;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 15px;
}

/* 1. Trạng thái CHƯA CHỌN: Tạo ô vuông viền xám nhẹ (Checkbox trống) */
.woocommerce-widget-layered-nav-list__item a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 4px; /* Bo góc nhẹ chuẩn kiểu checkbox */
  margin-right: 10px;
  box-sizing: border-box;
  background-color: #fff;
  transition: all 0.2s ease;
  flex-shrink: 0;
  position: relative;
  top: 4px;
}

/* Hiệu ứng hover nhẹ khi di chuột vào mục chưa chọn */
.woocommerce-widget-layered-nav-list__item a:hover::before {
  border-color: #0073aa;
}

/* 2. Trạng thái ĐÃ CHỌN (.chosen): Nền xanh dương + Dấu tích màu trắng */
.woocommerce-widget-layered-nav-list__item.chosen a::before,
.wc-layered-nav-term.chosen > a::before {
  content: '✓' !important; /* Dấu tick */
  color: #ffffff !important;
  background-color: #007bff; /* Màu xanh dương chuẩn trong ảnh */
  border-color: #007bff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  opacity: 1 !important;
  border-radius: 4px !important;
  top: 0;
}

/* Format cho phần số lượng count "(1)" */
.woocommerce-widget-layered-nav-list__item .count {
  color: #777;
  margin-left: 5px;
  font-size: 14px;
}


/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 849px) {
    .product-small .box-text .title-wrapper {
        padding: 10px 10px 6px;
    }
    .product-small .box-text .price-wrapper {
        padding: 4px 10px 0;
        padding-right: 44px;
    }
    .cpc-plus-btn {
        right: 10px;
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 20px;
    }
    .cpc-bottom-row {
        padding: 8px 10px 10px;
    }
    .product-small .col-inner:hover .cpc-stock.cpc-in-stock {
        padding: 3px 8px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
        padding: 0 5px 10px;
    }
    .deal-hot-card .card-stock {
        font-size: 12px;
    }
    .deal-hot-header {
        gap: 5px;
    }

    .deal-hot-header .deal-title:after {
        display: none;
    }
}