.elementor-7169 .elementor-element.elementor-element-ee7cb55{--display:flex;}.elementor-7169 .elementor-element.elementor-element-ee7cb55:not(.elementor-motion-effects-element-type-background), .elementor-7169 .elementor-element.elementor-element-ee7cb55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF33;}.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 ), Familjen Grotesk;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-input{background-color:#FFFFFF33;font-family:"Familjen Grotesk", Familjen Grotesk;font-size:18px;font-weight:700;line-height:1.2em;letter-spacing:0.02em;border-radius:20px 20px 20px 20px;}.elementor-7169 .elementor-element.elementor-element-f442c6b{width:var( --container-widget-width, 66% );max-width:66%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:66%;--container-widget-flex-grow:0;z-index:10;--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-placeholder-color:#FFFFFF;--e-search-input-color:var( --e-global-color-6a8c7af );--e-search-input-padding-block-start:0px;--e-search-input-padding-inline-start:048px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:048px;}.elementor-7169 .elementor-element.elementor-element-f442c6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7169 .elementor-element.elementor-element-3bd671d{background-color:#FFFFFF;}.elementor-7169 .elementor-element.elementor-element-3bd671d .elementor-icon-wrapper{text-align:center;}#elementor-popup-modal-7169 .dialog-widget-content{background-color:#FFFFFF33;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-7169 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-7169{justify-content:center;align-items:center;}@media(max-width:1024px){.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-7169 .elementor-element.elementor-element-ee7cb55{--min-height:100vh;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:024px;--padding-right:024px;--z-index:1000000;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-7169 .elementor-element.elementor-element-f442c6b{width:100%;max-width:100%;margin:026px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;--e-search-input-padding-block-start:0px;--e-search-input-padding-inline-start:025px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:0px;}.elementor-7169 .elementor-element.elementor-element-f442c6b.elementor-element{--align-self:center;}.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-input{font-size:16px;line-height:1em;border-radius:10px 10px 10px 10px;}.elementor-7169 .elementor-element.elementor-element-3bd671d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:21px 21px 21px 21px;border-radius:50px 50px 50px 50px;}.elementor-7169 .elementor-element.elementor-element-3bd671d.elementor-element{--align-self:flex-end;}.elementor-7169 .elementor-element.elementor-element-3bd671d .elementor-icon{font-size:24px;}.elementor-7169 .elementor-element.elementor-element-3bd671d .elementor-icon svg{height:24px;}#elementor-popup-modal-7169 .dialog-message{width:100vw;}}/* Start custom CSS for search, class: .elementor-element-f442c6b */.elementor-7169 .elementor-element.elementor-element-f442c6b {
    /* Điều chỉnh số 10px to lên hoặc nhỏ đi để thay đổi độ mờ của nền */
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
}


.elementor-7169 .elementor-element.elementor-element-f442c6b input[type="search"] {
    height: 78px !important;
    border: none !important;
    border-radius: 10px;
    
}

/* =========================================
   1. KHUNG KẾT QUẢ TỔNG (CONTAINER & LIST)
   ========================================= */
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container,
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results,
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-list {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Xóa padding 16px mặc định của Elementor */
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results {
    padding: 0 !important;
}

.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-list {
    gap: 0px !important;
}

.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container {
    background-color: #B3B1B1A1 !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px !important;
    margin-top: -5px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    max-height: 450px; 
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 !important; 
}

/* =========================================
   2. TÙY CHỈNH THANH CUỘN (SCROLLBAR)
   ========================================= */
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container::-webkit-scrollbar {
    width: 6px;
}
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container::-webkit-scrollbar-track {
    background: transparent; 
    margin-block: 15px; 
}
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5); 
    border-radius: 10px;
}
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* =========================================
   3. TỪNG SẢN PHẨM (Đã tối ưu cho Mobile)
   ========================================= */
.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-list .e-loop-item {
    border-top: none !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; 
    padding: 0 !important; 
}

.elementor-7169 .elementor-element.elementor-element-f442c6b .e-search-results-list .e-loop-item:last-of-type {
    border-bottom: none !important; 
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3bd671d */.elementor-7169 .elementor-element.elementor-element-3bd671d{
    line-height: 0px;
}

.elementor-7169 .elementor-element.elementor-element-3bd671d a:focus,
.elementor-7169 .elementor-element.elementor-element-3bd671d svg:focus,
.elementor-7169 .elementor-element.elementor-element-3bd671d i:focus,
.elementor-7169 .elementor-element.elementor-element-3bd671d .elementor-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}

.elementor-7169 .elementor-element.elementor-element-3bd671d a,
.elementor-7169 .elementor-element.elementor-element-3bd671d .elementor-icon {
    -webkit-tap-highlight-color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee7cb55 */.elementor-7169 .elementor-element.elementor-element-ee7cb55 {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-7169 {
    /* Điều chỉnh số 10px to lên hoặc nhỏ đi để thay đổi độ mờ của nền */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}/* End custom CSS */