/* ANHP Realty 1.8 — sage/stone palette and clear, responsive homepage hero */
:root{
  --anhp-accent:#286D82;
  --anhp-accent-dark:#1F5466;
  --anhp-ink:#26353A;
  --anhp-tint:#f5f8f4;
  --anhp-soft:#eff4ef;
  --anhp-line:#e3eae4;
  --forest:#286D82;
  --forest-dark:#1F5466;
  --ink:#26353A;
  --muted:#66777D;
  --sand:#f5f7f4;
  --cream:#f0f3ee;
  --line:#e2e9e3;
}
body{color:#26353A;background:#fff}
html{scroll-padding-top:108px}
::selection{background:#dce9de;color:#233f34}
a,button,input,select{transition-color .22s,border-color .22s,background-color .22s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #286D82;outline-offset:3px}
/* Site palette extended through navigation and editorial sections */
.portal-utility{background:#f5f7f4!important;border-color:#e3ebe4!important}
.site-header,body.home .site-header,body.home .site-header.is-scrolled{border-color:#e4eae5!important;box-shadow:0 4px 18px rgba(28,59,43,.035)!important}
.site-header .brand,.footer-main .brand,.preview-footer-brand{border-color:#286D82!important}
.brand-dot,.portal-utility__phone,.site-header .nav-list>li>a:hover,.site-header .nav-list .current-menu-item>a{color:#286D82!important}
.site-header .nav-list>li>a:after{background:#286D82!important}
.site-header .header-actions .btn--header,
body.home .site-header .header-actions .btn--header,
body.home .site-header.is-scrolled .header-actions .btn--header{background:#286D82!important;border-color:#286D82!important;color:#fff!important}
.site-header .header-actions .btn--header:hover{background:#1F5466!important;border-color:#1F5466!important}
.portal-shortcuts{background:#f6f8f5;border-color:#e4eae4}
.portal-shortcuts__item,.portal-shortcuts__item:first-child{border-color:#e4eae4}
.portal-shortcuts__item:hover{background:#eaf1eb}
.portal-shortcuts__item small,.portal-shortcuts__item b{color:#286D82}
.anhp-home-feed--dat-ban,.anhp-home-feed--phong-cho-thue{background:#f7f9f6}
.anhp-home-feed__card{border-color:#e4e9e3}
.anhp-home-feed__card:hover{border-color:#bacfc0;box-shadow:0 13px 23px rgba(36,68,48,.05)}
.anhp-home-feed__bottom strong,.anhp-home-feed__eyebrow,.anhp-home-feed__all,
.property-card__price,.property-card__foot a,.portal-section-head>a{color:#436b5e!important}
.anhp-home-feed__photo span{background:rgba(255,255,255,.94);color:#43655a}
.portal-feed-bottom a:hover{border-color:#286D82!important;color:#41695c!important}
.portal-aside-help{background:#f0f5ef!important}
.site-footer-invite{background:#eef4ee!important;border-color:#dfe9df!important}
.site-footer-invite h2{color:#243a31!important}
.site-footer-invite__actions a,.site-footer-invite .anhp-plain-button{background:#286D82!important;color:#fff!important}
.site-footer-invite__actions a:hover{background:#1F5466!important}
.site-footer{background:#fbfcfa!important}
/* Distinctive homepage introduction: calm typography on solid pale ground */
.home-v14 .portal-hero--v18{
  min-height:0!important;
  padding:48px 0 92px!important;
  background:linear-gradient(112deg,#f7f9f6 0%,#f1f6f0 57%,#eaf2e9 100%)!important;
  isolation:auto!important;
}
.home-v14 .portal-hero--v18 .portal-hero__layout{
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  align-items:center!important;
  gap:clamp(28px,5.3vw,72px)!important;
  min-height:412px!important;
}
.portal-hero--v18 .portal-hero__copy{max-width:520px;color:#293e34!important;padding:8px 0}
.portal-hero--v18 .portal-hero__eyebrow{color:#4d7466!important;font-size:10px!important;letter-spacing:.1em!important;gap:10px!important;margin-bottom:23px!important}
.portal-hero--v18 .portal-hero__eyebrow .portal-hero__marker{width:9px;height:9px;border-radius:50%;background:#89a99a;display:inline-block;flex-shrink:0}
.portal-hero--v18 .portal-hero__eyebrow .portal-hero__eyebrow-separator{background:transparent;color:#a1b3a9!important;width:auto;height:auto}
.home-v14 .portal-hero--v18 h1{color:#243d33!important;font:600 clamp(32px,3.7vw,49px)/1.32 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:-.028em!important;max-width:540px!important;margin:0 0 20px!important}
.portal-hero--v18 .portal-hero__subtitle{color:#485c51!important;font-size:14px!important;line-height:1.9!important;max-width:485px!important;margin-bottom:9px!important}
.portal-hero--v18 .portal-hero__company{color:#738178!important;font-size:12px!important;line-height:1.85!important;max-width:465px!important;margin:0 0 28px!important}
.portal-hero--v18 .portal-hero__actions{gap:24px!important}
.portal-hero--v18 .portal-hero__actions a{font-size:12px!important;transition:background .2s,transform .2s,color .2s}
.portal-hero--v18 .portal-hero__primary{border-radius:3px;min-height:46px;box-shadow:none;background:#286D82;color:#fff!important;padding:12px 20px!important}
.portal-hero--v18 .portal-hero__primary:hover{background:#1F5466;color:#fff!important}
.portal-hero--v18 .portal-hero__secondary{color:#426b5c!important;border-bottom:1px solid #a8c1b1;padding:7px 0}
.portal-hero--v18 .portal-hero__secondary:hover{color:#2c5142!important;border-color:#547b6b}
/* Photo is a genuine photograph, not an image-generation asset. */
.portal-hero--v18 .portal-hero__visual{
  position:relative;display:block;width:100%;margin:0;min-width:0;
  height:426px;overflow:hidden;border-radius:7px;background:linear-gradient(135deg,#dfe9df,#b7d0bf);
  box-shadow:0 18px 43px rgba(42,70,50,.09);
}
.portal-hero--v18 .portal-hero__background{
  display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center 54%!important;filter:none!important;
}
.portal-hero--v18 .portal-hero__photo-note{
  position:absolute;z-index:2;left:15px;right:auto;bottom:14px;
  padding:8px 11px;color:#4f6057!important;background:rgba(255,255,255,.94);
  border-radius:2px;font-size:10px;line-height:1.5;text-align:left;
}
.portal-hero--v18 .portal-hero__wash{display:none!important}
/* Full-width functional filter BELOW the image/copy hero */
.portal-search-band{position:relative;z-index:5;background:linear-gradient(to bottom,transparent 0 43px,#fff 43px 100%);margin-top:-43px;padding:0 0 24px}
.portal-search-band .portal-search--full{
  background:#fff!important;border:1px solid #dde7df!important;border-radius:5px!important;
  box-shadow:0 11px 30px rgba(37,71,50,.075)!important;
  padding:21px 24px 24px!important;
}
.portal-search-band .portal-search__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 8px;padding-bottom:11px;border-bottom:1px solid #eef1ed}
.portal-search-band .portal-search__top>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.portal-search-band .portal-search__top>div>span{font-size:14px;font-weight:600;color:#2e4338}
.portal-search-band .portal-search__top small,.portal-search-band .portal-search__helper{font-size:11px;color:#89978c}
.portal-search-band .portal-search__top>a{font-size:11px;color:#456e60!important}
.portal-search-band .property-search--hero{width:100%}
.portal-search-band .property-search--hero .search-tabs{gap:23px!important;border-color:#e9eee8;padding:0!important}
.portal-search-band .property-search--hero .search-tab{font-size:12px!important;padding:10px 0!important;color:#67776a!important}
.portal-search-band .property-search--hero .search-tab.is-active{color:#426a5d!important;border-bottom-color:#286D82!important}
.portal-search-band .property-search--hero .search-fields{display:grid!important;grid-template-columns:minmax(190px,1.65fr) minmax(145px,1fr) minmax(145px,1fr) auto!important;gap:12px!important;padding:16px 0 0!important}
.portal-search-band .property-search--hero .search-field{min-width:0!important;min-height:54px!important;padding:7px 11px!important;border-color:#dce6de!important;border-radius:3px!important}
.portal-search-band .property-search--hero .search-field--keyword{grid-column:auto!important}
.portal-search-band .property-search--hero .search-field select,.portal-search-band .property-search--hero .search-field input{min-width:0;width:100%;font-size:12px;color:#37483e}
.portal-search-band .property-search--hero .search-submit{grid-column:auto!important;width:auto!important;min-width:138px!important;min-height:54px!important;margin:0!important;background:#286D82!important;border-radius:3px!important;color:#fff!important}
.portal-search-band .property-search--hero .search-submit:hover{background:#1F5466!important}
/* Static preview's working search form mirrors the same horizontal strip. */
.portal-search-band .home-search-head{font-size:14px;font-weight:600;color:#2e4338;padding:0 0 13px;margin:0;border-bottom:1px solid #eef1ed}
.portal-search-band .portal-search__helper{margin:7px 0 10px}
.portal-search-band .home-fields{display:grid!important;grid-template-columns:minmax(170px,1.2fr) minmax(170px,1.6fr) minmax(170px,1fr) auto!important;gap:12px!important;align-items:stretch!important}
.portal-search-band .home-fields label{min-height:57px!important;grid-column:auto!important;grid-row:auto!important;padding:7px 11px!important;border:1px solid #dde6de!important;border-radius:3px!important;font-size:11px!important}
.portal-search-band .home-fields input,.portal-search-band .home-fields select{width:100%!important;min-width:0!important;font-size:12px!important}
.portal-search-band .home-fields button{grid-column:auto!important;min-width:135px!important;min-height:57px!important;border-radius:3px!important;background:#286D82!important;color:#fff!important;border:0!important}
.portal-search-band .home-fields button:hover{background:#1F5466!important}
.portal-search-band .hero-search-note{margin:10px 0 0;color:#89978c;font-size:10px}
/* Small transitions only, and no layout shake */
.portal-hero--v18 .portal-hero__visual img{transition:transform .65s ease}
.portal-hero--v18 .portal-hero__visual:hover img{transform:scale(1.02)}
@media(max-width:1100px){
 .home-v14 .portal-hero--v18 .portal-hero__layout{gap:28px!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
 .portal-hero--v18 .portal-hero__visual{height:380px}
 .portal-search-band .property-search--hero .search-fields{grid-template-columns:minmax(160px,1.5fr) minmax(130px,1fr) minmax(130px,1fr) auto!important}
}
@media(max-width:980px){
 .home-v14 .portal-hero--v18{padding:36px 0 78px!important}
 .home-v14 .portal-hero--v18 .portal-hero__layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;gap:25px!important;min-height:0!important}
 .portal-hero--v18 .portal-hero__visual{height:340px}
 .home-v14 .portal-hero--v18 h1{font-size:clamp(28px,4vw,39px)!important}
 .portal-hero--v18 .portal-hero__company{margin-bottom:18px!important}
 .portal-search-band .property-search--hero .search-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .portal-search-band .property-search--hero .search-field--keyword{grid-column:1/-1!important}
 .portal-search-band .property-search--hero .search-submit{grid-column:1/-1!important;width:100%!important}
 .portal-search-band .home-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .portal-search-band .home-fields label:nth-child(2){grid-column:1/-1!important;grid-row:1!important}
 .portal-search-band .home-fields button{grid-column:1/-1!important}
}
@media(max-width:760px){
 .home-v14 .portal-hero--v18{padding:27px 0 24px!important}
 .home-v14 .portal-hero--v18 .portal-hero__layout{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 .portal-hero--v18 .portal-hero__copy{padding:0}
 .portal-hero--v18 .portal-hero__eyebrow{margin-bottom:13px!important;font-size:9px!important}
 .home-v14 .portal-hero--v18 h1{font-size:clamp(29px,5.3vw,38px)!important;line-height:1.35!important;margin-bottom:10px!important}
 .portal-hero--v18 .portal-hero__subtitle{font-size:12px!important;line-height:1.8!important;margin-bottom:15px!important}
 .portal-hero--v18 .portal-hero__company{display:none}
 .portal-hero--v18 .portal-hero__actions{gap:20px!important}
 .portal-hero--v18 .portal-hero__visual{height:280px;border-radius:5px}
 .portal-search-band{margin-top:0;background:#fff;padding:16px 0 25px}
 .portal-search-band .portal-search--full{padding:16px!important;box-shadow:0 4px 17px rgba(25,56,39,.045)!important}
 .portal-search-band .portal-search__top{align-items:flex-start}
 .portal-search-band .portal-search__top>div{display:block}
 .portal-search-band .portal-search__top small{display:block;margin-top:3px}
 .portal-search-band .property-search--hero .search-fields{gap:9px!important}
 .portal-search-band .property-search--hero .search-field{min-height:50px!important}
 .portal-search-band .property-search--hero .search-submit{min-height:48px!important}
 .portal-search-band .home-fields{gap:9px!important}
 .portal-search-band .home-fields label{min-height:52px!important}
 .portal-search-band .home-fields button{min-height:49px!important}
}
@media(max-width:540px){
 .home-v14 .portal-hero--v18{padding:22px 0 19px!important}
 .home-v14 .portal-hero--v18 h1{font-size:clamp(27px,7.6vw,34px)!important;line-height:1.34!important}
 .portal-hero--v18 .portal-hero__visual{height:220px}
 .portal-hero--v18 .portal-hero__photo-note{left:9px;bottom:9px;font-size:9px;padding:5px 8px;max-width:calc(100% - 18px)}
 .portal-hero--v18 .portal-hero__actions a{font-size:11px!important}
 .portal-hero--v18 .portal-hero__primary{min-height:42px;padding:10px 14px!important}
 .portal-search-band{padding:12px 0 22px}
 .portal-search-band .portal-search--full{padding:13px!important}
 .portal-search-band .portal-search__top{gap:10px}
 .portal-search-band .portal-search__top>a{font-size:10px}
 .portal-search-band .property-search--hero .search-tabs{gap:14px!important}
 .portal-search-band .property-search--hero .search-tab{font-size:10px!important}
 .portal-search-band .property-search--hero .search-field--keyword{grid-column:1/-1!important}
 .portal-search-band .home-fields label:nth-child(2){grid-column:1/-1!important}
 .portal-search-band .home-fields label:nth-child(1),.portal-search-band .home-fields label:nth-child(3){grid-column:auto!important}
 .portal-search-band .home-fields button{grid-column:1/-1!important}
}
@media(prefers-reduced-motion:reduce){
 .portal-hero--v18 *, .portal-search-band *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}