/* ============================================================
   MOBILE HERO - Slider under search bar (match realestatebelek)
   Images slide behind the search overlay on mobile
   ============================================================ */
@media (max-width: 991px) {
    /* Disable sticky on mobile */
    .main-menu-wrapper,
    .main-menu-wrapper.is-sticky,
    .main-menu-wrapper.sticky-wrapper {
        position: static !important;
        top: auto !important;
        transform: none !important;
    }

    /* Hide desktop search on mobile */
    .desktop-hero-system .search-luxury-wrapper {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Collapse desktop-hero-system section (between hero and main) - removes gap */
    body.home .page-section.desktop-hero-system,
    body.home .site-showcase + .page-section.desktop-hero-system {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        border: none !important;
    }

    /* Mobile slider container */
    .mobile-hero-system.site-showcase {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        height: calc(100vh - 20px) !important;
        min-height: 450px !important;
        max-height: 650px !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        z-index: 1 !important;
    }

    /* Slider - behind overlay, z-index 1 */
    .mobile-hero-system .hero-slider,
    .mobile-hero-system .hero-slider.hidden-xs {
        display: block !important;
        visibility: visible !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: calc(100vh - 20px) !important;
        min-height: 450px !important;
        z-index: 1 !important;
        overflow: hidden !important;
    }

    .mobile-hero-system .hero-slider .flex-viewport,
    .mobile-hero-system .hero-slider .slides {
        height: 100% !important;
        width: 100% !important;
    }

    /* Slider images - visible behind search */
    .mobile-hero-system .hero-slider .slides li {
        display: block !important;
        visibility: visible !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        opacity: 0.92 !important;
        filter: brightness(1.3) !important;
        position: relative !important;
        transition: opacity 0.6s ease-in-out !important;
    }

    .mobile-hero-system .hero-slider .slides li.flex-active-slide {
        opacity: 0.92 !important;
        display: block !important;
        visibility: visible !important;
    }

    .mobile-hero-system .hero-slider .slides li:not(.flex-active-slide) {
        opacity: 0 !important;
        transition: opacity 0.6s ease-in-out !important;
    }

    /* Dark overlay on slider images */
    .mobile-hero-system .hero-slider .slides li::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.2) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* Hide hero caption on mobile */
    .mobile-hero-system .hero-caption {
        display: none !important;
        visibility: hidden !important;
    }

    /* Search overlay - upper third of slider (moved up from center) */
    .mobile-search-overlay-wrapper {
        position: absolute !important;
        top: 38% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: translateY(-50%) !important;
        z-index: 99999 !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 200px !important;
        pointer-events: none !important;
    }

    .mobile-search-overlay-wrapper * {
        pointer-events: auto !important;
    }

    /* Single frame - no double border */
    .mobile-search-overlay-wrapper .site-search-module {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .mobile-search-overlay-wrapper .site-search-module .container {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        max-width: none !important;
    }

    /* Single frame: transparent - match realestatebelek exactly, NO blur */
    .mobile-search-overlay-wrapper .site-search-module,
    .mobile-search-overlay-wrapper .site-search-module-inside {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-search-overlay-wrapper .site-search-module-inside {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        max-height: calc(100vh - 170px) !important;
        overflow: visible !important;
        position: static !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
        background: rgba(255, 255, 255, 0.45) !important;
        padding: 25px 20px !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    .mobile-search-overlay-wrapper .site-search-module form {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
    }

    /* Form inputs readable on transparent background - match realestatebelek */
    .mobile-search-overlay-wrapper .site-search-module-inside select,
    .mobile-search-overlay-wrapper .site-search-module-inside input,
    .mobile-search-overlay-wrapper .site-search-module-inside .form-control {
        background: rgba(255, 255, 255, 0.9) !important;
    }
}

/* Apple-style: tight hero-to-intro spacing (negative margin) */
@media (max-width: 991px) {
    body.home .main {
        margin-top: -80px !important;
        padding-top: 0 !important;
    }
    body.home .main #content.content.full,
    body.home #content.content.full {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body.home .featured-blocks.page-section {
        margin-top: -50px !important;
        padding-top: 0 !important;
    }
    body.home .featured-blocks .container,
    body.home .featured-blocks .container .row,
    body.home .featured-blocks .anavit,
    body.home .col-md-12.anavit {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body.home .homepage-intro-container {
        padding-top: 12px !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 992px) {
    /* Desktop: hide mobile overlay - do NOT touch desktop search positioning (akkus.css) */
    .mobile-search-overlay-wrapper {
        display: none !important;
        visibility: hidden !important;
    }

    /* Desktop: show search - visibility only, no layout/position overrides */
    .desktop-hero-system .search-luxury-wrapper,
    .desktop-hero-system .page-section .search-luxury-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    /* Apple-style: tight hero-to-intro spacing (desktop) */
    body.home .main {
        margin-top: -25px !important;
    }
    body.home .featured-blocks.page-section {
        margin-top: -15px !important;
        padding-top: 15px !important;
    }
    body.home .homepage-intro-container {
        padding-top: 28px !important;
    }
}