.elementor-18 .elementor-element.elementor-element-d4b2954:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-d4b2954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-d4b2954{box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-d4b2954 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-1289de0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-18 .elementor-element.elementor-element-1289de0 > .elementor-element-populated{margin:010px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-a19f223 .hfe-site-logo-container, .elementor-18 .elementor-element.elementor-element-a19f223 .hfe-caption-width figcaption{text-align:right;}.elementor-18 .elementor-element.elementor-element-a19f223 .hfe-site-logo .hfe-site-logo-container img{width:130px;}.elementor-18 .elementor-element.elementor-element-a19f223 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-18 .elementor-element.elementor-element-a19f223{width:auto;max-width:auto;}.elementor-18 .elementor-element.elementor-element-a19f223 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-18 .elementor-element.elementor-element-a19f223 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-bc-flex-widget .elementor-18 .elementor-element.elementor-element-83a81de.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-18 .elementor-element.elementor-element-83a81de.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-18 .elementor-element.elementor-element-83a81de.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-18 .elementor-element.elementor-element-e75904b{width:var( --container-widget-width, 16.553% );max-width:16.553%;--container-widget-width:16.553%;--container-widget-flex-grow:0;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item,.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-sub-menu-item{padding-left:15px;padding-right:15px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-sub-menu-item{padding-top:15px;padding-bottom:15px;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu__layout-horizontal .uael-nav-menu > li.menu-item:not(:last-child){margin-right:10px;}body.rtl .elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu__layout-horizontal .uael-nav-menu > li.menu-item:not(:last-child){margin-left:10px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 nav:not(.uael-nav-menu__layout-horizontal) .uael-nav-menu > li.menu-item:not(:last-child){margin-bottom:0;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 ul.sub-menu{width:220px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu li a.uael-sub-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown li a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown li a.uael-sub-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown-expandible li a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-left:15px;padding-right:15px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu a.uael-sub-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown li a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown li a.uael-sub-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown-expandible li a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3{width:var( --container-widget-width, 40.47% );max-width:40.47%;--container-widget-width:40.47%;--container-widget-flex-grow:0;align-self:center;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu__toggle{text-align:right;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item{font-family:"YekanBakhMedium", Sans-serif;font-size:15px;font-weight:400;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item:not(.elementor-button), .elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu a.uael-sub-menu-item{color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item:not(.elementor-button):hover, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu a.uael-sub-menu-item:hover, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item.current-menu-item a.uael-menu-item:not(.elementor-button), .elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item.highlighted:not(.elementor-button), .elementor-18 .elementor-element.elementor-element-ff8b4b3 .menu-item a.uael-menu-item:not(.elementor-button):focus{color:#EF4056;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu nav.uael-dropdown-expandible, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu nav.uael-dropdown-expandible .menu-item a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 .uael-nav-menu nav.uael-dropdown-expandible .menu-item .sub-menu, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown .menu-item a.uael-menu-item, .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown .menu-item a.uael-sub-menu-item{background-color:#fff;}.elementor-18 .elementor-element.elementor-element-ff8b4b3 .sub-menu li.menu-item:not(:last-child), .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown li.menu-item:not(:last-child), .elementor-18 .elementor-element.elementor-element-ff8b4b3 nav.uael-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-18 .elementor-element.elementor-element-e66d573 .elementor-button{background-color:#61CE7000;font-family:"YekanBakhMedium", Sans-serif;font-size:14px;font-weight:500;fill:#424750;color:#424750;border-style:solid;border-width:2px 2px 2px 2px;border-color:#424750;border-radius:18px 18px 18px 18px;}.elementor-18 .elementor-element.elementor-element-e66d573{width:auto;max-width:auto;}.elementor-18 .elementor-element.elementor-element-e66d573 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:none;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button{padding:10px 10px 10px 10px;font-family:"YekanBakhMedium", Sans-serif;font-weight:600;}.elementor-18 .elementor-element.elementor-element-df6d12a{width:auto;max-width:auto;align-self:center;}.elementor-18 .elementor-element.elementor-element-df6d12a > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default .hfe-cart-count{border-width:2px 2px 2px 2px;border-radius:1000px 1000px 1000px 1000px;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default span.hfe-cart-count{color:#424750;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-df6d12a .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count{border-color:#424750;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button:hover,.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default span.hfe-cart-count:hover{color:#424750;}.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-menu-cart__toggle .elementor-button:hover,.elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default:hover .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-df6d12a .hfe-cart-menu-wrap-default:hover .hfe-cart-count{border-color:#424750;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container{min-height:40px;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit{min-width:40px;background-color:#818a91;font-size:16px;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input{padding-left:calc(40px / 5);padding-right:calc(40px / 5);}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container button#clear i:before, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-icon-toggle button#clear i:before, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container button#clear-with-button i:before{font-size:20px;}.elementor-18 .elementor-element.elementor-element-45b3de4{width:var( --container-widget-width, 390px );max-width:390px;--container-widget-width:390px;--container-widget-flex-grow:0;}.elementor-18 .elementor-element.elementor-element-45b3de4 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input::placeholder{color:#7A7A7A6B;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{background-color:#ededed;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-icon-toggle .hfe-search-form__input{background-color:transparent;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container ,.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:none;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-width:1px 1px 1px 1px;border-radius:18px;}.elementor-18 .elementor-element.elementor-element-45b3de4 button.hfe-search-submit{color:#fff;}.elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container button#clear-with-button, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container button#clear, .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-icon-toggle button#clear{color:#7a7a7a;}.elementor-18 .elementor-element.elementor-element-8032908:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-8032908{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-18 .elementor-element.elementor-element-8032908 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-901f01e .hfe-site-logo-container, .elementor-18 .elementor-element.elementor-element-901f01e .hfe-caption-width figcaption{text-align:center;}.elementor-18 .elementor-element.elementor-element-901f01e .hfe-site-logo .hfe-site-logo-container img{width:130px;}.elementor-18 .elementor-element.elementor-element-901f01e .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-18 .elementor-element.elementor-element-901f01e{width:auto;max-width:auto;}.elementor-18 .elementor-element.elementor-element-901f01e .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-18 .elementor-element.elementor-element-67ebe44.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-18 .elementor-element.elementor-element-7c871cf{width:auto;max-width:auto;align-self:center;}.elementor-18 .elementor-element.elementor-element-7c871cf > .elementor-widget-container{margin:0px 13px 0px 0px;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button{font-family:"YekanBakhMedium", Sans-serif;font-weight:600;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default .hfe-cart-count{border-width:2px 2px 2px 2px;border-radius:4px 4px 4px 4px;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default span.hfe-cart-count{color:#424750;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button-icon{color:var( --e-global-color-astglobalcolor0 );font-size:19px;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button,.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count{border-color:#424750;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button:hover,.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default span.hfe-cart-count:hover{color:#424750;}.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-menu-cart__toggle .elementor-button:hover,.elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default:hover .hfe-cart-count:after, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default:hover .hfe-cart-count{border-color:#424750;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-1289de0{width:13.462%;}.elementor-18 .elementor-element.elementor-element-83a81de{width:86.538%;}.elementor-18 .elementor-element.elementor-element-e5d7d50{width:70%;}.elementor-18 .elementor-element.elementor-element-67ebe44{width:30%;}}@media(max-width:1024px){body:not(.rtl) .elementor-18 .elementor-element.elementor-element-ff8b4b3.uael-nav-menu__breakpoint-tablet .uael-nav-menu__layout-horizontal .uael-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}.elementor-18 .elementor-element.elementor-element-ff8b4b3{width:auto;max-width:auto;}.elementor-18 .elementor-element.elementor-element-8032908{padding:8px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-901f01e > .elementor-widget-container{margin:0px 30px 0px 0px;}}@media(max-width:767px){body:not(.rtl) .elementor-18 .elementor-element.elementor-element-ff8b4b3.uael-nav-menu__breakpoint-mobile .uael-nav-menu__layout-horizontal .uael-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}.elementor-18 .elementor-element.elementor-element-8032908{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-e5d7d50{width:80%;}.elementor-18 .elementor-element.elementor-element-901f01e > .elementor-widget-container{margin:0px 0px 0px 16px;}.elementor-18 .elementor-element.elementor-element-c5e55cc > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-67ebe44{width:20%;}.elementor-18 .elementor-element.elementor-element-7c871cf > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for hfe-search-button, class: .elementor-element-45b3de4 *//* ========================================================= PRP SEARCH — MINIMAL LIQUID GLASS Scoped to this Elementor widget ========================================================= */ .elementor-18 .elementor-element.elementor-element-45b3de4 { width: 100%; position: relative; } /* Main Search Shell */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container { position: relative; display: flex; align-items: center; min-height: 48px; border-radius: 18px; background: linear-gradient( 135deg, rgba(255,255,255,.78) 0%, rgba(247,251,255,.62) 45%, rgba(235,246,255,.52) 100% ) !important; border: 1px solid rgba(255,255,255,.72) !important; box-shadow: 0 8px 28px rgba(11,31,51,.08), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(11,31,51,.03); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); overflow: hidden; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease; } /* Liquid light layer */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container::before { content: ""; position: absolute; width: 150px; height: 150px; top: -95px; left: 22px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,.95) 0%, rgba(255,255,255,.30) 32%, transparent 68% ); pointer-events: none; } /* Blue liquid accent */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container::after { content: ""; position: absolute; width: 130px; height: 130px; right: 34px; bottom: -105px; border-radius: 50%; background: radial-gradient( circle, rgba(0,183,255,.15), rgba(0,123,255,.05) 45%, transparent 72% ); pointer-events: none; } /* Input */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input { position: relative; z-index: 2; flex: 1; height: 48px !important; padding: 0 12px 0 18px !important; margin: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #102A43 !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 48px !important; } /* Placeholder */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input::placeholder { color: rgba(72,101,129,.68) !important; font-weight: 400; opacity: 1; } /* Search Button */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit { position: relative; z-index: 3; flex: 0 0 auto; width: 40px !important; height: 40px !important; min-width: 40px !important; padding: 0 !important; margin: 4px 4px 4px 0 !important; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 14px !important; color: #FFFFFF !important; background: linear-gradient( 135deg, #007BFF 0%, #149BFF 100% ) !important; box-shadow: 0 6px 16px rgba(0,123,255,.22), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .20s ease, box-shadow .20s ease, background .20s ease; } /* Search icon */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit i { font-size: 14px !important; color: #FFFFFF !important; transition: transform .20s ease; } /* Search button hover */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit:hover { transform: translateY(-1px); background: linear-gradient( 135deg, #006EE8, #008EF3 ) !important; box-shadow: 0 9px 20px rgba(0,123,255,.30), inset 0 1px 0 rgba(255,255,255,.32); } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit:hover i { transform: scale(1.08); } /* Clear Button */ .elementor-18 .elementor-element.elementor-element-45b3de4 #clear-with-button { position: relative; z-index: 3; flex: 0 0 auto; width: 30px !important; height: 30px !important; min-width: 30px !important; padding: 0 !important; margin: 0 6px 0 0 !important; display: flex; align-items: center; justify-content: center; border: 0 !important; border-radius: 10px !important; color: #829AB1 !important; background: rgba(11,31,51,.04) !important; box-shadow: none !important; transition: color .18s ease, background .18s ease, transform .18s ease; } /* Clear icon */ .elementor-18 .elementor-element.elementor-element-45b3de4 #clear-with-button i { font-size: 11px !important; color: inherit !important; } /* Clear hover */ .elementor-18 .elementor-element.elementor-element-45b3de4 #clear-with-button:hover { color: #007BFF !important; background: rgba(0,123,255,.08) !important; transform: scale(1.04); } /* Whole control hover */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container:hover { border-color: rgba(0,123,255,.18) !important; box-shadow: 0 10px 34px rgba(11,31,51,.10), inset 0 1px 0 rgba(255,255,255,.98); } /* Focus state */ .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container:focus-within { border-color: rgba(0,123,255,.34) !important; background: linear-gradient( 135deg, rgba(255,255,255,.92), rgba(243,249,255,.72) ) !important; box-shadow: 0 0 0 4px rgba(0,123,255,.07), 0 12px 36px rgba(11,31,51,.10), inset 0 1px 0 rgba(255,255,255,1); transform: translateY(-1px); } /* Remove browser native search decoration */ .elementor-18 .elementor-element.elementor-element-45b3de4 input[type="search"]::-webkit-search-decoration, .elementor-18 .elementor-element.elementor-element-45b3de4 input[type="search"]::-webkit-search-cancel-button, .elementor-18 .elementor-element.elementor-element-45b3de4 input[type="search"]::-webkit-search-results-button, .elementor-18 .elementor-element.elementor-element-45b3de4 input[type="search"]::-webkit-search-results-decoration { display: none; } /* Tablet */ @media (max-width: 1024px) { .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container { min-height: 46px; } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input { height: 46px !important; line-height: 46px !important; } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit { width: 38px !important; height: 38px !important; min-width: 38px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-18 .elementor-element.elementor-element-45b3de4 { width: 100%; } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__container { min-height: 44px; border-radius: 16px; } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-form__input { height: 44px !important; line-height: 44px !important; font-size: 13px !important; padding-left: 15px !important; } .elementor-18 .elementor-element.elementor-element-45b3de4 .hfe-search-submit { width: 36px !important; height: 36px !important; min-width: 36px !important; border-radius: 12px !important; } .elementor-18 .elementor-element.elementor-element-45b3de4 #clear-with-button { width: 28px !important; height: 28px !important; min-width: 28px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-83a81de *//* ========================================================= HEADER — CART (LEFT) + PROFILE (RIGHT) Both buttons left-aligned as a pair, pushed to the start ========================================================= */ /* ---------- 1. PROFILE BUTTON ---------- */ .elementor-18 .elementor-element.elementor-element-83a81de .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(16, 42, 67, .18) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: #102A43 !important; transition: all .2s ease !important; } .elementor-18 .elementor-element.elementor-element-83a81de .elementor-button-icon { font-size: 16px !important; line-height: 1 !important; color: #102A43 !important; margin: 0 !important; } .elementor-18 .elementor-element.elementor-element-83a81de .elementor-button-icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; } .elementor-18 .elementor-element.elementor-element-83a81de .elementor-button:hover { color: #007BFF !important; border-color: rgba(0, 123, 255, .35) !important; background: rgba(0, 123, 255, .05) !important; } .elementor-18 .elementor-element.elementor-element-83a81de .elementor-button:hover .elementor-button-icon { color: #007BFF !important; } /* ---------- 2. CART BUTTON ---------- */ .elementor-18 .elementor-element.elementor-element-83a81de .hfe-menu-cart__toggle .elementor-button, .elementor-18 .elementor-element.elementor-element-83a81de #hfe-menu-cart__toggle_button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(16, 42, 67, .18) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: #102A43 !important; transition: all .2s ease !important; } .elementor-18 .elementor-element.elementor-element-83a81de .hfe-menu-cart__toggle .elementor-button-icon, .elementor-18 .elementor-element.elementor-element-83a81de #hfe-menu-cart__toggle_button .elementor-button-icon { font-size: 16px !important; line-height: 1 !important; color: #102A43 !important; margin: 0 !important; } .elementor-18 .elementor-element.elementor-element-83a81de .hfe-menu-cart__toggle .elementor-button-icon svg, .elementor-18 .elementor-element.elementor-element-83a81de #hfe-menu-cart__toggle_button .elementor-button-icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; } .elementor-18 .elementor-element.elementor-element-83a81de .hfe-subtotal, .elementor-18 .elementor-element.elementor-element-83a81de .hfe-cart-container .woocommerce-Price-amount { display: none !important; } .elementor-18 .elementor-element.elementor-element-83a81de .hfe-menu-cart__toggle .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-83a81de #hfe-menu-cart__toggle_button:hover { color: #007BFF !important; border-color: rgba(0, 123, 255, .35) !important; background: rgba(0, 123, 255, .05) !important; } .elementor-18 .elementor-element.elementor-element-83a81de .hfe-menu-cart__toggle .elementor-button:hover .elementor-button-icon, .elementor-18 .elementor-element.elementor-element-83a81de #hfe-menu-cart__toggle_button:hover .elementor-button-icon { color: #007BFF !important; } /* ---------- 3. PAIR ALIGNMENT — BOTH STICK TO THE LEFT ---------- */ /* Cart widget: first in the pair, no left margin, no auto right */ .elementor-18 .elementor-element.elementor-element-83a81de.elementor-widget-hfe-cart { margin-left: 0 !important; margin-right: 0 !important; align-self: flex-start !important; flex: 0 0 auto !important; } /* Profile widget: sits right next to cart with a small gap, then everything after it gets pushed right — so the PAIR stays left */ .elementor-18 .elementor-element.elementor-element-83a81de.elementor-widget-button { margin-left: 10px !important; margin-right: auto !important; align-self: flex-start !important; flex: 0 0 auto !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d4b2954 *//* ========================================================= HEADER — CART + PROFILE : CHAP-BE-HAM (LEFT ALIGNED PAIR) ========================================================= */ /* ---------- 1. ستون والد: چیدمان افقی از چپ ---------- */ .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-column-wrap { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; /* همه چی می‌ره سمت چپ */ align-items: center !important; gap: 10px !important; } /* ---------- 2. دکمه پروفایل ---------- */ .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button { order: 2 !important; /* بعد از سبد خرید */ margin: 0 !important; flex: 0 0 auto !important; align-self: center !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(16, 42, 67, .18) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: #102A43 !important; transition: all .2s ease !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button .elementor-button-icon { font-size: 16px !important; line-height: 1 !important; color: #102A43 !important; margin: 0 !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button .elementor-button-icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button .elementor-button:hover { color: #007BFF !important; border-color: rgba(0, 123, 255, .35) !important; background: rgba(0, 123, 255, .05) !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-button .elementor-button:hover .elementor-button-icon { color: #007BFF !important; } /* ---------- 3. دکمه سبد خرید ---------- */ .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-hfe-cart { order: 1 !important; /* اول از همه */ margin: 0 !important; flex: 0 0 auto !important; align-self: center !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-menu-cart__toggle .elementor-button, .elementor-18 .elementor-element.elementor-element-d4b2954 #hfe-menu-cart__toggle_button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(16, 42, 67, .18) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: #102A43 !important; transition: all .2s ease !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-menu-cart__toggle .elementor-button-icon, .elementor-18 .elementor-element.elementor-element-d4b2954 #hfe-menu-cart__toggle_button .elementor-button-icon { font-size: 16px !important; line-height: 1 !important; color: #102A43 !important; margin: 0 !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-menu-cart__toggle .elementor-button-icon svg, .elementor-18 .elementor-element.elementor-element-d4b2954 #hfe-menu-cart__toggle_button .elementor-button-icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-subtotal, .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-cart-container .woocommerce-Price-amount { display: none !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-menu-cart__toggle .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-d4b2954 #hfe-menu-cart__toggle_button:hover { color: #007BFF !important; border-color: rgba(0, 123, 255, .35) !important; background: rgba(0, 123, 255, .05) !important; } .elementor-18 .elementor-element.elementor-element-d4b2954 .hfe-menu-cart__toggle .elementor-button:hover .elementor-button-icon, .elementor-18 .elementor-element.elementor-element-d4b2954 #hfe-menu-cart__toggle_button:hover .elementor-button-icon { color: #007BFF !important; } /* ---------- 4. منو و بقیه ویجت‌ها ---------- */ .elementor-18 .elementor-element.elementor-element-d4b2954 .elementor-widget-uael-nav-menu { order: 0 !important; margin-right: auto !important; /* منو می‌ره راست، دکمه‌ها چپ می‌مونن */ }/* End custom CSS */ /* Start custom CSS for hfe-cart, class: .elementor-element-7c871cf *//* ========================================= PRP CART CLEAN POSITION + COLOR ========================================= */ .elementor-18 .elementor-element.elementor-element-7c871cf { margin: 0 !important; padding: 0 !important; } /* kill Elementor's mobile 10px all-around margin */ @media (max-width: 767px) { .elementor-18 .elementor-element.elementor-element-7c871cf { margin: 0 !important; padding: 0 !important; } } /* Cart button */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 6px 0 0 0 !important; padding: 0 !important; color: #0E2345 !important; background: linear-gradient( 145deg, rgba(255,255,255,.92), rgba(224,240,255,.70), rgba(74,149,234,.16) ) !important; border: 1px solid rgba(74,149,234,.22) !important; border-radius: 13px !important; box-shadow: 0 6px 18px rgba(14,35,69,.10), inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%); overflow: visible !important; transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease !important; } /* Original HFE bag icon */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-menu-wrap-default::before { color: #0E2345 !important; visibility: visible !important; opacity: 1 !important; } /* generic icon protection */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container i, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container svg { color: #0E2345 !important; fill: #0E2345 !important; visibility: visible !important; opacity: 1 !important; } /* Counter */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-count { color: #FFFFFF !important; background: linear-gradient( 135deg, #4A95EA, #2F76C8, #173E73 ) !important; border-color: #FFFFFF !important; } /* Hover */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover { color: #2F76C8 !important; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(216,236,255,.80), rgba(74,149,234,.22) ) !important; border-color: rgba(47,118,200,.34) !important; box-shadow: 0 8px 22px rgba(14,35,69,.14), inset 0 1px 0 #FFFFFF !important; } .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover .hfe-cart-menu-wrap-default, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover .hfe-cart-menu-wrap-default::before, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover i, .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover svg { color: #2F76C8 !important; fill: #2F76C8 !important; } /* Counter hover */ .elementor-18 .elementor-element.elementor-element-7c871cf .hfe-cart-container:hover .hfe-cart-count { color: #FFFFFF !important; background: #173E73 !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-8032908 *//* ========================================================= PHONE REPAIR PRIME MOBILE HEADER — LIQUID GLASS SHELL ========================================================= */ /* ========================= OUTER SECTION ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 { position: relative !important; z-index: 99990 !important; width: 100% !important; margin: 0 !important; padding: 6px 8px 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } /* ========================= GLASS HEADER CARD ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; max-width: none !important; min-height: 54px !important; margin: 0 auto !important; padding: 0 10px !important; border: 1px solid rgba(74,149,234,.22) !important; border-radius: 18px !important; background: linear-gradient( 135deg, rgba(255,255,255,.88) 0%, rgba(239,247,255,.78) 25%, rgba(217,236,255,.66) 52%, rgba(160,205,250,.36) 78%, rgba(47,118,200,.16) 100% ) !important; box-shadow: 0 8px 26px rgba(14,35,69,.11), 0 2px 8px rgba(47,118,200,.05), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(47,118,200,.05) !important; backdrop-filter: blur(24px) saturate(175%); -webkit-backdrop-filter: blur(24px) saturate(175%); overflow: visible !important; } /* ========================= LIQUID LIGHT REFLECTION ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container::before { content: ""; position: absolute; top: 2px; left: 12%; width: 50%; height: 1px; border-radius: 999px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), rgba(217,236,255,.75), transparent ); pointer-events: none; } /* subtle blue depth */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container::after { content: ""; position: absolute; right: 10%; bottom: -18px; width: 120px; height: 38px; border-radius: 50%; background: rgba(74,149,234,.13); filter: blur(24px); pointer-events: none; z-index: -1; } /* ========================= COLUMN RESET ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container > .elementor-column { min-width: 0 !important; min-height: 54px !important; } /* remove Elementor padding */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-element-populated { min-height: 54px !important; padding: 0 !important; display: flex !important; align-items: center !important; } /* ========================= LEFT SIDE ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-e5d7d50 { position: static !important; z-index: 10 !important; } /* ========================= RIGHT SIDE ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-67ebe44 { position: static !important; z-index: 10 !important; } /* ========================= LOGO — EXACT CENTER ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: auto !important; max-width: 140px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { display: block !important; width: auto !important; height: 31px !important; max-width: 132px !important; margin: 0 !important; object-fit: contain !important; } /* ========================= KEEP WIDGETS CLEAN ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-widget { margin-bottom: 0 !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-18 .elementor-element.elementor-element-8032908 { padding: 6px 7px 0 !important; } .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { min-height: 54px !important; padding: 0 9px !important; border-radius: 17px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-element-populated { min-height: 54px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { height: 30px !important; max-width: 126px !important; } /* Drawer now starts under floating header */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-55a5f38 nav.uael-nav-menu__layout-horizontal { top: 66px !important; } } /* ========================= VERY SMALL PHONES ========================= */ @media (max-width: 370px) { .elementor-18 .elementor-element.elementor-element-8032908 { padding: 5px 6px 0 !important; } .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { min-height: 52px !important; border-radius: 16px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { height: 28px !important; max-width: 116px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-55a5f38 nav.uael-nav-menu__layout-horizontal { top: 63px !important; } } /* ========================================================= PHONE REPAIR PRIME MOBILE HEADER — LIQUID GLASS SHELL ========================================================= */ /* ========================= OUTER SECTION ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 { position: relative !important; z-index: 99990 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 6px 8px 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================= GLASS HEADER CARD ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 54px !important; margin: 0 auto !important; padding: 0 10px !important; border: 1px solid rgba(74,149,234,.22) !important; border-radius: 18px !important; background: linear-gradient( 135deg, rgba(255,255,255,.88) 0%, rgba(239,247,255,.78) 25%, rgba(217,236,255,.66) 52%, rgba(160,205,250,.36) 78%, rgba(47,118,200,.16) 100% ) !important; box-shadow: 0 8px 26px rgba(14,35,69,.11), 0 2px 8px rgba(47,118,200,.05), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(47,118,200,.05) !important; backdrop-filter: blur(24px) saturate(175%); -webkit-backdrop-filter: blur(24px) saturate(175%); overflow: visible !important; box-sizing: border-box !important; } /* ========================= LIQUID LIGHT REFLECTION ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container::before { content: ""; position: absolute; top: 2px; left: 12%; width: 50%; height: 1px; border-radius: 999px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), rgba(217,236,255,.75), transparent ); pointer-events: none; } /* subtle blue depth */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container::after { content: ""; position: absolute; right: 10%; bottom: -18px; width: 120px; height: 38px; border-radius: 50%; background: rgba(74,149,234,.13); filter: blur(24px); pointer-events: none; z-index: -1; } /* ========================= COLUMN RESET ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container > .elementor-column { min-width: 0 !important; min-height: 54px !important; } /* remove Elementor padding */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-element-populated { min-height: 54px !important; padding: 0 !important; display: flex !important; align-items: center !important; } /* ========================= LEFT SIDE ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-e5d7d50 { position: static !important; z-index: 10 !important; } /* ========================= RIGHT SIDE ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-67ebe44 { position: static !important; z-index: 10 !important; } /* ========================= LOGO — EXACT CENTER ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: auto !important; max-width: 140px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { display: block !important; width: auto !important; height: 31px !important; max-width: 132px !important; margin: 0 !important; object-fit: contain !important; } /* ========================= KEEP WIDGETS CLEAN ========================= */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-widget { margin-bottom: 0 !important; } /* ========================================================= MOBILE — 95vw + overflow fix ========================================================= */ @media (max-width: 767px) { .elementor-18 .elementor-element.elementor-element-8032908 { width: 95vw !important; max-width: 95vw !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 6px 0 0 !important; overflow-x: hidden !important; overflow-y: visible !important; box-sizing: border-box !important; } .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 54px !important; padding: 0 9px !important; border-radius: 17px !important; box-sizing: border-box !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-column > .elementor-element-populated { min-height: 54px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { height: 30px !important; max-width: 126px !important; } /* Drawer now starts under floating header */ .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-55a5f38 nav.uael-nav-menu__layout-horizontal { top: 66px !important; } } /* ========================= VERY SMALL PHONES ========================= */ @media (max-width: 370px) { .elementor-18 .elementor-element.elementor-element-8032908 { width: 95vw !important; max-width: 95vw !important; margin-left: auto !important; margin-right: auto !important; padding: 5px 0 0 !important; } .elementor-18 .elementor-element.elementor-element-8032908 > .elementor-container { min-height: 52px !important; border-radius: 16px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e img, .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-901f01e .hfe-site-logo-img { height: 28px !important; max-width: 116px !important; } .elementor-18 .elementor-element.elementor-element-8032908 .elementor-element-55a5f38 nav.uael-nav-menu__layout-horizontal { top: 63px !important; } }/* End custom CSS */