:root{--bg:#fff;--text:#17202a;--muted:#667085;--line:#e7eaf0;--light:#f6f8fb;--primary:#163d5c;--primary-2:#0f2c43;--accent:#d6a84f;--accent-2:#f5e7c4;--danger:#b42318;--success:#027a48;--radius:18px;--shadow:0 18px 45px rgba(12,38,64,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:auto}.center{text-align:center}.mt-24{margin-top:24px}.full{width:100%}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(22,61,92,.22)}.brand strong{display:block;font-size:18px;line-height:1.2;color:var(--primary-2)}.brand small{display:block;font-size:11px;color:var(--muted);line-height:1.2}.main-nav{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:700}.main-nav a{padding:8px 4px;color:#27364a}.main-nav a:hover{color:var(--accent)}.menu-toggle{display:none;border:0;background:var(--primary);color:#fff;border-radius:10px;padding:9px 12px;font-size:22px}.hero{padding:82px 0;background:radial-gradient(circle at top right,rgba(214,168,79,.18),transparent 36%),linear-gradient(135deg,#f7fbff,#fff 52%,#f7f2e6)}.hero-grid,.split,.form-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.07;margin:10px 0 18px;letter-spacing:-1.5px;color:var(--primary-2)}.hero-copy p,.page-hero p{font-size:18px;color:var(--muted);max-width:720px}.eyebrow{display:inline-flex;color:var(--primary);background:var(--accent-2);border:1px solid rgba(214,168,79,.32);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s ease}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--primary);border-color:rgba(22,61,92,.2)}.btn.secondary:hover{border-color:var(--primary);transform:translateY(-1px)}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-row span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-weight:800;font-size:13px;color:var(--primary)}.hero-card,.privacy-box,.policy-card,.details-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.check-list{list-style:none;padding:0;margin:16px 0 0}.check-list li{position:relative;padding-left:30px;margin:12px 0}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e7f8ef;color:var(--success);font-size:13px;font-weight:900}.section{padding:72px 0}.section.light{background:var(--light)}.section.dark{background:linear-gradient(135deg,var(--primary-2),#071a2a);color:#fff}.section.dark p,.section.dark .muted{color:rgba(255,255,255,.78)}.section-title{text-align:center;max-width:760px;margin:0 auto 34px}.section-title h2,.split h2,.form-info h2,.cta-panel h2{font-size:clamp(28px,3.5vw,44px);line-height:1.12;color:var(--primary-2);margin:12px 0}.section.dark .split h2,.section.dark .cta-panel h2{color:#fff}.cards-3,.property-grid,.process-grid,.service-grid{display:grid;gap:22px}.cards-3,.property-grid,.process-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(4,1fr)}.info-card,.property-card,.process-card,.service-card,.form-card,.form-shell{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 32px rgba(12,38,64,.07)}.form-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.info-card .icon,.process-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;font-weight:900;margin-bottom:14px}.info-card a{color:var(--primary);font-weight:900}.property-card{overflow:hidden;padding:0}.property-img{height:190px;background:linear-gradient(135deg,rgba(22,61,92,.55),rgba(214,168,79,.35)),var(--property-image,linear-gradient(135deg,#cbd5e1,#f8fafc));background-size:cover;background-position:center}.property-body{padding:20px}.property-code{display:inline-flex;background:#edf3f8;color:var(--primary);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.property-body h3{margin:12px 0 8px;color:var(--primary-2)}.property-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.property-meta span{background:var(--light);border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;color:#344054}.price{font-size:18px;font-weight:900;color:var(--primary);margin:12px 0}.cta-panel{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:46px;box-shadow:var(--shadow)}.cta-panel.transparent{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}.page-hero{padding:62px 0;background:radial-gradient(circle at top right,rgba(214,168,79,.16),transparent 34%),linear-gradient(135deg,#f6fbff,#fff);border-bottom:1px solid var(--line)}.filter-panel{display:grid;grid-template-columns:1fr 230px auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(12,38,64,.07);margin-bottom:28px}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}textarea{resize:vertical}label{display:block;font-weight:800;font-size:14px;margin-bottom:14px}label input,label select,label textarea{margin-top:7px;font-weight:400}.form-layout.reverse{grid-template-columns:.95fr 1.05fr}.form-info{background:var(--light);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.form-card h2{margin-top:0;color:var(--primary-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note,.muted{color:var(--muted);font-size:14px}.form-status{margin-top:14px;padding:12px;border-radius:12px;display:none}.form-status.success{display:block;background:#ecfdf3;color:var(--success);border:1px solid #abefc6}.form-status.error{display:block;background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.feature-list{display:grid;gap:12px;margin-top:20px}.feature-list div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.feature-list strong{display:block;color:var(--primary-2)}.feature-list span{color:var(--muted);font-size:14px}.process-card span{background:var(--accent);color:#1d2939}.process-card h3,.service-card h3{margin:8px 0;color:var(--primary-2)}.details-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.details-image{min-height:340px;border-radius:18px;background:linear-gradient(135deg,rgba(22,61,92,.50),rgba(214,168,79,.30)),var(--property-image,linear-gradient(135deg,#cbd5e1,#f8fafc));background-size:cover;background-position:center}.notice{border-left:4px solid var(--accent);background:#fffbeb;padding:12px 14px;border-radius:12px;color:#5f3f00;margin-top:18px}.site-footer{background:#071a2a;color:#fff;padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px}.site-footer a{display:block;color:rgba(255,255,255,.8);margin:8px 0}.site-footer p{color:rgba(255,255,255,.76)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding:18px 0;text-align:center;color:rgba(255,255,255,.68);font-size:14px}@media(max-width:960px){.menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:4%;right:4%;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px;border-radius:10px}.main-nav a:hover{background:var(--light)}.hero-grid,.split,.form-layout,.details-card,.form-layout.reverse{grid-template-columns:1fr}.cards-3,.property-grid,.process-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:1fr}}@media(max-width:640px){.brand{min-width:0}.brand small{display:none}.hero,.section{padding:48px 0}.cards-3,.property-grid,.process-grid,.service-grid,.footer-grid,.grid-2{grid-template-columns:1fr}.hero-actions{display:grid}.form-shell{display:block}.form-shell .btn{margin-top:18px}.cta-panel{padding:28px}.property-img{height:170px}}


/* Backend controlled home banner slider */
.banner-slider-section{
  padding:24px 0 0;
  background:linear-gradient(135deg,#f6fbff,#ffffff);
}

.banner-slider{
  position:relative;
  min-height:340px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--primary-2),var(--primary));
  box-shadow:var(--shadow);
}

.banner-slide{
  display:none;
  min-height:340px;
  padding:46px 64px;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(7,26,42,.88), rgba(7,26,42,.58), rgba(7,26,42,.28)),
    var(--banner-image, linear-gradient(135deg,#163d5c,#d6a84f));
  background-size:cover;
  background-position:center;
  color:#fff;
}

.banner-slide.active{
  display:flex;
  animation:bannerFade .45s ease;
}

@keyframes bannerFade{
  from{opacity:.45;transform:scale(1.01)}
  to{opacity:1;transform:scale(1)}
}

.banner-content{
  max-width:650px;
}

.banner-content h2{
  font-size:clamp(30px,4.4vw,54px);
  line-height:1.08;
  margin:14px 0 12px;
  letter-spacing:-1.2px;
}

.banner-content p{
  color:rgba(255,255,255,.86);
  font-size:18px;
  margin-bottom:20px;
}

.banner-content .eyebrow{
  background:rgba(255,255,255,.13);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}

.banner-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.86);
  color:var(--primary-2);
  font-size:34px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:3;
}

.banner-arrow.prev{left:16px}
.banner-arrow.next{right:16px}

.banner-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  display:flex;
  justify-content:center;
  gap:8px;
  z-index:3;
}

.banner-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.48);
  cursor:pointer;
}

.banner-dot.active{
  background:#fff;
  width:28px;
  border-radius:999px;
}

@media (max-width: 640px){
  .banner-slider{min-height:310px;border-radius:20px}
  .banner-slide{min-height:310px;padding:34px 42px}
  .banner-content p{font-size:15px}
  .banner-arrow{width:34px;height:34px;font-size:28px}
  .banner-arrow.prev{left:8px}
  .banner-arrow.next{right:8px}
}


/* V1.2 customer login, seller hidden dashboard, countries, referral */
.customer-login-link{
  background:var(--primary);
  color:#fff!important;
  border-radius:999px;
  padding:9px 14px!important;
}

.auth-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:start;
}

.auth-grid.single{
  max-width:560px;
  margin:auto;
  grid-template-columns:1fr;
}

.dashboard-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:start;
}

.dashboard-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px;
}

.profile-line{
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid var(--line);
  padding:10px 0;
}

.profile-line strong{
  color:var(--primary-2);
}

.referral-code-box{
  background:var(--accent-2);
  border:1px solid rgba(214,168,79,.35);
  color:var(--primary-2);
  padding:14px;
  border-radius:14px;
  font-weight:900;
  margin:16px 0;
}

.hidden-dashboard-body{
  background:linear-gradient(135deg,#f6fbff,#ffffff);
}

.hidden-dashboard-body .page-hero{
  border-bottom:1px solid var(--line);
}

.seller-property-row{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  margin-bottom:12px;
  background:#fff;
}

.seller-property-row h3{
  margin:0 0 8px;
  color:var(--primary-2);
}

.status-pill{
  display:inline-flex;
  border-radius:999px;
  padding:5px 10px;
  background:#edf3f8;
  color:var(--primary);
  font-size:12px;
  font-weight:900;
  margin-right:6px;
}

@media (max-width: 960px){
  .auth-grid,.dashboard-grid{grid-template-columns:1fr}
  .customer-login-link{display:inline-flex;justify-content:center}
}


/* V1.3 screenshot-style header and portal workflow */
.screenshot-header{
  min-height:118px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:26px;
}

.screenshot-header .brand{
  min-width:390px;
}

.screenshot-header .brand-mark{
  width:72px;
  height:72px;
  border-radius:20px;
  font-size:26px;
}

.screenshot-header .brand strong{
  font-size:28px;
  letter-spacing:-.6px;
}

.screenshot-header .brand small{
  font-size:16px;
  margin-top:2px;
}

.screenshot-header .main-nav{
  justify-content:flex-end;
  gap:28px;
  font-size:20px;
}

.login-icon-link{
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 10px 24px rgba(22,61,92,.18);
  flex:0 0 auto;
}

.login-icon-link svg{
  width:24px;
  height:24px;
  fill:currentColor;
}

.login-icon-link:hover{
  background:var(--primary-2);
  transform:translateY(-1px);
}

.portal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.portal-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px;
}

.portal-card h2,.portal-card h3{
  margin-top:0;
  color:var(--primary-2);
}

.refer-home-section .portal-card{
  background:#fff;
}

@media (max-width: 1180px){
  .screenshot-header{
    grid-template-columns:auto auto;
  }
  .screenshot-header .main-nav{
    grid-column:1 / -1;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:16px;
    font-size:17px;
  }
  .screenshot-header .brand{min-width:0}
}

@media (max-width: 960px){
  .screenshot-header{
    display:flex;
    min-height:78px;
  }
  .screenshot-header .brand-mark{
    width:48px;
    height:48px;
    border-radius:14px;
    font-size:18px;
  }
  .screenshot-header .brand strong{font-size:18px}
  .screenshot-header .brand small{font-size:11px}
  .screenshot-header .main-nav{
    display:none;
    font-size:14px;
  }
  .screenshot-header .main-nav.open{
    display:flex;
  }
  .login-icon-link{
    width:42px;
    height:42px;
  }
  .portal-grid{
    grid-template-columns:1fr;
  }
}

/* V1.3.1 header font size and alignment refinement */
.site-header{
  border-top:1px solid #f3d7c9;
}

.nav-wrap.screenshot-header{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.screenshot-header .brand{
  min-width:300px;
  flex:0 0 auto;
  gap:12px;
}

.screenshot-header .brand-mark{
  width:56px;
  height:56px;
  border-radius:16px;
  font-size:20px;
}

.screenshot-header .brand strong{
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.3px;
}

.screenshot-header .brand small{
  font-size:13px;
  line-height:1.2;
  margin-top:2px;
}

.screenshot-header .main-nav{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  font-size:15px;
  line-height:1;
  white-space:nowrap;
}

.screenshot-header .main-nav a{
  padding:10px 0;
  display:inline-flex;
  align-items:center;
}

.login-icon-link{
  width:40px;
  height:40px;
  margin-left:4px;
}

.login-icon-link svg{
  width:21px;
  height:21px;
}

@media (max-width: 1180px){
  .nav-wrap.screenshot-header{
    display:flex;
    min-height:86px;
  }

  .screenshot-header .brand{
    min-width:260px;
  }

  .screenshot-header .brand strong{
    font-size:20px;
  }

  .screenshot-header .brand small{
    font-size:12px;
  }

  .screenshot-header .main-nav{
    gap:13px;
    font-size:14px;
    flex-wrap:nowrap;
  }
}

@media (max-width: 1060px){
  .menu-toggle{
    display:inline-flex;
    order:3;
  }

  .login-icon-link{
    order:2;
    margin-left:auto;
  }

  .screenshot-header .main-nav{
    display:none;
    position:absolute;
    left:4%;
    right:4%;
    top:86px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow);
    padding:14px;
    flex-direction:column;
    align-items:stretch;
    white-space:normal;
    font-size:14px;
    gap:0;
    z-index:30;
  }

  .screenshot-header .main-nav.open{
    display:flex;
  }

  .screenshot-header .main-nav a{
    padding:12px;
    border-radius:10px;
  }

  .screenshot-header .main-nav a:hover{
    background:var(--light);
  }
}

@media (max-width: 640px){
  .nav-wrap.screenshot-header{
    min-height:74px;
    gap:10px;
  }

  .screenshot-header .brand{
    min-width:0;
    gap:10px;
  }

  .screenshot-header .brand-mark{
    width:44px;
    height:44px;
    border-radius:13px;
    font-size:16px;
  }

  .screenshot-header .brand strong{
    font-size:17px;
  }

  .screenshot-header .brand small{
    display:none;
  }

  .login-icon-link{
    width:38px;
    height:38px;
  }

  .screenshot-header .main-nav{
    top:74px;
  }
}


/* V1.3.3 backend test page */
.test-results{
  margin-top:18px;
  display:grid;
  gap:10px;
}

.test-ok,
.test-error{
  padding:12px 14px;
  border-radius:12px;
  font-size:14px;
  word-break:break-word;
}

.test-ok{
  background:#ecfdf3;
  color:#027a48;
  border:1px solid #abefc6;
}

.test-error{
  background:#fef3f2;
  color:#b42318;
  border:1px solid #fecdca;
}


/* V1.3.4 visible country and location selectors */
.country-location-section{
  padding:22px 0;
  background:#fff;
  border-bottom:1px solid var(--line);
}

.country-location-bar{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:22px;
  align-items:end;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 32px rgba(12,38,64,.07);
}

.country-location-bar h3{
  margin:10px 0 0;
  color:var(--primary-2);
  font-size:24px;
}

.country-location-controls{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  align-items:end;
}

.visible-country-select{
  min-height:48px;
}

.property-filter-panel{
  grid-template-columns:180px 1fr 1fr 210px auto;
  align-items:end;
}

@media (max-width: 1060px){
  .country-location-bar{
    grid-template-columns:1fr;
  }
  .country-location-controls,
  .property-filter-panel{
    grid-template-columns:1fr;
  }
}


/* V1.3.5 PWA install app option */
.install-app-btn{
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(22,61,92,.16);
  background:#fff;
  color:var(--primary);
  border-radius:999px;
  height:40px;
  padding:0 13px;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(12,38,64,.08);
}

.install-app-btn.visible{
  display:inline-flex;
}

.install-app-btn svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.install-app-btn:hover{
  border-color:var(--primary);
  transform:translateY(-1px);
}

.pwa-install-message{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(7,26,42,.46);
  padding:20px;
}

.pwa-install-message.show{
  display:flex;
}

.pwa-install-message > div{
  width:min(420px,94vw);
  background:#fff;
  border-radius:20px;
  padding:24px;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.pwa-install-message strong{
  display:block;
  color:var(--primary-2);
  font-size:20px;
  margin-bottom:8px;
}

.pwa-install-message p{
  color:var(--muted);
  margin:0 0 18px;
}

.pwa-install-message button{
  border:0;
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:10px 18px;
  font-weight:900;
  cursor:pointer;
}

@media (max-width: 1060px){
  .install-app-btn{
    order:2;
    margin-left:auto;
  }

  .login-icon-link{
    order:3;
    margin-left:0;
  }

  .menu-toggle{
    order:4;
  }
}

@media (max-width: 640px){
  .install-app-btn{
    width:38px;
    height:38px;
    padding:0;
    border-radius:50%;
  }

  .install-app-btn span{
    display:none;
  }

  .install-app-btn svg{
    width:20px;
    height:20px;
  }
}


/* V1.3.6 top country selector for desktop and mobile */
.top-country-picker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:40px;
  background:#fff;
  border:1px solid rgba(22,61,92,.16);
  border-radius:999px;
  padding:0 10px;
  box-shadow:0 8px 20px rgba(12,38,64,.08);
  flex:0 0 auto;
}

.top-country-icon{
  font-size:15px;
  line-height:1;
}

.top-country-select{
  width:150px;
  min-width:130px;
  height:34px;
  border:0;
  background:transparent;
  padding:0 4px;
  font-size:13px;
  font-weight:800;
  color:var(--primary);
  outline:none;
  cursor:pointer;
}

.top-country-select option{
  color:var(--text);
}

@media (max-width: 1060px){
  .top-country-picker{
    order:2;
    margin-left:auto;
    height:38px;
    padding:0 8px;
  }

  .install-app-btn{
    order:3;
    margin-left:0;
  }

  .login-icon-link{
    order:4;
  }

  .menu-toggle{
    order:5;
  }

  .top-country-select{
    width:120px;
    min-width:110px;
    font-size:12px;
  }
}

@media (max-width: 640px){
  .top-country-picker{
    height:38px;
    padding:0 6px;
    gap:3px;
    max-width:104px;
  }

  .top-country-icon{
    font-size:13px;
  }

  .top-country-select{
    width:76px;
    min-width:76px;
    font-size:11px;
  }
}

@media (max-width: 420px){
  .top-country-picker{
    max-width:92px;
  }

  .top-country-select{
    width:66px;
    min-width:66px;
  }
}


/* V1.3.8 top and bottom menu + visible action buttons */
.install-app-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  color:var(--primary);
  border:1px solid rgba(22,61,92,.18);
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(12,38,64,.08);
}

.install-app-btn svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.customer-auth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  background:var(--primary);
  color:#fff !important;
  border:1px solid var(--primary);
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(22,61,92,.18);
}

.customer-auth-btn svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.customer-auth-btn:hover,
.install-app-btn:hover{
  transform:translateY(-1px);
}

.bottom-menu{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:60;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:#fff;
  border-top:1px solid var(--line);
  box-shadow:0 -10px 26px rgba(12,38,64,.10);
  padding:7px 8px calc(7px + env(safe-area-inset-bottom));
}

.bottom-menu a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:var(--primary-2);
  font-size:11px;
  font-weight:900;
  min-height:46px;
  border-radius:14px;
}

.bottom-menu a:hover{
  background:var(--light);
  color:var(--primary);
}

.bottom-icon{
  display:block;
  font-size:18px;
  line-height:1;
}

body{
  padding-bottom:76px;
}

@media (min-width: 1061px){
  .bottom-menu{
    max-width:760px;
    left:50%;
    transform:translateX(-50%);
    bottom:16px;
    border:1px solid var(--line);
    border-radius:24px;
    padding:8px;
  }

  body{
    padding-bottom:94px;
  }
}

@media (max-width: 1180px){
  .screenshot-header .main-nav{
    gap:11px;
    font-size:13px;
  }

  .install-app-btn,
  .customer-auth-btn{
    height:38px;
    padding:0 11px;
    font-size:12px;
  }
}

@media (max-width: 1060px){
  .top-country-picker{
    order:2;
    margin-left:auto;
  }

  .install-app-btn{
    order:3;
    margin-left:0;
  }

  .customer-auth-btn{
    order:4;
  }

  .menu-toggle{
    order:5;
  }
}

@media (max-width: 740px){
  .customer-auth-btn span,
  .install-app-btn span{
    display:none;
  }

  .customer-auth-btn,
  .install-app-btn{
    width:38px;
    height:38px;
    padding:0;
    border-radius:50%;
  }

  .customer-auth-btn svg,
  .install-app-btn svg{
    width:19px;
    height:19px;
  }
}

@media (max-width: 420px){
  .bottom-menu a{
    font-size:10px;
  }

  .bottom-icon{
    font-size:16px;
  }
}


/* V1.3.9 top utility bar + aligned header menu + app bottom menu */
.site-header{
  background:#fff;
  border-bottom:1px solid var(--line);
}

.top-utility-bar{
  background:#f8fafc;
  border-bottom:1px solid var(--line);
}

.top-utility-wrap{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.top-utility-wrap .top-country-picker{
  margin-left:0;
  order:initial;
}

.top-sell-property-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 15px;
  border-radius:999px;
  background:var(--accent);
  color:#1d2939;
  border:1px solid rgba(214,168,79,.55);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(214,168,79,.18);
}

.top-sell-property-btn:hover{
  transform:translateY(-1px);
}

.nav-wrap.screenshot-header{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.screenshot-header .brand{
  min-width:280px;
  flex:0 0 auto;
}

.screenshot-header .brand-mark{
  width:52px;
  height:52px;
  font-size:19px;
}

.screenshot-header .brand strong{
  font-size:21px;
}

.screenshot-header .brand small{
  font-size:12px;
}

.screenshot-header .main-nav{
  flex:1 1 auto;
  justify-content:flex-end;
  gap:14px;
  font-size:14px;
  white-space:nowrap;
}

.screenshot-header .customer-auth-btn{
  flex:0 0 auto;
}

.install-app-btn{
  display:inline-flex !important;
  height:38px;
  padding:0 14px;
  font-size:13px;
  background:#fff;
}

.top-country-picker{
  height:38px;
}

.top-country-select{
  height:32px;
}

.bottom-menu{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.pwa-standalone .bottom-menu{
  display:grid !important;
}

@media (display-mode: standalone){
  .bottom-menu{
    display:grid !important;
    visibility:visible !important;
  }
}

@media (max-width: 1180px){
  .screenshot-header .main-nav{
    gap:10px;
    font-size:13px;
  }

  .screenshot-header .brand{
    min-width:245px;
  }

  .screenshot-header .brand strong{
    font-size:19px;
  }
}

@media (max-width: 1060px){
  .top-utility-wrap{
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    padding-top:6px;
    padding-bottom:6px;
  }

  .top-utility-wrap::-webkit-scrollbar{
    display:none;
  }

  .nav-wrap.screenshot-header{
    min-height:74px;
  }

  .menu-toggle{
    display:inline-flex;
    order:3;
    margin-left:auto;
  }

  .screenshot-header .main-nav{
    display:none;
    position:absolute;
    left:4%;
    right:4%;
    top:123px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow);
    padding:14px;
    flex-direction:column;
    align-items:stretch;
    white-space:normal;
    font-size:14px;
    gap:0;
    z-index:70;
  }

  .screenshot-header .main-nav.open{
    display:flex;
  }

  .customer-auth-btn{
    order:2;
    margin-left:auto;
  }

  .customer-auth-btn span{
    display:inline;
  }

  .install-app-btn span{
    display:inline;
  }
}

@media (max-width: 740px){
  .top-utility-wrap{
    min-height:44px;
  }

  .top-sell-property-btn{
    height:34px;
    padding:0 12px;
    font-size:12px;
  }

  .install-app-btn{
    width:auto;
    height:34px;
    padding:0 12px;
    border-radius:999px;
  }

  .install-app-btn span{
    display:inline;
    font-size:12px;
  }

  .install-app-btn svg{
    width:16px;
    height:16px;
  }

  .top-country-picker{
    height:34px;
    max-width:none;
  }

  .top-country-select{
    width:102px;
    min-width:102px;
    font-size:12px;
  }

  .screenshot-header .brand small{
    display:none;
  }

  .screenshot-header .brand{
    min-width:0;
  }

  .screenshot-header .brand strong{
    font-size:17px;
  }

  .customer-auth-btn{
    width:auto;
    height:36px;
    padding:0 10px;
    border-radius:999px;
  }

  .customer-auth-btn span{
    display:inline;
    font-size:11px;
  }

  .customer-auth-btn svg{
    width:16px;
    height:16px;
  }

  .screenshot-header .main-nav{
    top:119px;
  }
}

@media (max-width: 520px){
  .top-utility-wrap{
    justify-content:flex-start;
  }

  .top-sell-property-btn{
    min-width:128px;
  }

  .install-app-btn{
    min-width:106px;
  }

  .customer-auth-btn span{
    display:none;
  }

  .customer-auth-btn{
    width:36px;
    padding:0;
    border-radius:50%;
  }
}

@media (max-width: 380px){
  .screenshot-header .brand strong{
    font-size:15px;
  }

  .top-country-select{
    width:86px;
    min-width:86px;
  }

  .top-sell-property-btn{
    min-width:118px;
    font-size:11px;
  }

  .install-app-btn{
    min-width:96px;
  }
}


/* V1.4.0 logo/company moved to top + login icon only */
.brand-top-bar{
  background:#fff;
  border-bottom:1px solid var(--line);
}

.brand-top-wrap{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.top-brand{
  flex:0 1 auto;
  min-width:280px;
}

.top-brand .brand-mark{
  width:54px;
  height:54px;
  font-size:20px;
}

.top-brand strong{
  font-size:22px;
  line-height:1.1;
}

.top-brand small{
  font-size:12px;
}

.top-action-group{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.customer-login-icon-only{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  border:1px solid var(--primary);
  box-shadow:0 8px 20px rgba(22,61,92,.18);
  flex:0 0 auto;
}

.customer-login-icon-only svg{
  width:19px;
  height:19px;
  fill:currentColor;
}

.customer-login-icon-only:hover{
  transform:translateY(-1px);
}

.menu-only-header{
  min-height:50px !important;
  justify-content:center !important;
  border-top:1px solid #f4f6f8;
}

.menu-only-header .main-nav{
  width:100%;
  justify-content:center;
  gap:22px;
  font-size:14px;
}

.menu-only-header .menu-toggle{
  margin-left:auto;
}

.screenshot-header.menu-only-header .brand,
.screenshot-header.menu-only-header .customer-auth-btn,
.screenshot-header.menu-only-header .customer-login-icon-only{
  display:none;
}

@media (max-width: 1180px){
  .menu-only-header .main-nav{
    gap:14px;
    font-size:13px;
  }

  .top-brand{
    min-width:240px;
  }

  .top-brand strong{
    font-size:20px;
  }
}

@media (max-width: 1060px){
  .brand-top-wrap{
    min-height:66px;
  }

  .top-action-group{
    gap:8px;
    overflow-x:auto;
    padding:4px 0;
  }

  .top-action-group::-webkit-scrollbar{
    display:none;
  }

  .menu-only-header{
    min-height:46px !important;
  }

  .menu-only-header .menu-toggle{
    display:inline-flex;
    margin-left:auto;
  }

  .menu-only-header .main-nav{
    display:none;
    position:absolute;
    left:4%;
    right:4%;
    top:119px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow);
    padding:14px;
    flex-direction:column;
    align-items:stretch;
    white-space:normal;
    font-size:14px;
    gap:0;
    z-index:70;
  }

  .menu-only-header .main-nav.open{
    display:flex;
  }
}

@media (max-width: 760px){
  .brand-top-wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding-top:8px;
    padding-bottom:8px;
  }

  .top-brand{
    min-width:0;
  }

  .top-brand .brand-mark{
    width:46px;
    height:46px;
    font-size:18px;
  }

  .top-brand strong{
    font-size:18px;
  }

  .top-brand small{
    display:none;
  }

  .top-action-group{
    justify-content:flex-start;
    width:100%;
  }

  .customer-login-icon-only{
    width:36px;
    height:36px;
  }

  .customer-login-icon-only svg{
    width:17px;
    height:17px;
  }

  .menu-only-header .main-nav{
    top:132px;
  }
}

@media (max-width: 520px){
  .top-action-group{
    gap:6px;
  }

  .top-sell-property-btn{
    min-width:116px;
    padding:0 10px;
    font-size:11px;
  }

  .install-app-btn{
    min-width:90px;
    padding:0 10px;
  }

  .install-app-btn span{
    font-size:11px;
  }

  .top-country-select{
    width:80px;
    min-width:80px;
  }

  .top-country-picker{
    padding:0 6px;
  }

  .menu-only-header .main-nav{
    top:130px;
  }
}

@media (max-width: 380px){
  .top-brand strong{
    font-size:16px;
  }

  .top-brand .brand-mark{
    width:42px;
    height:42px;
    font-size:16px;
  }

  .top-action-group{
    gap:5px;
  }

  .top-country-select{
    width:70px;
    min-width:70px;
    font-size:10px;
  }

  .top-sell-property-btn{
    min-width:108px;
    font-size:10px;
  }

  .install-app-btn{
    min-width:82px;
  }
}