/* Miras Emlak v3.11.84 - Header banner width aligned with homepage hero/map block */
body[data-frontend-view="home"] > .homepage-header-banner-shell{
    display:block!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:6px 0 12px!important;
    overflow:visible!important;
    background:var(--theme-background,#eceeeb)!important;
    box-sizing:border-box!important;
}

body[data-frontend-view="home"] > .homepage-header-banner-shell > .homepage-header-banner{
    display:block!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    width:min(1500px,calc(100% - 32px))!important;
    max-width:1500px!important;
    min-width:0!important;
    height:clamp(140px,16.6667vw,250px)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--theme-border,#d4d9d7) 76%,transparent)!important;
    border-radius:18px!important;
    background:var(--theme-surface,#fff)!important;
    box-shadow:0 14px 36px rgba(9,21,37,.1)!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
}

body[data-frontend-view="home"] .homepage-header-banner-track{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

body[data-frontend-view="home"] .homepage-header-banner-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    transform:none!important;
    transition:opacity .4s ease,visibility .4s ease!important;
}

body[data-frontend-view="home"] .homepage-header-banner-slide[hidden]{display:none!important}

body[data-frontend-view="home"] .homepage-header-banner-slide.is-active{
    display:block!important;
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

body[data-frontend-view="home"] .homepage-header-banner-slide > a,
body[data-frontend-view="home"] .homepage-header-banner-slide > span{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
}

body[data-frontend-view="home"] .homepage-header-banner-slide img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
}

body[data-frontend-view="home"] .homepage-header-banner-nav{
    appearance:none!important;
    position:absolute!important;
    top:50%!important;
    z-index:8!important;
    display:grid!important;
    width:40px!important;
    height:40px!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.5)!important;
    border-radius:50%!important;
    background:rgba(7,21,42,.7)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(0,0,0,.2)!important;
    opacity:0!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
    transition:opacity .2s ease,background .2s ease!important;
}
body[data-frontend-view="home"] .homepage-header-banner:hover .homepage-header-banner-nav,
body[data-frontend-view="home"] .homepage-header-banner:focus-within .homepage-header-banner-nav{opacity:1!important}
body[data-frontend-view="home"] .homepage-header-banner-nav.prev{left:12px!important;right:auto!important}
body[data-frontend-view="home"] .homepage-header-banner-nav.next{right:12px!important;left:auto!important}
body[data-frontend-view="home"] .homepage-header-banner-nav:hover{background:rgba(7,21,42,.9)!important}

body[data-frontend-view="home"] .homepage-header-banner-dots{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:5px 7px!important;
    border-radius:999px!important;
    background:rgba(7,21,42,.46)!important;
    transform:translateX(-50%)!important;
    backdrop-filter:blur(6px)!important;
}
body[data-frontend-view="home"] .homepage-header-banner-dots button{
    appearance:none!important;
    display:block!important;
    width:7px!important;
    min-width:7px!important;
    height:7px!important;
    min-height:7px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
body[data-frontend-view="home"] .homepage-header-banner-dots button.is-active{
    width:22px!important;
    min-width:22px!important;
    border-radius:999px!important;
    background:#fff!important;
}

body[data-frontend-view="home"] .homepage-header-banner-counter{
    position:absolute!important;
    right:10px!important;
    left:auto!important;
    bottom:10px!important;
    z-index:8!important;
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:rgba(7,21,42,.62)!important;
    color:#fff!important;
    font-size:.65rem!important;
    font-weight:800!important;
    line-height:1!important;
    backdrop-filter:blur(6px)!important;
}

/* Keep exactly the same tablet ceiling as the homepage hero/map block. */
@media(max-width:1050px){
    body[data-frontend-view="home"] > .homepage-header-banner-shell > .homepage-header-banner{
        width:min(900px,calc(100% - 32px))!important;
        max-width:900px!important;
        height:clamp(140px,23vw,230px)!important;
    }
}

/* The hero/map block becomes edge-to-edge on small screens. */
@media(max-width:700px){
    body[data-frontend-view="home"] > .homepage-header-banner-shell{padding:4px 0 10px!important}
    body[data-frontend-view="home"] > .homepage-header-banner-shell > .homepage-header-banner{
        width:100%!important;
        max-width:none!important;
        height:clamp(100px,25vw,155px)!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
    }
    body[data-frontend-view="home"] .homepage-header-banner-nav{width:34px!important;height:34px!important;opacity:1!important}
    body[data-frontend-view="home"] .homepage-header-banner-nav.prev{left:7px!important}
    body[data-frontend-view="home"] .homepage-header-banner-nav.next{right:7px!important}
    body[data-frontend-view="home"] .homepage-header-banner-dots{bottom:6px!important}
    body[data-frontend-view="home"] .homepage-header-banner-counter{display:none!important}
}

@media(prefers-reduced-motion:reduce){
    body[data-frontend-view="home"] .homepage-header-banner-slide{transition:none!important}
}