:root{
  --navy:#061b3a;
  --navy2:#092a5d;
  --gold:#f4b424;
  --gold2:#ffd461;
  --green:#1fb75d;
  --text:#14213d;
  --muted:#667085;
  --soft:#f6f8fb;
  --border:rgba(6,27,58,.12);
  --shadow:0 20px 50px rgba(6,27,58,.14);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:#fff;line-height:1.6;padding-bottom:max(12px,env(safe-area-inset-bottom))}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:var(--navy);color:#eaf0ff;font-size:.92rem}.topbar-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-links{display:flex;gap:20px;flex-wrap:wrap}.topbar i{color:var(--gold);margin-right:8px}.topbar a:hover{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 8px 22px rgba(0,0,0,.05)}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:210px}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700}.nav-links a{position:relative}.nav-links>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.nav-links>a:hover::after{width:100%}.nav-cta{background:var(--gold);color:var(--navy);padding:12px 18px;border-radius:999px;box-shadow:0 12px 26px rgba(244,180,36,.25)}.menu-btn{display:none;border:0;background:transparent;color:var(--navy);font-size:1.45rem}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--navy);padding:82px 0 44px}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{background:url('../assets/images/hero-growth.jpg') center/cover no-repeat;transform:scale(1.02);animation:heroMove 18s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(90deg,rgba(4,14,37,.94) 0%,rgba(6,27,58,.82) 42%,rgba(6,27,58,.42) 100%),radial-gradient(circle at 18% 20%,rgba(244,180,36,.18),transparent 28%),radial-gradient(circle at 86% 22%,rgba(255,255,255,.12),transparent 24%)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 90%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);gap:46px;align-items:center}.hero-kicker{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.65rem,5vw,5.15rem);line-height:1.05;margin:20px 0 18px;max-width:760px}.hero h1 span{color:var(--gold2)}.hero p{font-size:1.08rem;color:rgba(255,255,255,.88);max-width:710px;margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);box-shadow:0 16px 32px rgba(244,180,36,.3)}.btn-whatsapp{background:var(--green);color:white;box-shadow:0 16px 30px rgba(31,183,93,.25)}.btn-instagram{background:linear-gradient(135deg,#c13584,#f58529);color:#fff}.btn.full{width:100%}.growth-tags{display:flex;flex-wrap:wrap;gap:10px}.growth-tags span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 13px;font-weight:700;color:#fff}.growth-tags i{color:var(--gold)}
.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);border-radius:30px;padding:22px;box-shadow:var(--shadow)}.advisor-mini{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;background:rgba(6,27,58,.36);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:12px}.advisor-mini img{width:104px;height:118px;object-fit:cover;object-position:center top;border-radius:18px}.advisor-mini span{display:block;color:#ffe29a;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.advisor-mini strong{display:block;font-size:1.6rem;line-height:1.1}.advisor-mini small{color:rgba(255,255,255,.78)}.mini-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mini-stat-row span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 10px;text-align:center;font-size:.79rem;color:rgba(255,255,255,.82)}.mini-stat-row b{display:block;font-size:1.08rem;color:#fff;line-height:1.15}.enquiry-form{background:#fff;color:var(--text);border-radius:24px;padding:22px}.form-title h2{margin:0 0 4px;font-size:1.42rem;color:var(--navy)}.form-title p{margin:0 0 16px;color:var(--muted);font-size:.92rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block}.form-grid span{display:block;margin-bottom:6px;color:var(--navy);font-size:.82rem;font-weight:800}.form-grid input,.form-grid select{width:100%;height:46px;border:1px solid var(--border);border-radius:13px;padding:0 13px;font:inherit;color:var(--text);background:#f8fafc}.enquiry-form .btn{margin-top:16px}.hero-city-strip{position:relative;z-index:1;margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero-city-strip article{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:18px;padding:12px}.hero-city-strip img{width:80px;height:58px;object-fit:cover;border-radius:12px}.hero-city-strip strong{display:block}.hero-city-strip span{display:block;color:rgba(255,255,255,.76);font-size:.86rem}@keyframes heroMove{from{transform:scale(1.02)}to{transform:scale(1.08)}}
.section{padding:86px 0}.section-head{text-align:center;max-width:820px;margin:0 auto 42px}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(244,180,36,.14);color:var(--navy);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.section-head h2,.about-copy h2,.contact-copy h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:14px 0 10px}.section-head p,.city-card p,.service-card p,.property-body p,.about-copy p,.contact-copy p{color:var(--muted);margin:0}.city-showcase,.gallery-section{background:var(--soft)}.city-grid,.services-grid,.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.city-card,.service-card,.property-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.city-card img,.property-media img{width:100%;height:238px;object-fit:cover}.city-card div,.service-card,.property-body{padding:24px}.city-card span{color:var(--gold);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}.city-card h3,.service-card h3,.property-body h3{margin:8px 0 8px;color:var(--navy);font-size:1.35rem}.service-card i{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(244,180,36,.14);color:var(--navy);font-size:1.35rem;margin-bottom:16px}.property-media{position:relative}.property-media span{position:absolute;left:16px;top:16px;padding:8px 12px;border-radius:999px;background:rgba(6,27,58,.88);color:#fff;font-weight:800;font-size:.8rem}.property-body a{display:inline-flex;margin-top:18px;background:rgba(31,183,93,.12);color:#0d8842;padding:11px 14px;border-radius:999px;font-weight:800}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.about-photo{border-radius:30px;padding:14px;background:linear-gradient(135deg,rgba(244,180,36,.18),rgba(6,27,58,.06));box-shadow:var(--shadow)}.about-photo img{height:560px;width:100%;object-fit:cover;object-position:center top;border-radius:22px}.about-copy h2 small{display:block;font-family:Inter,sans-serif;color:var(--gold);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.about-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;margin:24px 0}.about-points span{font-weight:700}.about-points i{color:var(--gold);margin-right:8px}.gallery-track{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.gallery-slide{margin:0}.gallery-slide img{width:100%;border-radius:26px;box-shadow:var(--shadow)}.gallery-dots{display:none;justify-content:center;gap:10px;margin-top:16px}.gallery-dot{width:10px;height:10px;border:0;border-radius:99px;background:rgba(6,27,58,.2)}.gallery-dot.active{width:28px;background:var(--gold)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.contact-list{display:grid;gap:14px;margin-top:22px}.contact-list a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.04)}.contact-list i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(244,180,36,.16);color:var(--navy)}.contact-card{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.contact-card h3{margin:0 0 8px;font-size:1.5rem}.contact-card p{color:rgba(255,255,255,.82);margin-bottom:22px}.contact-card small{display:block;color:rgba(255,255,255,.7);margin-top:14px}.site-footer{background:#04142d;color:#fff;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer-grid img{width:210px}.footer-grid p,.footer-grid a,.footer-grid span{color:rgba(255,255,255,.74)}.footer-grid a,.footer-grid span{display:block;margin-bottom:9px}.footer-grid h3{color:var(--gold);margin-top:0}.socials{display:flex;gap:10px;margin-top:16px}.socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.copyright{padding:22px 0 30px;margin-top:28px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.floating-actions{position:fixed;right:18px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:10px}.floating-actions a{min-width:144px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 18px;color:#fff;font-weight:800;box-shadow:0 18px 30px rgba(0,0,0,.2)}.float-wa{background:var(--green)}.float-call{background:var(--navy)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:translateY(0)}
.thankyou-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7f9fc,#fff7e7);padding:24px}.thankyou-box{max-width:680px;text-align:center;background:#fff;border-radius:30px;padding:46px 26px;box-shadow:var(--shadow)}.thankyou-box img{width:220px;margin:0 auto 18px}.thankyou-box h1{font-family:'Playfair Display',serif;color:var(--navy);margin:0 0 10px}.thankyou-box p{color:var(--muted);margin:0 0 22px}
@media(max-width:1080px){.hero-inner,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-card{max-width:620px}.hero-city-strip,.city-grid,.services-grid,.property-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.menu-btn{display:block}.nav-links{position:fixed;top:0;right:-80vw;width:72vw;max-width:340px;height:100vh;background:#fff;padding:96px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;box-shadow:-18px 0 40px rgba(0,0,0,.16);transition:right .28s ease}.nav-links.open{right:0}.nav-links>a:not(.nav-cta)::after{display:none}.nav-cta{width:100%;text-align:center}.topbar-location{display:none}.hero{padding:54px 0 28px}.hero h1{font-size:2.55rem}.hero-card{max-width:none}.hero-city-strip{margin-top:26px}.brand img{width:178px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.topbar{font-size:.82rem}.topbar-inner{justify-content:center}.topbar-links{gap:14px;justify-content:center}.nav-wrap{min-height:74px}.brand img{width:160px}.hero{padding:42px 0 24px}.hero h1{font-size:2.05rem}.hero p{font-size:.95rem;margin-bottom:18px}.hero-kicker{font-size:.68rem;letter-spacing:.08em;padding:8px 11px}.hero-actions{gap:10px;margin:18px 0}.btn{padding:12px 15px;font-size:.9rem}.growth-tags{gap:8px}.growth-tags span{font-size:.76rem;padding:8px 10px}.hero-card{padding:15px;border-radius:24px}.advisor-mini{grid-template-columns:82px 1fr;padding:10px;border-radius:18px}.advisor-mini img{width:82px;height:94px;border-radius:14px}.advisor-mini span{font-size:.66rem}.advisor-mini strong{font-size:1.25rem}.mini-stat-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.mini-stat-row span{padding:9px 5px;font-size:.68rem;border-radius:13px}.mini-stat-row b{font-size:.94rem}.enquiry-form{padding:16px;border-radius:20px}.form-title h2{font-size:1.22rem}.form-title p{font-size:.82rem;margin-bottom:12px}.form-grid{grid-template-columns:1fr;gap:10px}.form-grid span{font-size:.76rem}.form-grid input,.form-grid select{height:42px;border-radius:12px;font-size:.9rem}.enquiry-form .btn{margin-top:12px}.hero-city-strip,.city-grid,.property-grid{grid-template-columns:1fr}.hero-city-strip{gap:10px}.hero-city-strip article{padding:9px;border-radius:15px}.hero-city-strip img{width:70px;height:48px}.services-grid{grid-template-columns:repeat(2,1fr);gap:14px}.service-card{padding:16px 13px;border-radius:18px}.service-card i{width:44px;height:44px;border-radius:12px;font-size:1.05rem;margin-bottom:12px}.service-card h3{font-size:.96rem;margin-bottom:7px}.service-card p{font-size:.81rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section{padding:60px 0}.section-head{margin-bottom:28px}.section-head h2,.about-copy h2,.contact-copy h2{font-size:2rem}.city-card img,.property-media img{height:210px}.about-photo img{height:430px}.about-points{grid-template-columns:1fr;gap:10px}.gallery-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{min-width:calc(100vw - 44px);scroll-snap-align:start}.gallery-slide img{border-radius:22px}.gallery-dots{display:flex}.contact-card{padding:22px;border-radius:22px}.footer-grid{gap:20px}.floating-actions{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));flex-direction:row;gap:10px}.floating-actions a{min-width:0;flex:1;padding:12px 10px;font-size:.9rem}.float-wa{order:1}.float-call{order:2}}
@media(max-width:380px){.hero h1{font-size:1.88rem}.hero-actions .btn{width:100%}.services-grid{grid-template-columns:1fr}.topbar-links a:nth-child(2){display:none}}


/* FINAL MOBILE NAV + FOOTER BALANCE FIX */
@media(max-width:860px){
  .nav-links{
    position:fixed;
    top:86px;
    right:12px;
    width:min(70vw,320px);
    max-width:320px;
    height:auto;
    max-height:calc(100dvh - 120px);
    overflow-y:auto;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(18px);
    padding:18px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    border-radius:24px;
    border:1px solid rgba(6,27,58,.08);
    box-shadow:0 24px 60px rgba(6,27,58,.22);
    transform:translateX(calc(100% + 24px));
    opacity:0;
    pointer-events:none;
    transition:transform .28s ease, opacity .22s ease;
  }
  .nav-links.open{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
  }
  .nav-links a{
    width:100%;
    padding:10px 12px;
    border-radius:14px;
    line-height:1.2;
    color:var(--navy);
  }
  .nav-links a:hover{
    background:rgba(244,180,36,.12);
  }
  .nav-links .nav-cta{
    margin-top:8px;
    padding:13px 16px;
    text-align:center;
    justify-content:center;
    border-radius:999px;
    box-shadow:0 12px 26px rgba(244,180,36,.20);
  }
}

@media(max-width:640px){
  .site-footer{
    padding-top:32px;
    padding-bottom:0;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px 16px;
    align-items:start;
  }
  .footer-brand{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:118px 1fr;
    align-items:center;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer-grid img{
    width:118px;
  }
  .footer-brand p{
    font-size:.78rem;
    line-height:1.35;
    margin:0;
  }
  .socials{
    grid-column:1/-1;
    margin-top:4px;
    gap:8px;
  }
  .socials a{
    width:34px;
    height:34px;
    font-size:.85rem;
  }
  .footer-grid h3{
    margin:0 0 9px;
    font-size:.98rem;
  }
  .footer-grid a,
  .footer-grid span{
    font-size:.82rem;
    line-height:1.32;
    margin-bottom:7px;
  }
  .copyright{
    margin-top:14px;
    padding-top:16px;
    padding-bottom:max(92px,calc(78px + env(safe-area-inset-bottom)));
    font-size:.76rem;
    line-height:1.35;
  }
}

@media(max-width:380px){
  .nav-links{
    width:min(72vw,300px);
    right:10px;
    padding:15px;
    gap:6px;
  }
  .nav-links a{
    padding:9px 10px;
    font-size:.92rem;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:16px 12px;
  }
  .footer-brand{
    grid-template-columns:105px 1fr;
  }
  .footer-grid img{width:105px;}
}


/* SPACE OPTIMIZATION + INSTAGRAM PLACEMENT */
.topbar-instagram {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.topbar-instagram i {
  margin-right:0;
  color:#ffcf5a;
}
.nav-social-mobile { display:none; }

.footer-compact {
  grid-template-columns:1.35fr 1.15fr 1.35fr;
  align-items:start;
}
.footer-brand {
  display:grid;
  grid-template-columns:138px 1fr;
  gap:14px;
  align-items:center;
}
.footer-brand img { width:138px; }
.footer-brand p {
  margin:0;
  font-size:.9rem;
  line-height:1.4;
}
.footer-brand .socials { margin-top:12px; }
.footer-links > div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 14px;
}
.footer-contact a,
.footer-contact span {
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.footer-contact i {
  color:var(--gold);
  width:15px;
  margin-top:3px;
}

@media(max-width:860px){
  .nav-links{
    top:78px;
    right:10px;
    width:min(70vw,305px);
    max-height:calc(100dvh - 150px);
    padding:14px;
    gap:5px;
    border-radius:22px;
  }
  .nav-links a{
    padding:8px 10px;
    font-size:.93rem;
    min-height:34px;
    display:flex;
    align-items:center;
  }
  .nav-links .nav-cta{
    margin-top:6px;
    padding:11px 14px;
    min-height:40px;
    justify-content:center;
  }
  .nav-social-mobile{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    width:100%;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid rgba(6,27,58,.08);
  }
  .nav-links .nav-social-mobile a{
    padding:0;
    min-height:40px;
    justify-content:center;
    border-radius:14px;
    background:#f6f8fb;
    color:var(--navy);
    font-size:1rem;
  }
  .nav-links .nav-social-mobile a:first-child{
    color:#c13584;
    background:rgba(193,53,132,.08);
  }
  .nav-links .nav-social-mobile a:nth-child(2){
    color:#159447;
    background:rgba(31,183,93,.10);
  }
  .nav-links .nav-social-mobile a:nth-child(3){
    color:var(--navy);
    background:rgba(6,27,58,.07);
  }
}

@media(max-width:640px){
  .topbar-inner{
    min-height:38px;
  }
  .topbar-links{
    width:100%;
    justify-content:space-between;
    gap:10px;
  }
  .topbar-email{
    display:none;
  }
  .topbar-instagram span{
    display:none;
  }
  .topbar-instagram{
    width:32px;
    height:32px;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
  }
  .site-footer{
    padding-top:24px;
  }
  .footer-grid.footer-compact{
    grid-template-columns:1fr;
    gap:12px;
  }
  .footer-brand{
    grid-template-columns:94px 1fr;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer-brand img{
    width:94px;
  }
  .footer-brand p{
    font-size:.74rem;
    line-height:1.25;
  }
  .footer-brand .socials{
    margin-top:7px;
    gap:8px;
  }
  .footer-brand .socials a{
    width:30px;
    height:30px;
    font-size:.8rem;
  }
  .footer-links,
  .footer-contact{
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer-grid h3{
    font-size:.92rem;
    margin:0 0 8px;
  }
  .footer-links > div{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
  }
  .footer-links a{
    font-size:.76rem;
    margin:0;
    padding:7px 6px;
    border-radius:999px;
    text-align:center;
    background:rgba(255,255,255,.06);
    line-height:1.05;
  }
  .footer-contact a,
  .footer-contact span{
    font-size:.78rem;
    margin-bottom:6px;
    line-height:1.25;
  }
  .copyright{
    margin-top:0;
    padding-top:12px;
    padding-bottom:max(82px,calc(72px + env(safe-area-inset-bottom)));
    font-size:.72rem;
  }
}

@media(max-width:380px){
  .nav-links{
    width:min(72vw,292px);
    top:74px;
    padding:12px;
  }
  .nav-links a{
    font-size:.88rem;
    min-height:32px;
    padding:7px 9px;
  }
  .nav-social-mobile{
    gap:6px;
  }
  .nav-links .nav-social-mobile a{
    min-height:36px;
  }
  .footer-links > div{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* FINAL COMPACT UI PASS
   Goal: reduce vertical space, keep content readable, improve mobile drawer, and make mobile sections feel like a modern app UI.
*/
html, body { overflow-x: hidden; }

.section {
  padding: 66px 0;
}

.section-head {
  margin-bottom: 28px;
}

.section-head h2,
.about-copy h2,
.contact-copy h2 {
  margin: 10px 0 8px;
}

.city-grid,
.services-grid,
.property-grid {
  gap: 18px;
}

.city-card div,
.service-card,
.property-body {
  padding: 20px;
}

.city-card img,
.property-media img {
  height: 210px;
}

.service-card i {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  margin-bottom: 14px;
}

.service-card h3,
.property-body h3,
.city-card h3 {
  font-size: 1.18rem;
}

.site-footer {
  padding-top: 38px;
}

.footer-grid.footer-compact {
  gap: 22px;
}

.copyright {
  margin-top: 18px;
  padding-top: 16px;
  padding-bottom: 22px;
}

/* better drawer in tablet/mobile */
@media(max-width:860px) {
  .nav-links {
    top: 76px !important;
    right: 10px !important;
    width: min(68vw, 286px) !important;
    max-width: 286px !important;
    height: fit-content !important;
    max-height: min(470px, calc(100dvh - 98px)) !important;
    padding: 11px !important;
    gap: 4px !important;
    border-radius: 20px !important;
    overflow-y: auto !important;
  }
  .nav-links a {
    min-height: 31px !important;
    padding: 7px 10px !important;
    font-size: .88rem !important;
    border-radius: 12px !important;
  }
  .nav-links .nav-cta {
    margin-top: 5px !important;
    min-height: 37px !important;
    padding: 9px 12px !important;
    font-size: .86rem !important;
  }
  .nav-social-mobile {
    margin-top: 6px !important;
    padding-top: 8px !important;
    gap: 6px !important;
  }
  .nav-links .nav-social-mobile a {
    min-height: 36px !important;
    border-radius: 12px !important;
    font-size: .98rem !important;
  }
}

/* compact mobile layout */
@media(max-width:640px) {
  body {
    padding-bottom: max(72px, calc(66px + env(safe-area-inset-bottom)));
  }

  .container { width: min(100% - 20px, 1180px); }

  .topbar { font-size: .78rem; }
  .topbar-inner {
    min-height: 34px !important;
    padding: 3px 0;
  }
  .topbar-links { gap: 8px !important; }
  .topbar a { white-space: nowrap; }
  .topbar-instagram {
    width: 28px !important;
    height: 28px !important;
  }

  .nav-wrap { min-height: 66px !important; }
  .brand img { width: 142px !important; }
  .menu-btn { font-size: 1.28rem; }

  .hero {
    padding: 30px 0 20px !important;
  }
  .hero-inner {
    gap: 16px !important;
  }
  .hero-kicker {
    font-size: .64rem !important;
    padding: 6px 9px !important;
    letter-spacing: .07em !important;
  }
  .hero h1 {
    font-size: clamp(1.82rem, 8vw, 2.18rem) !important;
    line-height: 1.08 !important;
    margin: 12px 0 10px !important;
  }
  .hero p {
    font-size: .9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
  }
  .hero-actions {
    gap: 8px !important;
    margin: 14px 0 !important;
  }
  .hero-actions .btn {
    flex: 1 1 135px;
    min-height: 42px;
    padding: 10px 12px !important;
    font-size: .84rem !important;
  }
  .growth-tags {
    gap: 7px !important;
    margin-bottom: 0;
  }
  .growth-tags span {
    font-size: .7rem !important;
    padding: 7px 8px !important;
    border-radius: 999px;
  }

  .hero-card {
    padding: 12px !important;
    border-radius: 22px !important;
  }
  .advisor-mini {
    grid-template-columns: 68px 1fr !important;
    gap: 10px !important;
    padding: 9px !important;
    border-radius: 16px !important;
  }
  .advisor-mini img {
    width: 68px !important;
    height: 78px !important;
    border-radius: 12px !important;
  }
  .advisor-mini span {
    font-size: .58rem !important;
    letter-spacing: .08em !important;
  }
  .advisor-mini strong {
    font-size: 1.12rem !important;
  }
  .advisor-mini small { font-size: .76rem; }

  .mini-stat-row {
    display: flex !important;
    gap: 6px !important;
    margin: 8px 0 !important;
  }
  .mini-stat-row span {
    flex: 1;
    padding: 7px 5px !important;
    border-radius: 12px !important;
    font-size: .62rem !important;
    line-height: 1.15 !important;
  }
  .mini-stat-row b {
    font-size: .88rem !important;
  }

  .enquiry-form {
    padding: 12px !important;
    border-radius: 18px !important;
  }
  .form-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
  }
  .form-title h2 {
    font-size: 1.08rem !important;
    margin: 0 !important;
  }
  .form-title p {
    display: none !important;
  }
  .form-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
  }
  .form-grid span {
    font-size: .68rem !important;
    margin-bottom: 4px !important;
  }
  .form-grid input,
  .form-grid select {
    height: 38px !important;
    border-radius: 11px !important;
    padding: 0 10px !important;
    font-size: .82rem !important;
  }
  .enquiry-form .btn {
    margin-top: 10px !important;
    height: 40px !important;
    padding: 9px 12px !important;
    font-size: .82rem !important;
  }

  .hero-city-strip {
    margin-top: 14px !important;
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .hero-city-strip::-webkit-scrollbar { display: none; }
  .hero-city-strip article {
    min-width: 74vw;
    scroll-snap-align: start;
    border-radius: 16px !important;
    padding: 10px !important;
  }
  .hero-city-strip img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
  }

  .section { padding: 42px 0 !important; }
  .section-head {
    margin-bottom: 20px !important;
    text-align: left !important;
  }
  .section-head h2,
  .about-copy h2,
  .contact-copy h2 {
    font-size: 1.72rem !important;
  }
  .section-head p {
    font-size: .9rem !important;
    line-height: 1.45 !important;
  }
  .eyebrow {
    font-size: .66rem !important;
    padding: 6px 10px !important;
  }

  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .service-card {
    padding: 13px 11px !important;
    border-radius: 16px !important;
  }
  .service-card i {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    font-size: 1rem !important;
    margin-bottom: 9px !important;
  }
  .service-card h3 {
    font-size: .9rem !important;
    margin: 4px 0 5px !important;
  }
  .service-card p {
    font-size: .74rem !important;
    line-height: 1.35 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .city-grid,
  .property-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    padding: 2px 0 8px;
    scrollbar-width: none;
  }
  .city-grid::-webkit-scrollbar,
  .property-grid::-webkit-scrollbar { display: none; }

  .city-card,
  .property-card {
    min-width: 82vw;
    scroll-snap-align: start;
    border-radius: 18px !important;
  }
  .city-card img,
  .property-media img {
    height: 170px !important;
  }
  .city-card div,
  .property-body {
    padding: 15px !important;
  }
  .city-card h3,
  .property-body h3 {
    font-size: 1.05rem !important;
  }
  .city-card p,
  .property-body p,
  .property-body li {
    font-size: .82rem !important;
    line-height: 1.38 !important;
  }
  .property-body ul {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  .btn-outline,
  .mini-wa {
    flex: 1;
    padding: 9px 10px !important;
    font-size: .78rem !important;
  }

  .about-grid,
  .contact-grid {
    gap: 20px !important;
  }
  .about-photo-card {
    padding: 10px !important;
    border-radius: 18px !important;
  }
  .about-photo-card img {
    height: 330px !important;
    border-radius: 14px !important;
  }
  .about-points {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 14px 0 16px !important;
  }
  .about-points span {
    font-size: .78rem;
    line-height: 1.25;
  }

  .gallery-slider,
  .instagram-card,
  .contact-card {
    border-radius: 20px !important;
  }

  .contact-list {
    gap: 10px !important;
  }
  .contact-list a {
    padding: 12px !important;
    border-radius: 14px !important;
    font-size: .86rem !important;
  }

  .footer-grid.footer-compact {
    gap: 9px !important;
  }
  .footer-brand {
    grid-template-columns: 84px 1fr !important;
    gap: 9px !important;
    padding-bottom: 8px !important;
  }
  .footer-brand img { width: 84px !important; }
  .footer-brand p { font-size: .68rem !important; }
  .footer-brand .socials { margin-top: 5px !important; }
  .footer-brand .socials a {
    width: 28px !important;
    height: 28px !important;
  }
  .footer-links,
  .footer-contact {
    padding: 8px 0 !important;
  }
  .footer-grid h3 {
    font-size: .86rem !important;
    margin-bottom: 7px !important;
  }
  .footer-links > div {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  .footer-links a {
    font-size: .68rem !important;
    padding: 6px 4px !important;
  }
  .footer-contact a,
  .footer-contact span {
    font-size: .72rem !important;
    margin-bottom: 5px !important;
  }
  .copyright {
    padding-bottom: max(76px, calc(68px + env(safe-area-inset-bottom))) !important;
    font-size: .68rem !important;
  }

  .floating-actions {
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    gap: 8px !important;
  }
  .floating-actions a {
    padding: 11px 10px !important;
    font-size: .82rem !important;
    min-height: 43px !important;
  }
}

@media(max-width:380px) {
  .form-grid { gap: 7px !important; }
  .form-grid input,
  .form-grid select {
    font-size: .78rem !important;
    padding: 0 8px !important;
  }
  .services-grid { grid-template-columns: 1fr 1fr !important; }
  .service-card p { -webkit-line-clamp: 2; }
  .footer-links > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* CITY CAROUSEL + SPACE REFINEMENT */
.city-carousel-shell {
  position: relative;
}
.city-carousel-top {
  display: none;
}
.city-dots {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
}
.city-dot {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 99px;
  background: rgba(6, 27, 58, .20);
  transition: all .25s ease;
}
.city-dot.active {
  width: 24px;
  background: var(--gold);
}

/* reduce repeated space across mobile-heavy areas */
@media(max-width:640px) {
  .city-showcase {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .city-showcase .section-head {
    margin-bottom: 14px !important;
  }

  .city-showcase .section-head h2 {
    font-size: 1.55rem !important;
    line-height: 1.12 !important;
  }

  .city-showcase .section-head p {
    font-size: .84rem !important;
    line-height: 1.35 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .city-carousel-shell {
    margin-top: 6px;
  }

  .city-carousel-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 700;
  }

  .city-carousel-top span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--navy);
  }

  .city-carousel-top i {
    color: var(--gold);
  }

  .city-grid.city-auto-track {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 2px 1px 7px;
    scrollbar-width: none;
  }
  .city-grid.city-auto-track::-webkit-scrollbar { display: none; }

  .city-grid.city-auto-track .city-card {
    min-width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    scroll-snap-align: center;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(6,27,58,.12) !important;
  }

  .city-grid.city-auto-track .city-card img {
    height: 142px !important;
    object-fit: cover !important;
  }

  .city-grid.city-auto-track .city-card div {
    padding: 13px 15px !important;
  }

  .city-grid.city-auto-track .city-card span {
    font-size: .68rem !important;
    letter-spacing: .07em !important;
  }

  .city-grid.city-auto-track .city-card h3 {
    font-size: 1.05rem !important;
    margin: 4px 0 5px !important;
  }

  .city-grid.city-auto-track .city-card p {
    font-size: .78rem !important;
    line-height: 1.32 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .city-dots {
    display: flex;
  }

  .hero-city-strip {
    margin-top: 10px !important;
    scroll-behavior: smooth;
  }

  .hero-city-strip article {
    min-width: 70vw !important;
    padding: 9px !important;
  }

  .hero-city-strip img {
    width: 48px !important;
    height: 48px !important;
  }
}

@media(max-width:380px) {
  .city-grid.city-auto-track .city-card {
    min-width: calc(100vw - 34px) !important;
    max-width: calc(100vw - 34px) !important;
  }
  .city-grid.city-auto-track .city-card img {
    height: 132px !important;
  }
  .city-carousel-top {
    font-size: .68rem;
  }
}


/* SLIDER STABILITY FIX
   Prevents horizontal carousel movement from dragging/jumping the whole page.
*/
@media(max-width:640px) {
  .city-grid.city-auto-track,
  .hero-city-strip,
  .gallery-track,
  .property-grid {
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: pan-x pan-y;
  }

  .city-grid.city-auto-track {
    scroll-padding-inline: 10px;
  }

  .city-dot {
    width: 9px;
    height: 9px;
  }

  .city-dot.active {
    width: 26px;
  }
}


/* CONTACT + SERVICES FINAL IMPROVEMENT */
.topbar-facebook {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.topbar-facebook i {
  margin-right:0;
  color:#73a7ff;
}

.paid-advice {
  position: relative;
  overflow: hidden;
}
.paid-advice::after {
  content: "PAID";
  position: absolute;
  top: 14px;
  right: 14px;
  background: var(--gold);
  color: var(--navy);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  padding: 4px 7px;
  border-radius: 999px;
}
.service-card h3 small {
  display:inline-flex;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(244,180,36,.15);
  color:var(--gold);
  font-size:.64rem;
  vertical-align:middle;
}

/* Compact contact hub */
.contact-section {
  background: linear-gradient(180deg, #fff, #f8fafc);
}
.contact-hub {
  max-width: 1040px;
}
.contact-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 24px;
}
.contact-head h2 {
  font-family: 'Playfair Display', serif;
  color: var(--navy);
  font-size: clamp(2rem, 3.2vw, 2.7rem);
  line-height: 1.12;
  margin: 12px 0 8px;
}
.contact-head p {
  color: var(--muted);
  margin: 0;
}
.contact-actions {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
}
.contact-main,
.contact-mini {
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(6,27,58,.08);
  transition: transform .22s ease, box-shadow .22s ease;
}
.contact-main:hover,
.contact-mini:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(6,27,58,.13);
}
.contact-main {
  grid-row: span 2;
  display:flex;
  align-items:center;
  gap:18px;
  padding: 24px;
  background: linear-gradient(135deg, #17b85a, #0f9145);
  color:#fff;
}
.contact-main i {
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background: rgba(255,255,255,.16);
  font-size:2rem;
}
.contact-main strong,
.contact-mini b {
  display:block;
}
.contact-main strong {
  font-size:1.28rem;
  margin-bottom:4px;
}
.contact-main small {
  color:rgba(255,255,255,.82);
  line-height:1.35;
}
.contact-mini {
  display:flex;
  align-items:center;
  gap:12px;
  min-height: 84px;
  padding: 16px;
}
.contact-mini i {
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(244,180,36,.14);
  color:var(--navy);
}
.contact-mini small {
  display:block;
  color:var(--muted);
  font-weight:700;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:2px;
}
.contact-mini b {
  color:var(--navy);
  font-size:.94rem;
  word-break:break-word;
}
.social-instagram i {
  color:#c13584;
  background:rgba(193,53,132,.09);
}
.social-facebook i {
  color:#1877f2;
  background:rgba(24,119,242,.10);
}
.paid-contact i {
  color:var(--gold);
  background:rgba(244,180,36,.14);
}
.contact-note {
  margin: 16px auto 0;
  max-width: 760px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  color:var(--muted);
  font-size:.92rem;
}
.contact-note i {
  color:var(--gold);
  margin-top:4px;
}

/* subtle unique UI animations */
.btn-whatsapp,
.float-wa,
.contact-whatsapp {
  position:relative;
  overflow:hidden;
}
.btn-whatsapp::after,
.float-wa::after,
.contact-whatsapp::after {
  content:"";
  position:absolute;
  inset:-40% auto auto -60%;
  width:55%;
  height:180%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform:rotate(18deg);
  animation:shineMove 5s ease-in-out infinite;
}
@keyframes shineMove {
  0%, 70% { left:-70%; }
  100% { left:130%; }
}

/* desktop services: fit extra paid service without making the section too tall */
@media(min-width:861px) {
  .services-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .service-card {
    padding:18px !important;
  }
}

/* tablet contact */
@media(max-width:900px) {
  .contact-actions {
    grid-template-columns:1fr 1fr;
  }
  .contact-main {
    grid-column:1/-1;
    grid-row:auto;
  }
}

/* mobile contact becomes compact icon/action grid */
@media(max-width:640px) {
  .topbar-facebook span {
    display:none;
  }
  .topbar-facebook {
    width:28px;
    height:28px;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
  }

  .nav-social-mobile {
    grid-template-columns: repeat(4,1fr) !important;
  }
  .nav-links .nav-social-mobile a:nth-child(2) {
    color:#1877f2;
    background:rgba(24,119,242,.10);
  }
  .nav-links .nav-social-mobile a:nth-child(3) {
    color:#159447;
    background:rgba(31,183,93,.10);
  }
  .nav-links .nav-social-mobile a:nth-child(4) {
    color:var(--navy);
    background:rgba(6,27,58,.07);
  }

  /* Services become swipe cards to avoid vertical height even after adding 1:1 advice */
  .services-grid {
    display:flex !important;
    overflow-x:auto !important;
    gap:10px !important;
    scroll-snap-type:x mandatory;
    padding:2px 0 8px;
    scrollbar-width:none;
  }
  .services-grid::-webkit-scrollbar { display:none; }
  .service-card {
    min-width:64vw !important;
    max-width:64vw !important;
    scroll-snap-align:start;
    padding:14px 12px !important;
  }
  .paid-advice::after {
    top:10px;
    right:10px;
    font-size:.58rem;
  }

  .contact-section {
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  .contact-head {
    text-align:left;
    margin-bottom:16px;
  }
  .contact-head h2 {
    font-size:1.62rem !important;
    margin:8px 0 6px !important;
  }
  .contact-head p {
    font-size:.84rem;
    line-height:1.35;
  }
  .contact-actions {
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .contact-main {
    grid-column:1/-1;
    min-height:74px;
    padding:14px;
    border-radius:18px;
    gap:12px;
  }
  .contact-main i {
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:1.45rem;
  }
  .contact-main strong {
    font-size:1rem;
    margin-bottom:0;
  }
  .contact-main small {
    font-size:.76rem;
    display:block;
    white-space:normal;
  }
  .contact-mini {
    min-height:72px;
    padding:12px;
    border-radius:16px;
    gap:10px;
  }
  .contact-mini i {
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:12px;
    font-size:.95rem;
  }
  .contact-mini small {
    font-size:.62rem;
    letter-spacing:.04em;
  }
  .contact-mini b {
    font-size:.76rem;
    line-height:1.2;
  }
  .contact-note {
    justify-content:flex-start;
    font-size:.76rem;
    line-height:1.3;
    margin-top:12px;
  }
}

@media(max-width:380px) {
  .service-card {
    min-width:72vw !important;
    max-width:72vw !important;
  }
  .contact-actions {
    gap:8px;
  }
  .contact-mini {
    padding:10px;
  }
  .contact-mini b {
    font-size:.72rem;
  }
}


/* DYNAMIC PROJECT GALLERY */
.gallery-toolbar {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:-10px 0 24px;
}
.gallery-filter {
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.gallery-filter.active,
.gallery-filter:hover {
  background:var(--gold);
  border-color:var(--gold);
  color:var(--navy);
}
.project-gallery-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.project-gallery-card {
  position:relative;
  display:block;
  border:0;
  padding:0;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 38px rgba(6,27,58,.12);
  cursor:pointer;
  text-align:left;
  min-height:260px;
}
.project-gallery-card img {
  width:100%;
  height:260px;
  object-fit:cover;
  transition:transform .35s ease;
}
.project-gallery-card:hover img {
  transform:scale(1.06);
}
.gallery-badge {
  position:absolute;
  top:12px;
  left:12px;
  background:rgba(6,27,58,.86);
  color:#fff;
  border-radius:999px;
  padding:7px 11px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.gallery-card-content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:42px 16px 16px;
  color:#fff;
  background:linear-gradient(180deg, transparent, rgba(6,27,58,.94));
}
.gallery-card-content small {
  display:block;
  color:rgba(255,255,255,.78);
  margin-bottom:4px;
}
.gallery-card-content strong {
  display:block;
  font-size:1.05rem;
}
.gallery-help {
  max-width:820px;
  margin:18px auto 0;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--muted);
  font-size:.9rem;
  justify-content:center;
}
.gallery-help i {
  color:var(--gold);
  margin-top:4px;
}

/* mobile gallery swipe layout */
@media(max-width:860px) {
  .project-gallery-grid {
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px) {
  .gallery-toolbar {
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
    gap:8px;
    padding-bottom:5px;
    margin-bottom:14px;
    scrollbar-width:none;
  }
  .gallery-toolbar::-webkit-scrollbar { display:none; }
  .gallery-filter {
    flex:0 0 auto;
    padding:8px 12px;
    font-size:.78rem;
  }
  .project-gallery-grid {
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:2px 0 8px;
    scrollbar-width:none;
  }
  .project-gallery-grid::-webkit-scrollbar { display:none; }
  .project-gallery-card {
    min-width:78vw;
    max-width:78vw;
    scroll-snap-align:start;
    border-radius:18px;
    min-height:210px;
  }
  .project-gallery-card img {
    height:210px;
  }
  .gallery-card-content {
    padding:38px 14px 14px;
  }
  .gallery-card-content strong {
    font-size:.95rem;
  }
  .gallery-help {
    justify-content:flex-start;
    font-size:.75rem;
    line-height:1.3;
    margin-top:10px;
  }
}


.gallery-empty {
  grid-column: 1 / -1;
  min-height: 180px;
  border: 1px dashed var(--border);
  border-radius: 22px;
  background: #fff;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 24px;
  color: var(--muted);
}
.gallery-empty i {
  font-size: 2rem;
  color: var(--gold);
}
.gallery-empty strong {
  color: var(--navy);
  display: block;
}
.gallery-empty span {
  display: block;
  max-width: 420px;
  font-size: .9rem;
}


/* SOCIAL LINKS + ABOUT UI REFINEMENT */
.topbar-socials {
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.topbar-social-icon {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.topbar-social-icon i {
  margin-right:0;
}
.topbar-channel i {
  color:#25D366;
}

/* About social cards */
.about-social-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:20px 0 18px;
}
.about-social-card {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 26px rgba(6,27,58,.07);
  transition:transform .22s ease, box-shadow .22s ease;
}
.about-social-card:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(6,27,58,.12);
}
.about-social-card i {
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:1.05rem;
}
.about-social-card small {
  display:block;
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:1px;
}
.about-social-card b {
  color:var(--navy);
  font-size:.84rem;
  line-height:1.2;
}
.instagram-card-mini i {
  color:#c13584;
  background:rgba(193,53,132,.09);
}
.facebook-card-mini i {
  color:#1877f2;
  background:rgba(24,119,242,.10);
}
.channel-card-mini i {
  color:#18a957;
  background:rgba(37,211,102,.11);
}
.about-cta-row {
  margin-top:4px;
}

/* Contact hub additional channel color */
.social-channel i {
  color:#18a957;
  background:rgba(37,211,102,.11);
}

/* Better card distribution after adding channel */
@media(min-width:901px) {
  .contact-actions {
    grid-template-columns:1.25fr 1fr 1fr 1fr !important;
  }
  .contact-main {
    grid-row:span 2;
  }
}

/* Mobile topbar: phone left, social icons right; no huge gaps */
@media(max-width:640px) {
  .topbar-inner {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    min-height:34px !important;
    padding:3px 0 !important;
  }
  .topbar-links {
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }
  .topbar-phone {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:800;
  }
  .topbar-phone span {
    font-size:.8rem;
  }
  .topbar-email {
    display:none !important;
  }
  .topbar-socials {
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
  }
  .topbar-social-icon {
    width:28px !important;
    height:28px !important;
    min-width:28px;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
  }
  .topbar-social-icon span {
    display:none !important;
  }
  .topbar-social-icon i {
    font-size:.82rem;
  }
  .topbar-location {
    display:none !important;
  }

  .about-social-cards {
    grid-template-columns:1fr;
    gap:9px;
    margin:15px 0 13px;
  }
  .about-social-card {
    padding:11px;
    border-radius:15px;
  }
  .about-social-card i {
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:12px;
    font-size:.95rem;
  }
  .about-social-card small {
    font-size:.62rem;
  }
  .about-social-card b {
    font-size:.78rem;
  }
  .about-cta-row {
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:9px !important;
  }
  .about-cta-row .btn {
    min-height:40px;
    padding:10px 8px !important;
    font-size:.78rem !important;
  }

  .contact-actions {
    grid-template-columns:1fr 1fr !important;
  }
  .contact-main {
    grid-column:1/-1;
  }
  .social-channel {
    grid-column:auto;
  }

  .nav-social-mobile {
    grid-template-columns:repeat(4,1fr) !important;
  }
  .nav-links .nav-social-mobile a:nth-child(3) {
    color:#18a957;
    background:rgba(37,211,102,.11);
  }
  .nav-links .nav-social-mobile a:nth-child(4) {
    color:var(--navy);
    background:rgba(6,27,58,.07);
  }
}

/* extra small phones */
@media(max-width:380px) {
  .topbar-phone span {
    font-size:.76rem;
  }
  .topbar-socials {
    gap:5px;
  }
  .topbar-social-icon {
    width:26px !important;
    height:26px !important;
    min-width:26px;
  }
  .about-cta-row {
    grid-template-columns:1fr;
  }
}


/* BIG CLIENT UPDATE: compact fonts, bilingual UI, advisor modal, mentorship CTA */
body.lang-te {
  font-family: "Noto Sans Telugu", "Inter", sans-serif;
}
body.lang-te h1,
body.lang-te h2,
body.lang-te .hero h1,
body.lang-te .section-head h2,
body.lang-te .about-copy h2,
body.lang-te .contact-head h2 {
  font-family: "Noto Serif Telugu", "Noto Sans Telugu", serif;
  letter-spacing: -0.02em;
}
.nav-links {
  gap: 18px !important;
  font-size: .94rem;
}
.nav-mentor {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 11px 16px;
  border-radius: 999px;
  background: rgba(244,180,36,.12);
  color: var(--navy);
  border: 1px solid rgba(244,180,36,.36);
  font-weight: 800;
}
.nav-mentor:hover {
  background: var(--gold);
}
.language-switch {
  display:inline-flex;
  align-items:center;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: #f4f7fb;
  border: 1px solid var(--border);
}
.language-switch button {
  border: 0;
  background: transparent;
  color: var(--navy);
  font-weight: 900;
  font-size: .78rem;
  padding: 7px 10px;
  border-radius: 999px;
  cursor: pointer;
}
.language-switch button.active {
  background: var(--navy);
  color: #fff;
}
.hero h1 {
  font-size: clamp(2.35rem, 4.1vw, 4.55rem) !important;
}
.hero p {
  font-size: 1rem !important;
}
.section-head h2,
.about-copy h2,
.contact-head h2 {
  font-size: clamp(1.9rem, 3vw, 2.55rem) !important;
}
.paid-advice {
  cursor: pointer;
}
.paid-advice::before {
  content: "";
  position: absolute;
  inset: auto 18px 0 18px;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, var(--gold), #27c76f);
}
.mini-advisor-btn {
  margin-top: 12px;
  border: 0;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  padding: 9px 14px;
  font-weight: 800;
  cursor: pointer;
}

/* Advisor highlight in About */
.advisor-highlight-card {
  display: grid;
  grid-template-columns: 54px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff8e4, #ffffff);
  border: 1px solid rgba(244,180,36,.34);
  box-shadow: 0 18px 42px rgba(244,180,36,.13);
  margin: 22px 0 16px;
  cursor: pointer;
}
.advisor-highlight-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: var(--navy);
  color: var(--gold);
  font-size: 1.2rem;
}
.advisor-highlight-card span {
  display: block;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-size: .72rem;
}
.advisor-highlight-card h3 {
  color: var(--navy);
  margin: 4px 0 3px;
  font-size: 1.15rem;
}
.advisor-highlight-card p {
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.35;
}
.advisor-highlight-card button {
  border: 0;
  border-radius: 999px;
  padding: 11px 16px;
  font-weight: 900;
  background: var(--gold);
  color: var(--navy);
  white-space: nowrap;
}

/* Advisor modal */
body.modal-open {
  overflow: hidden;
}
.advisor-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.advisor-modal.open {
  display: flex;
}
.advisor-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 13, 35, .62);
  backdrop-filter: blur(7px);
}
.advisor-modal-card {
  position: relative;
  width: min(720px, 100%);
  max-height: min(92dvh, 840px);
  overflow-y: auto;
  background: #fff;
  border-radius: 30px;
  padding: 28px;
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}
.advisor-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f2f4f7;
  color: var(--navy);
  cursor: pointer;
}
.advisor-modal-head span {
  display: inline-flex;
  border-radius: 999px;
  background: rgba(244,180,36,.14);
  padding: 8px 12px;
  color: var(--gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .72rem;
}
.advisor-modal-head h2 {
  color: var(--navy);
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin: 12px 0 8px;
}
.advisor-modal-head p {
  color: var(--muted);
  margin: 0;
}
.advisor-benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 18px 0;
}
.advisor-benefits span {
  display: flex;
  gap: 9px;
  align-items: center;
  font-weight: 800;
  color: var(--navy);
  background: #f8fafc;
  border-radius: 14px;
  padding: 10px 12px;
}
.advisor-benefits i {
  color: var(--gold);
}
.advisor-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
.advisor-form label {
  display: block;
}
.advisor-form label.wide,
.advisor-form button {
  grid-column: 1 / -1;
}
.advisor-form span {
  display: block;
  color: var(--navy);
  font-weight: 900;
  font-size: .82rem;
  margin-bottom: 6px;
}
.advisor-form input,
.advisor-form select,
.advisor-form textarea,
.mentorship-form input,
.mentorship-form select,
.mentorship-form textarea {
  width: 100%;
  border: 1px solid var(--border);
  background: #f8fafc;
  border-radius: 14px;
  padding: 12px 13px;
  font: inherit;
  color: var(--text);
}

/* Mentorship page */
.mentor-body {
  background: #f7f9fc;
}
.mentor-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.mentor-nav {
  min-height: 82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.mentor-nav img {
  width: 180px;
}
.mentor-nav-actions {
  display:flex;
  align-items:center;
  gap:12px;
}
.mentor-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(110deg, rgba(6,27,58,.94), rgba(6,27,58,.80)),
    url('../assets/images/hero-growth.jpg') center/cover;
  padding: 80px 0 50px;
}
.mentor-hero-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:34px;
  align-items:center;
}
.mentor-hero h1 {
  font-family:'Playfair Display', serif;
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height:1.05;
  margin:16px 0;
}
.mentor-hero p {
  color:rgba(255,255,255,.86);
  font-size:1.05rem;
}
.mentor-badges {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0;
}
.mentor-badges span {
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
  font-size:.88rem;
}
.mentor-card {
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(18px);
  border-radius:30px;
  padding:24px;
  box-shadow:var(--shadow);
}
.mentor-card h3 {
  margin-top:0;
  color:#fff;
  font-size:1.35rem;
}
.mentor-card ul {
  padding:0;
  margin:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.mentor-card li {
  color:rgba(255,255,255,.88);
  display:flex;
  gap:9px;
}
.mentor-card i {
  color:var(--gold);
  margin-top:4px;
}
.mentor-section {
  padding: 70px 0;
}
.mentor-section h2 {
  font-family:'Playfair Display', serif;
  color:var(--navy);
  font-size: clamp(1.9rem, 3.2vw, 2.7rem);
  margin:0 0 18px;
}
.mentor-two {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.mentor-panel {
  background:#fff;
  border:1px solid var(--border);
  border-radius:26px;
  padding:24px;
  box-shadow:0 16px 38px rgba(6,27,58,.08);
}
.timeline-grid,
.benefits-grid,
.who-grid,
.agenda-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.timeline-card,
.benefit-card,
.who-card,
.agenda-card {
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:20px;
  box-shadow:0 12px 30px rgba(6,27,58,.06);
}
.timeline-card strong,
.agenda-card strong {
  color:var(--gold);
  display:block;
  margin-bottom:6px;
}
.timeline-card h3,
.benefit-card h3,
.who-card h3 {
  margin:0 0 10px;
  color:var(--navy);
}
.timeline-card ul,
.benefit-card ul,
.who-card ul {
  margin:0;
  padding-left:18px;
  color:var(--muted);
}
.value-strip {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:20px;
}
.value-strip span {
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 26px rgba(6,27,58,.06);
  font-weight:900;
  color:var(--navy);
}
.roadmap {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.roadmap span {
  background:var(--navy);
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
}
.roadmap i {
  color:var(--gold);
}
.faq-list {
  display:grid;
  gap:12px;
}
.faq-list details {
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px 18px;
}
.faq-list summary {
  cursor:pointer;
  font-weight:900;
  color:var(--navy);
}
.faq-list p {
  color:var(--muted);
}
.mentorship-form {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.mentorship-form .wide,
.mentorship-form button {
  grid-column:1/-1;
}
.mentorship-form label span {
  display:block;
  font-size:.82rem;
  font-weight:900;
  color:var(--navy);
  margin-bottom:6px;
}

/* compact topbar social spacing */
.topbar-links {
  align-items:center;
}
.topbar-socials {
  gap:6px !important;
}
.topbar-social-icon {
  width:31px;
  height:31px;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.topbar-social-icon span {
  display:none;
}

@media(max-width:1080px) {
  .mentor-hero-grid,
  .mentor-two {
    grid-template-columns:1fr;
  }
  .timeline-grid,
  .benefits-grid,
  .who-grid,
  .agenda-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .nav-links {
    gap: 12px !important;
  }
}
@media(max-width:860px) {
  .nav-links {
    width:min(76vw,310px) !important;
  }
  .language-switch {
    width:100%;
    justify-content:center;
    order: 20;
  }
  .nav-mentor,
  .nav-cta {
    width:100%;
    order:21;
  }
}
@media(max-width:640px) {
  .nav-links {
    width:min(82vw,320px) !important;
  }
  .nav-mentor {
    min-height:40px !important;
    padding:10px 12px !important;
    font-size:.84rem !important;
  }
  .hero h1 {
    font-size: clamp(1.7rem, 7.2vw, 2.05rem) !important;
  }
  .section {
    padding: 38px 0 !important;
  }
  .advisor-highlight-card {
    grid-template-columns:42px 1fr;
    gap:10px;
    padding:13px;
  }
  .advisor-highlight-icon {
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .advisor-highlight-card button {
    grid-column:1/-1;
    width:100%;
    padding:10px 12px;
  }
  .advisor-highlight-card h3 {
    font-size:1rem;
  }
  .advisor-highlight-card p {
    font-size:.78rem;
  }
  .advisor-modal-card {
    padding:20px;
    border-radius:24px;
  }
  .advisor-benefits,
  .advisor-form,
  .mentorship-form {
    grid-template-columns:1fr;
  }
  .mentor-nav {
    min-height:70px;
  }
  .mentor-nav img {
    width:135px;
  }
  .mentor-nav-actions {
    gap:8px;
  }
  .mentor-nav-actions .btn {
    display:none;
  }
  .mentor-hero {
    padding:48px 0 34px;
  }
  .mentor-hero h1 {
    font-size:2.05rem;
  }
  .mentor-hero p {
    font-size:.92rem;
  }
  .mentor-badges {
    gap:7px;
  }
  .mentor-badges span {
    font-size:.72rem;
    padding:8px 10px;
  }
  .mentor-section {
    padding:42px 0;
  }
  .timeline-grid,
  .benefits-grid,
  .who-grid,
  .agenda-grid {
    display:flex;
    overflow-x:auto;
    gap:12px;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .timeline-grid::-webkit-scrollbar,
  .benefits-grid::-webkit-scrollbar,
  .who-grid::-webkit-scrollbar,
  .agenda-grid::-webkit-scrollbar {
    display:none;
  }
  .timeline-card,
  .benefit-card,
  .who-card,
  .agenda-card {
    min-width:78vw;
    scroll-snap-align:start;
    padding:16px;
    border-radius:18px;
  }
  .roadmap {
    display:grid;
    grid-template-columns:1fr;
  }
  .roadmap i {
    transform:rotate(90deg);
    justify-self:center;
  }
}


/* FINAL UI FIXES: remove heavy advisor social area, better mentorship page, scroll-to-top */
.about-social-cards {
  display: none !important;
}
.about-grid {
  align-items: center;
}
.about-copy {
  max-width: 760px;
}
.about-cta-row {
  margin-top: 18px !important;
}

/* tiny scroll-to-top button for both pages */
.scroll-top-btn {
  position: fixed;
  right: 18px;
  bottom: 112px;
  z-index: 120;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(6, 27, 58, .92);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 14px 26px rgba(6,27,58,.22);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-top-btn:hover {
  background: var(--gold);
  color: var(--navy);
}

/* make Telugu text smaller and more balanced */
body.lang-te .hero h1 {
  font-size: clamp(1.9rem, 3.8vw, 4rem) !important;
}
body.lang-te .hero p,
body.lang-te .section-head p,
body.lang-te .about-copy p,
body.lang-te .contact-head p {
  line-height: 1.65;
}
body.lang-te .service-card h3,
body.lang-te .property-body h3 {
  font-size: 1.08rem;
}

/* mentorship v2 */
.mentor-v2 {
  background: #f5f7fb;
}
.mentor-header-v2 {
  box-shadow: 0 8px 30px rgba(6,27,58,.06);
}
.mentor-brand img {
  width: 166px;
}
.mentor-back-desktop,
.mentor-mobile-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  padding: 10px 15px;
  font-weight: 900;
  font-size: .88rem;
}
.mentor-mobile-back {
  display: none;
}
.mentor-hero-premium {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 15%, rgba(244,180,36,.20), transparent 32%),
    linear-gradient(110deg, rgba(4,16,42,.96), rgba(6,27,58,.84)),
    url('../assets/images/hero-growth.jpg') center/cover;
  padding: 86px 0 56px;
  overflow: hidden;
}
.mentor-bg-shapes {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.2));
}
.premium-grid {
  grid-template-columns: 1.05fr .82fr;
  gap: 44px;
}
.mentor-hero-copy h1 {
  font-size: clamp(2.25rem, 4.8vw, 4.7rem);
  line-height: 1.06;
  margin: 16px 0 16px;
}
.mentor-hero-copy p {
  max-width: 760px;
  font-size: 1.05rem;
  color: rgba(255,255,255,.86);
}
.mentor-badges-premium {
  margin: 24px 0 26px;
}
.mentor-badges-premium span {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.mentor-glass-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(18px);
  border-radius: 30px;
  padding: 24px;
  color: #fff;
  box-shadow: var(--shadow);
}
.mentor-card-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.14);
  margin-bottom: 16px;
}
.mentor-card-top i {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--gold);
  color: var(--navy);
  font-size: 1.35rem;
}
.mentor-card-top span {
  display: block;
  color: rgba(255,255,255,.76);
  font-weight: 800;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.mentor-card-top strong {
  display: block;
  font-size: 1.6rem;
}
.mentor-glass-card h3 {
  margin: 0 0 14px;
  font-size: 1.25rem;
}
.mentor-glass-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.mentor-glass-card li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(255,255,255,.88);
}
.mentor-glass-card li i {
  color: var(--gold);
  margin-top: 4px;
}
.mentor-value-pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}
.mentor-value-pills span {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  padding: 12px;
  font-weight: 900;
  text-align: center;
}
.mentor-section-heading {
  margin-bottom: 22px;
}
.mentor-section-heading h2 {
  margin: 10px 0 0;
}
.mentor-two-premium {
  grid-template-columns: 1.05fr .95fr;
}
.mentor-panel-large p {
  font-size: 1rem;
  line-height: 1.7;
}
.mentor-problem-card {
  background: #fff;
  border-radius: 26px;
  border: 1px solid var(--border);
  padding: 22px;
  box-shadow: 0 16px 40px rgba(6,27,58,.08);
}
.mentor-problem-card h3 {
  color: var(--navy);
  margin: 0 0 14px;
}
.problem-list {
  display: grid;
  gap: 10px;
}
.problem-list span {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  background: #f8fafc;
  border-radius: 14px;
  color: var(--navy);
}
.problem-list i {
  color: var(--gold);
}
.timeline-premium {
  grid-template-columns: repeat(5, 1fr);
}
.timeline-premium .timeline-card {
  position: relative;
  overflow: hidden;
}
.timeline-premium .timeline-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gold), #24b45f);
}
.timeline-premium .timeline-card p {
  color: var(--muted);
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}
.mentor-soft-bg {
  background: #eef3f9;
}
.agenda-premium .agenda-card {
  display: flex;
  align-items: center;
  gap: 12px;
}
.agenda-premium .agenda-card strong {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--navy);
  color: var(--gold);
  margin: 0;
}
.benefits-premium {
  grid-template-columns: repeat(5, 1fr);
}
.benefits-premium .benefit-card {
  text-align: center;
}
.benefits-premium .benefit-card i {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(244,180,36,.14);
  color: var(--navy);
}
.benefits-premium .benefit-card h3 {
  font-size: .94rem;
  margin: 0;
}
.who-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.who-chip-grid span {
  padding: 11px 14px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--navy);
  font-weight: 900;
}
.mentor-note {
  color: var(--muted);
  margin-bottom: 0;
}
.roadmap-premium {
  gap: 8px;
}
.roadmap-premium span {
  font-size: .86rem;
}
.enroll-two {
  align-items: stretch;
}
.mentor-form-panel {
  border: 1px solid rgba(244,180,36,.38);
  background: linear-gradient(180deg,#fff, #fff9e9);
}
.mentor-form-panel h2 {
  margin-bottom: 8px;
}
.faq-panel {
  background: #fff;
}

/* smaller desktop nav */
.mentor-nav {
  min-height: 76px;
}

/* Mobile mentorship improvements */
@media(max-width:1080px) {
  .premium-grid,
  .mentor-two-premium {
    grid-template-columns: 1fr;
  }
  .timeline-premium,
  .benefits-premium {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:640px) {
  .scroll-top-btn {
    width: 34px;
    height: 34px;
    right: 12px;
    bottom: 104px;
  }
  .mentor-header-v2 {
    position: sticky;
    top: 0;
  }
  .mentor-brand img {
    width: 128px;
  }
  .mentor-nav {
    min-height: 64px;
  }
  .mentor-back-desktop {
    display: none !important;
  }
  .mentor-mobile-back {
    position: sticky;
    top: 64px;
    z-index: 98;
    display: inline-flex;
    margin: 8px 10px 0;
    padding: 8px 12px;
    font-size: .78rem;
    box-shadow: 0 10px 22px rgba(6,27,58,.16);
  }
  .mentor-hero-premium {
    padding: 36px 0 28px;
  }
  .mentor-hero-copy h1 {
    font-size: 1.82rem;
    line-height: 1.12;
  }
  .mentor-hero-copy p {
    font-size: .88rem;
    line-height: 1.55;
  }
  .mentor-badges-premium {
    gap: 6px;
    margin: 16px 0;
  }
  .mentor-badges-premium span {
    font-size: .68rem;
    padding: 7px 9px;
  }
  .mentor-hero-actions .btn {
    width: 100%;
    min-height: 42px;
  }
  .mentor-glass-card {
    padding: 16px;
    border-radius: 22px;
  }
  .mentor-card-top i {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }
  .mentor-card-top strong {
    font-size: 1.22rem;
  }
  .mentor-value-pills {
    grid-template-columns: 1fr;
  }
  .mentor-section {
    padding: 36px 0;
  }
  .mentor-section h2,
  .mentor-panel h2 {
    font-size: 1.52rem !important;
  }
  .mentor-panel,
  .mentor-problem-card {
    padding: 16px;
    border-radius: 20px;
  }
  .timeline-premium,
  .benefits-premium,
  .agenda-premium {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    scrollbar-width: none;
  }
  .timeline-premium::-webkit-scrollbar,
  .benefits-premium::-webkit-scrollbar,
  .agenda-premium::-webkit-scrollbar {
    display: none;
  }
  .timeline-premium .timeline-card,
  .benefits-premium .benefit-card,
  .agenda-premium .agenda-card {
    min-width: 78vw;
    scroll-snap-align: start;
  }
  .benefits-premium .benefit-card {
    text-align: left;
  }
  .benefits-premium .benefit-card i {
    margin: 0 0 10px;
  }
  .mentor-floating-actions {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }
  body.lang-te .hero h1 {
    font-size: 1.75rem !important;
  }
  body.lang-te .hero p {
    font-size: .86rem !important;
  }
}


/* MOBILE HEADER ACTIONS BESIDE HAMBURGER */
.mobile-header-actions {
  display: none;
}
@media(max-width: 860px) {
  .nav-wrap {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    gap: 8px !important;
    min-height: 70px !important;
  }
  .brand {
    min-width: 0;
  }
  .brand img {
    width: 142px !important;
  }
  .mobile-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
  }
  .mobile-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 999px;
    background: #f2f5f8;
    border: 1px solid var(--border);
  }
  .mobile-lang-toggle button {
    border: 0;
    background: transparent;
    color: var(--navy);
    border-radius: 999px;
    padding: 5px 7px;
    font-weight: 900;
    font-size: .72rem;
    line-height: 1;
  }
  .mobile-lang-toggle button.active {
    background: var(--navy);
    color: #fff;
  }
  .mobile-mentor-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    max-width: 74px;
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--gold);
    color: var(--navy);
    font-weight: 900;
    font-size: .72rem;
    white-space: nowrap;
    box-shadow: 0 8px 16px rgba(244,180,36,.22);
  }
  .menu-btn {
    width: 34px;
    height: 34px;
    display: grid !important;
    place-items: center;
    border-radius: 12px;
    background: #f7f9fc;
    font-size: 1.16rem !important;
  }
  /* hide duplicated language/mentor inside drawer to reduce clutter */
  .nav-links .language-switch,
  .nav-links .nav-mentor {
    display: none !important;
  }
}
@media(max-width: 380px) {
  .brand img {
    width: 124px !important;
  }
  .mobile-mentor-pill {
    max-width: 62px;
    padding: 5px 7px;
    font-size: .66rem;
  }
  .mobile-lang-toggle button {
    padding: 5px 6px;
    font-size: .66rem;
  }
}

/* MENTORSHIP HEADER MOBILE FIX */
@media(max-width: 640px) {
  .mentor-header-v2 .mentor-nav {
    display: grid !important;
    grid-template-columns: auto 1fr;
    gap: 8px;
    min-height: 64px !important;
  }
  .mentor-header-v2 .mentor-brand img {
    width: 118px !important;
  }
  .mentor-nav-actions {
    display: flex !important;
    justify-content: flex-end;
    gap: 6px !important;
  }
  .mentor-back-main {
    display: inline-flex !important;
    padding: 7px 9px !important;
    font-size: .66rem !important;
    border-radius: 999px !important;
    min-height: 30px;
    white-space: nowrap;
  }
  .mentor-back-main i {
    font-size: .7rem;
  }
  .mentor-nav-actions .language-switch {
    display: inline-flex !important;
    padding: 3px !important;
  }
  .mentor-nav-actions .language-switch button {
    padding: 5px 7px !important;
    font-size: .66rem !important;
  }
}

/* CITY SECTION TELUGU SPACING */
body.lang-te .city-showcase .section-head h2 {
  font-family: "Noto Serif Telugu", "Noto Sans Telugu", serif;
  font-size: clamp(1.45rem, 3vw, 2.25rem) !important;
}
body.lang-te .city-card h3 {
  font-family: "Noto Sans Telugu", sans-serif;
  font-size: 1rem !important;
}
body.lang-te .city-card p {
  line-height: 1.45 !important;
}

/* ENROLL THANK YOU POPUP WITH YOUTUBE PLACEHOLDER */
.enroll-thank-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.enroll-thank-modal.open {
  display: flex;
}
.enroll-thank-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 13, 35, .68);
  backdrop-filter: blur(7px);
}
.enroll-thank-card {
  position: relative;
  width: min(780px, 100%);
  max-height: min(92dvh, 850px);
  overflow-y: auto;
  background: #fff;
  border-radius: 28px;
  padding: 26px;
  text-align: center;
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
}
.enroll-thank-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f2f4f7;
  color: var(--navy);
  cursor: pointer;
}
.enroll-thank-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(37, 211, 102, .12);
  color: #18a957;
  font-size: 2rem;
  margin: 0 auto 12px;
}
.enroll-thank-card h2 {
  font-family: 'Playfair Display', serif;
  color: var(--navy);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin: 14px 0 8px;
}
.enroll-thank-card p {
  color: var(--muted);
  max-width: 620px;
  margin: 0 auto 18px;
}
.thank-video-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, #061b3a, #092a5d);
  margin: 18px 0;
}
.thank-video-box iframe {
  display: none;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 8px;
  color: #fff;
  padding: 20px;
}
.video-placeholder i {
  font-size: 2.6rem;
  color: #ff0033;
}
.video-placeholder strong {
  font-size: 1.2rem;
}
.video-placeholder span {
  color: rgba(255,255,255,.75);
  font-size: .9rem;
  max-width: 460px;
}
.thank-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media(max-width: 640px) {
  .enroll-thank-card {
    padding: 20px;
    border-radius: 22px;
  }
  .enroll-thank-icon {
    width: 52px;
    height: 52px;
    font-size: 1.55rem;
  }
  .enroll-thank-card h2 {
    font-size: 1.55rem;
  }
  .enroll-thank-card p {
    font-size: .86rem;
  }
  .thank-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* FINAL POLISH PASS: mentorship page navigation + metrics + cleaner mobile appearance */
.mentor-metric-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 580px;
  margin: 18px 0 22px;
}
.mentor-metric-row article {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  padding: 14px 12px;
  color: #fff;
}
.mentor-metric-row strong {
  display: block;
  font-size: 1.55rem;
  line-height: 1;
  color: var(--gold);
}
.mentor-metric-row span {
  display: block;
  margin-top: 5px;
  font-size: .8rem;
  color: rgba(255,255,255,.82);
  font-weight: 800;
}

.mentor-quick-nav-section {
  background: #ffffff;
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 76px;
  z-index: 80;
}
.mentor-quick-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 12px 0;
}
.mentor-quick-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid var(--border);
  color: var(--navy);
  font-weight: 900;
  font-size: .86rem;
  transition: transform .2s ease, background .2s ease;
}
.mentor-quick-nav a:hover {
  transform: translateY(-2px);
  background: rgba(244,180,36,.18);
}
.mentor-quick-nav i {
  color: var(--gold);
}

/* make mentor page look less bulky on desktop */
.mentor-section {
  scroll-margin-top: 130px;
}
.mentor-panel,
.timeline-card,
.benefit-card,
.agenda-card {
  transition: transform .22s ease, box-shadow .22s ease;
}
.mentor-panel:hover,
.timeline-card:hover,
.benefit-card:hover,
.agenda-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(6,27,58,.11);
}

/* better mobile for mentorship page */
@media(max-width: 640px) {
  .mentor-metric-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin: 14px 0 16px;
  }
  .mentor-metric-row article {
    border-radius: 14px;
    padding: 10px 6px;
    text-align: center;
  }
  .mentor-metric-row strong {
    font-size: 1.15rem;
  }
  .mentor-metric-row span {
    font-size: .62rem;
    line-height: 1.15;
  }
  .mentor-quick-nav-section {
    top: 64px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .mentor-quick-nav-section::-webkit-scrollbar {
    display: none;
  }
  .mentor-quick-nav {
    display: flex;
    gap: 8px;
    padding: 8px 10px;
    width: max-content;
  }
  .mentor-quick-nav a {
    min-height: 36px;
    padding: 8px 11px;
    font-size: .74rem;
    white-space: nowrap;
  }
  .mentor-section {
    scroll-margin-top: 120px;
  }
  .mentor-hero-premium {
    padding-top: 28px;
  }
  .mentor-hero-copy h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mentor-glass-card ul {
    gap: 8px;
  }
  .mentor-glass-card li {
    font-size: .84rem;
  }
}


/* =========================================================
   PREMIUM BUGFIX PASS
   - Cleaner mentorship mobile header and language switch
   - Better mentorship card
   - Reliable advisor modal behavior
   ========================================================= */

/* Advisor popup reliability and appearance */
.advisor-modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}
.advisor-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.advisor-modal-card {
  transform: translateY(16px) scale(.98);
  transition: transform .2s ease;
}
.advisor-modal.open .advisor-modal-card {
  transform: translateY(0) scale(1);
}
.advisor-popup-trigger,
.contact-mini.paid-contact {
  border: 1px solid var(--border);
  background: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.advisor-service-card {
  border: 1px solid rgba(244,180,36,.5) !important;
  background: linear-gradient(180deg, #fff, #fff8e4) !important;
}
.advisor-service-card .mini-advisor-btn {
  width: 100%;
  background: linear-gradient(135deg, var(--navy), #0e2b60);
  box-shadow: 0 10px 22px rgba(6,27,58,.16);
}

/* Mentorship header: clean and clear */
.mentor-header-v2 {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid rgba(6,27,58,.08);
}
.mentor-nav-clean {
  min-height: 70px !important;
}
.mentor-language-bar {
  background: linear-gradient(90deg, #061b3a, #09295d);
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.08);
}
.mentor-language-inner {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.mentor-language-inner > span {
  font-weight: 900;
  font-size: .84rem;
  letter-spacing: .04em;
}
.mentor-page-lang {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.18) !important;
  padding: 5px !important;
}
.mentor-page-lang button {
  color: #fff !important;
  min-width: 86px;
  padding: 8px 14px !important;
  font-size: .86rem !important;
}
.mentor-page-lang button.active {
  background: var(--gold) !important;
  color: var(--navy) !important;
}

/* Mentorship hero card rebuild */
.mentor-program-card {
  background: #ffffff;
  color: var(--navy);
  border: 1px solid rgba(244,180,36,.35);
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.20);
}
.mentor-program-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8e4, #fff);
  border: 1px solid rgba(244,180,36,.25);
  margin-bottom: 16px;
}
.mentor-program-top i {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--navy);
  color: var(--gold);
  font-size: 1.25rem;
}
.mentor-program-top span {
  display: block;
  color: var(--muted);
  font-weight: 900;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.mentor-program-top strong {
  display: block;
  color: var(--navy);
  font-size: 1.55rem;
}
.mentor-program-card h3 {
  margin: 0 0 12px;
  color: var(--navy);
  font-size: 1.18rem;
}
.mentor-program-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 9px;
}
.mentor-program-card li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  color: #334155;
  font-weight: 650;
  font-size: .92rem;
  line-height: 1.35;
}
.mentor-program-card li i {
  color: #18a957;
  margin-top: 3px;
}
.mentor-program-value {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}
.mentor-program-value span {
  border-radius: 16px;
  padding: 12px;
  text-align: center;
  font-weight: 900;
  color: var(--navy);
  background: #f8fafc;
  border: 1px solid var(--border);
}
.mentor-program-value span:last-child {
  background: rgba(37,211,102,.10);
  color: #128c44;
}

/* cleaner mentorship action strip */
.mentor-action-strip-section {
  background: #fff;
  border-bottom: 1px solid var(--border);
}
.mentor-action-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 14px 0;
}
.mentor-action-strip a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  border-radius: 999px;
  background: #f6f8fb;
  border: 1px solid var(--border);
  color: var(--navy);
  font-weight: 900;
}
.mentor-action-strip a.primary {
  background: var(--gold);
  border-color: var(--gold);
}
.mentor-action-strip i {
  color: var(--navy);
}

/* mobile: mentorship page must feel clean */
@media(max-width: 640px) {
  .mentor-header-v2 {
    position: sticky;
    top: 0;
    z-index: 200;
  }
  .mentor-nav-clean {
    min-height: 58px !important;
    grid-template-columns: auto auto !important;
  }
  .mentor-header-v2 .mentor-brand img {
    width: 112px !important;
  }
  .mentor-nav-actions {
    justify-content: flex-end !important;
  }
  .mentor-back-main {
    display: inline-flex !important;
    padding: 7px 10px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    font-size: .68rem !important;
    background: var(--navy) !important;
    color: #fff !important;
  }
  .mentor-back-main span {
    display: inline !important;
  }
  .mentor-language-inner {
    min-height: 46px;
    padding: 6px 0;
  }
  .mentor-language-inner > span {
    font-size: .76rem;
  }
  .mentor-page-lang {
    padding: 4px !important;
  }
  .mentor-page-lang button {
    min-width: 68px;
    padding: 8px 10px !important;
    font-size: .78rem !important;
  }
  .mentor-hero-premium {
    padding: 28px 0 24px !important;
  }
  .mentor-hero-copy h1 {
    font-size: 1.7rem !important;
    line-height: 1.16 !important;
  }
  .mentor-hero-copy p {
    font-size: .86rem !important;
    line-height: 1.55 !important;
  }
  .mentor-badges-premium span {
    font-size: .66rem !important;
  }
  .mentor-program-card {
    border-radius: 22px;
    padding: 15px;
    box-shadow: 0 16px 36px rgba(0,0,0,.16);
  }
  .mentor-program-top {
    padding: 10px;
    border-radius: 16px;
  }
  .mentor-program-top i {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
  .mentor-program-top strong {
    font-size: 1.2rem;
  }
  .mentor-program-card h3 {
    font-size: 1rem;
  }
  .mentor-program-card li {
    font-size: .8rem;
    gap: 8px;
  }
  .mentor-program-value {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .mentor-program-value span {
    padding: 10px;
    font-size: .82rem;
  }
  .mentor-action-strip {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 9px 10px;
    scrollbar-width: none;
  }
  .mentor-action-strip::-webkit-scrollbar {
    display: none;
  }
  .mentor-action-strip a {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 12px;
    font-size: .74rem;
  }

  /* advisor modal mobile */
  .advisor-modal {
    align-items: flex-end;
    padding: 0;
  }
  .advisor-modal-card {
    width: 100%;
    max-height: 88dvh;
    border-radius: 24px 24px 0 0;
    padding: 20px;
  }
  .advisor-modal-head h2 {
    font-size: 1.5rem;
  }
  .advisor-modal-head p {
    font-size: .84rem;
  }
  .advisor-benefits {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .advisor-benefits span {
    padding: 9px 10px;
    font-size: .82rem;
  }
  .advisor-form {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .advisor-form input,
  .advisor-form select,
  .advisor-form textarea {
    padding: 11px 12px;
    border-radius: 12px;
  }
}


/* FINAL CLIENT-READY PATCHES */
.property-grid .property-card a,
.property-body a {
  font-weight: 900;
}

/* Avoid accidental native form UI issues on GitHub Pages */
.enquiry-form {
  position: relative;
}

/* Gallery images have actual files; empty-state appears only if files are missing */
.gallery-empty {
  border-style: dashed;
}

/* Thank popup placeholder should look deliberate if no YouTube link is added */
.video-placeholder span {
  line-height: 1.35;
}


/* FINAL GALLERY CLEANUP */
.gallery-section .section-head p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
body.lang-te .gallery-section .section-head h2 {
  font-family: "Noto Serif Telugu", "Noto Sans Telugu", serif;
}
body.lang-te .gallery-filter {
  font-family: "Noto Sans Telugu", sans-serif;
}


/* FINAL INSTAGRAM REEL UPDATE */
.video-placeholder i.fa-instagram {
  color: #c13584;
}
.thank-video-box iframe {
  background: #fff;
}


/* ENROLL BUTTON TARGET FIX */
#enroll {
  scroll-margin-top: 130px;
}
@media(max-width: 640px) {
  #enroll {
    scroll-margin-top: 120px;
  }
}


/* HERO ENROLL POPUP */
.mentor-enroll-trigger {
  border: 0;
  cursor: pointer;
}

.enroll-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}
.enroll-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.enroll-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 13, 35, .68);
  backdrop-filter: blur(7px);
}
.enroll-modal-card {
  position: relative;
  width: min(760px, 100%);
  max-height: min(92dvh, 860px);
  overflow-y: auto;
  background: #fff;
  border-radius: 30px;
  padding: 26px;
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
  transform: translateY(16px) scale(.98);
  transition: transform .2s ease;
}
.enroll-modal.open .enroll-modal-card {
  transform: translateY(0) scale(1);
}
.enroll-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f2f4f7;
  color: var(--navy);
  cursor: pointer;
}
.enroll-modal-head {
  padding-right: 38px;
}
.enroll-modal-head h2 {
  font-family: 'Playfair Display', serif;
  color: var(--navy);
  font-size: clamp(1.8rem, 4vw, 2.55rem);
  margin: 12px 0 8px;
}
.enroll-modal-head p {
  color: var(--muted);
  margin: 0;
}
.enroll-modal-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 18px 0;
}
.enroll-modal-highlights span {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid var(--border);
  color: var(--navy);
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 900;
  font-size: .84rem;
}
.enroll-modal-highlights i {
  color: #18a957;
}
.mentorship-popup-form {
  margin-top: 6px;
}

@media(max-width: 640px) {
  .enroll-modal {
    align-items: flex-end;
    padding: 0;
  }
  .enroll-modal-card {
    width: 100%;
    max-height: 90dvh;
    border-radius: 24px 24px 0 0;
    padding: 20px;
  }
  .enroll-modal-head {
    padding-right: 36px;
  }
  .enroll-modal-head h2 {
    font-size: 1.5rem;
  }
  .enroll-modal-head p {
    font-size: .84rem;
  }
  .enroll-modal-highlights {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 14px 0;
  }
  .enroll-modal-highlights span {
    padding: 9px 10px;
    font-size: .8rem;
  }
}