*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f6f4ef;color:#20211e;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:82px;background:#10110f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid #2c2b25}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border:1px solid #c9a85d;color:#d5b66e;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:24px}.brand strong{display:block;letter-spacing:1.2px;font-size:15px}.brand strong i{font-style:normal;color:#d6b76f}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#c7c3b9;margin-top:1px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#e5e3dc}.topbar nav a:hover{color:#d7b76b}.nav-cta{border:1px solid #6d5a32;padding:10px 14px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:600px;position:relative;display:flex;align-items:center;color:white;background:#161914 url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=85") center 52%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.91) 0%,rgba(10,13,11,.68) 45%,rgba(10,13,11,.13) 100%),linear-gradient(0deg,rgba(8,10,8,.45),transparent 50%)}.hero-content{position:relative;z-index:1;padding:70px 8%;max-width:760px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b18b42;font-weight:700;margin:0 0 15px}.hero h1{font:600 clamp(46px,6vw,78px)/1.08 "Playfair Display",Georgia,serif;letter-spacing:-1.7px;margin:0 0 20px}.hero h1 em,.section-heading h2 em,.about-copy h2 em{font-weight:500;color:#d7b66b}.hero-copy{max-width:450px;color:#e1e0da;font-size:15px;margin:0 0 28px}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#d2b16b;color:#171711;padding:14px 21px;border:1px solid #d2b16b;font-weight:700;font-size:12px;letter-spacing:.3px;transition:.2s}.gold-button:hover{background:#e4c783;transform:translateY(-1px)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:9px;letter-spacing:2px;color:#c5c3bb}.note-line{width:35px;height:1px;background:#d2b16b}.hero-badge{position:absolute;right:7%;bottom:38px;border:1px solid rgba(215,182,107,.7);padding:13px 18px;text-align:center;color:#d8ba72;letter-spacing:3px;font-family:"Playfair Display",serif}.hero-badge span{display:block;font-size:21px}.hero-badge small{font:8px "DM Sans",sans-serif;letter-spacing:2px}.search-wrap{padding:0 7%;position:relative;margin-top:-34px;z-index:3}.search-panel{display:grid;grid-template-columns:1.25fr 1fr auto;gap:12px;background:#fff;padding:18px;box-shadow:0 14px 35px #19170f12;border:1px solid #ebe7dd}.search-field{display:flex;flex-direction:column;gap:5px;border:1px solid #e8e4db;padding:9px 13px}.search-field span{font-size:8px;letter-spacing:2px;color:#98804b;font-weight:700}.search-field input,.search-field select{width:100%;border:0;background:transparent;outline:none;font:13px "DM Sans",sans-serif;color:#333;min-height:24px}.search-button{min-width:120px}.section{padding:95px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section-heading h2,.about-copy h2,.contact-section h2{font:600 clamp(32px,4vw,46px)/1.15 "Playfair Display",Georgia,serif;margin:0 0 9px}.muted,.listing-count{color:#77776f;font-size:12px}.listing-count{padding-bottom:8px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.property-card{background:#fff;border:1px solid #e9e5dc;transition:transform .25s,box-shadow .25s;min-width:0}.property-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #14140e12}.property-photo{height:230px;background:#dedbd2;position:relative;overflow:hidden}.property-photo img{width:100%;height:100%;object-fit:cover;display:block}.property-type{position:absolute;left:16px;top:16px;background:#f4e8c9;color:#745b2a;padding:6px 10px;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.property-body{padding:20px}.property-body h3{font:600 22px/1.25 "Playfair Display",Georgia,serif;margin:0 0 12px}.price{font-weight:700;color:#9b7837;font-size:17px;margin-bottom:8px}.property-location{font-size:12px;color:#74746c;margin-bottom:8px}.property-desc{font-size:12px;color:#65655e;min-height:38px;margin-bottom:18px}.card-actions{display:flex;gap:8px}.card-actions a{flex:1;text-align:center;padding:11px 8px;font-size:11px;font-weight:700}.card-primary{background:#171914;color:white}.card-secondary{border:1px solid #ded8ca;color:#514a3b}.loading-card{grid-column:1/-1;text-align:center;padding:60px 20px;color:#777}.loader{display:inline-block;width:25px;height:25px;border:2px solid #ddd2b6;border-top-color:#ad8840;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message{font-size:12px;color:#8a4e3a;text-align:center;margin:18px 0 0}.trust-strip{background:#191b16;color:white;padding:32px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trust-strip>div{display:flex;align-items:center;gap:17px}.trust-strip strong{font:30px "Playfair Display",serif;color:#c8a45b}.trust-strip span{font-size:13px;font-weight:700}.trust-strip small{display:block;color:#a5a69d;font-weight:400;font-size:10px;margin-top:3px}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:#ebe6da}.about-image{position:relative;background:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85") center/cover;min-height:360px}.image-label{position:absolute;bottom:22px;left:22px;background:#171914;color:#d7b66b;padding:12px 16px;font-size:9px;letter-spacing:2px}.about-copy{padding:70px 12%;align-self:center}.about-copy h2{margin-bottom:22px}.about-copy>p:not(.eyebrow){font-size:13px;color:#66665f;margin-bottom:15px}.text-link{display:inline-block;margin-top:10px;border-bottom:1px solid #b18b42;padding-bottom:6px;font-size:12px;font-weight:700}.contact-section{background:#10110f;color:#fff;padding:60px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-section h2{font-size:37px}.contact-section>div>p:not(.eyebrow){color:#b7b7ae;font-size:13px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.outline-button{border:1px solid #77705d;padding:14px 22px;font-size:12px}.outline-button:hover{border-color:#d2b16b;color:#d2b16b}footer{background:#0a0b09;color:#c7c6be;padding:30px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{font-size:11px;color:#9b9b91}footer p a{color:#d2b16b}.footer-brand strong{color:white}.copyright{width:100%;border-top:1px solid #282921;padding-top:16px;margin:0}.empty-state{grid-column:1/-1;text-align:center;background:#fff;padding:55px 20px;border:1px solid #e9e5dc}.empty-state h3{font:26px "Playfair Display",serif;margin:0 0 8px}.empty-state p{font-size:13px;color:#777}@media(max-width:800px){.topbar{padding:0 5%;height:72px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#10110f;padding:20px 6%;flex-direction:column;align-items:stretch;gap:18px;border-top:1px solid #292a24}.topbar nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:550px}.hero-content{padding:65px 7%}.hero-badge{display:none}.search-wrap{padding:0 5%}.search-panel{grid-template-columns:1fr;gap:10px}.search-button{min-height:45px}.section{padding:70px 5%}.section-heading{align-items:start;flex-direction:column;gap:10px}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.property-photo{height:190px}.property-body{padding:15px}.property-body h3{font-size:19px}.trust-strip{padding:28px 6%;gap:20px}.trust-strip>div{align-items:start}.trust-strip small{line-height:1.4}.about-section{grid-template-columns:1fr}.about-image{min-height:270px}.about-copy{padding:45px 7%}.contact-section{padding:45px 7%;display:block}.contact-actions{margin-top:25px}footer{padding:28px 6%}}@media(max-width:520px){.brand strong{font-size:13px}.brand-mark{width:35px;height:35px}.brand small{font-size:7px;letter-spacing:2px}.hero h1{font-size:47px}.hero-copy{font-size:13px}.property-grid{grid-template-columns:1fr}.property-photo{height:235px}.property-body h3{font-size:22px}.trust-strip{grid-template-columns:1fr;gap:22px}.section-heading h2{font-size:35px}.contact-section h2{font-size:31px}.contact-actions .gold-button,.contact-actions .outline-button{width:100%;justify-content:center;text-align:center}footer{align-items:flex-start;flex-direction:column}.copyright{margin-top:0}}.card-actions {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  flex-wrap: nowrap;
}

.card-actions a {
  flex: 1 1 0;
  min-width: 0;
  padding: 12px 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1.3;
  box-sizing: border-box;
}

.card-actions .view-details-button {
  order: 1;
}

.card-actions .card-primary {
  order: 2;
}

.card-actions .card-secondary {
  order: 3;
}
/* ==================================
   RUDR PROPERTIES - PREMIUM DESIGN
   ================================== */

/* Premium property cards */
.property-card {
  background: #ffffff;
  border: 1px solid #e9e2d3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 22px rgba(20, 20, 20, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.property-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(20, 20, 20, 0.12);
}

/* Property images */
.property-photo {
  overflow: hidden;
  background: #f4f1e9;
}

.property-photo img {
  display: block;
  transition: transform 0.35s ease;
}

.property-card:hover .property-photo img {
  transform: scale(1.025);
}

/* Property information */
.property-body {
  padding: 20px;
}

.property-body h3 {
  color: #191919;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 10px;
}

.property-body .price {
  color: #92712e;
  font-size: 22px;
  font-weight: 800;
  margin: 12px 0;
}

.property-location {
  color: #66615a;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 10px;
}

.property-desc {
  color: #666666;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 18px;
}

/* Property category badge */
.property-type {
  display: inline-block;
  background: #191919;
  color: #e7cb82;
  padding: 7px 13px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 12px;
}

/* Property action buttons */
.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.card-actions a {
  box-sizing: border-box;
  flex: 1 1 100%;
  min-width: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 12px 10px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

/* WhatsApp button */
.card-actions .card-primary {
  background: #202020;
  color: #ffffff;
  border: 1px solid #202020;
}

.card-actions .card-primary:hover {
  background: #3a3a3a;
}

/* View Details - premium gold */
.card-actions .view-details-button {
  background: #f8f1df;
  color: #73571e;
  border: 1px solid #c7a75c;
}

.card-actions .view-details-button:hover {
  background: #ead8a9;
  color: #30240d;
}

/* Email button */
.card-actions .card-secondary {
  background: #ffffff;
  color: #202020;
  border: 1px solid #d7d1c4;
}

.card-actions .card-secondary:hover {
  background: #f3efe6;
}

/* Small mobile screens */
@media (max-width: 520px) {
  .property-body {
    padding: 16px;
  }

  .property-body h3 {
    font-size: 19px;
  }

  .property-body .price {
    font-size: 21px;
  }

  .card-actions a {
    flex-basis: 100%;
    width: 100%;
  }
}
/* Property Status Badges */
.property-photo {
  position: relative;
}

.status-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  padding: 7px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  background: #16a34a;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}

.status-badge.sold {
  background: #dc2626;
}

.status-badge.rental,
.status-badge.rent,
.status-badge.for.rent,
.status-badge.rented {
  background: #2563eb;
}

.status-badge.under.offer {
  background: #d97706;
}

.status-badge.pending {
  background: #7c3aed;
}
/* Property type badge position */
.property-photo {
  position: relative;
}

.property-photo .property-type {
  position: absolute;
  top: auto;
  right: 12px;
  bottom: 12px;
  left: auto;
  z-index: 6;
  margin: 0;
}

/* Keep status badge separate */
.property-photo .status-badge {
  top: 12px;
  left: 12px;
  right: auto;
  bottom: auto;
  z-index: 7;
}
/* Fix property type badge position */
.property-photo .property-type {
  position: absolute !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  z-index: 10 !important;
  display: inline-block;
  width: auto;
  max-width: 70%;
  padding: 8px 12px;
  margin: 0;
  background: #111;
  color: #d9b86c;
  border-radius: 6px;
  text-align: center;
}

/* Keep status badge on the upper left */
.property-photo .status-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
}
/* RUDR PROPERTIES - PREMIUM DESIGN */

:root {
  --rudr-gold: #c6a45c;
  --rudr-gold-light: #f5e8c8;
  --rudr-black: #111111;
  --rudr-white: #ffffff;
}

.property-card {
  overflow: hidden;
  border: 1px solid rgba(198, 164, 92, 0.35);
  border-radius: 24px;
  background: var(--rudr-white);
  box-shadow: 0 12px 35px rgba(25, 20, 10, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.property-card:active {
  transform: scale(0.99);
}

.property-photo {
  overflow: hidden;
  background: #f5f1e8;
}

.property-photo img {
  transition: transform 0.4s ease;
}

.property-card:hover .property-photo img {
  transform: scale(1.025);
}

.property-body {
  padding: 24px;
}

.property-body h3 {
  color: #171717;
  font-size: clamp(22px, 5vw, 30px);
  line-height: 1.3;
  margin-bottom: 14px;
}

.price {
  color: #96702c;
  font-size: clamp(24px, 5vw, 34px);
  font-weight: 800;
  letter-spacing: -0.5px;
}

.property-location,
.property-desc {
  line-height: 1.75;
}

.view-details-button {
  border: 1px solid var(--rudr-gold);
  border-radius: 13px;
  background: linear-gradient(135deg, #fff9e9, #f4e7c7);
  color: #75551d;
  font-weight: 750;
  transition: background 0.2s ease, transform 0.2s ease;
}

.view-details-button:active {
  transform: scale(0.98);
}

.card-primary {
  border: 1px solid #222;
  border-radius: 13px;
  background: linear-gradient(135deg, #171717, #303030);
  color: #fff;
  font-weight: 750;
}

.card-secondary {
  border: 1px solid #ded5c2;
  border-radius: 13px;
  background: #fff;
}

.status-badge {
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
}

@media (max-width: 600px) {
  .property-card {
    border-radius: 22px;
    margin-bottom: 24px;
  }

  .property-body {
    padding: 22px 18px;
  }

  .property-photo img {
    max-height: 280px;
    object-fit: cover;
  }

  .card-actions {
    gap: 12px;
  }
}
/* RUDR RP Premium Header Logo */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 8px;
}

.brand-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.brand-text strong {
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 1.5px;
}

.brand-text strong i {
  color: #d9b86c;
  font-style: normal;
}

.brand-text small {
  color: #c9c2b4;
  font-size: 9px;
  letter-spacing: 2px;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 46px;
    height: 46px;
  }

  .brand-text strong {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .brand-text small {
    font-size: 8px;
    letter-spacing: 1.2px;
  }
}
