.elementor-246 .elementor-element.elementor-element-90f420a{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================================
   HEADER UPDATE — the 3 rules that changed for the prominent header design
   Safe to simply APPEND to the end of your existing Global Custom CSS.
   CSS cascade order means these later declarations override the earlier,
   plainer versions of the same .elementor-246s already in your stylesheet —
   no need to find and delete the old ones first.
   ========================================================================== */
header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);height:var(--header-h);display:flex;align-items:center;}
.d100x-logo{font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--ink);}
.d100x-nav-phone{display:inline-flex;align-items:center;gap:7px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;color:var(--ink);padding:10px 16px;border:1.5px solid var(--line);border-radius:9px;transition:border-color .15s,color .15s;}
.d100x-nav-phone i{color:var(--good);}
.d100x-nav-phone:hover{border-color:var(--accent);color:var(--accent);}/* End custom CSS */