.elementor-38 .elementor-element.elementor-element-c74fe28{--display:flex;}.elementor-38 .elementor-element.elementor-element-8c7990a{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-38 .elementor-element.elementor-element-f628973 .elementor-button{font-family:var( --e-global-typography-3f9b241-font-family ), Sans-serif;}.elementor-38 .elementor-element.elementor-element-f9ca6b7{--display:flex;}.elementor-38 .elementor-element.elementor-element-a0bd203 .elementor-button{font-family:var( --e-global-typography-3f9b241-font-family ), Sans-serif;}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-c74fe28{--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-8c7990a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-f628973 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-38 .elementor-element.elementor-element-f628973.elementor-element{--align-self:center;}.elementor-38 .elementor-element.elementor-element-f9ca6b7{--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-f9ca6b7.e-con{--align-self:center;}.elementor-38 .elementor-element.elementor-element-a0bd203.elementor-element{--align-self:center;}}/* Start custom CSS *//* =========================================================
   UNREAL ESTATE - 50/50 VIDEO SPLIT ENGINE (MASTER)
   ========================================================= */

/* 1. SCROLL PHYSICS: Allow pull-to-refresh, but lock the height */
html, body {
    height: 100dvh !important;
    overflow-y: auto !important; 
    overflow-x: hidden !important; 
    background-color: #0c0e15 !important; 
}

/* 2. THE MASTER CANVAS: Fixed behind the header */
.unreal-split-master {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important; 
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important; 
    display: flex !important;
    flex-direction: column !important; /* Mobile: Stack top/bottom */
}

/* Desktop Pivot: Side-by-Side */
@media screen and (min-width: 1024px) {
    .unreal-split-master {
        flex-direction: row !important;
    }
}

/* 3. THE TWO HALVES: Exact 50/50 math */
.unreal-split-half {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    
    /* Mobile Math: Exactly half the dynamic screen height */
    height: 50dvh !important; 
    width: 100vw !important;
}

/* Desktop Math: Exactly half the screen width */
@media screen and (min-width: 1024px) {
    .unreal-split-half {
        height: 100dvh !important;
        width: 50vw !important;
    }
}

/* 4. LIQUID DARK GLASS: Cinematic Video Filters */
.unreal-split-half .elementor-background-video-container {
    filter: brightness(0.5) contrast(1.1) saturate(100%) !important; 
    transition: filter 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Hover/Focus Physics: Subtly awaken the hovered side */
.unreal-split-half:hover .elementor-background-video-container {
    filter: brightness(0.6) contrast(1.1) saturate(120%) !important;
}

/* 5. ELEVATE CONTENT: Push buttons above the video */
.unreal-split-half > .elementor-widget {
    position: relative !important;
    z-index: 20 !important;
}

/* 6. HEADER OVERRIDE: Force Global Header on top of the fixed layout */
.elementor-location-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important; 
    background: transparent !important; 
    pointer-events: none !important; /* Let clicks pass through empty header space */
}

/* Re-enable clicks ONLY on actual header links/menus */
.elementor-location-header * {
    pointer-events: auto !important;
}
/* =========================================================
   UNREAL ESTATE - LIQUID GLASS SPLIT BUTTONS
   ========================================================= */

/* 1. Base Glass Pill Architecture */
.unreal-choice-btn .elementor-button {
    background: rgba(12, 14, 21, 0.5) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    border-radius: 50px !important;
    padding: 24px 48px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    /* Clean up native mobile junk */
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    will-change: auto; /* Optimization: Keeps VRAM usage low */
}

/* Enable hardware acceleration only when interacting */
.unreal-choice-btn .elementor-button:hover {
    will-change: transform, box-shadow;
}

/* 2. BUYER BUTTON PHYSICS (Brand Blue) */
.unreal-buyer .elementor-button {
    border: 1px solid rgba(100, 102, 255, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(100, 102, 255, 0.2), inset 0 0 10px rgba(100, 102, 255, 0.15) !important;
}

.unreal-buyer .elementor-button:hover {
    border-color: rgba(100, 102, 255, 0.9) !important;
    background: rgba(100, 102, 255, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 40px rgba(100, 102, 255, 0.5), inset 0 0 25px rgba(100, 102, 255, 0.3) !important;
    transform: translateY(-5px) scale(1.05) !important;
    color: #ffffff !important;
}

/* 3. SELLER BUTTON PHYSICS (Neon Magenta) */
.unreal-seller .elementor-button {
    border: 1px solid rgba(255, 79, 216, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 79, 216, 0.2), inset 0 0 10px rgba(255, 79, 216, 0.15) !important;
}

.unreal-seller .elementor-button:hover {
    border-color: rgba(255, 79, 216, 0.9) !important;
    background: rgba(255, 79, 216, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 40px rgba(255, 79, 216, 0.5), inset 0 0 25px rgba(255, 79, 216, 0.3) !important;
    transform: translateY(-5px) scale(1.05) !important;
    color: #ffffff !important;
}

/* 4. TACTILE CLICK STATE (Both Buttons) */
.unreal-choice-btn .elementor-button:active {
    transform: scale(0.95) translateY(0) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(255, 255, 255, 0.1) !important;
    transition: all 0.1s ease !important; /* Instant snap on click */
}/* End custom CSS */