:root{--g:#005a3f;--gd:#00462f;--y:#fdc200;--ink:#17211d;--muted:#66736d;--line:#e4e9e6;--bg:#f6f8f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
header{height:72px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{height:100%;display:flex;align-items:center;gap:25px}
.logo{width:264px;height:82px;object-fit:contain;object-position:left center;transform:translateX(115px)}
/* Light top menu */
.navlinks>a,.navdrop>a{font-weight:500;color:#31534a;}
.navlinks>a:hover,.navdrop>a:hover{color:var(--g);}
.navlinks{font-weight:500;}

.navlinks{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:15.4px;font-weight:650}
.navlinks a:hover{color:var(--g)}
.actions{display:flex;gap:9px;align-items:center}
.actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:15.4px;line-height:1.1}
.actions .post{background:var(--y);border-color:var(--y);font-weight:800}
.menu{display:none;margin-left:auto;border:0;background:transparent;font-size:25px}
.header-phone{display:flex;align-items:center;gap:6px;color:var(--g);font-weight:800;font-size:15.4px;white-space:nowrap;margin-right:4px}.header-phone .phone-icon{width:18px;height:18px;object-fit:contain;display:block}.header-phone a{color:inherit}.hero-offer{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;margin:0 auto 18px;background:linear-gradient(90deg,#fdc200,#ffd84d);color:#163b2e;border-radius:999px;padding:8px 15px;font-size:15px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18);letter-spacing:.1px}.hero-offer img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.2));animation:coinFloat 2.8s ease-in-out infinite}.hero-offer b{font-size:18px}.hero-offer span{font-size:13px;font-weight:800;color:#31534a}.offer-mobile{display:none}@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-6px) rotate(2deg) scale(1.04)}}

.hero{color:#fff;padding:52px 0 34px;min-height:430px;background:linear-gradient(90deg,rgba(0,62,44,.96),rgba(0,90,63,.82),rgba(0,62,44,.62)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=85") center/cover}
.hero h1{font-size:50px;line-height:1.05;margin:0 0 13px;letter-spacing:-1px}.hero p{font-size:17px;margin:0 0 22px}
.tabs{display:flex;gap:11px;margin-bottom:12px}.tab{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;padding:11px 24px;border-radius:9px;font-weight:750}.tab.active{background:rgba(255,255,255,.12)}
.search{background:#fff;color:var(--ink);border-radius:13px;padding:9px;display:grid;grid-template-columns:1.2fr 1.2fr 1fr .75fr 150px;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.field{padding:8px 15px;border-right:1px solid var(--line)}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field select{border:0;outline:0;width:100%;background:transparent;color:var(--muted);font-size:13px}.search button{border:0;border-radius:8px;background:var(--g);color:#fff;font-weight:800}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:27px}.trustitem{display:flex;gap:10px;align-items:center}.trusticon{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center}.trust strong{display:block;font-size:13px}.trust span{font-size:11px;color:#d7e8e1}

section{padding:48px 0}.soft{background:var(--bg)}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.head h2{margin:0;font-size:25px}.head a{color:var(--g);font-size:13px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.pic{height:170px;background-size:cover;background-position:center;position:relative}.verified{position:absolute;top:10px;left:10px;background:var(--g);color:#fff;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800}.heart{position:absolute;right:10px;top:10px;border:0;background:#fff;border-radius:50%;width:32px;height:32px;font-size:18px}.body{padding:13px}.body h3{margin:0 0 5px;font-size:14px}.loc,.meta{font-size:11px;color:var(--muted);line-height:1.55}.meta{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.price{color:var(--g);font-weight:900;margin-top:10px;font-size:16px}.price small{font-weight:500;color:var(--muted)}
.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 8px;text-align:center}.caticon{font-size:27px;color:var(--g);margin-bottom:8px}.cat strong{font-size:12px}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.whyitem{display:flex;gap:12px}.whyicon{width:46px;height:46px;flex:none;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center}.why h3{margin:2px 0 4px;font-size:14px}.why p{margin:0;font-size:11px;color:var(--muted);line-height:1.5}
.cta{border-radius:14px;min-height:175px;padding:32px 38px;color:#fff;background:linear-gradient(90deg,rgba(0,79,55,.97),rgba(0,79,55,.7)),url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=85") center/cover}.cta h2{margin:0 0 7px}.cta p{margin:0;color:#e5f0eb}.cta button{margin-top:17px;background:var(--y);border:0;border-radius:8px;padding:11px 17px;font-weight:900}
footer{background:var(--g);color:#fff;padding:42px 0 18px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.3fr;gap:28px}.footlogo{width:150px;height:58px;object-fit:contain;object-position:left center;margin-bottom:12px}.foot h3{font-size:13px;margin:0 0 10px}.foot p,.foot a{font-size:11px;color:#d9e8e2;line-height:1.7}.flinks{display:grid;gap:5px}.newsletter{display:flex;flex-direction:column;gap:8px}.newsletter input{padding:10px;border:0;border-radius:6px}.newsletter button{padding:10px;border:0;border-radius:6px;background:var(--y);font-weight:800}.copy{border-top:1px solid rgba(255,255,255,.18);margin-top:27px;padding-top:15px;text-align:center;font-size:11px;color:#cfe1da}

.detail{display:none}.detail.active{display:block}.home.hidden{display:none}
.breadcrumb{padding:18px 0;font-size:11px;color:var(--muted)}
.detailgrid{display:grid;grid-template-columns:1.6fr .9fr;gap:24px}.gallery{display:grid;grid-template-columns:1fr 92px;gap:9px}.mainphoto{height:430px;border-radius:10px;background-size:cover;background-position:center}.thumbs{display:grid;gap:9px}.thumb{height:78px;border-radius:7px;background-size:cover;background-position:center;border:2px solid transparent}.thumb.active{border-color:var(--g)}
.info{border:1px solid var(--line);border-radius:12px;padding:22px;height:max-content;position:static}.info .price{font-size:22px;margin:0 0 12px}.info h1{font-size:23px;margin:0 0 6px}.info .loc{font-size:12px;margin-bottom:16px}.specs{display:grid;gap:9px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.detail-phone{display:block;text-align:right;margin-top:14px;color:var(--g);font-size:22px;font-weight:900;text-decoration:none;letter-spacing:.2px}.detail-phone .phone-icon{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:-3px;margin-right:5px}.contact{width:100%;border:0;background:var(--g);color:#fff;border-radius:8px;padding:12px;font-weight:800;margin-top:18px}.save{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px;margin-top:8px}.owner,.mapbox{border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:15px}.owner h3,.mapbox h3{margin:0 0 9px;font-size:15px}.owner-phone{display:block;margin-top:14px;color:#18231f;text-decoration:none;font-size:28px;font-weight:900;line-height:1.15;letter-spacing:.2px}.owner-phone .phone-icon{width:26px;height:26px;object-fit:contain;display:inline-block;vertical-align:-4px;margin-right:6px}.detailcontent{margin-top:25px}.detailcontent h2{font-size:19px}.detailcontent p{font-size:13px;color:var(--muted);line-height:1.7;max-width:760px}.details-table{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;max-width:760px}.detailrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.detailrow span:first-child{color:var(--muted)}
.back{border:0;background:none;color:var(--g);font-weight:800;padding:0;font-size:12px}

.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modalbox{background:#fff;width:min(620px,100%);border-radius:15px;padding:25px}.modalhead{display:flex;justify-content:space-between}.close{border:0;background:#f1f3f2;border-radius:50%;width:32px;height:32px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form label{font-size:11px;font-weight:800}.form input,.form select,.form textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:7px;padding:10px}.full{grid-column:1/-1}.submit{border:0;background:var(--g);color:#fff;border-radius:7px;padding:11px 16px;font-weight:800}


/* Desktop hover dropdown navigation */
.navlinks > .navdrop{position:relative;height:72px;display:flex;align-items:center}
.navdrop > a{display:flex;align-items:center;gap:5px;height:100%}
.navdrop > a::after{content:"⌄";font-size:12px;transition:.15s}
.navdrop:hover > a::after{transform:rotate(180deg)}
.dropdown{position:absolute;top:64px;left:-14px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(5px);transition:.15s;z-index:60}
.navdrop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:10px 12px;border-radius:7px;font-size:13px;white-space:nowrap}
.dropdown a:hover{background:var(--bg);color:var(--g)}
.dropdown .subhead{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:7px 12px 4px;font-weight:800}

/* Buy / Rent / Commercial mode */
.tabs .tab{transition:.18s}
.tabs .tab.active{background:var(--y);border-color:var(--y);color:#182019;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.mode-label{font-size:11px;color:#dcece6;margin:0 0 8px;font-weight:700}

/* Image upload */
.upload-box{border:1px dashed #aebbb5;border-radius:10px;padding:18px;text-align:center;background:#fafcfb}
.upload-box:hover{border-color:var(--g);background:#f5faf8}
.upload-box input{display:none}
.upload-label{display:inline-block;background:var(--green-soft);color:var(--g);padding:9px 14px;border-radius:7px;font-weight:800;font-size:12px;cursor:pointer}
.upload-help{display:block;margin-top:7px;color:var(--muted);font-size:11px}
.image-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.image-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line);aspect-ratio:1}
.image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.image-preview .remove-image{position:absolute;right:5px;top:5px;border:0;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:25px;height:25px}
.image-preview .primary-badge{position:absolute;left:5px;bottom:5px;background:var(--g);color:#fff;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}
@media(max-width:720px){
  .navlinks > .navdrop{height:auto}
  .navdrop .dropdown{display:none}
  .image-preview-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:1000px){.navlinks{gap:12px}.cards{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:repeat(3,1fr)}.search{grid-template-columns:1fr 1fr}.field:nth-child(2){border-right:0}.field:nth-child(3),.field:nth-child(4){border-top:1px solid var(--line)}.search button{min-height:45px}}
@media(max-width:720px){.navlinks,.actions .login,.header-phone{display:none}.menu{display:block}.logo{width:156px}.hero h1{font-size:38px}.search{grid-template-columns:1fr}.field{border-right:0!important;border-bottom:1px solid var(--line);padding:11px}.field:last-of-type{border-bottom:0}.trust{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.detailgrid{grid-template-columns:1fr}.info{position:static}.details-table{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,1fr)}.mainphoto{height:300px}}
@media(max-width:450px){.trust{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}

.live-sheet-bar{
  max-width:1200px;margin:0 auto 18px;padding:12px 16px;
  border:1px solid var(--line);border-radius:10px;background:#f7faf8;
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  font-size:13px;
}
.live-sheet-bar strong{color:var(--g);display:block}
.live-sheet-bar span{font-size:11px;color:var(--muted)}
.live-sheet-bar button{
  border:1px solid #bfd2ca;background:#fff;color:var(--g);
  padding:9px 13px;border-radius:7px;font-weight:700;cursor:pointer
}
.live-sheet-bar button:hover{background:var(--green-soft)}
@media(max-width:720px){
 .live-sheet-bar{align-items:flex-start;flex-direction:column}
}


/* UngaProperty v3 enhancements */
.navlinks .navdrop.service-drop .dropdown{min-width:250px}
.navlinks .navdrop.service-drop .dropdown a{padding:9px 12px}
.tabs .tab{font-size:15px}
.tabs .tab{display:inline-flex;align-items:center;justify-content:center}
.location-field{position:relative}
.location-field input{padding-right:44px}
.location-toggle{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border:0;background:transparent !important;color:var(--muted) !important;font-size:17px;font-weight:700;line-height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;border-radius:0 !important;box-shadow:none !important}
.location-toggle:hover,.location-toggle:focus,.location-toggle:active{background:transparent !important;color:var(--muted) !important;border:0 !important;box-shadow:none !important;outline:none}
.location-field.location-open .location-toggle{font-size:17px;color:var(--muted) !important;background:transparent !important}

.location-suggest{position:absolute;left:9px;right:9px;top:calc(100% - 1px);z-index:80;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 12px 25px rgba(0,0,0,.12);display:none;max-height:230px;overflow:auto}
.location-suggest.open{display:block}
.location-suggest button{display:block;width:100%;text-align:left;border:0;background:#fff;color:var(--ink);padding:10px 13px;font-size:13px}
.location-suggest button:hover,.location-suggest button.active{background:#f6f8f7;color:var(--g)}
.search .field:focus-within{background:#fff}
.search .field{position:relative}
.search select,.search input{height:30px}
.filter-panel{display:none;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.filter-panel.open{display:flex}
.filter-panel label{font-size:11px;font-weight:800;color:var(--muted);display:grid;gap:5px;min-width:150px}
.filter-panel select,.filter-panel input{border:1px solid var(--line);border-radius:8px;background:#f6f8f7;padding:9px 10px;color:var(--ink);outline:0}
.filter-panel .filter-reset{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-weight:800}
.all-properties-modal .modalbox{width:min(1050px,100%);max-height:90vh;overflow:auto}
.all-properties-modal .cards{grid-template-columns:repeat(4,1fr)}
.loginbox{width:min(430px,100%);padding:28px}
.auth-switch{display:flex;gap:8px;margin:16px 0 8px}
.auth-tab{flex:1;border:1px solid var(--line);background:#fff;padding:9px;border-radius:8px;font-weight:800}
.auth-tab.active{background:#eef5f2;color:var(--g);border-color:#c7dbd2}
.auth-view{display:none}.auth-view.active{display:block}
.auth-form{display:grid;gap:11px;margin-top:14px}
.auth-form label{font-size:11px;font-weight:800;display:grid;gap:5px}
.auth-form input{border:1px solid var(--line);border-radius:8px;padding:11px;outline:0}
.auth-primary{border:0;background:var(--g);color:#fff;border-radius:8px;padding:11px;font-weight:900}
.google-btn{width:100%;border:1px solid #d6ddd9;background:#fff;border-radius:8px;padding:10px;font-weight:800;color:#333;display:flex;justify-content:center;align-items:center;gap:9px}
.google-g{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#4285f4;border:1px solid #e0e0e0}
.auth-divider{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;margin:14px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.auth-links{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.auth-links button{border:0;background:none;color:var(--g);font-weight:800;padding:0}
 .auth-message{font-size:11px;color:var(--g);min-height:16px}
.otp-switch{display:flex;gap:8px;margin:10px 0 4px}
.otp-mode{flex:1;border:1px solid var(--line);background:#fff;padding:8px;border-radius:8px;font-size:11px;font-weight:800;color:var(--muted)}
.otp-mode.active{background:#eef5f2;color:var(--g);border-color:#c7dbd2}
.otp-step{display:none}.otp-step.active{display:grid;gap:11px}
.otp-note{font-size:10px;color:var(--muted);line-height:1.4;margin:0}
.otp-code{letter-spacing:4px;text-align:center;font-weight:900;font-size:18px}
.otp-resend{border:0;background:none;color:var(--g);font-size:11px;font-weight:800;padding:0;text-align:right}

.user-badge{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:800;color:var(--g);display:none}
@media(max-width:1000px){.all-properties-modal .cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.logo{width:156px;height:65px}.navlinks{font-size:14px}.actions button{font-size:14px}.hero-offer{font-size:12px;gap:8px}.hero-offer img{width:48px;height:48px}.hero-offer b{font-size:15px}.hero-offer span{font-size:11px}.all-properties-modal .cards{grid-template-columns:1fr}.filter-panel label{min-width:100%}}


/* UngaProperty v4 visual corrections */
@media(min-width:721px){
  .logo{transform:translateX(-92px);}
}
.navlinks{font-size:14px!important;gap:22px;font-weight:600!important}
.actions button{font-size:14px!important;padding:8px 11px}
.header-phone{font-size:14px!important}

/* Hero headline + offer in one horizontal row */
.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:34px;max-width:980px}
.hero-title-row h1{flex:1;min-width:0}
.hero-offer{flex:none;margin:0 0 8px 0!important;width:auto!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:#fff!important;gap:12px}
.hero-offer img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28));}
.hero-offer b{font-size:18px;color:#ffd84d;display:block;white-space:nowrap}
.hero-offer span{font-size:13px;color:#fff;display:block;white-space:nowrap}



/* One common dropdown design for location, property type, budget and BHK */
.up-select{position:relative}
.up-select-trigger{width:100%;height:30px;border:0;background:transparent;color:var(--muted);font-size:13px;text-align:left;padding:0 25px 0 0;position:relative}
.up-select-trigger:after{content:'⌄';position:absolute;right:1px;top:50%;transform:translateY(-55%);font-size:17px;color:var(--muted);font-weight:700}
.up-select-menu{position:absolute;left:-7px;right:-7px;top:calc(100% + 9px);z-index:85;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 25px rgba(0,0,0,.12);padding:5px;display:none;max-height:235px;overflow:auto}
.up-select.open .up-select-menu{display:block}
.up-select-menu button{display:block;width:100%;text-align:left;border:0;background:#fff;color:var(--ink);padding:10px 12px;border-radius:7px;font-size:13px}
.up-select-menu button:hover,.up-select-menu button.active{background:#f6f8f7;color:var(--g)}
.location-suggest{top:calc(100% + 1px)!important;left:9px;right:9px;border:1px solid var(--line)!important;border-radius:0 0 10px 10px!important;padding:5px!important;background:#fff!important}
.location-suggest button{padding:10px 12px!important;border-radius:7px!important}

@media(max-width:720px){
  .hero-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .hero-offer{margin:0!important;align-self:center}
  .hero-offer img{width:55px;height:55px}
  .hero-offer b{font-size:15px}
  .hero-offer span{font-size:11px}
  
}



/* UngaProperty v5 dropdown + offer corrections */
.search .up-select-trigger,
.search .up-select-trigger:hover,
.search .up-select-trigger:focus,
.search .up-select-trigger:active{
  background:#fff !important;
  color:var(--muted) !important;
  border:0 !important;
  box-shadow:none !important;
  font-weight:500 !important;
  height:30px;
  line-height:30px;
  border-radius:0 !important;
}
.search .up-select-trigger:after{
  color:var(--muted) !important;
  right:2px;
  top:50%;
  transform:translateY(-50%);
}

/* All custom dropdowns share the same rounded menu treatment. */
.up-select-menu,
.location-suggest{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  box-shadow:0 12px 25px rgba(0,0,0,.12) !important;
  padding:5px !important;
}
.up-select-menu{
  left:0 !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
}
.location-suggest{
  left:0 !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
}
.up-select-menu button,
.location-suggest button{
  background:#fff !important;
  color:var(--ink) !important;
  border:0 !important;
  border-radius:7px !important;
  padding:10px 12px !important;
  font-size:13px !important;
  font-weight:500 !important;
}
.up-select-menu button:hover,
.up-select-menu button.active,
.location-suggest button:hover,
.location-suggest button.active{
  background:#f6f8f7 !important;
  color:var(--g) !important;
}



/* Plot properties do not use BHK. */
.up-select.is-disabled .up-select-trigger{
  background:#f1f3f2 !important;
  color:#a2aaa6 !important;
  cursor:not-allowed !important;
}
.up-select.is-disabled .up-select-trigger:after{
  color:#a2aaa6 !important;
}
.up-select.is-disabled{
  opacity:.9;
}

/* Slightly larger offer coin. */
.hero-offer img{width:88px !important;height:88px !important;}
.hero-offer b{font-size:20px !important;}
.hero-offer span{font-size:14px !important;}

@media(max-width:720px){
  .hero-offer img{width:62px !important;height:62px !important;}
  .hero-offer b{font-size:16px !important;}
  .hero-offer span{font-size:11px !important;}
  
}


.mobile-login-link{display:none;}

/* UngaProperty mobile usability fixes */
@media(max-width:720px){
  header{height:64px;}
  .nav{gap:10px;position:relative;}
  .logo{width:150px!important;height:58px!important;transform:none!important;}
  .menu{display:block!important;width:42px;height:42px;margin-left:auto;padding:0;font-size:26px;line-height:1;color:var(--g);z-index:95;}
  .navlinks{display:none!important;position:absolute;left:0;right:0;top:64px;margin:0!important;padding:8px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 28px rgba(0,0,0,.14);z-index:90;flex-direction:column;align-items:stretch;gap:0!important;font-size:14px!important;}
  .navlinks.mobile-open{display:flex!important;}
  .navlinks>a,.navdrop>a{display:flex!important;align-items:center;justify-content:space-between;height:auto!important;padding:13px 12px;border-bottom:1px solid var(--line);font-size:14px!important;}
  .mobile-login-link{display:flex!important;align-items:center;padding:13px 12px;font-size:14px!important;font-weight:650!important;color:#31534a!important;border-top:1px solid var(--line);}
  .navdrop{height:auto!important;display:block!important;}
  .navdrop>a::after{font-size:14px;}
  .navdrop .dropdown{position:static;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important;border:0!important;border-radius:8px!important;box-shadow:none!important;background:#f6f8f7!important;padding:4px!important;}
  .navdrop.mobile-expanded .dropdown{display:block!important;}
  .dropdown a{font-size:13px!important;padding:10px 12px!important;white-space:normal!important;}
  .dropdown .subhead{padding:7px 12px 4px!important;}
  .actions{gap:6px;margin-left:auto;}
  .actions .login,.header-phone{display:none!important;}
  .actions .post{font-size:12px!important;padding:8px 9px!important;white-space:nowrap;}
  .actions>button[aria-label="Saved properties"]{font-size:20px!important;padding:6px 9px!important;}

  /* Smaller mobile hero */
  .hero{min-height:0!important;padding:28px 0 22px!important;background-position:center!important;}
  .hero h1{font-size:34px!important;line-height:1.02!important;letter-spacing:-.7px!important;margin-bottom:9px!important;}
  .hero p{font-size:14px!important;margin-bottom:15px!important;}
  .hero-title-row{gap:6px!important;}
  .hero-offer{align-self:flex-start!important;margin:0 0 8px 0!important;gap:9px!important;}
  .hero-offer img{width:68px!important;height:68px!important;}
  .hero-offer b{font-size:16px!important;}
  .hero-offer span{font-size:11px!important;}
  .tabs{gap:7px!important;margin-bottom:10px!important;}
  .tabs .tab{padding:9px 17px!important;font-size:13px!important;}
  .search{padding:7px!important;border-radius:12px!important;}
  .field{padding:10px 12px!important;}
  .field label{font-size:10px!important;margin-bottom:4px!important;}
  .up-select-trigger{height:30px!important;line-height:30px!important;font-size:13px!important;}
  
  .trust{margin-top:18px!important;gap:10px!important;}
  .trusticon{width:34px!important;height:34px!important;}
  .trust strong{font-size:11px!important;}
  .trust span{font-size:10px!important;}
}




/* UngaProperty AI Chatbot */
#upChatToggle{
  position:fixed;right:22px;bottom:22px;width:60px;height:60px;border:0;border-radius:50%;
  background:transparent;color:#fff;font-size:25px;box-shadow:0 8px 25px rgba(0,0,0,.22);padding:0;overflow:hidden;
  z-index:9999;display:grid;place-items:center;
}
#upChatToggle img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
#upChatToggle:hover{transform:translateY(-2px)}
#upChat{
  position:fixed;right:22px;bottom:92px;width:min(380px,calc(100vw - 28px));height:560px;
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.22);
  z-index:9998;overflow:hidden;display:none;flex-direction:column;
}
#upChat.open{display:flex}
.upchat-head{background:var(--g);color:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between}
.upchat-head strong{font-size:15px}.upchat-head small{display:block;color:#d9eee7;font-size:10px;margin-top:2px}
.upchat-close{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:30px;height:30px}
.upchat-messages{flex:1;padding:14px;overflow:auto;background:#f7f9f8}
.upmsg{max-width:88%;padding:10px 12px;border-radius:13px;margin:7px 0;font-size:12px;line-height:1.5;white-space:pre-wrap}
.upmsg.bot{background:#fff;border:1px solid var(--line);margin-right:auto}
.upmsg.user{background:var(--g);color:#fff;margin-left:auto}
.upchat-suggestions{padding:8px 12px;display:flex;gap:7px;overflow:auto;border-top:1px solid var(--line)}
.upchat-suggestions button{white-space:nowrap;border:1px solid #cfdad5;background:#fff;border-radius:18px;padding:7px 10px;font-size:10px;color:var(--g)}
.upchat-form{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line);background:#fff}
#upChatInput{flex:1;border:1px solid #d7dfdb;border-radius:10px;padding:10px;outline:0;font-size:12px}
#upChatSend{border:0;border-radius:10px;background:var(--g);color:#fff;padding:0 14px;font-weight:800}
@media(max-width:450px){
  #upChat{right:10px;bottom:82px;width:calc(100vw - 20px);height:70vh}
  #upChatToggle{right:14px;bottom:14px}
}

/* Final V11 refinements */
header .logo{background:var(--g);padding:9px 14px;border-radius:10px;width:220px;height:54px;object-fit:contain;object-position:center}
.breadcrumb a{color:var(--g);font-weight:700;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}
.owner-only{display:none!important}
.owner-only.owner-visible{display:block!important}
.contactbox{max-width:520px}.contactbox .auth-primary{width:100%}
@media(max-width:720px){header .logo{width:160px;height:48px;padding:8px}.hero-title-row{gap:10px}.hero-offer{transform:scale(.85);transform-origin:right center}}

/* Header logo alignment */
@media (max-width: 900px){.logo{transform:none}}


/* Unga Property logo usage */
header .logo{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  width:225px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
}
.footlogo{
  width:190px !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:720px){
  header .logo{
    width:158px !important;
    height:auto !important;
    max-height:48px !important;
  }
  .footlogo{
    width:165px !important;
    max-height:42px !important;
  }
}

.footer .phone-icon{width:16px;height:16px;object-fit:contain;display:inline-block;vertical-align:-3px;margin-right:5px}.support .phone-icon{width:16px;height:16px;object-fit:contain;display:inline-block;vertical-align:-3px;margin-right:5px}


/* Location chevron: match the other hero dropdown chevrons exactly. */
.search .location-toggle,
.search .location-toggle:hover,
.search .location-toggle:focus,
.search .location-toggle:active {
  background: transparent !important;
  color: var(--muted) !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 17px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
}
/* Multi-location selector: maximum 3 selections */
.location-select-help{padding:9px 12px 6px;font-size:11px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.location-suggest button[role="option"]{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.location-suggest button[role="option"] .location-check{min-width:18px;text-align:center;color:var(--g);font-weight:900}
.location-suggest button[role="option"].active{background:#f6f8f7;color:var(--g)}
.location-suggest button[role="option"].disabled{opacity:.45;cursor:not-allowed;background:#fff;color:var(--muted)}
.location-suggest button[role="option"].disabled:hover{background:#fff;color:var(--muted)}

/* Selected location chips with individual remove buttons */
.location-input-wrap{position:relative;min-height:42px;display:flex;align-items:center;width:100%;cursor:text}
.location-input-wrap input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:text!important;padding:0!important;z-index:1}
.location-chips{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-right:40px;min-height:42px;width:100%;pointer-events:none}
.location-placeholder{color:var(--muted);font-size:13px;line-height:1.3}
.location-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 6px 4px 9px;border-radius:999px;background:#f1f5f3;color:var(--muted);font-size:13px;line-height:1.2;pointer-events:auto}
.location-chip-name{white-space:nowrap}
.location-chip-remove{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important;font-size:17px!important;font-weight:700!important;line-height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important}
.location-chip-remove:hover,.location-chip-remove:focus{background:#e3eae7!important;color:var(--ink)!important;outline:none!important}
.phone-icon {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    filter: brightness(0) invert(1);
}