.elementor-267 .elementor-element.elementor-element-c95a33b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-91e7239{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-4dd2f00{--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-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-267 .elementor-element.elementor-element-7acc390{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-267 .elementor-element.elementor-element-feef0b2{--display:flex;}.elementor-267 .elementor-element.elementor-element-759b441{--display:flex;}.elementor-267 .elementor-element.elementor-element-ef436b9{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:14px;}.elementor-267 .elementor-element.elementor-element-20dd23a{--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;}/* Start custom CSS for nested-tabs, class: .elementor-element-ef436b9 *//* === CSS CHO WIDGET TABS (NESTED) ELEMENTOR - BRAND VIE === */

/* 1. Khung bao ngoài - Phong cách kỹ thuật chắc chắn */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs {
    border: 1px solid #e5e7eb;
    border-radius: 8px; /* Bo góc nhẹ kiểu công nghiệp */
    overflow: hidden;
    box-shadow: 0 4px 25px rgba(0,0,0,0.06);
    background: #ffffff;
}

/* 2. Thanh Header chứa các Tab (Nằm ngang & Cuộn mượt) */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    background-color: #ffffff;
    border-bottom: 2px solid #f1f1f1;
    scrollbar-width: none; /* Ẩn thanh cuộn Firefox */
    -webkit-overflow-scrolling: touch;
    gap: 0 !important;
    padding: 0 !important;
}

/* Ẩn thanh cuộn Chrome/Safari */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs-heading::-webkit-scrollbar {
    display: none;
}

/* 3. Nút Tab (Button) */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title {
    flex: 0 0 auto;
    padding: 20px 30px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 4px solid transparent !important; /* Thanh chỉ thị bên dưới */
    border-radius: 0 !important;
    margin: 0 !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    align-items: center;
    justify-content: center;
}

/* 4. Chữ trong Tab (Sử dụng Xám Đậm #424242) */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title-text {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #424242; /* Màu xám đậm thương hiệu VIE */
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

/* 5. Trạng thái Active (Đang được chọn - Chuyển sang Vàng #D8A624) */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title[aria-selected="true"] {
    background-color: rgba(216, 166, 36, 0.05) !important; /* Nền vàng cực nhạt */
    border-bottom-color: #D8A624 !important; /* Viền vàng thương hiệu */
}

.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: #D8A624 !important; /* Chữ chuyển sang màu vàng */
}

/* Hiệu ứng Hover */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title:hover {
    background-color: #f9f9f9 !important;
}

.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title:hover .e-n-tab-title-text {
    color: #D8A624;
}

/* 6. Vùng nội dung bên dưới (Content) */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs-content {
    padding: 40px !important;
    background-color: #ffffff;
    line-height: 1.6;
    color: #555555;
}

/* === MOBILE RESPONSIVE === */
@media (max-width: 767px) {
    /* Ép thanh tab luôn nằm ngang và cho phép vuốt tay qua lại */
    .elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs-heading {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    
    .elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title {
        padding: 15px 20px !important;
        min-width: 140px; /* Độ rộng tối thiểu để dễ bấm trên điện thoại */
    }
    
    .elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title-text {
        font-size: 13px;
    }
    
    .elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tabs-content {
        padding: 25px 20px !important;
    }
}

/* Trang trí thêm: Hiệu ứng gạch dưới chạy mượt hơn */
.elementor-267 .elementor-element.elementor-element-ef436b9 .e-n-tab-title::after {
    display: none; /* Tắt gạch dưới mặc định của Elementor nếu có */
}/* End custom CSS */