:root {
  --navy:#071c32;
  --navy2:#0d2a47;
  --gold:#c99a32;
  --gold-light:#e6bf65;
  --green:#285d3a;
  --cream:#f7f4ee;
  --text:#26313c;
  --muted:#66717d;
  --white:#ffffff;
  --border:#e5e0d6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.15}
h1,h2{font-family:Georgia,'Times New Roman',serif}
.container{width:min(1140px,calc(100% - 40px));margin:auto}
.section{padding:88px 0}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,28,50,.08);backdrop-filter:blur(10px)}
.nav-wrap{height:84px;display:flex;align-items:center;gap:28px}
.brand img{height:64px;width:150px;object-fit:contain;object-position:center}
.main-nav{display:flex;gap:25px;margin-left:auto}
.main-nav a,.footer-links a{color:var(--navy);text-decoration:none;font-size:14px;font-weight:700}
.main-nav a:hover,.footer-links a:hover{color:var(--gold)}
.nav-call{background:var(--navy);color:#fff;text-decoration:none;padding:12px 18px;border-radius:3px;font-weight:700;font-size:14px}
.menu-toggle{display:none;background:none;border:0;font-size:27px;color:var(--navy);margin-left:auto}
.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(120deg,#06192d 0%,#0b3045 47%,#285d3a 100%)}
.hero:before{content:"";position:absolute;width:800px;height:800px;border:1px solid rgba(201,154,50,.2);border-radius:50%;right:-260px;top:-250px;box-shadow:0 0 0 90px rgba(201,154,50,.035),0 0 0 180px rgba(201,154,50,.025)}
.hero:after{content:"";position:absolute;bottom:-100px;right:-5%;width:75%;height:360px;background:repeating-radial-gradient(ellipse at bottom right,rgba(128,185,74,.28) 0 1px,transparent 2px 60px);transform:rotate(-8deg)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,30,.94),rgba(4,17,30,.57),rgba(4,17,30,.12))}
.hero-content{position:relative;z-index:2;color:#fff;padding:80px 0}
.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--gold-light);margin-bottom:15px}
.gold{color:var(--gold)}
.hero h1{font-size:clamp(48px,7vw,82px);max-width:820px;margin-bottom:22px}
.hero h1 span{color:var(--gold-light)}
.hero-text{font-size:18px;max-width:620px;color:#d9e1e6}
.hero-actions{display:flex;gap:14px;margin:32px 0 52px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;padding:15px 25px;font-weight:800;border-radius:3px;font-size:14px}
.btn-primary{background:var(--gold);color:#fff}
.btn-primary:hover{background:#b48626}
.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff}
.btn-gold{background:var(--gold);color:#fff;white-space:nowrap}
.hero-stats{display:flex;gap:0;max-width:700px}
.hero-stats div{padding:0 30px;border-left:1px solid rgba(255,255,255,.25)}
.hero-stats div:first-child{padding-left:0;border:0}
.hero-stats strong{display:block;font-size:20px;color:#fff}
.hero-stats span{display:block;color:#b8c4cd;font-size:12px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.about-section h2,.section-heading h2,.areas-section h2,.contact-section h2{font-size:clamp(34px,4vw,52px);color:var(--navy);margin-bottom:20px}
.about-section p{color:var(--muted);font-size:17px}
.text-link{display:inline-block;margin-top:12px;color:var(--gold);font-weight:800;text-decoration:none}
.about-card{background:var(--cream);padding:55px 45px;border-left:5px solid var(--gold)}
.about-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold-light);font-family:Georgia,serif;font-size:28px;font-weight:700;margin-bottom:25px}
.about-card h3{font-size:25px;color:var(--navy)}
.dark-section{background:var(--navy);color:#fff}
.dark-section h2{font-size:clamp(34px,4vw,50px);margin-bottom:12px}
.section-heading{margin-bottom:40px}
.section-heading.center{text-align:center}
.section-heading.center>p:last-child{color:#475151;max-width:700px;margin:0 auto}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{border:1px solid #e0e6e5;padding:32px 25px;min-height:280px;background:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,0.03);border-radius:12px;transition:transform 0.3s ease;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.08);}
.feature-card span{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:2px}
.feature-card h3{font-size:24px;margin:28px 0 12px;color:var(--navy)}
.feature-card p{font-size:16px;line-height:1.6;color:#475151}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{border:1px solid var(--border);padding:38px 30px;transition:.2s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(7,28,50,.08)}
.service-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.service-number{font-family:Georgia,serif;color:var(--gold);font-size:42px;margin-bottom:42px}
.service-card h3{font-size:27px}
.service-card p{color:var(--muted)}
.service-card.featured p{color:#c8d2db}
.service-card a{color:var(--gold);font-weight:800;text-decoration:none}
.process-section{padding:88px 0;background:var(--cream)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.process-grid>div{position:relative;padding-top:70px}
.process-grid b{position:absolute;top:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold-light)}
.process-grid h3{color:var(--navy);font-size:20px}
.process-grid p{font-size:14px;color:var(--muted)}
.areas-section{background:#fff}
.area-tags{display:flex;flex-wrap:wrap;gap:12px}
.area-tags span{padding:15px 20px;border:1px solid var(--border);color:var(--navy);font-weight:700}
.cta-section{background:#042b21;padding:80px 0;color:#fff}
.cta-content{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta-content h2{font-family:Georgia,serif;font-size:clamp(32px,4.5vw,48px);margin-bottom:12px;line-height:1.25}
.cta-content p:last-child{margin:0;color:#dce4df;font-size:18px;line-height:1.6}
.cta-section .btn{padding:16px 32px!important;font-size:16px!important;border-radius:6px!important;box-shadow:0 4px 15px rgba(0,0,0,0.15)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}
.contact-list{margin-top:35px}
.contact-list>*{display:block;text-decoration:none;color:var(--text);padding:18px 0;border-bottom:1px solid var(--border)}
.contact-list strong,.contact-list span{display:block}
.contact-list strong{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
.contact-list span{font-size:16px;margin-top:4px}
.contact-form{padding:40px;background:var(--cream)}
.contact-form h3{font-size:28px;color:var(--navy)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px;margin-bottom:13px;border:1px solid #ddd;background:#fff;font:inherit}
.contact-form button{width:100%}
footer{background:#051626;color:#c6d0d8;padding:42px 0 20px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px}
.footer-main strong{color:#fff;letter-spacing:1px}
.footer-main p{margin:5px 0 0;color:var(--gold-light);font-size:13px}
.footer-links{display:flex;gap:22px}
.footer-links a{color:#c6d0d8}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;font-size:12px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;font-size:28px;font-weight:800;z-index:90;box-shadow:0 10px 25px rgba(0,0,0,.25)}

@media(max-width:900px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 12px 20px rgba(0,0,0,.08)}
  .main-nav.open{display:flex;flex-direction:column}
  .nav-call{display:none}
  .two-col,.contact-grid{grid-template-columns:1fr;gap:40px}
  .feature-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:1fr}
  .hero{min-height:620px}
}
@media(max-width:600px){
  .container{width:min(100% - 30px,1140px)}
  .section,.process-section{padding:65px 0}
  .brand img{width:130px;height:58px}
  .hero h1{font-size:48px}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .hero-stats div{border:0;padding:0}
  .feature-grid,.process-grid{grid-template-columns:1fr}
  .cta-content,.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-links{flex-wrap:wrap}
}


/* Office and map section */
.office-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-top:15px;background:var(--cream);border:1px solid var(--border)}
.office-photo-wrap{min-height:520px;background:var(--navy);overflow:hidden}
.office-photo-wrap img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover}
.office-details{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}
.office-label{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:800;margin-bottom:12px}
.office-details h3{font-family:Georgia,'Times New Roman',serif;font-size:38px;color:var(--navy);margin-bottom:12px}
.office-details>p{color:var(--muted)}
.office-details .contact-list{margin-top:18px}
.location-btn{margin-top:28px;align-self:flex-start}
.map-card{margin-top:45px;border:1px solid var(--border);padding:24px;background:#fff}
.map-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.map-header .eyebrow{margin-bottom:6px}
.map-header h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;color:var(--navy);margin:0}
.map-header a{color:var(--gold);font-weight:800;text-decoration:none}
.map-card iframe{width:100%;height:430px;border:0;display:block}
.map-note{margin:14px 0 0;color:var(--muted);font-size:13px}
.contact-form-full{max-width:850px;margin:55px auto 0}
.contact-form-full .contact-form{padding:45px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-row input{margin-bottom:13px}
.footer-main small{display:block;margin-top:6px;color:#93a4b3;font-size:12px}

@media(max-width:900px){
  .office-showcase{grid-template-columns:1fr}
  .office-photo-wrap,.office-photo-wrap img{min-height:360px}
}
@media(max-width:600px){
  .office-details{padding:35px 25px}
  .office-details h3{font-size:31px}
  .map-header{align-items:flex-start;flex-direction:column}
  .map-card{padding:15px}
  .map-card iframe{height:330px}
  .form-row{grid-template-columns:1fr;gap:0}
}


/* Contact section refinement – compact office image and larger map */
.office-showcase{
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: 1040px;
  margin: 20px auto 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 38px rgba(7,28,50,.08);
}
.office-photo-wrap{
  min-height: 380px;
  max-height: 380px;
}
.office-photo-wrap img{
  width: 100%;
  height: 380px;
  min-height: 0;
  object-fit: cover;
  object-position: center 62%;
}
.office-details{
  padding: 36px 38px;
}
.office-details h3{
  font-size: 32px;
  margin-bottom: 10px;
}
.office-details>p{
  font-size: 15px;
  margin-bottom: 5px;
}
.office-details .contact-list{
  margin-top: 10px;
}
.office-details .contact-list>*{
  padding: 10px 0;
}
.office-details .contact-list span{
  font-size: 15px;
}
.location-btn{
  margin-top: 20px;
  padding: 13px 18px;
}

.map-card{
  max-width: 1040px;
  margin: 32px auto 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 14px 38px rgba(7,28,50,.08);
}
.map-header{
  padding: 24px 28px 20px;
  margin: 0;
  background: var(--navy);
}
.map-header .eyebrow{
  margin-bottom: 5px;
}
.map-header h3{
  color: #fff;
  font-size: 29px;
}
.map-header a{
  color: var(--gold-light);
  border: 1px solid rgba(230,191,101,.45);
  padding: 10px 16px;
  border-radius: 3px;
  white-space: nowrap;
}
.map-card iframe{
  height: 520px;
  width: 100%;
}
.map-note{
  padding: 12px 28px 16px;
  margin: 0;
  background: #fff;
}

.contact-form-full{
  max-width: 1040px;
  margin: 40px auto 0;
}
.contact-form-full .contact-form{
  padding: 35px;
  border-radius: 8px;
}

@media(max-width:900px){
  .office-showcase{
    grid-template-columns: 1fr;
  }
  .office-photo-wrap,
  .office-photo-wrap img{
    min-height: 320px;
    height: 320px;
    max-height: 320px;
  }
  .map-card iframe{
    height: 460px;
  }
}
@media(max-width:600px){
  .office-photo-wrap,
  .office-photo-wrap img{
    min-height: 250px;
    height: 250px;
    max-height: 250px;
  }
  .office-details{
    padding: 28px 22px;
  }
  .map-header{
    padding: 20px;
  }
  .map-header h3{
    font-size: 24px;
  }
  .map-header a{
    font-size: 13px;
    padding: 9px 12px;
  }
  .map-card iframe{
    height: 380px;
  }
  .map-note{
    padding: 12px 18px 15px;
  }
}


/* Language selector */
.language-switcher{
  display:flex;
  align-items:center;
  border:1px solid rgba(7,28,50,.16);
  border-radius:4px;
  overflow:hidden;
  margin-left:10px;
}
.lang-btn{
  border:0;
  background:#fff;
  color:var(--navy);
  padding:8px 10px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.lang-btn.active{
  background:var(--navy);
  color:#fff;
}

/* Balanced office image and text panels */
.office-showcase{
  grid-template-columns: 50% 50%;
  align-items:stretch;
}
.office-photo-wrap{
  height:500px;
  min-height:500px;
  max-height:none;
}
.office-photo-wrap img{
  height:100%;
  min-height:500px;
  width:100%;
  object-fit:cover;
  object-position:center center;
}
.office-details{
  height:500px;
  padding:42px 42px;
  justify-content:center;
}
.office-details .contact-list>*{
  padding:8px 0;
}
.office-details h3{
  font-size:30px;
}

@media(max-width:900px){
  .office-showcase{grid-template-columns:1fr}
  .office-photo-wrap,
  .office-photo-wrap img{
    height:360px;
    min-height:360px;
  }
  .office-details{height:auto;min-height:360px}
}
@media(max-width:600px){
  .language-switcher{margin-left:0;margin-right:6px}
  .lang-btn{padding:7px 8px}
  .office-photo-wrap,
  .office-photo-wrap img{
    height:280px;
    min-height:280px;
  }
  .office-details{min-height:auto}
}

html[lang="hi"] body,
html[lang="hi"] input,
html[lang="hi"] textarea,
html[lang="hi"] select,
html[lang="hi"] button {
  font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

html[lang="hi"] {
  scroll-behavior: smooth;
}
html[lang="hi"] body,
html[lang="hi"] h1,
html[lang="hi"] h2,
html[lang="hi"] h3,
html[lang="hi"] p,
html[lang="hi"] a,
html[lang="hi"] span,
html[lang="hi"] button,
html[lang="hi"] input,
html[lang="hi"] textarea,
html[lang="hi"] select,
html[lang="hi"] option {
  font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

/* Zone N Land Section */
.zone-n-section{background:#f6f2eb}
.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}
.zone-card{background:#fff;border:1px solid var(--border);padding:34px;border-radius:10px;box-shadow:0 10px 30px rgba(7,28,50,.05)}
.zone-card-top{display:flex;align-items:center;gap:15px;margin-bottom:14px}
.zone-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:800}
.zone-card-top .eyebrow{margin:0}
.zone-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:29px;margin-bottom:14px}
.zone-card>p{color:var(--muted);line-height:1.75}
.village-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.village-tags span{background:#f3eee4;border:1px solid #e4d8c2;color:var(--navy);padding:8px 11px;border-radius:4px;font-size:13px;font-weight:600}
.zone-cta{max-width:1100px;margin:32px auto 0;background:var(--navy);padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:10px}
.zone-cta h3{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:6px 0 10px}
.zone-cta p:not(.eyebrow){color:#d6dde4;max-width:800px;line-height:1.7;margin:0}
.zone-cta .btn{white-space:nowrap}
.zone-disclaimer{margin:28px auto 0;max-width:1100px;background:#fff7e8;border-left:4px solid var(--gold);padding:22px 25px}
.zone-disclaimer strong{display:block;color:var(--navy);margin-bottom:8px}
.zone-disclaimer p{margin:0;color:#5e5a52;line-height:1.7;font-size:14px}
@media(max-width:800px){
  .zone-grid{grid-template-columns:1fr}
  .zone-cta{flex-direction:column;align-items:flex-start;padding:30px 25px}
  .zone-cta .btn{width:100%;text-align:center}
}

/* Three Zone N Property Categories */
.zone-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.zone-card{display:flex;flex-direction:column}
.zone-card .property-list{margin-top:20px;display:grid;gap:9px}
.zone-card .property-list div{position:relative;padding:10px 10px 10px 24px;background:#f3eee4;border-left:2px solid var(--gold);color:var(--navy);font-size:13px;font-weight:600;line-height:1.45}
.zone-card .property-list div:before{content:"✓";position:absolute;left:8px;font-weight:800;color:var(--gold)}
.mini-disclaimer{margin-top:auto;padding-top:18px}
.mini-disclaimer strong{font-size:13px;color:var(--navy)}
.mini-disclaimer p{font-size:12px!important;line-height:1.6!important;margin:6px 0 0!important;color:#6b655d!important}
@media(max-width:1100px){
  .zone-grid{grid-template-columns:1fr 1fr}
  .zone-card.lal-dora-card{grid-column:1/-1}
}
@media(max-width:800px){
  .zone-grid{grid-template-columns:1fr}
  .zone-card.lal-dora-card{grid-column:auto}
}

/* VERSION 10 - CLEANER LAYOUT & VISUAL PROPERTY CATEGORIES */
#zone-n .section-heading{max-width:850px;margin:0 auto 24px;text-align:center}
.zone-intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px auto 24px;max-width:1100px}
.zone-intro-item{background:#fff;border:1px solid #e8dfd0;border-radius:12px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 22px rgba(7,28,50,.04)}
.zone-intro-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--gold);font-weight:800;flex:0 0 42px}
.zone-intro-item strong{display:block;color:var(--navy);font-size:15px}
.zone-intro-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}

#zone-n .zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:0}
#zone-n .zone-card{min-width:0;border:none;border-radius:14px;padding:0;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(7,28,50,.08);display:flex;flex-direction:column}
#zone-n .zone-card-top{padding:24px 26px 12px;margin:0;background:linear-gradient(135deg,#071c32,#14395d)}
#zone-n .zone-card-top .eyebrow{color:#e6bd72;font-size:11px;letter-spacing:1.4px}
#zone-n .zone-number{background:rgba(255,255,255,.12);border:1px solid rgba(230,189,114,.5);color:#f0ca82}
#zone-n .zone-card h3{padding:0 26px;margin:20px 0 10px;font-size:25px;line-height:1.25}
#zone-n .zone-card>p{padding:0 26px;margin:0;color:#66717c;font-size:14px;line-height:1.72}
#zone-n .village-tags{padding:0 26px 22px;margin-top:20px}
#zone-n .village-tags span{background:#f8f5ef;border:1px solid #eadfcf;border-radius:20px;padding:7px 10px;font-size:12px}
#zone-n .property-list{padding:0 26px 8px;margin-top:18px}
#zone-n .property-list div{background:#f8f5ef;border-radius:7px;border-left:3px solid var(--gold);font-size:12px}
#zone-n .mini-disclaimer{margin:10px 26px 18px;padding:14px;background:#fff8e9;border-radius:8px}
#zone-n .mini-disclaimer p{padding:0!important}
#zone-n .zone-card-footer{margin-top:auto;padding:16px 26px;background:#f5efe5;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-size:13px;font-weight:700}
#zone-n .zone-card-footer b{font-size:20px;color:var(--gold)}
#zone-n .zone-cta{border-radius:14px;max-width:100%;margin-top:28px}
#zone-n .zone-disclaimer{border-radius:10px;max-width:100%;margin-top:20px}

/* Restore and LOCK the Contact/Office image layout */
#contact .contact-grid,
.contact-section .contact-grid,
.contact-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:0!important}
#contact .office-image,
#contact .contact-image,
.contact-section .office-image,
.contact-wrapper .office-image{width:100%!important;height:100%!important;min-height:0!important;max-height:500px!important;overflow:hidden!important}
#contact .office-image img,
#contact .contact-image img,
.contact-section .office-image img,
.contact-wrapper .office-image img{display:block!important;width:100%!important;height:100%!important;max-height:500px!important;object-fit:cover!important;object-position:center!important}
#contact .contact-info,
.contact-section .contact-info,
.contact-wrapper .contact-info{min-height:500px!important;height:500px!important;overflow:auto!important}

@media(max-width:1100px){
  #zone-n .zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #zone-n .lal-dora-card{grid-column:1/-1}
}
@media(max-width:800px){
  .zone-intro-strip{grid-template-columns:1fr}
  #zone-n .zone-grid{grid-template-columns:1fr}
  #zone-n .lal-dora-card{grid-column:auto}
  #contact .contact-grid,
  .contact-section .contact-grid,
  .contact-wrapper{grid-template-columns:1fr!important}
  #contact .office-image,
  #contact .contact-image,
  .contact-section .office-image,
  .contact-wrapper .office-image{height:300px!important;max-height:300px!important}
  #contact .office-image img,
  #contact .contact-image img,
  .contact-section .office-image img,
  .contact-wrapper .office-image img{height:300px!important;max-height:300px!important}
  #contact .contact-info,
  .contact-section .contact-info,
  .contact-wrapper .contact-info{height:auto!important;min-height:0!important}
}

/* VERSION 11 — VISUAL REDESIGN: make Zone N feel like a premium property showcase */
#zone-n{position:relative;background:
linear-gradient(180deg,#f8f6f1 0%,#f1ece2 100%)!important}
#zone-n .section-heading h2{font-size:42px;max-width:850px;margin-left:auto;margin-right:auto}
#zone-n .section-heading p:last-child{font-size:17px;line-height:1.75}

#zone-n .zone-card{border-radius:18px!important;box-shadow:0 18px 50px rgba(7,28,50,.12)!important;border:1px solid rgba(7,28,50,.07)!important;transition:transform .2s ease,box-shadow .2s ease}
#zone-n .zone-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(7,28,50,.16)!important}

#zone-n .zone-visual{height:170px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:22px 26px;color:#fff;background:#071c32}
#zone-n .zone-visual span{position:relative;z-index:2;font-size:11px;letter-spacing:2px;font-weight:800;color:#f2cf8a}
#zone-n .zone-visual-pooling{background:linear-gradient(135deg,#071c32 0%,#123b5c 55%,#356c76 100%)}
#zone-n .zone-visual-ldra{background:linear-gradient(135deg,#31554c 0%,#57785b 52%,#9a7b45 100%)}
#zone-n .zone-visual-laldora{background:linear-gradient(135deg,#542e25 0%,#7b4d31 55%,#b18a4e 100%)}

#zone-n .zone-orbit{position:absolute;width:230px;height:230px;border:2px solid rgba(242,207,138,.35);border-radius:50%;right:-70px;top:-90px}
#zone-n .zone-orbit:after{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
#zone-n .zone-sun{position:absolute;width:100px;height:100px;border-radius:50%;right:35px;top:25px;background:rgba(244,206,127,.65);box-shadow:0 0 0 24px rgba(255,255,255,.08)}
#zone-n .zone-pattern{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 18px)}
#zone-n .zone-land-icon{position:absolute;right:27px;bottom:20px;width:72px;height:72px;border:1px solid rgba(255,255,255,.25);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#f2cf8a;background:rgba(7,28,50,.18);z-index:2}

#zone-n .zone-card-top{background:#fff!important;padding:20px 26px 0!important}
#zone-n .zone-card-top .eyebrow{color:#a97b32!important}
#zone-n .zone-number{background:#f5ead5!important;color:#7d5a23!important;border:none!important}

#zone-n .zone-card h3{font-size:28px!important;margin-top:18px!important}
#zone-n .zone-card>p{font-size:14.5px!important}
#zone-n .village-tags span{background:#fff!important;box-shadow:0 4px 10px rgba(7,28,50,.06);border-radius:8px!important}
#zone-n .property-list{padding-bottom:14px!important}
#zone-n .property-list-title{grid-column:1/-1;background:transparent!important;border-left:0!important;padding:0 0 7px!important;font-size:15px!important;color:#a97b32!important;font-weight:800!important}
#zone-n .property-list-title:before{display:none!important}
#zone-n .property-list div:not(.property-list-title){padding:12px 12px 12px 28px!important}
#zone-n .zone-card-footer{background:#071c32!important;color:#fff!important}
#zone-n .zone-card-footer b{background:#d7aa5a;color:#071c32;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}

#zone-n .zone-intro-strip{gap:18px!important}
#zone-n .zone-intro-item{border-radius:14px!important;border-top:4px solid #d7aa5a!important}
#zone-n .zone-intro-icon{box-shadow:0 6px 15px rgba(7,28,50,.16)}

@media(max-width:800px){
  #zone-n .section-heading h2{font-size:31px}
  #zone-n .zone-visual{height:145px}
}

/* VERSION 12 - Header contact visibility */
.top-logo-phone{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  margin-top:5px;
  line-height:1;
}
.top-phone-label{
  font-size:10px;
  font-weight:800;
  letter-spacing:1.5px;
  color:#b48a43;
}
.top-logo-phone a{
  font-size:19px!important;
  font-weight:800!important;
  letter-spacing:.4px;
  color:var(--navy,#071c32)!important;
  text-decoration:none!important;
  white-space:nowrap;
}
@media(max-width:800px){
  .top-logo-phone{margin-top:3px}
  .top-logo-phone a{font-size:17px!important}
}

/* FINAL MASTER VERSION — layout consistency fixes */
.site-header, header { position:relative; }
.top-logo-phone{
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  margin-top:5px!important; padding:0!important; line-height:1.05!important;
}
.top-phone-label{font-size:10px!important;font-weight:800!important;letter-spacing:1.4px!important;color:#b48a43!important;}
.top-logo-phone a{
  display:block!important;font-size:20px!important;font-weight:800!important;
  color:#071c32!important;text-decoration:none!important;white-space:nowrap!important;
}

/* Keep the Zone N cards consistent on desktop */
#zone-n .zone-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
#zone-n .zone-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;}
#zone-n .zone-visual{height:175px!important;flex:0 0 175px!important;}
#zone-n .zone-card-footer{margin-top:auto!important;}
#zone-n .zone-card-top .eyebrow{font-size:10px!important;line-height:1.35!important;}

/* Make the farmhouse/Green Belt category visually distinct even when no external image file is available */
#zone-n .zone-card-ldra .zone-visual,
#zone-n .zone-visual-ldra{
  background:
    linear-gradient(180deg,rgba(25,52,35,.08),rgba(25,52,35,.55)),
    linear-gradient(135deg,#6f8f69 0%,#9aaa76 48%,#c3a66c 100%)!important;
}
#zone-n .zone-card-ldra .zone-visual:after,
#zone-n .zone-visual-ldra:after{
  content:"FARMHOUSE";position:absolute;right:22px;top:18px;
  font-size:11px;font-weight:800;letter-spacing:2px;color:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.4);padding:8px 10px;border-radius:20px;
}

/* Contact office image: fixed balanced desktop presentation */
#contact img, .contact-section img, .office-image img{
  object-fit:cover!important;
}
.office-image, .contact-image{
  overflow:hidden!important;
}
@media(min-width:801px){
  #contact .office-image img, #contact .contact-image img, .office-image img, .contact-image img{
    width:100%!important;height:420px!important;max-height:420px!important;object-fit:cover!important;
  }
}
@media(max-width:1100px){
  #zone-n .zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #zone-n .lal-dora-card{grid-column:1/-1!important;}
}
@media(max-width:800px){
  #zone-n .zone-grid{grid-template-columns:1fr!important;}
  #zone-n .lal-dora-card{grid-column:auto!important;}
  .top-logo-phone a{font-size:17px!important;}
}

/* FINAL VISUAL MASTER — approved image-led desktop layout */
.site-header{position:sticky;top:0;background:#fff!important;z-index:999}
.nav-wrap{height:96px!important;max-width:1420px!important;gap:16px!important}
.brand{flex:0 0 auto}.brand img{width:140px!important;height:80px!important;object-fit:contain!important}
.top-logo-phone{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;margin-right:auto!important;white-space:nowrap!important}
.top-logo-phone .phone-icon{display:inline-flex;align-items:center;justify-content:center;color:#123c35}.top-logo-phone a{display:block;font-size:24px!important;font-weight:800;color:#1d2f30!important;text-decoration:none;letter-spacing:0.5px}.top-logo-phone small{display:block;font-size:11px;font-weight:600;color:#475151;margin-top:2px}.main-nav{gap:16px!important}.main-nav a{font-size:14px!important;white-space:nowrap!important}.nav-call{padding:12px 20px!important;background:#c58b00!important;border-radius:7px!important;font-size:14px!important;white-space:nowrap!important}.nav-call:before{content:'☎';margin-right:8px}
.hero{min-height:auto!important;padding-bottom:60px!important;background:linear-gradient(rgba(0,45,33,.78),rgba(0,45,33,.78)),url('images/zone-land-pooling.jpg') center/cover!important}.hero-content{text-align:center!important;padding-top:72px!important}.hero-content .eyebrow,.hero-actions,.hero-stats{display:none!important}.hero h1{font-size:58px!important;max-width:1050px;margin:0 auto 18px!important}.hero-text{font-size:22px!important;max-width:900px!important;margin:auto!important;line-height:1.6!important;font-weight:300!important}.hero h1 span:last-child{color:#d2a438}
.visual-zone{padding:0 0 26px!important;margin-top:0!important;position:relative;z-index:2;background:transparent!important}.zone-hero-head{display:none}.final-zone-grid{max-width:1420px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.final-card{border-radius:14px!important;background:#fff!important;border:1px solid #d8dde0!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(8,27,33,.18)!important;padding:0!important;display:flex!important;flex-direction:column!important}.final-card-title{display:flex;align-items:center;gap:14px;padding:16px 18px 10px}.final-number{width:62px;height:62px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:800;color:#fff;flex:0 0 62px}.n1{background:#164e32}.n2{background:#14365c}.n3{background:#6a4807}.final-card-title h3{font-family:Arial,sans-serif!important;font-size:18px!important;margin:0!important;padding:0!important;color:#27323a!important}.final-card-title b{font-size:18px;line-height:1.2;color:#27323a}.card-round-icon{margin-left:auto;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#153d2c;color:#fff;font-size:26px}.ldra-card .card-round-icon{background:#173a61}.laldora-card .card-round-icon{background:#704900}.zone-photo{display:block;width:100%;height:170px;object-fit:cover}.final-intro{padding:12px 18px 4px!important;margin:0!important;color:#27323a!important;font-size:13px!important;line-height:1.45!important}.compact-tags{padding:8px 18px 14px!important;margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important}.compact-tags span{padding:5px 9px!important;border:1px solid #b7c4c6!important;border-radius:5px!important;background:#f8f8f5!important;color:#2d3b43!important;font-size:11px!important;font-weight:700!important}.final-card-footer{margin-top:auto;padding:12px 16px;display:grid;grid-template-columns:40px 1fr 34px;gap:8px;align-items:center;color:#fff;border-radius:9px 9px 0 0}.final-card-footer.green{background:linear-gradient(90deg,#124b2f,#092f1f)}.final-card-footer.navy{background:linear-gradient(90deg,#12365a,#0c263e)}.final-card-footer.brown{background:linear-gradient(90deg,#6c4800,#392600)}.final-card-footer span{font-size:24px}.final-card-footer strong{font-size:13px;line-height:1.35}.final-card-footer b{width:30px;height:30px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.final-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 18px 15px;color:#30363b;font-size:12px}.final-features span{display:flex;align-items:center;gap:6px;line-height:1.35}.final-features span i{color:var(--gold);font-style:normal;font-weight:bold;font-size:14px;flex-shrink:0}.final-important{max-width:1420px!important;margin-top:10px;background:linear-gradient(90deg,#f7f3e9,#efede6);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 5px 18px rgba(0,0,0,.05)}.final-important>div{display:flex;gap:14px;align-items:flex-start}.shield{font-size:38px;color:#b98108}.final-important strong{font-size:15px;color:#28323a}.final-important p{font-size:11px;line-height:1.5;margin:4px 0 0}.final-important a{background:#082d22;color:#fff;text-decoration:none;padding:16px 38px;border-radius:6px;font-weight:700;white-space:nowrap}
.areas-final{padding:50px 0!important;background:#f8f7f3}.areas-final-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.areas-copy h2{font-size:52px!important;margin:8px 0 22px}.areas-copy p{max-width:650px;font-size:17px;line-height:1.65}.areas-final-tags{display:grid;grid-template-columns:1fr 1fr;gap:14px}.areas-final-tags span{padding:18px 22px;border:1px solid #d7d9d7;border-radius:6px;background:#fff;color:#2d383d;font-weight:700}.areas-final-tags span:last-child{grid-column:1/-1}
.final-office{display:grid!important;grid-template-columns:1fr 1.25fr!important;min-height:420px!important;margin-top:30px!important;border-radius:0!important;overflow:hidden!important;background:#042b21!important}.final-office .office-photo-wrap{height:420px!important;overflow:hidden}.double-photos{display:flex!important;flex-direction:column!important;gap:0!important}.double-photos img{width:100%!important;height:50%!important;object-fit:cover!important}.final-office .office-photo-wrap img{width:100%;height:100%;object-fit:cover}.final-office .office-details{background:#042b21!important;color:#fff!important;padding:34px 42px!important;min-height:420px!important}.final-office .office-details .eyebrow{color:#d6a632!important}.office-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:22px}.office-detail-grid>div{border-right:1px dotted rgba(255,255,255,.5);padding-right:18px}.office-detail-grid>div:last-child{border-right:0}.office-detail-grid b{display:block;font-size:17px;color:#e2e5e2;margin-bottom:12px}.office-detail-grid b:first-letter{color:#d5a52b}.office-detail-grid span{display:block;line-height:1.65;color:#dce4df}.office-map-btn{display:inline-block;margin-top:26px;background:#fff;color:#052d21;text-decoration:none;padding:12px 16px;border-radius:5px;font-weight:700}
#contact .section-heading{display:none!important}.contact-section{padding-top:20px!important}.map-card,.contact-form-full{max-width:1420px!important}
@media(max-width:1100px){.nav-wrap{height:90px!important;gap:12px!important}.brand img{width:130px!important;height:75px!important}.top-logo-phone a{font-size:23px!important}.main-nav{gap:14px!important}.final-zone-grid{grid-template-columns:1fr 1fr!important}.final-card.laldora-card{grid-column:1/-1!important}.final-office{grid-template-columns:1fr 1fr!important}.office-detail-grid{grid-template-columns:1fr!important}.office-detail-grid>div{border-right:0;border-bottom:1px dotted rgba(255,255,255,.35);padding-bottom:12px}.office-detail-grid>div:last-child{border-bottom:0}.areas-final-grid{gap:35px}}
@media(max-width:800px){.nav-wrap{height:120px!important;padding:10px 16px!important}.brand img{width:150px!important;height:88px!important}.top-logo-phone{display:none!important}.visual-zone{margin-top:0!important;padding-top:0!important}.hero{min-height:auto!important;padding-bottom:40px!important}.hero h1{font-size:38px!important}.hero-text{font-size:15px!important}.final-zone-grid{grid-template-columns:1fr!important;padding:0 14px!important}.final-card.laldora-card{grid-column:auto!important}.zone-photo{height:190px}.final-important{margin:12px 14px 0;display:block}.final-important a{display:block;margin-top:12px;text-align:center}.areas-final-grid{grid-template-columns:1fr!important;padding:0 22px!important}.areas-copy h2{font-size:40px!important}.areas-final-tags{grid-template-columns:1fr!important}.areas-final-tags span:last-child{grid-column:auto}.final-office{grid-template-columns:1fr!important}.final-office .office-photo-wrap{height:280px!important}.final-office .office-details{min-height:0!important;padding:28px 24px!important}.office-detail-grid{grid-template-columns:1fr!important}.final-features{font-size:11px}.nav-call{display:none!important}}

/* Blog Specific Styles */
.blog-header {
  background: linear-gradient(rgba(0, 45, 33, 0.85), rgba(0, 45, 33, 0.85)), url('../images/zone-land-pooling.jpg') center/cover;
  padding: 80px 20px;
  color: #fff;
}
.blog-header h1 {
  font-size: 42px;
  max-width: 800px;
  margin: 15px auto;
  line-height: 1.2;
}
.blog-header p {
  font-size: 18px;
  color: #dce4df;
}
.blog-content {
  max-width: 800px;
  margin: 60px auto;
  padding: 0 20px;
  font-size: 17px;
  line-height: 1.7;
  color: #2d3b43;
}
.blog-content h2 {
  font-size: 28px;
  color: #123c35;
  margin: 40px 0 15px;
  border-bottom: 2px solid #e1e6e2;
  padding-bottom: 8px;
}
.blog-content h3 {
  font-size: 22px;
  color: #c58b00;
  margin: 30px 0 15px;
}
.blog-content p {
  margin-bottom: 20px;
}
.blog-content ul {
  margin-bottom: 25px;
  padding-left: 20px;
}
.blog-content li {
  margin-bottom: 8px;
}
.blog-highlight {
  background: #f8f8f5;
  border-left: 4px solid #c58b00;
  padding: 20px 25px;
  margin: 30px 0;
  font-size: 18px;
  color: #123c35;
  font-style: italic;
}
.blog-sidebar-series {
  background: #123c35;
  color: #fff;
  padding: 30px;
  border-radius: 10px;
  margin-top: 50px;
}
.blog-sidebar-series h3 {
  color: #c58b00;
  margin-top: 0;
}

/* ==========================================================================
   PROPERTIES PAGE
   ========================================================================== */

.properties-page-header {
  padding: 80px 20px 40px;
  background: var(--navy);
  color: var(--white);
  text-align: center;
}

.properties-page-header h1 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  color: var(--gold);
  margin-bottom: 15px;
}

.properties-page-header p {
  font-size: 1.1rem;
  color: #e0e6e5;
  max-width: 600px;
  margin: 0 auto;
}

.property-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: 60px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .property-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .property-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.property-card {
  background: var(--white);
  border: 1px solid #e0e6e5;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.property-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(18, 60, 53, 0.1);
}

.property-img-wrapper {
  position: relative;
  height: 220px;
  overflow: hidden;
  background: #f0f4f4;
}

.property-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.property-card:hover .property-img-wrapper img {
  transform: scale(1.05);
}

.property-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: var(--gold);
  color: var(--white);
  padding: 5px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

.property-details {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.property-location {
  font-size: 0.85rem;
  color: var(--gold);
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.property-title {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  color: var(--navy);
  margin-bottom: 15px;
  line-height: 1.3;
}

.property-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e6e5;
}

.property-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: var(--text-dark);
}

.property-meta-item strong {
  color: var(--navy);
}

.property-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #475151;
  margin-bottom: 20px;
  flex-grow: 1;
}

.property-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.property-price {
  font-weight: 700;
  color: var(--navy);
  font-size: 1.1rem;
}

.property-btn {
  background: var(--navy);
  color: var(--gold);
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.property-btn:hover {
  background: var(--gold);
  color: var(--white);
}

.no-properties-msg {
  text-align: center;
  padding: 40px;
  background: #f8f9fa;
  border: 1px dashed #c58b00;
  border-radius: 8px;
  color: #475151;
  grid-column: 1 / -1;
}
