@media(max-width:700px){
#sort,
.sort-mini{
display:none !important;
}
}
@media(max-width:700px){
.count-badge{
display:none !important;
}
}
.locate-btn{
background:linear-gradient(135deg,#ffffff,#f3fff5)!important;
color:#1877f2!important;
border:1px solid rgba(24,119,242,.18)!important;
box-shadow:0 14px 34px rgba(24,119,242,.20)!important;
}
.locate-btn i{
font-size:18px;
filter:drop-shadow(0 4px 8px rgba(24,119,242,.22));
}
.locate-btn:hover{
transform:translateY(-1px) scale(1.04);
background:linear-gradient(135deg,#1877f2,#0d6efd)!important;
color:#fff!important;
}
.user-location-icon{
width:22px;
height:22px;
border-radius:50%;
background:#1877f2;
border:4px solid #ffffff;
box-shadow:0 0 0 8px rgba(24,119,242,.18),0 10px 24px rgba(24,119,242,.35);
}
.map-toolbar{
align-items:flex-start!important;
}
.map-actions{
pointer-events:auto;
display:flex;
flex-direction:column;
gap:10px;
align-items:center;
}
.map-action-btn,
.locate-btn{
width:46px!important;
height:46px!important;
border:1px solid rgba(15,23,42,.10)!important;
border-radius:16px!important;
background:rgba(255,255,255,.96)!important;
color:#166fe5!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 16px 36px rgba(15,23,42,.18)!important;
cursor:pointer!important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease!important;
}
.map-action-btn i,
.locate-btn i{
font-size:18px!important;
}
.map-action-btn:hover,
.locate-btn:hover{
transform:translateY(-2px) scale(1.04)!important;
background:linear-gradient(135deg,#1877f2,#0d6efd)!important;
color:#fff!important;
box-shadow:0 20px 42px rgba(24,119,242,.26)!important;
}
.locate-btn .kh-locate-icon{
position:relative;
width:20px;
height:20px;
display:block;
border:2.4px solid currentColor;
border-radius:50%;
}
.locate-btn .kh-locate-icon:before,
.locate-btn .kh-locate-icon:after{
content:"";
position:absolute;
background:currentColor;
border-radius:99px;
}
.locate-btn .kh-locate-icon:before{
width:2.6px;
height:28px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.locate-btn .kh-locate-icon:after{
width:28px;
height:2.6px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.locate-btn .kh-locate-icon span{
position:absolute;
inset:4px;
border-radius:50%;
background:currentColor;
box-shadow:0 0 0 5px rgba(24,119,242,.10);
}
.user-location-icon{
width:24px!important;
height:24px!important;
border-radius:50%!important;
background:#1877f2!important;
border:4px solid #fff!important;
box-shadow:0 0 0 9px rgba(24,119,242,.16),0 12px 28px rgba(24,119,242,.35)!important;
}
.map-wrap.kh-map-fullscreen,
.map-wrap:fullscreen,
.map-wrap:-webkit-full-screen{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
min-height:100vh!important;
z-index:99999!important;
border-radius:0!important;
top:0!important;
}
body.kh-map-expanded{
overflow:hidden!important;
}
body.kh-map-expanded .map-wrap{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
min-height:100vh!important;
z-index:99999!important;
border-radius:0!important;
top:0!important;
}
body.kh-map-expanded .map-toolbar,
.map-wrap:fullscreen .map-toolbar,
.map-wrap:-webkit-full-screen .map-toolbar{
top:18px!important;
right:18px!important;
left:18px!important;
}
@media(max-width:700px){
.map-action-btn,.locate-btn{width:43px!important;height:43px!important;border-radius:15px!important;}
.map-actions{gap:8px;}
}
@media (min-width:1101px){
.results{
gap:10px!important;
padding:10px!important;
}
.card{
border-radius:18px!important;
box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
.card:hover{
transform:translateY(-3px)!important;
}
.thumb{
height:122px!important;
min-height:122px!important;
}
.card-body{
padding:9px!important;
}
.lux-headline{
margin-bottom:5px!important;
}
.name{
font-size:13px!important;
line-height:1.3!important;
-webkit-line-clamp:2!important;
}
.lux-score,
.lux-ribbon,
.card-map-hint,
.address,
.no-map-note,
.meta-region,
.meta-status{
display:none!important;
}
.meta{
margin-top:5px!important;
gap:5px!important;
}
.meta span{
font-size:9.8px!important;
padding:3px 7px!important;
}
.rating{
margin-top:6px!important;
}
.stars,.no-rate,.rate-num{
font-size:9.5px!important;
padding:3px 7px!important;
}
.actions{
margin-top:7px!important;
grid-template-columns:1fr 38px!important;
gap:5px!important;
}
.mini-btn{
height:31px!important;
border-radius:10px!important;
font-size:9.5px!important;
}
.mini-btn.primary span{
display:inline!important;
}
}
.hero{
position:relative!important;
overflow:hidden!important;
margin:0 auto 14px!important;
padding:38px 20px 32px!important;
color:#fff!important;
background:
linear-gradient(rgba(4,38,86,.40),rgba(7,74,150,.52)),
url('app/art.jpg') center center / cover no-repeat!important;
border-radius:0 0 28px 28px!important;
box-shadow:0 12px 30px rgba(7,63,135,.18)!important;
isolation:isolate;
}
.hero::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:linear-gradient(180deg,rgba(2,27,66,.05),rgba(2,37,86,.18));
}
.hero-inner{
max-width:1080px!important;
margin:auto!important;
display:block!important;
text-align:center!important;
}
.hero h1{
max-width:880px;
margin:0 auto!important;
color:#fff!important;
font-size:clamp(29px,4vw,43px)!important;
line-height:1.25!important;
font-weight:950!important;
text-shadow:0 2px 10px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.9);
}
.hero p{
max-width:760px!important;
margin:9px auto 0!important;
color:#fff!important;
font-size:14px!important;
line-height:1.8!important;
font-weight:700!important;
text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.seo-intro{
max-width:780px!important;
margin:10px auto 0!important;
color:#fff!important;
font-size:12px!important;
line-height:1.8!important;
opacity:.96;
}
.seo-intro strong{color:#fff!important}
.hero-app-search{
max-width:790px;
margin:18px auto 0;
display:flex;
align-items:center;
gap:6px;
padding:5px;
border-radius:17px;
background:#fff;
border:1px solid rgba(255,255,255,.75);
box-shadow:0 14px 30px rgba(1,37,88,.22);
}
.hero-app-search-field{
flex:1;
min-width:0;
display:flex;
align-items:center;
gap:8px;
padding-inline:12px;
}
.hero-app-search-field i{color:#8a94a2;font-size:17px}
.hero-app-search-field input{
width:100%!important;
height:47px!important;
min-height:47px!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
color:#111827!important;
font-size:13px!important;
font-weight:700!important;
padding:0!important;
}
.hero-app-search-btn{
flex:0 0 58px;
width:58px;
height:47px;
border:0;
border-radius:13px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
background:linear-gradient(135deg,#1477e7,#0755c5);
box-shadow:0 5px 13px rgba(7,85,197,.24);
cursor:pointer;
font-size:17px;
}
.hero-stats{
display:flex!important;
justify-content:center!important;
gap:7px!important;
flex-wrap:wrap!important;
margin-top:12px!important;
}
.stat{
min-width:auto!important;
padding:7px 11px!important;
border-radius:999px!important;
background:rgba(0,24,61,.24)!important;
border:1px solid rgba(255,255,255,.24)!important;
box-shadow:none!important;
color:#fff!important;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.stat b{
display:inline!important;
font-size:12px!important;
color:#fff!important;
}
.stat span{
margin-inline-start:4px;
font-size:10px!important;
color:#fff!important;
}
.hero-shortcuts{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:7px;
margin-top:10px;
}
.hero-shortcut{
min-height:33px;
padding:0 11px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
color:#fff;
border:1px solid rgba(255,255,255,.24);
border-radius:999px;
background:rgba(0,24,61,.24);
font-size:10px;
font-weight:900;
}
.hero-shortcut:hover{color:#fff;background:rgba(255,255,255,.18)}
@media(max-width:760px){
.hero{
margin:0!important;
padding:20px 12px 18px!important;
border-radius:0 0 23px 23px!important;
}
.hero-inner{text-align:start!important}
.hero h1{
margin:0!important;
font-size:25px!important;
}
.hero p{
max-width:none!important;
margin:6px 0 0!important;
font-size:11.5px!important;
line-height:1.65!important;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.seo-intro{
display:none!important;
}
.hero-app-search{
margin-top:12px;
border-radius:15px;
padding:4px;
}
.hero-app-search-field{padding-inline:9px}
.hero-app-search-field input{
height:43px!important;
min-height:43px!important;
font-size:12px!important;
}
.hero-app-search-btn{
flex-basis:48px;
width:48px;
height:43px;
border-radius:11px;
}
.hero-stats,
.hero-shortcuts{
justify-content:flex-start!important;
flex-wrap:nowrap!important;
overflow-x:auto;
scrollbar-width:none;
}
.hero-stats::-webkit-scrollbar,
.hero-shortcuts::-webkit-scrollbar{display:none}
.stat,.hero-shortcut{flex:0 0 auto}
}