/* Final authority for the Zirakpur Panchkula navy, charcoal and gold theme. */
:root {
  /* Override the legacy database accent so every hsl(var(--base)) rule is gold. */
  --base-h: 40;
  --base-s: 56%;
  --base-l: 51%;
  --zp-bg: #29323b;
  --zp-bg-deep: #222b34;
  --zp-panel: #343f49;
  --zp-panel-soft: #3a4650;
  --zp-line: #56636e;
  --zp-text: #f5f3ed;
  --zp-muted: #c8d0d5;
  --zp-subtle: #aab4bb;
  --zp-gold: #c99a3d;
  --zp-gold-light: #ddb55d;
  --zp-cream: #f1ebdf;
  --zp-cream-panel: #fbf7ef;
  --zp-cream-line: #d8cdbb;
  --zp-cream-ink: #222a30;
  --zp-cream-muted: #667078;
  --zp-home-grey: #353f48;
  --zp-home-grey-panel: #414c55;
  --zp-home-grey-soft: #4a555e;
  --zp-home-grey-line: #65717b;
}

html body { background: var(--zp-bg) !important; color: var(--zp-text); }

/* Inner-page foundations. */
body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  section.py-120
) { background: var(--zp-bg) !important; color: var(--zp-text) !important; }

body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label) { color: var(--zp-text) !important; }

body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account
) :is(p,li,small,.text-muted,.desc,.description) { color: var(--zp-muted) !important; }

/* Shared cards and content surfaces. */
body :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contact-bottom,
  .contactus-form,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card
) {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

body :is(.card,.modal-content) { border-color: var(--zp-line); }
body .custom--card .card-body { background: var(--zp-panel) !important; }

/* Controls remain readable on every inner page. */
body :is(input,select,textarea,.form-control,.form--control,.form-select),
body .select2-container--default .select2-selection--single {
  border-color: #4a565e !important;
  background-color: #182127 !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}
body :is(input,textarea)::placeholder { color: #88949a !important; opacity: 1; }
body select option { background: #182127; color: var(--zp-text); }
body .select2-selection__rendered { color: var(--zp-text) !important; }

body :is(.btn--base,.btn.btn--base,.filter-btn) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
}
body :is(.btn--base,.btn.btn--base,.filter-btn):hover { background: var(--zp-gold-light) !important; color: #111820 !important; }
body .btn-outline--base { border-color: var(--zp-gold) !important; color: var(--zp-gold-light) !important; }
body .btn-outline--base:hover { background: var(--zp-gold) !important; color: #111820 !important; }

/* Property results and details. */
body .listing-detials { padding-top: 58px !important; }
body .listing-details__header { margin-bottom: 18px; padding: 20px 22px; border: 1px solid var(--zp-line); }
body .listing-details__header-title { color: var(--zp-text) !important; }
body .listing-details-item__icon { color: var(--zp-gold) !important; }
body .listing-details-item__icon-text,
body .listing-details__desc,
body .listing-details__desc :is(p,div,span,li) { color: var(--zp-muted) !important; }
body .listing-details__content { margin-top: 18px; padding: 26px; border: 1px solid var(--zp-line); }
body .listing-details__title,
body .listing-details__date-title,
body .listing-details__amenities-title,
body .listing-details__map .title { color: var(--zp-text) !important; }
body .listing-details__amenities .amenities-list__item,
body .listing-details__date-card {
  border-color: var(--zp-line) !important;
  background: #182127 !important;
  color: var(--zp-muted) !important;
}
body .listing-details__amenities .amenities-list__name,
body .listing-details__date-card .title { color: var(--zp-text) !important; }
body .listing-details__amenities .amenities-list__value { color: var(--zp-muted) !important; }
body .listing-details-sidebar { border: 1px solid var(--zp-line) !important; }
body .listing-details-sidebar__title,
body .listing-details-sidebar__header-info .name { color: var(--zp-text) !important; }
body .listing-details-sidebar__header-info .title,
body .listing-details-sidebar__info .info-list__item,
body .listing-details-sidebar__info .info-list__text { color: var(--zp-muted) !important; }
body .listing-details-sidebar__info .info-list .icon { color: var(--zp-gold) !important; }
body .text-list__link { color: var(--zp-muted) !important; }
body .text-list__link:hover { color: var(--zp-gold-light) !important; }
body .custom--tab .nav-link { border-color: var(--zp-line) !important; background: #182127 !important; color: var(--zp-muted) !important; }
body .custom--tab .nav-link.active { border-color: var(--zp-gold) !important; background: var(--zp-gold) !important; color: #111820 !important; }

/* Contact, guides, policy and miscellaneous content pages. */
body .contact-top .contact-item { height: 100%; border: 1px solid var(--zp-line) !important; }
body .contact-item__icon { color: var(--zp-gold) !important; }
body .contact-item__title { color: var(--zp-text) !important; }
body .contact-item__desc { color: var(--zp-muted) !important; }
body .contact-bottom { border: 1px solid var(--zp-line); }

/* Contact page form and map. */
body .contact-top {
  padding: 72px 0 !important;
}

body .contact-bottom {
  margin-top: 54px;
  border: 0 !important;
  background: transparent !important;
}

body .contact-wrapper {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .contact-wrapper > .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
  align-items: stretch;
}

body .contact-wrapper > .row > [class*='col-'] {
  display: flex;
}

body .contactus-form,
body .contact-map {
  width: 100%;
  min-height: 570px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 14px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18) !important;
}

body .contactus-form {
  padding: 32px;
}

body .contactus-form .contact__title {
  margin: 0 0 26px;
  color: #fff !important;
  font-size: 29px;
  line-height: 1.2;
}

body .contactus-form form > .row {
  --bs-gutter-x: 18px;
}

body .contactus-form .form-group {
  margin-bottom: 18px;
}

body .contactus-form .form--label,
body .contactus-form .form-label {
  display: block;
  margin: 0 0 8px;
  color: var(--zp-text) !important;
  font-size: 12px;
  font-weight: 700;
}

body .contactus-form .form--control,
body .contactus-form .form-control,
body .contactus-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 8px;
  background: #182127 !important;
  color: var(--zp-text) !important;
  font-size: 14px;
}

body .contactus-form textarea.form--control,
body .contactus-form textarea {
  min-height: 138px;
  resize: vertical;
}

body .contactus-form .form--control:focus,
body .contactus-form .form-control:focus,
body .contactus-form textarea:focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, 0.12) !important;
}

body .contactus-form .btn--base {
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 7px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  font-size: 13px;
  font-weight: 800;
}

body .contactus-form .btn--base:hover {
  background: var(--zp-gold-light) !important;
}

body .contact-map {
  overflow: hidden;
}

body .contact-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 568px;
  border: 0;
}

/* Login page: unified dark and gold account panel. */
body .account {
  min-height: 100vh;
  padding: 24px !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(201, 154, 61, 0.1), transparent 30%),
    #10191f !important;
}

body .account .account-inner {
  width: min(1120px, 100%);
  min-height: min(680px, calc(100vh - 48px));
  border: 1px solid var(--zp-line) !important;
  border-radius: 18px;
  background: var(--zp-panel) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38) !important;
}

body .account .account-left {
  width: 58%;
  background: #182127 !important;
}

body .account .account-right {
  width: 42%;
  background: #182127 !important;
}

body .account .account-thumb,
body .account .account-thumb img {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body .account .account-thumb img {
  display: block;
  object-fit: cover;
  object-position: center;
}

body .account .account-thumb::after {
  background: linear-gradient(90deg, rgba(16, 25, 31, 0.06), rgba(16, 25, 31, 0.16)) !important;
}

body .account .account-form-wrapper {
  min-height: 100%;
  padding: 46px 44px;
  align-items: stretch;
  background: #182127 !important;
}

body .account .account-form {
  width: 100%;
  max-width: 390px;
  margin: auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .account .account-form__content {
  margin-bottom: 28px;
  text-align: left;
}

body .account .account-form__logo {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 auto 30px;
}

body .account .account-form .zirakpur-brand-image {
  width: 230px !important;
  height: 72px !important;
  margin: 0 auto !important;
  object-position: center;
  filter: none !important;
}

body .account .account-form__logo .zirakpur-brand-image {
  filter: none !important;
  opacity: 1 !important;
}

body .account .account-form__title {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.18;
  text-align: left;
}

body .account .account-form__desc {
  margin: 0 !important;
  color: var(--zp-muted) !important;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
}

body .account .form-group {
  margin-bottom: 18px;
}

body .account .form--label,
body .account .form-label {
  display: block;
  margin: 0 0 8px;
  color: var(--zp-text) !important;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}

body .account .form--label::after {
  color: var(--zp-gold-light) !important;
}

body .account .form--control,
body .account .form-control {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 8px;
  background: #10191f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: var(--zp-gold-light);
  font-size: 14px;
}

body .account .form--control:focus,
body .account .form-control:focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, 0.12) !important;
}

body .account .password-show-hide {
  right: 14px;
  color: var(--zp-gold-light) !important;
}

body .account .form--check {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px;
  min-height: 20px;
}

body .account .form-check-input {
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid var(--zp-line) !important;
  background-color: #10191f;
}

body .account .form-check-input:checked {
  border-color: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
}

body .account .form-check-label,
body .account .have-account__text {
  color: var(--zp-muted) !important;
  font-size: 12px;
}

body .account .form--check .form-check-label {
  display: inline-block !important;
  margin: 0 !important;
  line-height: 16px;
}

body .account .forgot-password,
body .account .have-account__link,
body .account .text--base {
  color: var(--zp-gold-light) !important;
  font-size: 12px;
  font-weight: 800;
}

body .account a.forgot-password,
body .account a.have-account__link,
body .account a.text--base,
body .account a:not(.login-link):not(.account-form__logo).forgot-password,
body .account a:not(.login-link):not(.account-form__logo).have-account__link {
  color: var(--zp-gold-light) !important;
}

body .account .forgot-password:hover,
body .account .have-account__link:hover {
  color: #fff !important;
}

body .account input:-webkit-autofill,
body .account input:-webkit-autofill:hover,
body .account input:-webkit-autofill:focus {
  border-color: var(--zp-line) !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0 1000px #10191f inset !important;
  transition: background-color 9999s ease-out;
}

body .account .btn--base {
  min-height: 48px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 8px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 800;
}

body .account .btn--base:hover {
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .account .have-account {
  margin-top: 2px;
  text-align: left !important;
}

body .account .have-account__text {
  margin: 0;
  text-align: center;
}

/* Footer: unified dark navy, neutral text and gold interactions. */
body .footer-area--zirakpur {
  border-top: 1px solid rgba(201, 154, 61, 0.24) !important;
  background: #0d171d !important;
  color: var(--zp-muted) !important;
}

body .footer-area--zirakpur .footer-area__shape-one,
body .footer-area--zirakpur .footer-area__shape-two {
  opacity: 0.055 !important;
  filter: grayscale(1) sepia(0.2);
}

body .footer-area--zirakpur .zirakpur-brand-image {
  filter: none !important;
}

body .footer-area--zirakpur .footer-item__desc {
  color: #aeb9bf !important;
}

body .footer-area--zirakpur .footer-item__title {
  color: #f8f6f0 !important;
  font-size: 17px;
  font-weight: 800;
}

body .footer-area--zirakpur .footer-item__title::after {
  height: 2px;
  border-radius: 2px;
  background: var(--zp-gold) !important;
}

body .footer-area--zirakpur .footer-menu__link {
  color: #aeb9bf !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.18s ease;
}

body .footer-area--zirakpur .footer-menu__link:hover,
body .footer-area--zirakpur .footer-menu__link:focus {
  color: var(--zp-gold-light) !important;
  transform: translateX(3px);
}

body .footer-area--zirakpur .footer-local-tags a {
  border-color: rgba(201, 154, 61, 0.28) !important;
  background: #17242b !important;
  color: #d6dde0 !important;
}

body .footer-area--zirakpur .footer-local-tags a:hover,
body .footer-area--zirakpur .footer-local-tags a:focus {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-icon {
  border: 1px solid rgba(201, 154, 61, 0.22);
  background: rgba(201, 154, 61, 0.1) !important;
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content strong {
  color: #f8f6f0 !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content p,
body .footer-area--zirakpur .footer-contact-menu__item-content a {
  color: #aeb9bf !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content a:hover,
body .footer-area--zirakpur .footer-contact-menu__item-content a:focus {
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .bottom-footer {
  margin-top: 0;
  padding: 22px 0 26px;
  border-top: 1px solid #2d3940 !important;
}

body .footer-area--zirakpur .bottom-footer-text,
body .footer-area--zirakpur .bottom-footer-text.text-white {
  color: #929fa6 !important;
}

body .footer-area--zirakpur .bottom-footer-text a,
body .footer-area--zirakpur .bottom-footer-text .base--text {
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .social-list__link {
  border: 1px solid #39464d !important;
  background: #17242b !important;
  color: #c7d0d4 !important;
}

body .footer-area--zirakpur .social-list__link:hover,
body .footer-area--zirakpur .social-list__link:focus {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

@media (max-width: 767px) {
  body .footer-area--zirakpur .bottom-footer {
    gap: 16px;
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 991px) {
  body .account .account-inner {
    width: min(540px, 100%);
    min-height: auto;
  }
  body .account .account-right { width: 100%; }
  body .account .account-form-wrapper { padding: 44px 36px; }
}

@media (max-width: 575px) {
  body .account { padding: 14px !important; }
  body .account .account-form-wrapper { padding: 34px 22px; }
  body .account .account-form .zirakpur-brand-image { width: 200px !important; height: 67px !important; }
  body .account .account-form__title { font-size: 26px; }
}

@media (max-width: 991px) {
  body .contactus-form,
  body .contact-map,
  body .contact-map iframe {
    min-height: 520px;
  }
}

@media (max-width: 575px) {
  body .contact-top { padding: 48px 0 !important; }
  body .contact-bottom { margin-top: 38px; }
  body .contactus-form { min-height: 0; padding: 23px 18px; }
  body .contactus-form .contact__title { font-size: 24px; }
  body .contact-map,
  body .contact-map iframe { min-height: 360px; }
  body .contactus-form .btn--base { width: 100%; }
}
body .interesting-reads-page__header h1,
body .interesting-read-details h1 { color: var(--zp-text) !important; }
body .interesting-reads-page__header p,
body .interesting-read-details p { color: var(--zp-muted) !important; }
body .interesting-read-card { border: 1px solid var(--zp-line) !important; }
body .interesting-read-card__title { color: var(--zp-text) !important; }
body .interesting-read-card p { color: var(--zp-muted) !important; }
body .interesting-read-card:hover { border-color: var(--zp-gold) !important; }

/* Homepage Blogs: final component rules (loaded after the shared home theme). */
body .interesting-reads-section {
  padding: 44px 0 28px !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

body .interesting-reads-section .interesting-reads-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 26px;
}

body .interesting-reads-section .interesting-reads-header > .interesting-reads-header__copy {
  max-width: 720px;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-eyebrow {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  font-size: 11px !important;
  letter-spacing: 0.17em;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-header h2 {
  margin: 0 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: clamp(40px, 4vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-header p {
  max-width: 660px;
  margin: 13px 0 0 !important;
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
  font-size: 15px;
  line-height: 1.65;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-link {
  display: inline-flex;
  min-height: 44px;
  padding: 0 17px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body .interesting-reads-section .interesting-reads-link:hover {
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

body .interesting-reads-section .interesting-reads-grid--home {
  display: grid !important;
  grid-template-columns: none !important;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px !important;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .interesting-reads-section .interesting-reads-grid--home::-webkit-scrollbar {
  display: none;
}

body .interesting-reads-section .interesting-reads-shell {
  position: relative;
}

body .interesting-reads-section .interesting-reads-nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: #f8f6f0 !important;
  color: #10191f !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
  font-size: 19px;
  transform: translateY(-50%);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body .interesting-reads-section .interesting-reads-nav:hover {
  background: var(--zp-gold) !important;
  color: #ffffff !important;
}

body .interesting-reads-section .interesting-reads-nav--prev {
  left: -22px;
}

body .interesting-reads-section .interesting-reads-nav--next {
  right: -22px;
}

body .interesting-reads-section .interesting-read-card {
  display: flex !important;
  overflow: hidden;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  border: 1px solid var(--zp-line) !important;
  border-radius: 12px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
  scroll-snap-align: start;
}

body .interesting-reads-section .interesting-read-card:hover {
  border-color: var(--zp-gold) !important;
  transform: translateY(-4px);
}

body .interesting-reads-section .interesting-read-card__image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

body .interesting-reads-section .interesting-read-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .interesting-reads-section .interesting-read-card__category,
.interesting-read-card__category {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  background-color: rgba(15, 23, 42, 0.75) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body .interesting-reads-section .interesting-read-card__body {
  display: flex;
  min-height: 235px;
  padding: 20px !important;
  flex: 1;
  flex-direction: column;
}

body .interesting-reads-section .interesting-read-card__meta {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--zp-subtle) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

body .interesting-reads-section .interesting-read-card__meta i {
  color: var(--zp-gold) !important;
}

body .interesting-reads-section .interesting-read-card__title {
  margin: 12px 0 0 !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.38 !important;
}

body .interesting-reads-section .interesting-read-card__excerpt {
  margin: 10px 0 20px !important;
  color: var(--zp-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body .interesting-reads-section .interesting-read-card__action {
  display: inline-flex !important;
  margin-top: auto;
  align-items: center;
  gap: 7px;
  color: var(--zp-gold-light) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  body .interesting-reads-section .interesting-reads-grid--home {
    grid-template-columns: none !important;
    grid-auto-columns: calc((100% - 24px) / 2);
  }
}

@media (max-width: 767px) {
  body .interesting-reads-section {
    padding: 38px 0 !important;
  }

  body .interesting-reads-section .interesting-reads-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  body .interesting-reads-section .interesting-reads-grid--home {
    grid-template-columns: none !important;
    grid-auto-columns: minmax(270px, 86vw);
  }

  body .interesting-reads-section .interesting-reads-nav {
    display: none;
  }

  body .interesting-reads-section .interesting-read-card__body {
    min-height: 0;
  }
}
body .category-section .card,
body .free-listing-section .card { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; color: var(--zp-text) !important; }

/* Services page: explicit contrast after legacy colour rules. */
body .property-services { background: var(--zp-bg) !important; }
body .property-services__intro h1,
body .property-service-card h2 { color: var(--zp-text) !important; }
body .property-services__intro > p,
body .property-service-card p { color: var(--zp-muted) !important; }
body .property-service-card { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; }
body .property-service-card:hover { border-color: var(--zp-gold) !important; background: var(--zp-panel-soft) !important; }
body .property-services__consultation :is(h2,p,span) { color: #172027 !important; }

/* Site-visit modal: visible hierarchy and consistent form controls. */
body .site-visit-modal .modal-dialog { max-width: 570px; }
body .site-visit-modal .modal-content {
  overflow: hidden;
  border: 1px solid #4a565e !important;
  border-radius: 8px !important;
  background: #182127 !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.48) !important;
}
body .site-visit-modal__top {
  position: relative;
  display: flex;
  min-height: 112px;
  align-items: center;
  padding: 20px 62px 20px 24px !important;
  border-bottom: 1px solid #3f4b53 !important;
  background: linear-gradient(135deg,#222d34,#182127) !important;
}
body .site-visit-modal__heading > span { display: block; margin-bottom: 4px; color: var(--zp-gold) !important; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body .site-visit-modal__heading h5 { margin: 0; color: var(--zp-text) !important; font-size: 21px; line-height: 1.25; }
body .site-visit-modal__heading p { max-width: 440px; margin: 6px 0 0; color: #aeb8bd !important; font-size: 9.5px; line-height: 1.5; }
body .site-visit-modal__close {
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #4a565e !important;
  border-radius: 0 !important;
  background: #10191f !important;
  color: #c6ced2 !important;
}
body .site-visit-modal__close:hover { border-color: var(--zp-gold) !important; color: var(--zp-gold) !important; }
body .site-visit-modal .modal-body { max-height: calc(92vh - 112px); overflow-y: auto; padding: 24px !important; background: #182127 !important; scrollbar-color: var(--zp-gold) #182127; scrollbar-width: thin; }
body .site-visit-form { color: var(--zp-text); }
body .site-visit-field { margin-bottom: 18px; }
body .site-visit-field > label {
  display: block;
  margin-bottom: 8px;
  color: #d8dde0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body .site-visit-input {
  min-height: 45px;
  border: 1px solid #4a565e !important;
  border-radius: 4px !important;
  background: #10191f !important;
  color: var(--zp-text) !important;
}
body .site-visit-input:focus { border-color: var(--zp-gold) !important; box-shadow: 0 0 0 3px rgba(201,154,61,.12) !important; }
body .site-visit-toggle { border-color: #46525a !important; background: #10191f !important; }
body .site-visit-toggle span,
body .site-visit-date-option span,
body .site-visit-time-grid span {
  border-color: #46525a !important;
  border-radius: 4px !important;
  background: #202a31 !important;
  color: #c5cdd1 !important;
  box-shadow: none !important;
}
body .site-visit-toggle input:checked + span,
body .site-visit-date-option input:checked + span,
body .site-visit-time-grid input:checked + span {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  box-shadow: none !important;
}
body .site-visit-date-option input:checked + span :is(strong,small,em),
body .site-visit-toggle input:checked + span i { color: #111820 !important; }
body .site-visit-date-option span :is(strong,small,em) { color: inherit !important; }
body .property-visit-summary { border: 1px solid #46525a !important; background: #10191f !important; }
body .property-visit-summary strong { color: var(--zp-text) !important; }
body .property-visit-summary :is(span,small) { color: var(--zp-muted) !important; }
body .site-visit-form__notice {
  border: 1px solid rgba(201,154,61,.42) !important;
  border-radius: 4px !important;
  background: #202a31 !important;
  color: #b8c1c6 !important;
}
body .site-visit-form__notice i { color: var(--zp-gold) !important; }
body .site-visit-submit {
  min-height: 46px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 4px !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  box-shadow: none !important;
  font-weight: 800;
}
body .site-visit-submit:hover { background: var(--zp-gold-light) !important; }

/* Browse by budget / Find Your Price Range. */
body .browse-budget-section { padding: 58px 0 !important; background: var(--zp-bg-deep) !important; }
body .browse-budget-heading span { color: var(--zp-gold) !important; font-size: 10px; }
body .browse-budget-heading h2 { color: var(--zp-text) !important; }
body .browse-budget-heading p { color: var(--zp-muted) !important; }
body .browse-budget-card {
  min-height: 166px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 0 !important;
  background: var(--zp-panel) !important;
  box-shadow: none !important;
}
body .browse-budget-card:hover { border-color: var(--zp-gold) !important; background: var(--zp-panel-soft) !important; box-shadow: none !important; }
body .browse-budget-card__icon {
  border: 1px solid rgba(201,154,61,.55);
  border-radius: 0;
  background: #182127 !important;
  color: var(--zp-gold) !important;
}
body .browse-budget-card__copy strong { color: var(--zp-text) !important; }
body .browse-budget-card__copy small { color: var(--zp-muted) !important; }
body .browse-budget-card__arrow { color: var(--zp-gold) !important; }

body .quick-compare-section {
  background: var(--zp-bg-deep) !important;
  color: var(--zp-text) !important;
}
body .quick-compare-heading__copy > span {
  color: var(--zp-gold-light) !important;
}
body .quick-compare-heading h2,
body .quick-compare-picker-head h3,
body .quick-compare-option strong {
  color: var(--zp-text) !important;
  text-shadow: none !important;
}
body .quick-compare-heading h2 {
  color: #fff !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}
body .quick-compare-heading p,
body .quick-compare-picker > p,
body .quick-compare-option small { color: var(--zp-muted) !important; }
body .quick-compare-heading p { color: #d1d8dc !important; }
body .quick-compare-help {
  border-color: rgba(201, 154, 61, .38) !important;
  background: var(--zp-panel) !important;
  color: #d4dade !important;
  box-shadow: none !important;
}
body .quick-compare-help i { color: var(--zp-gold-light) !important; }
body .quick-compare-card,
body .quick-compare-picker,
body .quick-compare-table-wrap {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
}
body .quick-compare-card { box-shadow: 0 20px 46px rgba(0, 0, 0, .2) !important; }
body .quick-compare-picker { border-left-color: var(--zp-line) !important; }
body .quick-compare-option { border-top-color: var(--zp-line) !important; }
body .quick-compare-option:hover,
body .quick-compare-option.is-viewing { background: rgba(31, 42, 47, .08) !important; }
body .quick-compare-option input { accent-color: #1f2a2f !important; }
body .quick-compare-clear {
  border-color: #1f2a2f !important;
  background: transparent !important;
  color: #1f2a2f !important;
}
body .quick-compare-clear:hover {
  background: #1f2a2f !important;
  color: #ffffff !important;
}
body .quick-compare-table :is(th,td) {
  border-color: var(--zp-line) !important;
  background: #1d282f !important;
  color: #e3e8ea !important;
}
body .quick-compare-table th {
  background: #182127 !important;
  color: var(--zp-gold-light) !important;
}

/* About insight pages: dark editorial cards with readable local content. */
body .about-insight-section {
  padding: 70px 0 76px !important;
  background: var(--zp-bg) !important;
}

body .about-insight-header {
  max-width: 820px;
  margin-bottom: 34px;
}

body .about-insight-header > span {
  color: var(--zp-gold-light) !important;
}

body .about-insight-header h1 {
  color: #fff !important;
  text-shadow: none !important;
}

body .about-insight-header p {
  max-width: 760px;
  color: #c9d1d5 !important;
}

body .about-insight-grid {
  gap: 20px;
}

body .about-insight-grid article {
  min-height: 190px;
  padding: 28px 26px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 12px;
  background: var(--zp-panel) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .14);
}

body .about-insight-grid article > span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(201, 154, 61, .55);
  border-radius: 50%;
  color: var(--zp-gold-light) !important;
}

body .about-insight-grid h2 {
  margin: 18px 0 10px;
  color: #fff !important;
  font-size: 19px;
}

body .about-insight-grid p {
  color: #bfc8cd !important;
  line-height: 1.7;
}

body .about-insight-actions {
  margin-top: 28px;
  padding: 26px 28px;
  border: 1px solid rgba(201, 154, 61, .38) !important;
  border-radius: 12px;
  background: linear-gradient(100deg, #202a31 0%, #1a242a 100%) !important;
}

body .about-insight-actions h2 { color: #fff !important; }
body .about-insight-actions p { color: #bfc8cd !important; }

body .about-insight-action {
  border: 1px solid var(--zp-gold) !important;
  border-radius: 6px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

body .about-insight-action + .about-insight-action {
  background: transparent !important;
  color: var(--zp-gold-light) !important;
}

body .about-insight-action:hover,
body .about-insight-action:focus {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
  transform: translateY(-1px);
}

@media (max-width: 575px) {
  body .about-insight-section { padding: 48px 0 54px !important; }
  body .about-insight-grid article { min-height: 0; }
  body .about-insight-actions { padding: 24px 20px; }
}

/* Testimonials: structured review cards without divider lines. */
body .home-stories {
  padding: 42px 0 48px !important;
}

body .home-stories__heading {
  display: flex;
  width: 100%;
  max-width: none;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin: 0 0 34px;
  text-align: left;
}

body .home-stories__heading > div:first-child {
  max-width: 680px;
}

body .home-stories__heading > div:first-child > span {
  color: var(--zp-gold-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body .home-stories__heading h2 {
  margin: 8px 0 10px;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

body .home-stories__heading p {
  margin: 0;
  color: var(--zp-muted) !important;
  font-size: 14px;
}

body .home-stories__summary {
  display: flex;
  min-width: 270px;
  padding: 16px 18px;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--zp-line);
  border-radius: 12px;
  background: var(--zp-panel);
}

body .home-stories__summary > strong {
  padding-right: 16px;
  border-right: 1px solid var(--zp-line);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  font-size: 28px;
  line-height: 1;
}

body .home-stories__summary > strong span {
  color: #c4cdd1 !important;
  -webkit-text-fill-color: #c4cdd1 !important;
  font-size: 13px;
}

body .home-stories__summary > div {
  display: grid;
  gap: 4px;
}

body .home-stories__summary > div > span {
  color: var(--zp-gold-light) !important;
  font-size: 12px;
  letter-spacing: 2px;
}

body .home-stories__summary small {
  color: var(--zp-muted) !important;
  font-size: 10px;
}

body .home-stories__grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px;
  align-items: stretch;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .home-stories__grid::-webkit-scrollbar {
  display: none;
}

body .home-stories__shell {
  position: relative;
}

body .home-stories__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: var(--zp-panel) !important;
  color: var(--zp-gold-light) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  font-size: 19px;
  transform: translateY(-50%);
}

body .home-stories__nav:hover {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .home-stories__nav:is(:focus, :focus-visible, :active) {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
  outline: 2px solid rgba(221, 181, 93, .28);
  outline-offset: 2px;
}

body .home-stories__nav i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Fixed page arrows use the same navy-gold interaction everywhere. */
body .scroll-bottom,
body .scroll-top {
  border: 1px solid var(--zp-gold) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-gold-light) !important;
}

body .scroll-bottom:is(:hover, :focus, :active),
body .scroll-top:is(:hover, :focus, :active) {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .scroll-bottom i,
body .scroll-top i {
  color: inherit !important;
}

body .home-stories__nav--prev {
  left: -22px;
}

body .home-stories__nav--next {
  right: -22px;
}

body .home-story {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 300px;
  padding: 26px;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid var(--zp-line);
  border-radius: 14px;
  background: var(--zp-panel);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
  text-align: left;
  transition: border-color 0.2s ease, transform 0.2s ease;
  scroll-snap-align: start;
}

body .home-story:hover {
  border-color: var(--zp-gold);
  transform: translateY(-4px);
}

body .home-story + .home-story::before {
  display: none !important;
  content: none !important;
}

body .home-story__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body .home-story__top > i {
  color: rgba(201, 154, 61, 0.55);
  font-size: 34px;
}

body .home-story__rating {
  min-height: 0;
  color: var(--zp-gold-light);
  font-size: 12px;
  letter-spacing: 2px;
}

body .home-story blockquote {
  display: block;
  min-height: 0;
  margin: 22px 0 26px;
  flex: 1;
  color: #d7dde0 !important;
  font-size: 14px;
  font-style: normal;
  line-height: 1.72;
  text-align: left;
}

body .home-story__author {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid var(--zp-line);
}

body .home-story__author > img {
  display: block;
  width: 52px;
  height: 52px;
  border: 2px solid var(--zp-gold);
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
}

body .home-story__author h3 {
  margin: 0 0 4px;
  color: #fff !important;
  font-size: 14px;
}

body .home-story__author div > span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--zp-subtle);
  font-size: 10px;
}

body .home-story__author div > span i {
  color: var(--zp-gold);
}

body .home-story__verified {
  display: inline-flex;
  padding: 6px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: rgba(201, 154, 61, 0.11);
  color: var(--zp-gold-light);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

/* Panchkula inventory carousel. */
body .panchkula-properties {
  padding: 72px 0 !important;
  border-top: 1px solid rgba(201, 154, 61, 0.16);
  background: #10191f !important;
}

body .panchkula-properties__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 34px;
}

body .panchkula-properties__heading > div {
  max-width: 720px;
}

body .panchkula-properties__heading > div > span {
  color: var(--zp-gold-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body .panchkula-properties__heading h2 {
  margin: 8px 0 10px;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

body .panchkula-properties__heading p {
  margin: 0;
  color: var(--zp-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

body .panchkula-properties__heading > a {
  display: inline-flex;
  min-height: 44px;
  padding: 0 17px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--zp-gold);
  color: var(--zp-gold-light) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

body .panchkula-properties__heading > a:hover {
  background: var(--zp-gold);
  color: #10191f !important;
}

body .panchkula-properties__shell {
  position: relative;
}

body .panchkula-properties__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .panchkula-properties__track::-webkit-scrollbar {
  display: none;
}

body .panchkula-property-slide {
  min-width: 0;
  scroll-snap-align: start;
}

body .panchkula-property-slide .feature-item {
  height: 100%;
  margin: 0;
  border: 1px solid var(--zp-line) !important;
  border-radius: 14px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}

body .panchkula-property-slide .feature-item__thumb,
body .panchkula-property-slide .feature-item__thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body .panchkula-property-slide .feature-item__title a,
body .panchkula-property-slide .price {
  color: #fff !important;
}

body .panchkula-property-slide .feature-item__content,
body .panchkula-property-slide .feature-item__contact {
  border-color: var(--zp-line) !important;
}

body .panchkula-properties__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: #f8f6f0 !important;
  color: #10191f !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  font-size: 19px;
  transform: translateY(-50%);
}

body .panchkula-properties__nav:hover {
  background: var(--zp-gold) !important;
  color: #fff !important;
}

body .panchkula-properties__nav--prev { left: -22px; }
body .panchkula-properties__nav--next { right: -22px; }

/* Pagination and tables. */
body .pagination .page-link { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; color: var(--zp-muted) !important; }
body .pagination .active .page-link,
body .pagination .page-link:hover { border-color: var(--zp-gold) !important; background: var(--zp-gold) !important; color: #111820 !important; }
body table { color: var(--zp-muted); }

/* Lighter charcoal pass: tuned to the hero's dusk-blue architecture and warm lights. */
html body,
body .page-wrapper,
body main {
  background-color: var(--zp-bg) !important;
}

body :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .about-premium,
  .zirakpur-choose-section,
  .testimonials,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section
) {
  background: var(--zp-bg) !important;
  border-color: var(--zp-line) !important;
}

body :is(
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section
) {
  background: var(--zp-bg-deep) !important;
}

body :is(
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .local-service-pages__grid > a,
  .human-about__visual > div,
  .featured-property-card,
  .new-project-card,
  .interesting-read-card,
  .property-item,
  .property-card,
  .category-item,
  .testimonial-card,
  .article-card,
  .zirakpur-choose-card,
  .filter-form,
  .property-filter,
  .sidebar-filter
) {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
}

body :is(
  input,
  select,
  textarea,
  .form-control,
  .form--control,
  .form-select,
  .quick-compare-table th,
  .browse-budget-card__icon
) {
  border-color: var(--zp-line) !important;
  background-color: #27313a !important;
}

@media (max-width: 991px) {
  body .home-stories__grid {
    grid-template-columns: none;
    grid-auto-columns: calc((100% - 24px) / 2);
  }
  body .panchkula-properties__track { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 575px) {
  body .home-stories { padding: 36px 0 42px !important; }
  body .home-stories__heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  body .home-stories__summary { width: 100%; min-width: 0; }
  body .home-stories__grid {
    grid-template-columns: none;
    grid-auto-columns: minmax(280px, 86vw);
  }
  body .home-stories__nav { display: none; }
  body .panchkula-properties { padding: 52px 0 !important; }
  body .panchkula-properties__heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  body .panchkula-properties__heading > a { white-space: normal; }
  body .panchkula-properties__track { grid-auto-columns: minmax(280px, 86vw); }
  body .panchkula-properties__nav { display: none; }
  body .home-story { min-height: 0; padding: 22px; }
  body .home-story__verified { display: none; }
  body .listing-details__content { padding: 20px 17px; }
  body .site-visit-modal__top { min-height: 120px; padding: 18px 54px 18px 18px !important; }
  body .site-visit-modal .modal-body { padding: 19px 16px !important; }
}

/* Homepage section rhythm: charcoal, cream, charcoal, cream. */
body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .interesting-reads-section,
  .home-property-cta
) {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .about-theory,
  .home-stories
) {
  background: var(--zp-bg) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-line) !important;
}

/* Cream section headings and supporting copy. */
body .featured-properties-section .featured-properties-heading h2,
body .home-services-overview__heading h2,
body .locale-explorer__header h2,
body .home-choice__content h2,
body .browse-budget-heading h2,
body .about-simple__content :is(h2,h3),
body .interesting-reads-section .interesting-reads-header h2,
body .home-property-cta__heading h2 {
  color: var(--zp-cream-ink) !important;
}

body .featured-properties-section .featured-properties-heading p,
body .home-services-overview__heading p,
body .locale-explorer__header p,
body .home-choice__intro,
body .home-choice__point p,
body .browse-budget-heading p,
body .about-simple__content > p,
body .interesting-reads-section .interesting-reads-header p,
body .home-property-cta__heading p {
  color: var(--zp-cream-muted) !important;
}

/* Light content surfaces within cream bands. */
body :is(
  .home-services-overview,
  .home-quick-trust,
  .browse-budget-section,
  .about-simple,
  .home-property-cta
) :is(
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .browse-budget-card,
  .about-simple__benefits article,
  .home-property-path
) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body :is(.home-services-overview,.home-quick-trust,.browse-budget-section,.about-simple,.home-property-cta)
  :is(h2,h3,h4,strong) {
  color: var(--zp-cream-ink) !important;
}

body :is(.home-services-overview,.home-quick-trust,.browse-budget-section,.about-simple,.home-property-cta)
  :is(p,small) {
  color: var(--zp-cream-muted) !important;
}

body .home-quick-trust__inner > :is(a,button),
body .home-property-path > a,
body .about-simple__actions .about-premium__primary {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
}

body .locale-explorer__footer {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
}

body .locale-explorer__highlights h3 { color: var(--zp-cream-ink) !important; }
body .locale-explorer__highlights p { color: var(--zp-cream-muted) !important; }

/* Image-led cards stay charcoal on cream, mirroring the supplied reference. */
body .featured-properties-section .featured-property-card,
body .interesting-reads-section .interesting-read-card,
body .locale-explorer__place {
  border-color: #4d5962 !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
}

body .featured-properties-section .featured-property-card :is(h3,a),
body .interesting-reads-section .interesting-read-card :is(h3,a),
body .locale-explorer__place-content :is(h3,li) {
  color: var(--zp-text) !important;
}

body .featured-properties-section .featured-property-card p,
body .interesting-reads-section .interesting-read-card p,
body .locale-explorer__place-content p {
  color: var(--zp-muted) !important;
}

/* Lower homepage correction: keep related About content together, then alternate by group. */
body .about-theory,
body .home-stories {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body .interesting-reads-section,
body .home-property-cta {
  background: var(--zp-bg) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-line) !important;
}

/* About Us continuation on cream. */
body .about-theory__intro h2,
body .about-theory__card h3 {
  color: var(--zp-cream-ink) !important;
}

body .about-theory__intro p,
body .about-theory__card p {
  color: var(--zp-cream-muted) !important;
}

body .about-theory__intro blockquote,
body .about-theory__card {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .about-theory__intro blockquote {
  border-left-color: var(--zp-gold) !important;
  color: #74571f !important;
}

body .about-theory__card > span:first-child {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

body .about-theory__card:hover,
body .about-theory__card:focus {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

/* Blogs return to charcoal for a clean transition after About Us. */
body .interesting-reads-section .interesting-reads-header h2 {
  color: var(--zp-text) !important;
}

body .interesting-reads-section .interesting-reads-header p {
  color: var(--zp-muted) !important;
}

/* Client reviews use the next cream band with readable light cards. */
body .home-stories__heading h2,
body .home-stories__summary > strong,
body .home-story__author h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .home-stories__heading p,
body .home-stories__summary small,
body .home-story blockquote,
body .home-story__author div > span {
  color: var(--zp-cream-muted) !important;
}

body .home-stories__summary,
body .home-story {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .home-stories__summary > strong {
  border-right-color: var(--zp-cream-line) !important;
}

body .home-stories__summary > strong span {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

body .home-story__author {
  border-top-color: var(--zp-cream-line) !important;
}

/* Final CTA closes the page in charcoal. */
body .home-property-cta__heading h2,
body .home-property-path h3 {
  color: var(--zp-text) !important;
}

body .home-property-cta__heading p,
body .home-property-path p {
  color: var(--zp-muted) !important;
}

body .home-property-path {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

body .home-property-path--sell {
  border-color: rgba(201, 154, 61, .62) !important;
  background: var(--zp-bg-deep) !important;
}

/* Cream bands use a complete light card system, not dark panels. */
body .featured-properties-section .featured-property-card,
body .featured-properties-section .featured-property-card__body,
body .locale-explorer__place,
body .locale-explorer__place-content,
body .home-choice__consultation {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .featured-properties-section .featured-property-card__title,
body .featured-properties-section .featured-property-card__title a,
body .locale-explorer__place-content h3,
body .locale-explorer__place-content li,
body .home-choice__consultation h3 {
  color: var(--zp-cream-ink) !important;
}

body .featured-properties-section :is(
  .featured-property-card__location,
  .featured-property-card__furnishing
),
body .locale-explorer__place-content p,
body .home-choice__consultation p {
  color: var(--zp-cream-muted) !important;
}

body .featured-properties-section .featured-property-card__facts span {
  border-color: var(--zp-cream-line) !important;
  background: #f5eee3 !important;
  color: #505b62 !important;
}

body .featured-properties-section .featured-property-card__facts i,
body .featured-properties-section .featured-property-card__location i,
body .locale-explorer__place-content li i {
  color: #a97820 !important;
}

body .locale-explorer__place-content ul {
  border-top-color: var(--zp-cream-line) !important;
}

body .browse-budget-card:hover,
body .home-service-card:hover,
body .about-simple__benefits article:hover {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

body .browse-budget-card__icon,
body .home-service-card > i {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

/* Keep photographs and their floating badges visually rich on the light cards. */
body .featured-properties-section .featured-property-card__media,
body .locale-explorer__place > img {
  box-shadow: none !important;
}

body .featured-properties-section .featured-property-card__price-pill,
body .featured-properties-section .featured-property-card__status,
body .featured-properties-section .featured-property-card__wishlist {
  color: #fff !important;
}

/* Preserve the original hero search action colour. */
body .banner-section .hero-simple-search__submit {
  border-color: #c99a3d !important;
  background: #c99a3d !important;
  color: #111820 !important;
}

body .banner-section .hero-simple-search__submit :is(span,i) {
  color: inherit !important;
}

body .banner-section .hero-simple-search__submit:hover,
body .banner-section .hero-simple-search__submit:focus {
  border-color: #ddb55d !important;
  background: #ddb55d !important;
  color: #111820 !important;
}

/* Match the Panchkula carousel height to the compact section above it. */
body .panchkula-properties {
  padding: 48px 0 54px !important;
}

body .panchkula-properties__heading {
  gap: 24px;
  margin-bottom: 24px;
}

body .panchkula-properties__heading > div {
  max-width: 650px;
}

body .panchkula-properties__heading h2 {
  margin: 7px 0 8px;
  font-size: clamp(34px, 3.4vw, 42px);
}

body .panchkula-properties__heading p {
  font-size: 13px;
  line-height: 1.55;
}

body .panchkula-properties__heading > a {
  min-height: 40px;
  padding: 0 14px;
  font-size: 10px;
}

body .panchkula-properties__track {
  padding-bottom: 8px;
}

body .panchkula-property-slide .feature-item__thumb,
body .panchkula-property-slide .feature-item__thumb img {
  height: 180px;
  aspect-ratio: auto;
}

body .panchkula-property-slide .feature-item__content {
  padding: 13px 14px !important;
}

body .panchkula-property-slide .feature-item__title {
  min-height: 0;
  margin: 6px 0 8px;
  font-size: 17px;
}

body .panchkula-property-slide .feature-item__content .fs-14 {
  min-height: 0;
  font-size: 11px !important;
  line-height: 1.45;
}

body .panchkula-property-slide .feature-item__contact {
  padding: 8px 14px;
}

body .panchkula-property-slide .feature-item__contact :is(span,i) {
  font-size: 11px;
}

@media (max-width: 767px) {
  body .panchkula-properties { padding: 40px 0 44px !important; }
  body .panchkula-properties__heading { gap: 16px; margin-bottom: 20px; }
  body .panchkula-properties__heading h2 { font-size: 34px; }
  body .panchkula-property-slide .feature-item__thumb,
  body .panchkula-property-slide .feature-item__thumb img { height: 174px; }
}

/* Final homepage palette: cream first after the hero, then light grey. */
body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) {
  background: var(--zp-home-grey) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-home-grey-line) !important;
}

/* Typography follows the surface colour. */
body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(h1,h2,h3,h4,h5,h6,strong) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(p,small,li,blockquote) {
  color: var(--zp-cream-muted) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(h1,h2,h3,h4,h5,h6,strong) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(p,small,li,blockquote) {
  color: var(--zp-muted) !important;
}

/* Cards and workspaces inside cream bands stay in the same warm family. */
body :is(
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(
  .feature-item,
  .local-service-pages__grid > a,
  .human-about__visual > div,
  .site-visit-modern__facts article,
  .site-visit-modern__workspace,
  .site-visit-modern__toolbar,
  .site-visit-modern__projects,
  .site-visit-map-project,
  .site-visit-modern__selection,
  .site-visit-modern__guidance article,
  .home-emi__calculator,
  .home-emi__controls,
  .home-emi__result,
  .home-emi__number,
  .home-emi__tip,
  .interesting-read-card,
  .home-property-path
) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .panchkula-property-slide :is(.feature-item__title a,.price,.category,.fs-14),
body .local-service-pages__grid > a :is(strong,small),
body .site-visit-modern :is(.site-visit-modern__toolbar h3,.site-visit-map-project strong,.site-visit-modern__selection strong),
body .home-emi :is(.home-emi__field-top label,.home-emi__number input,.home-emi__result > strong,.home-emi__breakdown strong),
body .interesting-reads-section :is(.interesting-read-card__title,.interesting-read-card__title a),
body .home-property-cta :is(.home-property-path h3,.home-property-path > a) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .panchkula-property-slide .feature-item__contact,
body .site-visit-modern :is(.site-visit-modern__toolbar,.site-visit-modern__selection),
body .home-emi :is(.home-emi__breakdown,.home-emi__breakdown > div) {
  border-color: var(--zp-cream-line) !important;
}

body .home-emi__result {
  background: linear-gradient(145deg, #fbf7ef, #eee3d2) !important;
}

body .home-emi__range::-webkit-slider-thumb,
body .home-emi__range::-moz-range-thumb {
  border-color: var(--zp-cream-panel) !important;
}

/* Cards inside grey bands use a softer, lighter charcoal panel. */
body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(
  .featured-property-card,
  .featured-property-card__body,
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .locale-explorer__place,
  .locale-explorer__place-content,
  .locale-explorer__footer,
  .home-choice__consultation,
  .browse-budget-card,
  .about-simple__benefits article,
  .about-theory__card,
  .about-theory__intro blockquote,
  .home-stories__summary,
  .home-story
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: 0 12px 28px rgba(11, 16, 20, .12) !important;
}

body .featured-properties-section .featured-property-card__facts span,
body .browse-budget-card__icon,
body .about-theory__card > span:first-child {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
}

body :is(.featured-properties-section,.locale-explorer,.about-theory,.home-stories)
  :is(a,h2,h3,h4,strong) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

body :is(.featured-properties-section,.locale-explorer,.about-theory,.home-stories)
  :is(p,small,li,blockquote) {
  color: var(--zp-muted) !important;
}

body .featured-properties-section .featured-properties-view-more,
body .home-services-overview__all,
body .architecture-vision__action,
body .interesting-reads-section .interesting-reads-link {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

body :is(.architecture-vision,.interesting-reads-section,.home-property-cta)
  :is(.architecture-vision__action,.interesting-reads-link,.home-property-path > a):hover {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

/* Keep the hero search control as one cohesive translucent surface. */
body .banner-section .hero-simple-search {
  border-color: rgba(201, 154, 61, .78) !important;
  background: rgba(18, 27, 34, .94) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
}

body .banner-section .hero-simple-search__field {
  background: transparent !important;
}

body .banner-section .hero-simple-search__field input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #f5f3ed !important;
  caret-color: #ddb55d;
  box-shadow: none !important;
}

body .banner-section .hero-simple-search__field input::placeholder {
  color: rgba(232, 235, 237, .62) !important;
  opacity: 1;
}

body .banner-section .hero-simple-search:focus-within {
  border-color: #ddb55d !important;
  background: rgba(22, 33, 41, .97) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 0 2px rgba(221, 181, 93, .16) !important;
}

/* Featured Properties contrast correction on the light-grey band. */
body .featured-properties-section .featured-properties-heading p {
  color: #cbd3d8 !important;
}

body .featured-properties-section .featured-property-card__price-pill {
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: #c99a3d !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .2) !important;
}

body .featured-properties-section .featured-property-card__status {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: rgba(18, 27, 34, .9) !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
  backdrop-filter: blur(7px) !important;
}

body .featured-properties-section .featured-property-card__wishlist {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(18, 27, 34, .9) !important;
  color: #ddb55d !important;
  -webkit-text-fill-color: #ddb55d !important;
}

body .featured-properties-section .featured-property-card__wishlist i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body .featured-properties-section .featured-property-card__title,
body .featured-properties-section .featured-property-card__title a {
  color: #f8f6f0 !important;
  -webkit-text-fill-color: #f8f6f0 !important;
}

body .featured-properties-section .featured-property-card__location,
body .featured-properties-section .featured-property-card__furnishing {
  color: #d0d7db !important;
}

body .featured-properties-section .featured-property-card__facts span {
  color: #e1e6e9 !important;
}

/* Final homepage contrast audit: cream sections. */
body .home-trust-strip__item h3,
body .panchkula-properties__heading h2,
body .local-service-pages__heading h2,
body .local-service-pages__grid > a strong,
body .human-about__content h2,
body .human-about__values span,
body .human-about__visual > div strong,
body .architecture-vision__copy h2,
body .architecture-vision__points > span,
body .site-visit-modern__intro h2,
body .site-visit-modern__facts strong,
body .site-visit-modern__toolbar h3,
body .site-visit-modern__projects-label > div > strong,
body .site-visit-modern .site-visit-map-project strong,
body .site-visit-modern__selection strong,
body .site-visit-modern__guidance strong,
body .home-emi__heading h2,
body .home-emi__field-top > label,
body .home-emi__number input,
body .home-emi__result > strong,
body .home-emi__breakdown strong,
body .interesting-reads-section .interesting-reads-header h2,
body .interesting-reads-section .interesting-read-card__title,
body .interesting-reads-section .interesting-read-card__title a,
body .home-property-cta__heading h2,
body .home-property-path h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  opacity: 1 !important;
}

body .home-trust-strip__item p,
body .panchkula-properties__heading p,
body .panchkula-property-slide :is(.category,.fs-14),
body .local-service-pages__heading p,
body .local-service-pages__grid > a small,
body .human-about__content p,
body .human-about__visual > div small,
body .architecture-vision__copy > p,
body .architecture-vision__visual > p,
body .site-visit-modern__intro header > p,
body .site-visit-modern__facts small,
body .site-visit-modern__projects-label > div > small,
body .site-visit-modern .site-visit-map-project small,
body .site-visit-modern__selection small,
body .site-visit-modern__guidance small,
body .home-emi__heading > p,
body .home-emi__scale,
body .home-emi__tip p,
body .home-emi__result > small,
body .home-emi__breakdown span,
body .home-emi__legend,
body .home-emi__result > p,
body .interesting-reads-section .interesting-reads-header p,
body .interesting-reads-section .interesting-read-card__meta,
body .interesting-reads-section .interesting-read-card__excerpt,
body .home-property-cta__heading p,
body .home-property-path p {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  opacity: 1 !important;
}

body .human-about__actions a,
body .architecture-vision__action,
body .site-visit-modern__toolbar-actions > button:first-child,
body .site-visit-modern__selection > a,
body .interesting-reads-section .interesting-reads-link,
body .home-property-path > a {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

body .human-about__actions a:first-child,
body .site-visit-modern__toolbar-actions > button:last-child,
body .site-visit-modern__selection > button,
body .home-emi__result > a,
body .home-property-path--sell > a {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .human-about__actions a:hover,
body .architecture-vision__action:hover,
body .site-visit-modern__toolbar-actions > button:hover,
body .site-visit-modern__selection > :is(a,button):hover,
body .home-emi__result > a:hover,
body .interesting-reads-section .interesting-reads-link:hover,
body .home-property-path > a:hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .site-visit-modern__projects-label,
body .site-visit-modern__projects-label > b,
body .site-visit-modern .site-visit-map-project {
  border-color: var(--zp-cream-line) !important;
  background: #f7f1e7 !important;
  color: var(--zp-cream-ink) !important;
}

body .site-visit-modern .site-visit-map-project > .site-visit-modern__project-number {
  border-color: var(--zp-cream-line) !important;
  color: var(--zp-cream-muted) !important;
}

body .site-visit-modern .site-visit-map-project.is-active {
  background: linear-gradient(90deg, rgba(201,154,61,.2), #fbf7ef) !important;
}

body .interesting-reads-section .interesting-read-card__action,
body .interesting-reads-section .interesting-read-card__meta i,
body .local-service-pages__grid > a em {
  color: #936b22 !important;
  -webkit-text-fill-color: #936b22 !important;
}

/* Final homepage contrast audit: light-grey sections. */
body .home-services-overview__heading h2,
body .home-service-card h3,
body .home-quick-trust__inner strong,
body .locale-explorer__header h2,
body .locale-explorer__place-content h3,
body .locale-explorer__place-content li,
body .locale-explorer__highlights h3,
body .home-choice__content h2,
body .home-choice__point h3,
body .home-choice__consultation h3,
body .browse-budget-heading h2,
body .browse-budget-card__copy strong,
body .about-simple__content :is(h2,h3,h4),
body .about-simple__benefits h4,
body .about-theory__intro h2,
body .about-theory__card h3,
body .home-stories__heading h2,
body .home-stories__summary > strong,
body .home-story__author h3 {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
  opacity: 1 !important;
}

body .home-services-overview__heading p,
body .home-service-card p,
body .home-quick-trust__inner small,
body .locale-explorer__header p,
body .locale-explorer__place-content p,
body .locale-explorer__highlights p,
body .home-choice__intro,
body .home-choice__point p,
body .home-choice__consultation p,
body .browse-budget-heading p,
body .browse-budget-card__copy small,
body .about-simple__content > p,
body .about-simple__benefits p,
body .about-theory__intro p,
body .about-theory__card p,
body .home-stories__heading p,
body .home-stories__summary small,
body .home-story blockquote,
body .home-story__author div > span {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
  opacity: 1 !important;
}

body .home-services-overview__all,
body .about-simple__actions .about-premium__secondary {
  border-color: var(--zp-gold-light) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

body .home-quick-trust__inner > :is(a,button),
body .about-simple__actions .about-premium__primary {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .home-stories__summary > strong span {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

/* Static image-led site visit section; replaces the map and scrolling project list. */
body .site-visit-showcase {
  padding: 64px 0 !important;
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

body .site-visit-showcase__layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(38px, 5vw, 72px);
  align-items: center;
}

body .site-visit-showcase__visual {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--zp-cream-line);
  background: #ddd3c3;
  box-shadow: 0 22px 48px rgba(67, 55, 39, .13);
}

body .site-visit-showcase__visual > img {
  display: block;
  width: 100%;
  height: 590px;
  object-fit: cover;
  object-position: center;
}

body .site-visit-showcase__visual::after {
  position: absolute;
  inset: auto 0 0;
  height: 28%;
  background: linear-gradient(180deg, transparent, rgba(15, 22, 27, .48));
  content: '';
  pointer-events: none;
}

body .site-visit-showcase__visual figcaption {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 1;
  display: flex;
  min-width: 220px;
  padding: 15px 17px;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(201, 154, 61, .65);
  background: rgba(251, 247, 239, .95);
  color: var(--zp-cream-ink);
  backdrop-filter: blur(8px);
}

body .site-visit-showcase__visual figcaption i {
  color: #a97820;
  font-size: 25px;
}

body .site-visit-showcase__visual figcaption :is(small,strong) {
  display: block;
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .site-visit-showcase__visual figcaption small {
  margin-bottom: 3px;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 9px;
}

body .site-visit-showcase__eyebrow {
  color: #a97820;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body .site-visit-showcase__content > h2 {
  max-width: 650px;
  margin: 10px 0 16px;
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.06;
  letter-spacing: -.025em;
}

body .site-visit-showcase__content > p {
  max-width: 680px;
  margin: 0;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 13px;
  line-height: 1.75;
}

body .site-visit-showcase__benefits {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

body .site-visit-showcase__benefits article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  box-shadow: none !important;
}

body .site-visit-showcase__benefits article > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(201, 154, 61, .45);
  background: #efe5d3;
  color: #9b7124;
  font-size: 22px;
}

body .site-visit-showcase__benefits :is(strong,small) {
  display: block;
}

body .site-visit-showcase__benefits strong {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  font-size: 13px;
}

body .site-visit-showcase__benefits small {
  margin-top: 4px;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 10px;
}

body .site-visit-showcase__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
  border-block: 1px solid var(--zp-cream-line);
}

body .site-visit-showcase__steps > span {
  display: flex;
  min-height: 66px;
  padding: 12px;
  align-items: center;
  gap: 9px;
  color: #4f5a61;
  font-size: 10px;
  font-weight: 750;
}

body .site-visit-showcase__steps > span + span {
  border-left: 1px solid var(--zp-cream-line);
}

body .site-visit-showcase__steps b {
  color: #a97820;
  font-size: 10px;
}

body .site-visit-showcase__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 25px;
}

body .site-visit-showcase__actions > :is(button,a) {
  display: inline-flex;
  min-height: 46px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--zp-gold) !important;
  font-size: 11px;
  font-weight: 800;
}

body .site-visit-showcase__actions > button {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .site-visit-showcase__actions > a {
  background: transparent !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

body .site-visit-showcase__actions > :is(button,a):hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

@media (max-width: 991px) {
  body .site-visit-showcase__layout { grid-template-columns: 1fr; gap: 34px; }
  body .site-visit-showcase__visual,
  body .site-visit-showcase__visual > img { min-height: 500px; height: 500px; }
}

@media (max-width: 575px) {
  body .site-visit-showcase { padding: 44px 0 !important; }
  body .site-visit-showcase__visual,
  body .site-visit-showcase__visual > img { min-height: 420px; height: 420px; }
  body .site-visit-showcase__visual figcaption { right: 14px; bottom: 14px; left: 14px; min-width: 0; }
  body .site-visit-showcase__content > h2 { font-size: 36px; }
  body .site-visit-showcase__steps { grid-template-columns: 1fr; }
  body .site-visit-showcase__steps > span + span { border-top: 1px solid var(--zp-cream-line); border-left: 0; }
  body .site-visit-showcase__actions > :is(button,a) { width: 100%; }
}

/* Hard reset legacy site-visit styles so the new showcase renders correctly. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  height: auto !important;
  min-height: 0 !important;
  padding: 58px 0 !important;
  grid-template-rows: none !important;
  background: #f1ebdf !important;
  background-color: #f1ebdf !important;
  color: #222a30 !important;
}

html body .site-visit-showcase__layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 52px !important;
}

html body .site-visit-showcase__visual,
html body .site-visit-showcase__visual > img {
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
}

html body .site-visit-showcase__visual > img {
  object-fit: cover !important;
  object-position: center !important;
}

html body .site-visit-showcase__content,
html body .site-visit-showcase__content > h2 {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .site-visit-showcase__content > h2 {
  font-size: clamp(34px, 3.6vw, 48px) !important;
}

html body .site-visit-showcase__content > p,
html body .site-visit-showcase__benefits small {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

@media (max-width: 991px) {
  html body .site-visit-showcase__layout { grid-template-columns: 1fr !important; gap: 34px !important; }
  html body .site-visit-showcase__visual,
  html body .site-visit-showcase__visual > img { height: 460px !important; min-height: 460px !important; }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase { padding: 42px 0 !important; }
  html body .site-visit-showcase__visual,
  html body .site-visit-showcase__visual > img { height: 360px !important; min-height: 360px !important; }
}

/* Keep the site-visit block aligned with the wide homepage composition. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
  display: block !important;
  width: min(calc(100% - 48px), 1760px) !important;
  max-width: 1760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
  gap: clamp(38px, 4vw, 72px) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
    width: min(calc(100% - 36px), 720px) !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
    width: calc(100% - 28px) !important;
  }
}

/* Compact, warm home-loan calculator. */
html body section.home-emi {
  padding: 38px 0 42px !important;
  background: #f1ebdf !important;
  color: #222a30 !important;
}

html body .home-emi__heading {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  margin-bottom: 20px !important;
  align-items: center !important;
}

html body .home-emi__heading h2 {
  margin-top: 6px !important;
  font-size: clamp(32px, 3.25vw, 43px) !important;
  line-height: 1.05 !important;
}

html body .home-emi__heading > p {
  max-width: 500px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

html body .home-emi__calculator {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr) !important;
  border: 1px solid #d7cbb9 !important;
  background: #fbf7ef !important;
  box-shadow: 0 16px 38px rgba(67, 55, 39, .08) !important;
}

html body .home-emi__controls {
  gap: 16px !important;
  padding: 22px 28px !important;
  background: #fbf7ef !important;
  box-shadow: none !important;
}

html body .home-emi__field-top {
  min-height: 38px !important;
  margin-bottom: 9px !important;
}

html body .home-emi__field-top > label {
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
  font-size: 10.5px !important;
}

html body .home-emi__number {
  min-height: 38px !important;
  overflow: hidden !important;
  border: 1px solid #d3c5b0 !important;
  background: #f5eee2 !important;
  box-shadow: none !important;
}

html body .home-emi__number > span {
  color: #9d7020 !important;
  -webkit-text-fill-color: #9d7020 !important;
}

html body .home-emi__number input,
html body .home-emi__number input:focus,
html body .home-emi__number input:active {
  min-height: 36px !important;
  background: #fffaf2 !important;
  background-color: #fffaf2 !important;
  color: #202a31 !important;
  -webkit-text-fill-color: #202a31 !important;
  caret-color: #202a31 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body .home-emi__range {
  height: 3px !important;
  background: linear-gradient(90deg, #cf9a32, #94712c) !important;
}

html body .home-emi__range::-webkit-slider-thumb {
  width: 17px !important;
  height: 17px !important;
  border-color: #fbf7ef !important;
  background: #d29d34 !important;
}

html body .home-emi__range::-moz-range-thumb {
  border-color: #fbf7ef !important;
  background: #d29d34 !important;
}

html body .home-emi__scale {
  margin-top: 6px !important;
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

html body .home-emi__tip {
  gap: 10px !important;
  padding: 10px 13px !important;
  border: 1px solid #dfcfb4 !important;
  border-left: 3px solid #c9922d !important;
  background: #f4ead8 !important;
  box-shadow: none !important;
}

html body .home-emi__tip i { font-size: 18px !important; }
html body .home-emi__tip p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

html body .home-emi__result {
  min-height: 0 !important;
  padding: 24px 28px !important;
  border-left: 1px solid #d7cbb9 !important;
  background: #e4e7e7 !important;
  box-shadow: none !important;
}

html body .home-emi__result > strong {
  margin-top: 5px !important;
  color: #172631 !important;
  -webkit-text-fill-color: #172631 !important;
  font-size: clamp(32px, 3vw, 41px) !important;
}

html body .home-emi__result > small { margin-top: 4px !important; }

html body .home-emi__breakdown {
  margin-top: 18px !important;
  border-color: #c8cecf !important;
}

html body .home-emi__breakdown > div {
  padding: 9px 0 !important;
  border-color: #c8cecf !important;
}

html body .home-emi__bar {
  height: 7px !important;
  margin-top: 17px !important;
  background: #5c4b29 !important;
}

html body .home-emi__legend { margin-top: 7px !important; }

html body .home-emi__result > a {
  min-height: 40px !important;
  margin-top: 18px !important;
}

html body .home-emi__result > p {
  margin-top: 8px !important;
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

@media (max-width: 991px) {
  html body section.home-emi { padding: 34px 0 38px !important; }
  html body .home-emi__heading,
  html body .home-emi__calculator { grid-template-columns: minmax(0, 1fr) !important; }
  html body .home-emi__heading { gap: 10px !important; }
  html body .home-emi__result {
    border-top: 1px solid #d7cbb9 !important;
    border-left: 0 !important;
  }
}

@media (max-width: 575px) {
  html body section.home-emi { padding: 30px 0 34px !important; }
  html body .home-emi__controls,
  html body .home-emi__result { padding: 20px 16px !important; }
  html body .home-emi__field-top { gap: 8px !important; }
  html body .home-emi__heading h2 { font-size: 32px !important; }
}

/* Override the legacy charcoal homepage About treatment with a light grey band. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: #dfe3e3 !important;
  background-color: #dfe3e3 !important;
  color: #222a30 !important;
  border-color: #c8cecf !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content :is(h2, h3, h4) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  opacity: 1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content > p,
html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
  opacity: 1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__eyebrow {
  color: #9d7020 !important;
  -webkit-text-fill-color: #9d7020 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border: 1px solid #d6cbb9 !important;
  background: #f7f1e7 !important;
  color: #222a30 !important;
  box-shadow: none !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: rgba(185, 132, 37, .48) !important;
  background: #efe4d1 !important;
  color: #9d7020 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__visual {
  border-color: #bdc5c6 !important;
  background: #cfd5d5 !important;
  box-shadow: 0 18px 42px rgba(42, 50, 55, .11) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-premium__secondary {
  border-color: #9d7020 !important;
  background: transparent !important;
  color: #795719 !important;
  -webkit-text-fill-color: #795719 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-premium__secondary:hover {
  background: #f7f1e7 !important;
  color: #5f4414 !important;
  -webkit-text-fill-color: #5f4414 !important;
}

/* Neutral grey refinement and equal CTA alignment for the homepage About block. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border-color: #bcc3c5 !important;
  background: #e9ebea !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: #b8a070 !important;
  background: #dfe2e1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions {
  display: flex !important;
  margin-top: 24px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions > a {
  display: inline-flex !important;
  width: 170px !important;
  min-width: 170px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__primary {
  border-color: #c99a3d !important;
  background: #c99a3d !important;
  background-color: #c99a3d !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary {
  border-color: #9b7a39 !important;
  background: #e9ebea !important;
  background-color: #e9ebea !important;
  color: #644b1b !important;
  -webkit-text-fill-color: #644b1b !important;
}

@media (max-width: 575px) {
  html body section.about-section.about-section--home.about-premium.about-simple
    .about-simple__actions > a {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
}

/* Final alternating pair: EMI cream -> About budget-grey -> theory cream. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-home-grey-line) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content :is(h2, h3, h4) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content > p,
html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits p {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__eyebrow {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: rgba(221, 181, 93, .58) !important;
  background: var(--zp-bg-deep) !important;
  color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__visual {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 42px rgba(10, 16, 21, .2) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary {
  border-color: var(--zp-gold-light) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary:hover {
  background: var(--zp-home-grey-panel) !important;
  color: #f1cf83 !important;
  -webkit-text-fill-color: #f1cf83 !important;
}

html body section.about-theory {
  border-top-color: var(--zp-cream-line) !important;
  background: var(--zp-cream) !important;
  background-color: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

html body section.about-theory .about-theory__intro h2,
html body section.about-theory .about-theory__card h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

html body section.about-theory .about-theory__intro p,
html body section.about-theory .about-theory__card p {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

html body section.about-theory .about-theory__intro blockquote,
html body section.about-theory .about-theory__card {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

html body section.about-theory .about-theory__intro blockquote {
  border-left-color: var(--zp-gold) !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

html body section.about-theory .about-theory__card > span:first-child {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

html body section.about-theory .about-theory__card:hover,
html body section.about-theory .about-theory__card:focus {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

/* Final lower-home sections: white backgrounds with readable text. */
html body section.interesting-reads-section#interesting-reads {
  border-color: #e5e7eb !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-header h2,
html body section.interesting-reads-section#interesting-reads
  .interesting-read-card__title,
html body section.interesting-reads-section#interesting-reads
  .interesting-read-card__title a {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-header p {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
  opacity: 1 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-read-card {
  border-color: #e1e5e8 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  box-shadow: none !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-read-card :is(.interesting-read-card__meta, .interesting-read-card__excerpt) {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-link {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

html body section.testimonials.home-stories {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream) !important;
  background-color: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__heading h2, .home-stories__summary > strong, .home-story__author h3) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  opacity: 1 !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__heading p, .home-stories__summary small, .home-story blockquote, .home-story__author div > span) {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  opacity: 1 !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__summary, .home-story) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

html body section.testimonials.home-stories .home-story__author,
html body section.testimonials.home-stories .home-stories__summary > strong {
  border-color: var(--zp-cream-line) !important;
}

html body section.testimonials.home-stories .home-stories__summary > strong span {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

html body section.property-paths-section.home-property-cta {
  border-color: #e5e7eb !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body section.property-paths-section.home-property-cta
  :is(.home-property-cta__heading h2, .home-property-path h3) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body section.property-paths-section.home-property-cta
  :is(.home-property-cta__heading p, .home-property-path p) {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
}

html body section.property-paths-section.home-property-cta .home-property-path {
  border-color: #e1e5e8 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  box-shadow: none !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path__icon {
  border-color: rgba(221, 181, 93, .55) !important;
  background: #fff7e8 !important;
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

/* Properties results page: use the theme's light neutral-grey treatment. */
html body .feature-grid {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body .feature-grid .property-sidebar {
  border-color: #b9c1c3 !important;
  background: #e7e9e8 !important;
  background-color: #e7e9e8 !important;
  box-shadow: 0 12px 30px rgba(42, 50, 55, .08) !important;
}

html body .feature-grid .property-sidebar :is(.form--control, .form-control, .form-select),
html body .feature-grid .select2-container--default .select2-selection--single {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
  box-shadow: none !important;
}

html body .feature-grid .property-sidebar :is(input, select)::placeholder {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
  opacity: 1 !important;
}

html body .feature-grid .select2-selection__rendered {
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
}

html body .feature-grid .select2-selection__arrow b {
  border-top-color: #273139 !important;
}

html body .feature-grid .property-header {
  border: 1px solid #b9c1c3 !important;
  background: #e7e9e8 !important;
  background-color: #e7e9e8 !important;
  box-shadow: none !important;
}

html body .feature-grid .property-header__title {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .feature-grid .property-header .btn {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .property-header .btn.active {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body .feature-grid .feature-item {
  border-color: #b9c1c3 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 12px 28px rgba(42, 50, 55, .09) !important;
}

html body .feature-grid .feature-item__content-wrapper,
html body .feature-grid .feature-item__content {
  background: #eef0ef !important;
  color: #222a30 !important;
}

html body .feature-grid .feature-item__content .price {
  color: #94691d !important;
  -webkit-text-fill-color: #94691d !important;
}

html body .feature-grid .feature-item__content .category,
html body .feature-grid .feature-item__content .category :is(i, span) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body .feature-grid .feature-item__link {
  color: #202a31 !important;
  -webkit-text-fill-color: #202a31 !important;
}

html body .feature-grid .feature-item__link:hover {
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

html body .feature-grid .feature-item__content .fs-14 {
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .feature-item__contact {
  border-top-color: #c2c9ca !important;
  background: #e2e5e4 !important;
  color: #38434a !important;
}

html body .feature-grid .feature-item__contact :is(span, i) {
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .filter-btn {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body .feature-grid .custom--card {
  border-color: #b9c1c3 !important;
  background: #eef0ef !important;
  color: #222a30 !important;
}

/* Refined featured-property cards: simpler hierarchy, fewer decorative boxes. */
html body .featured-properties-section .featured-properties-grid {
  gap: 22px !important;
  align-items: stretch !important;
}

html body .featured-properties-section
  .featured-property-card.featured-property-card--compact.just-launched-card {
  display: flex !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  flex-direction: column !important;
  border: 1px solid #59656e !important;
  border-radius: 5px !important;
  background: #414c55 !important;
  box-shadow: 0 10px 24px rgba(11, 16, 20, .12) !important;
  transform: none !important;
}

html body .featured-properties-section
  .featured-property-card.featured-property-card--compact.just-launched-card:hover {
  border-color: #7b6740 !important;
  box-shadow: 0 14px 30px rgba(11, 16, 20, .17) !important;
  transform: translateY(-2px) !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__media {
  width: calc(100% - 16px) !important;
  height: 218px !important;
  min-height: 218px !important;
  margin: 8px 8px 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #29323b !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__media img {
  width: 100% !important;
  height: 218px !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}

html body .featured-properties-section
  .just-launched-card:hover .featured-property-card__media img {
  transform: scale(1.025) !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__status {
  top: 10px !important;
  left: 10px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(20, 29, 35, .86) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__wishlist {
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(20, 29, 35, .86) !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__price-pill {
  bottom: 10px !important;
  left: 10px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: rgba(201, 154, 61, .94) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card.featured-property-card--compact .featured-property-card__body {
  display: flex !important;
  min-height: 0 !important;
  padding: 15px 15px 14px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  background: #414c55 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__title {
  min-height: 42px !important;
  margin: 0 0 8px !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__location {
  display: -webkit-box !important;
  min-height: 38px !important;
  margin: 0 0 13px !important;
  overflow: hidden !important;
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts {
  display: flex !important;
  margin: 0 0 15px !important;
  padding: 10px 0 !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  border-top: 1px solid #59656e !important;
  border-bottom: 1px solid #59656e !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span {
  min-height: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-right: 1px solid #65717a !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e0e5e8 !important;
  -webkit-text-fill-color: #e0e5e8 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span:first-child {
  padding-left: 0 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts i {
  margin-right: 4px !important;
  color: var(--zp-gold-light) !important;
}

html body .featured-properties-section .just-launched-card__strip {
  display: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 138px !important;
  min-height: 38px !important;
  margin: auto 0 0 !important;
  padding: 0 16px !important;
  align-self: flex-start !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 3px !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button::after {
  margin-left: 8px !important;
  content: '\2192' !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button:hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

@media (max-width: 575px) {
  html body .featured-properties-section
    .just-launched-card .featured-property-card__media,
  html body .featured-properties-section
    .just-launched-card .featured-property-card__media img {
    height: 205px !important;
    min-height: 205px !important;
  }
}

/* Clear, consistently centred icons for the guidance cards. */
html body section.about-theory .about-theory__card > .about-theory__card-icon {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  place-items: center !important;
  flex: 0 0 46px !important;
  border: 1px solid rgba(157, 112, 32, .5) !important;
  border-radius: 3px !important;
  background: #eee2ce !important;
  color: #8b621b !important;
  -webkit-text-fill-color: #8b621b !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45) !important;
  line-height: 1 !important;
}

html body section.about-theory .about-theory__card > .about-theory__card-icon > i {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

html body section.about-theory .about-theory__card:hover > .about-theory__card-icon,
html body section.about-theory .about-theory__card:focus > .about-theory__card-icon {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #172129 !important;
  -webkit-text-fill-color: #172129 !important;
}

/* Keep both Buy/Sell CTA buttons visually identical. */
html body section.property-paths-section.home-property-cta
  .home-property-path > a {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  box-shadow: none !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path > a :is(i, span) {
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path > a:hover,
html body section.property-paths-section.home-property-cta
  .home-property-path > a:focus {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

/* Lighter site chrome aligned with the charcoal-grey section palette. */
html body .header,
html body .header.header--home:not(.fixed-header),
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  border-bottom: 1px solid rgba(221, 181, 93, .24) !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  box-shadow: 0 8px 24px rgba(19, 27, 33, .16) !important;
  backdrop-filter: blur(14px) !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link,
  .header-login-link,
  .header-wishlist,
  .header-button
) {
  color: #f3f1eb !important;
  -webkit-text-fill-color: #f3f1eb !important;
  text-shadow: none !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link:hover,
  .nav-menu .nav-item .nav-link:focus,
  .nav-menu .nav-item .nav-link.active,
  .header-login-link:hover,
  .header-login-link:focus,
  .header-login-link.active,
  .header-wishlist:hover,
  .header-wishlist:focus
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body .header .nav-menu .nav-item .nav-link::before {
  background: var(--zp-gold) !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse) {
  border-color: #65717b !important;
  background: #414c55 !important;
  background-color: #414c55 !important;
}

html body .header .dropdown-item {
  color: #e3e8ea !important;
  -webkit-text-fill-color: #e3e8ea !important;
}

html body .header .dropdown-item:hover,
html body .header .dropdown-item:focus,
html body .header .dropdown-item.active {
  background: #4a555e !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur {
  border-top: 1px solid rgba(221, 181, 93, .28) !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  color: #cbd3d8 !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-item__title,
html body footer.footer-area.footer-area--zirakpur
  .footer-contact-menu__item-content strong {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .footer-item__desc,
  .footer-menu__link,
  .footer-contact-menu__item-content p,
  .footer-contact-menu__item-content a,
  .bottom-footer-text,
  .bottom-footer-text.text-white
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link) {
  border-color: #65717b !important;
  background: #414c55 !important;
  color: #e1e6e9 !important;
  -webkit-text-fill-color: #e1e6e9 !important;
}

html body footer.footer-area.footer-area--zirakpur
  .footer-contact-menu__item-icon {
  border-color: rgba(221, 181, 93, .34) !important;
  background: #414c55 !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-top-color: #65717b !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .footer-menu__link:hover,
  .footer-menu__link:focus,
  .footer-contact-menu__item-content a:hover,
  .footer-contact-menu__item-content a:focus
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Final light-grey alignment for the Properties grid and site chrome. */
html body .feature-grid :is(
  .property-wrapper,
  .property-wrapper > .row,
  .property-item,
  .property-item > .feature-item__content-wrapper
) {
  background: transparent !important;
  background-color: transparent !important;
}

html body .feature-grid .property-wrapper .property-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .feature-grid .property-wrapper .feature-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body .feature-grid .property-wrapper .feature-item__thumb,
html body .feature-grid .property-wrapper .feature-item__thumb-link {
  display: block !important;
  width: 100% !important;
  background: #d8dcdd !important;
}

html body .feature-grid .property-wrapper :is(
  .feature-item__content-wrapper,
  .feature-item__content,
  .feature-item__contact
) {
  width: 100% !important;
  border-color: #c2c9ca !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body .feature-grid .property-wrapper .feature-item__contact {
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body .feature-grid .property-sidebar,
html body .feature-grid .property-header {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body .header,
html body .header.header--home:not(.fixed-header),
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header,
html body footer.footer-area.footer-area--zirakpur {
  background: #414c55 !important;
  background-color: #414c55 !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse),
html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  background: #4a555e !important;
  background-color: #4a555e !important;
}

/* Final header/footer colour: reference charcoal, transparent over the hero. */
html body .header.header--home:not(.fixed-header) {
  border-bottom-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  border-bottom: 1px solid rgba(201, 154, 61, .24) !important;
  background: #151e24 !important;
  background-color: #151e24 !important;
  box-shadow: 0 8px 24px rgba(5, 10, 14, .22) !important;
  backdrop-filter: blur(14px) !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse) {
  border-color: #3d4951 !important;
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body footer.footer-area.footer-area--zirakpur {
  border-top-color: rgba(201, 154, 61, .26) !important;
  background: #151e24 !important;
  background-color: #151e24 !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  border-color: #3d4951 !important;
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-top-color: #3d4951 !important;
}

/* Remove the desktop nav box and lift header/footer by one charcoal shade. */
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header,
html body footer.footer-area.footer-area--zirakpur {
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body .header.header--home:not(.fixed-header) {
  background: transparent !important;
  background-color: transparent !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  background: #29343c !important;
  background-color: #29343c !important;
}

@media (min-width: 992px) {
  html body .header .navbar-collapse,
  html body .header .header-nav-center {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (max-width: 991px) {
  html body .header .navbar-collapse {
    border: 1px solid #46525a !important;
    background: #29343c !important;
    background-color: #29343c !important;
    box-shadow: 0 14px 30px rgba(8, 13, 17, .2) !important;
  }
}

/* Inner pages use one coherent light-grey system; the homepage keeps its bands. */
html body.page-inner {
  --zp-bg: #d8dcdd;
  --zp-bg-deep: #d0d5d6;
  --zp-panel: #eef0ef;
  --zp-panel-soft: #f3f4f2;
  --zp-line: #b8c0c2;
  --zp-text: #222a30;
  --zp-muted: #59656c;
  --zp-subtle: #6e787e;
  background: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  section.py-120
) {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page
) :is(p,li,small,.text-muted,.desc,.description) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contactus-form,
  .contact-map,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card,
  .dashboard-widget,
  .wishlist-empty
) {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 10px 24px rgba(42, 50, 55, .07) !important;
}

html body.page-inner :is(.custom--card .card-body,.card-header,.card-footer,.accordion-button) {
  border-color: #c2c9ca !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
}

html body.page-inner :is(input,select,textarea,.form-control,.form--control,.form-select),
html body.page-inner .select2-container--default .select2-selection--single {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(input,textarea)::placeholder {
  color: #727d83 !important;
  -webkit-text-fill-color: #727d83 !important;
  opacity: 1 !important;
}

html body.page-inner select option {
  background: #f3f4f2 !important;
  color: #222a30 !important;
}

html body.page-inner .select2-selection__rendered {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .listing-details__amenities .amenities-list__item,
  .listing-details__date-card,
  .custom--tab .nav-link,
  .site-visit-input
) {
  border-color: #c2c9ca !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #38434a !important;
}

/* About page: light-grey bands with calm off-white cards. */
html body.page-inner .about-page,
html body.page-inner .about-page__story,
html body.page-inner .about-page__focus,
html body.page-inner .about-page__cta {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner .about-page__principles {
  border-color: #b8c0c2 !important;
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body.page-inner .about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3
) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .about-page :is(p,.about-page__copy .about-page__lead,.about-page__checks span) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .about-page__principle-grid,
html body.page-inner .about-page__facts {
  border-color: #b8c0c2 !important;
}

html body.page-inner .about-page__principle-grid article,
html body.page-inner .about-page__facts article {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body.page-inner .about-page__principle-grid article:hover {
  background: #f3f4f2 !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #6a757b !important;
  -webkit-text-fill-color: #6a757b !important;
}

/* Login: keep the shared header in normal flow and restore the dark/gold auth palette. */
html body.page-inner .auth-page-header .header {
  position: relative !important;
  top: auto !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
}

html body.page-inner .account.account--login {
  min-height: calc(100vh - 82px);
  padding: 32px 24px !important;
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f3f1eb !important;
}

html body.page-inner .account.account--login .account-inner {
  min-height: min(640px, calc(100vh - 146px));
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .account.account--login :is(
  .account-left,
  .account-right,
  .account-form-wrapper,
  .account-form
) {
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f3f1eb !important;
  box-shadow: none !important;
}

html body.page-inner .account.account--login :is(
  .account-form__title,
  .form--label,
  .form-label,
  label
) {
  color: #f3f1eb !important;
  -webkit-text-fill-color: #f3f1eb !important;
}

html body.page-inner .account.account--login :is(
  .account-form__desc,
  .form-check-label,
  .have-account__text
) {
  color: #b8c1c6 !important;
  -webkit-text-fill-color: #b8c1c6 !important;
}

html body.page-inner .account.account--login :is(
  input,
  .form-control,
  .form--control
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-inner .account.account--login :is(
  input,
  .form-control,
  .form--control
):focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, .14) !important;
}

html body.page-inner .account.account--login .form-check-input {
  border-color: var(--zp-home-grey-line) !important;
  background-color: var(--zp-home-grey-soft) !important;
}

html body.page-inner .account.account--login input:-webkit-autofill,
html body.page-inner .account.account--login input:-webkit-autofill:hover,
html body.page-inner .account.account--login input:-webkit-autofill:focus {
  border-color: var(--zp-home-grey-line) !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0 1000px var(--zp-home-grey-soft) inset !important;
}

html body.page-inner .account.account--login .form-check-input:checked {
  border-color: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
}

html body.page-inner .account.account--login :is(
  .forgot-password,
  .have-account__link,
  .text--base
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

@media (max-width: 991px) {
  html body.page-inner .account.account--login {
    min-height: calc(100vh - 76px);
    padding: 28px 16px !important;
  }

  html body.page-inner .account.account--login .account-inner {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  html body.page-inner .account.account--login {
    padding: 16px 12px !important;
  }

  html body.page-inner .account.account--login .account-form-wrapper {
    padding: 32px 22px;
  }
}

html body.page-inner .about-page__visual figcaption {
  background: rgba(32, 42, 49, .94) !important;
}

html body.page-inner .about-page__visual figcaption :is(span,strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .about-page__button--outline {
  border-color: #9eaaae !important;
  background: #eef0ef !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

/* Keep text intentionally light only where it sits on the About image overlay. */
html body.page-inner .about-page__cta-card :is(h2,p,.about-page__button--light) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

/* Services / guided visit page follows the same light-grey palette. */
html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner .site-visit-showcase__content > h2,
html body.page-inner .site-visit-showcase__benefits strong {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .site-visit-showcase__content > p,
html body.page-inner .site-visit-showcase__benefits small {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body.page-inner .site-visit-showcase__steps > span + span {
  border-color: #c2c9ca !important;
}

/* Contact cards and form stay readable against the light page background. */
html body.page-inner .contactus-form .contact__title,
html body.page-inner .contactus-form :is(.form--label,.form-label),
html body.page-inner .contact-item__title {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .contact-item__desc {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

/* Services page: remove the remaining dark service-specific surfaces. */
html body.page-inner :is(.property-services,.property-process,.quick-compare-section) {
  --service-ink: #222a30;
  --service-muted: #59656c;
  --service-line: #b8c0c2;
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .property-services__intro h1,
  .property-service-card h2,
  .property-process__heading h2,
  .property-process__step h3,
  .quick-compare-heading h2,
  .quick-compare-picker-head h3,
  .quick-compare-option strong
) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .property-services__intro > p,
  .property-service-card p,
  .property-process__heading p,
  .property-process__step p,
  .property-process__note p,
  .quick-compare-heading p,
  .quick-compare-picker > p,
  .quick-compare-option small
) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .property-services__grid {
  border-color: #b8c0c2 !important;
}

html body.page-inner .property-service-card {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body.page-inner .property-service-card:hover {
  background: #f3f4f2 !important;
}

html body.page-inner .property-service-card > span {
  color: #6e787e !important;
  -webkit-text-fill-color: #6e787e !important;
}

html body.page-inner .property-process__steps::before {
  border-color: #aeb7ba !important;
}

html body.page-inner .property-process__step-icon {
  border-color: #aeb7ba !important;
  background: #eef0ef !important;
  box-shadow: inset 0 0 0 8px #d8dcdd !important;
}

html body.page-inner .property-process__note,
html body.page-inner :is(.quick-compare-card,.quick-compare-picker,.quick-compare-table-wrap) {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 10px 24px rgba(42, 50, 55, .07) !important;
}

html body.page-inner .quick-compare-help {
  border-color: #c7b98f !important;
  background: #f3f0e8 !important;
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .quick-compare-option {
  border-color: #c2c9ca !important;
}

html body.page-inner .quick-compare-table :is(th,td) {
  border-color: #c2c9ca !important;
  color: #38434a !important;
  -webkit-text-fill-color: #38434a !important;
}

html body.page-inner .quick-compare-table th {
  background: #e2e5e4 !important;
  color: #7d5a1c !important;
  -webkit-text-fill-color: #7d5a1c !important;
}

/* Final inner-page palette: exact charcoal grey used by the homepage bands. */
html body.page-inner {
  --zp-bg: var(--zp-home-grey);
  --zp-bg-deep: #303a43;
  --zp-panel: var(--zp-home-grey-panel);
  --zp-panel-soft: var(--zp-home-grey-soft);
  --zp-line: var(--zp-home-grey-line);
  --zp-text: #f5f3ed;
  --zp-muted: #cbd3d8;
  --zp-subtle: #aeb8bd;
  background: var(--zp-home-grey) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  section.py-120,
  .about-page,
  .about-page__story,
  .about-page__principles,
  .about-page__focus,
  .about-page__cta,
  .property-services,
  .property-process,
  .quick-compare-section,
  section.site-visit-section.site-visit-modern.site-visit-showcase
) {
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  .about-page,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-showcase__content
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label,strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  .about-page,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-showcase__content
) :is(p,li,small,.text-muted,.desc,.description) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contactus-form,
  .contact-map,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card,
  .dashboard-widget,
  .wishlist-empty,
  .modal-content,
  .property-sidebar,
  .property-header,
  .feature-item,
  .property-wrapper .feature-item__content-wrapper,
  .property-wrapper .feature-item__content,
  .property-wrapper .feature-item__contact
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
  box-shadow: none !important;
}

html body.page-inner :is(.custom--card .card-body,.card-header,.card-footer,.accordion-button) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(input,select,textarea,.form-control,.form--control,.form-select),
html body.page-inner .select2-container--default .select2-selection--single {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(input,textarea)::placeholder {
  color: #bcc5ca !important;
  -webkit-text-fill-color: #bcc5ca !important;
  opacity: 1 !important;
}

html body.page-inner select option {
  background: var(--zp-home-grey-soft) !important;
  color: #f5f3ed !important;
}

html body.page-inner .select2-selection__rendered {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(
  .listing-details__amenities .amenities-list__item,
  .listing-details__date-card,
  .custom--tab .nav-link,
  .site-visit-input
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #e2e7e9 !important;
}

/* About page panels. */
html body.page-inner .about-page__principle-grid,
html body.page-inner .about-page__facts {
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .about-page__principle-grid article,
html body.page-inner .about-page__facts article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .about-page__principle-grid article:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #b8c1c6 !important;
  -webkit-text-fill-color: #b8c1c6 !important;
}

html body.page-inner .about-page__button--outline {
  border-color: var(--zp-home-grey-line) !important;
  background: transparent !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

/* Services, process and comparison panels. */
html body.page-inner .property-services__grid,
html body.page-inner .property-process__steps::before {
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .property-service-card,
html body.page-inner .property-process__note,
html body.page-inner :is(.quick-compare-card,.quick-compare-picker,.quick-compare-table-wrap) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
  box-shadow: none !important;
}

html body.page-inner .property-service-card:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .property-service-card > span {
  color: #aeb8bd !important;
  -webkit-text-fill-color: #aeb8bd !important;
}

html body.page-inner .property-process__step-icon {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: inset 0 0 0 8px var(--zp-home-grey) !important;
}

html body.page-inner .quick-compare-help {
  border-color: #7b6740 !important;
  background: var(--zp-home-grey-panel) !important;
  color: #d4dadd !important;
  -webkit-text-fill-color: #d4dadd !important;
}

html body.page-inner .quick-compare-option,
html body.page-inner .quick-compare-table :is(th,td) {
  border-color: var(--zp-home-grey-line) !important;
  color: #e3e8ea !important;
  -webkit-text-fill-color: #e3e8ea !important;
}

html body.page-inner .quick-compare-table th {
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Guided site-visit content uses the same card shade. */
html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .site-visit-showcase__steps > span + span {
  border-color: var(--zp-home-grey-line) !important;
}

/* Property results stay fully aligned with the homepage charcoal band. */
html body.page-inner .feature-grid .property-wrapper .feature-item,
html body.page-inner .feature-grid :is(.property-sidebar,.property-header),
html body.page-inner .feature-grid .property-wrapper :is(
  .feature-item__content-wrapper,
  .feature-item__content,
  .feature-item__contact
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact {
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
}

html body.page-inner .feature-grid :is(
  .feature-item__title,
  .feature-item__link,
  .feature-item__content h1,
  .feature-item__content h2,
  .feature-item__content h3
) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .feature-grid :is(
  .feature-item__content .fs-14,
  .feature-item__content .category,
  .feature-item__content .category i,
  .feature-item__contact span,
  .feature-item__contact i
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

/* Contact page text on charcoal cards. */
html body.page-inner .contactus-form .contact__title,
html body.page-inner .contactus-form :is(.form--label,.form-label),
html body.page-inner .contact-item__title {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .contact-item__desc {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner .property-services__consultation :is(h2,p,span) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .feature-grid .feature-item__content .price {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Final About-page content hierarchy on the homepage charcoal grey. */
html body.page-inner .about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3
) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page :is(
  .about-page__copy > p:not(.about-page__lead),
  .about-page__section-heading > p,
  .about-page__focus-copy > p,
  .about-page__principle-grid article > p
) {
  color: #d2dadd !important;
  -webkit-text-fill-color: #d2dadd !important;
}

html body.page-inner .about-page .about-page__copy .about-page__lead {
  color: #f0eee8 !important;
  -webkit-text-fill-color: #f0eee8 !important;
}

html body.page-inner .about-page__checks span {
  color: #e4e8e9 !important;
  -webkit-text-fill-color: #e4e8e9 !important;
}

html body.page-inner .about-page :is(
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__principle-grid article > i,
  .about-page__focus-copy > a
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner .about-page__facts strong {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #c1cbd0 !important;
  -webkit-text-fill-color: #c1cbd0 !important;
}

html body.page-inner .about-page__visual figcaption span {
  color: #c7d0d4 !important;
  -webkit-text-fill-color: #c7d0d4 !important;
}

html body.page-inner .about-page__visual figcaption strong {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page__cta-card :is(h2,p) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page__button--outline {
  border-color: #87939a !important;
  background: transparent !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .about-page__button--outline:hover {
  border-color: var(--zp-gold-light) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Exact service deep links should settle below the sticky site header. */
html {
  scroll-behavior: smooth;
}

body :is(.property-service-card, #project-comparison, #book-site-visit) {
  scroll-margin-top: 110px;
}

/* Explore Local: clickable locality photography with useful destination cues. */
body .locale-explorer__place-media {
  position: relative;
  display: block;
  width: 100%;
  height: 215px;
  overflow: hidden;
  background: var(--zp-home-grey-soft);
}

body .locale-explorer__place-media::after {
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(180deg, transparent, rgba(16, 25, 31, .84));
  content: '';
  pointer-events: none;
}

body .locale-explorer__place-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

body .locale-explorer__place-media > span {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 17px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
}

body .locale-explorer__place-media:hover img,
body .locale-explorer__place-media:focus img {
  transform: scale(1.045);
}

body .locale-explorer__place-media:hover > span,
body .locale-explorer__place-media:focus > span {
  color: var(--zp-gold-light) !important;
}

body .locale-explorer__place-content .locale-explorer__place-theory {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid var(--zp-gold);
  color: #d7dde0 !important;
  font-size: 11.5px;
}

/* Site-visit form: lighter neutral grey instead of the previous black panel. */
html body .site-visit-modal .modal-content {
  border-color: #aeb7b9 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: 0 28px 70px rgba(22, 30, 35, .28) !important;
}

html body .site-visit-modal__top {
  border-bottom-color: #b8c0c2 !important;
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body .site-visit-modal__heading h5 {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .site-visit-modal__heading p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body .site-visit-modal__close {
  border-color: #aeb7b9 !important;
  background: #f5f6f4 !important;
  color: #3f4a50 !important;
}

html body .site-visit-modal .modal-body {
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  scrollbar-color: var(--zp-gold) #d8dcdd;
}

html body .site-visit-modal .site-visit-field > label {
  color: #38434a !important;
  -webkit-text-fill-color: #38434a !important;
}

html body .site-visit-modal .site-visit-input,
html body .site-visit-modal :is(.site-visit-toggle span, .site-visit-date-option span, .site-visit-time-grid span) {
  border-color: #b8c0c2 !important;
  background: #f7f8f6 !important;
  background-color: #f7f8f6 !important;
  color: #2d373d !important;
  -webkit-text-fill-color: #2d373d !important;
}

html body .site-visit-modal .site-visit-toggle {
  border-color: #b8c0c2 !important;
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
}

html body .site-visit-modal :is(
  .site-visit-toggle input:checked + span,
  .site-visit-date-option input:checked + span,
  .site-visit-time-grid input:checked + span
) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body .site-visit-modal .site-visit-date-option span :is(strong, small, em),
html body .site-visit-modal .site-visit-toggle span i {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body .site-visit-modal .site-visit-form__notice {
  border-color: #c6a455 !important;
  background: #e2e5e4 !important;
  color: #4d5960 !important;
}

html body .site-visit-modal select option {
  background: #f7f8f6 !important;
  color: #2d373d !important;
}

@media (max-width: 575px) {
  body .locale-explorer__place-media {
    height: 210px;
  }
}

/* About page: final contrast lock and gently tightened content rhythm. */
html body.page-inner main.about-page {
  color: #f7f5ef !important;
}

html body.page-inner main.about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3,
  .about-page__cta h2
) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-shadow: none !important;
}

html body.page-inner main.about-page :is(
  .about-page__copy > p:not(.about-page__lead),
  .about-page__section-heading > p,
  .about-page__focus-copy > p,
  .about-page__principle-grid article > p
) {
  color: #dce2e4 !important;
  -webkit-text-fill-color: #dce2e4 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page .about-page__copy .about-page__lead {
  color: #f4f2ec !important;
  -webkit-text-fill-color: #f4f2ec !important;
}

html body.page-inner main.about-page .about-page__checks span {
  color: #f0f2f1 !important;
  -webkit-text-fill-color: #f0f2f1 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page :is(
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__principle-grid article > i,
  .about-page__focus-copy > a
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner main.about-page .about-page__principle-grid article,
html body.page-inner main.about-page .about-page__facts article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner main.about-page .about-page__principle-grid article > span,
html body.page-inner main.about-page .about-page__facts span,
html body.page-inner main.about-page .about-page__visual figcaption span {
  color: #cbd4d8 !important;
  -webkit-text-fill-color: #cbd4d8 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page .about-page__facts strong,
html body.page-inner main.about-page .about-page__visual figcaption strong {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner main.about-page .about-page__facts strong {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner main.about-page .about-page__visual figcaption {
  background: #26323a !important;
  background-color: #26323a !important;
}

html body.page-inner main.about-page .about-page__button--outline {
  border-color: #9aa5aa !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-inner main.about-page .about-page__cta-card p {
  color: #eef1f1 !important;
  -webkit-text-fill-color: #eef1f1 !important;
}

/* Services page: one charcoal-grey system, balanced spacing and no panel collisions. */
html body.page-inner .brand-location-text,
html body.page-inner :is(
  .property-services__intro h1,
  .quick-compare-heading h2,
  .site-visit-showcase__content > h2
) .brand-location-text {
  display: inline !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

html body.page-inner .property-services {
  padding: 62px 0 !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
}

html body.page-inner .property-services__intro {
  gap: clamp(30px, 4vw, 54px);
  margin-bottom: 30px;
}

html body.page-inner .property-services__intro h1,
html body.page-inner .property-service-card h2,
html body.page-inner .property-process__heading h2,
html body.page-inner .property-process__step h3,
html body.page-inner .quick-compare-heading h2,
html body.page-inner .quick-compare-picker-head h3,
html body.page-inner .quick-compare-option strong,
html body.page-inner .site-visit-showcase__content > h2,
html body.page-inner .site-visit-showcase__benefits strong {
  color: #f7f5ef !important;
  -webkit-text-fill-color: #f7f5ef !important;
}

html body.page-inner :is(
  .property-services__intro > p,
  .property-service-card p,
  .property-process__heading p,
  .property-process__step p,
  .property-process__note p,
  .quick-compare-heading p,
  .quick-compare-picker > p,
  .quick-compare-option small,
  .site-visit-showcase__content > p,
  .site-visit-showcase__benefits small
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner .property-service-card {
  min-height: 280px;
  padding: 27px 24px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .property-service-card:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .property-services__consultation {
  margin-top: 28px;
  margin-bottom: 0;
  transform: none;
}

html body.page-inner .property-process {
  padding: 64px 0 60px !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
}

html body.page-inner .property-process__heading {
  margin-bottom: 34px;
}

html body.page-inner .property-process__note {
  margin-top: 34px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
}

html body.page-inner .quick-compare-section {
  padding: 62px 0 64px !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
}

html body.page-inner .quick-compare-heading {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: clamp(34px, 4vw, 58px);
  align-items: center;
  margin: 0 0 30px;
}

html body.page-inner .quick-compare-heading__copy {
  min-width: 0;
}

html body.page-inner .quick-compare-heading h2 {
  max-width: 760px;
  margin: 8px 0 10px;
  white-space: normal !important;
  line-height: 1.08;
}

html body.page-inner .quick-compare-help {
  width: 100%;
  margin: 0;
  padding: 17px 18px;
  border-color: rgba(201, 154, 61, .55) !important;
  background: var(--zp-home-grey-panel) !important;
  color: #d9dfe1 !important;
  -webkit-text-fill-color: #d9dfe1 !important;
}

html body.page-inner .quick-compare-card {
  grid-template-columns: minmax(290px, .78fr) minmax(0, 1.6fr) !important;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: 0 18px 42px rgba(18, 25, 30, .16) !important;
}

html body.page-inner .quick-compare-picker {
  padding: 25px 24px 27px !important;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .quick-compare-stage {
  min-height: 420px !important;
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .quick-compare-option {
  padding: 13px 8px !important;
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .quick-compare-table-wrap {
  margin-top: 20px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: none !important;
}

html body.page-inner .quick-compare-table :is(th, td) {
  padding: 14px 17px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: #e5eaec !important;
  -webkit-text-fill-color: #e5eaec !important;
}

html body.page-inner .quick-compare-table th {
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 64px 0 !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f7f5ef !important;
}

html body.page-inner .site-visit-showcase__visual,
html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .site-visit-showcase__content > h2 {
  margin-bottom: 15px;
}

html body.page-inner .site-visit-showcase__benefits {
  gap: 12px;
  margin-top: 24px;
}

html body.page-inner .site-visit-showcase__steps {
  margin-top: 18px;
}

@media (max-width: 991px) {
  html body.page-inner .property-services__intro,
  html body.page-inner .quick-compare-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  html body.page-inner .quick-compare-card {
    grid-template-columns: 1fr !important;
  }

  html body.page-inner .quick-compare-stage {
    min-height: 360px !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner .property-services,
  html body.page-inner .property-process,
  html body.page-inner .quick-compare-section,
  html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  html body.page-inner .property-service-card {
    min-height: 0;
  }
}

/* Logo wordmark: lift only the text/divider to the icon's measured gold tone. */
html body .zirakpur-brand-mark {
  position: relative;
  display: inline-block;
  max-width: 100%;
  flex: 0 0 auto;
  line-height: 0;
}

html body .zirakpur-brand-mark .zirakpur-brand-image--base {
  position: relative;
  z-index: 0;
}

html body .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .header .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .footer-area .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .account .zirakpur-brand-mark .zirakpur-brand-image--wordmark {
  position: absolute !important;
  z-index: 1;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  clip-path: inset(0 0 0 39%);
  filter: sepia(.88) saturate(2.15) hue-rotate(352deg) brightness(.98) contrast(1.14) !important;
  pointer-events: none;
}

/* Homepage white section reset. */
body.page-home,
body.page-home .page-wrapper,
body.page-home main {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #222a30 !important;
}

body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  border-color: #e5e7eb !important;
}

body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living
) :is(h1,h2,h3,h4,h5,h6,strong,.title,.name,label) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living
) :is(p,li,small,.text-muted,.desc,.description) {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

body.page-home :is(
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .local-service-pages__grid > a,
  .human-about__visual > div,
  .human-about__content,
  .featured-property-card,
  .featured-property-card__body,
  .new-project-card,
  .browse-budget-card,
  .quick-compare-picker,
  .quick-compare-panel,
  .quick-compare-option,
  .interesting-read-card,
  .interesting-read-card__body,
  .home-property-path,
  .locale-explorer__place,
  .locale-explorer__place-content,
  .locale-explorer__footer,
  .home-choice__point,
  .home-choice__consultation,
  .home-story,
  .home-stories__summary,
  .home-emi__calculator,
  .home-emi__controls,
  .home-emi__result,
  .home-emi__number,
  .home-emi__tip,
  .about-theory__card
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  border-color: #e5e7eb !important;
}

html body.page-home :is(
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  border-color: #e5e7eb !important;
}

html body.page-home :is(
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section
) :is(h1,h2,h3,h4,h5,h6,strong,a,.title,.footer-item__title) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-home :is(
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section
) :is(p,li,small,span,.footer-item__desc,.footer-menu__link,.footer-contact-menu__item-content p,.bottom-footer-text) {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

/* Homepage readability lock for the white background sections. */
html body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living,
  footer.footer-area--zirakpur
) :is(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,em,label,a,div:not([class*="icon"]):not([class*="media"]):not([class*="image"]):not([class*="visual"])) {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living,
  footer.footer-area--zirakpur
) :is(h1,h2,h3,h4,h5,h6,strong,a,.title,.name,.featured-property-card__title,.interesting-read-card__title) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .about-premium,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .panchkula-properties,
  .architecture-vision,
  .home-emi,
  .about-theory,
  .about-simple,
  .future-living,
  footer.footer-area--zirakpur
) :is(p,li,span,small,em,label,.desc,.description,.text-muted) {
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
  opacity: 1 !important;
}

html body.page-home :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .builder-map-section,
  .site-visit-section,
  .site-visit-modern,
  .zirakpur-choose-section,
  .home-choice,
  .testimonials,
  .home-stories,
  .listing-section,
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section,
  .home-property-cta,
  .property-paths-section,
  .locale-explorer,
  .home-emi
) :is(.btn,.cmn-btn,button,[class*="button"],[class*="action"],[class*="submit"]) {
  -webkit-text-fill-color: currentColor !important;
}

/* Exact homepage section overrides for the visible white theme. */
html body.page-home section.about-section--home,
html body.page-home section.about-section--home.about-premium,
html body.page-home section.about-section--home.about-simple,
html body.page-home section.about-theory,
html body.page-home section.interesting-reads-section,
html body.page-home section.interesting-reads-section#interesting-reads {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  border-color: #e5e7eb !important;
}

html body.page-home section.about-section--home::before,
html body.page-home section.about-section--home::after,
html body.page-home section.about-theory::before,
html body.page-home section.about-theory::after,
html body.page-home section.interesting-reads-section::before,
html body.page-home section.interesting-reads-section::after {
  background: transparent !important;
  background-image: none !important;
}

html body.page-home section.about-section--home :where(h1,h2,h3,h4,h5,h6,strong,a,.section-heading__title,.about-copy__lead,.about-simple__content h2,.about-point h5),
html body.page-home section.about-theory :where(h1,h2,h3,h4,h5,h6,strong,a,.about-theory__intro h2,.about-theory__card h3),
html body.page-home section.interesting-reads-section :where(h1,h2,h3,h4,h5,h6,strong,a,.interesting-reads-header h2,.interesting-read-card__title) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-home section.about-section--home :where(p,li,span,small,em,.section-heading__desc,.about-point p,.about-stat span,.about-seller-callout p),
html body.page-home section.about-theory :where(p,li,span,small,em,.about-theory__intro p,.about-theory__card p),
html body.page-home section.interesting-reads-section :where(p,li,span:not(.interesting-read-card__category):not(.interesting-read-card__category *),small,em,.interesting-reads-header p,.interesting-read-card__excerpt,.interesting-read-card__meta) {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-home section.about-section--home :where(.about-simple__benefits article,.about-point,.about-stat,.about-seller-callout),
html body.page-home section.about-theory :where(.about-theory__card,.about-theory__intro blockquote),
html body.page-home section.interesting-reads-section :where(.interesting-read-card,.interesting-read-card__body) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  border-color: #e1e5e8 !important;
}

/* Global frontend light reset: remove charcoal panels across the website. */
html,
html body {
  --zp-bg: #ffffff;
  --zp-bg-deep: #ffffff;
  --zp-panel: #ffffff;
  --zp-panel-soft: #f8fafc;
  --zp-line: #e1e5e8;
  --zp-text: #111820;
  --zp-muted: #4b5962;
  --zp-subtle: #667078;
  --zp-home-grey: #ffffff;
  --zp-home-grey-panel: #ffffff;
  --zp-home-grey-soft: #f8fafc;
  --zp-home-grey-line: #e1e5e8;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial;
}

html body :is(
  .page-wrapper,
  main,
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .featured-properties-section,
  .featured-properties-section--compact,
  .new-projects-section,
  .builder-map-section,
  .quick-compare-section,
  .property-services,
  .property-process,
  .site-visit-section,
  .site-visit-modern,
  .home-property-cta,
  .property-paths-section,
  .interesting-reads-section,
  .about-section--home,
  .about-premium,
  .about-simple,
  .about-theory,
  .home-stories,
  .testimonials,
  .locale-explorer,
  .human-about,
  .home-emi,
  .browse-budget-section,
  .panchkula-properties,
  .architecture-vision,
  .footer-area,
  .footer-area--zirakpur
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  border-color: #e1e5e8 !important;
}

html body :is(
  .card,
  .custom--card,
  .modal-content,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contact-bottom,
  .contactus-form,
  .contact-map,
  .interesting-read-card,
  .interesting-read-card__body,
  .free-listing-card,
  .pricing-card,
  .account-wrapper,
  .account-inner,
  .account-form,
  .account-form-wrapper,
  .faq-item,
  .accordion-item,
  .policy-card,
  .featured-property-card,
  .featured-property-card__body,
  .featured-property-card--compact,
  .just-launched-card,
  .new-project-card,
  .new-project-card__body,
  .property-service-card,
  .property-process__step,
  .property-process__note,
  .quick-compare-card,
  .quick-compare-picker,
  .quick-compare-panel,
  .quick-compare-option,
  .quick-compare-table-wrap,
  .site-visit-showcase__visual,
  .site-visit-showcase__benefits article,
  .site-visit-showcase__steps,
  .home-property-path,
  .home-story,
  .home-stories__summary,
  .home-choice__point,
  .home-choice__consultation,
  .locale-explorer__place,
  .locale-explorer__place-content,
  .locale-explorer__footer,
  .human-about__content,
  .human-about__visual > div,
  .home-emi__calculator,
  .home-emi__controls,
  .home-emi__result,
  .home-emi__number,
  .home-emi__tip,
  .about-theory__card,
  .about-page__principle-grid article,
  .about-page__facts article,
  .about-page__visual figcaption
) {
  border-color: #e1e5e8 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  box-shadow: 0 12px 28px rgba(17, 24, 32, .07) !important;
}

html body :is(
  h1,h2,h3,h4,h5,h6,
  .title,
  .name,
  .section-heading__title,
  .featured-properties-heading h2,
  .featured-property-card__title,
  .featured-property-card__title a,
  .new-project-card__title,
  .new-project-card__title a,
  .interesting-read-card__title,
  .interesting-read-card__title a,
  .home-property-cta__heading h2,
  .home-property-path h3,
  .footer-item__title,
  .footer-contact-menu__item-content strong,
  .quick-compare-heading h2,
  .quick-compare-picker-head h3,
  .property-services__intro h1,
  .property-service-card h2,
  .site-visit-showcase__content > h2
) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body :is(
  p,li,small,span,em,label,
  .text-muted,
  .desc,
  .description,
  .section-heading__desc,
  .featured-properties-heading p,
  .featured-property-card__location,
  .featured-property-card__location span,
  .featured-property-card__facts,
  .featured-property-card__facts span,
  .featured-property-card__furnishing,
  .new-project-card__builder,
  .new-project-card__meta,
  .new-project-card__meta small,
  .new-project-card__meta strong,
  .interesting-read-card__meta,
  .interesting-read-card__excerpt,
  .home-property-cta__heading p,
  .home-property-path p,
  .footer-item__desc,
  .footer-menu__link,
  .footer-contact-menu__item-content p,
  .footer-contact-menu__item-content a,
  .bottom-footer-text,
  .quick-compare-heading p,
  .quick-compare-option small,
  .property-service-card p,
  .site-visit-showcase__content > p
) {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body :is(
  input,
  select,
  textarea,
  .form-control,
  .form--control,
  .form-select,
  .select2-container--default .select2-selection--single
) {
  border-color: #cfd6dc !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body :is(
  .featured-property-card__wishlist,
  .new-project-card__save,
  .header-wishlist,
  .header-wishlist--action,
  .social-list__link,
  .scroll-bottom,
  .scroll-top
) {
  border-color: #d7dee4 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body :is(
  .featured-property-card__wishlist i,
  .new-project-card__save i,
  .header-wishlist i,
  .scroll-bottom i,
  .scroll-top i
) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body :is(
  .featured-property-card__wishlist:hover,
  .featured-property-card__wishlist.is-active,
  .new-project-card__save:hover,
  .new-project-card__save.is-active,
  .header-wishlist:hover
) {
  border-color: var(--zp-gold) !important;
  background: #fff7e8 !important;
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

html body :is(
  .featured-property-card__facts span,
  .new-project-card__meta div,
  .quick-compare-table :is(th,td),
  .listing-details__amenities .amenities-list__item,
  .listing-details__date-card,
  .custom--tab .nav-link,
  .footer-local-tags a
) {
  border-color: #e1e5e8 !important;
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
}

html body :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .featured-property-card__button,
  .new-project-card__button,
  .about-premium__primary,
  .site-visit-button,
  .site-visit-submit,
  .filter-btn
) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body :is(.banner-section,.bg-img) {
  background-color: transparent !important;
}

/* Restore the homepage hero after the global light reset. */
html body.page-home .banner-section.banner-section.bg-img,
html body .banner-section.banner-section.bg-img {
  position: relative;
  background-color: #111820 !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-home .banner-section::before,
html body .banner-section::before {
  background:
    linear-gradient(180deg, rgba(4, 11, 18, 0.42) 0%, rgba(4, 11, 18, 0.24) 42%, rgba(4, 11, 18, 0.44) 100%),
    rgba(0, 0, 0, 0.04) !important;
}

html body.page-home .banner-section :is(
  .banner-content__title,
  .banner-content__title span,
  .hero-heading__line,
  .banner-content__desc
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-home .banner-section .hero-heading strong {
  color: #c99a3d !important;
  -webkit-text-fill-color: #c99a3d !important;
}

html body.page-home .banner-section .hero-simple-search {
  border: 1px solid rgba(201, 154, 61, .78) !important;
  background: rgba(18, 27, 34, .94) !important;
  background-color: rgba(18, 27, 34, .94) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
  backdrop-filter: blur(6px);
}

html body.page-home .banner-section .hero-simple-search__field {
  background: transparent !important;
  background-color: transparent !important;
}

html body.page-home .banner-section .hero-simple-search__field input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
  caret-color: #ddb55d;
  box-shadow: none !important;
}

html body.page-home .banner-section .hero-simple-search__field input::placeholder {
  color: rgba(232, 235, 237, .62) !important;
  -webkit-text-fill-color: rgba(232, 235, 237, .62) !important;
  opacity: 1;
}

html body.page-home .banner-section .hero-simple-search__field > i {
  color: #c99a3d !important;
  -webkit-text-fill-color: #c99a3d !important;
}

html body.page-home .banner-section .hero-simple-search__submit,
html body.page-home .banner-section .hero-simple-search__submit :is(span,i) {
  background: #c99a3d !important;
  background-color: #c99a3d !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Normal light property cards. */
html body .featured-properties-section .featured-properties-grid {
  align-items: stretch !important;
  gap: 24px !important;
}

html body .featured-properties-section .featured-property-card {
  overflow: hidden !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 8px 22px rgba(17, 24, 32, .06) !important;
}

html body .featured-properties-section .featured-property-card:hover {
  transform: translateY(-2px) !important;
  border-color: #d6dde3 !important;
  box-shadow: 0 12px 26px rgba(17, 24, 32, .08) !important;
}

html body .featured-properties-section .featured-property-card__media {
  overflow: hidden !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #eef3f6 !important;
}

html body .featured-properties-section .featured-property-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .featured-properties-section .featured-property-card__body {
  padding: 16px 18px 18px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
}

html body .featured-properties-section .featured-property-card__status {
  top: 10px !important;
  left: 10px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(12, 55, 38, .14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  box-shadow: 0 5px 14px rgba(17, 24, 32, .1) !important;
}

html body .featured-properties-section .featured-property-card__wishlist {
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
  font-size: 17px !important;
  box-shadow: 0 6px 14px rgba(17, 24, 32, .14) !important;
}

html body .featured-properties-section .featured-property-card__wishlist i {
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
}

html body .featured-properties-section .featured-property-card__wishlist:hover,
html body .featured-properties-section .featured-property-card__wishlist.is-active {
  border-color: rgba(201, 154, 61, .55) !important;
  background: #fff7e8 !important;
  color: #b21f2d !important;
  -webkit-text-fill-color: #b21f2d !important;
}

html body .featured-properties-section .featured-property-card__wishlist:hover i,
html body .featured-properties-section .featured-property-card__wishlist.is-active i {
  color: #b21f2d !important;
  -webkit-text-fill-color: #b21f2d !important;
}

html body .featured-properties-section .featured-property-card__price-pill {
  left: 10px !important;
  bottom: 10px !important;
  padding: 7px 10px !important;
  border-radius: 4px !important;
  background: #d6a337 !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(17, 24, 32, .16) !important;
}

html body .featured-properties-section .featured-property-card__title,
html body .featured-properties-section .featured-property-card__title a {
  margin-bottom: 10px !important;
  color: #08111a !important;
  -webkit-text-fill-color: #08111a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

html body .featured-properties-section .featured-property-card__location {
  min-height: 40px !important;
  margin-bottom: 13px !important;
  color: #52616b !important;
  -webkit-text-fill-color: #52616b !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

html body .featured-properties-section .featured-property-card__location span {
  color: #52616b !important;
  -webkit-text-fill-color: #52616b !important;
}

html body .featured-properties-section .featured-property-card__location i {
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
  font-size: 14px !important;
}

html body .featured-properties-section .featured-property-card__facts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: auto 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}

html body .featured-properties-section .featured-property-card__facts span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html body .featured-properties-section .featured-property-card__facts i {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: 13px !important;
}

html body .featured-properties-section .featured-property-card__button {
  width: fit-content !important;
  min-width: 124px !important;
  min-height: 34px !important;
  padding: 9px 16px !important;
  border: 1px solid #d6a337 !important;
  border-radius: 3px !important;
  background: #d6a337 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body .featured-properties-section .featured-property-card__button:hover {
  border-color: #b98516 !important;
  background: #b98516 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Browse by budget icons: clean light badges. */
html body .browse-budget-section .browse-budget-card__icon {
  display: inline-grid !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 18px !important;
  place-items: center !important;
  border: 1px solid rgba(214, 163, 55, .34) !important;
  border-radius: 50% !important;
  background: #fff7e8 !important;
  background-color: #fff7e8 !important;
  color: #b98516 !important;
  -webkit-text-fill-color: #b98516 !important;
  box-shadow: none !important;
}

html body .browse-budget-section .browse-budget-card__icon i {
  color: #b98516 !important;
  -webkit-text-fill-color: #b98516 !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

html body .browse-budget-section .browse-budget-card:hover .browse-budget-card__icon {
  border-color: rgba(15, 91, 54, .28) !important;
  background: #e9f5ef !important;
  background-color: #e9f5ef !important;
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
}

html body .browse-budget-section .browse-budget-card:hover .browse-budget-card__icon i {
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
}

/* Site-wide readability lock for inner pages and user flows. */
html body.page-inner,
html body.page-inner .page-wrapper,
html body.page-inner main,
html body.page-inner :is(
  .listing-detials,
  .feature-grid,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .about-page,
  .about-insight-section,
  .free-listing-section,
  .account,
  .dashboard,
  .user-dashboard,
  .create-property,
  .create-property-form,
  .wishlist-page,
  .support-ticket,
  .deposit-section,
  .payment-section,
  .section-bg,
  section.py-120
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .listing-details__date-card,
  .listing-details__amenities .amenities-list__item,
  .contact-item,
  .contact-bottom,
  .contactus-form,
  .contact-map,
  .about-page__principle-grid article,
  .about-page__facts article,
  .about-page__visual figcaption,
  .interesting-read-card,
  .interesting-read-details__content,
  .account-inner,
  .account-form,
  .account-form-wrapper,
  .custom--card,
  .card,
  .modal-content,
  .create-property-form,
  .create-property-form-body,
  .property-form-section-title,
  .table,
  .table-responsive,
  .dashboard-widget,
  .dashboard-card,
  .pricing-card,
  .free-listing-card,
  .faq-item,
  .accordion-item,
  .policy-card
) {
  border-color: #dfe5ea !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 10px 26px rgba(17, 24, 32, .06) !important;
}

html body.page-inner :is(
  h1,h2,h3,h4,h5,h6,
  .title,
  .name,
  .section-heading__title,
  .listing-details__header-title,
  .listing-details__title,
  .listing-details__date-title,
  .listing-details__amenities-title,
  .listing-details-sidebar__title,
  .listing-details-sidebar__header-info .name,
  .amenities-list__name,
  .listing-details__date-card .title,
  .contact-item__title,
  .contact__title,
  .account-form__title,
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3,
  .interesting-reads-page__header h1,
  .interesting-read-details h1,
  .custom--card .card-title,
  .card-title,
  .property-form-section-title h5,
  table th
) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-inner :is(
  p,li,small,span,em,label,
  .text-muted,
  .desc,
  .description,
  .section-heading__desc,
  .listing-details-item__icon-text,
  .listing-details__desc,
  .listing-details__desc *,
  .listing-details-sidebar__header-info .title,
  .listing-details-sidebar__info .info-list__item,
  .listing-details-sidebar__info .info-list__text,
  .listing-details-sidebar__info .info-list__line,
  .text-list__link,
  .amenities-list__value,
  .listing-details__date-content .time,
  .contact-item__desc,
  .account-form__desc,
  .have-account__text,
  .form-check-label,
  .about-page__lead,
  .about-page__copy p,
  .about-page__section-heading p,
  .about-page__focus-copy p,
  .about-page__principle-grid article p,
  .interesting-read-details p,
  .interesting-reads-page__header p,
  table td
) {
  color: #4b5962 !important;
  -webkit-text-fill-color: #4b5962 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body.page-inner :is(
  a,
  .text--base,
  .forgot-password,
  .have-account__link,
  .try-again-link,
  .listing-details-item__icon,
  .listing-details-sidebar__info .info-list .icon,
  .contact-item__icon,
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__focus-copy > a,
  .footer-menu__link:hover
) {
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  input,
  select,
  textarea,
  .form-control,
  .form--control,
  .form-select,
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .site-visit-input
) {
  border-color: #cfd6dc !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  box-shadow: none !important;
}

html body.page-inner :is(input,textarea)::placeholder {
  color: #7a8790 !important;
  -webkit-text-fill-color: #7a8790 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .filter-btn,
  .site-visit-submit,
  button[type="submit"],
  input[type="submit"]
) {
  border-color: #d6a337 !important;
  background: #d6a337 !important;
  background-color: #d6a337 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-inner :is(
  .btn-outline--base,
  .btn.btn-outline--base
) {
  border-color: #d6a337 !important;
  background: #ffffff !important;
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

html body.page-inner .listing-details__thumb img {
  opacity: 1 !important;
  filter: none !important;
}

html body.page-inner :is(
  .listing-details,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .listing-details__amenities,
  .contact-top,
  .contact-bottom,
  .about-page,
  .interesting-read-details,
  .interesting-reads-page,
  .account,
  .create-property-form,
  .dashboard,
  .custom--card,
  .card
) :is(p,li,span,small,strong,em,label,div:not([class*="icon"]):not([class*="btn"])) {
  color: #34424b !important;
  -webkit-text-fill-color: #34424b !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner :is(
  .listing-details,
  .listing-details-sidebar,
  .contact-top,
  .contact-bottom,
  .about-page,
  .interesting-read-details,
  .interesting-reads-page,
  .account,
  .create-property-form,
  .dashboard,
  .custom--card,
  .card
) :is(h1,h2,h3,h4,h5,h6,.title,.name) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner :is(.listing-details, .listing-details-sidebar, .contact-top, .contact-bottom, .about-page, .account, .create-property-form, .dashboard) :is(i, svg) {
  color: #102433 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .about-page__cta-card,
  .banner-section,
  .bg-img
) :is(h1,h2,h3,h4,h5,h6,p,span,strong,a) {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

/* Footer final sync: keep homepage footer identical to inner pages. */
html body.page-home footer.footer-area.footer-area--zirakpur,
html body.page-inner footer.footer-area.footer-area--zirakpur,
html body footer.footer-area.footer-area--zirakpur {
  border-top: 1px solid rgba(221, 181, 93, .28) !important;
  border-bottom: 0 !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  background-image: none !important;
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-area__shape-one, .footer-area__shape-two) {
  opacity: .055 !important;
  filter: grayscale(1) sepia(.2) !important;
}

html body footer.footer-area.footer-area--zirakpur .zirakpur-brand-image {
  filter: none !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-item__title, .footer-contact-menu__item-content strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-item__title::after {
  background: var(--zp-gold) !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .footer-item__desc,
  .footer-menu__link,
  .footer-contact-menu__item-content p,
  .footer-contact-menu__item-content a,
  .bottom-footer-text,
  .bottom-footer-text.text-white
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
  opacity: 1 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-menu__link:hover, .footer-menu__link:focus, .footer-contact-menu__item-content a:hover, .footer-contact-menu__item-content a:focus),
html body footer.footer-area.footer-area--zirakpur :is(.bottom-footer-text a, .bottom-footer-text .base--text) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-local-tags a, .social-list__link) {
  border-color: #65717b !important;
  background: #414c55 !important;
  color: #e1e6e9 !important;
  -webkit-text-fill-color: #e1e6e9 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-local-tags a:hover, .footer-local-tags a:focus, .social-list__link:hover, .social-list__link:focus) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-contact-menu__item-icon {
  border-color: rgba(221, 181, 93, .34) !important;
  background: #414c55 !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-top: 1px solid #65717b !important;
}

/* Homepage footer hard override: beat older page-home white footer rules. */
html body.page-home footer.footer-area.footer-area--zirakpur,
html body.page-home footer.footer-area.footer-area--zirakpur > *,
html body.page-home footer.footer-area.footer-area--zirakpur .container,
html body.page-home footer.footer-area.footer-area--zirakpur .row,
html body.page-home footer.footer-area.footer-area--zirakpur .bottom-footer {
  background: #353f48 !important;
  background-color: #353f48 !important;
  background-image: none !important;
}

html body.page-home footer.footer-area.footer-area--zirakpur :is(h1,h2,h3,h4,h5,h6,.footer-item__title,.footer-contact-menu__item-content strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
  opacity: 1 !important;
}

html body.page-home footer.footer-area.footer-area--zirakpur :is(p,li,span,small,a,.footer-item__desc,.footer-menu__link,.footer-contact-menu__item-content p,.footer-contact-menu__item-content a,.bottom-footer-text,.bottom-footer-text.text-white) {
  color: #d7dee2 !important;
  -webkit-text-fill-color: #d7dee2 !important;
  opacity: 1 !important;
}

html body.page-home footer.footer-area.footer-area--zirakpur :is(.footer-local-tags a,.social-list__link) {
  border-color: #65717b !important;
  background: #414c55 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-home footer.footer-area.footer-area--zirakpur :is(.bottom-footer-text a,.bottom-footer-text .base--text,.footer-menu__link:hover,.footer-contact-menu__item-content a:hover) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Projects mega menu: premium local property navigation. */
html body .header .nav-menu .mega-menu-item {
  position: static !important;
}

html body .header .project-mega-menu {
  border: 1px solid #d9e0e5 !important;
  border-radius: 0 0 8px 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 24px 60px rgba(17, 24, 32, .22) !important;
}

html body .header .project-mega-menu__grid {
  grid-template-columns: 270px repeat(4, minmax(150px, 1fr)) !important;
  min-height: 340px !important;
}

html body .header .project-mega-menu .mega-menu__col {
  border-left: 1px solid #e5e9ed !important;
  background: #ffffff !important;
}

html body .header .project-mega-menu .mega-menu__col:first-child,
html body .header .project-mega-menu__intro {
  border-left: 0 !important;
  background: #f6f7f8 !important;
}

html body .header .project-mega-menu :is(.mega-menu__label) {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
}

html body .header .project-mega-menu :is(.mega-menu__title, .mega-menu__col > span) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .header .project-mega-menu :is(.mega-menu__subtitle, .project-mega-menu__note p) {
  color: #5d6870 !important;
  -webkit-text-fill-color: #5d6870 !important;
}

html body .header .project-mega-menu a:not(.project-mega-menu__cta) {
  color: #3f4b54 !important;
  -webkit-text-fill-color: #3f4b54 !important;
  font-weight: 600 !important;
}

html body .header .project-mega-menu a:not(.project-mega-menu__cta):hover,
html body .header .project-mega-menu a:not(.project-mega-menu__cta):focus {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
}

html body .header .project-mega-menu__cta {
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 4px !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-weight: 800 !important;
}

html body .header .project-mega-menu__note {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #e2d0a4;
  border-radius: 6px;
  background: #fbf7ec;
}

html body .header .project-mega-menu__note i {
  margin-bottom: 8px;
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
  font-size: 22px;
}

@media (max-width: 1199px) {
  html body .header .project-mega-menu__grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body .header .project-mega-menu {
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  html body .header .project-mega-menu__grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html body .header .project-mega-menu .mega-menu__col {
    border-left: 0 !important;
    border-top: 1px solid #e5e9ed !important;
  }

  html body .header .project-mega-menu .mega-menu__col:first-child {
    border-top: 0 !important;
  }
}

/* Absolute final footer guard. Keep every page footer dark and readable. */
html body footer.footer-area.footer-area--zirakpur,
html body.page-home footer.footer-area.footer-area--zirakpur,
html body.page-inner footer.footer-area.footer-area--zirakpur,
html body footer.footer-area.footer-area--zirakpur > .container,
html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-color: #65717b !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  background-image: none !important;
  color: #d7dee2 !important;
  -webkit-text-fill-color: #d7dee2 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-item__title, .footer-contact-menu__item-content strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-item__desc, .footer-menu__link, .footer-contact-menu__item-content p, .footer-contact-menu__item-content a, .bottom-footer-text, .bottom-footer-text.text-white) {
  color: #d7dee2 !important;
  -webkit-text-fill-color: #d7dee2 !important;
  opacity: 1 !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-menu__link:hover, .footer-menu__link:focus, .footer-contact-menu__item-content a:hover, .footer-contact-menu__item-content a:focus, .bottom-footer-text a, .bottom-footer-text .base--text) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur :is(.footer-local-tags a, .social-list__link) {
  border-color: #65717b !important;
  background: #414c55 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Navbar wishlist: icon only, no white box. */
html body .header .header-wishlist,
html body .header .header-wishlist--action {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .header .header-wishlist i,
html body .header .header-wishlist--action i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 28px !important;
}

html body .header .header-wishlist:hover,
html body .header .header-wishlist:focus,
html body .header .header-wishlist:hover i,
html body .header .header-wishlist:focus i {
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Scroll reveal animation for frontend content. */
html body .scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22, .8, .28, 1);
  transition-delay: var(--scroll-reveal-delay, 0ms);
  will-change: opacity, transform;
}

html body.page-inner .interesting-read-details.scroll-reveal,
html body.page-inner .interesting-read-details.scroll-reveal *,
html body.page-inner .interesting-read-details.scroll-reveal .interesting-read-details__content,
html body.page-inner .interesting-read-details.scroll-reveal .interesting-read-details__article {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body .scroll-reveal.scroll-reveal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

html body .scroll-reveal.scroll-reveal--left {
  transform: translate3d(-28px, 0, 0);
}

html body .scroll-reveal.scroll-reveal--right {
  transform: translate3d(28px, 0, 0);
}

html body .scroll-reveal.scroll-reveal--zoom {
  transform: translate3d(0, 18px, 0) scale(.97);
}

html body .scroll-reveal.scroll-reveal--left.scroll-reveal--visible,
html body .scroll-reveal.scroll-reveal--right.scroll-reveal--visible,
html body .scroll-reveal.scroll-reveal--zoom.scroll-reveal--visible {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  html body .scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Properties listing final readability and filter layout. */
html body.page-inner .feature-grid {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
}

html body.page-inner .feature-grid .filter-main-sidebar {
  position: static !important;
  top: auto !important;
}

html body.page-inner .feature-grid .property-sidebar {
  position: relative !important;
  top: auto !important;
  border: 1px solid #d8dee4 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(17, 24, 32, .06) !important;
}

html body.page-inner .feature-grid .property-sidebar__wrapper {
  display: grid;
  gap: 12px;
}

html body.page-inner .feature-grid .property-sidebar .form-group {
  margin-bottom: 0 !important;
}

html body.page-inner .feature-grid .property-sidebar :is(.form--control, .form-control, .form-select),
html body.page-inner .feature-grid .property-sidebar .select2-container--default .select2-selection--single {
  min-height: 46px !important;
  border-color: #cfd7de !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  box-shadow: none !important;
}

html body.page-inner .feature-grid .property-sidebar :is(input, select)::placeholder,
html body.page-inner .feature-grid .property-sidebar .select2-selection__rendered {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-sidebar .filter-btn {
  position: static !important;
  display: flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 4px !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-weight: 800 !important;
}

html body.page-inner .feature-grid .filter-button {
  display: none !important;
}

html body.page-inner .feature-grid .property-header {
  border: 1px solid #d8dee4 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

html body.page-inner .feature-grid .property-header__title {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-header .btn {
  border-color: #cfd7de !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .feature-grid .property-header .btn.active {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item,
html body.page-inner .feature-grid .property-wrapper .feature-item__content-wrapper,
html body.page-inner .feature-grid .property-wrapper .feature-item__content {
  border-color: #d8dee4 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item {
  overflow: hidden !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 32, .08) !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__content .price {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper :is(.feature-item__title, .feature-item__link) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper :is(.feature-item__content .fs-14, .feature-item__content .category, .feature-item__content .category i, .feature-item__content .category span) {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact {
  border-top: 1px solid #d8dee4 !important;
  background: #f8fafb !important;
  background-color: #f8fafb !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact :is(span, i) {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
  opacity: 1 !important;
}

@media (max-width: 1199px) {
  html body.page-inner .feature-grid .property-sidebar {
    position: fixed !important;
    top: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
  }
}

/* About page final guard: keep every content block readable. */
html body.page-inner .about-page,
html body.page-inner .about-page :is(.about-page__story, .about-page__principles, .about-page__focus) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner .about-page :is(
  .about-page__copy,
  .about-page__section-heading,
  .about-page__focus-copy,
  .about-page__principle-grid article,
  .about-page__facts article
) {
  border-color: #d8dee4 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
  opacity: 1 !important;
}

html body.page-inner .about-page :is(
  h1,h2,h3,h4,h5,h6,
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3,
  .about-page__facts strong
) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner .about-page :is(
  p,li,span,strong,small,
  .about-page__lead,
  .about-page__copy p,
  .about-page__section-heading p,
  .about-page__focus-copy p,
  .about-page__checks span,
  .about-page__principle-grid p,
  .about-page__facts span
) {
  color: #44515a !important;
  -webkit-text-fill-color: #44515a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner .about-page :is(.about-page__eyebrow, .about-page__checks i, .about-page__principle-grid article > i, .about-page__focus-copy > a) {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
  opacity: 1 !important;
}

html body.page-inner .about-page .about-page__visual figcaption,
html body.page-inner .about-page .about-page__visual figcaption :is(span,strong) {
  background-color: rgba(17, 24, 32, .92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .about-page .about-page__cta {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.page-inner .about-page .about-page__cta-card,
html body.page-inner .about-page .about-page__cta-card > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .about-page .about-page__cta-card :is(h1,h2,h3,h4,h5,h6,p,span,strong,a:not(.about-page__button--gold)) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.page-inner .about-page .about-page__button--gold {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-inner .about-page .about-page__button--outline {
  border-color: #b8c0c7 !important;
  background: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Site-wide final contrast audit. */
html body.page-inner :is(
  main:not(.about-page),
  section:not(.banner-section):not(.breadcrumb):not(.bg-img),
  .feature-grid,
  .listing-detials,
  .contact-top,
  .contact-bottom,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .account,
  .dashboard,
  .custom--card,
  .card,
  .modal-content,
  .property-sidebar,
  .property-header,
  .feature-item,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .contact-item,
  .contactus-form,
  .about-insight-section,
  .policy-card
) {
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner :is(
  main:not(.about-page),
  section:not(.banner-section):not(.breadcrumb):not(.bg-img),
  .feature-grid,
  .listing-detials,
  .contact-top,
  .contact-bottom,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .account,
  .dashboard,
  .custom--card,
  .card,
  .modal-content,
  .property-sidebar,
  .property-header,
  .feature-item,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .contact-item,
  .contactus-form,
  .about-insight-section,
  .policy-card
) :is(h1,h2,h3,h4,h5,h6,.title,.card-title,.name,strong) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner :is(
  main:not(.about-page),
  section:not(.banner-section):not(.breadcrumb):not(.bg-img),
  .feature-grid,
  .listing-detials,
  .contact-top,
  .contact-bottom,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .account,
  .dashboard,
  .custom--card,
  .card,
  .modal-content,
  .property-sidebar,
  .property-header,
  .feature-item,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .contact-item,
  .contactus-form,
  .about-insight-section,
  .policy-card
) :is(p,li,span,small,em,label,td,.desc,.text-muted) {
  color: #40505a !important;
  -webkit-text-fill-color: #40505a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner :is(
  .bg-img,
  .breadcrumb,
  [style*="background-image"],
  .about-page__visual figcaption,
  .about-page__cta-card,
  .site-visit-showcase__visual figcaption
) :is(h1,h2,h3,h4,h5,h6,p,span,strong,a:not(.btn--base):not(.about-page__button--gold)) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .28) !important;
}

html body.page-inner main.about-page .about-page__copy,
html body.page-inner main.about-page .about-page__copy *:not(i) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-inner main.about-page .about-page__copy :is(p,.about-page__lead,.about-page__checks span) {
  color: #24313a !important;
  -webkit-text-fill-color: #24313a !important;
}

html body.page-inner main.about-page .about-page__copy :is(.about-page__eyebrow,i) {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
}

/* About CTA image overlay must always use light text. */
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card > div,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card :is(h1,h2,h3,h4,h5,h6,p,span,strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35) !important;
}

html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--gold,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--gold :is(i,span,strong) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  text-shadow: none !important;
}

html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--gold {
  border-color: #f4c85a !important;
  background: #f4c85a !important;
  box-shadow: 0 12px 26px rgba(244, 200, 90, .24) !important;
}

html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--gold:hover,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--gold:focus {
  border-color: #ffe08a !important;
  background: #ffe08a !important;
}

html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light {
  border-color: rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:hover,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:focus {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Cleaner gold accents for footer and navigation actions. */
html body .header :is(.nav-menu .nav-item .nav-link.active, .nav-menu .nav-item .nav-link:hover, .header-login-link:hover, .header-wishlist:hover i) {
  color: #f4c85a !important;
  -webkit-text-fill-color: #f4c85a !important;
}

html body .header .nav-menu .nav-item .nav-link::before {
  background: #f4c85a !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-item__title::after {
  background: #f4c85a !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .bottom-footer-text a,
  .bottom-footer-text .base--text,
  .footer-menu__link:hover,
  .footer-menu__link:focus,
  .footer-contact-menu__item-content a:hover,
  .footer-contact-menu__item-content a:focus
) {
  color: #f4c85a !important;
  -webkit-text-fill-color: #f4c85a !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-local-tags a {
  border-color: rgba(244, 200, 90, .28) !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-local-tags a:visited,
html body footer.footer-area.footer-area--zirakpur .footer-local-tags a span,
html body footer.footer-area.footer-area--zirakpur .footer-local-tags a strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-local-tags a:hover,
html body footer.footer-area.footer-area--zirakpur .footer-local-tags a:focus {
  border-color: #f4c85a !important;
  background: #f4c85a !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-contact-menu__item-icon {
  border-color: rgba(244, 200, 90, .32) !important;
  background: rgba(244, 200, 90, .1) !important;
  color: #f4c85a !important;
  -webkit-text-fill-color: #f4c85a !important;
}

html body footer.footer-area.footer-area--zirakpur .social-list__link {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.footer-area.footer-area--zirakpur .social-list__link i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body footer.footer-area.footer-area--zirakpur .social-list__link:hover,
html body footer.footer-area.footer-area--zirakpur .social-list__link:focus {
  border-color: #f4c85a !important;
  background: #f4c85a !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body footer.footer-area.footer-area--zirakpur .social-list__link:hover i,
html body footer.footer-area.footer-area--zirakpur .social-list__link:focus i {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Property services consultation CTA: clean readable palette. */
html body :is(.property-services__consultation, .home-choice__consultation) {
  border: 1px solid #d8dee4 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 14px 34px rgba(17, 24, 32, .08) !important;
}

html body :is(.property-services__consultation, .home-choice__consultation) :is(span, p) {
  color: #40505a !important;
  -webkit-text-fill-color: #40505a !important;
  opacity: 1 !important;
}

html body :is(.property-services__consultation, .home-choice__consultation) :is(h2, h3, strong) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
}

html body .property-services__consultation-icon {
  border-color: #f4c85a !important;
  background: #fff7df !important;
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

html body .property-services__consultation-icon i {
  color: #8a640f !important;
  -webkit-text-fill-color: #8a640f !important;
}

html body .property-services__consultation-actions a {
  border-color: #d8b655 !important;
  background: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .property-services__consultation-actions button,
html body .home-choice__consultation a {
  border-color: #f4c85a !important;
  background: #f4c85a !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .property-services__consultation-actions :is(a, button) i,
html body .home-choice__consultation a i {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Homepage hero background zoom animation. */
@keyframes zpHeroBackgroundZoom {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes zpHeroContentScaleUp {
  0% {
    opacity: 0;
    transform: translateY(22px) scale(.92);
  }

  70% {
    opacity: 1;
    transform: translateY(0) scale(1.025);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

html body.page-home .banner-section.banner-section.bg-img {
  isolation: isolate !important;
  overflow: hidden !important;
  background-image: none !important;
}

html body.page-home .banner-section.banner-section.bg-img::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  left: auto !important;
  top: auto !important;
  z-index: -2 !important;
  background-image: var(--hero-bg-image) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  animation: zpHeroBackgroundZoom 18s ease-in-out infinite !important;
  transform-origin: center center !important;
  will-change: transform;
}

html body.page-home .banner-section.banner-section.bg-img::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(180deg, rgba(4, 11, 18, 0.42) 0%, rgba(4, 11, 18, 0.24) 42%, rgba(4, 11, 18, 0.44) 100%),
    rgba(0, 0, 0, 0.04) !important;
  pointer-events: none !important;
}

html body.page-home .banner-section.banner-section.bg-img > .container {
  position: relative !important;
  z-index: 1 !important;
}

html body.page-home .banner-section .banner-content__title,
html body.page-home .banner-section .banner-content__desc,
html body.page-home .banner-section .hero-ref-panel {
  opacity: 0;
  transform-origin: left center;
  animation: zpHeroContentScaleUp .9s cubic-bezier(.2, .78, .22, 1) forwards;
  will-change: transform, opacity;
}

html body.page-home .banner-section .banner-content__title {
  animation-delay: .12s;
}

html body.page-home .banner-section .banner-content__desc {
  animation-delay: .28s;
}

html body.page-home .banner-section .hero-ref-panel {
  animation-delay: .44s;
}

@media (prefers-reduced-motion: reduce) {
  html body.page-home .banner-section.banner-section.bg-img::before {
    animation: none !important;
  }

  html body.page-home .banner-section .banner-content__title,
  html body.page-home .banner-section .banner-content__desc,
  html body.page-home .banner-section .hero-ref-panel {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Final navbar cleanup: transparent on every page, no brown/gold block. */
html body .header,
html body .header:not(.header--home),
html body .header.header--home:not(.fixed-header),
html body .header.header--about:not(.fixed-header),
html body.page-inner .header,
html body.page-home .header {
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body .header.fixed-header,
html body .header.header--home.fixed-header,
html body.page-inner .header.fixed-header {
  border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(17, 24, 32, .58) !important;
  background-color: rgba(17, 24, 32, .58) !important;
  box-shadow: 0 10px 28px rgba(5, 10, 14, .16) !important;
  backdrop-filter: blur(14px) !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link,
  .header-login-link,
  .header-wishlist,
  .header-button
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .42) !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link:hover,
  .nav-menu .nav-item .nav-link:focus,
  .nav-menu .nav-item .nav-link.active,
  .header-login-link:hover,
  .header-login-link:focus,
  .header-login-link.active,
  .header-wishlist:hover,
  .header-wishlist:focus
) {
  color: #f4c85a !important;
  -webkit-text-fill-color: #f4c85a !important;
}

html body .header .nav-menu .nav-item .nav-link::before {
  background: #f4c85a !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse) {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(17, 24, 32, .94) !important;
  background-color: rgba(17, 24, 32, .94) !important;
  box-shadow: 0 22px 46px rgba(5, 10, 14, .24) !important;
  backdrop-filter: blur(18px) !important;
}

@media (min-width: 992px) {
  html body .header .navbar-collapse,
  html body .header .header-nav-center {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}

html body .header .project-mega-menu :is(.mega-menu__title, .mega-menu__col > span),
html body .header .project-mega-menu a:not(.project-mega-menu__cta) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .header .project-mega-menu :is(.mega-menu__subtitle, .project-mega-menu__note p) {
  color: rgba(255, 255, 255, .72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .72) !important;
}

@media (max-width: 991px) {
  html body .header .navbar-collapse {
    background: rgba(17, 24, 32, .96) !important;
    background-color: rgba(17, 24, 32, .96) !important;
  }
}

html body.page-home .header,
html body.page-home .header.header--home:not(.fixed-header) {
  border-bottom: 0 !important;
}

/* Projects menu: restore the clean white dropdown while navbar stays transparent. */
html body .header .project-mega-menu.project-mega-menu {
  border: 1px solid #d9e0e5 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 24px 60px rgba(17, 24, 32, .22) !important;
  backdrop-filter: none !important;
}

html body .header .project-mega-menu.project-mega-menu .mega-menu__col,
html body .header .project-mega-menu.project-mega-menu .mega-menu__col:first-child,
html body .header .project-mega-menu.project-mega-menu .project-mega-menu__intro {
  border-color: #e5e9ed !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body .header .project-mega-menu.project-mega-menu .project-mega-menu__intro {
  background: #f6f7f8 !important;
  background-color: #f6f7f8 !important;
}

html body .header .project-mega-menu.project-mega-menu .mega-menu__label {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
}

html body .header .project-mega-menu.project-mega-menu :is(.mega-menu__title, .mega-menu__col > span) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .header .project-mega-menu.project-mega-menu :is(.mega-menu__subtitle, .project-mega-menu__note p) {
  color: #5d6870 !important;
  -webkit-text-fill-color: #5d6870 !important;
}

html body .header .project-mega-menu.project-mega-menu a:not(.project-mega-menu__cta) {
  color: #3f4b54 !important;
  -webkit-text-fill-color: #3f4b54 !important;
}

html body .header .project-mega-menu.project-mega-menu a:not(.project-mega-menu__cta):hover,
html body .header .project-mega-menu.project-mega-menu a:not(.project-mega-menu__cta):focus {
  color: #9a6b08 !important;
  -webkit-text-fill-color: #9a6b08 !important;
}

html body .header .project-mega-menu.project-mega-menu .project-mega-menu__note {
  border-color: #e2d0a4 !important;
  background: #fbf7ec !important;
  background-color: #fbf7ec !important;
}

/* Remove the visible hairline below transparent nav. */
html body .header,
html body .header:not(.header--home),
html body .header.header--home,
html body .header.header--about,
html body.page-home .header,
html body.page-inner .header,
html body .header.fixed-header {
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body .header::before,
html body .header::after,
html body .header .navbar::before,
html body .header .navbar::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.page-home .banner-section,
html body.page-home .banner-section.banner-section.bg-img {
  border: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body.page-home .banner-section.banner-section.bg-img::before,
html body.page-home .banner-section.banner-section.bg-img::after {
  top: -2px !important;
  height: calc(100% + 4px) !important;
}

/* Clean readable hero search bar. */
html body.page-home .banner-section .hero-ref-panel {
  width: min(860px, calc(100vw - 32px)) !important;
  max-width: 860px !important;
  min-width: min(620px, calc(100vw - 32px)) !important;
}

html body.page-home .banner-section .hero-simple-search {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  background: rgba(255, 255, 255, .94) !important;
  background-color: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 44px rgba(5, 10, 14, .22) !important;
  backdrop-filter: blur(10px) !important;
}

html body.page-home .banner-section .hero-simple-search__field {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body.page-home .banner-section .hero-simple-search__field > i {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: .86 !important;
}

html body.page-home .banner-section .hero-simple-search__field input {
  background: transparent !important;
  background-color: transparent !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  caret-color: #111820 !important;
  font-weight: 700 !important;
}

html body.page-home .banner-section .hero-simple-search__field input::placeholder {
  color: #50616d !important;
  -webkit-text-fill-color: #50616d !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

html body.page-home .banner-section .hero-simple-search__submit {
  flex: 0 0 176px !important;
  min-width: 176px !important;
  border: 1px solid #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body.page-home .banner-section .hero-simple-search__submit :is(span, i) {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.page-home .banner-section .hero-simple-search__submit:hover,
html body.page-home .banner-section .hero-simple-search__submit:focus {
  border-color: #26323a !important;
  background: #26323a !important;
  background-color: #26323a !important;
}

html body.page-home .banner-section .hero-simple-search:focus-within {
  border-color: #ffffff !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 20px 48px rgba(5, 10, 14, .26), 0 0 0 3px rgba(255, 255, 255, .24) !important;
}

@media (max-width: 575px) {
  html body.page-home .banner-section .hero-ref-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-home .banner-section .hero-simple-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 8px !important;
    border-radius: 8px !important;
  }

  html body.page-home .banner-section .hero-simple-search__field {
    min-width: 0 !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  html body.page-home .banner-section .hero-simple-search__field > i {
    font-size: 19px !important;
  }

  html body.page-home .banner-section .hero-simple-search__field input {
    min-width: 0 !important;
    height: 50px !important;
    font-size: 12px !important;
    text-overflow: ellipsis !important;
  }

  html body.page-home .banner-section .hero-simple-search__submit {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }

  html body.page-home .banner-section .hero-simple-search__submit span {
    display: inline !important;
  }

  html body.page-home .banner-section .hero-simple-search__submit i {
    font-size: 20px !important;
  }
}

@media (min-width: 576px) {
  html body.page-home .banner-section .hero-simple-search__submit span {
    display: inline !important;
  }
}

html body.page-home .header.header--home:not(.fixed-header) .navbar-brand.logo .zirakpur-brand-image {
  width: 220px !important;
  height: 47px !important;
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  html body.page-home .header.header--home:not(.fixed-header) .navbar-brand.logo .zirakpur-brand-image {
    width: 180px !important;
    height: 39px !important;
  }
}

/* Simple neutral navbar: no yellow active or hover accents. */
html body .header .nav-menu .nav-item .nav-link,
html body .header .nav-menu .nav-item .nav-link:hover,
html body .header .nav-menu .nav-item .nav-link:focus,
html body .header .nav-menu .nav-item .nav-link.active,
html body .header .nav-menu .nav-item:hover > .nav-link,
html body .header .nav-menu .nav-item:hover > .nav-link .nav-item__icon,
html body .header .nav-menu .nav-item .nav-link.active .nav-item__icon,
html body .header :is(.header-login-link, .header-login-link:hover, .header-login-link:focus, .header-login-link.active, .header-wishlist, .header-wishlist:hover, .header-wishlist:focus) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .header .nav-menu .nav-item .nav-link::before,
html body .header .nav-menu .nav-item .nav-link:hover::before,
html body .header .nav-menu .nav-item .nav-link.active::before {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  content: none !important;
}

html body .header .project-mega-menu.project-mega-menu .mega-menu__label,
html body .header .project-mega-menu.project-mega-menu .project-mega-menu__note i {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .header .project-mega-menu.project-mega-menu .mega-menu__title::after {
  background: #d7dde2 !important;
}

html body .header .project-mega-menu.project-mega-menu a:not(.project-mega-menu__cta):hover,
html body .header .project-mega-menu.project-mega-menu a:not(.project-mega-menu__cta):focus {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  background: #f2f4f6 !important;
  background-color: #f2f4f6 !important;
}

html body .header .project-mega-menu.project-mega-menu .project-mega-menu__cta {
  border-color: #d7dde2 !important;
  background: #f2f4f6 !important;
  background-color: #f2f4f6 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .header .project-mega-menu.project-mega-menu .project-mega-menu__cta:hover,
html body .header .project-mega-menu.project-mega-menu .project-mega-menu__cta:focus {
  border-color: #c7d0d7 !important;
  background: #e9edf0 !important;
  background-color: #e9edf0 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .header .project-mega-menu.project-mega-menu .project-mega-menu__note {
  border-color: #d7dde2 !important;
  background: #f7f8f9 !important;
  background-color: #f7f8f9 !important;
}

/* Logo contrast: dark artwork on light headers, white artwork on dark headers. */
html body .header .navbar-brand.logo .zirakpur-brand-image {
  filter: none !important;
}

html body.page-home .header.header--home:not(.fixed-header) .navbar-brand.logo .zirakpur-brand-image,
html body .header.fixed-header .navbar-brand.logo .zirakpur-brand-image,
html body .header:not(.header--home) .navbar-brand.logo .zirakpur-brand-image,
html body.page-inner .header .navbar-brand.logo .zirakpur-brand-image,
html body .footer-area .zirakpur-brand-image {
  filter: brightness(0) invert(1) !important;
}

/* Human about actions: neutral buttons, no yellow fill. */
html body .human-about .human-about__actions a,
html body .human-about .human-about__actions a:first-child {
  border-color: #d3d9de !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .human-about .human-about__actions a:hover,
html body .human-about .human-about__actions a:focus,
html body .human-about .human-about__actions a:first-child:hover,
html body .human-about .human-about__actions a:first-child:focus {
  border-color: #c4ccd3 !important;
  background: #eef1f3 !important;
  background-color: #eef1f3 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Home consultation CTA: neutral button, no yellow fill. */
html body .home-choice__consultation a {
  border-color: #d3d9de !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body .home-choice__consultation a:hover,
html body .home-choice__consultation a:focus {
  border-color: #c4ccd3 !important;
  background: #eef1f3 !important;
  background-color: #eef1f3 !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

/* Home CTAs: simple black and white buttons, no yellow fill. */
html body.page-home :is(
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .site-visit-modern__toolbar-actions > button,
  .site-visit-modern__selection > a,
  .site-visit-modern__selection > button,
  .site-visit-showcase__actions > a,
  .site-visit-showcase__actions > button,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions a,
  .site-visit-map-card__actions button,
  .locale-explorer__action,
  .about-premium__primary
) {
  border: 1px solid #111820 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  box-shadow: none !important;
}

html body.page-home :is(
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .site-visit-modern__toolbar-actions > button,
  .site-visit-modern__selection > a,
  .site-visit-modern__selection > button,
  .site-visit-showcase__actions > a,
  .site-visit-showcase__actions > button,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions a,
  .site-visit-map-card__actions button,
  .locale-explorer__action,
  .about-premium__primary
) :is(i, span) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-home :is(
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .site-visit-modern__toolbar-actions > button,
  .site-visit-modern__selection > a,
  .site-visit-modern__selection > button,
  .site-visit-showcase__actions > a,
  .site-visit-showcase__actions > button,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions a,
  .site-visit-map-card__actions button,
  .locale-explorer__action,
  .about-premium__primary
):hover,
html body.page-home :is(
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .site-visit-modern__toolbar-actions > button,
  .site-visit-modern__selection > a,
  .site-visit-modern__selection > button,
  .site-visit-showcase__actions > a,
  .site-visit-showcase__actions > button,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions a,
  .site-visit-map-card__actions button,
  .locale-explorer__action,
  .about-premium__primary
):focus {
  border-color: #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-home :is(
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .site-visit-modern__toolbar-actions > button,
  .site-visit-modern__selection > a,
  .site-visit-modern__selection > button,
  .site-visit-showcase__actions > a,
  .site-visit-showcase__actions > button,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions a,
  .site-visit-map-card__actions button,
  .locale-explorer__action,
  .about-premium__primary
):is(:hover, :focus) :is(i, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Site-wide CTA reset: replace gold/yellow filled buttons with black. */
html body :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .filter-btn,
  button.btn--base,
  input.btn--base,
  button[type="submit"],
  input[type="submit"],
  .featured-property-card__button,
  .new-project-card__button,
  .about-premium__primary,
  .about-page__button--gold,
  .site-visit-button,
  .site-visit-submit,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions button,
  .property-services__consultation-actions button,
  .property-services__consultation-actions a,
  .home-choice__consultation a,
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .locale-explorer__action,
  .project-mega-menu__cta,
  .footer-mini-cta,
  .pagination .page-item.active .page-link
) {
  border-color: #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .filter-btn,
  button.btn--base,
  input.btn--base,
  button[type="submit"],
  input[type="submit"],
  .featured-property-card__button,
  .new-project-card__button,
  .about-premium__primary,
  .about-page__button--gold,
  .site-visit-button,
  .site-visit-submit,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions button,
  .property-services__consultation-actions button,
  .property-services__consultation-actions a,
  .home-choice__consultation a,
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .locale-explorer__action,
  .project-mega-menu__cta,
  .footer-mini-cta,
  .pagination .page-item.active .page-link
) :is(i, span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .filter-btn,
  button.btn--base,
  input.btn--base,
  button[type="submit"],
  input[type="submit"],
  .featured-property-card__button,
  .new-project-card__button,
  .about-premium__primary,
  .about-page__button--gold,
  .site-visit-button,
  .site-visit-submit,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions button,
  .property-services__consultation-actions button,
  .property-services__consultation-actions a,
  .home-choice__consultation a,
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .locale-explorer__action,
  .project-mega-menu__cta,
  .footer-mini-cta,
  .pagination .page-item.active .page-link
):hover,
html body :is(
  .btn--base,
  .btn.btn--base,
  .cmn-btn,
  .filter-btn,
  button.btn--base,
  input.btn--base,
  button[type="submit"],
  input[type="submit"],
  .featured-property-card__button,
  .new-project-card__button,
  .about-premium__primary,
  .about-page__button--gold,
  .site-visit-button,
  .site-visit-submit,
  .site-visit-campaign__button,
  .site-visit-map-card__book,
  .site-visit-map-card__actions button,
  .property-services__consultation-actions button,
  .property-services__consultation-actions a,
  .home-choice__consultation a,
  .home-property-path > a,
  .home-emi__result > a,
  .architecture-vision__action,
  .interesting-reads-section .interesting-reads-link,
  .locale-explorer__action,
  .project-mega-menu__cta,
  .footer-mini-cta,
  .pagination .page-item.active .page-link
):focus {
  border-color: #000000 !important;
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(.btn-outline--base, .about-page__button--outline, .about-page__button--light) {
  border-color: #111820 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body :is(.btn-outline--base, .about-page__button--outline, .about-page__button--light):hover,
html body :is(.btn-outline--base, .about-page__button--outline, .about-page__button--light):focus {
  border-color: #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Footer: solid black background. */
html body .footer-area,
html body footer.footer-area,
html body .footer-area.footer-area--zirakpur {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
}

html body .footer-area :is(p, span, li, a, strong, h1, h2, h3, h4, h5, h6, small),
html body footer.footer-area :is(p, span, li, a, strong, h1, h2, h3, h4, h5, h6, small) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .footer-area :is(.footer-area__shape-one, .footer-area__shape-two) {
  display: none !important;
}

/* Final footer logo contrast. */
html body footer.footer-area .zirakpur-brand-image,
html body footer.footer-area.footer-area--zirakpur .zirakpur-brand-image,
html body .footer-area .footer-item__logo img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Properties listing: keep content visible if scroll reveal does not fire. */
html body.page-inner .properties-listing-page.scroll-reveal,
html body.page-inner .properties-listing-page :is(
  .property-sidebar,
  .property-header,
  .property-item,
  .feature-item
).scroll-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0ms !important;
}

/* Properties listing: Houssed-inspired horizontal results layout. */
html body.page-inner .properties-listing-page {
  padding-top: 42px !important;
  padding-bottom: 70px !important;
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
}

html body.page-inner .properties-searchbar {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

html body.page-inner .properties-searchbar__main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: 48px;
  max-width: 760px;
  border: 1px solid #d9e2ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(20, 33, 47, .05);
}

html body.page-inner .properties-searchbar__main i {
  padding-left: 18px;
  color: #6b7a90 !important;
  -webkit-text-fill-color: #6b7a90 !important;
  font-size: 20px;
}

html body.page-inner .properties-searchbar__main input {
  width: 100%;
  min-width: 0;
  height: 46px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  padding: 0 14px;
}

html body.page-inner .properties-searchbar__main input::placeholder {
  color: #7b8aa0 !important;
  -webkit-text-fill-color: #7b8aa0 !important;
}

html body.page-inner .properties-searchbar__main button,
html body.page-inner .properties-filter-strip button,
html body.page-inner .properties-empty-state a,
html body.page-inner .property-list-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  border: 1px solid #111820 !important;
  border-radius: 7px;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800;
  padding: 0 18px;
}

html body.page-inner .properties-filter-strip {
  display: grid;
  grid-template-columns: 120px 160px minmax(180px, 1fr) repeat(4, 112px) auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dfe6ee;
  border-radius: 8px;
  background: #ffffff;
}

html body.page-inner .properties-filter-strip :is(input, select),
html body.page-inner .properties-listing-head select {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid #d9e2ec;
  border-radius: 7px;
  background: #ffffff;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  padding: 0 12px;
  outline: 0;
}

html body.page-inner .properties-filter-strip select,
html body.page-inner .properties-filter-strip select option,
html body.page-inner .properties-listing-head select,
html body.page-inner .properties-listing-head select option {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .properties-filter-strip select option:checked,
html body.page-inner .properties-listing-head select option:checked {
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .properties-filter-strip > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid #d9e2ec;
  border-radius: 7px;
  color: #314054 !important;
  -webkit-text-fill-color: #314054 !important;
  font-weight: 800;
  padding: 0 14px;
}

html body.page-inner .properties-listing-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 8px 0 18px;
}

html body.page-inner .properties-listing-head span {
  display: block;
  margin-bottom: 6px;
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
  font-size: 13px;
  font-weight: 700;
}

html body.page-inner .properties-listing-head h1 {
  margin: 0;
  color: #050b18 !important;
  -webkit-text-fill-color: #050b18 !important;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.18;
}

html body.page-inner .properties-listing-head p {
  margin: 8px 0 0;
  color: #405168 !important;
  -webkit-text-fill-color: #405168 !important;
  font-size: 15px;
}

html body.page-inner .properties-listing-head p strong {
  color: #0f5b36 !important;
  -webkit-text-fill-color: #0f5b36 !important;
  font-weight: 800;
}

html body.page-inner .properties-listing-head form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

html body.page-inner .properties-listing-head label {
  margin: 0;
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

html body.page-inner .properties-list-stack {
  display: grid;
  gap: 18px;
}

html body.page-inner .property-list-card {
  display: grid;
  grid-template-columns: minmax(230px, 34%) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #d9e2ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 33, 47, .07);
}

html body.page-inner .property-list-card__media {
  position: relative;
  display: block;
  min-height: 220px;
  background: #dfe6ee;
}

html body.page-inner .property-list-card__media img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

html body.page-inner .property-list-card__media span {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #d9e2ec;
  background: #ffffff;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  font-size: 12px;
  font-weight: 800;
  padding: 0 11px;
}

html body.page-inner .property-list-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 22px;
}

html body.page-inner .property-list-card__top,
html body.page-inner .property-list-card__bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

html body.page-inner .property-list-card__title {
  display: inline-block;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
}

html body.page-inner .property-list-card__top p {
  display: flex;
  gap: 6px;
  align-items: center;
  margin: 6px 0 0;
  color: #627188 !important;
  -webkit-text-fill-color: #627188 !important;
  font-size: 14px;
}

html body.page-inner .property-list-card__top p i {
  color: #8190a5 !important;
  -webkit-text-fill-color: #8190a5 !important;
}

html body.page-inner .property-list-card__icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ec;
  border-radius: 50%;
  background: #ffffff;
  color: #516176 !important;
  -webkit-text-fill-color: #516176 !important;
}

html body.page-inner .property-list-card__icon.is-active,
html body.page-inner .property-list-card__icon:hover {
  border-color: #ef476f;
  color: #ef476f !important;
  -webkit-text-fill-color: #ef476f !important;
}

html body.page-inner .property-list-card__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px dashed #d9e2ec;
  border-bottom: 1px dashed #d9e2ec;
}

html body.page-inner .property-list-card__facts span {
  min-width: 0;
  padding: 13px 14px;
  border-right: 1px dashed #d9e2ec;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: 13px;
  font-weight: 800;
}

html body.page-inner .property-list-card__facts span:last-child {
  border-right: 0;
}

html body.page-inner .property-list-card__facts small {
  display: block;
  overflow: hidden;
  color: #8793a6 !important;
  -webkit-text-fill-color: #8793a6 !important;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.page-inner .property-list-card__bottom {
  align-items: center;
  margin-top: auto;
}

html body.page-inner .property-list-card__bottom strong {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  font-size: 20px;
  font-weight: 900;
}

html body.page-inner .property-list-card__bottom > div {
  display: flex;
  gap: 10px;
  align-items: center;
}

html body.page-inner .property-list-card__muted {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #d9e2ec;
  border-radius: 7px;
  background: #ffffff;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  font-weight: 800;
  padding: 0 16px;
}

html body.page-inner .properties-recommend {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 12px;
  border: 1px solid #d9e2ec;
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 12px 30px rgba(20, 33, 47, .06);
}

html body.page-inner .property-list-card__cta {
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .property-list-card__cta:hover,
html body.page-inner .property-list-card__muted:hover,
html body.page-inner .property-list-card__icon:hover {
  border-color: #b9c6d3 !important;
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .properties-recommend h2 {
  margin: 0 0 6px;
  color: #050b18 !important;
  -webkit-text-fill-color: #050b18 !important;
  font-size: 18px;
  line-height: 1.35;
}

html body.page-inner .properties-recommend__item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 70px;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  padding: 9px;
}

html body.page-inner .properties-recommend__item img {
  width: 58px;
  height: 52px;
  border-radius: 6px;
  object-fit: cover;
}

html body.page-inner .properties-recommend__item strong,
html body.page-inner .properties-recommend__item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.page-inner .properties-recommend__item strong {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  font-size: 13px;
  font-weight: 900;
}

html body.page-inner .properties-recommend__item small {
  margin-top: 3px;
  color: #41516a !important;
  -webkit-text-fill-color: #41516a !important;
  font-size: 12px;
}

html body.page-inner .properties-empty-state {
  border: 1px solid #d9e2ec;
  border-radius: 8px;
  background: #ffffff;
  padding: 38px;
  text-align: center;
}

html body.page-inner .properties-empty-state h5 {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-inner .properties-empty-state p {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
}

html body.page-inner .properties-pagination {
  margin-top: 24px;
}

@media (max-width: 1199px) {
  html body.page-inner .properties-filter-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html body.page-inner .properties-recommend {
    position: static;
  }
}

@media (max-width: 767px) {
  html body.page-inner .properties-listing-page {
    padding-top: 26px !important;
  }

  html body.page-inner .properties-searchbar__main {
    grid-template-columns: auto minmax(0, 1fr);
  }

  html body.page-inner .properties-searchbar__main button {
    grid-column: 1 / -1;
    margin: 0 10px 10px;
  }

  html body.page-inner .properties-filter-strip {
    grid-template-columns: 1fr;
  }

  html body.page-inner .properties-listing-head {
    align-items: flex-start;
    flex-direction: column;
  }

  html body.page-inner .properties-listing-head form {
    width: 100%;
  }

  html body.page-inner .property-list-card {
    grid-template-columns: 1fr;
  }

  html body.page-inner .property-list-card__body {
    padding: 17px;
  }

  html body.page-inner .property-list-card__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.page-inner .property-list-card__facts span:nth-child(even) {
    border-right: 0;
  }

  html body.page-inner .property-list-card__bottom,
  html body.page-inner .property-list-card__bottom > div {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Home site visit heading: keep the full heading one consistent color. */
html body.page-home .site-visit-showcase__content > h2,
html body.page-home .site-visit-showcase__content > h2 .brand-location-text {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

/* Properties cards final neutral color lock. */
html body.page-inner .properties-listing-page .property-list-card :is(
  .property-list-card__title,
  .property-list-card__cta,
  .property-list-card__muted,
  .property-list-card__cta i,
  .property-list-card__muted i
) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .properties-listing-page .property-list-card__media span {
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

/* Final neutral button cleanup: no yellow text/fills on empty state or About CTAs. */
html body.page-inner .properties-listing-page .properties-empty-state > a,
html body.page-inner .properties-listing-page .properties-empty-state > a:link,
html body.page-inner .properties-listing-page .properties-empty-state > a:visited,
html body.page-inner .properties-listing-page .properties-empty-state > a:hover,
html body.page-inner .properties-listing-page .properties-empty-state > a:focus,
html body.page-inner main.about-page .about-page__button--dark,
html body.page-inner main.about-page .about-page__button--dark:link,
html body.page-inner main.about-page .about-page__button--dark:visited,
html body.page-inner main.about-page .about-page__button--dark:hover,
html body.page-inner main.about-page .about-page__button--dark:focus,
html body.page-inner main.about-page .about-page__button--dark :is(i,span,strong) {
  border-color: #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner main.about-page .about-page__button--outline,
html body.page-inner main.about-page .about-page__button--outline:link,
html body.page-inner main.about-page .about-page__button--outline:visited,
html body.page-inner main.about-page .about-page__button--outline :is(i,span,strong) {
  border-color: #b9c6d3 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner main.about-page .about-page__button--outline:hover,
html body.page-inner main.about-page .about-page__button--outline:focus,
html body.page-inner main.about-page .about-page__button--outline:hover :is(i,span,strong),
html body.page-inner main.about-page .about-page__button--outline:focus :is(i,span,strong) {
  border-color: #111820 !important;
  background: #111820 !important;
  background-color: #111820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner main.about-page .about-page__button--light,
html body.page-inner main.about-page .about-page__button--light:link,
html body.page-inner main.about-page .about-page__button--light:visited,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:link,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:visited,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:hover,
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:focus {
  border-color: #ffffff !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner main.about-page .about-page__button--light :is(i,span,strong),
html body.page-inner main.about-page .about-page__button--light:hover,
html body.page-inner main.about-page .about-page__button--light:focus,
html body.page-inner main.about-page .about-page__button--light:hover :is(i,span,strong),
html body.page-inner main.about-page .about-page__button--light:focus :is(i,span,strong),
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light :is(i,span,strong),
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:hover :is(i,span,strong),
html body.page-inner main.about-page section.about-page__cta .about-page__cta-card .about-page__button--light:focus :is(i,span,strong) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner main.about-page .about-page__button--outline-light,
html body.page-inner main.about-page .about-page__button--outline-light:link,
html body.page-inner main.about-page .about-page__button--outline-light:visited,
html body.page-inner main.about-page .about-page__button--outline-light:hover,
html body.page-inner main.about-page .about-page__button--outline-light:focus,
html body.page-inner main.about-page .about-page__button--outline-light :is(i,span,strong) {
  border-color: rgba(255,255,255,.78) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner main.about-page .about-page__eyebrow,
html body.page-inner main.about-page .about-page__checks i {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

/* Contact page final neutral lock: remove remaining gold/yellow card text. */
html body.page-contact .contact-top .contact-item .contact-item__content :is(
  .contact-item__desc,
  a.contact-item__desc,
  p.contact-item__desc,
  .contact-item__desc[href^="tel:"],
  .contact-item__desc[href^="mailto:"],
  .contact-item__desc[href*="google.com/maps"]
),
html body.page-contact .contact-top .contact-item .contact-item__content :is(
  .contact-item__desc,
  a.contact-item__desc,
  p.contact-item__desc,
  .contact-item__desc[href^="tel:"],
  .contact-item__desc[href^="mailto:"],
  .contact-item__desc[href*="google.com/maps"]
):is(:hover, :focus, :visited) {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
}

html body.page-contact .contact-top .contact-item :is(
  .contact-item__title,
  .contact-item__icon,
  .contact-item__icon i
) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

/* Services page final neutral lock: no split-color headings or yellow controls. */
html body.page-services :is(
  .property-services__intro h1,
  .property-services__intro h1 .brand-location-text,
  .quick-compare-heading h2,
  .quick-compare-heading h2 .brand-location-text,
  .property-process__heading h2,
  .quick-compare-picker-head h3,
  .quick-compare-option strong
) {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html body.page-services :is(
  .property-services__intro > div > span,
  .property-process__heading > span,
  .quick-compare-heading__copy > span,
  .quick-compare-help i,
  .property-process__note i
) {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
}

html body.page-services :is(
  .property-services__intro > p,
  .property-process__heading p,
  .property-process__step p,
  .quick-compare-heading p,
  .quick-compare-picker > p,
  .quick-compare-option small,
  .quick-compare-help
) {
  color: #52606a !important;
  -webkit-text-fill-color: #52606a !important;
}

html body.page-services .property-process__step > span {
  border: 1px solid #cbd5df !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  box-shadow: none !important;
}

html body.page-services .property-process__step-icon {
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 8px #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-services .property-process__step-icon i {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-services .property-process__steps::before {
  border-top-color: #d9e2ec !important;
}

html body.page-services .property-process__note,
html body.page-services .quick-compare-help,
html body.page-services .quick-compare-card,
html body.page-services .quick-compare-picker,
html body.page-services .quick-compare-table-wrap {
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

html body.page-services .property-process__note {
  border-left-color: #d9e2ec !important;
}

html body.page-services .quick-compare-option {
  border-top-color: #d9e2ec !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.page-services .quick-compare-option:hover,
html body.page-services .quick-compare-option.is-viewing {
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
}

html body.page-services .quick-compare-option input {
  accent-color: #172027 !important;
}

html body.page-services .quick-compare-clear,
html body.page-services .quick-compare-clear:hover,
html body.page-services .quick-compare-clear:focus {
  border-color: #cbd5df !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
  box-shadow: none !important;
}

html body.page-services .quick-compare-table th {
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
  color: #172027 !important;
}

html body.page-services .brand-location-text,
html body.page-services .quick-compare-heading h2 .brand-location-text,
html body.page-services .property-services__intro h1 .brand-location-text {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.page-services .quick-compare-table :is(th, td) {
  border-color: #d9e2ec !important;
}

/* Properties Hero Section White Text & Contrast */
html body .properties-hero,
html body.page-inner .properties-hero {
  position: relative;
}

html body .properties-hero::before,
html body.page-inner .properties-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 14, 22, 0.65) 0%, rgba(8, 14, 22, 0.52) 50%, rgba(8, 14, 22, 0.72) 100%) !important;
  z-index: 0;
}

html body .properties-hero .container,
html body.page-inner .properties-hero .container {
  position: relative;
  z-index: 1;
}

html body .properties-hero :is(
  h1,
  .properties-hero__content h1,
  .properties-hero__content > p,
  p,
  .properties-hero__localities span,
  .properties-hero__localities span i,
  .properties-hero__localities a
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .properties-hero .properties-hero__content h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65) !important;
}

html body .properties-hero .properties-hero__content > p {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55) !important;
}

html body .properties-hero .properties-hero__localities span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}

html body .properties-hero .properties-hero__localities span i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .properties-hero .properties-hero__localities a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  backdrop-filter: blur(4px);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45) !important;
  transition: all 0.2s ease;
}

html body .properties-hero .properties-hero__localities a:hover,
html body .properties-hero .properties-hero__localities a:focus {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-2px) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;
}

/* Compact property detail breadcrumb hero image treatment */
html body .breadcrumb.breadcrumb--property {
  background-position: center center !important;
  background-size: cover !important;
}

html body .breadcrumb.breadcrumb--property::before {
  height: 100% !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(8, 14, 22, 0.62) 0%, rgba(8, 14, 22, 0.48) 60%, rgba(8, 14, 22, 0.65) 100%) !important;
}

html body .breadcrumb.breadcrumb--property :is(.property-breadcrumb__list, .property-breadcrumb__list li, .property-breadcrumb__list a) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   Property Detail Full Hero Banner
   ========================================================================== */
html body .property-detail-banner,
html body.page-inner .property-detail-banner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 340px !important;
  padding: 160px 0 65px !important;
  overflow: hidden !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body .property-detail-banner::before,
html body.page-inner .property-detail-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(8, 14, 22, 0.72) 0%, rgba(8, 14, 22, 0.52) 50%, rgba(8, 14, 22, 0.78) 100%) !important;
  z-index: 1 !important;
}

html body .property-detail-banner .container,
html body.page-inner .property-detail-banner .container {
  position: relative !important;
  z-index: 2 !important;
}

html body .property-detail-banner__content {
  width: min(840px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body .property-detail-banner__title {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.75) !important;
  opacity: 1 !important;
}

html body .property-detail-banner__breadcrumb {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body .property-detail-banner__breadcrumb-list {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 22px !important;
  border-radius: 30px !important;
  background: rgba(18, 26, 36, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  list-style: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

html body .property-detail-banner__breadcrumb-list li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .property-detail-banner__breadcrumb-list li:not(:last-child)::after {
  content: "/" !important;
  margin-left: 8px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

html body .property-detail-banner__breadcrumb-list a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
  opacity: 0.9 !important;
}

html body .property-detail-banner__breadcrumb-list a:hover {
  opacity: 1 !important;
  text-decoration: underline !important;
}

html body .property-detail-banner__breadcrumb-list li[aria-current="page"] {
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  max-width: min(55vw, 440px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  html body .property-detail-banner,
  html body.page-inner .property-detail-banner {
    min-height: 290px !important;
    padding: 135px 0 45px !important;
  }

  html body .property-detail-banner__title {
    font-size: 30px !important;
    margin-bottom: 12px !important;
  }

  html body .property-detail-banner__breadcrumb-list {
    padding: 6px 16px !important;
    font-size: 13px !important;
  }

  html body .property-detail-banner__breadcrumb-list li[aria-current="page"] {
    max-width: 65vw !important;
  }
}

/* Solid dark navbar for property details page to ensure white logo & menu are clearly visible */
html body.page-property-details .header,
html body.page-inner.page-property-details .header,
html body.page-property-details .header:not(.fixed-header) {
  position: relative !important;
  background: #111820 !important;
  background-color: #111820 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.16) !important;
}

/* ================= Universal Inner Page Hero Banner ================= */
html body .inner-page-hero,
html body.page-inner .inner-page-hero,
html body .breadcrumb.inner-page-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 410px !important;
  padding: 165px 0 72px !important;
  margin-bottom: 0 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body .inner-page-hero::before,
html body .breadcrumb.inner-page-hero::before {
  display: none !important;
}

.inner-page-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(8, 12, 16, 0.78) 0%, rgba(8, 12, 16, 0.62) 50%, rgba(8, 12, 16, 0.82) 100%) !important;
  backdrop-filter: blur(1px) !important;
  z-index: 1 !important;
}

.inner-page-hero .container {
  position: relative !important;
  z-index: 2 !important;
}

.inner-page-hero__content {
  max-width: 840px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.inner-page-hero__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 16px !important;
  margin-bottom: 16px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 30px !important;
  backdrop-filter: blur(6px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.inner-page-hero__badge span {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

.inner-page-hero__badge i {
  color: #38bdf8 !important;
  font-size: 15px !important;
}

html body .inner-page-hero__title,
html body.page-inner .inner-page-hero__title,
html body .breadcrumb.inner-page-hero .breadcrumb__title {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(32px, 4.2vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.72) !important;
  letter-spacing: -0.4px !important;
}

html body .inner-page-hero__subtitle,
html body.page-inner .inner-page-hero__subtitle {
  margin: 0 auto 22px !important;
  max-width: 720px !important;
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.65) !important;
  font-weight: 400 !important;
}

.inner-page-hero__nav {
  display: flex !important;
  justify-content: center !important;
}

.inner-page-hero__breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 6px 20px !important;
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(8px) !important;
  list-style: none !important;
  font-size: 13.5px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

.inner-page-hero__breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  color: #cbd5e1 !important;
}

.inner-page-hero__breadcrumb a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.inner-page-hero__breadcrumb a:hover {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}

.inner-page-hero__breadcrumb .sep {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 11px !important;
}

.inner-page-hero__breadcrumb .active {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  font-weight: 600 !important;
}

/* Ensure inner pages (except property details) have translucent glass navbar */
html body.page-inner:not(.page-property-details) .header:not(.fixed-header) {
  background: rgba(17, 24, 32, 0.52) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body.page-inner:not(.page-property-details) .header.fixed-header {
  background: rgba(17, 24, 32, 0.96) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

@media screen and (max-width: 767px) {
  html body .inner-page-hero,
  html body.page-inner .inner-page-hero,
  html body .breadcrumb.inner-page-hero {
    min-height: 330px !important;
    padding: 135px 0 52px !important;
  }

  html body .inner-page-hero__title,
  html body.page-inner .inner-page-hero__title {
    font-size: 28px !important;
  }

  html body .inner-page-hero__subtitle {
    font-size: 14.5px !important;
    padding: 0 10px !important;
  }

  .inner-page-hero__breadcrumb {
    padding: 5px 14px !important;
    font-size: 12.5px !important;
  }
}

/* ================= Blog/Article Category Badge (Property Guide) Simple Clean Style ================= */
html body.page-home section.interesting-reads-section .interesting-read-card__category,
html body.page-home section.interesting-reads-section .interesting-read-card__category *,
html body section.interesting-reads-section .interesting-read-card__category,
html body section.interesting-reads-section .interesting-read-card__category *,
html body .interesting-read-card__category,
html body .interesting-read-card__category * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

html body .interesting-reads-section .interesting-read-card__category,
html body .interesting-read-card__category,
body .interesting-read-card__category {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  background-color: rgba(15, 23, 42, 0.75) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

html body .interesting-reads-section .interesting-read-card__category i,
html body .interesting-read-card__category i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 11px !important;
}

html body .interesting-reads-section .interesting-read-card:hover .interesting-read-card__category {
  background: rgba(15, 23, 42, 0.9) !important;
  background-color: rgba(15, 23, 42, 0.9) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  transform: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}