.elementor-56 .elementor-element.elementor-element-53827db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-56 .elementor-element.elementor-element-53827db:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-53827db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-site-logo .widget-image-caption{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-56 .elementor-element.elementor-element-84b6965{width:var( --container-widget-width, 9.312% );max-width:9.312%;--container-widget-width:9.312%;--container-widget-flex-grow:0;}.elementor-56 .elementor-element.elementor-element-84b6965.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-56 .elementor-element.elementor-element-2f21c92{width:var( --container-widget-width, 72.126% );max-width:72.126%;--container-widget-width:72.126%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 1px / 2 );}.elementor-56 .elementor-element.elementor-element-2f21c92.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-2f21c92 .elementor-menu-toggle{margin:0 auto;}.elementor-56 .elementor-element.elementor-element-2f21c92 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:1px;}.elementor-56 .elementor-element.elementor-element-2f21c92 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:1px;}.elementor-56 .elementor-element.elementor-element-a987433{--display:flex;}.elementor-56 .elementor-element.elementor-element-a987433.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-bc0e780 .elementor-icon-wrapper{text-align:center;}.elementor-56 .elementor-element.elementor-element-bc0e780.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-bc0e780.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-bc0e780.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-bc0e780.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-bc0e780.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-bc0e780 .elementor-icon{font-size:17px;}.elementor-56 .elementor-element.elementor-element-bc0e780 .elementor-icon svg{height:17px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-56 .elementor-element.elementor-element-12ac60b{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#61A63C;--toggle-button-border-width:0px;--toggle-icon-size:35px;--cart-border-style:none;--remove-item-button-size:0px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--cart-footer-buttons-border-radius:8px;--view-cart-button-background-color:#8CC46E;--checkout-button-background-color:#61A63C;}.elementor-56 .elementor-element.elementor-element-12ac60b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-12ac60b .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-56 .elementor-element.elementor-element-12ac60b .elementor-button--view-cart{border-style:none;}.elementor-56 .elementor-element.elementor-element-12ac60b .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:8px 8px 8px 8px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-a987433{--width:3.159%;}}/* Start custom CSS for search, class: .elementor-element-52ff812 *//* ===== 1. KHUNG CHỨA TỔNG (TRÓI 2 Ô VÀO NHAU CHẶN CHẶN) ===== */
.elementor-56 .elementor-element.elementor-element-52ff812 form,
.elementor-56 .elementor-element.elementor-element-52ff812 .elementor-search-form,
.elementor-56 .elementor-element.elementor-element-52ff812 .jet-ajax-search__full-form {
    display: flex !important;
    flex-direction: row !important; /* Xếp hàng ngang */
    align-items: stretch !important; /* ÉP CẢ 2 BÊN PHẢI CAO BẰNG NHAU TUYỆT ĐỐI */
    justify-content: center !important;
    width: 320px !important;
    gap: 0 !important; /* Dính liền nhau */
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
}

/* ===== 2. Ô NHẬP LIỆU MÀU TRẮNG ===== */
.elementor-56 .elementor-element.elementor-element-52ff812 input[type="search"],
.elementor-56 .elementor-element.elementor-element-52ff812 .elementor-search-form__input,
.elementor-56 .elementor-element.elementor-element-52ff812 .jet-ajax-search__field {
    display: block !important;
    flex: 1 !important; /* Chiếm hết khoảng trống bên trái */
    width: 100% !important;
    
    /* Để chiều cao tự nhiên theo theme của bạn */
    padding: 10px 12px !important; 
    background: #ffffff !important;
    color: #333333 !important;
    font-size: 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    
    /* Thiết lập viền */
    border: 1px solid #cccccc !important;
    border-right: none !important; /* Bỏ viền phải để nối vào nút xanh */
    border-radius: 8px 0 0 8px !important; 
}

/* ===== 3. NÚT TÌM KIẾM MÀU XANH LÁ (ÉP CAO THEO Ô TRẮNG) ===== */
.elementor-56 .elementor-element.elementor-element-52ff812 button[type="submit"],
.elementor-56 .elementor-element.elementor-element-52ff812 .elementor-search-form__submit,
.elementor-56 .elementor-element.elementor-element-52ff812 .jet-ajax-search__submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* CẤU HÌNH QUYẾT ĐỊNH: */
    width: 45px !important;
    min-width: 45px !important;
    height: auto !important; /* Bỏ khóa cứng chiều cao cũ */
    align-self: stretch !important; /* Tự giãn cao 100% bằng khít ô chữ trắng */
    
    background-color: #61a63c !important; /* Màu xanh lá thương hiệu */
    border: 1px solid #61a63c !important; /* Thêm viền xanh để bằng độ dày ô trắng */
    border-radius: 0 8px 8px 0 !important; 
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    
    /* Ẩn chữ Search cũ */
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* ===== 4. ICON KÍNH LÚP TRẮNG NẰM TRONG NÚT XANH ===== */
.elementor-56 .elementor-element.elementor-element-52ff812 button[type="submit"]::before,
.elementor-56 .elementor-element.elementor-element-52ff812 button[type="submit"] i,
.elementor-56 .elementor-element.elementor-element-52ff812 .elementor-search-form__submit::after,
.elementor-56 .elementor-element.elementor-element-52ff812 .jet-ajax-search__submit-icon {
    content: "\f002" !important; 
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    
    /* Căn giữa */
    text-indent: 0 !important;
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
} 
/* ===== BẺ KHÓA: MỞ LẠI TƯƠNG TÁC CHUỘT KHI HOVER ĐỂ GÕ CHỮ ===== */
.elementor-56 .elementor-element.elementor-element-52ff812:hover,
.elementor-56 .elementor-element.elementor-element-52ff812:hover .elementor-widget-search, 
.elementor-56 .elementor-element.elementor-element-52ff812:hover .jet-ajax-search,
.elementor-56 .elementor-element.elementor-element-52ff812:hover .jet-ajax-search__container,
.elementor-56 .elementor-element.elementor-element-52ff812:hover .jet-ajax-search__full-form,
.elementor-56 .elementor-element.elementor-element-52ff812:hover input[type="search"],
.elementor-56 .elementor-element.elementor-element-52ff812:hover .jet-ajax-search__field {
    pointer-events: auto !important; /* Kích hoạt lại tương tác chuột */
    cursor: text !important; /* Hiện con trỏ chuột dạng nhập liệu khi rê vào ô chữ */
}

/* Đảm bảo ô input khi được click vào (focus) không bị mất tương tác */
.elementor-56 .elementor-element.elementor-element-52ff812 input[type="search"]:focus,
.elementor-56 .elementor-element.elementor-element-52ff812 .jet-ajax-search__field:focus {
    pointer-events: auto !important;
    background-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a987433 *//* ===== 1. BIẾN ICON GỐC THÀNH KHUNG TRÒN XANH LÁ ===== */
.elementor-56 .elementor-element.elementor-element-a987433 {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    /* Tạo vòng tròn màu xanh lá cho icon */
    width: 40px !important;
    height: 40px !important;
    background-color: #61a63c !important; /* Màu xanh lá thương hiệu */
    border-radius: 50% !important; /* Tròn xoe */
    cursor: pointer;
}

/* Ép cái icon bên trong đổi sang màu trắng và căn giữa */
.elementor-56 .elementor-element.elementor-element-a987433 i, 
.elementor-56 .elementor-element.elementor-element-a987433 svg,
.elementor-56 .elementor-element.elementor-element-a987433 img {
    color: #ffffff !important;
    fill: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 !important;
}

/* ===== 2. ẨN VÀ ÉP HỘP DROPDOWN PHẢI BAY SANG BÊN TRÁI ===== */
.elementor-56 .elementor-element.elementor-element-a987433 .elementor-widget-search, 
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search,
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search__container {
    position: absolute !important;
    top: 100%; 
    
    /* Trả về tọa độ gốc bên trái icon */
    left: 0 !important;
    right: auto !important;
    z-index: 9999 !important;
    
    /* Vô hiệu hóa hoàn toàn khung nền cũ thừa (Xóa ô trắng nhỏ) */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Hiệu ứng ẩn */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    
    /* BIỆN PHÁP MẠNH: Kéo lùi toàn bộ hộp tìm kiếm về bên trái 280px */
    /* (320px chiều rộng hộp - 40px chiều rộng icon = 280px để mép phải của hộp bằng khít mép phải icon) */
    transform: translateX(-280px) translateY(10px) !important;
    transition: all 0.25s ease-in-out !important;
}

/* ===== 3. ĐỔ THIẾT KẾ ĐẸP VÀO CHÍNH CÁI HỘP FORM BUNG XUỐNG ===== */
.elementor-56 .elementor-element.elementor-element-a987433 form,
.elementor-56 .elementor-element.elementor-element-a987433 .elementor-search-form,
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search__full-form {
    display: flex !important;
    flex-direction: row !important; /* Xếp hàng ngang */
    align-items: stretch !important; /* Cao bằng nhau */
    justify-content: center !important;
    width: 320px !important; /* Độ rộng cố định */
    gap: 0 !important;
    margin: 0 !important;
    
    /* Thiết kế hộp tìm kiếm lớn */
    background: #ffffff !important;
    padding: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15) !important;
    border-top: 3px solid #61a63c !important; /* Thanh chỉ xanh trên đỉnh */
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

/* ===== 4. Ô NHẬP LIỆU MÀU TRẮNG ===== */
.elementor-56 .elementor-element.elementor-element-a987433 input[type="search"],
.elementor-56 .elementor-element.elementor-element-a987433 .elementor-search-form__input,
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search__field {
    display: block !important;
    flex: 1 !important;
    width: 100% !important;
    padding: 10px 12px !important; 
    background: #ffffff !important;
    color: #333333 !important;
    font-size: 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    
    border: 1px solid #cccccc !important;
    border-right: none !important; 
    border-radius: 4px 0 0 4px !important; 
}

/* ===== 5. NÚT TÌM KIẾM MÀU XANH LÁ ===== */
.elementor-56 .elementor-element.elementor-element-a987433 button[type="submit"],
.elementor-56 .elementor-element.elementor-element-a987433 .elementor-search-form__submit,
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search__submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 45px !important;
    min-width: 45px !important;
    height: auto !important;
    align-self: stretch !important; /* Cao bằng ô trắng */
    
    background-color: #61a63c !important;
    border: 1px solid #61a63c !important;
    border-radius: 0 4px 4px 0 !important; 
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* ICON KÍNH LÚP */
.elementor-56 .elementor-element.elementor-element-a987433 button[type="submit"]::before,
.elementor-56 .elementor-element.elementor-element-a987433 button[type="submit"] i,
.elementor-56 .elementor-element.elementor-element-a987433 .elementor-search-form__submit::after,
.elementor-56 .elementor-element.elementor-element-a987433 .jet-ajax-search__submit-icon {
    content: "\f002" !important; 
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-indent: 0 !important;
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== 6. HOVER HIỆN TOÀN BỘ KHUNG TÌM KIẾM ===== */
.elementor-56 .elementor-element.elementor-element-a987433:hover .elementor-widget-search,
.elementor-56 .elementor-element.elementor-element-a987433:hover .jet-ajax-search {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    top: 110% !important;
    
    /* Trả về vị trí đã được kéo dịch hẳn sang bên trái */
    transform: translateX(-280px) translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53827db *//* ===== CHỈ THÊM ĐỔ BÓNG ĐEN SIÊU NHẸ DƯỚI HEADER ===== */
.site-header, 
header, 
#masthead,
.main-header,
.elementor-56 .elementor-element.elementor-element-53827db {
    /* Tạo hiệu ứng bóng đổ đen mờ, rất mỏng và tinh tế ở đáy */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    
    /* Đường viền đáy siêu mảnh để bóng đổ trông thật hơn */
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}/* End custom CSS */