.elementor-942 .elementor-element.elementor-element-ee1be20{--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-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-942 .elementor-element.elementor-element-251fbfc .elementor-heading-title{color:var( --e-global-color-text );}.elementor-942 .elementor-element.elementor-element-d10b87b{--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;--justify-content:flex-start;}.elementor-942 .elementor-element.elementor-element-18d72f2{--e-filter-direction:column;--e-filter-white-space:initial;z-index:10;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-hover-text-color:var( --e-global-color-primary );--e-filter-active-text-color:var( --e-global-color-primary );}.elementor-942 .elementor-element.elementor-element-7db6c81{--e-filter-direction:column;--e-filter-white-space:initial;z-index:10;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-hover-text-color:var( --e-global-color-primary );--e-filter-active-text-color:var( --e-global-color-primary );}.elementor-942 .elementor-element.elementor-element-d4183dd{--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;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-942 .elementor-element.elementor-element-f271671{--grid-columns:4;}@media(max-width:1024px){.elementor-942 .elementor-element.elementor-element-d10b87b{--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;--justify-content:space-between;}.elementor-942 .elementor-element.elementor-element-f271671{--grid-columns:2;}}@media(max-width:767px){.elementor-942 .elementor-element.elementor-element-d10b87b{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-942 .elementor-element.elementor-element-18d72f2{z-index:900;}.elementor-942 .elementor-element.elementor-element-7db6c81{z-index:899;}.elementor-942 .elementor-element.elementor-element-f271671{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-18d72f2 *//* 1. Thiết lập khung chính - Bo góc và đổ bóng nhẹ */
.elementor-942 .elementor-element.elementor-element-18d72f2 {
    height: 42px !important;
    width: 250px;
    position: relative;
    z-index: 999;
    margin-bottom: 20px;
}

/* 2. Cấu hình hộp Dropdown - Bo tròn và viền mặc định xám nhạt */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    background: #fff;
    border: 1px solid #e0e0e0; /* Viền xám nhẹ mặc định */
    border-radius: 8px; /* Bo góc nhiều hơn cho giống mẫu */
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Hiệu ứng khi di chuột vào CẢ HỘP: Hiện viền đỏ Toyota */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter:hover {
    border-color: #eb0a1e !important; /* Màu đỏ thương hiệu Toyota */
    box-shadow: 0 4px 12px rgba(235, 10, 30, 0.15); /* Đổ bóng đỏ nhẹ */
}

/* 3. Mũi tên nhỏ gọn - Thay đổi theo màu đỏ khi hover */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter::after {
    content: '▼';
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 10px;
    color: #666;
    pointer-events: none;
    z-index: 10;
    transition: color 0.3s ease;
}

.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter:hover::after {
    color: #eb0a1e;
}

/* 4. Cấu hình các mục (Items) */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter-item {
    display: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 10px 15px !important; 
    line-height: 1.2 !important;
    font-size: 14px !important;
    background: #fff;
    border: none !important;
    color: #333;
    margin: 0 !important;
    transition: all 0.2s ease;
}

/* 5. Mục đang được chọn (Nhãn chính) */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter-item[aria-pressed="true"] {
    display: block !important;
    order: -1;
    font-weight: 500;
    background-color: #ffffff !important;
}

/* 6. Hiện danh sách khi Hover */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter:hover .e-filter-item {
    display: block !important;
}

/* 7. Hiệu ứng Hover vào từng dòng: Chuyển nền đỏ, chữ trắng */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter-item:hover {
    background-color: #eb0a1e !important;
    color: #fff !important;
}

/* Loại bỏ viền cuối cùng để không bị răng cưa */
.elementor-942 .elementor-element.elementor-element-18d72f2 .e-filter-item:last-child {
    border-bottom: none !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-7db6c81 *//* 1. Thiết lập khung chính - Bo góc và đổ bóng nhẹ */
.elementor-942 .elementor-element.elementor-element-7db6c81 {
    height: 42px !important;
    width: 250px;
    position: relative;
    z-index: 999;
    margin-bottom: 20px;
}

/* 2. Cấu hình hộp Dropdown - Bo tròn và viền mặc định xám nhạt */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    background: #fff;
    border: 1px solid #e0e0e0; /* Viền xám nhẹ mặc định */
    border-radius: 8px; /* Bo góc nhiều hơn cho giống mẫu */
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Hiệu ứng khi di chuột vào CẢ HỘP: Hiện viền đỏ Toyota */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter:hover {
    border-color: #eb0a1e !important; /* Màu đỏ thương hiệu Toyota */
    box-shadow: 0 4px 12px rgba(235, 10, 30, 0.15); /* Đổ bóng đỏ nhẹ */
}

/* 3. Mũi tên nhỏ gọn - Thay đổi theo màu đỏ khi hover */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter::after {
    content: '▼';
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 10px;
    color: #666;
    pointer-events: none;
    z-index: 10;
    transition: color 0.3s ease;
}

.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter:hover::after {
    color: #eb0a1e;
}

/* 4. Cấu hình các mục (Items) */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter-item {
    display: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 10px 15px !important; 
    line-height: 1.2 !important;
    font-size: 14px !important;
    background: #fff;
    border: none !important;
    color: #333;
    margin: 0 !important;
    transition: all 0.2s ease;
}

/* 5. Mục đang được chọn (Nhãn chính) */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter-item[aria-pressed="true"] {
    display: block !important;
    order: -1;
    font-weight: 500;
    background-color: #ffffff !important;
}

/* 6. Hiện danh sách khi Hover */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter:hover .e-filter-item {
    display: block !important;
}

/* 7. Hiệu ứng Hover vào từng dòng: Chuyển nền đỏ, chữ trắng */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter-item:hover {
    background-color: #eb0a1e !important;
    color: #fff !important;
}

/* Loại bỏ viền cuối cùng để không bị răng cưa */
.elementor-942 .elementor-element.elementor-element-7db6c81 .e-filter-item:last-child {
    border-bottom: none !important;
}/* End custom CSS */