.elementor-21 .elementor-element.elementor-element-1c31b9a{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-21 .elementor-element.elementor-element-1c31b9a:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-1c31b9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-24e2f52{--display:flex;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;--border-radius:0px 0px 0px 0px;box-shadow:8px 8px 0px 0px #000000;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-21 .elementor-element.elementor-element-24e2f52:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-24e2f52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-21 .elementor-element.elementor-element-8e5df53 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:96px;font-weight:900;color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-5d68a7f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:800;font-style:italic;color:var( --e-global-color-6f1ceaa );}.elementor-21 .elementor-element.elementor-element-5d9860d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-5d9860d:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-5d9860d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#230F19;}.elementor-21 .elementor-element.elementor-element-e99410c{--display:flex;border-style:solid;--border-style:solid;border-width:4px 0px 4px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e99410c:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-e99410c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-21 .elementor-element.elementor-element-754ce79{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:0px 0px 0px 0px;--e-filter-space-between:4px;}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-6f1ceaa );}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item{font-family:"Inter", Sans-serif;font-size:20px;}.elementor-21 .elementor-element.elementor-element-d490ce6{--display:flex;--padding-top:0px;--padding-bottom:0px;--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-21 .elementor-element.elementor-element-f5188bd{--grid-columns:3;--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-f5188bd .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-f5188bd .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-21 .elementor-element.elementor-element-f5188bd .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-21 .elementor-element.elementor-element-f5188bd .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-21 .elementor-element.elementor-element-3ba0bbc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-3ba0bbc:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-3ba0bbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-04998cc .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:72px;font-weight:600;text-shadow:5px 5px 0px rgba(0, 0, 0, 0.89);color:var( --e-global-color-6f1ceaa );}.elementor-21 .elementor-element.elementor-element-a9a2e82{text-align:center;}.elementor-21 .elementor-element.elementor-element-a9a2e82 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-f74e8db .gallery-item{padding:0 20px 20px 0;}.elementor-21 .elementor-element.elementor-element-f74e8db .gallery{margin:0 -20px -20px 0;}.elementor-21 .elementor-element.elementor-element-f74e8db .gallery-item img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-f74e8db .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-widget-button .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-21 .elementor-element.elementor-element-7375a98 .elementor-button{background-color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;font-weight:900;line-height:1.5em;box-shadow:8px 8px 0px 0px #FFFFFF;border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-text );padding:16px 48px 16px 48px;}.elementor-21 .elementor-element.elementor-element-7375a98 .elementor-button:hover, .elementor-21 .elementor-element.elementor-element-7375a98 .elementor-button:focus{background-color:var( --e-global-color-6f1ceaa );color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-7375a98.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-7375a98 .elementor-button:hover svg, .elementor-21 .elementor-element.elementor-element-7375a98 .elementor-button:focus svg{fill:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-8e5df53 .elementor-heading-title{font-size:64px;}.elementor-21 .elementor-element.elementor-element-5d68a7f .elementor-heading-title{font-size:18px;}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item{font-size:18px;}.elementor-21 .elementor-element.elementor-element-f5188bd{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-21 .elementor-element.elementor-element-3ba0bbc{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-1c31b9a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:12px;--padding-right:12px;}.elementor-21 .elementor-element.elementor-element-24e2f52{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-21 .elementor-element.elementor-element-8e5df53 .elementor-heading-title{font-size:48px;}.elementor-21 .elementor-element.elementor-element-5d68a7f .elementor-heading-title{font-size:16px;}.elementor-21 .elementor-element.elementor-element-5d9860d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-754ce79{--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item{font-size:16px;}.elementor-21 .elementor-element.elementor-element-f5188bd{--grid-columns:1;}.elementor-21 .elementor-element.elementor-element-3ba0bbc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-04998cc{text-align:center;}.elementor-21 .elementor-element.elementor-element-04998cc .elementor-heading-title{font-size:36px;}.elementor-21 .elementor-element.elementor-element-a9a2e82 .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-24e2f52{--width:50%;}.elementor-21 .elementor-element.elementor-element-e99410c{--content-width:1080px;}}/* Start custom CSS for container, class: .elementor-element-1c31b9a */.elementor-21 .elementor-element.elementor-element-1c31b9a {
    background-color: #0033cc; /* Màu nền xanh */
    background-image: radial-gradient(#000000 1px, transparent 1px);
    background-size: 20px 20px; /* Khoảng cách giữa các dấu chấm */
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-754ce79 *//* Làm cho khung chứa (search) dàn hết 100% chiều rộng */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter {
    display: flex !important;
    width: 100% !important;
    gap: 0 !important; /* Xóa khoảng cách để các viền đen dính vào nhau */
    padding: 0 !important;
    margin: 0 !important;
}

/* Ép mỗi nút bấm (ADD-ONS, EXTENSIONS...) rộng bằng nhau tuyệt đối */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item {
    flex: 1 1 0 !important; /* Chia đều không gian cho các nút */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* --- CẤU HÌNH THEO YÊU CẦU CỦA BẠN --- */

    font-weight: 800 !important;  /* Độ dày 700 */
    /* -------------------------------------- */
    
    padding: 25px 10px !important; /* Tăng độ cao cho nút bự hơn */
    border: 3px solid #000000 !important; /* Viền đen dày giống mẫu */
    background-color: #FFFFFF !important; /* Nền trắng */
    color: #000000 !important; /* Chữ đen */
    text-transform: uppercase !important; /* Chữ in hoa */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* Nút "All" (Tất cả) - Ép nó lên vị trí đầu tiên nếu cần */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item[data-filter="__all"] {
    order: -1 !important;
}

/* Hiệu ứng khi nhấn vào (Active) hoặc di chuột qua (Hover) */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:hover,
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item[aria-pressed="true"] {
    background-color: #FF8C00 !important; /* Đổi nền sang màu CAM */
    color: #FFFFFF !important; /* Đổi chữ sang màu TRẮNG */
}
/* --- TRẠNG THÁI BÌNH THƯỜNG --- */

/* Màu mặc định cho nút ALL (Vị trí 1) */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(1) {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    transition: all 0.3s ease !important;
}

/* Màu mặc định cho nút NEON (Vị trí 2) */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(2) {
    background-color: #FF0080 !important;
    color: #FFFFFF !important;
    transition: all 0.3s ease !important;
}

/* Màu mặc định cho nút 3D ART (Vị trí 3) */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(3) {
    background-color: #0047BA !important;
    color: #FFFFFF !important;
    transition: all 0.3s ease !important;
}

/* Màu mặc định cho nút MINIMALIST (Vị trí 4) */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(4) {
    background-color: #FF8C00 !important;
    color: #000000 !important;
    transition: all 0.3s ease !important;
}

/* --- TRẠNG THÁI HOVER (Nền Trắng - Chữ đổi màu) --- */

/* Hover nút ALL: Chữ thành Đen */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(1):hover {
    background-color: #FFFFFF !important;
    color: #1A1A1A !important;
}

/* Hover nút NEON: Chữ thành Hồng */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(2):hover {
    background-color: #FFFFFF !important;
    color: #FF0080 !important;
}

/* Hover nút 3D ART: Chữ thành Xanh */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(3):hover {
    background-color: #FFFFFF !important;
    color: #0047BA !important;
}

/* Hover nút MINIMALIST: Chữ thành Cam */
.elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item:nth-child(4):hover {
    background-color: #FFFFFF !important;
    color: #FF8C00 !important;
}
/* Chỉ áp dụng cho màn hình điện thoại (dưới 767px) */
@media (max-width: 767px) {
    .elementor-21 .elementor-element.elementor-element-754ce79 .elementor-taxonomy-filter {
        display: flex !important;
        flex-wrap: nowrap !important; /* Ép không cho nhảy dòng */
        overflow-x: auto !important; /* Cho phép vuốt ngang */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px; /* Khoảng cách nhỏ cho thanh cuộn */
    }

    .elementor-21 .elementor-element.elementor-element-754ce79 .e-filter-item {
        flex: 0 0 auto !important; /* Không cho các nút tự co lại */
        min-width: 100px !important; /* Đảm bảo nút không bị quá hẹp */
        text-align: center;
        scroll-snap-align: start;
    }

    /* Ẩn thanh cuộn để nhìn cho mượt (tùy chọn) */
    .elementor-21 .elementor-element.elementor-element-754ce79 .elementor-taxonomy-filter::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-f5188bd *//* --- 1. THIẾT LẬP NỀN VÀ VIỀN CHO CÁC Ô --- */

/* Ô LẺ (Số 1, 3, 5...) - Nền Xanh */
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(odd) .elementor-element-29a8c24 {
    background-color: #0047BA !important;
    border: 3px solid #000000 !important;
}

/* Ô CHẴN (Số 2, 4, 6...) - Nền Cam */
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(even) .elementor-element-29a8c24 {
    background-color: #FF8C00 !important;
    border: 3px solid #000000 !important;
}

/* --- 2. THIẾT LẬP MÀU CHỮ XEN KẼ NGƯỢC LẠI --- */

/* Trong Ô NỀN XANH: Mô tả màu Cam, còn lại màu Trắng */
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(odd) .elementor-element-51da686 .elementor-heading-title, 
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(odd) .elementor-element-f7d94f7 .elementor-heading-title {
    color: #FFFFFF !important; /* Tên & Giá màu Trắng */
}
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(odd) .elementor-element-aaf1266 {
    color: #FF8C00 !important; /* Mô tả màu Cam */
    font-weight: bold;
}

/* Trong Ô NỀN CAM: Mô tả màu Xanh, còn lại màu Trắng */
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(even) .elementor-element-51da686 .elementor-heading-title, 
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(even) .elementor-element-f7d94f7 .elementor-heading-title {
    color: #FFFFFF !important; /* Tên & Giá màu Trắng */
}
.elementor-21 .elementor-element.elementor-element-f5188bd .elementor-loop-container > .e-loop-item:nth-child(even) .elementor-element-aaf1266 {
    color: #0047BA !important; /* Mô tả màu Xanh */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-f74e8db *//* Ép tất cả ảnh thành hình vuông (Dài = Rộng) */
.elementor-21 .elementor-element.elementor-element-f74e8db .gallery-icon img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Khóa tỉ lệ vuông */
    object-fit: cover !important; /* Chống móp méo ảnh */
    height: auto !important;
}

/* Đảm bảo các khung chứa không bị lệch hàng */
.elementor-21 .elementor-element.elementor-element-f74e8db .gallery-item {
    margin: 0 !important;
    vertical-align: top !important;
}/* End custom CSS */