/* Michelle Brock Luxury Coastal V6 */
:root{--lux-navy:#082b49;--lux-navy2:#0d3b5c;--lux-gold:#c79a48;--lux-cream:#fbf8f1;--lux-blue:#eaf6fb}
body{background:#fff;color:#173247}
.topbar{background:var(--lux-navy);color:#fff}
header{background:rgba(255,255,255,.97);box-shadow:0 5px 24px rgba(8,43,73,.07);border-bottom:1px solid rgba(199,154,72,.22)}
.nav{min-height:98px}.brand{gap:14px}.brand-monogram{font-family:Georgia,serif;font-size:45px;line-height:1;color:var(--lux-gold);letter-spacing:-.08em;min-width:64px}.brand-copy strong{font-size:18px;color:var(--lux-navy);letter-spacing:.12em}.brand-copy span{color:var(--lux-gold);font-weight:700}.brand-copy small{color:var(--lux-navy);font-size:14px}
nav{gap:19px}nav a{color:var(--lux-navy);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}nav .btn-outline{background:var(--lux-gold);border-color:var(--lux-gold);color:#fff;padding:12px 16px}nav .btn-outline:hover{background:var(--lux-navy);border-color:var(--lux-navy)}
.florida-luxury-hero{min-height:650px;background:linear-gradient(90deg,rgba(246,251,253,.96) 0%,rgba(246,251,253,.88) 45%,rgba(246,251,253,.15) 68%),url('bright-fort-lauderdale.jpg') center/cover no-repeat;color:var(--lux-navy);position:relative;overflow:hidden}.florida-luxury-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:70px 0}.florida-luxury-hero .hero-copy{position:relative;z-index:2}.florida-luxury-hero .eyebrow{color:var(--lux-gold);font-weight:800}.florida-luxury-hero h1{font-size:clamp(54px,6vw,86px);color:var(--lux-navy);max-width:650px}.florida-luxury-hero .lead{color:#35566c!important;font-family:Arial,sans-serif!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.18em;font-size:12px!important;font-weight:700}.florida-luxury-hero .hero-photo{justify-self:end;width:min(430px,100%);position:relative;padding:14px;background:rgba(255,255,255,.72);box-shadow:0 30px 70px rgba(8,43,73,.18)}.florida-luxury-hero .hero-photo:before{content:"";position:absolute;inset:-12px 18px 18px -12px;border:1px solid var(--lux-gold);z-index:-1}.florida-luxury-hero .hero-photo img{width:100%;height:510px;object-fit:cover;object-position:center top}.hero-brand-copy{border-top:3px solid var(--lux-gold)!important}.hero-brand-copy .scriptline{color:var(--lux-gold)!important}.btn{background:var(--lux-gold)}.btn:hover{background:var(--lux-navy)}.hero .btn-outline{border-color:var(--lux-navy)!important;color:var(--lux-navy)!important;background:#fff}.hero .btn-outline:hover{background:var(--lux-navy)!important;color:#fff!important}
.searchbox{border-top:4px solid var(--lux-gold);border-radius:8px;background:#fff;box-shadow:0 20px 60px rgba(8,43,73,.14)}
.section{padding:90px 0}.section.alt{background:linear-gradient(180deg,#f8fcfd,var(--lux-cream))}.section-head{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{color:var(--lux-navy)}.section-head .eyebrow{color:var(--lux-gold)}
.service-photo-grid{gap:20px;border:0}.visual-service-card{border-radius:14px!important;overflow:hidden;box-shadow:0 18px 38px rgba(8,43,73,.12)}.visual-service-copy h3{font-size:34px!important}.visual-service-copy .num{color:#f0c36e!important}
.area-grid{grid-template-columns:repeat(5,1fr);gap:16px}.visual-area-card{border-radius:12px!important;overflow:hidden;box-shadow:0 8px 24px rgba(8,43,73,.09)!important;border:1px solid rgba(8,43,73,.07)}.visual-area-card>img{height:150px!important}.visual-area-copy strong{font-size:19px!important;color:var(--lux-navy)!important}.visual-area-copy span{color:var(--lux-gold)!important}
.michelle-intro{box-shadow:0 22px 60px rgba(8,43,73,.10);border-radius:14px;overflow:hidden}.michelle-intro-copy{background:var(--lux-cream)}.michelle-intro-copy h2{color:var(--lux-navy)}
.pagehero{background:linear-gradient(90deg,rgba(8,43,73,.94),rgba(13,59,92,.84)),url('bright-waterfront.jpg') center/cover;color:#fff;border-bottom:4px solid var(--lux-gold)}.pagehero h1{font-size:clamp(46px,5vw,72px)}.pagehero .breadcrumb{color:#f2cb84}.pagehero p{color:#f4f5f5}.sidebar{background:#fff;border-top:4px solid var(--lux-gold);box-shadow:0 12px 35px rgba(8,43,73,.08)}.sidebar a{color:var(--lux-navy)}
.cta{background:linear-gradient(120deg,var(--lux-navy),var(--lux-navy2));border-top:4px solid var(--lux-gold)}.footer{background:#061f35}.footer h4{color:#fff}.footer a:hover{color:#e7c47f}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:60;background:#25D366;color:#fff!important;border-radius:999px;padding:13px 18px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.2);font-size:13px}.whatsapp-float:hover{transform:translateY(-2px)}
@media(max-width:1100px){.area-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.florida-luxury-hero .wrap{grid-template-columns:1fr}.florida-luxury-hero{background:linear-gradient(rgba(246,251,253,.94),rgba(246,251,253,.84)),url('bright-fort-lauderdale.jpg') center/cover}.florida-luxury-hero .hero-photo{justify-self:start}.area-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand-monogram{font-size:36px;min-width:52px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:12px}.florida-luxury-hero .hero-photo img{height:420px}.area-grid{grid-template-columns:1fr}.whatsapp-float{right:12px;bottom:12px;padding:11px 14px}}


/* V6.2 final interior navigation + property tile color fix */
header .wrap.nav nav a:not(.btn-outline){color:#082b49!important;font-weight:700!important;}
header .wrap.nav nav a:not(.btn-outline):hover,header .wrap.nav nav a:not(.btn-outline):focus{color:#c79a48!important;}
.pillbar .pill.photo-pill,.pillbar .pill.photo-pill:visited{color:#fff!important;background-color:#082b49!important;border:0!important;}
.pillbar .pill.photo-pill span{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.35);}

/* V6.3 mortgage cross-link */
.mortgage-cta{background:#f8f5ef;border-top:1px solid rgba(185,145,70,.28);border-bottom:1px solid rgba(185,145,70,.28)}
.mortgage-cta-inner{display:flex;gap:32px;align-items:center;justify-content:space-between}
.mortgage-cta-inner>div:first-child{max-width:760px}
.mortgage-cta .actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
@media(max-width:800px){.mortgage-cta-inner{display:block}.mortgage-cta .actions{margin-top:20px}}

/* V6.6 — prominent mortgage navigation */
nav a.nav-mortgage{color:#082b49!important;font-weight:800!important;border-left:1px solid rgba(8,43,73,.16);padding-left:16px!important}
nav a.nav-mortgage:hover{color:#b8872e!important}
nav a.nav-apply{background:#b8872e!important;color:#fff!important;border:1px solid #b8872e!important;border-radius:4px;padding:10px 15px!important;font-weight:800!important;box-shadow:0 5px 14px rgba(184,135,46,.18)}
nav a.nav-apply:hover{background:#082b49!important;border-color:#082b49!important;color:#fff!important}

/* V6.6 — third-level search tiles: remove washed-out/grey appearance */
.pillbar{gap:14px!important}
.pillbar .pill.photo-pill,.pillbar .pill.photo-pill:visited{
  background-color:#082b49!important;
  border:2px solid #c89a48!important;
  box-shadow:0 10px 24px rgba(8,43,73,.15)!important;
  filter:none!important;
  opacity:1!important;
}
.pillbar .pill.photo-pill:before{
  background:linear-gradient(to top,rgba(8,43,73,.82),rgba(8,43,73,.08) 72%)!important;
}
.pillbar .pill.photo-pill span{
  color:#fff!important;
  font-weight:800!important;
  text-shadow:0 2px 6px rgba(0,0,0,.5)!important;
}
.pillbar .pill.photo-pill:after{background:#c89a48!important}
.pillbar .pill.photo-pill:hover{transform:translateY(-3px)!important;border-color:#f0c36e!important;box-shadow:0 16px 32px rgba(8,43,73,.22)!important}

@media(max-width:1100px){nav a.nav-mortgage{border-left:0;padding-left:0!important}.nav{align-items:flex-start}.nav nav{gap:10px}}


/* V6.8 — one-deploy final polish */
/* Keep header usable with the added mortgage actions. */
header .wrap.nav{gap:18px}
header .wrap.nav nav{gap:11px;justify-content:flex-end}
header .wrap.nav nav a{white-space:nowrap}
nav a.nav-contact{padding:10px 13px!important}

/* Third-level market choices: intentionally navy/gold, never gray. */
.pillbar .pill.photo-pill,
.pillbar .pill.photo-pill:visited{
  border:2px solid #c79a48!important;
  min-height:118px!important;
  box-shadow:0 10px 24px rgba(8,43,73,.16)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.pillbar .pill.photo-pill:before{background:linear-gradient(135deg,#082b49,#0d3b5c)!important;opacity:1!important}
.pillbar .pill.photo-pill span{padding:22px 18px!important;color:#fff!important;font-size:21px!important;text-shadow:none!important}
.pillbar .pill.photo-pill:after{content:"Explore →"!important;color:#f0c36e!important;right:12px!important;bottom:10px!important;opacity:1!important}
.pillbar .pill.photo-pill:hover{border-color:#f0c36e!important;transform:translateY(-3px)!important}

/* Homepage waterfront detail boxes use the same finished luxury palette. */
.feature-list{gap:14px!important;border-top:0!important}
.feature-list .feature{background:#082b49!important;border:1px solid #c79a48!important;border-radius:10px!important;padding:24px!important;box-shadow:0 10px 24px rgba(8,43,73,.12)!important}
.feature-list .feature strong{color:#fff!important}
.feature-list .feature span{color:#e8eef2!important}
.feature-list .feature:nth-child(odd){border-right:1px solid #c79a48!important}

@media(max-width:1250px){header .wrap.nav{display:block;padding-top:15px;padding-bottom:15px}header .wrap.nav nav{margin-top:12px;justify-content:flex-start;flex-wrap:wrap}}


/* V6.9 — restore photographic market/feature tiles.
   V6.8 accidentally made the overlay fully opaque, hiding the existing photos. */
.pillbar .pill.photo-pill,
.pillbar .pill.photo-pill:visited{
  position:relative!important;
  overflow:hidden!important;
  background-color:#082b49!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(200,154,72,.72)!important;
  box-shadow:0 10px 24px rgba(8,43,73,.16)!important;
}
.pillbar .pill.photo-pill:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,43,73,.16),rgba(8,43,73,.68))!important;
  opacity:1!important;
  z-index:0!important;
}
.pillbar .pill.photo-pill span{
  position:relative!important;
  z-index:1!important;
  padding:22px 18px!important;
  color:#fff!important;
  font-size:21px!important;
  text-shadow:0 2px 5px rgba(0,0,0,.48)!important;
}
.pillbar .pill.photo-pill:after{
  content:"Explore →"!important;
  position:absolute!important;
  z-index:1!important;
  right:12px!important;
  bottom:10px!important;
  color:#f0c36e!important;
  background:transparent!important;
  opacity:1!important;
}
.pillbar .pill.photo-pill:hover{
  transform:translateY(-3px)!important;
  border-color:#f0c36e!important;
  box-shadow:0 16px 32px rgba(8,43,73,.24)!important;
}


/* V6.12 definitive photo-tile rule */
.pillbar .pill.photo-pill,
.pillbar .pill.photo-pill:visited{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#082b49!important;
}
.pillbar .pill.photo-pill:before{
  background:linear-gradient(180deg,rgba(8,43,73,.10),rgba(8,43,73,.58))!important;
  opacity:1!important;
}


/* V6.13: real IMG element inside every market photo tile.
   This bypasses prior background-image cascade conflicts. */
.pillbar .pill.photo-pill{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#082b49!important;
}
.pillbar .pill.photo-pill .photo-pill-img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  z-index:-2!important;
  filter:none!important;
}
.pillbar .pill.photo-pill:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(8,43,73,.08),rgba(8,43,73,.52))!important;
  opacity:1!important;
}
.pillbar .pill.photo-pill span{
  position:relative!important;
  z-index:1!important;
}