body{
	font-family: "Outfit", Sans-serif !important;
}
body a{
	text-decoration:none !important;
}
.acrely-app{--text:#171717;--muted:#6f6f6f;--border:#e7e7e7;--accent:#b08a3e;--black:#111;color:var(--text); position:relative;z-index:1}.acrely-app *{box-sizing:border-box}
.acrely-header{ 
	justify-content: center;
	height:74px;display:flex;align-items:center;gap:22px;padding:0 26px; 
}
.acrely-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;min-width:145px}
.acrely-logo{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#d4b46f,#8c6b2d);display:grid;place-items:center;color:#000}
.acrely-search{flex:1;max-width:720px;border:1px solid var(--border);border-radius:999px;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.06);background: #fff !important;}
.acrely-search input{flex:1;border:0;outline:0;padding:14px 18px;border-radius:999px;min-width:0}
.acrely-search button{margin:5px;border:0;background:#111;color:#fff;border-radius:999px;padding:0 18px;cursor:pointer}
.acrely-search-btn:hover{background:#A08750 !important;}
.acrely-actions{margin-left:auto;display:flex;gap:8px}
.acrely-actions button,.acrely-filter{
	color: var(--A08750) !important;
  padding: 12px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  border-color: #a0875033 !important;
  border-style: solid !important;
  background-color: var(--1A1A1A) !important;
}
.acrely-filters{justify-content: center;height:64px;display:flex;align-items:center;gap:9px;padding:0 26px; overflow-x:auto; }
.acrely-filter.active{
	font-weight: 800;
  border-width: 1px !important;
  border-color: #A08750 !important;
}
.acrely-main{display:grid;grid-template-columns:58% 42%;
/* 	height:calc(100vh - 138px);min-height:620px */
}
.leaflet-container{background:transparent !important;}
.acrely-results{overflow-y:auto;padding: 0 20px 60px 0;}
.acrely-results-head{
	position: sticky;
  top: 0;
  z-index: 9;
  background: #0A0A0A;
  padding: 20px 0;
  margin: 0;
  display: flex;
align-content: center;
  align-items: center;
  align-self: center;
  gap: 20px;
  justify-content: space-between;
}
.acrely-results-head h1{color: #fff;margin:0 0 5px;font-size:27px;line-height:1.15}
.acrely-results-head p{margin:0;color:#fff;align-content: center;}
.acrely-results-head div{display: flex; justify-content: space-between;width: 100%;}
.acrely-sort{width: 250px;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}.acrely-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.acrely-card{cursor:pointer}
.acrely-img{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#ddd}
.acrely-img img{width:100%;height:100% !important;object-fit:cover;transition:.2s}
.acrely-card:hover img{transform:scale(1.02)}
.acrely-badge,.acrely-pricepin{
	position:absolute;left:12px;
	border-radius: 10px;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
}
.acrely-badge{
top: 12px;
  background: #A08750;
  left: auto;
  right: 12px;
	color: #fff;
	text-transform: capitalize;
}
.acrely-pricepin{
bottom: 12px;
  color: #000;
  padding: 12px;
  border-radius: 10px;
  background-color: #ffffff4d;
  backdrop-filter: blur(5px);
  align-self: start;
}
.acrely-heart{position:absolute;right:12px;top:12px;border:0;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);font-size:18px;cursor:pointer}.acrely-info{padding:10px 2px}
.acrely-row{display:flex;justify-content:space-between;gap:10px}
.acrely-title{font-weight:800;color:#fff}
.acrely-meta{color:#f2f2f2;font-size:14px;margin-top:4px}
.acrely-price{color: #fff;font-weight:800;margin-top:8px}
.acrely-price span{font-weight:500;color:#999}
.acrely-financing{display:inline-block;margin-top:8px;color:#8f6f30;font-size:12px;font-weight:800}
.acrely-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:11px;padding-top:10px;border-top:1px solid #8d8b8b}
.acrely-spec{font-size:12px}
.acrely-spec b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:2px}
.acrely-spec span{color:#999}
.acrely-coords{ font-size:11px;color:#777;margin-top:9px}
.acrely-card-actions{display:flex;gap:8px;margin-top:12px}
 
.acrely-view-btn {
    flex: 1;
    position: relative;
    overflow: hidden;
    border: 0;
    background-color: var(--e-global-color-secondary);
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    fill: var(--e-global-color-d028a16);
    color: var(--e-global-color-d028a16);
    border-radius: 100px;
    padding: 6px 5px 6px 15px;
    text-decoration: none;
}

/* Main white hover overlay */
.acrely-view-btn::after {
    position: absolute;
    content: "";
    background: #fff;
    opacity: 1;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: left 0.5s linear;
    z-index: 0;
}

.acrely-view-btn:hover::after {
    left: 0;
}

/* Keep button content above overlay */
.acrely-view-btn .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Icon */
.acrely-view-btn .elementor-button-icon {
    padding: 11px 12px;
    background: #000;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Gold icon overlay */
.acrely-view-btn .elementor-button-icon::after {
    position: absolute;
    content: "";
    background: #A08750;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: left 0.1s linear 0.03s;
    z-index: 0;
}

/* Move gold overlay */
.acrely-view-btn:hover .elementor-button-icon::after {
    left: 0;
    transition: left 0.1s linear 0.4s;
}

/* Keep SVG above gold overlay */
.acrely-view-btn .elementor-button-icon svg {
    position: relative;
    z-index: 2;
}

/* Text */
.acrely-view-btn .elementor-button-text {
    position: relative;
    z-index: 2;
    display: inline-block;
    align-content: center;
}
.acrely-view-btn:hover{
	color:#000 !important;
}
.acrely-view-btn:hover .elementor-button-icon svg path {
  stroke: #000 !important;
  fill: #000 !important;
  transition: all 0.3s linear 0.4s;
  -webkit-transition: all 0.3s linear 0.4s;
  -moz-transition: all 0.3s linear 0.4s;
  -ms-transition: all 0.3s linear 0.4s;
  -o-transition: all 0.3s linear 0.4s;
}
.acrely-map-btn{
	color: var(--A08750) !important;
  border-radius: 100px !important;
  border-width: 1px;
  border-style: solid;
  background-color: var(--1A1A1A) !important;
  border-color: #a0875033 !important;
	cursor:pointer}
.acrely-map-btn:hover{
	border-color:#A08750 !important;
}
.acrely-mapwrap{padding: 26px 0px 0 20px; position:relative}
.acrely-map{width:100%;height:600px;position: sticky;top: 130px;}
.acrely-pin{background:#fff;border:1px solid #ccc;border-radius:999px;padding:8px 11px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.18);white-space:nowrap;text-align: center;}
.acrely-pin.active{background:#111;color:#fff}
.acrely-popup{ font-family: outfit !important;}
.acrely-popup img{
	width: 210px;
  height: 118px !important;
  object-fit: cover;
  border-radius: 12px !important;
}
.acrely-popup h3{
	margin:8px 0 3px;
font-size: 20px !important;
  font-weight: 600 !important;
}
.acrely-popup p{font-size: 16px;margin:2px 0;color:#666}
.acrely-map-toggle{
	display:none !important;
color: var(--A08750) !important;
  border-radius: 100px !important;
  border-width: 1px;
  border-style: solid;
  background-color: var(--1A1A1A) !important;
  border-color: #a0875033 !important;
}
 
@media(max-width:900px){
	.acrely-app{overflow:visible}
	.acrely-actions{display:none}
	.acrely-main{display:block;height:auto;min-height:0}
	.acrely-grid{grid-template-columns:1fr 1fr}
	.acrely-results{overflow:visible}
	.acrely-mapwrap{display:none;padding: 20px;position:fixed;top:138px;bottom:0;left:0;right:0;z-index:50;background:#000}
	.acrely-mapwrap.show{display:block}
	
	.acrely-map-toggle{
		display:block !important;position:fixed;z-index:80;bottom:22px;left:50%;transform:translateX(-50%);
				border: 1px solid #b08a3e !important;
		background: #0000008F !important;
		color: #b08a3e !important;
		padding: 12px 18px !important;
		border-radius: 100px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
		text-transform: capitalize;
		font-size: 22px !important;
		cursor:pointer
	}
	    .acrely-app .leaflet-popup-content-wrapper {
        min-width: 200px !important;
    }

    .acrely-app .leaflet-popup-content {
        min-width: 200px !important;
        width: auto !important;
        margin: 13px 19px !important;
    }

    .acrely-app .acrely-popup {
        min-width: 100px !important;
    }

    .acrely-app .acrely-popup img {
        width: 100%;
       	height: 100px;
        display: block;
    }
}
 
.acrely-filter{color: var(--text);}
button.acrely-filter:hover ,button.acrely-filter:focus,.acrely-search-btn:hover,.acrely-search-btn:focus{
  background-color: #000;
}
.acrely-view-btn,.acrely-map-btn{
	font-weight:500 !important;
	width: 50% !important;
} 
.acrely-heart{display:none !important;}
.acrely-search-input{border:none !important;border-radius: 100px !important;background: transparent;color: #000 !important;}
@media (min-width: 992px) {
	 body:not([class*="elementor-page-"]) .site-main {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
	body:not([class*="elementor-page-"]) .site-main {
		max-width: 95% !important;
	}
}
@media (max-width: 1180px) {
	.acrely-card-actions{
		flex-direction: column;
		
	}
	.acrely-view-btn,.acrely-map-btn{
		width:100% !important;
	}
}
@media(max-width:880px){
	.acrely-filters	{
	padding: 12px;
	height: auto !important;
  flex-wrap: wrap !important;
}
}
@media (max-width:767px) {
	.acrely-header{
    padding: 14px !important;
		flex-direction: column;
  height: auto;
  }
	.acrely-results-head{
		flex-wrap: wrap;
  justify-content: end;
	}
header .acrely-brand{ display:none !important; }
	

	.acrely-popup h3{
		font-size: 20px;
	}
.acrely-grid {
    grid-template-columns: 1fr;
  }
}
	@media(max-width: 575px){
.acrely-header {
    justify-content: space-between;
}
 
.acrely-brand {
    flex: 0 0 auto;
    min-width: initial;
}
 
.acrely-search {
    flex: 1 0 0;
    max-width: 100%;
}
}