.elementor-2054 .elementor-element.elementor-element-9fc088e{--display:flex;--min-height:170px;--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-2054 .elementor-element.elementor-element-621017a{text-align:center;}.elementor-2054 .elementor-element.elementor-element-3f6724c{--display:flex;--min-height:1440px;--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;--flex-wrap:nowrap;}.elementor-2054 .elementor-element.elementor-element-3f6724c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2054 .elementor-element.elementor-element-ece6eca{--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-2054 .elementor-element.elementor-element-9d96d29 .woolentor-filter-wrap form.wl_product_search_form button i{font-size:12px;}.elementor-2054 .elementor-element.elementor-element-c3c6890{width:var( --container-widget-width, 105.721% );max-width:105.721%;--container-widget-width:105.721%;--container-widget-flex-grow:0;}.elementor-2054 .elementor-element.elementor-element-c3c6890 > .elementor-widget-container{margin:1px 1px 1px 1px;padding:15px 15px 15px 15px;}.elementor-2054 .elementor-element.elementor-element-c3c6890.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2054 .elementor-element.elementor-element-03a47bf{padding:10px 10px 10px 10px;}.elementor-2054 .elementor-element.elementor-element-6b3c5df{padding:10px 10px 10px 10px;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-thumbnail{border-color:#ffffff;}.elementor-2054 .elementor-element.elementor-element-c1c794d .ht-products .ht-product .ht-product-inner{border-color:#ffffff;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .product-content-top .title a{color:#333333;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .product-content-top .title a:hover{color:#0A3ACA;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item.wl_dark-item .product-content .product-content-top .title a:hover{color:#0A3ACA;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .product-content-top .product-price{color:#0A3ACA;}.woocommerce .elementor-2054 .elementor-element.elementor-element-c1c794d div.product span.price{color:#0A3ACA;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .product-content-top .product-price del{color:#0A3ACA !important;}.woocommerce .elementor-2054 .elementor-element.elementor-element-c1c794d div.product span.price del{color:#0A3ACA;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .product-content-top p{color:#2B2B4C;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .star-rating{color:#2B2B4C;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .star-rating span{color:#2B2B4C;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .action li a,.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .action li .woolentor-compare.compare::before{color:#ffffff;}.elementor-2054 .elementor-element.elementor-element-c1c794d .wl_single-product-item .product-content .action li a:hover,.wl_single-product-item .action li .woolentor-compare.compare:hover::before{color:#ffffff;}.elementor-2054 .elementor-element.elementor-element-7d9e0cf{--display:flex;--min-height:1010px;--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-2054 .elementor-element.elementor-element-cdd014f{--display:flex;}.elementor-2054 .elementor-element.elementor-element-fba461a{--e-image-carousel-slides-to-show:2;}.elementor-2054 .elementor-element.elementor-element-fba461a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;}.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-pagination-bullet{width:9px;height:9px;}.elementor-2054 .elementor-element.elementor-element-262baa2.elementor-widget-woolentor-product-archive-addons ul.products li.product span.onsale{display:block;background-color:#FF0000;border-radius:20px 20px 20px 20px;}.elementor-2054 .elementor-element.elementor-element-262baa2.elementor-widget-woolentor-product-archive-addons span.onsale{display:block !important;background-color:#FF0000 !important;border-radius:20px 20px 20px 20px !important;}.elementor-2054 .elementor-element.elementor-element-0262520{--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-2054 .elementor-element.elementor-element-66aa74d{--spacer-size:237px;}.elementor-2054 .elementor-element.elementor-element-c34fe2d{text-align:center;}.elementor-2054 .elementor-element.elementor-element-463c0d8{--spacer-size:50px;}@media(min-width:768px){.elementor-2054 .elementor-element.elementor-element-3f6724c{--width:91.938%;}.elementor-2054 .elementor-element.elementor-element-ece6eca{--width:25%;}.elementor-2054 .elementor-element.elementor-element-7d9e0cf{--width:75%;}}/* Start custom CSS for container, class: .elementor-element-ece6eca *//* =========================================
   1. ÉP TẤT CẢ NẰM NGANG TRÊN 1 DÒNG (DESKTOP)
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-ho-filter-area,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-wrap {
    display: flex !important;
    flex-wrap: nowrap !important; /* Ép không cho rớt dòng */
    align-items: center !important;
    justify-content: space-between !important; /* Đẩy Search và Filter xa nhau ra */
    gap: 15px !important;
    width: 100% !important;
}

/* =========================================
   2. THU NHỎ PHẦN SEARCH BỊ TO QUÁ
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-search-form,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-ho-filter-search {
    max-width: 260px !important; /* Khóa độ rộng thanh tìm kiếm lại, không cho bành trướng */
    flex-shrink: 0 !important;
}

.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="text"],
.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="search"] {
    background-color: #f8fafc !important; 
    border: 1px solid #e0e6ed !important;
    border-radius: 30px !important;
    padding: 8px 15px !important; /* Làm ô search mỏng và gọn hơn */
    color: #333 !important;
    font-size: 13px !important;
    height: 40px !important; /* Chốt cứng chiều cao cho bằng với các ô lọc */
    width: 100% !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* Hiệu ứng khi click vào gõ tìm kiếm */
.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="text"]:focus,
.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="search"]:focus {
    background-color: #ffffff !important;
    border-color: #1e2a4a !important; /* Đổi sang màu xanh mới */
    box-shadow: 0 0 0 2px rgba(30, 42, 74, 0.1) !important;
    outline: none !important;
}

/* =========================================
   3. LÀM ĐẸP & GỌN CÁC Ô LỌC (DROPDOWN)
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-menu {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.elementor-2054 .elementor-element.elementor-element-ece6eca select {
    background-color: #ffffff !important;
    color: #1e2a4a !important; /* Chữ màu xanh mới */
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1px solid #e0e6ed !important;
    border-radius: 30px !important; 
    padding: 8px 30px 8px 15px !important; /* Thu nhỏ lề cho gọn */
    height: 40px !important; /* Bằng chiều cao ô Search */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    cursor: pointer !important;

    /* Đổi màu mũi tên SVG sang xanh #1e2a4a */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231e2a4a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px !important;
}

.elementor-2054 .elementor-element.elementor-element-ece6eca select:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca select:focus {
    border-color: #1e2a4a !important; /* Viền sáng lên màu xanh mới */
    box-shadow: 0 4px 12px rgba(30, 42, 74, 0.08) !important;
    outline: none !important;
}

/* =========================================
   4. ĐỔI MÀU NÚT ICON (#1e2a4a) VÀ THU GỌN
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca button,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-icon,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-search-icon,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-btn {
    background-color: #1e2a4a !important; /* Nền xanh mới */
    color: #ffffff !important; 
    border: none !important;
    border-radius: 50% !important; 
    width: 40px !important; /* Nút gọn lại */
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Hover sang xanh lá */
.elementor-2054 .elementor-element.elementor-element-ece6eca button:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-icon:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-search-icon:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-btn:hover {
    background-color: #4caf50 !important; 
    transform: translateY(-2px) !important; 
}

/* =========================================
   5. XỬ LÝ TRÊN MÀN HÌNH ĐIỆN THOẠI (MOBILE)
========================================= */
@media (max-width: 768px) {
    .elementor-2054 .elementor-element.elementor-element-ece6eca .wl-ho-filter-area,
    .elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-wrap {
        flex-wrap: wrap !important; /* Cho phép rớt dòng trên Mobile */
        justify-content: center !important;
    }
    .elementor-2054 .elementor-element.elementor-element-ece6eca .wl-search-form,
    .elementor-2054 .elementor-element.elementor-element-ece6eca .wl-ho-filter-search {
        max-width: 100% !important; /* Phóng to ô search trên đt */
        margin-bottom: 10px !important;
    }
    .elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-menu {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}
/* =========================================
   1. ĐỔI MÀU CÁC TIÊU ĐỀ (HEADINGS)
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca h2, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h3, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h4, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .widget-title, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .elementor-heading-title {
    color: #1e2a4a !important; /* Đổi sang màu Xanh Navy bạn chọn */
}

/* Đổi luôn màu của cái đường gạch ngang dưới tiêu đề (nếu có) sang xanh Navy */
.elementor-2054 .elementor-element.elementor-element-ece6eca h2::after, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h3::after, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .widget-title::after {
    background-color: #1e2a4a !important; 
}

/* =========================================
   2. LÀM VUÔNG VỨC CÁC Ô TÌM KIẾM & NÚT BẤM
========================================= */
/* Ô nhập chữ (Search) */
.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="text"],
.elementor-2054 .elementor-element.elementor-element-ece6eca input[type="search"] {
    border-radius: 4px !important; /* Bo góc cực nhẹ (4px) để nhìn vuông vắn, cứng cáp mà không bị thô */
    border: 1px solid #cbd5e1 !important;
}

/* Các nút bấm (Nút Filter, Nút kính lúp, Nút Add to cart...) */
.elementor-2054 .elementor-element.elementor-element-ece6eca button,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-btn,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-search-icon,
.elementor-2054 .elementor-element.elementor-element-ece6eca .button,
.elementor-2054 .elementor-element.elementor-element-ece6eca .add_to_cart_button {
    border-radius: 4px !important; /* Làm vuông nút giống ô tìm kiếm */
    background-color: #1e2a4a !important; /* Đổi nền nút thành màu Xanh Navy luôn cho đồng bộ */
    color: #ffffff !important;
    border: 1px solid #1e2a4a !important;
}

/* Hiệu ứng khi khách hàng trỏ chuột vào nút */
.elementor-2054 .elementor-element.elementor-element-ece6eca button:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .wl-filter-btn:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .button:hover,
.elementor-2054 .elementor-element.elementor-element-ece6eca .add_to_cart_button:hover {
    background-color: #1e2a4a !important; /* Đổi sang màu xanh lá của Logo */
    border-color: #4caf50 !important;
    color: #ffffff !important;
}
/* =========================================
   LÀM NỔI BẬT KHỐI TIÊU ĐỀ (CATEGORIES & RECENTLY VIEWED)
========================================= */
.elementor-2054 .elementor-element.elementor-element-ece6eca h2, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h3, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h4, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .widget-title, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .elementor-heading-title {
    background-color: #1e2a4a !important; /* Đổ nền màu Xanh Navy */
    color: #ffffff !important; /* Đổi chữ thành màu Trắng */
    padding: 12px 15px !important; /* Tạo độ dày cho khối nền để chữ dễ thở */
    border-radius: 4px !important; /* Bo góc 4px cho vuông vức, nam tính */
    margin-bottom: 20px !important; /* Khoảng cách với phần nội dung bên dưới */
    text-transform: uppercase !important; /* (Tùy chọn) Ép viết hoa toàn bộ cho mạnh mẽ */
    text-align: center !important; /* Căn giữa chữ trong khối */
    border-bottom: none !important; /* Xóa đường viền gạch dưới của giao diện cũ */
}

/* Ẩn cái gạch ngang trang trí ở code cũ đi vì giờ đã có khối màu lớn */
.elementor-2054 .elementor-element.elementor-element-ece6eca h2::after, 
.elementor-2054 .elementor-element.elementor-element-ece6eca h3::after, 
.elementor-2054 .elementor-element.elementor-element-ece6eca .widget-title::after,
.elementor-2054 .elementor-element.elementor-element-ece6eca .elementor-heading-title::after {
    display: none !important; 
}

/* Đảm bảo danh sách menu bên dưới không bị dính sát vào khối tiêu đề */
.elementor-2054 .elementor-element.elementor-element-ece6eca .elementor-widget-wp-widget-nav_menu,
.elementor-2054 .elementor-element.elementor-element-ece6eca .elementor-widget-wl-product-curvy {
    margin-top: 15px !important;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-fba461a *//* 1. Bo góc và tạo hiệu ứng cho ảnh banner */
.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-slide {
    padding: 10px 5px; /* Tạo khoảng trống nhẹ để bóng đổ không bị xén mất */
}

.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-slide-image {
    border-radius: 12px; /* Bo góc mềm mại cho banner */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Bóng đổ rất nhẹ để tách khỏi nền */
    transition: transform 0.4s ease, box-shadow 0.4s ease; /* Tạo độ mượt cho hiệu ứng */
    cursor: pointer;
}

/* Hiệu ứng khi trỏ chuột vào banner */
.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-slide:hover .swiper-slide-image {
    transform: translateY(-3px); /* Hơi nổi lên trên */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); /* Bóng đổ đậm và rộng hơn */
}

/* 2. Tùy chỉnh các dấu chấm chuyển slide (Pagination) */
.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-pagination-bullets {
    bottom: -5px !important; /* Đẩy thanh chấm xuống dưới một chút cho thoáng */
}

.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #d1d5db; /* Màu xám nhạt cho chấm chưa chọn */
    opacity: 1;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 6px !important;
}

/* Chấm đang được chọn (Active) - Đổi thành dạng thanh dài (Pill shape) */
.elementor-2054 .elementor-element.elementor-element-fba461a .swiper-pagination-bullet-active {
    width: 24px; /* Kéo dài thành hình viên thuốc */
    background-color: #1a2b4c; /* Màu xanh đen đậm đồng bộ với khối Menu bên trái */
}

/* 3. Tùy chỉnh và Căn giữa tuyệt đối mũi tên điều hướng */
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #1a2b4c !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease !important;
    /* Kéo mũi tên lên một chút để bù trừ cho khoảng trống của thanh dấu chấm bên dưới */
    transform: translateY(-60%) !important; 
}

/* Ép icon bên trong nằm ngay chính giữa tâm */
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button i,
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button svg {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Hiệu ứng khi trỏ chuột vào mũi tên */
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button:hover {
    background-color: #1a2b4c !important;
    color: #ffffff !important;
    transform: translateY(-60%) scale(1.05) !important; /* Phóng to nhẹ khi hover */
}

/* Căn lề hai bên mép cho mũi tên thụt vào vừa phải */
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button-prev {
    left: 15px !important;
}
.elementor-2054 .elementor-element.elementor-element-fba461a .elementor-swiper-button-next {
    right: 15px !important;
}/* End custom CSS */
/* Start custom CSS for woolentor-product-archive-addons, class: .elementor-element-262baa2 *//* =========================================
   1. TRẢ LẠI NỀN TRẮNG VÀ CHỮ HIỂN THỊ
========================================= */
.elementor-2054 .elementor-element.elementor-element-262baa2 {
    background-color: transparent !important; /* Bỏ nền xanh, trong suốt để lấy nền trắng của web */
    padding: 10px 0 !important; 
}

/* Chữ "Showing 1-12..." chuyển về màu xanh đen cho dễ đọc */
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-result-count {
    color: #1e2a4a !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* =========================================
   2. LÀM GỌN GÀNG CÁC THẺ SẢN PHẨM
========================================= */
.elementor-2054 .elementor-element.elementor-element-262baa2 ul.products li.product {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 15px !important;
    border: 1px solid #e2e8f0 !important; /* Viền mờ tinh tế */
    transition: all 0.3s ease !important;
}

/* Rê chuột vào sản phẩm -> Nổi bóng mờ và viền đổi màu xanh Navy */
.elementor-2054 .elementor-element.elementor-element-262baa2 ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    border-color: #1e2a4a !important; 
}

/* =========================================
   3. HIỆU ỨNG NÚT "ADD TO CART" MÀU XANH
========================================= */
.elementor-2054 .elementor-element.elementor-element-262baa2 .button,
.elementor-2054 .elementor-element.elementor-element-262baa2 .add_to_cart_button {
    background-color: #ffffff !important; /* Nền nút màu trắng */
    color: #1e2a4a !important; /* Chữ màu Xanh Navy */
    border: 1px solid #1e2a4a !important; /* Viền Xanh Navy */
    border-radius: 30px !important; /* Bo tròn xoe */
    padding: 10px !important;
    width: 100% !important; /* Ép dài hết cỡ cho cân đối */
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-top: 15px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Khi khách hàng trỏ chuột vào -> Nút lấp đầy màu Xanh Navy */
.elementor-2054 .elementor-element.elementor-element-262baa2 .button:hover,
.elementor-2054 .elementor-element.elementor-element-262baa2 .add_to_cart_button:hover {
    background-color: #1e2a4a !important;
    color: #ffffff !important;
}

/* =========================================
   4. LỘT XÁC PHẦN ĐẾM SỐ (PHÂN TRANG) Ở CUỐI
========================================= */
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination {
    margin-top: 40px !important;
}

.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul {
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important; /* Khoảng cách giữa các số */
}

.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul li {
    border: none !important;
}

/* Tạo hình tròn cho các nút bấm số */
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul li a,
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important; /* Tròn xoe */
    background-color: #f1f5f9 !important; /* Nền xám nhạt */
    color: #1e2a4a !important; /* Số màu xanh */
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

/* Khi trỏ chuột vào các số khác */
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul li a:hover {
    background-color: #e2e8f0 !important;
    transform: translateY(-2px) !important;
}

/* Đánh dấu nổi bật Trang hiện tại (Current Page) */
.elementor-2054 .elementor-element.elementor-element-262baa2 .woocommerce-pagination ul li span.current {
    background-color: #1e2a4a !important; /* Đổ màu nền Xanh Navy */
    color: #ffffff !important; /* Số màu trắng */
    box-shadow: 0 4px 10px rgba(30, 42, 74, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0262520 */\/* =========================================
   THIẾT KẾ FORM WHOLESALE PHÂN DÒNG 2 CỘT
========================================= */

/* 1. Khung tổng quát của Form */
.elementor-2054 .elementor-element.elementor-element-0262520 .ilsi-wholesale-form {
    background-color: #ffffff !important;
    padding: 40px !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 6px solid #1e2a4a !important; /* Thanh nhấn màu xanh Navy trên cùng */
    border-radius: 4px !important; /* Vuông vức chuyên nghiệp */
    box-shadow: 0 10px 30px rgba(30, 42, 74, 0.05) !important;
}

/* 2. Chia dòng 2 cột (Giữ nguyên cấu trúc Row) */
.elementor-2054 .elementor-element.elementor-element-0262520 .form-row {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    margin-bottom: 5px !important;
}

.elementor-2054 .elementor-element.elementor-element-0262520 .form-group.half {
    flex: 1 !important;
    min-width: 250px !important; /* Đảm bảo trên mobile sẽ tự rớt dòng */
}

/* 3. Màu sắc và font chữ Label (Tiêu đề ô nhập) */
.elementor-2054 .elementor-element.elementor-element-0262520 .ilsi-wholesale-form label {
    display: block !important;
    font-weight: 700 !important;
    color: #1e2a4a !important; /* Màu xanh Navy công ty */
    margin-bottom: 8px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 4. Cấu hình các ô nhập liệu (Inputs) */
.elementor-2054 .elementor-element.elementor-element-0262520 input[type="text"],
.elementor-2054 .elementor-element.elementor-element-0262520 input[type="email"],
.elementor-2054 .elementor-element.elementor-element-0262520 input[type="tel"],
.elementor-2054 .elementor-element.elementor-element-0262520 textarea {
    width: 100% !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 2px !important; /* Vuông vắn */
    padding: 12px 15px !important;
    background-color: #fcfdfe !important;
    transition: all 0.3s ease !important;
}

/* Hiệu ứng khi click vào ô - Màu xanh công ty nhấn mạnh */
.elementor-2054 .elementor-element.elementor-element-0262520 input:focus,
.elementor-2054 .elementor-element.elementor-element-0262520 textarea:focus {
    border-color: #1e2a4a !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(30, 42, 74, 0.1) !important;
    outline: none !important;
}

/* 5. Nút Gửi yêu cầu (Màu xanh Navy -> Xanh lá) */
.elementor-2054 .elementor-element.elementor-element-0262520 .wpcf7-submit {
    background-color: #1e2a4a !important;
    color: #ffffff !important;
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    margin-top: 10px !important;
}

/* Hover chuyển sang màu xanh lá của Logo */
.elementor-2054 .elementor-element.elementor-element-0262520 .wpcf7-submit:hover {
    background-color: #4caf50 !important;
    box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
    transform: translateY(-2px);
}/* End custom CSS */