html{scroll-behavior:smooth}
.gallery-wrap{position:relative}
.gallery-thumbs{position:relative}
.gallery-lightbox{position:absolute!important;bottom:0!important;right:0!important;width:50%!important;height:50%!important;z-index:5!important;border-radius:12px!important;overflow:hidden!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(10,22,40,0.35)!important;backdrop-filter:blur(10px) saturate(1.5)!important;-webkit-backdrop-filter:blur(10px) saturate(1.5)!important;transition:all .3s ease!important;text-decoration:none!important;color:#fff!important;border:1px solid rgba(255,255,255,0.15)!important}
.gallery-lightbox:hover{background:rgba(10,22,40,0.5)!important}  
.gallery-lightbox img,.gallery-lightbox .w-lightbox-thumbnail{display:none!important}
.gallery-lightbox *{color:#fff!important;text-decoration:none!important;font-family:inherit!important;font-size:0!important} 
.gallery-lightbox::after{content:'View All Photos';font-size:14px!important;font-weight:600;letter-spacing:0.3px;color:#fff;display:block!important}
.w-lightbox-backdrop{background:rgba(10,22,40,0.5)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.w-lightbox-container{max-width:75vw!important;max-height:90vh!important;overflow:hidden!important}
.w-lightbox-content{background:transparent!important;border:none!important;overflow:hidden!important}
.w-lightbox-view{overflow:hidden!important;height:auto!important;max-height:80vh!important}
.w-lightbox-image{border-radius:12px!important;max-height:75vh!important;max-width:100%!important;object-fit:contain!important}
.w-lightbox-strip{background:rgba(0,0,0,0.3)!important;border-radius:10px!important;padding:8px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.w-lightbox-thumbnail{border-radius:6px!important;overflow:hidden!important;opacity:0.6!important;transition:opacity .2s!important}
.w-lightbox-thumbnail.w-lightbox-active{opacity:1!important;border:2px solid #7ac142!important}
.w-lightbox-close{background:rgba(220,40,40,0.85)!important;border-radius:50%!important;width:40px!important;height:40px!important;top:20px!important;right:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10!important;transition:transform .2s ease,background .2s ease!important;border:none!important;font-size:0!important;color:transparent!important}
.w-lightbox-close:hover{transform:scale(1.1)!important;background:rgba(200,30,30,1)!important}
.w-lightbox-close::after{content:'✕'!important;font-size:18px!important;color:#fff!important;font-weight:600!important;line-height:1!important;display:block!important}
.w-lightbox-control.w-lightbox-left,.w-lightbox-control.w-lightbox-right{background:rgba(0,0,0,0.4)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;z-index:10!important;transition:transform .2s ease,background .2s ease!important;filter:none!important;-webkit-filter:none!important}
.w-lightbox-control.w-lightbox-left:hover,.w-lightbox-control.w-lightbox-right:hover{background:rgba(255,255,255,0.2)!important;transform:scale(1.1)!important}
.w-lightbox-control.w-lightbox-inactive{display:none!important}
.w-lightbox-spinner{border-color:rgba(255,255,255,0.3)!important;border-top-color:#7ac142!important}
.w-lightbox-control .w-lightbox-left-arrow,.w-lightbox-control .w-lightbox-right-arrow{border-color:#fff!important}
.w-lightbox-left-arrow,.w-lightbox-right-arrow{border-color:#fff!important;filter:brightness(10)!important}

.glowing-dot{border-radius:50%;animation:dotPulse 2.5s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.6;filter:brightness(1.5)}}
.property-details-overlay{background:rgba(0,0,0,.35)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-top:.5px solid rgba(255,255,255,.15)!important}
.filter-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0)!important;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:998!important;display:none;opacity:0;transition:background .5s cubic-bezier(.22,1,.36,1),backdrop-filter .5s cubic-bezier(.22,1,.36,1)}
.filter-overlay.is-open{background:rgba(0,0,0,.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1}
.filter-popup{position:fixed!important;top:50%!important;left:50%!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.92)!important;width:100%!important;max-width:720px!important;max-height:85vh!important;background:rgba(18,24,20,.55)!important;backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;-webkit-backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;z-index:999!important;box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;overflow:hidden!important;will-change:transform,opacity;opacity:0;display:flex!important;flex-direction:column!important}
.filter-popup.is-open{transform:translate(-50%,-50%) scale(1)!important;opacity:1;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.22,1,.36,1)!important}
.filter-popup.is-closing{transform:translate(-50%,-50%) scale(.95)!important;opacity:0;transition:transform .35s cubic-bezier(.55,0,1,.45),opacity .3s ease!important}
.filter-popup::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,193,66,.25),rgba(122,193,66,.45),rgba(122,193,66,.25),transparent);z-index:1;border-radius:24px}

.filter-popup .filter-section,.filter-popup .filter-double-row{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}
.filter-popup.is-open .filter-section,.filter-popup.is-open .filter-double-row{opacity:1;transform:translateY(0)}

.filter-pill{padding:10px 22px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;color:rgba(255,255,255,.6)!important;font-size:13px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.22,1,.36,1)!important;user-select:none;white-space:nowrap!important}
.filter-pill:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.85)!important}
.filter-pill.is-active{background:rgba(122,193,66,.12)!important;border-color:#7ac142!important;color:#7ac142!important;font-weight:500!important}
.amenity-checkbox,.search-panel-checkbox,.hero-checkbox{width:18px!important;height:18px!important;min-width:18px!important;border:1.5px solid rgba(255,255,255,.2)!important;border-radius:4px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .25s cubic-bezier(.22,1,.36,1)!important;flex-shrink:0!important;overflow:hidden}
.amenity-checkbox.is-checked,.search-panel-checkbox.is-checked,.hero-checkbox.is-checked{background:#7ac142!important;border-color:#7ac142!important}
.amenity-checkbox.is-checked svg,.search-panel-checkbox.is-checked svg,.hero-checkbox.is-checked svg{opacity:1;transform:scale(1)}
.amenity-checkbox svg,.search-panel-checkbox svg,.hero-checkbox svg{opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.22,1,.36,1)}
.amenity-item{cursor:pointer!important;transition:opacity .2s ease}
.filter-input,.filter-popup select,.filter-popup input[type="text"]{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;padding:10px 16px!important;color:#fff!important;font-size:13px!important;outline:none!important;width:100%!important;min-height:40px!important;transition:border-color .25s ease,box-shadow .25s ease!important;-webkit-appearance:none;appearance:none;box-sizing:border-box!important}
.filter-input:focus,.filter-popup input:focus{border-color:rgba(122,193,66,.4)!important;box-shadow:0 0 0 3px rgba(122,193,66,.08)!important}
.filter-popup input::placeholder{color:rgba(255,255,255,.3)!important}
.filter-popup .custom-select-wrapper select{display:none!important}
.custom-select-trigger{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:10px 38px 10px 16px;color:rgba(255,255,255,.4);font-size:13px;cursor:pointer;width:100%;min-height:40px;line-height:1.4;position:relative;box-sizing:border-box;transition:all .25s cubic-bezier(.22,1,.36,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}
.custom-select-trigger.has-value{color:#fff}
.custom-select-trigger:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.custom-select-trigger.is-open{border-color:rgba(122,193,66,.4);box-shadow:0 0 0 3px rgba(122,193,66,.08)}
.custom-select-trigger::after{content:'';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.4);transition:transform .25s ease}
.custom-select-trigger.is-open::after{transform:translateY(-50%) rotate(180deg);border-top-color:#7ac142}
.custom-select-wrapper{position:relative;width:100%;z-index:10}
.custom-select-wrapper.is-active{z-index:9999}
.filter-double-row{overflow:visible!important;position:relative!important;z-index:1!important}
.filter-half,.filter-inputs-row,.filter-popup .w-form,.filter-popup form{overflow:visible!important}
.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;min-width:140px;width:max-content;background:rgba(14,18,16,.94);backdrop-filter:blur(60px) saturate(1.6);-webkit-backdrop-filter:blur(60px) saturate(1.6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px;max-height:220px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:1001;box-shadow:0 12px 40px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.custom-select-dropdown.align-right{left:auto;right:0}
.custom-select-dropdown.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.custom-select-dropdown::-webkit-scrollbar{width:3px}
.custom-select-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.custom-select-option{padding:9px 14px;color:rgba(255,255,255,.6);font-size:13px;cursor:pointer;border-radius:10px;transition:background .12s ease,color .12s ease;white-space:nowrap}
.custom-select-option:hover{background:rgba(122,193,66,.15)!important;color:#fff!important}
.custom-select-option.is-selected{background:rgba(122,193,66,.12);color:#7ac142;font-weight:500}
.filter-label{font-size:14px!important;font-weight:600!important;color:#fff!important;margin-bottom:14px!important;text-transform:none!important;letter-spacing:0!important}
.filter-section{margin-bottom:28px!important;padding-bottom:28px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.filter-section:last-child{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}
.show-more-link{color:#7ac142!important;cursor:pointer!important;margin-top:14px!important}
.amenities-hidden{display:none!important}
.amenities-hidden.is-expanded{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;column-gap:20px!important;row-gap:16px!important;margin-top:16px!important;animation:fIU .3s ease forwards}
@keyframes fIU{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}




.filter-reset-btn{color:rgba(255,255,255,.4)!important;font-size:13px!important;text-decoration:none!important;cursor:pointer!important;transition:color .2s ease!important}
.filter-reset-btn:hover{color:rgba(255,255,255,.7)!important}
.filter-apply-btn{padding:14px 36px!important;background:#7ac142!important;border-radius:12px!important;color:#fff!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer!important;transition:all .25s cubic-bezier(.22,1,.36,1)!important;box-shadow:0 4px 16px rgba(122,193,66,.2)}
.filter-apply-btn:hover{background:#6db338!important}
.filter-popup-body{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;flex:1!important;min-height:0!important;padding:0 36px!important}
.filter-popup-body::-webkit-scrollbar{width:4px}
.filter-popup-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}
.filter-popup form,.filter-popup .w-form{margin:0!important;padding:0!important;background:transparent!important;border:none!important}
.filter-popup .w-form-done,.filter-popup .w-form-fail{display:none!important}
.search-dropdown-trigger{display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;padding:8px 12px!important;border-radius:8px!important;transition:background .2s ease!important;user-select:none;white-space:nowrap!important}
.search-dropdown-trigger:hover{background:rgba(255,255,255,.06)!important}
.search-dropdown-trigger.is-active{background:rgba(255,255,255,.08)!important}
.search-dropdown-trigger svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.search-dropdown-trigger.is-active svg{transform:rotate(180deg)}
.search-dropdown-trigger .trigger-text{color:rgba(255,255,255,.85)!important;font-size:14px!important}
.search-dropdown-trigger.has-selection .trigger-text{color:#7ac142!important;font-weight:500!important}
.search-dropdown-panel{position:absolute!important;top:calc(100% + 10px)!important;left:50%!important;transform:translateX(-50%) translateY(-8px) scale(.97)!important;background:rgba(16,20,18,.88)!important;backdrop-filter:blur(60px) saturate(1.6) brightness(.95)!important;-webkit-backdrop-filter:blur(60px) saturate(1.6) brightness(.95)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:24px 28px!important;z-index:997!important;box-shadow:0 16px 60px rgba(0,0,0,.5)!important;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:block!important;min-width:280px!important}
.search-dropdown-panel.is-open{opacity:1!important;pointer-events:all!important;transform:translateX(-50%) translateY(0) scale(1)!important}

.property-type-panel{min-width:260px!important;max-width:300px!important}
.beds-baths-panel{min-width:380px!important;max-width:440px!important}
.price-panel{min-width:340px!important;max-width:400px!important}
.search-panel-label{color:#fff!important;font-size:13px!important;font-weight:600!important;margin-bottom:14px!important;display:block!important}
.search-panel-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.search-panel-check-item,.hero-check-item{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;padding:4px 0!important;transition:opacity .2s ease}

.check-label,.hero-check-label{color:rgba(255,255,255,.7)!important;font-size:13px!important}
.search-panel-pills,.hero-pills-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.search-panel-pill,.hero-pill{padding:8px 16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;color:rgba(255,255,255,.6)!important;font-size:13px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.22,1,.36,1)!important;user-select:none;white-space:nowrap!important}
.search-panel-pill:hover,.hero-pill:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.85)!important}
.search-panel-pill.is-active,.hero-pill.is-active{background:rgba(122,193,66,.12)!important;border-color:#7ac142!important;color:#7ac142!important;font-weight:500!important}
.search-panel-price-row{display:flex!important;align-items:center!important;gap:12px!important}
.price-panel form,.price-panel .w-form{margin:0!important;padding:0!important;background:transparent!important;border:none!important}
.price-panel .w-form-done,.price-panel .w-form-fail,.price-panel .search-price-input{display:none!important}
.hero-search-card{position:relative!important}
.hero-search-card .w-form,.hero-search-card form{margin:0!important;padding:0!important;background:transparent!important;border:none!important}
.hero-search-card .w-form-done,.hero-search-card .w-form-fail{display:none!important}
.hero-field-label{font-size:11px!important;font-weight:500!important;color:rgba(255,255,255,.45)!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:8px!important}
.hero-field-input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:12px 16px!important;color:#fff!important;font-size:14px!important;outline:none!important;width:100%!important;min-height:44px!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important;-webkit-appearance:none;box-sizing:border-box!important}
.hero-field-input:focus{border-color:rgba(122,193,66,.35)!important;box-shadow:0 0 0 3px rgba(122,193,66,.06),inset 0 0 12px rgba(122,193,66,.03)!important;background:rgba(255,255,255,.08)!important}
.hero-field-input::placeholder{color:rgba(255,255,255,.3)!important}
.hero-select-trigger{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:12px 16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important;box-sizing:border-box!important}
.hero-select-trigger:hover{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important}
.hero-select-trigger.is-active{border-color:rgba(122,193,66,.35)!important;box-shadow:0 0 0 3px rgba(122,193,66,.06)!important;background:rgba(255,255,255,.08)!important}
.hero-select-trigger.has-value .hero-select-text{color:#fff!important}
.hero-select-text{color:rgba(255,255,255,.3)!important;font-size:14px!important}
.hero-select-trigger svg{transition:transform .3s cubic-bezier(.22,1,.36,1);flex-shrink:0}
.hero-select-trigger.is-active svg{transform:rotate(180deg)}
.hero-field-col{position:relative!important}
.hero-dropdown-panel{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;background:rgba(14,18,16,.92)!important;backdrop-filter:blur(60px) saturate(1.6)!important;-webkit-backdrop-filter:blur(60px) saturate(1.6)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:16px!important;z-index:100!important;box-shadow:0 16px 48px rgba(0,0,0,.5)!important;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:block!important}
.hero-dropdown-panel.is-open{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:all!important}

.hero-tab{padding:10px 24px!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important;color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.06)!important;border:1.5px solid rgba(255,255,255,.08)!important;transition:all .35s cubic-bezier(.22,1,.36,1)!important;cursor:pointer!important;text-decoration:none!important}
.hero-tab:hover{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important;border-color:rgba(255,255,255,.15)!important}
.hero-tab.is-active{background:rgba(122,193,66,.06)!important;color:#7ac142!important;border-color:#7ac142!important;box-shadow:0 0 16px rgba(122,193,66,.15),0 0 40px rgba(122,193,66,.06),inset 0 0 12px rgba(122,193,66,.04)!important;font-weight:600!important}

.team-card-clickable{cursor:pointer!important;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease!important}
.team-card-clickable:hover{transform:translateY(-4px)!important}
.person-bio-data{display:none!important}
.person-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0)!important;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:998!important;display:none;opacity:0;transition:background .5s cubic-bezier(.22,1,.36,1),backdrop-filter .5s cubic-bezier(.22,1,.36,1);justify-content:center;align-items:center}
.person-overlay.is-open{background:rgba(0,0,0,.5)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1}
.person-popup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(.92)!important;width:90%!important;max-width:860px!important;max-height:85vh!important;background:rgba(18,24,20,.55)!important;backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;-webkit-backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;z-index:999!important;box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;overflow:hidden!important;opacity:0;display:flex!important;flex-direction:row!important}
.person-popup.is-open{transform:translate(-50%,-50%) scale(1)!important;opacity:1;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.22,1,.36,1)!important}
.person-popup.is-closing{transform:translate(-50%,-50%) scale(.95)!important;opacity:0;transition:transform .35s cubic-bezier(.55,0,1,.45),opacity .3s ease!important}
.person-popup::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,193,66,.25),rgba(122,193,66,.45),rgba(122,193,66,.25),transparent);z-index:1;border-radius:24px}

.person-popup-left{flex:1;padding:48px 40px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative;z-index:1;overflow-y:auto;max-height:85vh}
.person-popup-name{font-size:28px!important;font-weight:700!important;color:#fff!important;margin:0 0 6px 0!important;line-height:1.2!important}
.person-popup-title{font-size:14px!important;font-weight:500!important;color:#7ac142!important;margin:0 0 24px 0!important;letter-spacing:.02em}
.person-popup-bio{font-size:14px!important;line-height:1.7!important;color:rgba(255,255,255,.7)!important;margin:0 0 28px 0!important}
.person-popup-linkedin{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:rgba(255,255,255,.8)!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:all .25s cubic-bezier(.22,1,.36,1)!important;cursor:pointer!important;width:auto!important;max-width:fit-content!important}

.person-popup-right{width:42%!important;min-width:42%!important;position:relative;overflow:hidden}
.person-popup-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.person-popup-close{position:absolute!important;top:16px!important;right:16px!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(0,0,0,.3)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;cursor:pointer!important;z-index:10!important;transition:transform .2s ease,background .2s ease!important;color:#fff!important;font-size:18px!important;line-height:1}
.person-popup-close:hover{transform:scale(1.1)!important;background:rgba(255,0,0,.2)!important}
@media(max-width:768px){.person-popup{flex-direction:column-reverse!important;max-height:90vh!important}.person-popup-right{width:100%!important;min-width:100%!important;height:240px!important}.person-popup-left{padding:28px 24px!important}}
.sell-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0)!important;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:998!important;display:none;opacity:0;transition:background .5s,backdrop-filter .5s}
.sell-overlay.is-open{background:rgba(0,0,0,.5)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1}
.sell-popup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(.92)!important;width:90%!important;max-width:560px!important;max-height:90vh!important;background:rgba(18,24,20,.55)!important;backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;-webkit-backdrop-filter:blur(60px) saturate(1.6) brightness(.9)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;z-index:999!important;box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;overflow:hidden!important;opacity:0;display:flex!important;flex-direction:column!important}
.sell-popup.is-open{transform:translate(-50%,-50%) scale(1)!important;opacity:1;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s!important}
.sell-popup.is-closing{transform:translate(-50%,-50%) scale(.95)!important;opacity:0;transition:transform .35s,opacity .3s!important}
.sell-popup::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,193,66,.3),rgba(122,193,66,.45),rgba(122,193,66,.3),transparent);z-index:1}
.sell-popup-header{padding:32px 36px 0!important;position:relative}
.sell-popup-title{font-size:22px!important;font-weight:700!important;color:#fff!important;margin:0 0 6px!important}
.sell-popup-subtitle{font-size:13px!important;color:rgba(255,255,255,.5)!important;margin:0!important}
.sell-popup-close{position:absolute!important;top:20px!important;right:20px!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(0,0,0,.3)!important;border:1px solid rgba(255,255,255,.1)!important;cursor:pointer!important;z-index:10!important;color:#fff!important;font-size:18px;transition:transform .2s,background .2s!important}
.sell-popup-close:hover{transform:scale(1.1)!important;background:rgba(255,0,0,.2)!important}
.sell-popup-body{padding:24px 36px 32px!important;overflow-y:auto!important;flex:1!important}
.sell-form-row{display:flex!important;gap:14px!important;margin-bottom:14px!important}
.sell-form-field{flex:1}
.sell-form-field label{display:block!important;font-size:11px!important;font-weight:500!important;color:rgba(255,255,255,.45)!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:6px!important}
.sell-form-field input,.sell-form-field textarea{width:100%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:12px 16px!important;color:#fff!important;font-size:14px!important;outline:none!important;transition:border-color .25s,box-shadow .25s,background .25s!important;-webkit-appearance:none!important;box-sizing:border-box!important;font-family:inherit!important}
.sell-form-field input:focus,.sell-form-field textarea:focus{border-color:rgba(122,193,66,.35)!important;box-shadow:0 0 0 3px rgba(122,193,66,.06)!important;background:rgba(255,255,255,.08)!important}
.sell-form-field input::placeholder,.sell-form-field textarea::placeholder{color:rgba(255,255,255,.25)!important}
.sell-form-field textarea{min-height:80px!important;resize:vertical!important}
.sell-submit-btn{width:100%!important;padding:14px!important;background:#7ac142!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;transition:all .25s!important;margin-top:8px!important}
.sell-submit-btn:hover{background:#6db338!important;transform:translateY(-1px)}
.sell-submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}
.sell-form-msg{text-align:center!important;padding:16px!important;border-radius:12px!important;font-size:14px!important;margin-top:14px!important}
.sell-form-msg.ok{background:rgba(122,193,66,.12)!important;color:#7ac142!important}
.sell-form-msg.err{background:rgba(255,59,48,.12)!important;color:#ff6b6b!important}
@media(max-width:767px){
.filter-popup{max-width:95vw!important;width:95%!important;max-height:90vh!important}
.filter-popup-body{padding:20px 20px!important}
.filter-pills-row{flex-wrap:wrap!important}
.filter-pill{padding:8px 16px!important;font-size:12px!important}
.filter-double-row{flex-direction:column!important;gap:14px!important}
.filter-half{width:100%!important;max-width:100%!important;flex:none!important}
.amenities-hidden.is-expanded{grid-template-columns:1fr 1fr!important}
.sell-popup{max-width:95vw!important;width:95%!important}
.sell-popup-header{padding:24px 20px 0!important}
.sell-popup-body{padding:16px 20px 24px!important}
.sell-form-row{flex-direction:column!important;gap:10px!important}
.sell-popup-title{font-size:20px!important}
.person-popup{max-width:95vw!important;width:95%!important;flex-direction:column-reverse!important;max-height:90vh!important}
.person-popup-right{width:100%!important;min-width:100%!important;height:220px!important}
.person-popup-left{padding:24px 20px!important}
.person-popup-name{font-size:22px!important}
.search-dropdown-panel{left:0!important;right:0!important;transform:none!important;min-width:auto!important;max-width:100%!important;padding:16px!important;z-index:100!important;background:rgba(15,25,40,0.55)!important;backdrop-filter:blur(24px) saturate(1.6)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6)!important;border:1px solid rgba(255,255,255,0.12)!important;box-shadow:0 16px 48px rgba(0,0,0,0.35)!important;border-radius:16px!important}
#loc-dropdown{background:rgba(15,25,40,0.55)!important;backdrop-filter:blur(24px) saturate(1.6)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6)!important;border:1px solid rgba(255,255,255,0.12)!important;box-shadow:0 16px 48px rgba(0,0,0,0.35)!important;border-radius:16px!important}
.w-pagination-wrapper{display:none!important}
.property-type-panel,.beds-baths-panel,.price-panel{z-index:100!important}
.location-autocomplete{position:fixed;background:rgba(20,30,45,0.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;max-height:240px;overflow-y:auto;z-index:9999;display:none;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,0.4);min-width:280px}
.location-autocomplete.is-open{display:block}
.location-option{padding:10px 14px;color:rgba(255,255,255,0.85);font-size:13px;border-radius:8px;cursor:pointer;transition:background .15s ease}
.location-option:hover,.location-option.is-highlighted{background:rgba(122,193,66,0.15);color:#fff}
.location-option mark{background:none!important;color:#7ac142!important;font-weight:600}
.location-autocomplete::-webkit-scrollbar{width:4px}
.location-autocomplete::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}
.location-input{width:100%;background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:10px 16px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}
.location-input::placeholder{color:rgba(255,255,255,0.4)}
.location-input:focus{border-color:rgba(122,193,66,0.5)}

.search-dropdown-panel.is-open{transform:none!important}
.filter-pill{cursor:pointer;user-select:none}
.filter-pill.is-active{background:rgba(122,193,66,0.9)!important;border-color:#7ac142!important}
.filter-pill.is-active .text-block-61,.filter-pill.is-active div{color:#fff!important}
.property-type-panel,.beds-baths-panel,.price-panel{min-width:auto!important;max-width:100%!important}
}
.property-gallery-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;grid-template-rows:200px 200px!important;gap:8px!important;border-radius:16px!important;overflow:hidden!important;position:relative!important}
.gallery-hero-img{grid-column:1/2!important;grid-row:1/3!important;width:100%!important;height:100%!important;object-fit:cover!important}
.gallery-thumbs-wrap{grid-column:2/4!important;grid-row:1/3!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:8px!important;overflow:hidden!important}
.gallery-thumbs-wrap img{width:100%!important;height:100%!important;object-fit:cover!important}
.gallery-thumbs-wrap a:nth-child(n+5),.gallery-thumbs-wrap>div:nth-child(n+5),.gallery-thumbs-wrap>a:nth-child(n+5){display:none!important}
.gallery-view-all{position:absolute!important;bottom:8px!important;right:8px!important;background:rgba(0,0,0,.7)!important;color:#fff!important;padding:8px 16px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;z-index:5!important;backdrop-filter:blur(8px)!important}
.gallery-view-all:hover{background:rgba(0,0,0,.85)!important}
.property-subtitle-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important}
.property-location-label{color:#666!important;font-size:15px!important}
.property-page-title{font-size:28px!important;font-weight:700!important;margin-bottom:8px!important;text-transform:uppercase!important}
.property-price-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:24px!important;flex-wrap:wrap!important;gap:16px!important}
.property-price-display{color:#7ac142!important;font-size:28px!important;font-weight:700!important;margin:0!important}
.property-quick-stats{display:flex!important;align-items:center!important;gap:16px!important;color:#555!important;font-size:14px!important;margin-top:8px!important}
.property-contact-btns{display:flex!important;gap:10px!important}
.property-call-btn,.property-wa-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 28px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important;transition:all .25s ease!important}
.property-call-btn{background:transparent!important;color:#7ac142!important;border:1.5px solid #7ac142!important}
.property-call-btn:hover{background:rgba(122,193,66,0.12)!important;color:#7ac142!important}
.property-wa-btn{background:#25D366!important;color:#fff!important} 
.property-wa-btn:hover{background:#1da851!important}
.property-content-grid{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:32px!important;margin-top:40px!important}
.property-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;background:rgba(0,0,0,.06)!important;border-radius:12px!important;overflow:hidden!important;margin-top:16px!important}
.property-info-cell{padding:16px!important;background:#fff!important}
.property-info-label{font-size:12px!important;color:#999!important;margin-bottom:4px!important}
.property-info-value{font-size:14px!important;font-weight:600!important;color:#333!important}
.property-agent-card{border:1px solid rgba(0,0,0,.08)!important;border-radius:16px!important;padding:24px!important;position:sticky!important;top:100px!important}
.property-agent-name{font-size:16px!important;font-weight:600!important;margin:12px 0 4px!important}
.property-agent-response{font-size:12px!important;color:#999!important}
.property-ref-tag{display:inline-block!important;margin-top:16px!important;padding:8px 16px!important;background:rgba(122,193,66,.08)!important;border-radius:8px!important;font-size:12px!important;color:#555!important}
.property-ref-tag span{color:#7ac142!important;font-weight:600!important}
.property-related-section{margin-top:60px!important;padding-top:40px!important;border-top:1px solid rgba(0,0,0,.06)!important}
@media(max-width:767px){
.property-gallery-grid{grid-template-columns:1fr!important;grid-template-rows:250px auto!important}
.gallery-hero-img{grid-column:1!important;grid-row:1!important}
.gallery-thumbs-wrap{grid-column:1!important;grid-row:2!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:80px!important}
.gallery-thumbs-wrap a:nth-child(n+4),.gallery-thumbs-wrap>div:nth-child(n+4){display:none!important}
.property-content-grid{grid-template-columns:1fr!important}
.property-agent-card{position:static!important}
.property-price-row{flex-direction:column!important;align-items:flex-start!important}
.property-page-title{font-size:22px!important}
}



/* ═══════════════════════════════════════════════════════════════════
   UNIFIED GLASS v3 — DROPDOWN PANELS ONLY
   Universal glass (reads on dark AND white) applied ONLY to the floating
   dropdown panels. Trigger buttons keep their own original styling.
   Paste into coreo-site.css near the end (after the glass card block).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Floating panels / dropdowns ONLY ────────────────────────────── */
/* :not(...trigger) guards against trigger buttons that accidentally
   carry a panel class (e.g. commercial Area trigger has .size-panel). */
#loc-dropdown,
.hero-dropdown-panel:not(.search-dropdown-trigger),
.looking-for-panel,
.bedrooms-panel,
.property-type-panel:not(.search-dropdown-trigger),
.beds-baths-panel:not(.search-dropdown-trigger),
.price-panel:not(.search-dropdown-trigger),
.size-panel:not(.search-dropdown-trigger):not(.beds-baths-trigger):not(.property-type-trigger):not(.price-trigger),
.search-dropdown-panel:not(.search-dropdown-trigger),
.custom-select-dropdown,
.filter-popup{
  background:rgba(8,12,20,0.88)!important;
backdrop-filter:blur(32px) saturate(1.3)!important;
-webkit-backdrop-filter:blur(32px) saturate(1.3)!important;
  border:1px solid rgba(255,255,255,0.18)!important;
  box-shadow:0 16px 48px rgba(0,0,0,0.4)!important;
}

/* custom-select triggers INSIDE panels stay subtle (not double-glassed) */
.price-panel .custom-select-trigger,
.size-panel .custom-select-trigger,
.beds-baths-panel .custom-select-trigger{
  background:rgba(255,255,255,0.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* ═══ FILTER ACCENT → GOLD + IVORY (hybrid) — append at very end ═══
   Gold #7ac142 = action accent. Ivory #ECE6D8 = selected tab.
   Reversible: delete this block to restore green. */

.hero-tab.is-active{
  background:#ECE6D8!important;
  color:#14233A!important;
  border-color:#ECE6D8!important;
  box-shadow:0 4px 16px rgba(0,0,0,0.18)!important;
}

.filter-apply-btn{background:#7ac142!important;color:#14233A!important;box-shadow:0 4px 16px rgba(122,193,66,0.22)!important}
.filter-apply-btn:hover{background:#69ad37!important}

.filter-pill.is-active,
.search-panel-pill.is-active,
.hero-pill.is-active{
  background:rgba(122,193,66,0.14)!important;
  border-color:#7ac142!important;
  color:#7ac142!important;
}
.filter-pill.is-active .text-block-61,
.filter-pill.is-active div{color:#7ac142!important}

.amenity-checkbox.is-checked,
.search-panel-checkbox.is-checked,
.hero-checkbox.is-checked{
  background:#7ac142!important;
  border-color:#7ac142!important;
}

.custom-select-option.is-selected{background:rgba(122,193,66,0.14)!important;color:#7ac142!important}
.custom-select-option:hover{background:rgba(122,193,66,0.18)!important;color:#fff!important}
.custom-select-trigger.is-open{border-color:rgba(122,193,66,0.45)!important;box-shadow:0 0 0 3px rgba(122,193,66,0.10)!important}
.custom-select-trigger.is-open::after{border-top-color:#7ac142!important}

.search-dropdown-trigger.has-selection .trigger-text{color:#7ac142!important}
.show-more-link{color:#7ac142!important}

.filter-input:focus,
.filter-popup input:focus,
.hero-field-input:focus{
  border-color:rgba(122,193,66,0.4)!important;
  box-shadow:0 0 0 3px rgba(122,193,66,0.10)!important;
}
.hero-select-trigger.is-active{
  border-color:rgba(122,193,66,0.4)!important;
  box-shadow:0 0 0 3px rgba(122,193,66,0.10)!important;
}

.off-dd-caret svg path,.off-dd-caret svg [stroke]{stroke:#7ac142!important}
.filter-toggle-btn:has(.off-dd-caret){
  color:#7ac142!important;
  border:1.5px solid #7ac142!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.filter-toggle-btn:has(.off-dd-caret) *{color:#7ac142!important}



/* ═══ PROPERTY GALLERY — VIEW ALL PHOTOS PILL + LIGHTBOX ARROWS (v3) ═══
   Replaces the previous version. Reversible: delete this block. */

/* 1. View All Photos → sharp photo behind, only the pill is frosted glass */
.gallery-lightbox{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;display:block!important}
.gallery-lightbox:hover{background:transparent!important}
.gallery-lightbox img,.gallery-lightbox .w-lightbox-thumbnail{display:none!important}
.gallery-lightbox::after{content:'View All Photos'!important;position:absolute!important;bottom:12px!important;right:12px!important;font-size:13px!important;font-weight:500!important;color:#fff!important;background-color:rgba(10,22,40,0.55)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='19' cy='5' r='2'/%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:14px center!important;border:1px solid rgba(255,255,255,0.22)!important;border-radius:100px!important;padding:9px 16px 9px 38px!important;white-space:nowrap!important;backdrop-filter:blur(12px) saturate(1.4)!important;-webkit-backdrop-filter:blur(12px) saturate(1.4)!important}
.gallery-lightbox:hover::after{background-color:rgba(10,22,40,0.72)!important}

/* 2. Lightbox arrows → glass circles on the image, vertically centred.
   The higher-specificity prefix beats whatever was pinning the right arrow.
   The 20% is the only knob: raise it to pull arrows inward, lower it to push them toward the edges. */
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-left,.w-lightbox-backdrop .w-lightbox-control.w-lightbox-right{top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;margin:0!important;border-radius:50%!important;background-color:rgba(0,0,0,0.5)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important;border:1px solid rgba(255,255,255,0.25)!important}
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-left{left:20%!important;right:auto!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E")!important}
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-right{left:auto!important;right:20%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")!important}

/* 3. Active thumbnail border → gold (delete this line to keep it green) */
.w-lightbox-thumbnail.w-lightbox-active{border-color:#7ac142!important}






/* ═══════════════════════════════════════════════════════════════════
   AGENT CTA CARD — Glass Restyle (Combined Price + Agent)
   ═══════════════════════════════════════════════════════════════════ */

.div-block-379 {
  background: rgba(15, 25, 40, 0.45) !important;
  backdrop-filter: blur(24px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
  border: 1px solid rgba(122, 193, 66, 0.2) !important;
  border-radius: 20px !important;
  padding: 22px !important;
  position: sticky !important;
  top: 18% !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
}

.div-block-379::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 70% 30%, rgba(122,193,66,0.08) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.div-block-379 > * {
  position: relative;
  z-index: 1;
}

/* ─── Element order ───────────────────────────────────────────────── */
.div-block-379 .property-price-row { order: 0 !important; margin-bottom: 0 !important; }
.div-block-379 .flex-block-38      { order: 1 !important; margin-bottom: 4px !important; }
.div-block-379 .text-block-99      { order: 2 !important; margin-bottom: 14px !important; }
.div-block-379 .flex-block-39      { order: 3 !important; }
.div-block-379 .agent-buttons-row   { order: 4 !important; }

/* ─── Price Section ───────────────────────────────────────────────── */
.div-block-379 .property-price-row {
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
  background: none !important;
  border: none !important;
}

.div-block-379 .property-price-display {
  color: #fff !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Price label (Monthly rent / Sale price / Lease price) */
.div-block-379 .div-block-358 {
  margin-bottom: 12px !important;
  padding: 0 !important;
}

.div-block-379 .div-block-361 {
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Stats Row (Beds / Baths / Size) ─────────────────────────────── */
.div-block-379 .div-block-359 {
  display: flex !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Individual stat item */
.div-block-379 .div-block-360 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
}

/* Stat icons — smaller, no circle border */
.div-block-379 .div-block-360 img {
  width: 22px !important;
  height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.5 !important;
}

/* Stat numbers */
.div-block-379 .text-block-87,
.div-block-379 .text-block-88,
.div-block-379 .text-block-89 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Agent Photo ─────────────────────────────────────────────────── */
.div-block-379 .flex-block-38 img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 2.5px solid #7ac142 !important;
  object-fit: cover !important;
}

/* ─── Agent Name ──────────────────────────────────────────────────── */
.div-block-379 h4 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* ─── Response Time Text ──────────────────────────────────────────── */
.div-block-379 .text-block-99 {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 11px !important;
}

.div-block-379 .text-span-3 {
  color: #fff !important;
  font-weight: 600 !important;
}

/* ─── Reference Row ───────────────────────────────────────────────── */
.div-block-379 .flex-block-39 {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  padding: 8px 14px !important;
  margin-bottom: 14px !important;
}

.div-block-379 .text-block-100 {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 12px !important;
}

.div-block-379 .text-block-101 {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* ─── Info icon ───────────────────────────────────────────────────── */
.div-block-379 .icons8-information-6 {
  filter: brightness(0) invert(1) !important;
  opacity: 0.4 !important;
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.agent-buttons-row {
  display: flex !important;
  gap: 10px !important;
}

.agent-call-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 13px 16px !important;
  border-radius: 14px !important;
  background: transparent !important;
  border: 1.5px solid #7ac142 !important;
  color: #7ac142 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.agent-call-btn,.agent-call-btn *{color:#7ac142!important}

.agent-call-btn:hover {
  background: rgba(122, 193, 66, 0.12) !important;
  border-color: #7ac142 !important;
}

.agent-wa-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 13px 16px !important;
  border-radius: 14px !important;
  background: #7ac142 !important;
  border: none !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.agent-wa-btn:hover {
  background: #69ad37 !important;
  transform: translateY(-1px);
}

/* ─── Catch-all text color ────────────────────────────────────────── */
.div-block-379 p,
.div-block-379 span,
.div-block-379 div {
  color: rgba(255, 255, 255, 0.7);
}







/* ═══════════════════════════════════════════════════════════════════
   BLOG CARDS — Full-image with floating glass overlay
   Add to coreo-site.css
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Card container ──────────────────────────────────────────────── */
.blog-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  aspect-ratio: 4/3 !important;
  display: block !important;
  text-decoration: none !important;
  border: none !important;
  padding: 0 !important;
}

/* ─── Image fills the entire card ─────────────────────────────────── */
.blog-card-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* ─── Floating glass overlay ──────────────────────────────────────── */
.blog-card-overlay {
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
  background: rgba(10, 20, 35, 0.4) !important;
  backdrop-filter: blur(20px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  z-index: 2;
  margin: 0 !important;
}

/* ─── Title — white, 2 lines max with ellipsis ────────────────────── */
.blog-card-title {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ─── Meta row (read time • date) ─────────────────────────────────── */
.blog-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-meta-text {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-meta-dot {
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.35) !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Subtle dark gradient behind the overlay for extra contrast ──── */
.blog-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
  border-radius: 0 0 16px 16px;
}

/* ─── Hover effect ────────────────────────────────────────────────── */
.blog-card:hover .blog-card-image img {
  transform: scale(1.05);
  transition: transform 0.4s ease;
}

.blog-card .blog-card-image img {
  transition: transform 0.4s ease;
}

/* ─── Make sure all cards in the grid are equal height ────────────── */
.rt-blog-two-blog-wrapper .w-dyn-items,
.collection-list-wrapper .w-dyn-items {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}

.rt-blog-two-blog-wrapper .w-dyn-item,
.collection-list-wrapper .w-dyn-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Mobile: stack to 1 column ───────────────────────────────────── */
@media (max-width: 768px) {
  .rt-blog-two-blog-wrapper .w-dyn-items,
  .collection-list-wrapper .w-dyn-items {
    grid-template-columns: 1fr !important;
  }
} 




/* ═══ PEOPLE CARDS → GLASS STYLE (match property cards) ═══
   Append at the very end. Reversible: delete this block. */

/* card becomes a full-bleed photo tile */
.team-card-clickable{position:relative!important;aspect-ratio:3/4!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:0!important;cursor:pointer!important}

/* photo fills the tile */
.team-member-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background-size:cover!important;background-position:center!important;border-radius:0!important;margin:0!important;z-index:0!important;transition:transform .5s ease!important}
.team-card-clickable:hover .team-member-image{transform:scale(1.04)!important}

/* legibility shade at the bottom of the photo */
.team-card-clickable::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%)!important;z-index:1!important;pointer-events:none!important}

/* name = top half of the glass plate */
.team-member-name{position:relative!important;z-index:2!important;margin:0 10px 0!important;padding:12px 14px 3px!important;background:rgba(8,12,20,0.6)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid rgba(255,255,255,0.15)!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;color:#fff!important;font-size:15px!important;font-weight:500!important;line-height:1.25!important}

/* title = bottom half of the glass plate */
.team-member-title{position:relative!important;z-index:2!important;margin:0 10px 10px!important;padding:2px 14px 12px!important;background:rgba(8,12,20,0.6)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid rgba(255,255,255,0.15)!important;border-top:none!important;border-radius:0 0 12px 12px!important;color:rgba(255,255,255,0.75)!important;font-size:12.5px!important;line-height:1.3!important}




/* ═══ CONSULTANT CARDS → GLASS STYLE (own classes, no overlap with team cards) ═══
   Reversible: delete this block. */

.consultant-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}
@media (max-width:991px){.consultant-grid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:767px){.consultant-grid{grid-template-columns:1fr!important}}

.consultant-card{position:relative!important;aspect-ratio:4/5!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}

.consultant-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;z-index:0!important;transition:transform .5s ease!important}
.consultant-card:hover .consultant-photo{transform:scale(1.04)!important}

.consultant-card::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,rgba(0,0,0,0) 48%,rgba(0,0,0,0.55))!important;z-index:1!important;pointer-events:none!important}

.consultant-meta{position:relative!important;z-index:2!important;margin:10px!important;padding:12px 14px!important;background:rgba(8,12,20,0.6)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:12px!important}

.consultant-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}
.consultant-name{color:#fff!important;font-size:15px!important;font-weight:500!important;line-height:1.25!important;margin:0!important}
.consultant-actions{display:flex!important;gap:6px!important;flex-shrink:0!important}
.consultant-actions a{width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(255,255,255,0.16)!important;border:1px solid rgba(255,255,255,0.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;padding:0!important}
.consultant-actions a svg{width:15px!important;height:15px!important}
.consultant-actions a .w-embed{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}
.consultant-actions a svg path{stroke:#fff!important}

.consultant-role{color:rgba(255,255,255,0.72)!important;font-size:12.5px!important;line-height:1.3!important;margin:2px 0 0!important}

.consultant-cta{display:flex!important;align-items:center!important;gap:5px!important;margin-top:9px!important;padding-top:9px!important;border-top:1px solid rgba(255,255,255,0.14)!important;color:#fff!important;font-size:12.5px!important;font-weight:500!important;text-decoration:none!important}
.consultant-cta::after{content:'→'!important;display:inline-block!important;font-size:14px!important;color:#fff!important;animation:ctaArrowBounce 1.5s ease-in-out infinite!important}
.consultant-cta svg path{stroke:#fff!important}
@keyframes ctaArrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.consultant-cta svg path{stroke:#7ac142!important}



/* ═══════════════════════════════════════════════════════════════════
   BLOG DETAIL PAGE — Hero + Glass Card + Sidebar
   Add to coreo-site.css
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Hero Section ────────────────────────────────────────────────── */
.blog-hero-section {
  position: relative !important;
  width: 100% !important;
  height: 60vh !important;
  min-height: 380px !important;
  max-height: 520px !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ─── Hero Image ──────────────────────────────────────────────────── */
.blog-hero-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0;
}

.blog-hero-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* ─── Dark Gradient Overlay ───────────────────────────────────────── */
.blog-hero-gradient {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 70% !important;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 50%, transparent 100%) !important;
  z-index: 1;
  pointer-events: none;
}

/* ─── Floating Glass Card ─────────────────────────────────────────── */
.blog-hero-glass {
  position: absolute !important;
  bottom: -56px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 85% !important;
  max-width: 680px !important;
  background: rgba(10, 20, 35, 0.45) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  padding: 28px 32px !important;
  z-index: 3;
}

/* ─── Category Pill ───────────────────────────────────────────────── */
.blog-glass-cat {
  display: inline-block !important;
  background: rgba(122, 193, 66, 0.15) !important;
  border: 1px solid rgba(122, 193, 66, 0.3) !important;
  color: #7ac142 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 14px !important;
  letter-spacing: 0.3px;
}

/* ─── Title ───────────────────────────────────────────────────────── */
.blog-glass-title {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* ─── Meta Row ────────────────────────────────────────────────────── */
.blog-glass-meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-glass-date,
.blog-glass-read,
.blog-glass-author {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-glass-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.3) !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Body Section ────────────────────────────────────────────────── */
.blog-body-section {
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
}

.blog-body-wrap {
  display: flex !important;
  gap: 40px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 80px 24px 60px !important;
}

/* ─── Content Column ──────────────────────────────────────────────── */
.blog-content-col {
  flex: 1 !important;
  min-width: 0 !important;
}

.blog-content-col h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 32px 0 16px !important;
  color: #1a1a1a !important;
}

.blog-content-col h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 28px 0 12px !important;
  color: #1a1a1a !important;
}

.blog-content-col p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #444 !important;
  margin: 0 0 16px !important;
}

.blog-content-col img {
  border-radius: 12px !important;
  margin: 24px 0 !important;
}

.blog-content-col blockquote {
  border-left: 3px solid #7ac142 !important;
  padding-left: 20px !important;
  margin: 24px 0 !important;
  font-style: italic !important;
  color: #555 !important;
}

/* ─── Sidebar ─────────────────────────────────────────────────────── */
.blog-sidebar {
  width: 280px !important;
  flex-shrink: 0 !important;
  position: sticky !important;
  top: 18% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-self: flex-start !important;
}

/* ─── Sidebar TOC Card (Dark Glass) ───────────────────────────────── */
.blog-sidebar-toc {
  background: rgba(10, 20, 35, 0.45) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.blog-toc-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin: 0 0 14px 0 !important;
  padding: 5 !important;
}

.blog-toc-item {
  display: block !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.blog-toc-item:last-of-type {
  border-bottom: none !important;
}

.blog-toc-item:hover {
  color: #7ac142 !important;
}

.blog-sidebar-cta {
  display: block !important;
  background: #7ac142 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 13px 16px !important;
  border-radius: 10px !important;
  margin-top: 12px !important;
  text-decoration: none !important;
  transition: background 0.2s ease;
}

.blog-sidebar-cta:hover {
  background: #69ad37 !important;
}

/* ─── Sidebar Share Card (Light) ──────────────────────────────────── */
.blog-sidebar-share {
  background: #f7f7f7 !important;
  border-radius: 16px !important;
  padding: 20px !important;
}

.blog-share-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #888 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.blog-share-row {
  display: flex !important;
  gap: 10px !important;
}

.blog-share-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #e8e8e8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease;
  text-decoration: none !important;
  color: #555 !important;
}

.blog-share-btn:hover {
  background: #d0d0d0 !important;
}

.blog-share-btn svg {
  width: 16px !important;
  height: 16px !important;
}

/* ─── Mobile Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .blog-hero-section {
    height: 45vh !important;
    min-height: 280px !important;
  }

  .blog-hero-glass {
    width: 92% !important;
    padding: 20px 22px !important;
    bottom: -48px !important;
  }

  .blog-glass-title {
    font-size: 20px !important;
  }

  .blog-body-wrap {
    flex-direction: column !important;
    padding: 68px 16px 40px !important;
    gap: 24px !important;
  }

  .blog-sidebar {
    width: 100% !important;
    position: relative !important;
    top: auto !important;
  }
}

/* ═══ LIGHTBOX DESKTOP FIX — wider image + arrows fully visible ═══
   Reversible: delete this block. */
.w-lightbox-container{max-width:90vw!important;width:90vw!important}
.w-lightbox-content{max-width:100%!important;width:100%!important;margin:0 auto!important}
.w-lightbox-view{max-width:100%!important;width:100%!important}
.w-lightbox-frame,.w-lightbox-figure{max-width:100%!important;width:100%!important}
.w-lightbox-img{max-width:100%!important;max-height:80vh!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto!important}


/* ═══ LIGHTBOX MOBILE FIX — full-width image + arrows at screen edges ═══
   Reversible: delete this block. */
@media (max-width:767px){
.w-lightbox-container{width:100vw!important;max-width:100vw!important;padding:0 8px!important}
.w-lightbox-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.w-lightbox-view{width:100%!important;max-width:100%!important}
.w-lightbox-frame,.w-lightbox-figure{width:100%!important;max-width:100%!important}
.w-lightbox-img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-left,.w-lightbox-backdrop .w-lightbox-control.w-lightbox-right{width:40px!important;height:40px!important;background-size:18px 18px!important}
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-left{left:8px!important;right:auto!important}
.w-lightbox-backdrop .w-lightbox-control.w-lightbox-right{right:8px!important;left:auto!important}
}


/* ═══ PREVENT CARD FLASH ON LOAD ═══
   Cards start invisible via Webflow head style, this rule fades them in
   once the external CSS (and its custom card styles) have loaded.
   Reversible: delete this block + the head style below. */
.pcard-slider{opacity:1!important;transition:opacity .3s ease!important}


/* ═══ HIDE MAP TOGGLE ON MOBILE ═══ */
@media (max-width:767px){.map-toggle-btn{display:none!important}}





.pcard{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .2s ease}
.pcard:hover{box-shadow:0 8px 30px rgba(0,0,0,0.12)}
.pcard-slider{position:relative!important;width:100%;aspect-ratio:3/2;overflow:hidden!important;cursor:pointer}
.pcard-slides{position:relative!important;width:100%!important;height:100%!important}
.pcard-slide{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0!important;transition:opacity .4s ease!important;flex-shrink:0!important}
.pcard-slide:first-child{opacity:1!important}
.pcard-slide.is-active{opacity:1!important;z-index:1!important}
.pcard-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;background:rgba(255,255,255,0.9)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10!important;opacity:0!important;transition:opacity .2s ease,background .2s ease!important;box-shadow:0 2px 8px rgba(0,0,0,0.15)!important;user-select:none!important;border:none!important;pointer-events:auto!important}
.pcard:hover .pcard-arrow{opacity:1!important}
.pcard-left{left:10px!important}
.pcard-right{right:10px!important}
.pcard-arrow:hover{background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,0.2)!important}
.pcard-left{left:10px!important}
#loc-trigger{border:none!important}
#loc-trigger:hover{border:none!important}
.pcard-type-badge{position:absolute!important;top:10px!important;left:10px!important;z-index:4!important;background:rgba(10,22,40,0.55)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:#fff!important;font-size:11px!important;font-weight:600!important;letter-spacing:0.3px!important;padding:5px 12px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,0.15)!important;white-space:nowrap!important;display:inline-block!important;pointer-events:none!important}
.pcard-right{right:10px!important}
.pcard-dots{position:absolute!important;bottom:10px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;gap:5px!important;z-index:3!important}
.pcard-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.5);transition:background .2s ease,transform .2s ease}
.pcard-dot.is-active{background:#fff;transform:scale(1.3)}
.pcard-body{padding:12px 14px 8px;flex:1;cursor:pointer}
.pcard-name{font-size:14px;font-weight:600;color:#1a1a1a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.4}
.pcard-location{font-size:12px;color:#777;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pcard-price{font-size:16px;font-weight:700;color:#1a1a1a}
.pcard-price-suffix{font-size:12px;font-weight:400;color:#888}
.pcard-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 12px;border-top:1px solid #f0f0f0}
.pcard-stats{display:flex;gap:14px}
.pcard-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}
.pcard-stat svg{width:16px;height:16px;flex-shrink:0}
.pcard-contact{display:flex;gap:6px}
.pcard-contact a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#7ac142;transition:background .2s ease,transform .2s ease}
.pcard-contact a:hover{background:#69ad37;transform:scale(1.08)}
.pcard-contact a svg{width:18px;height:18px}




/* ═══════════════════════════════════════════════════════════════════
   FULL-BLEED GLASS PROPERTY CARD — native CSS (no JS)
   ═══════════════════════════════════════════════════════════════════ */
.pcard{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#0f1928}
.pcard-slider{position:absolute;inset:0;width:100%;height:100%;border-radius:18px;overflow:hidden;z-index:1}
.pcard-slides{position:absolute;inset:0;width:100%;height:100%}
.pcard-slide{width:100%;height:100%;object-fit:cover}
.pcard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to bottom,rgba(10,19,32,0) 0%,rgba(10,19,32,0.38) 100%);z-index:2;pointer-events:none;border-radius:0 0 18px 18px}
.pcard-type-badge{position:absolute;top:12px;left:12px;z-index:5;background:rgba(10,22,40,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;letter-spacing:0.3px;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);white-space:nowrap}
.agent-photo-data{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;z-index:0}
.pcard-glass{position:absolute;left:5px;right:5px;bottom:5px;z-index:4;background:rgba(8,12,20,0.2);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,0.18);border-radius:14px;padding:14px 16px;box-sizing:border-box}
.pcard-body{margin:0;padding:0;background:transparent}
.pcard-name{color:#fff;font-size:16px;font-weight:500;line-height:1.3;margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.div-block-384{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
.div-block-384 .text-block-111,.div-block-384 .text-block-123,.div-block-384 .text-block-122{display:none!important}
.div-block-394{order:1;display:flex;align-items:baseline;gap:5px;flex-shrink:0}
.pcard-price{color:#fff;font-size:21px;font-weight:500;margin:0;white-space:nowrap}
.pcard-location{order:2;color:rgba(255,255,255,0.75);font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0;flex:1}
.pcard-location svg,.pcard-location .loc-pin{display:none}
.pcard-glass .pcard-footer{margin-top:8px!important;padding-top:8px!important;padding-bottom:0!important;margin-bottom:0!important;border-top:1px solid rgba(255,255,255,0.12)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;position:relative!important}
.pcard-glass .pcard-footer::before{display:none!important}
.pcard-footer{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin:0!important;background:transparent!important;border:none!important}
.pcard-stats{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;width:100%!important;gap:0!important;padding:0!important;margin:0!important;background:transparent!important;text-decoration:none!important}
.pcard-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;flex:1!important}
.pcard-stat .div-block-333{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important}
.pcard-stat .div-block-333 .w-embed{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}
.pcard-stat .div-block-333 svg{width:14px!important;height:14px!important}
.pcard-stat svg path,.pcard-stat svg rect,.pcard-stat svg line,.pcard-stat svg polyline{stroke:rgba(255,255,255,0.55)!important}
.pcard-stat svg [fill="#fff"]{fill:rgba(255,255,255,0.55)!important;stroke:none!important}
.pcard-stat .heading-143{color:rgba(255,255,255,0.7)!important;font-size:12px!important;font-weight:500!important;margin:0!important;padding:0!important;line-height:1!important}
.pcard-stat:nth-child(1)::after{content:'Bedrooms'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}
.pcard-stat:nth-child(2)::after{content:'Bathrooms'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}
.pcard-stat:nth-child(3)::after{content:'Area (sqm)'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}
.div-block-386{display:flex!important;align-items:center!important;gap:6px!important}
.div-block-386 .div-block-393,.div-block-386 .wa-link{width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(255,255,255,0.16)!important;border:1px solid rgba(255,255,255,0.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.div-block-386 .call-btn,.div-block-386 .w-embed,.div-block-386 .code-embed-8,.div-block-386 .code-embed-9{background:transparent!important;border:none!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.div-block-386 svg path{fill:rgba(255,255,255,0.7)!important}





/* ═══ PCARD GLASS RESTRUCTURE — FINAL (surgical, glass internals only) ═══
   Reversible: delete this block. */

/* hide dots — they sit under the glass plate */
.pcard .pcard-dot{display:none!important}

/* glass plate passes clicks to arrows underneath */
.pcard-glass{pointer-events:none!important;padding-bottom:10px!important}
.pcard-glass .pcard-body,
.pcard-glass .pcard-footer,
.pcard-glass .pcard-stats,
.pcard-glass .pcard-name-row,
.pcard-glass .pcard-name-row a,
.pcard-glass .div-block-386,
.pcard-glass .div-block-386 a,
.pcard-glass .div-block-386 > div,
.pcard-glass .pcard-location{pointer-events:auto!important}

/* body → column layout */
.pcard-glass .pcard-body{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important}

/* location → first, above name */
.pcard-glass .pcard-body .pcard-location{order:-2!important;font-size:15px!important;color:rgba(255,255,255,0.8)!important;margin:0 0 10px!important;text-align:left!important;flex:none!important;width:100%!important;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important}

/* name → second */
.pcard-glass .pcard-body .pcard-name{order:-1!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;-webkit-line-clamp:2!important;margin:0!important;flex:1!important;min-width:0!important}

/* name-row flex container (set in Designer) */
.pcard-name-row{width:100%!important}
.pcard-name-row .pcard-name{flex:1!important;min-width:0!important;margin:0!important}
.pcard-name-row .div-block-384{flex-shrink:0!important;margin:0!important}

/* price */
.pcard-glass .div-block-384{display:flex!important;align-items:baseline!important;gap:3px!important;flex-shrink:0!important;margin:0!important}
.pcard-glass .pcard-price{font-size:17px!important;font-weight:700!important;color:#fff!important;margin:0!important}

/* contact buttons — on the location row, far right of the bar */
.pcard-glass .div-block-386{position:absolute!important;bottom:auto!important;top:9px!important;right:12px!important;left:auto!important;display:flex!important;gap:7px!important;z-index:5!important}
.pcard-glass .div-block-386 .div-block-393,.pcard-glass .div-block-386 .wa-link{width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(255,255,255,0.16)!important;border:1px solid rgba(255,255,255,0.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.pcard-glass .div-block-386 .call-btn,.pcard-glass .div-block-386 .w-embed,.pcard-glass .div-block-386 .code-embed-8,.pcard-glass .div-block-386 .code-embed-9{background:transparent!important;border:none!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.pcard-glass .div-block-386 svg path{fill:rgba(255,255,255,0.7)!important}

/* footer */
.pcard-glass .pcard-footer{margin-top:8px!important;padding-top:8px!important;padding-bottom:0!important;margin-bottom:0!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.pcard-glass .pcard-footer::before{display:none!important}

/* stats */
.pcard-glass .pcard-stats{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex:1!important;gap:0!important;padding:0!important;margin:0!important;width:100%!important}
.pcard-glass .pcard-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
.pcard-glass .pcard-stat .div-block-333 svg{width:14px!important;height:14px!important}
.pcard-glass .pcard-stat .heading-143{font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,0.7)!important;margin:0!important}
.pcard-glass .pcard-stat:nth-child(1)::after{content:'Bedrooms'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}
.pcard-glass .pcard-stat:nth-child(2)::after{content:'Bathrooms'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}
.pcard-glass .pcard-stat:nth-child(3)::after{content:'Area (sqm)'!important;font-size:9px!important;color:rgba(255,255,255,0.4)!important;text-transform:uppercase!important;letter-spacing:0.3px!important;margin-top:1px!important}



/* ═══ MOBILE NAV DROPDOWN — solid dark glass background ═══ */
@media (max-width:991px){
.w-nav-overlay{background:rgba(8,12,20,0.88)!important;backdrop-filter:blur(32px) saturate(1.3)!important;-webkit-backdrop-filter:blur(32px) saturate(1.3)!important;z-index:99999!important} 
}

@media (max-width:991px){
.w-nav-overlay .w-nav-link,.w-nav-overlay .nav-link{background:transparent!important;background-color:transparent!important}
.w-nav-overlay .w-nav-link:active,.w-nav-overlay .w-nav-link:focus,.w-nav-overlay .w-nav-link:hover,.w-nav-overlay .w-nav-link.w--current{background:transparent!important;background-color:transparent!important}
}
@media (max-width:991px){
.w-nav-overlay .w-nav-link[style]{background:transparent!important;background-color:transparent!important;-webkit-appearance:none!important}
.w-nav-overlay *[style*="background"]{background:transparent!important;background-color:transparent!important}
}


#loc-dropdown{z-index:99999!important} 

.hero-search-card,.hero-search-fields,#loc-search-wrap{z-index:9999!important;position:relative!important}




/* ─── Safari fix: force dyn-items to fill listing column ──────────── */
.listing-col .w-dyn-items,
.listing-col [fs-cmsload-element="list"],
.listing-col .w-dyn-list {
  width: 100% !important;
  min-width: 100% !important;
}
.navbar{z-index:999999!important}
.w-lightbox-backdrop{z-index:9999999!important}



/* ═══ AGENT PORTFOLIO REDESIGN ═══
   Reversible: delete this block. */

.agentp-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.06)}

.agentp-photo-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.agentp-photo{width:100%;height:100%;object-fit:cover}
.agentp-photo-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,0.5));pointer-events:none}
.agentp-photo-meta{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}
.agentp-name{color:#fff;font-size:19px;font-weight:600;letter-spacing:0.01em;margin:0}
.agentp-title{color:rgba(255,255,255,0.75);font-size:12px;margin:2px 0 0}

.agentp-body{padding:14px}

.agentp-stats{display:flex;border:1px solid rgba(0,0,0,0.08);border-radius:12px;overflow:hidden;margin-bottom:12px}
.agentp-stat{flex:1;text-align:center;padding:10px 4px}
.agentp-stat+.agentp-stat{border-left:1px solid rgba(0,0,0,0.08)}
.agentp-stat-value{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}
.agentp-stat-label{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:0.4px;margin:1px 0 0}

.agentp-bio{font-size:12.5px;line-height:1.55;color:#555;margin:0 0 12px}

.agentp-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;background:#7ac142;color:#fff!important;font-size:13px;font-weight:500;padding:11px;border-radius:100px;margin-bottom:8px;text-decoration:none;transition:background .2s ease}
.agentp-whatsapp:hover{background:#69ad37}
.agentp-whatsapp svg{width:16px;height:16px}

.agentp-actions{display:flex;gap:8px}
.agentp-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(0,0,0,0.12);color:#555!important;font-size:12px;padding:9px;border-radius:100px;text-decoration:none;transition:border-color .2s ease,color .2s ease}
.agentp-action:hover{border-color:#7ac142;color:#7ac142!important}
.agentp-action svg{width:14px;height:14px}

.agentp-list-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.agentp-list-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}
.agentp-list-title span{font-weight:400;color:#999;font-size:12px}
.agentp-pills{display:flex;gap:6px}
.agentp-pill{font-size:11px;padding:5px 14px;border-radius:100px;border:1px solid rgba(0,0,0,0.12);color:#555;cursor:pointer;transition:all .2s ease;user-select:none}
.agentp-pill:hover{border-color:#7ac142;color:#7ac142}
.agentp-pill.is-active{background:#7ac142;border-color:#7ac142;color:#fff}
.agentp-action .w-embed,.agentp-whatsapp .w-embed{display:flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:0}



/* ═══ VIDEO LIGHTBOX (YouTube embeds only — .w-lightbox-embed doesn't exist in image galleries) ═══ */
.w-lightbox-backdrop:has(.w-lightbox-embed) .w-lightbox-container{display:flex!important;align-items:center!important;justify-content:center!important}
.w-lightbox-backdrop:has(.w-lightbox-embed) .w-lightbox-content,.w-lightbox-backdrop:has(.w-lightbox-embed) .w-lightbox-view,.w-lightbox-backdrop:has(.w-lightbox-embed) .w-lightbox-frame,.w-lightbox-backdrop:has(.w-lightbox-embed) .w-lightbox-figure{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 auto!important}
.w-lightbox-backdrop .w-lightbox-embed{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(80vw,960px)!important;max-width:960px!important;aspect-ratio:16/9!important;height:auto!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 24px 80px rgba(0,0,0,0.5)!important;border:1px solid rgba(255,255,255,0.12)!important;margin:0!important}
@media (max-width:767px){
.w-lightbox-backdrop .w-lightbox-embed{width:94vw!important;border-radius:12px!important}
}


/* ═══ EXCLUSIVE SECTION — glass plate upgrade ═══ */
.exclusive-plate{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;border-radius:14px!important;background:rgba(8,12,20,0.30)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid rgba(255,255,255,0.15)!important;padding:14px 16px!important;box-sizing:border-box!important}


/* ═══ EXCLUSIVE CARDS — hover ═══ */
.exclusive-card{overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease!important;cursor:pointer!important}
.exclusive-card img{transition:transform .6s ease!important}
.exclusive-card:hover img{transform:scale(1.04)!important}
.exclusive-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.18)!important}
.exclusive-card .exclusive-plate{transition:transform .3s ease!important}
.exclusive-card:hover .exclusive-plate{transform:translateY(-3px)!important}


/* ═══ HOME FILTER OFFERING TABS — side-by-side on mobile ═══ */
@media (max-width:767px){
[data-off-dd]{display:flex!important;width:100%!important;gap:6px!important}
[data-off-dd] .filter-toggle-btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;padding:10px 6px!important;font-size:13px!important;border-radius:100px!important;min-width:0!important}
[data-off-dd] .filter-toggle-btn .off-dd-caret{display:none!important}
[data-off-dd] .off-dd-menu{display:none!important}
}


/* ═══ PROPERTY DETAIL CTA — align price + stats row ═══ */
.property-price-row .div-block-358{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.property-price-row .div-block-361{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0!important}
.property-price-row .property-price-display{margin:0!important;padding:0!important;line-height:1!important}
.property-price-row .div-block-359{display:flex!important;align-items:center!important;gap:16px!important;margin:0!important;padding:0!important;border:none!important;border-bottom:none!important;box-shadow:none!important}
.property-price-row .div-block-360{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;border:none!important}
.property-price-row .div-block-360 img{margin:0!important;display:block!important}
.property-price-row .text-block-87,.property-price-row .text-block-88,.property-price-row .text-block-89,.property-price-row .text-block-138{margin:0!important;line-height:1!important}
.property-price-row{padding-bottom:16px!important;margin-bottom:16px!important}



/* ===== Section label (eyebrow) ===== */
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #5f5e5a;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}

/* Variant for dark / glass sections */
.section-label.is-dark {
  color: rgba(255, 255, 255, 0.72);
}




/* ═══════════════════════════════════════════════════════════════════
   LANDSCAPE CARD — Layout 2 (consolidated, single source of truth)
   Overrides the mid-file .pcard-glass rules (1216–1301) by specificity+order.
   ═══════════════════════════════════════════════════════════════════ */

/* ratio + gradient */
.pcard{aspect-ratio:16/11!important}
@media (max-width:767px){.pcard{aspect-ratio:16/10!important}}
.pcard::after{background:linear-gradient(to bottom,rgba(10,19,32,0) 0%,rgba(10,19,32,0.30) 100%)!important}

/* glass plate: single column, location + price/stats row */
.pcard-glass{display:block!important;left:8px!important;right:8px!important;bottom:8px!important;padding:9px 12px 10px!important}
.pcard-glass{display:grid!important;grid-template-columns:1fr auto!important;align-items:baseline!important;column-gap:10px!important;row-gap:4px!important}
.pcard-glass .pcard-location{grid-column:1/-1!important;grid-row:1!important}
.pcard-glass .pcard-price{grid-column:1!important;grid-row:2!important}
.pcard-glass .pcard-name{display:none!important}

/* body holds everything */
.pcard-glass .pcard-body{display:contents!important}

/* location — top line, its own row */
.pcard-glass .pcard-body .pcard-location{order:0!important;display:block!important;font-size:13px!important;color:rgba(255,255,255,0.82)!important;margin:0 0 4px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-right:66px!important;width:100%!important;-webkit-line-clamp:unset!important;flex:none!important}

/* footer = price + stats on ONE baseline-aligned row */
.pcard-glass .pcard-footer{position:static!important;display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;width:auto!important;grid-column:2!important;grid-row:2!important;gap:10px!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important}
.pcard-glass .pcard-footer::before{display:none!important}

/* price left */
.pcard-glass .pcard-price{font-size:17px!important;font-weight:600!important;color:#fff!important;letter-spacing:0.3px!important;margin:0!important;white-space:nowrap!important;flex:none!important}

/* stats inline right, icons hidden, one baseline */
.pcard-glass .pcard-stats{display:inline-flex!important;flex:none!important;width:auto!important;gap:10px!important;align-items:baseline!important;flex-wrap:nowrap!important;white-space:nowrap!important;justify-content:flex-end!important;margin:0!important;padding:0!important}
.pcard-glass .pcard-stat{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;width:auto!important;flex:none!important;gap:3px!important}
.pcard-glass .pcard-stat .div-block-333{display:inline-flex!important;align-items:baseline!important;gap:3px!important;margin:0!important}
.pcard-glass .pcard-stat .div-block-333 svg{display:none!important}
.pcard-glass .pcard-stat .heading-143{font-size:12px!important;font-weight:600!important;color:#fff!important;line-height:1!important;margin:0!important}
.pcard-glass .pcard-stat::after{font-size:10px!important;font-weight:400!important;color:rgba(255,255,255,0.62)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;line-height:1!important;align-self:baseline!important}
.pcard-glass .pcard-stat:nth-child(1)::after{content:'Bed'!important}
.pcard-glass .pcard-stat:nth-child(2)::after{content:'Bath'!important}
.pcard-glass .pcard-stat:nth-child(3)::after{content:'sqm'!important}

/* contact buttons — top-right of the photo, not the bar */
.pcard-glass .div-block-386{position:absolute!important;bottom:auto!important;top:9px!important;right:12px!important;left:auto!important;display:flex!important;gap:7px!important;z-index:5!important}
.pcard-glass .div-block-386 .div-block-393,.pcard-glass .div-block-386 .wa-link{width:27px!important;height:27px!important}
.pcard-glass .div-block-386 svg,.pcard-glass .div-block-386 img{width:12px!important;height:12px!important}

/* type badge + heart, aligned on one line */
.pcard .pcard-type-badge{font-size:9px!important;letter-spacing:1.2px!important;padding:0 10px!important;height:26px!important;display:inline-flex!important;align-items:center!important;top:12px!important;left:12px!important;line-height:1!important}
.pcard .pcard-save{width:48px!important;height:48px!important;top:8px!important;right:10px!important}
.pcard .pcard-save svg{width:25px!important;height:25px!important}



/* ═══════════════════════════════════════════════════════════════════
   EXCLUSIVE/TOWER CARDS (.exclu-div) — exempt from listing-card rules
   Towers keep their name; image covers the card. Landscape stays.
   Reversible: delete this block.
   ═══════════════════════════════════════════════════════════════════ */

/* slightly taller landscape for tower photography */
.exclu-div .pcard{aspect-ratio:16/10!important}

/* tower name returns */
.exclu-div .pcard-name{display:block!important;font-size:15px!important;font-weight:500!important;color:#fff!important;margin:0!important}

/* plate back to simple stacked layout */
.exclu-div .pcard-glass{display:block!important;padding:12px 16px!important}
.exclu-div .pcard-glass .pcard-footer{position:static!important;right:auto!important;bottom:auto!important}

/* image covers the full card */
.exclu-div .pcard-slides{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.exclu-div .for-xecl0img,
.exclu-div .pcard-slides img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}



/* ═══════════════════════════════════════════════════════════════════
   PROJECT BIO POPUP — Jul 2026
   Reversible: delete this block (popup elements stay display:none).
   ═══════════════════════════════════════════════════════════════════ */
.project-popup{display:none;position:fixed;inset:0;z-index:9000;align-items:center;justify-content:center;padding:120px 20px 32px}
.project-popup.is-open{display:flex}
.project-popup-backdrop{position:absolute;inset:0;background:rgba(8,12,20,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}
.project-modal{position:relative;width:100%;max-width:680px;max-height:calc(100vh - 150px);overflow-y:auto;background:rgba(8,12,20,0.92);border:1px solid rgba(255,255,255,0.14);border-radius:20px;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,0.5)}
.project-hero{position:relative;height:300px}
.project-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,20,0.95) 0%,rgba(8,12,20,0.3) 45%,rgba(8,12,20,0.08) 100%);pointer-events:none}
.project-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:50%;background:rgba(8,12,20,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;cursor:pointer}
.project-hero-txt{position:absolute;left:24px;right:24px;bottom:16px;z-index:2}
.project-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.project-eyebrow-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.75)}
.project-name{font-size:24px;font-weight:600;margin:0 0 3px;color:#fff}
.project-hero-txt .project-loc{font-size:13px;color:rgba(255,255,255,0.75)}
.project-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
.project-fact{padding:14px 8px;text-align:center;border-right:1px solid rgba(255,255,255,0.07)}
.project-fact:last-child{border-right:none}
.project-fact .w-embed svg{width:20px;height:20px;margin:0 auto 5px;display:block}
.project-fact-num{font-size:16px;font-weight:600;color:#fff}
.project-fact-num.is-text{font-size:13px!important;font-weight:600!important;letter-spacing:0.3px!important}
.project-fact-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-top:2px}
.project-body{padding:20px 24px 24px}
.project-bio{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,0.85);margin:0 0 20px}
.project-bio p{margin:0 0 10px}
.project-sub{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.project-sub-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.6)}
.project-amenities-src{display:none!important}
.project-chips{display:flex;flex-wrap:wrap;gap:8px}
.project-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:999px;padding:7px 13px}
.project-chip svg{width:14px;height:14px;flex-shrink:0}
.project-popup .w-dyn-empty{display:none!important}
body.project-popup-open{overflow:hidden}
.exclu-div .pcard{cursor:pointer}
@media (max-width:767px){
.project-hero{height:220px}
.project-name{font-size:20px}
.project-facts{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}
.project-body{padding:16px 18px 20px}
}

/* ─ Project gallery: A closer look ─ */
.project-gallery{margin-top:22px}
.project-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.project-gallery-item:first-child{grid-column:1/-1}
.project-gallery-item{border-radius:12px;overflow:hidden;aspect-ratio:16/10;cursor:zoom-in}
.project-gallery-item:first-child{aspect-ratio:16/9}
.project-gallery-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.project-gallery-item:hover .project-gallery-img{transform:scale(1.04)}

/* ─ Slim scrollbar for the modal ─ */
.project-modal{scrollbar-width:thin;scrollbar-color:rgba(122,193,66,0.6) rgba(255,255,255,0.06)}
.project-modal::-webkit-scrollbar{width:6px}
.project-modal::-webkit-scrollbar-track{background:rgba(255,255,255,0.06)}
.project-modal::-webkit-scrollbar-thumb{background:rgba(122,193,66,0.55);border-radius:999px}
.project-modal::-webkit-scrollbar-thumb:hover{background:#7ac142}

/* ─ Enlarge viewer ─ */
.project-viewer{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(4,7,12,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px}
.project-viewer img{max-width:62vw;max-height:68vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,0.6)}
@media (max-width:767px){.project-viewer img{max-width:92vw;max-height:70vh}}
.project-viewer-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:rgba(8,12,20,0.7);border:1px solid rgba(255,255,255,0.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:2}
.project-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(8,12,20,0.55);border:1px solid rgba(255,255,255,0.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:2}
.project-viewer-arrow.is-prev{left:18px}
.project-viewer-arrow.is-next{right:18px}
@media (max-width:767px){.project-viewer{padding:16px}.project-viewer-arrow{width:36px;height:36px}}


/* ═══ 404 PAGE ═══ */
.nf-section{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:80px 20px}
.nf-card{max-width:520px;width:100%;text-align:center;background:rgba(8,12,20,0.55);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:0.5px solid rgba(255,255,255,0.14);border-radius:16px;padding:48px 32px}
.nf-label{font-size:13px;letter-spacing:2px;color:rgba(255,255,255,0.5);margin-bottom:12px}
.nf-heading{font-size:28px;font-weight:500;color:#fff;margin:0 0 14px}
.nf-body{font-size:15px;line-height:1.7;color:rgba(255,255,255,0.75);margin:0 auto 24px;max-width:400px}
.nf-btn{display:flex;width:fit-content;margin:0 auto;align-items:center;justify-content:center;background:#7ac142;color:#ffffff;font-size:15px;font-weight:500;padding:12px 28px;border-radius:999px;text-decoration:none;transition:background .2s ease}
.nf-btn:hover{background:#69ad37}
.nf-link{display:block;text-align:center;margin-top:14px;font-size:14px;color:rgba(255,255,255,0.7);text-decoration:underline}
.nf-link:hover{color:#fff}

@media (max-width:767px){
.nf-card{padding:36px 22px}
.nf-heading{font-size:23px}
}






/* ═══════════════════════════════════════════════════════════════════
   NEW DEVELOPMENT CARDS
   ═══════════════════════════════════════════════════════════════════ */

/* card: landscape, rounded, photo-driven */
.nd-card{position:relative!important;aspect-ratio:16/11!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 8px 28px rgba(0,0,0,0.16)!important;text-decoration:none!important;display:block!important;cursor:pointer}

/* background photo fills the card */
.nd-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* dark fade rising from the bottom (replaces the grey plate) */
.nd-card::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(6,10,18,0.92) 0%,rgba(6,10,18,0.4) 42%,rgba(6,10,18,0) 65%)!important;z-index:1!important;pointer-events:none}

/* plate becomes a transparent full-card layer holding the content */
.nd-plate{position:absolute!important;inset:0!important;z-index:2!important;background:transparent!important;border:none!important;padding:0!important;display:block!important}

/* label pill: dot + text, top-left */
.nd-label-text{position:absolute!important;top:14px!important;left:44px!important;z-index:3!important;font-size:9px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:rgba(255,255,255,0.85)!important;background:rgba(8,12,20,0.62)!important;border:0.5px solid rgba(255,255,255,0.18)!important;padding:6px 12px 6px 22px!important;border-radius:999px!important}

/* the dot embed sits inside the pill, left of the text */
.nd-plate .w-embed{position:absolute!important;top:28px!important;left:56px!important;z-index:4!important;line-height:0!important}

/* text block: title + desc + explore, bottom-left */
.nd-text{position:absolute!important;left:20px!important;right:20px!important;bottom:48px!important;z-index:3!important}
.nd-title{font-size:20px!important;font-weight:600!important;color:#fff!important;margin:0 0 6px!important}
.nd-desc{font-size:13px!important;line-height:1.6!important;color:rgba(255,255,255,0.78)!important;margin:0!important}

/* explore cue, bottom */
.nd-explore{position:absolute!important;left:20px!important;bottom:20px!important;z-index:3!important;font-size:12px!important;font-weight:600!important;letter-spacing:0.5px!important;color:#7ac142!important}
.nd-card:hover .nd-explore{color:#8fd15a!important}

