.nac-listings{
  --navy:#0d1730; --gold:#d2a24c; --gold-2:#e7c37c;
  --green:#1fa363; --muted:#7a8699;
  position:relative; overflow:hidden;
  background:radial-gradient(circle at center, #0e3552 0%, #000 70%);
  scroll-margin-top:90px;
  padding: 0px 0 96px;
  z-index: 1;
}

/* ================= LISTING CARD = image + details ================= */
.listing-card{
  position:relative; overflow:hidden; height:100%;
  display:flex; flex-direction:column;
  background:#f7f9fd; border-radius:12px;
  border:1px solid rgba(13,23,48,.08);
  box-shadow:0 12px 32px rgba(0,0,0,.35);
  transition:transform .35s ease, box-shadow .35s ease;
}
.listing-card:hover{transform:translateY(-10px); box-shadow:0 26px 54px rgba(0,0,0,.5);}
.listing-card::before{ /* gold sweep line on hover */
  content:""; position:absolute; top:0; left:0; right:0; height:4px; z-index:3;
  background:linear-gradient(90deg,var(--gold),var(--gold-2));
  transform:scaleX(0); transform-origin:left; transition:transform .45s ease;}
.listing-card:hover::before{transform:scaleX(1);}

/* image */
.listing-media{position:relative; height:210px; overflow:hidden;}
.listing-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.listing-card:hover .listing-media img{transform:scale(1.08);}
.listing-media::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,17,34,.10),transparent 45%,rgba(10,17,34,.35));}

/* status pill on image */
.status-pill{position:absolute; top:14px; left:14px; z-index:2;
  background:var(--gold); color:#0a1122; border-radius:50px;
  font-size:0.9vw; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  padding:6px 14px; box-shadow:0 4px 12px rgba(0,0,0,.25);}
.status-pill.blue{background:#1d5bd8; color:#fff;}

/* body */
.listing-body{padding:22px 24px 24px; display:flex; flex-direction:column; flex:1;}
.listing-title{font-family:var(--font-02); color:var(--color-2); text-transform:uppercase;
  font-size:1.3vw; line-height:1.3; letter-spacing:.02em; margin:0 0 14px;}
.listing-price{color:var(--green); font-weight:700; font-size:1.3vw; margin-bottom:6px;font-family: var(--font-01);}
.listing-rev{color:var(--muted); font-size:1.1vw;}

/* location */
.listing-loc{display:flex; align-items:center; gap:10px;
  margin-top:auto; padding-top:14px; margin-bottom:18px;
  border-top:1px dashed rgba(13,23,48,.15);
  color:var(--navy); font-weight:700; font-size:1.2vw; letter-spacing:.12em; text-transform:uppercase;}
.listing-loc .cc{background:var(--navy); color:#fff; border-radius:4px; padding:3px 7px;
  font-size:1.2vw; letter-spacing:.08em;}

@media (max-width:575.98px){
  .nac-listings{padding:70px 0;}
  .listing-media{height:200px;}
  .status-pill{font-size: 16px}
  .listing-title{font-size: 1.15rem}
  .listing-price{font-size: 1.2rem}
  .listing-rev{font-size: 16px}
  .listing-loc{font-size: 18px}
  .listing-loc .cc{font-size: 8px}
}