.lakas-search-hero{
position: relative;
min-height: 520px;
border-radius: 18px;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.lakas-search-hero__overlay{
position:absolute;
inset:0;
background: linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.18));
pointer-events:none;
z-index:1;
border-radius: inherit;
}
.lakas-search-hero__content{
position:relative;
width:100%;
padding: 56px;
color:var(--lakas-color-card);
z-index:2;
}
.lakas-search-hero__title{
margin:0;
font-size: clamp(32px, 5vw, 64px);
line-height:1.05;
}
.lakas-search-hero__subtitle{
margin:14px 0 0 0;
max-width: 820px;
font-size: 18px;
opacity:.95;
} .lakas-search-hero-wrap{
width:100%;
} .lakas-search-hero-wrap .lakas-search-hero__bar{
margin-top: 18px;
padding: 0 16px;
display:flex;
justify-content:center;
}
.lakas-search-hero-wrap .lakas-search{
max-width:1100px;
margin:0 auto;
width:100%;
}
@media (max-width: 768px){
.lakas-search-hero{ min-height: 420px; border-radius: 14px; }
.lakas-search-hero__content{ padding: 22px; }
} .lakas-search-hero{
position: relative;
}
.lakas-search-hero__content{
position:absolute;
left:0;
right:0;
padding:24px;
z-index:2;
pointer-events:none;
}
.lakas-search-hero__content.is-pos-top{ top:24px; bottom:auto; }
.lakas-search-hero__content.is-pos-center{ top:50%; transform:translateY(-50%); }
.lakas-search-hero__content.is-pos-bottom{ bottom:24px; top:auto; }.lakas-search-hero,
.lakas-search-hero-wrap,
.lakas-search-hero__bar{
overflow:visible !important;
} .lakas-search-popup--calendar{
max-height: min(78vh, 520px) !important;
overflow:auto !important; -webkit-overflow-scrolling: touch;
} .lakas-search-popup--calendar .lakas-cal-grid{
width:100% !important;
box-sizing:border-box !important;
}
.lakas-search-popup--calendar .lakas-cal-day{
box-sizing:border-box !important;
} .lakas-search-hero .lakas-search-bar,
.lakas-search-hero-wrap .lakas-search-bar,
.lakas-search-hero__bar .lakas-search-bar{
display:flex !important;
flex-wrap:nowrap !important;
align-items:center !important;
gap:0 !important;
padding:10px !important;
border-radius:999px !important;
height:auto !important;
max-height:84px !important; overflow:visible !important;
}
.lakas-search-hero .lakas-search-divider,
.lakas-search-hero-wrap .lakas-search-divider,
.lakas-search-hero__bar .lakas-search-divider{
display:block !important;
}
.lakas-search-hero .lakas-search-field,
.lakas-search-hero-wrap .lakas-search-field,
.lakas-search-hero__bar .lakas-search-field{
flex:1 1 0 !important;
min-width:0 !important;
padding:6px 14px !important;
border:0 !important;
border-radius:999px !important;
justify-content:center !important;
}
.lakas-search-hero .lakas-search-hol,
.lakas-search-hero-wrap .lakas-search-hol,
.lakas-search-hero__bar .lakas-search-hol{ flex:2 1 0 !important; }
.lakas-search-hero .lakas-search-mikor,
.lakas-search-hero-wrap .lakas-search-mikor,
.lakas-search-hero__bar .lakas-search-mikor{ flex:1.4 1 0 !important; }
.lakas-search-hero .lakas-search-hanyan,
.lakas-search-hero-wrap .lakas-search-hanyan,
.lakas-search-hero__bar .lakas-search-hanyan{ flex:1 1 0 !important; }
.lakas-search-hero .lakas-search-btn,
.lakas-search-hero-wrap .lakas-search-btn,
.lakas-search-hero__bar .lakas-search-btn{
width:auto !important;
flex:0 0 auto !important;
white-space:nowrap !important;
} .lakas-search-hero .lakas-search-popup,
.lakas-search-hero-wrap .lakas-search-popup,
.lakas-search-hero__bar .lakas-search-popup{
position:absolute !important;
top:calc(100% + 10px) !important;
left:0 !important;
margin-top:0 !important;
min-width:340px !important;
max-width:520px !important;
z-index:9999 !important;
} @media (max-width: 560px){
.lakas-search-hero .lakas-search-bar,
.lakas-search-hero-wrap .lakas-search-bar,
.lakas-search-hero__bar .lakas-search-bar{
flex-wrap:wrap !important;
border-radius:18px !important;
max-height:none !important;
gap:8px !important;
padding:12px !important;
}
.lakas-search-hero .lakas-search-divider,
.lakas-search-hero-wrap .lakas-search-divider,
.lakas-search-hero__bar .lakas-search-divider,
.lakas-search-hero-wrap .lakas-search-divider,
.lakas-search-hero__bar .lakas-search-divider{ display:none !important; }
.lakas-search-hero .lakas-search-field,
.lakas-search-hero-wrap .lakas-search-field,
.lakas-search-hero__bar .lakas-search-field,
.lakas-search-hero-wrap .lakas-search-field,
.lakas-search-hero__bar .lakas-search-field{
flex:1 1 100% !important;
border:1px solid rgba(0,0,0,.10) !important;
border-radius:14px !important;
padding:8px 12px !important;
}
.lakas-search-hero .lakas-search-btn,
.lakas-search-hero-wrap .lakas-search-btn,
.lakas-search-hero__bar .lakas-search-btn,
.lakas-search-hero-wrap .lakas-search-btn,
.lakas-search-hero__bar .lakas-search-btn{ width:100% !important; justify-content:center !important; }
.lakas-search-hero .lakas-search-popup,
.lakas-search-hero-wrap .lakas-search-popup,
.lakas-search-hero__bar .lakas-search-popup,
.lakas-search-hero-wrap .lakas-search-popup,
.lakas-search-hero__bar .lakas-search-popup{
position:static !important;
margin-top:10px !important;
box-shadow:none !important;
}
}  @media (min-width: 561px){
.lakas-search-hero .lakas-search-bar,
.lakas-search-hero-wrap .lakas-search-bar,
.lakas-search-hero__bar .lakas-search-bar{
position:relative !important;
}
.lakas-search-hero .lakas-search-popup--calendar,
.lakas-search-hero-wrap .lakas-search-popup--calendar,
.lakas-search-hero__bar .lakas-search-popup--calendar{
min-width:0 !important;
max-width:none !important;
background:var(--lakas-color-card) !important;
border-radius:18px !important;
box-shadow:0 20px 50px rgba(0,0,0,.15) !important;
padding:18px !important;
overflow:auto !important;
}
.lakas-search-popup--calendar .lakas-cal-body{
display:flex !important;
gap:24px !important;
align-items:flex-start !important;
}
.lakas-search-popup--calendar .lakas-cal-month{
flex:1 1 0 !important;
min-width:0 !important;
}
} @media (max-width: 560px){
.lakas-search-hero .lakas-search-popup--calendar,
.lakas-search-hero-wrap .lakas-search-popup--calendar,
.lakas-search-hero__bar .lakas-search-popup--calendar{
max-width:calc(100vw - 24px) !important;
width:calc(100vw - 24px) !important;
border-radius:16px !important;
padding:12px !important;
overflow:auto !important;
}
.lakas-search-popup--calendar .lakas-cal-head{
gap:8px !important;
}
.lakas-search-popup--calendar .lakas-cal-title{
font-size:16px !important;
} .lakas-search-popup--calendar .lakas-cal-body{
display:flex !important;
flex-direction:column !important;
gap:14px !important;
}
.lakas-search-popup--calendar .lakas-cal-monthname{
font-size:16px !important;
text-align:center !important;
} .lakas-search-popup--calendar .lakas-cal-grid{
gap:6px !important;
}
}