.elementor-kit-4567{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-94ef3b7:#FFFEFA;--e-global-color-2c73657:#F2F2F2;--e-global-color-d1f32a3:#225073;--e-global-color-56a6fd0:#A6A6A6;--e-global-color-7ea20e7:#7EA1BF;--e-global-color-a9ab5bc:#056CF2;--e-global-color-479e5d7:#8C0B0B;--e-global-color-b58f1de:#262626;--e-global-color-6058a82:#A62424;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-fdb6e04-font-family:"Inter";--e-global-typography-fdb6e04-font-size:clamp(3rem, 2.5714rem + 1.9048vw, 4rem);--e-global-typography-fdb6e04-font-weight:700;--e-global-typography-fdb6e04-line-height:1.2em;--e-global-typography-b2b2b83-font-family:"Inter";--e-global-typography-b2b2b83-font-size:clamp(2.4rem, 2.1429rem + 1.1429vw, 3rem);--e-global-typography-b2b2b83-font-weight:700;--e-global-typography-b2b2b83-line-height:1.2em;--e-global-typography-b955dc3-font-family:"Inter";--e-global-typography-b955dc3-font-size:clamp(2.1rem, 1.9286rem + 0.7619vw, 2.5rem);--e-global-typography-b955dc3-font-weight:700;--e-global-typography-b955dc3-line-height:1.3em;--e-global-typography-2458490-font-family:"Inter";--e-global-typography-2458490-font-size:clamp(1.8rem, 1.7143rem + 0.381vw, 2rem);--e-global-typography-2458490-font-weight:600;--e-global-typography-2458490-line-height:1.3em;--e-global-typography-124b7e2-font-family:"Inter";--e-global-typography-124b7e2-font-size:clamp(1.6rem, 1.5357rem + 0.2857vw, 1.75rem);--e-global-typography-124b7e2-font-weight:600;--e-global-typography-124b7e2-line-height:1.4em;--e-global-typography-f8146b0-font-family:"Inter";--e-global-typography-f8146b0-font-size:clamp(1.4rem, 1.3571rem + 0.1905vw, 1.5rem);--e-global-typography-f8146b0-font-weight:600;--e-global-typography-f8146b0-line-height:1.4em;--e-global-typography-a2710b5-font-family:"Inter";--e-global-typography-a2710b5-font-size:clamp(1.2rem, 1.1786rem + 0.0952vw, 1.25rem);--e-global-typography-a2710b5-font-weight:600;--e-global-typography-a2710b5-line-height:1.5em;--e-global-typography-bdb3658-font-family:"Inter";--e-global-typography-bdb3658-font-size:1.2rem;--e-global-typography-bdb3658-font-weight:500;--e-global-typography-bdb3658-line-height:1.5em;--e-global-typography-65ca347-font-family:"Inter";--e-global-typography-65ca347-font-size:1rem;--e-global-typography-65ca347-font-weight:400;--e-global-typography-65ca347-line-height:1.6em;--e-global-typography-47d0c12-font-family:"Inter";--e-global-typography-47d0c12-font-size:1rem;--e-global-typography-47d0c12-font-weight:700;--e-global-typography-47d0c12-line-height:1.6em;--e-global-typography-119fec0-font-family:"Inter";--e-global-typography-119fec0-font-size:1.125rem;--e-global-typography-119fec0-font-weight:400;--e-global-typography-119fec0-line-height:1.7em;--e-global-typography-71348d7-font-family:"Inter";--e-global-typography-71348d7-font-size:0.875rem;--e-global-typography-71348d7-font-weight:400;--e-global-typography-71348d7-line-height:1.5em;}.elementor-kit-4567 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:20px;--container-default-padding-right:7%;--container-default-padding-bottom:20px;--container-default-padding-left:7%;}}/* Start custom CSS *//* CSS cho hiệu ứng scale và offset mượt mà cho sản phẩm */

/* Container chính của sản phẩm */
.woocommerce ul.products li.product,
.elementor-widget-wc-products .product,
.elementor-products-grid .product {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0) scale(1);
    position: relative;
    overflow: visible;
    z-index: 1;
}

/* Hiệu ứng hover cho container chính */
.woocommerce ul.products li.product:hover,
.elementor-widget-wc-products .product:hover,
.elementor-products-grid .product:hover {
    transform: translateY(-10px) scale(1.03);
    z-index: 10;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Đặc biệt cho ảnh sản phẩm */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-widget-wc-products .product .woocommerce-loop-product__link img,
.elementor-products-grid .product img {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1);
    will-change: transform;
}

/* Ngăn ảnh bị scale riêng lẻ */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link img,
.elementor-widget-wc-products .product:hover .woocommerce-loop-product__link img,
.elementor-products-grid .product:hover img {
    transform: scale(1);
}

/* Hiệu ứng cho button "Add to cart" */
.woocommerce ul.products li.product .button,
.elementor-widget-wc-products .product .button,
.elementor-products-grid .product .button {
    transition: all 0.3s ease;
    transform: translateY(0);
}

.woocommerce ul.products li.product:hover .button,
.elementor-widget-wc-products .product:hover .button,
.elementor-products-grid .product:hover .button {
    transform: translateY(-2px);
}

/* Hiệu ứng cho tiêu đề sản phẩm */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-products .product .woocommerce-loop-product__title,
.elementor-products-grid .product .woocommerce-loop-product__title {
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.elementor-widget-wc-products .product:hover .woocommerce-loop-product__title,
.elementor-products-grid .product:hover .woocommerce-loop-product__title {
    color: #0073aa;
}

/* Đảm bảo container cha có thể chứa hiệu ứng */
.woocommerce ul.products,
.elementor-widget-wc-products .woocommerce ul.products,
.elementor-products-grid {
    overflow: visible;
}

/* Tăng cường hiệu ứng với backdrop filter (nếu browser hỗ trợ) */
.woocommerce ul.products li.product:hover::before,
.elementor-widget-wc-products .product:hover::before,
.elementor-products-grid .product:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(1px);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.woocommerce ul.products li.product:hover::before,
.elementor-widget-wc-products .product:hover::before,
.elementor-products-grid .product:hover::before {
    opacity: 1;
}

/* Responsive - giảm hiệu ứng trên mobile */
@media (max-width: 768px) {
    .woocommerce ul.products li.product:hover,
    .elementor-widget-wc-products .product:hover,
    .elementor-products-grid .product:hover {
        transform: translateY(-5px) scale(1.02);
    }
}

/* Tối ưu hóa performance */
.woocommerce ul.products li.product,
.elementor-widget-wc-products .product,
.elementor-products-grid .product {
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Đảm bảo spacing không bị ảnh hưởng */
.woocommerce ul.products,
.elementor-widget-wc-products .woocommerce ul.products,
.elementor-products-grid {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Hiệu ứng cho rating stars */
.woocommerce ul.products li.product .star-rating,
.elementor-widget-wc-products .product .star-rating,
.elementor-products-grid .product .star-rating {
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover .star-rating,
.elementor-widget-wc-products .product:hover .star-rating,
.elementor-products-grid .product:hover .star-rating {
    transform: scale(1.1);
}

/* Hiệu ứng cho giá */
.woocommerce ul.products li.product .price,
.elementor-widget-wc-products .product .price,
.elementor-products-grid .product .price {
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover .price,
.elementor-widget-wc-products .product:hover .price,
.elementor-products-grid .product:hover .price {
    color: #e74c3c;
    font-weight: bold;
}
/* Thay chữ Trang chủ bằng biểu tượng Home bằng cách sử dụng SVG background thay vì icon font */
.elementor-widget-breadcrumbs a[href]:not([href*="/tin-tuc"]):not([href*="/quy-hoach"]):not([href*="/kien-truc"]):not([href*="/canh-quan"]):not([href*="/noi-that"]):not([href*="/download"]) {
    font-size: 0 !important;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    display: inline-block;
    /* Đổi màu nền thành xám nhạt hơn */
    background: #a9a9a9 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>') no-repeat center;
    background-size: 16px 16px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    transition: all 0.3s ease;
}

/* Áp dụng thay đổi tương tự cho trạng thái hover */
.elementor-widget-breadcrumbs a[href]:not([href*="/tin-tuc"]):not([href*="/quy-hoach"]):not([href*="/kien-truc"]):not([href*="/canh-quan"]):not([href*="/noi-that"]):not([href*="/download"]):hover {
    background-color: #ff6b6b;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}/* End custom CSS */