/*!
Theme Name: Bigsoft v2
Theme URI: https://bigsoft.com.vn/
Author: Bigsoft
Author URI: https://bigsoft.com.vn/
Description: Đơn vị thiết kế website chuyên nghiệp
Version: 2.0.0-test
Text Domain: bigsoft
*/

body {
  margin: 0;
  font-family: "Roboto" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  color: #000 !important;
  text-align: left;
  background-color: #fff !important;
  overflow-x: hidden;
}
.chosen-container-single .chosen-single span {
  font-weight: 600;
  font-family: "Roboto";
}
/* #page {
    overflow: hidden;
} */

a {
  text-decoration: none !important;
  color: #000;
}

a:hover {
  text-decoration: none !important;
  color: #476361;
}

p,
li {
  font-family: "Roboto";
  font-weight: 400;
}

ul li {
  list-style: none;
}

ul ol {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto";
}

h1 {
  font-size: 25px;
  font-weight: 600;
  color: #000;
}

h2 {
  font-size: 22px;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

h5 {
  font-size: 15px;
  font-weight: 600;
}

/* tr {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
td {
    border-left: 1px solid #ddd;
    padding: 10px;
}
tbody {
    border-bottom: 1px solid #ddd;
}
tbody tr:nth-of-type(odd) {
    background-color: #d6e8fb;
}
tbody tr:first-child td {
    background: #629bd5;
    color: #fff;
}
table {
    overflow: auto;
} */
.container {
	max-width: 1140px !important;
}
/**/

#searchInput {
  display: none;
  padding: 8px;
  border: 1px solid #ccc;
  position: absolute;
  width: 80%;
  right: 0;
  top: 25%;
  border-radius: 20px;
}

.close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.search-icon {
  left: 10px;
}

.close-icon {
  display: none;
  right: 10px;
  z-index: 1;
}
.flagCurrency img {
    height: 36px;
    width: 36px;
    object-fit: contain;
}
.flagCurrency .selectron23-option {
    display: flex;
    align-items: center;
}
/**/
.wp-block-woocommerce-cart .wc-block-components-button{
    background: #18363e;
    color: #fff;
    border-radius: 5px;
}
.cart-main-header .cart-icon-container {
  position: relative;
	width: 15px;
}

.cart-main-header .cart-icon-container:hover .cart-details {
  display: block;
}

.cart-main-header .cart-icon-container .cart-details {
  display: none;
  position: absolute;
  width: 300px;
  height: auto;
  top: 18px;
  left: -190px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  z-index: 5;
}

.cart-main-header .cart-icon-container h3 {
  font-size: 20px;
}

.cart-main-header .cart-icon-container .item-info {
  padding-left: 10px;
}

.cart-main-header .cart-icon-container .item-info p {
  font-size: 12px;
  margin-bottom: 5px;
}

.cart-main-header .cart-icon-container .item-info p a {
  color: #000;
  font-weight: 500;
}

.cart-main-header .cart-icon-container .cart-item img {
  width: 100%;
  object-fit: cover;
  height: 70px;
}

.cart-main-header .cart-icon-container .thubnail-product-cart {
  width: 33%;
}

.cart-main-header .cart-icon-container .cart-item {
  display: flex;
  padding-top: 5px;
}

.cart-main-header .cart-icon-container .cart-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.cart-main-header .product-cart-info .woocommerce-Price-currencySymbol {
  font-size: 11px !important;
}

.cart-main-header .cart-icon-container bdi {
  color: #f00;
  font-weight: 500;
}

.cart-main-header .cart-icon-container .total {
  padding-top: 15px;
}

.cart-main-header .view-cart-button {
  background: #8fae1b;
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #ffff;
  text-transform: uppercase;
  border-radius: 5px;
}

.cart-main-header .cart-count {
  position: absolute;
  top: -7px;
  background: #f00;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  right: -11px;
  height: 12px;
  width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-main-header .cart-icon {
  position: relative;
}

.header-main-login {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: 21px;
}

.header-main-login .cart-main-header {
  margin-left: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}

.header-main-login .detail-link-login {
  color: #000;
}

/*header*/
.header-desktop ul#menu-desktop {
  margin-bottom: 0;
}

.header-desktop #menu-desktop > li {
  float: left;
  /* line-height: 20px; */
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
}

#menu-desktop > li > .sub-menu {
  padding: 0px;
  text-transform: uppercase;
  display: none;
  margin-left: 85px;
}

.header-desktop #menu-desktop > li:hover > .sub-menu {
  display: block;
  position: absolute;
  width: 225px;
  z-index: 2;
  left: 0px;
  background: #f1eeea;
  border-radius: 5px;
  margin: 0px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #ebe6e6;
  height: auto;
  top: 45px;
  padding: 0 !important;
}

#menu-desktop > li > .sub-menu > li > ul > li {
  line-height: 25px;
}

#menu-desktop > li > .sub-menu > li > .sub-menu {
  padding-left: 5px;
  margin-top: 10px;
  font-size: 15px;
}

#menu-desktop > li > .sub-menu > li {
  background: #4a85c6;
  border-bottom: 1px solid #fff;
  text-transform: math-auto;
  color: #fff;
  padding: 5px;
  display: block;
}

#menu-desktop > li > .sub-menu > .fa-angles-right:before {
  font-size: 10px;
}

#menu-desktop > li > .sub-menu > li:hover {
  background: #0255b1;
}

#menu-desktop > li > .sub-menu > li:not(:last-child) {
  padding-right: 35px;
}

.header-desktop #menu-desktop > li > a {
  padding: 30px 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-family: "Roboto";
  color: #000;
}

.header-desktop .navbar {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: 15px;
  position: relative;
}

.header-desktop .header-main {
  line-height: 75px;
  background: #fff !important;
  box-shadow: 1px 1px 5px #5e5e5e1a;
}

.header-desktop .site-branding img {
  height: auto;
}

.header-desktop #menu-desktop > li > .sub-menu > li a {
  font-weight: 600;
  padding: 5px;
  font-size: 14px;
  color: #fff;
  font-family: "Roboto";
}

#menu-desktop > li > ul > li > .sub-menu > li > a {
  border-bottom: 1px solid #eee;
  display: block;
}

.header-desktop #menu-desktop > li > a:hover,
#menu-desktop > li > ul > li > .sub-menu > li > a:hover {
  color: #006600 !important;
}

.header-desktop #menu-desktop > .menu-item-has-children:before {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
  font-size: 9px;
  transform: translateX(-7px);
}

.header-desktop #menu-desktop > li > .sub-menu > li:before {
  font-family: "FontAwesome";
  content: "\f101";
  font-size: 10px;
}
ul.sub-menu > li {
    line-height: 30px;
}
#menu-currency .sub-menu a {
    color: #fff;
    padding: 10px 15px;
}
/* header - search */
.search-display-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  position: relative;
}
.search-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  width: 90%;
  border: 2px solid #476361;
  padding: 0px 10px;
}

/* Input tìm kiếm */
.search-input {
  width: 90%;
  padding: 10px 15px;
  border: none;
  outline: none;
  border-radius: 30px;
  font-size: 16px;
  height: 42px;
  transition: all 0.3s ease-in-out;
}

/* Icon đóng */
.close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #e0e0e0;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
}
.search-container-fisrt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* Icon đóng */
.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  /* background-color: #e0e0e0; */
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
}

/* Thay đổi màu nền và hiệu ứng khi hover vào icon đóng */
/* Màu sắc của icon */
.close-icon i {
  color: #ffffff;
}

/* Thay đổi màu sắc của icon khi hover vào icon đóng */
.close-icon:hover i {
  color: #ffffff;
}

/* Thêm hiệu ứng khi focus vào input */
/* #search-input:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    } */

/* Hiệu ứng khi hover vào container */
.search-child:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.quick-search-results-parents {
  background-color: #ffffff;
  width: 90%;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  min-height: 100px;
  display: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  border: 2px solid #476361;
  padding: 20px;
  border-radius: 10px;
}
.close-icon {
  cursor: pointer;
}
.search-button {
  border: none;
}
.search-icon {
  left: 10px;
}

#closeIcon {
  z-index: 6;
}

.search-display {
  width: 100%;
  top: -200px;
  left: 0;
  z-index: 999999;
  position: absolute;
  height: 100%;
  background-color: #fff;
  transition: top 0.5s ease;
}
.header-desktop {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 900;
}
.custom-card {
  border: none !important; /* Bỏ viền */
}
.card {
  border: none;
}
.custom-label {
  position: absolute;
  top: 60%;
  left: 0;
  font-size: 15px;
  background: #3c7239b0;
  padding: 5px;
  color: #fff !important;
}
.search-result {
  border-bottom: 1px dashed #d9d9d9;
}
.search-result:last-child {
  border-bottom: none;
}
.search-result a {
  color: #000 !important;
}
.search-result a:hover {
  color: #476361 !important;
}
.search-result img {
  width: 50px !important;
  height: 32px !important;
}
.search-display-child-moblie {
  position: absolute;
  top: -110px;
  transition: top 0.5s ease;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.search-display-child-moblie .search-child {
  width: 95%;
}
#button-search-moblie {
  background-color: #207dff00; /* Primary color */
  color: #fff; /* White text */
  border: none; /* Remove default border */
  padding: 0; /* Padding for size */
  font-size: 18px; /* Text size */
  font-weight: bold; /* Bold text */
  text-align: left; /* Center text */
  display: inline-block;
  cursor: pointer; /* Pointer cursor */
  transition: background-color 0.3s ease; /* Smooth hover transition */
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
}

.result-search-no {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*Home Page*/
.our-product .price-product {
    padding-top: 10px;
    font-weight: 600;
    color: #3c7239;
    font-size: 20px;
}
.out-banner .item-banner {
  position: relative;
  color: #fff;
}

.out-banner .item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.out-banner .item-banner:before {
  content: "";
  position: absolute;
  background: #0000004d;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.out-banner .detail-title {
  font-size: 65px;
  font-weight: 500;
}

.out-banner .button-banner {
  margin-top: 25px;
}

.out-banner .button-banner .detail-button {
  background: #628a82;
  color: #fff;
  padding: 5px 20px;
}

.out-banner .button-banner .detail-button:hover {
  background: #3e613c;
  color: #fff;
}

.our-about .item-about-left p:nth-child(1) {
  text-align: center;
}
/* .our-about .item-about-left img {
    width: 50%;
} */
.our-about .item-about-left img {
  width: auto;
}

.our-about .bg-about-right img {
  border-radius: 20px;
  position: relative;
  top: 40px;
  left: 40px;
  box-shadow: 1px 1px 5px #3e613c;
}

.our-about .bg-about-right {
  background: #3e613c;
  border-radius: 20px;
}

.our-category-product .category-link img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}
.our-category-product .category-link {
  height: 200px;
}

.our-category-product .category-home-item {
  margin-bottom: 30px;
}

.our-category-product .title-category {
  font-size: 25px;
  color: #000;
  font-weight: 500;
  text-align: center;
}

.title-custom {
  font-size: 50px;
  font-weight: 400;
  padding-bottom: 25px;
  font-family: "Vollkorn";
  color: #18363e;
}

.main-product-detail .item-product {
  margin-bottom: 25px;
  position: relative;
}
.our-product .item-product img {
    border-radius: 10px 10px 0 0;
}
.our-product .product-categories-above-title {
  font-size: 15px;
}

.item-product .thumbnail-product {
  position: relative;
}

.item-product .thumbnail-product .product-categories-above-title {
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.content-detail-product {
  text-align: center;
	padding: 20px;
}
.col-product-item {
	break-inside: avoid;
  margin-bottom: 30px;
	box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.our-product .desc-item-product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 20px 0px;
}
.main-product-detail .title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  font-family: "Helvetica";
  line-height: 20px;
}

.price-item-product {
  padding-top: 10px;
  font-size: 20px;
}

.price-item-product span.woocommerce-Price-amount.amount bdi {
  color: #e40011;
}

.main-product-detail .item-product:hover .title {
  color: #3e613c;
}

/* .our-product {
    margin: 30px 0;
} */
.our-product {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0 !important;
}

.main-slogan .item-content-slogan {
  padding-bottom: 15px;
}

.main-slogan .item-title-slogan {
  font-size: 25px;
  font-weight: 500;
  font-family: "Roboto";
  color: #3e613c;
  padding: 15px 0 10px 0;
}

.main-slogan .item-image-slogan:before {
  position: absolute;
  content: "";
  height: 90%;
  width: 90%;
  border: 1px solid #ffffff;
  left: 5%;
  top: 5%;
  margin: auto;
  border-radius: 20px;
}

.main-slogan .item-image-slogan {
  height: 500px;
  position: relative;
}

.main-slogan .item-image-slogan img {
  height: 100%;
  border-radius: 20px;
}

/**
 * ============================================================
 * Blog Home
 * ============================================================
 */

.main-blog .button-post {
  padding-top: 15px;
}

.main-blog .button-post a {
  background: #3e613c;
  padding: 5px 20px;
  color: #fff;
}

.main-blog .detail-post {
  background: #fff;
  border-radius: 15px;
  /* overflow: hidden; */
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  height: 100%;
}
.main-blog .detail-post:hover {
  transform: translateY(-6px);
  box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.15);
}

.main-blog .post-item {
  margin-bottom: 30px;
}

.main-blog .content-post-home {
  padding: 18px 20px 20px 20px;
}

.main-blog .titlePost {
  color: #000;
  font-weight: 600;
  font-size: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 46px;
  transition: color 0.2s;
}
.main-blog .detail-post:hover .titlePost {
  color: #3e613c;
}

.main-blog .metaPost {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 8px;
}

.our-blog .img-post-home img {
  border-radius: 15px 15px 0 0;
  height: 100%;
  object-fit: cover;
}

.our-blog .img-post-home {
  height: 250px;
}

.our-category-product .category-image img {
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.our-category-product .category-image {
  height: 200px;
}

.our-category-product .category-title {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.our-category-product .category-item a {
  color: #3e613c;
}

.buttom-read-product .detail-buttom {
  background: #18363e;
  padding: 5px 20px;
  color: #fff;
  font-size: 20px;
  font-family: "Helvetica";
}

.buttom-read-product {
  text-align: center;
  margin-top: 2rem;
}
.search-results .product-title.card-title a {
  color: #000;
  font-size: 20px;
}
.search-results .product-card img {
    border-radius: 10px 10px 0 0;
}
.search-results .product-card .product-title {
    font-size: 22px;
}

/**
 * ============================================================
 * Sidebar
 * ============================================================
 */

.bg-color-sidebar .widget {
  border: 1px solid #3e613c;
}

.bg-color-sidebar .widget-title-blog {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background: #3e613c;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 20px;
}

.bg-color-sidebar .widget ul {
  padding: 0 10px;
}

.bg-color-sidebar .widget a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.bg-color-sidebar .widget ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.bg-color-sidebar .widget ul li {
  padding: 7px 0;
}

/**
 * ============================================================
 * Product
 * ============================================================
 */

.related-see-more {
    text-align: center;
	margin-bottom: 3rem;
}

.related-see-more .see-more-btn {
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #2a4828;
    border-radius: 4px;
    text-decoration: none;
    background: #2a4828;
    transition: all 0.2s ease;
    font-size: 17px;
    text-transform: capitalize;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.related-see-more .see-more-btn:hover {
    background: #142613;
    color: #fff;
}
.relatedProduct {
    padding-top: 2rem;
}
.entry-summary .product_meta {
    display: grid;
    gap: 5px;
}
.entry-summary .posted_in a {
    background: var(--wc-secondary);
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 13px;
}
.entry-summary .tagged_as a {
    background: var(--bs-gray-200);
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 13px;
}
.shop-layout {
    display:grid;
    grid-template-columns:280px 1fr;
    gap:30px;
    margin-top:30px;
}
.woocommerce-order-received .page-custom-main {
    margin-bottom: 3rem;
    border-bottom: 1px dashed #ddd;
}
.woocommerce-checkout #primary .entry-content {
    width: 100% !important;
    margin: 0 auto;
}
.page-custom-main .header-page {
    padding-top: 1rem;
	padding-bottom: 1.5rem;
}
.woocommerce-cart thead .wc-block-cart-items__header >th.wc-block-cart-items__header-image span {
    padding-left: 12px;
}
.woocommerce-cart #primary .entry-content{
    width: 100% !important;
    margin: 0 auto;
}
.woocommerce-cart .cart_totals {
  width: 100% !important;
}
.single-product img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.single-product .type-product {
	padding-top: 25px;
}
.wc-proceed-to-checkout a {
  background-color: #3e613c !important;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
  padding-bottom: 55px;
}
.woocommerce-LoopProduct-link {
    position: relative;
}
.product-category-label {
    opacity: 0;
    transition: opacity 0.2s;
}
.product-category-label {
    z-index: 10;
    background: #3c7239b0;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
}
.search-results .product-card a.custom-label:not(:last-child) {
    display: none;
}
.woocommerce-checkout .image-page img, .woocommerce-cart .image-page img {
    max-width: 100%;
}
.woocommerce-checkout .woocommerce ul.order_details {
	padding-left: 0;
}
.search-results .desc-item-product {
    padding: 0px 35px 0 35px;
}
.product #sp-wqv-view-button {
    margin-bottom: 25px;
}
span.kc {
    margin-left: 1rem;
}
.products .woocommerce-loop-product__title {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.archive .woocommerce ul.products li.product, .woocommerce-page ul.products.columns-3 li.product{
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);
	 border-radius: 10px;
}
.woocommerce ul.products li.product a img {
    border-radius: 10px 10px 0px 0px;
}

.row-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.woocommerce-checkout .create-account {
    display: none;
}
.woocommerce-checkout div#ez-toc-container, .woocommerce-cart div#ez-toc-container {
    display: none;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.form-row-first,
.form-row-last {
    width: 100%;
    display: inline-block;
}
.form-row-first select#billing_social_type {
    width: 100% !important;
    height: 60px;
    border: 1px solid #dedede;
}
p#billing_social_type_field, #billing_social_value_field {
    width: 100%;
}
.woocommerce-checkout #billing_phone_field span.optional {
    display: none;
}
.woocommerce-checkout .form-row.place-order {
    display: flex;
    justify-content: center;
}
.woocommerce-checkout #order_review #payment {
    background: #fff;
}
#order_data p.none_set {
    display: none !important;
}
.price-old .amount, .price-old .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
}
/*popup Quick View*/
.product a#sp-wqv-view-button {
  display: inline-block !important;
  background: #0b363c !important;
  border-radius: 5px !important;
}
#wqv-quick-view-content h1.product_title.entry-title {
  color: #000 !important;
}
/*Filter*/
.woocommerce-result-count {
  float: right !important;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  float: left !important;
}
.bg-filter .woocommerce-ordering select {
  border: 1px solid #ddd;
  outline: none;
  padding: 5px;
  border-radius: 5px;
}
span.title-filter-woo {
  padding-right: 10px;
  margin-bottom: 1em;
}
.filter-woo-basic {
  display: flex;
  align-items: center;
}
.bg-filter span.title-category-filter,
.bg-filter .title-price-filter {
  padding: 4px 10px 10px 10px;
  border-left: 1px solid #000;
  margin-left: 10px;
}
.filter-woo-basic .woocommerce-ordering input {
  width: 65px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  outline: none;
}
button#apply-price-filter {
  border: 1px solid #0b363c;
  outline: none;
  background: #0b363c;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 5px;
}
.term-description {
  margin-bottom: 0px !important;
  padding-bottom: 0 !important;
  margin-top: 15px !important;
}

/**
 * ============================================================
 * Single Blog
 * ============================================================
 */

.fancybox__caption {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    color: #ddd;
}
.main-single-blog .image-single-blog img {
  height: 100%;
  object-fit: cover;
}

.main-single-blog .image-single-blog {
  height: 70vh;
}

.main-single-blog .entry-header {
  background: #3e613c;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  transform: translateY(-39px);
}

.main-single-blog .entry-header h1 {
  color: #fff;
  margin: 0;
}

nav {
  background: #ffff0000 !important;
}

.main-single-blog .meta-related p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-single-blog .relatedPost .postThumBnail img {
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.main-single-blog .relatedPost .postThumBnail {
  height: 200px;
}

.main-single-blog .title-relatedPost {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 25px;
}

.main-single-blog .titlePost h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin: 10px 0;
}

.main-single-blog .relatedPost {
  padding-bottom: 25px;
}

.relatedPost .title-relatedPost {
  font-size: 30px;
  border-bottom: 3px solid #3e613c;
  margin-bottom: 30px;
  font-weight: 500;
}

.relatedPost .postThumBnail img {
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.relatedPost .postThumBnail {
  height: 250px;
}

.relatedPost .titlePost h4 {
  color: #000;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}

.relatedPost .siteListPostRelated {
  margin-bottom: 25px;
}

.main-single-content .entry-content ul li {
  list-style: disc;
}

.main-single-content .entry-content ol li {
  list-style: auto;
}
main#SingleContent {
    width: 65%;
    margin: 0 auto;
}
.single-blog figure {
    margin: auto;
    text-align: center;
    font-style: italic;
    margin-bottom: 1rem;
}
.single-blog figcaption {
    padding: 10px;
	background: #f8f8f8;
}
.single-blog a {
    font-weight: 600;
	color: #2a4828;
}

/* Reset gallery */
.single-blog .gallery {
    margin: 0;
    padding: 0;
}

/* Item */
.single-blog .gallery .gallery-item {
    break-inside: avoid;
    margin-bottom: 15px;
}

/* Ảnh */
.single-blog .gallery .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px; /* optional */
}

/* ===== SỐ CỘT ===== */
.single-blog .gallery.gallery-columns-1 {
    column-count: 1;
}

.single-blog .gallery.gallery-columns-2 {
    column-count: 2;
}

.single-blog .gallery.gallery-columns-3 {
    column-count: 3;
}

.single-blog .gallery.gallery-columns-4 {
    column-count: 4;
}

.single-blog .gallery.gallery-columns-5 {
    column-count: 5;
}

/* Khoảng cách giữa cột */
.single-blog .gallery {
    column-gap: 15px;
}
/*Archive*/

.header-page-blog {
    padding: 30px 0;
}
#achive-main .row-category-blog {
    column-count: 3;
    column-gap: 30px;
}
#achive-main .col-category-blog {
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
#achive-main .col-category-blog  .archivePost {
    padding: 15px;
}
#achive-main .listCategoryPosst {
    padding-bottom: 3rem;
}
#achive-main .category-post-page {
	break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
#achive-main .postThumBnail img {
    width: 100%;
    height: auto;
    display: block;
}
#achive-main .titlePost h3 {
  font-size: 20px;
  color: #000;
  margin-top: 15px;
  font-weight: 600;
}

#achive-main .postThumBnail img {
    border-radius: 15px 15px 0px 0px;
}
#achive-main .col-category-blog .post-category span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #3c7239;
}
#achive-main .category-post-page {
  margin-bottom: 25px;
}

#achive-main .category-post-page .detal-meta-post {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Page service*/
.main-service .header-service-top ul li a {
  background: #3e613c;
  padding: 30px 20px;
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}

.main-service .header-service-top li {
  width: 33%;
  text-align: center;
}

.main-service .header-service-top ul li:not(:last-child) a {
  border-right: 1px solid #fff;
}

.main-service .header-service-top ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.main-service .header-service-top {
  position: relative;
  transform: translateY(-75%);
}

.layout-service:nth-child(3) {
  background: #eee;
}

.layout-service {
  margin: 30px 0;
}

.layout-service .thumbnail-service {
  position: relative;
}

.layout-service .item-thumbnail {
  position: relative;
  height: 400px;
}

.layout-service .item-thumbnail:before {
  position: absolute;
  content: "";
  border: 1px solid #fff;
  height: 95%;
  width: 95%;
  left: 2.7%;
  top: 2.7%;
  z-index: 1;
}

.layout-service .item-thumbnail:after {
  position: absolute;
  content: "";
  background: #0000004a;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 0;
}

.layout-service .item-thumbnail img {
  height: 100%;
  object-fit: cover;
}

.layout-service .content-thubnail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/*Page*/
.page #primary .entry-content {
    width: 65%;
    margin: 0 auto;
}
.page #primary .entry-content ul li {
    list-style: disc;
}
.page #primary .entry-content 0l li {
    list-style: decimal;
}
.page-custom .image-page:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #00000061;
}

.page-custom .image-page {
  height: 50vh;
  position: relative;
  margin-bottom: 30px;
}

.page-custom .header-page {
  position: relative;
}

.page-custom .header-custom {
  position: absolute;
    top: 50%;
    left: 50%;
    text-transform: uppercase;
    font-weight: 600;
    transform: translate(-50%, -50%);
    width: 60%;
    text-align: center;
}

.page-custom .header-custom h1 {
  color: #fff;
}

.page-custom .image-page img,
.header-image-top .banner-page img {
  object-fit: cover;
  height: 100%;
}

.site-main-page .banner-page {
  position: relative;
  top: -50px;
  height: 30vh;
  border: 10px solid #ffff;
}

.main-slider-desktop .main-nav .detail-item {
  width: 80% !important;
}

.main-gallery .main-nav .detail-item {
  float: none;
  margin-bottom: 15px;
  padding: 10px;
}

.main-gallery .main-nav img {
  width: 100% !important;
  box-sizing: border-box;
  border-radius: 36% 64% 34% 66% / 74% 33% 67% 26%;
  border: 2px solid #000000;
}

.main-gallery .main-nav .detail-item.slick-current img {
  border: 2px solid #389333;
}

.main-gallery .main-for img {
  height: 100%;
  width: 100%;
}

.main-single-product .meta-product .title-products {
  font-size: 30px;
  font-weight: 600;
  color: #3e613c;
}

.main-nav .slick-list {
  padding: 0 !important;
}

.main-single-product .meta-product .content-quantity {
  background: #3e613c;
  padding: 3px 10px 3px 10px;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  margin-left: 5px;
}

.main-single-product .meta-product .quantity-product {
  display: flex;
  align-items: center;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 25px;
}

.main-single-product .meta-detail-product {
  margin-bottom: 10px;
  padding-top: 15px;
}

.main-single-product .meta-product .detail-button-product {
  width: 100%;
  background: #3e613c;
  padding: 10px 20px;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.main-single-product .meta-product .detail-button-product svg {
  padding-right: 4px;
  animation: swing;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-duration: 0.9s;
  font-size: 19px;
}

.main-single-product .meta-product .detail-button-product:hover svg {
  animation-play-state: paused;
}

.main-nav .slick-list {
  padding: 0 !important;
}

.content-main-product {
  padding-top: 70px;
}

.main-nav .slick-track {
  width: 100% !important;
}
.single-product .entry-summary .entry-title a {
  pointer-events: none;
  color: inherit;
}
/*Page Conatct*/
.page-contact-main tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.page-contact-main tbody tr:first-child td {
  background: #ffffff;
  color: #000;
  text-align: center;
  font-size: 15px;
}

.page-contact-main tbody h3 {
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 500;
}

#pageContact {
  margin: 30px;
}

#pageContact .title-main-contact {
  margin-bottom: 30px;
}

#pageContact .title-main-contact .detail-title-contact {
  font-size: 30px;
  text-transform: uppercase;
  color: #4a85c6;
  font-family: "Roboto";
}

.accordion {
  background: #00254e;
  color: #fff;
  border-radius: 10px;
}

.list-question-contact {
  margin-bottom: 15px;
}

.list-question-contact .active {
  background-color: #00254e;
}

.accordion:hover {
  background-color: #4a85c6 !important;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #00254e;
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active,
.accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: "\002B";
  color: #ffffff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

/* .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 5px 5px 10px 10px;
    border-top: 0px solid !important;
    padding-top: 10px;
  } */
/*404*/
.error-404 {
  padding: 30px 0;
}

.error-404 .img-error-404 {
  width: 78vh;
  margin: auto;
}

.error-404 .img-error-404 img {
  width: 100%;
  object-fit: cover;
  height: 50vh;
}

.error-404 .button-error {
  margin-top: 20px;
}

.error-404 .button-error .detail-button {
  background: #3e613c;
  color: #fff;
  padding: 5px 20px;
}

/*Custom css*/
.padding-custom {
  padding: 30px 0;
}

.custom-mobile {
  display: none;
}
.single_variation_wrap button.single_add_to_cart_button,
form.cart button.single_add_to_cart_button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.single_variation_wrap .quantity,
form.cart .quantity {
  border: 1px solid #e3e3e3;
}
.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input,
form.cart button.minus,
form.cart button.plus,
form.cart input {
  border: none;
  background: #fff;
  height: 35px;
}
.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input,
form.cart button.minus,
form.cart button.plus,
form.cart input {
  border: none;
  background: #fff;
  height: 35px;
}
/*BLOG*/
.relatedProduct .related-title {
    font-size: 30px;
    border-bottom: 3px solid #3e613c;
    margin-bottom: 30px;
    font-weight: 500;
    text-align: center;
}
.related-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
	margin-bottom: 30px;
}

.related-products-grid .product-card{
    display: flex;
    flex-direction: column;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
	border: 1px solid #e4e8e2;
    margin-bottom: 0 !important;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.related-products-grid .product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 42px rgba(24, 54, 62, 0.16);
}

.related-products-grid .product-thumb img{
    width:100%;
    aspect-ratio: 4 / 5;
    object-fit:cover;
    display:block;
	transition: transform 300ms ease;
}

.related-products-grid .product-card:hover .product-thumb img {
	transform: scale(1.035);
}

.related-products-grid .product-content{
    padding:20px;
    text-align:center;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.related-products-grid .product-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
    line-height:1.4;
	margin-top: 15px;
}

.related-products-grid .product-title a{
    color:#000;
    text-decoration:none;
}

.related-products-grid .product-price{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
	color: #2a4828;
}

.related-products-grid .quick-view-btn{
    display:inline-block;
    background:#0d4f57;
    color:#fff;
    padding:10px 20px;
    border-radius:6px;
    text-decoration:none;
}
.related-products-grid .product-thumb{
    position:relative;
    overflow:hidden;
}

.related-products-grid .product-category-badge{
    position:absolute;
    top:14px;
    left:14px;
    z-index:2;
}

.related-products-grid .product-category-badge a{
    display:inline-block;
    font-size:14px;
    text-decoration:none;
	border-radius:999px;
    line-height:1;
	background: #3c7239b0;
    color:#fff;
	padding:7px 11px;
	font-size:12px;
    font-weight:500;
}

.related-products-grid .product-category-badge a:hover{
    color:#fff;
    opacity:.9;
}
.related-products-grid .product-tags .detail-tag-relatedproduct {
    color: #ffffff;
    background: #3c7239;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
}
.related-products-grid .product-btn {
    border: 1px solid #2a4828;
	background: #2a4828;
	color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
	font-weight: 600;
}
.related-products-grid .product-btn:hover {
    background: #2a4828;
    color: #fff;
}
@media(max-width:991px){
    .related-products-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:767px){
    .related-products-grid{
        grid-template-columns: 1fr;
    }
}
/*POLICY*/
.policy-content #ez-toc-container {
	display: none;
}
.policy-layout {
    position: relative;
}
/*aside.policy-sidebar {
    position: fixed;
    top: 120px;
    left: 46.7%;
    transform: translateX(-700px);
    width: 280px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}*/
aside.policy-sidebar ul {
    padding-left: 10px;
}
.policy-content h3 {
    text-transform: uppercase;
}
.policy-content {
    margin-left: 300px;
    width: calc(100% - 300px);
}
.custom-content-box {
    padding: 50px 7rem 30px 7rem !important;
    box-shadow: 1px 1px 5px #929292;
    margin-bottom: 2rem;
    border-radius: 10px;
}
.policy-sidebar ul {
    padding-left: 0;
}
.policy-sidebar .active:after {
    content: none;
}
.policy-sidebar .active {
    border-radius: 5px;
    background: #3c7239;
    color: #fff;
}
.policy-sidebar a {
    color: #3c7239;
    text-align: left;
    display: block;
    padding: 7px 20px;
    font-weight: 500;
}
.policy-sidebar li {
	padding: 10px 0;
}
.policy-content li {
    list-style: disc;
}
@media(max-width:767px){
    .custom-content-box {
		padding: 60px 2rem !important;
	}
	.policy-content {
		margin-left: 0;
		width: calc(100%);
	}
	.custom-content-box {
		border-radius: 0;
	}
	/*Filter*/
	
}

@media (min-width: 768px) and (max-width: 1023px) {

    .policy-content {
		margin-left: 0px;
		width: calc(100%);
	}
	.custom-content-box {
		border-radius: 0px;
	}
	.mobile-menu .container-fluid .site-branding {
		width: 30% !important;
	}
	.custom-content-box {
		padding: 50px 2rem 30px 2rem !important;
	}
	.related-products-grid {
        column-count: 2;
    }
	main#SingleContent {
		width: 100%;
	}
	.main-single-content figure {
		width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 1366px) {

    .custom-content-box {
		border-radius: 0px;
	}
	.mobile-menu .container-fluid .site-branding {
		width: 30%;
	}

}
/*Footer*/
#footer a {
  color: #ffff;
}

.footer-bottom {
  padding: 10px 0;
  border-top: 1px solid #dddddd26;
}

footer#footer {
  background: #18363e;
  color: #fff;
}

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

.footer-top .foote-info:nth-child(2) .textwidget {
  text-align: center;
}

.footer-top .foote-info:nth-child(1) .widget-title span {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-background-clip: text;
  font-family: "Helvetica";
}

/*Animation*/
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

/*BreadCrumb*/
.breadcrumb a,
.customBreadcrumb {
  background: #2a4828;
  color: #fff !important;
  float: left;
  line-height: 16px;
  margin-right: 10px;
  padding: 7px 10px 7px 20px;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.breadcrumb a:before,
.breadcrumb a:after,
.breadcrumb .customBreadcrumb:before,
.breadcrumb .customBreadcrumb:after {
  content: "";
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  bottom: 0;
  display: block;
  height: 0;
  margin-top: -35px;
  position: absolute;
  width: 0;
  z-index: 2;
}

.breadcrumb a:before,
.breadcrumb .customBreadcrumb:before {
  border-left: 10px solid #ffffff;
  left: 0;
}

.breadcrumb a:after,
.breadcrumb .customBreadcrumb:after {
  border-left: 10px solid #2a4828;
  left: 100%;
}

.breadcrumb a:nth-child(2):after {
  border-left-color: #3a5c38;
}

.breadcrumb a:nth-child(2) {
  background: #3a5c38;
}

.breadcrumb .customBreadcrumb:nth-child(3) {
  background: #3b6c39;
}

.breadcrumb .customBreadcrumb:nth-child(3):after {
  border-left-color: #3b6c39;
}

.breadcrumb {
  margin-top: 25px;
  font-size: 14px;
}

#postSingleContent .post-number {
  font-size: 35px;
  color: #bd2329;
}

/*End*/
/*phan trang*/
.paginate_links .current {
  margin: 0px 5px;
  font-size: 17px;
  border: 2px solid #c30;
  border-radius: 5px;
  background: #c30;
  color: #fff;
  padding: 0px 5px;
}

.paginate_links {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.paginate_links .prev {
  font-size: 17px;
  margin-right: 5px;
}

.paginate_links .next {
  margin-left: 5px;
}

.paginate_links a.page-numbers {
  font-size: 17px;
  margin: 0 3px;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #3c7239;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}

.header-mobile {
  display: none;
}

.mobile-menu .container-fluid .site-branding {
  width: 50%;
}
.mobile-menu .container-fluid .flagCurrency {
    width: 30%;
    padding-left: 20px;
}
.mobile-menu .list-icon-menu {
  width: 20%;
}

.mobile-menu {
  background: #fff;
  height: 80px;
}

/*Style Mobile*/
/*Style Contact*/
#button-contact-vr {
  position: fixed;
  bottom: 0;
  z-index: 999;
  right: 0;
  transform: scale(0.8);
  bottom: 15%;
}

#button-contact-vr .button-contact {
  position: relative;
  margin-top: -5px;
}

#gom-all-in-one #contact-vr,
#viber-vr,
#zalo-vr,
#zalo-vr,
#zalo-vr,
#whatsapp-vr {
  transition: 1.6s all;
  -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}

#gom-all-in-one #phone-vr {
  transition: 0.7s all;
  -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
  background-color: #dd3333;
}

#button-contact-vr .button-contact .phone-vr {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}

.phone-vr-circle-fill {
  width: 65px;
  height: 65px;
  top: 12px;
  left: 12px;
  position: absolute;
  box-shadow: 0 0 0 0 #c31d1d;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}
.menu-currency>li {
    position: relative;
}
#menu-currency>li>a {
    font-size: 13px;
    background: #383848;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: relative;
    padding: 6px 26px;
    color: #fff;
    text-decoration: none;
    font-family: "Roboto";
}
#menu-currency .sub-menu {
    position: absolute;
    display: none;
    background: #383848;
    z-index: 3;
    padding: 0px;
    width: 180px;
    border-radius: 5px;
    color: #fff;
}

#menu-currency .sub-menu a{
    color: #fff;
}
#menu-currency li:hover .sub-menu {
    display: block;
}
.phone-vr-img-circle {
  background-color: #e60808;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 25px;
  left: 25px;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

#map-vr .phone-vr-img-circle {
  background-color: #3e613c;
}

#map-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #3e613c;
  background-color: rgb(62 97 60 / 49%);
}

#contact-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
  opacity: 0.7;
}

#contact-vr .phone-vr-img-circle {
  background-color: #2196f3;
}

#zalo-vr .phone-vr-img-circle img {
  max-height: 36px;
  max-width: 36px;
}

#facebook-vr .phone-vr-img-circle {
  background-color: #0080ff;
}

#facebook-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #0080ff;
  background-color: rgb(0 128 255 / 42%);
}

.phone-vr-img-circle a {
  display: block;
  line-height: 37px;
}

#button-contact-vr .phone-vr-img-circle img {
  max-height: 25px;
  max-width: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #1fd744;
  background-color: rgb(35 217 72 / 70%);
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {
  background: #1cd741;
}

#zalo-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
}

#zalo-vr .phone-vr-img-circle {
  background-color: #38b6ff;
}
.custom-telegram .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #0d6efd;
    background-color: #0d6efd94;
}
.custom-telegram .phone-vr-img-circle {
    background-color: #0d6efd;
}
.custom-instagram .phone-vr-img-circle {
    background: radial-gradient(circle at 30% 107%, 
        #fdf497 0%, 
        #fdf497 5%, 
        #fd5949 45%, 
        #d6249f 60%, 
        #285AEB 90%);
}
.custom-instagram .phone-vr-circle-fill {
     box-shadow: 0 0 0 0 #d6249f;
    background: radial-gradient(circle at 30% 107%, rgba(253, 244, 151, 0.5) 0%, rgba(253, 244, 151, 0.5) 5%, rgba(253, 89, 73, 0.5) 45%, rgba(214, 36, 159, 0.5) 60%, #fee5c18a 90%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

/*Style Mobile*/

nav {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 3;
}

#hamburger {
  margin: 2%;
}

#hamburger {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.25s linear;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(2rem, 1.4vw + 1.7rem, 5rem);
  display: flex;
  align-items: center;
}

#hamburger:hover {
  opacity: 1;
}

#hamburger div,
#hamburger div:after,
#hamburger div:before {
  background-color: #000;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}

#hamburger div:before,
#hamburger div:after {
  content: "";
  position: absolute;
}

#hamburger div:before {
  transform: translateY(-200%);
}

#hamburger div:after {
  transform: translateY(200%);
}

#hamburger.open div {
  background: transparent;
}

#hamburger.open div:before {
  transform: rotate(45deg);
}

#hamburger.open div:after {
  transform: rotate(-45deg);
}

#hamburger.open div:after,
#hamburger.open div:before {
  background-color: #fff;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}

#hamburger.open {
  z-index: 3;
  position: fixed;
  right: 3px;
  top: 0;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #3e613c !important;
  z-index: 1;
  transform: translateX(-300%);
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#overlay.menu {
  transform: translateX(0%);
  top: 0;
  min-height: auto;
}

#overlay a {
  text-decoration: none;
  color: #fff !important;
  font-size: 18px;
  margin: 0%;
  transition: opacity 0.2s linear;
  font-weight: 600;
  text-transform: uppercase;
}

#overlay a:hover {
  opacity: 1;
}

#overlay .menu-menu-main-container {
  width: 100%;
}

#menu-mobile .icon-dropdown:before {
  content: "\f054";
  font-family: "FontAwesome";
  padding-right: 15px;
  float: right;
}

nav.navigation.post-navigation {
  background: #fff;
  margin-left: -13px;
}

/*end footer*/
#primary {
  padding-top: 0px;
}

.woocommerce div.product .product_title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 30px;
}

.woocommerce div.product p.price {
  color: #000;
  font-size: 23px;
  font-weight: 400;
}

.entry-summary .woocommerce-Price-amount.amount {
  font-size: 24px;
  color: #18363e;
}

.our-product .woocommerce-Price-currencySymbol {
  color: #18363e;
  font-weight: 400;
  font-family: "Helvetica";
  font-size: 16px;
}

.our-product .price-item-product span.woocommerce-Price-amount.amount bdi {
  color: #18363e;
  font-size: 16px;
}
del,
ins {
  vertical-align: middle;
  text-decoration: none;
}
del bdi:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #686868;
  top: 50%;
}
del bdi {
  text-decoration: none;
  color: #686868;
  position: relative;
}
.single-product del bdi {
  text-decoration: none;
  position: relative;
}
.single-product del bdi:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  background: #8b9a9e;
}

span.woocommerce-Price-currencySymbol {
  font-size: 17px;
}

.product-categories-above-title a {
  background: #3c7239b0;
  padding: 5px;
  color: #fff !important;
}

/**/
.custom-content-category .products a {
  text-decoration: none;
  color: #000;
}

.custom-content-category .products a:hover {
  text-decoration: none;
  color: #000;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 500;
}

.custom-content-category .products span.woocommerce-Price-amount.amount {
  color: #18363e;
  font-weight: 500;
  font-size: 17px;
}

.single-product div.product .product_title {
  font-size: 25px;
}

.single_variation_wrap .quantity {
  border: 1px solid #e3e3e3;
}

.custom-content-category .products span.price {
  text-align: center;
}

.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input {
  border: none;
  background: #fff;
  height: 35px;
}

.single_variation_wrap button.single_add_to_cart_button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.single-product .product_meta span.sku_wrapper {
  display: none;
}

.single-product .product_meta span.posted_in a {
  color: #000;
}

.custom-content-category .products {
  text-align: center;
}

.custom-content-category .products a > h2 {
  color: #000 !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 21px;
}

.custom-content-category .products span.price {
  color: #18363e !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 17px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 500 !important;
}

/**/
.wc-proceed-to-checkout a {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.woocommerce table.shop_table th {
  font-weight: 400 !important;
  text-transform: uppercase;
}

.woocommerce-cart-form__cart-item .product-name > a {
  color: #000 !important;
}

.woocommerce-cart-form__cart-item .product-price {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-cart-form__cart-item .product-subtotal {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-cart-form__cart-item button.minus,
.woocommerce-cart-form__cart-item button.plus {
  border: 1px solid #e3e3e3;
}

.shop_table .coupon input {
  width: 300px !important;
  border-radius: 5px;
}

.shop_table .coupon button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #fff !important;
}

.shop_table button.button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #fff !important;
}

.cart_totals > h2 {
  font-weight: 400 !important;
  text-transform: uppercase;
}

.cart-subtotal .woocommerce-Price-amount,
.order-total .woocommerce-Price-amount {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-billing-fields span.woocommerce-input-wrapper input {
  border-color: #dedede !important;
  border: 1px solid #dedede;
  height: 45px;
  line-height: 45px !important;
  border-radius: 5px;
  padding-left: 10px;
}

.woocommerce-billing-fields .select2-selection {
  height: 45px !important;
  line-height: 45px !important;
}

.woocommerce-billing-fields .select2-selection .select2-selection__rendered {
  height: 45px;
  line-height: 45px !important;
}

.woocommerce-billing-fields .select2-selection .select2-selection__arrow {
  height: 45px !important;
  line-height: 45px;
}

.woocommerce-account-fields span {
  color: #dc3545;
}

.woocommerce .woocommerce-info > a.showcoupon {
  color: #e40011;
}

#order_review #payment {
  padding: 15px;
}

#order_review button#place_order {
  width: 200px;
  background-color: #c2a284;
  text-transform: uppercase;
  font-weight: 500;
}

.single-product .woocommerce-notices-wrapper a.button.wc-forward {
  background-color: #c1a186;
  color: #fff;
  font-weight: 500;
}

.single-product .woocommerce-message {
  color: #8fae1b;
}

.post-type-archive-product .woocommerce-loop-product__title {
  font-size: 20px !important;
}
/*account*/
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea {
  line-height: 30px !important;
  border-radius: 5px;
  border: 1px solid #000;
}

.woocommerce-account
  .woocommerce
  .woocommerce-form-login
  .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
  background: #c1a186 !important;
  color: #fff !important;
}

.woocommerce-account .woocommerce h2 {
  font-family: "Vollkorn";
}

.form-contact-us label,
.form-contact-us .title-contact > p {
  font-weight: 500;
}
.form-contact-us label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-contact-us {
  border-top: 1px solid #dedede;
  padding-top: 30px;
  text-align: center;
}
.form-contact-us input.wpcf7-email,
.form-contact-us textarea.wpcf7-textarea,
.form-contact-us input.wpcf7-number,
.form-contact-us input.wpcf7-text {
  width: 50%;
}
.form-contact-us .wpcf7-submit {
  width: 200px;
  background-color: #19363e;
  color: #fff;
  border: none;
  padding: 5px;
}
.flagCurrency .selectron23 {
	height: 25px !important;
}
/**/
@media (min-width: 1920px) {
  .container {
  }
}

@media (min-width: 1400px) {
  .container {
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .main-product-detail .thumbnail-product {
    height: 195px;
  }

  .single-product .product_meta span.sku_wrapper {
    display: none;
  }

  .product-categories-above-title {
    top: 51%;
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  /*header-mobile*/
  .header-desktop {
    display: none;
  }

  ul#menu-mobile > li > ul.sub-menu {
    display: none;
  }

  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }

  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }

  .mobile-menu #overlay ul.sub-menu > li > a {
    font-size: 16px !important;
    font-weight: 500;
  }

  .mobile-menu #overlay #menu-mobile > li ul > li ul.sub-menu {
    padding-left: 20px;
    padding-top: 0px;
  }

  ul#menu-mobile {
    font-family: "roboto" !important;
  }

  .mobile-menu .list-icon-menu li.button-mobile {
    margin-top: 0px !important;
  }

  #overlay #menu-mobile li {
    padding-bottom: 10px;
    font-weight: 400;
  }

  .mobile-menu #overlay #menu-mobile > li ul > li ul > li {
    padding-bottom: 0px;
    line-height: 20px;
  }

  #overlay {
    align-items: flex-start !important;
    color: #000;
    font-weight: 600;
    padding: 15px;
  }

  .header-mobile {
    display: block;
    background: #d1c1ad !important;
    border-bottom: 1px solid #f0eff4 !important;
    box-shadow: 0 0 20px -10px rgb(0 0 0 / 80%) !important;
  }

  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }

  .navbar-dark .navbar-toggler {
    color: rgb(98 22 22 / 55%) !important;
    border-color: rgb(48 0 0 / 10%) !important;
  }

  div#collapsibleNavbar {
    padding: 15px 5px;
    border-top: 1px solid #c0ad9c;
  }

  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }

  .mobile-menu .list-icon-menu ul > li {
    margin-top: 5px;
  }

  #menu-mobile > li.open > .sub-menu {
    display: block;
    padding-left: 5px;
    padding-top: 0px;
  }

  #menu-mobile > li > .sub-menu > li a {
    padding: 5px;
    display: block;
  }

  ul#menu-mobile > li > ul.sub-menu:hover {
    display: block !important;
  }

  .site-branding .custom-logo {
    width: 100%;
    height: auto;
  }

  /*style contact mobile*/
	.flagCurrency .selectron23-container .selectron23-option {
		padding: 9px 10px 9px 4px;
	}
	.flagCurrency .selectron23-container > span {
    	cursor: pointer;
		right: 0px;
	}
	.out-banner .item-content {
	  width: 90%;
	}
  .bottom-contact-mobile {
    display: block;
    position: fixed;
    background: white;
    z-index: 999;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
    bottom: 0px;
    width: 100%;
    color: #000;
    padding-top: 10px;
  }

  .bottom-contact-mobile img {
    width: 35px;
    margin-bottom: 10px;
  }

  .bottom-contact-mobile a {
    text-align: center;
  }

  .bottom-contact-mobile ul li {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bottom-contact-mobile .row {
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bottom-contact-mobile {
    display: block;
  }

  #button-contact-vr {
    display: none;
  }

  #footer {
    padding-bottom: 100px;
  }

  .bottom-contact-mobile p {
    margin-bottom: 5px;
    color: #18363e;
    font-family: "Helvetica";
  }

  /**/
  /*style mobile*/
  .main-gallery .main-nav .detail-item {
    float: left;
    width: auto;
    margin-bottom: 15px;
    padding: 10px;
  }

  .our-category-product .category-item {
    width: 49% !important;
  }

  .out-banner .detail-title {
    font-size: 25px;
  }

  .out-banner .item-image {
    height: 35vh;
  }

  .out-banner .item-image img {
    height: 100%;
    object-fit: cover;
  }

  .footer-top .foote-info:nth-child(1) .widget-title span {
    font-size: 50px;
  }

  .our-product {
    margin: 0;
    padding-bottom: 10px !important;
  }

  .title-custom {
    font-size: 25px;
  }

  .site-main-single .breadcrumb-custom {
    display: none;
  }

  .site-main-single .type-post {
    padding-top: 30px;
  }

  .relatedPost .title-relatedPost {
    margin-top: 30px;
  }

  .woocommerce-cart .shop_table .coupon input {
    width: 68% !important;
    border-radius: 5px;
  }

  .woocommerce-cart .coupon .button {
    width: 30% !important;
    font-size: 12px !important;
    padding: 12px 5px !important;
  }

  .woocommerce-order-received td.woocommerce-table__product-name.product-name {
    line-height: 24px !important;
  }

  .woocommerce-order-received .product-name .wc-item-meta {
    padding-left: 0px;
    margin-bottom: 0px;
  }

  /**/
  .shop_table .coupon input {
    width: 185px !important;
  }

  .page-custom .image-page {
    height: 20vh !important;
    position: relative;
    margin-bottom: 30px;
  }

  .main-slogan .item-image-slogan img {
    padding-bottom: 20px;
  }

  .page-custom .header-custom h1 {
    font-size: 24px;
  }

  .woocommerce-billing-fields .select2-selection {
    height: 45px !important;
    line-height: 45px !important;
  }

  .woocommerce-billing-fields .select2-selection .select2-selection__rendered {
    height: 45px !important;
    line-height: 45px !important;
  }

  .our-about .bg-about-right img {
    top: 0px;
    left: 0px;
  }

  .our-product .main-product {
    overflow: hidden;
  }

  .main-product-detail .thumbnail-product {
    height: 229px;
  }

  /* ===== Product Trang chủ - Mobile: fix slider + đồng bộ card với desktop ===== */
  .silder-product-mobile.slick-slider .slick-list {
      margin: 0 -10px;
      padding: 8px 0 !important;
  }
  .silder-product-mobile .slick-slide {
      margin: 0 10px;
  }
  .silder-product-mobile .item-product {
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1);
  }

  .main-product-detail .item-product {
    margin-right: 10px;
  }

  .single-product div.product .woocommerce-tabs ul.tabs li {
    padding: 0 10px !important;
    font-size: 14px;
  }

  .single-product .woocommerce-message {
    display: flex;
    flex-direction: column;
  }

  .single-product .woocommerce-notices-wrapper a.button.wc-forward {
    text-align: center;
    margin-top: 5px;
  }

  .single-product .cfvsw-swatches-container {
    flex-flow: nowrap;
    width: auto;
    overflow: scroll;
  }

  .single-product .cfvsw-swatches-option {
    min-width: 47% !important;
    object-fit: cover;
    height: 200px;
  }

  .custom-mobile {
    display: block;
  }
  .error-404 .img-error-404 img {
    height: 25vh;
  }
  .error-404 .img-error-404 {
    width: 35vh;
  }
  .form-contact-us input.wpcf7-email,
  .form-contact-us textarea.wpcf7-textarea,
  .form-contact-us input.wpcf7-number,
  .form-contact-us input.wpcf7-text {
    width: 100%;
  }
  figure {
    width: 100% !important;
  }
  .mfp-img {
    width: 100%;
    height: auto;
  }
  .product-categories-above-title {
    top: 40%;
  }
  .post-type-archive-product .woocommerce-loop-product__title {
    font-size: 15px !important;
  }
  .custom-content-category .products span.woocommerce-Price-amount.amount,
  span.woocommerce-Price-currencySymbol {
    font-size: 15px;
  }

  .woocommerce ul.products li.product a img {
    max-width: 100%;
  }
  /*popup*/
  .mobile-filter-icon {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    cursor: pointer;
  }

  .mobile-filter-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding: 20px;
  }

  .mobile-filter-popup form {
    background: white;
    padding: 20px;
    max-width: 500px;
    margin: auto;
  }

  .mobile-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }

  .mobile-filter-header button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
  }
  /* Popup filter mobile */
  .mobile-filter-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Màu nền đen mờ */
    z-index: 9999;
  }

  .mobile-filter-header {
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
  }

  .mobile-filter-popup form {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    max-width: 400px;
  }

  .mobile-filter-popup label {
    display: block;
    margin-bottom: 10px;
  }

  .mobile-filter-popup button {
    background-color: #0c383b;
    color: white;
    padding: 3px 0px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    width: 12%;
    text-align: center;
  }
  .bg-filter .woocommerce-ordering select {
    width: 100%;
  }
  .bg-filter .mobile-filter-header span.title-filter-woo {
    padding-right: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    padding-left: 10px;
  }
  .bg-filter .woocommerce-result-count {
    font-size: 12px;
    margin-top: 10px !important;
  }
  .bg-filter .filter-woo-basic {
    margin-bottom: 1em;
    margin-top: -10px;
  }
  .bg-filter select#product-cat-filter {
    font-size: 13px;
    height: 23px;
  }
  .archive h1.woocommerce-products-header__title {
    margin-bottom: 15px;
  }
	.our-product .item-product img {
		border-radius: 10px;
		height: 100%;
		object-fit: cover;
	}
	.content-detail-product {
		padding: 10px;
	}
	.buttom-read-product {
		margin-top: 10px;
	}

	.search-results .desc-item-product {
		margin: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
	}
	.products .woocommerce-loop-product__title {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.related li.product {
		margin-bottom: 20px !important;
	}
	.search-results .custom-label
	 {
		display: none;
	}
		main#SingleContent, .page #primary .entry-content, .custom-shape-product {
		width: 100%;
		margin: 0 auto;
	}
	.our-product-hot .buttom-read-product {
		margin-top: -30px;
		margin-bottom: 45px;
	}
	#achive-main .row-category-blog {
        column-count: 1;
    }
	#achive-main .col-category-blog .post-category span {
		font-size: 10px;
	}
	#achive-main .titlePost h3 {
		font-size: 15px;
	}
	#achive-main .category-post-page .detal-meta-post {
		-webkit-line-clamp: 2;
	}
	.header-page-blog .title-hearding {
		text-align: center;
	}
	.woocommerce-checkout .page-custom-main .title-hearding, .woocommerce-cart .page-custom-main .title-hearding {
		text-align: center;
	}
	/* chỉ ảnh hưởng khi JS chạy */
	#achive-main .masonry-wrap {
		display: flex;
		gap: 20px;
	}

	#achive-main .masonry-col {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.shop-layout{
        grid-template-columns:1fr;
    }
	.related-see-more {
		margin-top: 0px;
		margin-bottom: 1rem;
	}

  /* ===== Blog Trang chủ - Mobile ===== */
  .our-blog .img-post-home {
      height: 180px;
  }
  .main-blog .content-post-home {
      padding: 14px 16px 16px 16px;
  }
  .main-blog .titlePost {
      font-size: 15px;
      min-height: 40px;
  }
  .main-blog .metaPost {
      font-size: 13px;
  }
  .main-blog .post-item {
      margin-bottom: 0;
  }

  /* ===== khoảng cách slider Blog Mobile (Slick) ===== */
  .slider-blog-mobile.slick-slider .slick-list {
      margin: 0 -10px;
  }
  .slider-blog-mobile .slick-slide {
      margin: 0 10px;
  }
  .slider-blog-mobile .post-item {
      padding-bottom: 20px;
  }

}

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

/* ============================================================
 * PK PIN BADGE — icon ghim hiển thị góc trên-phải ảnh, giống Instagram
 * ============================================================ */

/* Đảm bảo khung ảnh là điểm neo cho icon absolute bên trong */
.thumbnail-product,
.img-post-home,
.postThumBnail,
.products li.product {
    position: relative;
}

.pk-pin-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: default;
    pointer-events: auto;
}

/* ===== Tooltip tự làm khi hover icon ghim ===== */
.pk-pin-badge {
    position: absolute;
}
.pk-pin-badge::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: calc(100% + 8px);
    bottom: auto;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translate(4px, -50%);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    pointer-events: none;
    z-index: 10;
}
/* Mũi tên hướng sang phải, về phía icon ghim. */
.pk-pin-badge::before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% - 2px);
    bottom: auto;
    border: 5px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    transition: opacity 0.2s ease, visibility 0.2s;
    z-index: 999;
}
.pk-pin-badge:hover::after,
.pk-pin-badge:hover::before {
    opacity: 1;
    visibility: visible;
}
.pk-pin-badge:hover::after {
    transform: translate(0, -50%);
}

.pk-pin-badge svg {
    width: 15px;
    height: 15px;
    fill: #fff;
    transform: rotate(45deg); /* nghiêng giống ghim Instagram */
}

/* Responsive: icon nhỏ hơn 1 chút trên mobile */
@media (max-width: 640px) {
    .pk-pin-badge {
        width: 24px;
        height: 24px;
        top: 8px;
        right: 8px;
    }
    .pk-pin-badge svg {
        width: 12px;
        height: 12px;
    }
}