/* =========================================================
   Sri Vathsa's Sterling Abode — Landing Page Stylesheet
   Typography: Poppins | Palette derived from project logo
   ========================================================= */

:root{
  --gold:        #b4913f;
  --gold-light:  #d9bd78;
  --gold-dark:   #8a6c2c;
  --ink:         #211d17;
  --ink-soft:    #4a443b;
  --gray:        #78716a;
  --line:        #e7e0d3;
  --cream:       #faf7f1;
  --cream-2:     #f2ecdf;
  --white:       #ffffff;
  --success:     #3f7a4f;

  --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --container: 1220px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 2px 10px rgba(33,29,23,.06);
  --shadow-md: 0 10px 30px rgba(33,29,23,.10);
  --shadow-lg: 0 22px 60px rgba(33,29,23,.18);

  --header-h: 112px;
  --header-h-scrolled: 84px;
  --sticky-form-h: 94px;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth; scroll-padding-top: calc(var(--header-h) + 16px);}
body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea{font-family:inherit;}
h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--ink);}
.container{width:92%;max-width:var(--container);margin:0 auto;}
section{position:relative;}
::selection{background:var(--gold-light);color:var(--ink);}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-dark);font-weight:600;margin-bottom:14px;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);}
.section-head{max-width:680px;margin-bottom:44px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:14px;}
.section-head p{color:var(--ink-soft);font-size:1rem;}
.section-head--tight{margin-bottom:22px;}
.section-head--tight p{white-space:normal;}
@media(min-width:900px){ .section-head--tight p{white-space:nowrap;} }
.section-head--lg h2{font-size:clamp(1.9rem,3.6vw,2.7rem);}
.section-head--lg p{font-size:1.08rem;}
.section-pad{padding:88px 0;}
@media(max-width:768px){ .section-pad{padding:56px 0;} }

.tag-alt{color:var(--gold-dark);}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:100px;font-weight:600;font-size:.92rem;
  letter-spacing:.01em;transition:all .25s ease;white-space:nowrap;
}
.btn-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#2a2210;box-shadow:0 8px 20px rgba(180,145,63,.35);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(180,145,63,.45);}
.btn-outline{border:1.5px solid var(--gold);color:var(--gold-dark);background:transparent;}
.btn-outline:hover{background:var(--gold);color:#fff;}
.btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.15);}
.btn-sm{padding:10px 20px;font-size:.85rem;}
.btn-block{width:100%;}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:940;
  height:var(--header-h);
  background:rgba(255,255,255,.97);
  border-bottom:1px solid transparent;
  transition:height .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.site-header.scrolled{
  height:var(--header-h-scrolled);
  box-shadow:var(--shadow-sm);
  border-color:var(--line);
}
.site-header .container{
  height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand img{height:88px;width:auto;transition:height .3s ease;}
.site-header.scrolled .brand img{height:66px;}

.main-nav{display:flex;align-items:center;gap:34px;}
.main-nav a{
  font-size:.92rem;font-weight:500;color:var(--ink-soft);position:relative;padding:6px 0;
}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);
  transition:width .25s ease;
}
.main-nav a:hover{color:var(--ink);}
.main-nav a:hover::after{width:100%;}

.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.header-call{display:none;}
@media(min-width:1001px){ .header-call{display:inline-flex;} }

.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:42px;height:42px;border-radius:8px;flex-shrink:0;
}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:0 auto;transition:all .3s ease;}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative;height:100vh;min-height:560px;margin-top:var(--header-h);
  overflow:hidden;background:var(--ink);
}
.hero picture,.hero img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.35) 100%);
  pointer-events:none;
}
.hero-scroll-cue{
  position:absolute;left:50%;bottom:28px;transform:translateX(-50%);
  width:30px;height:46px;border:2px solid rgba(255,255,255,.75);border-radius:20px;
  display:flex;justify-content:center;padding-top:8px;z-index:2;
}
.hero-scroll-cue span{width:4px;height:8px;border-radius:2px;background:#fff;animation:cue 1.8s infinite;}
@keyframes cue{0%{opacity:1;transform:translateY(0);}70%{opacity:0;transform:translateY(14px);}100%{opacity:0;}}

/* ---------- Mobile inline enquiry form (hidden on desktop) ---------- */
.mobile-lead{display:none;background:var(--cream-2);padding:26px 0 30px;border-bottom:1px solid var(--line);}
.mobile-lead .lead-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px 20px;border:1px solid var(--line);}
.mobile-lead h3{font-size:1.05rem;margin-bottom:4px;}
.mobile-lead p{font-size:.85rem;color:var(--gray);margin-bottom:16px;}

/* =========================================================
   FORM ELEMENTS (shared)
   ========================================================= */
.field{margin-bottom:12px;}
.field input,.field select{
  width:100%;padding:13px 15px;border:1.4px solid var(--line);border-radius:10px;
  font-size:.92rem;color:var(--ink);background:#fff;transition:border-color .2s ease;
}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);}
.field input::placeholder{color:#a7a094;}
.consent{display:flex;align-items:flex-start;gap:8px;font-size:.72rem;color:var(--gray);margin:10px 0 14px;line-height:1.45;}
.consent input{margin-top:3px;accent-color:var(--gold);flex-shrink:0;}
.form-success{display:none;text-align:center;padding:10px 0;}
.form-success.show{display:block;}
.form-success svg{width:44px;height:44px;color:var(--success);margin:0 auto 10px;}
.form-success h4{margin-bottom:6px;}
.form-success p{color:var(--gray);font-size:.88rem;}
.form-fields.hide{display:none;}

.inline-form-row{display:flex;gap:10px;flex-wrap:wrap;}
.inline-form-row .field{flex:1 1 160px;margin-bottom:0;}

/* =========================================================
   PROJECT HIGHLIGHTS / OVERVIEW
   ========================================================= */
   
.overview{background:var(--white);}
.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.overview-copy p{color:var(--ink-soft);margin-bottom:16px;font-size:1rem;}
.overview-copy .lede{font-size:1.15rem;color:var(--ink);font-weight:500;}
.overview-copy--center{text-align:center;}
.overview-copy--center .eyebrow{justify-content:center;}
.overview-cta{margin-top:24px;text-align:center;}

.badge-list{display:flex;flex-wrap:wrap; justify-content:left;  gap:8px;margin-top:18px;}
.badge-list li{
  display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:100px;
  background:var(--cream-2);font-size:.82rem;font-weight:500;color:var(--ink-soft);
  border:1px solid var(--line);
}
.badge-list li svg{width:15px;height:15px;stroke:var(--gold-dark);flex-shrink:0;}

.stat-panel{
  background:linear-gradient(160deg,#26211a,#171310);
  border-radius:var(--radius-lg);padding:36px 30px;color:#fff;
  box-shadow:var(--shadow-lg);
}
.stat-panel .tagline{font-size:1.3rem;color:var(--gold-light);font-family:var(--font);font-style:italic;font-weight:500;margin-bottom:26px;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;}
.stat-grid .stat b{display:block;font-size:1.7rem;color:#fff;font-weight:600;}
.stat-grid .stat span{font-size:.78rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.06em;}
.stat-divider{grid-column:1/-1;height:1px;background:rgba(255,255,255,.14);margin:2px 0;}

@media(max-width:900px){
  .overview-grid{grid-template-columns:1fr;gap:34px;}
}

/* =========================================================
   AMENITIES
   ========================================================= */
   
.amenities{background:var(--cream);}
.amenity-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:26px 20px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.amenity-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold-light);}
.amenity-card .icon{
  width:52px;height:52px;border-radius:50%;background:var(--cream-2);
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.amenity-card .icon svg{width:24px;height:24px;stroke:var(--gold-dark);}
.amenity-card h4{font-size:.88rem;font-weight:600;color:var(--ink);}

/* ---------- Carousel (Amenities / Gallery) ---------- */
.carousel{position:relative;padding:0 8px;}
.carousel-track{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;padding:4px 4px 14px;scrollbar-width:thin;
}
.carousel-track::-webkit-scrollbar{height:6px;}
.carousel-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;}
.carousel-track .amenity-card{scroll-snap-align:start;flex:0 0 calc(25% - 14px);}
.carousel-arrow{
  position:absolute;top:calc(50% - 7px);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:#fff;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;
  z-index:5;border:1px solid var(--line);color:var(--ink);flex-shrink:0;
}
.carousel-arrow:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.carousel-arrow svg{width:18px;height:18px;}
.carousel-arrow.prev{left:-14px;}
.carousel-arrow.next{right:-14px;}



@media(max-width:900px){
  .carousel-track .amenity-card{flex:0 0 calc(33.333% - 12px);}
}
@media(max-width:600px){
  .carousel-track .amenity-card{flex:0 0 62%;}
  .carousel-arrow{width:36px;height:36px;}
  .carousel-arrow.prev{left:-8px;}
  .carousel-arrow.next{right:-8px;}
}

/* Amenities: full static grid on desktop (matches the original layout),
   sliding carousel only on tablet/mobile */
@media(min-width:901px){
  #amenitiesCarousel{padding:0;}
  #amenitiesCarousel .carousel-track{
    display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
    overflow:visible;padding:0;
  }
  #amenitiesCarousel .carousel-track .amenity-card{flex:unset;scroll-snap-align:unset;}
  #amenitiesCarousel .carousel-arrow{display:none;}
}

.clubviva-note{
  margin-top:36px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 26px;
}
.clubviva-note b{color:var(--gold-dark);}

@media(max-width:600px){ .amenity-card{padding:18px 12px;} }

/* =========================================================
   FLOOR PLANS
   ========================================================= */
.floorplans{background:#fff;}
.masterplan-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);margin-bottom:56px;}
.masterplan-frame img{width:100%;}
.masterplan-caption{background:var(--cream-2);padding:14px 20px;font-size:.82rem;color:var(--gray);text-align:center;}

.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:56px;}
.config-card{
  border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 18px;text-align:center;
  background:linear-gradient(180deg,#fff,var(--cream));
}
.config-card b{display:block;font-size:1.05rem;color:var(--gold-dark);margin-bottom:6px;}
.config-card span{font-size:.82rem;color:var(--gray);}
.config-card em{display:block;font-style:normal;font-size:1.5rem;font-weight:600;margin:8px 0 2px;}

.plan-tabs-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;}
.plan-tabs-head--center{justify-content:center;flex-direction:column;text-align:center;}
.tab-btns{display:flex;gap:8px;background:var(--cream-2);padding:6px;border-radius:100px;}
.tab-btns button{padding:9px 22px;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--ink-soft);transition:all .2s ease;}
.tab-btns button.active{background:var(--ink);color:#fff;}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.plan-image-frame{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);}

 
.plan-image-frame img{ width:100%;    height: auto;}


@media(max-width:900px){ .config-grid{grid-template-columns:repeat(2,1fr);} }

/* =========================================================
   GALLERY
   ========================================================= */
.gallery{background:var(--cream);}
.gallery-track{grid-auto-rows:unset;}
.gallery-track button{
  position:relative;border-radius:var(--radius-sm);overflow:hidden;display:block;
  flex:0 0 calc(28% - 14px);height:260px;scroll-snap-align:start;
}
.gallery-track button img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.gallery-track button:hover img{transform:scale(1.08);}
.gallery-track button::after{
  content:"";position:absolute;inset:0;background:rgba(20,17,12,0);transition:background .3s ease;
}
.gallery-track button:hover::after{background:rgba(20,17,12,.15);}

@media(max-width:900px){
  .gallery-track button{flex:0 0 45%;height:220px;}
}
@media(max-width:600px){
  .gallery-track button{flex:0 0 74%;height:190px;}
}

/* Gallery: full static grid on desktop (matches the original layout),
   sliding carousel only on tablet/mobile */
@media(min-width:901px){
  #galleryCarousel{padding:0;}
  #galleryCarousel .carousel-track{
    display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:16px;
    overflow:visible;padding:0;
  }
  #galleryCarousel .carousel-track button{flex:unset;height:100%;scroll-snap-align:unset;}
  #galleryCarousel .carousel-arrow{display:none;}
}

/* Lightbox */
.lightbox{
  position:fixed;inset:0;z-index:1200;background:rgba(15,13,10,.95);
  display:none;align-items:center;justify-content:center;padding:30px;
}
.lightbox.open{display:flex;}
.lightbox img{max-width:92vw;max-height:82vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.lightbox-close,.lightbox-prev,.lightbox-next{
  position:absolute;color:#fff;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);transition:background .2s ease;
}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.22);}
.lightbox-close{top:22px;right:22px;}
.lightbox-prev{left:18px;top:50%;transform:translateY(-50%);}
.lightbox-next{right:18px;top:50%;transform:translateY(-50%);}
.lightbox-close svg,.lightbox-prev svg,.lightbox-next svg{width:20px;height:20px;}

/* =========================================================
   LOCATION
   ========================================================= */
.location{background:#fff;}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.location-plan-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);}
.location-plan-img img{
  width: 100%;
  height: auto !important;
}
.location-copy p{color:var(--ink-soft);margin-bottom:14px;}
.loc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.loc-tabs button{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:100px;font-size:.85rem;font-weight:600;
  border:1.4px solid var(--line);color:var(--ink-soft);background:var(--cream-2);
  transition:all .2s ease;
}
.loc-tabs button svg{width:16px;height:16px;stroke:var(--gold-dark);flex-shrink:0;transition:stroke .2s ease;}
.loc-tabs button:hover{border-color:var(--gold-light);}
.loc-tabs button.active{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:var(--shadow-sm);}
.loc-tabs button.active svg{stroke:#fff;}
.loc-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 24px;}
.loc-list li{
  display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.92rem;
}
.loc-list li:nth-last-child(-n+2){border-bottom:none;}
.loc-list li b{color:var(--ink);font-weight:500;}
.loc-list li span{color:var(--gold-dark);font-weight:600;white-space:nowrap;font-size:.82rem;}
.loc-panel{display:none;}
.loc-panel.active{display:block;}

@media(max-width:900px){
  .location-grid{grid-template-columns:1fr;}
  .loc-list{grid-template-columns:1fr;}
  .loc-list li:nth-last-child(-n+2){border-bottom:1px dashed var(--line);}
  .loc-list li:last-child{border-bottom:none;}
}

/* =========================================================
   FAQ
   ========================================================= */
.faq{background:var(--cream);}
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;text-align:left;font-weight:600;font-size:.98rem;color:var(--ink);
}
.faq-q .plus{
  width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gold);flex-shrink:0;
  position:relative;transition:transform .3s ease,background .3s ease;
}
.faq-q .plus::before,.faq-q .plus::after{
  content:"";position:absolute;background:var(--gold-dark);top:50%;left:50%;transform:translate(-50%,-50%);
}
.faq-q .plus::before{width:10px;height:1.6px;}
.faq-q .plus::after{width:1.6px;height:10px;transition:opacity .3s ease;}
.faq-item.open .plus{transform:rotate(180deg);background:var(--gold);}
.faq-item.open .plus::before,.faq-item.open .plus::after{background:#fff;}
.faq-item.open .plus::after{opacity:0;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 24px 20px;color:var(--ink-soft);font-size:.92rem;}
.faq-cta{text-align:center;margin-top:36px;}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{background:#1b1712;color:#d9d3c6;padding-top:70px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand img{
      height: 126px;
    margin-bottom: -12px; 
  filter:brightness(0) invert(1) opacity(.95);}

.footer-brand p{font-size:.88rem;color:#fff; line-height:1.7;}
.footer-colmdl{
  text-align: center;
}
.modalheading{
      text-align: center;
    width: 100%;
    padding-left: 30px;
}

.footer-col h5{color:#fff;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;}
.footer-col ul li{margin-bottom:12px;}
.footer-col a{font-size:.89rem;color:#fff; transition:color .2s ease;}
.footer-col a:hover{color:var(--gold-light);}
.footer-contact li{display:flex;gap:12px;font-size:.89rem;color:#fff; margin-bottom:16px;align-items:flex-start;}
.footer-contact .fc-icon{
  width:32px;height:32px;border-radius:50%;background:rgba(217,189,120,.14);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.footer-contact svg{width:16px;height:16px;stroke:var(--gold-light);flex-shrink:0;}

.footer-legal{padding:30px 0;}
.footer-legal .rera-line{font-size:.81rem;color:#d1d1d1 ;margin-bottom:12px;}
.footer-legal .disclaimer{font-size:.78rem;color:#d1d1d1 ;line-height:1.7;max-width:1000px;}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);padding:20px 0 calc(20px + env(safe-area-inset-bottom,0px));
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  font-size:.8rem;color: #d1d1d1;
}
.footer-bottom a{color:#c3bcac;}
.js-open-terms{font-family:inherit;font-size:.8rem;color: #d1d1d1; text-decoration:underline;text-underline-offset:3px;transition:color .2s ease;}
.js-open-terms:hover{color:var(--gold-light);}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:1/-1;}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:32px;}
}

/* =========================================================
   STICKY BOTTOM FORM — DESKTOP ONLY
   ========================================================= */
.sticky-form{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:850;
  background:linear-gradient(180deg,#241f18,#171310);border-top:2px solid var(--gold);
  box-shadow:0 -12px 34px rgba(0,0,0,.28);
  height:var(--sticky-form-h);
}
.sticky-form .container{height:100%;display:flex;align-items:center;gap:24px;}
.sticky-form .sf-copy{flex-shrink:0;min-width:260px;}
.sticky-form .sf-copy b{display:block;font-size:.9rem;letter-spacing:.03em;color:var(--gold-light);line-height:1.35;}
.sticky-form .sf-copy span{font-size:.8rem;color:rgba(255,255,255,.65);}
.sticky-form form{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap;}
.sticky-form .field{margin-bottom:0;flex:1;max-width:190px;min-width:130px;}
.sticky-form .field input{padding:12px 14px;border:1.4px solid transparent;}
.sticky-form .btn-primary{padding:12px 22px;}

@media(min-width:1001px){
  .sticky-form{display:block;}
  body{padding-bottom:var(--sticky-form-h);}
}

/* =========================================================
   MOBILE STICKY CALL/ENQUIRE BAR — MOBILE ONLY
   ========================================================= */
.mobile-bar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:850;
  background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.1);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  gap:10px;
}
.mobile-bar a,.mobile-bar button{flex:1;}
@media(max-width:1000px){
  .mobile-bar{display:flex;}
  body{padding-bottom:70px;}
}

/* =========================================================
   MODAL (popup forms)
   ========================================================= */
.modal-overlay{
  position:fixed;inset:0;z-index:1300;background:rgba(20,17,12,.6);
  display:none;align-items:center;justify-content:center;padding:18px;
  backdrop-filter:blur(2px);
}
.modal-overlay.open{display:flex;}
.modal-box{
  width:100%;max-width:420px;background:#fff;border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;
}
.modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:18px 22px;background:linear-gradient(135deg,#241f18,#171310);color:#fff;flex-shrink:0;
}
.modal-head h3{color:#fff;font-size:1.05rem;font-weight:600;}
.modal-head span{display:block;font-size:.72rem;color:var(--gold-light);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;}
.modal-close{
  width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.modal-close svg{width:16px;height:16px;stroke:#fff;}
.modal-body{padding:20px 22px 22px;overflow:hidden;}
.modal-body .field input,.modal-body .field select{padding:12px 14px;font-size:.9rem;}
.modal-body .consent{margin:8px 0 12px;}
.modal-body button[type="submit"]{display:block;margin:0 auto;min-width:170px;padding:12px 30px;}

@media(max-height:680px){
  .modal-head{padding:13px 20px;}
  .modal-body{padding:14px 20px 18px;}
  .field{margin-bottom:9px;}
  .modal-body .consent{margin:6px 0 10px;font-size:.68rem;}
}

/* ---------- Terms & Conditions popup ---------- */
.terms-box{max-width:560px;}
.terms-body{overflow-y:auto;max-height:60vh;}
.terms-body p{color:var(--ink-soft);font-size:.9rem;line-height:1.7;margin-bottom:14px;}
.terms-body p:last-child{margin-bottom:0;}

/* =========================================================
   MISC / UTIL
   ========================================================= */
.no-scroll{overflow:hidden;}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.fade-up.in{opacity:1;transform:translateY(0);}

/* =========================================================
   RESPONSIVE — HEADER / NAV / HERO
   ========================================================= */
@media(max-width:1000px){
  .main-nav{
    position:fixed;top:var(--header-h);right:0;height:calc(100dvh - var(--header-h));width:min(78vw,320px);
    background:#fff;flex-direction:column;align-items:flex-start;gap:0;
    padding:20px 26px 30px;overflow-y:auto;
    transform:translateX(100%);transition:transform .35s ease;
    box-shadow:-14px 0 40px rgba(0,0,0,.12);z-index:920;
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav a{width:100%;padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem;}
  .nav-toggle{display:flex;}
  .nav-scrim{
    position:fixed;inset:0;background:rgba(15,13,10,.45);z-index:910;
    opacity:0;pointer-events:none;transition:opacity .3s ease;
  }
  .nav-scrim.open{opacity:1;pointer-events:auto;}
  .header-actions .btn-primary{padding:11px 18px;font-size:.82rem;}
}

@media(max-width:1000px){
  .mobile-lead{display:block;}
  
}


.map-frame iframe{
  width: 100%;
    height: 440px;
    border: none;
    border-radius: 15px;
}

.apremiumgethd{
    margin-bottom: 10px;
}



@media(max-width:768px){
    .btn {
      gap: 5px;
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
    .stat-grid .stat b {
     font-size: 17px;
    }

    .stat-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 15px;
        text-align: left;
    }

    .stat-panel {
      padding: 22px 22px;
    }

        .section-pad {
        padding: 30px 0;
    }
    .config-card em {
     font-size: 15px;
     margin: 5px 0 2px
    }
   
    .config-card {
      padding: 15px 10px;
  }

  .tab-btns button {
    padding: 7px 14px;
     font-size: 15px;
  }

  .plan-image-frame img {
        height: auto;
    }

  .section-head--lg h2 {
      font-size: 28px;
  }
.section-head {
     margin-bottom: 20px;
}
  .config-card b { 
      font-size: 14px;
  }

  .loc-list {
    display: grid;
   
    gap: 5px 14px;
     border: 1px solid var(--line);
     padding: 10px 14px;
  }
  .map-frame iframe {
     height: 200px;
  }

  .faq-cta {
     margin-top: 20px;
  }
    
  .site-footer {
      padding-top: 0px;
  }
  .footer-grid {
     padding-bottom: 10px;
  }
  
     .hero {
        height: inherit;
        min-height: inherit;
        width: 100% !important;
    }
    
    .hero-scroll-cue {
       display: none;
    }
  
}