.listing-card ul{margin-left:16px}
.brochure-cta .btn{font-weight:700}
.brochure-cta .btn-outline{background:transparent;color:#123225;border:1px solid #d6c49a}

/* gallery tweaks */
.gallery .thumb{overflow:hidden;border-radius:8px}
.gallery .thumb img{transition:transform .18s ease}
.gallery .thumb img:hover{transform:scale(1.03)}

/* testimonial */
.testimonial{font-size:14px;color:#2b4b3f}

/* spec badge layout on small screens */
@media (max-width:640px){
  .specs { flex-direction:column; }
  .hero{padding:28px 8px}
  .hero-title{font-size:22px}
}

/* sticky sidebar fallback for mobile */
@media (max-width:980px){
  .sidebar .contact-box{position:relative;top:auto;margin-top:18px}
}

/* accessible focus states */
a:focus, button:focus, input:focus, textarea:focus{outline:3px solid rgba(185,139,65,0.12);outline-offset:2px}

/* small helpers */
.small-note{font-size:13px}

/* keep selectors short and shallow for faster rendering */


    :root{
      --gold-1:#b98b41; --gold-2:#b47963;
      --hero-from:#1d2d22; --hero-to:#4b5d51;
      --muted:#5b6a61;
      --bg:#ffffff;
      --accent-dark:#123225;
    }
    html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#111;background:var(--bg);-webkit-font-smoothing:antialiased}
    .container{max-width:1180px;margin-top:10px;padding:0 16px;box-sizing:border-box}
    .site-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
    .brand img{height:64px;display:block}
    .hero{display:flex;gap:24px;align-items:center;padding:48px 0;background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:#fff;border-bottom:1px solid rgba(255,255,255,0.04);border-radius:6px}
    .hero-left{flex:1;min-width:260px}
    .hero-title{font-size:30px;line-height:1.02;margin:0 0 8px;font-weight:800}
    .accent{background:linear-gradient(90deg,#ffd89b,var(--gold-1));-webkit-background-clip:text;color:transparent}
    .hero-lead{opacity:0.95;margin:0 0 12px;font-size:15px}
    .hero-cta{display:flex;gap:10px;flex-wrap:wrap}
    .btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}
    .btn-gold{background:linear-gradient(90deg,var(--gold-1),var(--gold-2));color:#fff;border:none}
    .btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.28);color:#fff}
    .hero-media{width:420px;flex:0 0 420px;display:flex;justify-content:center}
    .hero-media img{width:100%;height:250px;object-fit:cover;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,0.28)}
    main{padding:28px 0}
    .grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
    @media (max-width:980px){ .grid{grid-template-columns:1fr} .hero-media{display:none} }
    .listing-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 12px 30px rgba(12,20,16,0.04)}
    .meta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
    .price{font-size:20px;font-weight:800;color:var(--accent-dark)}
    .badge{background:#f3fff6;color:#0a4d33;padding:6px 8px;border-radius:8px;font-weight:700;font-size:13px}
    .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
    .gallery img{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
    .section-title{font-size:18px;color:var(--accent-dark);margin:8px 0 12px;font-weight:700}
    .specs{display:flex;flex-wrap:wrap;gap:14px}
    .spec{background:#f7fff9;padding:10px 12px;border-radius:8px;font-weight:700;color:var(--accent-dark)}
    .floor-thumb img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.06);cursor:pointer}
    .map{height:220px;border-radius:8px;overflow:hidden;background:#eef8f2;border:1px solid #e6f3ea;display:flex;align-items:center;justify-content:center;color:#2b6b4a;font-weight:700}
    .muted{color:#6b786f;font-size:13px}
    .sidebar .contact-box{position:sticky;top:18px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 12px 30px rgba(12,20,16,0.05)}
    .form-control{width:100%;padding:10px;border-radius:8px;border:1px solid #e6efe7;margin:8px 0}
    .small-note{font-size:13px;color:#6b786f}
    .testimonial{background:linear-gradient(180deg,#fff,#fbfff8);padding:12px;border-radius:8px;border-left:4px solid var(--gold-1)}
    .brochure-cta{display:flex;gap:12px;align-items:center;margin:16px 0}
    .accordion-button{background:#fff;color:var(--accent-dark);border-radius:8px;margin-bottom:8px}
    #year{font-weight:700}
    a:focus,button:focus,input:focus,textarea:focus{outline:3px solid rgba(185,139,65,0.12);outline-offset:2px}
    /* modal video styles */
    .video-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:12000;padding:20px}
    .video-modal{width:100%;max-width:1100px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,0.6)}
    .video-modal .modal-header{display:flex;justify-content:flex-end;padding:8px;background:transparent}
    .video-modal .modal-body{padding:0}
    .video-modal iframe{display:block;width:100%;height:60vh;border:0}
    .video-close{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer;padding:6px 12px}
    @media (max-width:640px){ .video-modal iframe{height:50vh} }


    .floor-plan {
  width: 120px;   
  height: auto;  
}



/* body form */
/* Contact box container */
.contact-box {
  max-width: 420px;
  width: 100%;
  background-color: #f9f9f9;
  padding: 24px 20px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Heading */
.contact-box h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}

/* Input and textarea fields */
.contact-box input,
.contact-box textarea {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.contact-box input:focus,
.contact-box textarea:focus {
  border-color: #b98b41;
  outline: none;
}

/* Submit button */
.contact-box button[type="submit"] {
  width: 100%;
  background: linear-gradient(90deg, var(--gold-1), var(--gold-2));
  color: white;
  border: none;
  padding: 12px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Agent info section */
.contact-box div {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.contact-box div a {
  /* color: #007bff; */
  text-decoration: none;
}

.contact-box div a:hover {
  text-decoration: underline;
}

/* Divider */
.contact-box hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 16px 0;
}


.agent-contact {
  background: linear-gradient(90deg, var(--gold-1), var(--gold-2));
  padding: 15px 20px;
  /* border-left: 4px solid #007BFF;  */
  border-radius: 6px;
   max-width: 100%;
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
  line-height: 1.6;
  color: #fff;
}

.agent-contact strong {
  font-size: 1.1em;
  color: #fff;
}

.agent-contact a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}


#propertyCarousel .carousel-inner .carousel-item img {
  width: 100%;  
  height: 300px; 
  object-fit: cover; 
}


  .specs i {
    color: #b98b41; 
  }

    .amenities i {
    color: #b98b41; 
  }



  
.brochure-modal-content button, .modal-content button {
    background: #c9a22d;
    border: none;
    padding: 10px 20px;
    color: #000;
    font-weight: 600;
    border-radius: 50%;
    cursor: pointer;
}


/* Download Brochure CSS */

/* Modal background */
.brochure-modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: flex-start;
  z-index: 9999;
}

/* Modal content – layout same as original */
.brochure-modal-content {
  background-color: #fff;
  margin: auto;
  margin-top: 8vh;
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  width: 90%;
  position: relative;
  animation: slideDown 0.3s ease;
}

/* Form inputs */
.brochure-modal-content form input,
.brochure-modal-content form textarea {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 12px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Submit button */
.brochure-modal-content form button {
  padding: 10px;
  font-size: 15px;
  border-radius: 5px;
}