.elementor-9188 .elementor-element.elementor-element-5dfc300{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9188 .elementor-element.elementor-element-5dfc300:not(.elementor-motion-effects-element-type-background), .elementor-9188 .elementor-element.elementor-element-5dfc300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-9188 .elementor-element.elementor-element-f6d48a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9188 .elementor-element.elementor-element-f6d48a8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9188 .elementor-element.elementor-element-b16fcda .woocommerce-breadcrumb{text-align:start;}.elementor-9188 .elementor-element.elementor-element-a13fb37{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9188 .elementor-element.elementor-element-a13fb37 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9188 .elementor-element.elementor-element-a13fb37.elementor-element{--align-self:center;}.woocommerce .elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-thumbs img{border-style:groove;border-width:1px 1px 1px 1px;}.woocommerce .elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-9188 .elementor-element.elementor-element-a4f3233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9188 .elementor-element.elementor-element-a4f3233.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9188 .elementor-element.elementor-element-08db7d8 .elementor-heading-title{font-family:"sf-pro-display-regul";font-weight:900;}.elementor-9188 .elementor-element.elementor-element-816cb20{text-align:start;}.woocommerce .elementor-9188 .elementor-element.elementor-element-816cb20 .price{color:var( --e-global-color-astglobalcolor8 );font-family:"sf-pro-display-regul";}.woocommerce .elementor-9188 .elementor-element.elementor-element-816cb20 .price ins{color:#0063FF;}.elementor-9188 .elementor-element.elementor-element-a84f474 .cart button, .elementor-9188 .elementor-element.elementor-element-a84f474 .cart .button{transition:all 0.2s;}.elementor-9188 .elementor-element.elementor-element-fdf5db3{width:var( --container-widget-width, 102.613% );max-width:102.613%;--container-widget-width:102.613%;--container-widget-flex-grow:0;}.elementor-9188 .elementor-element.elementor-element-fdf5db3 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-9188 .elementor-element.elementor-element-fdf5db3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9188 .elementor-element.elementor-element-8b363ca > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-9188 .elementor-element.elementor-element-cefe35c{--display:flex;}.elementor-9188 .elementor-element.elementor-element-84713c4{--display:flex;}.elementor-9188 .elementor-element.elementor-element-84713c4:not(.elementor-motion-effects-element-type-background), .elementor-9188 .elementor-element.elementor-element-84713c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor5 ) 0%, var( --e-global-color-astglobalcolor5 ) 100%);}@media(min-width:768px){.elementor-9188 .elementor-element.elementor-element-f6d48a8{--width:46.717%;}.elementor-9188 .elementor-element.elementor-element-a4f3233{--width:52.687%;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-b16fcda */.elementor-9188 .elementor-element.elementor-element-b16fcda {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a13fb37 *//* 1. Cố định khung ảnh bên trái khi cuộn và tự động dừng lại khi hết nội dung cột bên phải */
.elementor-9188 .elementor-element.elementor-element-a13fb37 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 30px !important;
    height: fit-content !important;
    align-self: flex-start !important;
    z-index: 99 !important;
}

/* 2. Khung chứa ảnh thumbnail thành 1 hàng ngang, bật cuộn mượt và thu gọn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin-top: 15px !important;
    padding-bottom: 8px !important;
    scroll-behavior: smooth !important;
}

/* Tùy chỉnh thanh cuộn nhỏ gọn bên dưới */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    height: 5px !important;
}
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 4px !important;
}

/* Định dạng kích thước từng ảnh thumbnail vừa vặn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs li {
    flex: 0 0 68px !important;
    width: 68px !important;
    float: none !important;
    margin: 0 !important;
}

.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs img {
    width: 68px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

/* Hiệu ứng ảnh đang chọn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs img.flex-active {
    opacity: 1 !important;
    border: 2px solid #111 !important;
}
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}/* 1. Cố định khung ảnh bên trái khi cuộn và tự động dừng lại khi hết nội dung cột bên phải */
.elementor-9188 .elementor-element.elementor-element-a13fb37 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 30px !important;
    height: fit-content !important;
    align-self: flex-start !important;
    z-index: 99 !important;
}

/* 2. Khung chứa ảnh thumbnail thành 1 hàng ngang, bật cuộn mượt và thu gọn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin-top: 15px !important;
    padding-bottom: 8px !important;
    scroll-behavior: smooth !important;
}

/* Tùy chỉnh thanh cuộn nhỏ gọn bên dưới */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    height: 5px !important;
}
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 4px !important;
}

/* Định dạng kích thước từng ảnh thumbnail vừa vặn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs li {
    flex: 0 0 68px !important;
    width: 68px !important;
    float: none !important;
    margin: 0 !important;
}

.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs img {
    width: 68px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

/* Hiệu ứng ảnh đang chọn */
.elementor-9188 .elementor-element.elementor-element-a13fb37 .flex-control-nav.flex-control-thumbs img.flex-active {
    opacity: 1 !important;
    border: 2px solid #111 !important;
}
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-816cb20 */<div class="tegostore-custom-price" style="font-size: 24px; font-weight: bold;">
    <div class="woocommerce-variation-price">
        <span class="price">
            <del><span class="woocommerce-Price-amount amount">14.999.000&nbsp;<span class="woocommerce-Price-currencySymbol">₫</span></span></del>
            <ins><span class="woocommerce-Price-amount amount">13.999.000&nbsp;<span class="woocommerce-Price-currencySymbol">₫</span></span></ins>
        </span>
    </div>
</div>

<style>
    /* Ẩn giá mặc định bị trùng của theme */
    .summary > .price:not(.tegostore-custom-price .price) {
        display: none !important;
    }
    /* Tùy chỉnh màu sắc giá khuyến mãi và giá gốc */
    .woocommerce-variation-price .price ins,
    .tegostore-custom-price .price ins {
        color: #007aff !important;
        text-decoration: none !important;
        margin-right: 10px;
    }
    .woocommerce-variation-price .price del,
    .tegostore-custom-price .price del {
        color: #8e8e93 !important;
        font-size: 18px !important;
        font-weight: normal !important;
    }
</style>

<script>
jQuery(document).ready(function($) {
    // Lắng nghe sự kiện chọn biến thể màu sắc từ WooCommerce
    $(document).on('found_variation', '.variations_form', function(event, variation) {
        if (variation && variation.price_html) {
            $('.woocommerce-variation-price').html(variation.price_html);
        }
    });

    // Reset lại giá mặc định khi người dùng bỏ chọn biến thể
    $(document).on('reset_image', '.variations_form', function() {
        $('.woocommerce-variation-price').html(`
            <span class="price">
                <del><span class="woocommerce-Price-amount amount">14.999.000&nbsp;<span class="woocommerce-Price-currencySymbol">₫</span></span></del>
                <ins><span class="woocommerce-Price-amount amount">13.999.000&nbsp;<span class="woocommerce-Price-currencySymbol">₫</span></span></ins>
            </span>
        `);
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-a84f474 *//* Kéo dài nút Thêm vào giỏ hàng full chiều rộng */
.elementor-9188 .elementor-element.elementor-element-a84f474 .button.add_to_cart_button,
.elementor-9188 .elementor-element.elementor-element-a84f474 button.single_add_to_cart_button {
    background-color: #0071e3 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    padding: 14px 28px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hiệu ứng khi rê chuột */
.elementor-9188 .elementor-element.elementor-element-a84f474 .button.add_to_cart_button:hover,
.elementor-9188 .elementor-element.elementor-element-a84f474 button.single_add_to_cart_button:hover {
    background-color: #0077ed !important;
    opacity: 0.9;
}/* End custom CSS */