:root {
  --market-ink: #10233b;
  --market-orange: #f56624;
  --market-orange-deep: #b9380a;
  --market-sand: #fff3e9;
  --market-line: #e7edf4;
}

body.listing-market-page {
  color: var(--market-ink);
  background: #f7f9fc;
}

body.listing-market-page .page-contentjual {
  padding-top: 94px !important;
}

.listing-market-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3.25rem, 7vw, 6.25rem) 1rem 4.5rem;
  color: #fff;
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 211, 170, .32), transparent 22rem),
    radial-gradient(circle at 2% 100%, rgba(255, 255, 255, .12), transparent 24rem),
    linear-gradient(120deg, #49190d 0%, #9e2f0b 42%, #f56624 100%);
}

.listing-market-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .45;
  background-image: linear-gradient(115deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent);
}

.listing-market-shell {
  position: relative;
  z-index: 1;
  width: min(1240px, 100%);
  margin: 0 auto;
}

.listing-market-eyebrow {
  display: inline-flex;
  padding: .48rem .82rem;
  color: #7c2509;
  background: #fff0e3;
  border-radius: 999px;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.listing-market-page .listing-market-hero h1 {
  max-width: 780px;
  margin: .85rem 0 .9rem;
  color: #fff !important;
  font-size: clamp(2.25rem, 5vw, 4.45rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.listing-market-hero > .listing-market-shell > p {
  max-width: 660px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: clamp(1rem, 1.8vw, 1.16rem);
  line-height: 1.7;
}

.listing-market-hero .filter-and-search {
  margin: 2rem 0 0 !important;
}

.listing-market-hero .search-properti {
  padding: 1rem !important;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(47,13,4,.28);
}

.listing-market-hero .wrapper-input-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px 120px auto;
  gap: .75rem;
  align-items: center;
}

.listing-market-hero .input-group { min-width: 0; }

.listing-market-hero .form-search-keyword-agent,
.listing-market-hero #listingOrder {
  height: 48px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  color: var(--market-ink) !important;
  background: #fff;
  box-shadow: none;
}

.listing-market-hero .form-search-keyword-agent {
  padding-inline: 1rem 3rem;
}

.listing-market-hero .btn-searching-filter,
.listing-market-hero .btn-outline-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .65rem 1rem;
  border-radius: 12px;
  font-weight: 800 !important;
  white-space: nowrap;
}

.listing-market-hero .btn-searching-filter {
  background: var(--market-orange);
  color: #fff;
}

.listing-market-hero .btn-searching-filter:hover {
  background: var(--market-orange-deep);
  color: #fff;
}

.listing-market-hero .btn-outline-primary {
  color: #9a3412;
  border-color: #fdba74;
  background: var(--market-sand);
}

.listing-market-hero .btn-outline-primary:hover {
  color: #fff;
  border-color: var(--market-orange-deep);
  background: var(--market-orange-deep);
}

.listing-market-page .explore-properties {
  padding: clamp(2.6rem, 5vw, 4.75rem) 0 5rem;
  background: #f7f9fc;
}

.listing-market-results-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  width: min(1160px, calc(100% - 2rem));
  margin: 0 auto 1.5rem;
}

.listing-market-results-header span {
  color: var(--market-orange-deep);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.listing-market-results-header h2 {
  margin: .3rem 0 0;
  color: var(--market-ink);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  letter-spacing: -.03em;
}

.listing-market-results-header p {
  max-width: 355px;
  margin: 0;
  color: #64748b;
  line-height: 1.65;
}

.listing-market-page #containerDaftarProp {
  width: min(1200px, calc(100% - 2rem));
  padding: 0 !important;
  margin: 0 auto;
}

.listing-market-page #containerDaftarProp > .row {
  margin: 0 -.65rem;
  padding: 0 !important;
}

.listing-market-page .card-properti {
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--market-line);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15, 35, 59, .08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.listing-market-page .card-properti:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(15, 35, 59, .16);
}

.listing-market-page .card-properti .card-img-top {
  height: 245px;
  object-fit: cover;
  transition: transform .45s ease;
}

.listing-market-page .card-properti:hover .card-img-top { transform: scale(1.035); }
.listing-market-page .card-properti .card-body-properti { padding: 1.15rem 1.2rem .85rem; }
.listing-market-page .card-properti .card-footer { padding: 0 1.2rem 1.1rem; background: #fff; border: 0; }
.listing-market-page .card-properti .info-price-main { color: var(--market-orange-deep); font-size: 1.13rem; }
.listing-market-page .card-properti .info-property { color: var(--market-ink); }
.listing-market-page .card-properti .horizontal-separator { border-color: var(--market-line); }

@media (max-width: 991.98px) {
  .listing-market-hero .wrapper-input-search { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .listing-market-hero .wrapper-search-keyword-agent { grid-column: 1 / -1; }
  .listing-market-results-header { align-items: start; flex-direction: column; gap: .75rem; }
}

@media (max-width: 767.98px) {
  body.listing-market-page .page-contentjual { padding-top: 78px !important; }
  .listing-market-hero { padding-top: 3rem; padding-bottom: 3.25rem; }
  .listing-market-page .card-properti .card-img-top { height: 220px; }
}

@media (max-width: 480px) {
  .listing-market-hero .wrapper-input-search { grid-template-columns: 1fr; }
  .listing-market-hero .wrapper-search-keyword-agent { grid-column: auto; }
  .listing-market-hero .btn-searching-filter,
  .listing-market-hero .btn-outline-primary { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .listing-market-page .card-properti,
  .listing-market-page .card-properti .card-img-top { transition: none; }
}

/* Latest-properties catalogue uses the same visual language as the sales catalogue. */
body.listing-latest-page {
  color: var(--market-ink);
  background: #f7f9fc;
}

body.listing-latest-page .page-contentjual {
  padding-top: 94px !important;
}

.listing-latest-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3.25rem, 7vw, 6.25rem) 1rem 4.5rem;
  color: #fff;
  background:
    radial-gradient(circle at 10% 5%, rgba(255, 210, 168, .22), transparent 23rem),
    radial-gradient(circle at 88% 100%, rgba(255,255,255,.12), transparent 24rem),
    linear-gradient(120deg, #10233b 0%, #54200e 48%, #e9561a 100%);
}

.listing-latest-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .38;
  background-image: linear-gradient(115deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent);
}

.listing-latest-hero .listing-market-shell { position: relative; z-index: 1; }

body.listing-latest-page .listing-latest-hero h1 {
  max-width: 780px;
  margin: .85rem 0 .9rem;
  color: #fff !important;
  font-size: clamp(2.25rem, 5vw, 4.45rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.listing-latest-hero > .listing-market-shell > p {
  max-width: 660px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: clamp(1rem, 1.8vw, 1.16rem);
  line-height: 1.7;
}

.listing-latest-hero .filter-and-search { margin: 2rem 0 0 !important; }
.listing-latest-hero .search-properti {
  padding: 1rem !important;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(15,23,42,.3);
}

.listing-latest-hero .wrapper-input-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px 120px auto;
  gap: .75rem;
  align-items: center;
}

.listing-latest-hero .input-group { min-width: 0; }
.listing-latest-hero .form-search-keyword-agent,
.listing-latest-hero #listingOrder {
  height: 48px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  color: var(--market-ink) !important;
  background: #fff;
  box-shadow: none;
}
.listing-latest-hero .form-search-keyword-agent { padding-inline: 1rem 3rem; }
.listing-latest-hero .btn-searching-filter,
.listing-latest-hero .btn-outline-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .65rem 1rem;
  border-radius: 12px;
  font-weight: 800 !important;
  white-space: nowrap;
}
.listing-latest-hero .btn-searching-filter { background: var(--market-orange); color: #fff; }
.listing-latest-hero .btn-searching-filter:hover { background: var(--market-orange-deep); color: #fff; }
.listing-latest-hero .btn-outline-primary { color: #9a3412; border-color: #fdba74; background: var(--market-sand); }
.listing-latest-hero .btn-outline-primary:hover { color: #fff; border-color: var(--market-orange-deep); background: var(--market-orange-deep); }

.listing-latest-page .proyek-baru-section {
  padding: clamp(2.6rem, 5vw, 4.75rem) 0 5rem;
  background: #f7f9fc !important;
}

.listing-latest-page .wrapper-explore-primary {
  width: min(1160px, calc(100% - 2rem));
  margin: 0 auto 1.5rem;
}

.listing-latest-page .container-info-text {
  text-align: left !important;
}

.listing-latest-page .container-info-text h1 {
  margin: 0;
  color: var(--market-ink);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -.03em;
}

.listing-latest-page .container-info-text h1::before {
  display: block;
  margin-bottom: .35rem;
  color: var(--market-orange-deep);
  content: "Listing terbaru";
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.listing-latest-page .proyek-baru-section > .container-fluid:last-child {
  width: min(1200px, calc(100% - 2rem));
  padding: 0 !important;
  margin: 0 auto;
}

.listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row {
  margin: 0 -.65rem;
  padding: 0 !important;
}

/* Keep the latest-property catalogue stable even when browser zoom changes
   Bootstrap's effective breakpoint. */
.listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row > [class*="col-"] {
  width: auto;
  max-width: none;
}

.listing-latest-page .card-properti-non-label {
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--market-line);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15,35,59,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.listing-latest-page .card-properti-non-label:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(15,35,59,.16);
}

.listing-latest-page .card-properti-non-label .card-img-proyek-baru {
  width: 100%;
  height: 245px;
  max-height: none;
  border-radius: 0;
  object-fit: cover;
  transition: transform .45s ease;
}

.listing-latest-page .card-properti-non-label:hover .card-img-proyek-baru { transform: scale(1.035); }
.listing-latest-page .card-properti-non-label .card-body-properti { padding: 1.15rem 1.2rem .85rem; }
.listing-latest-page .card-properti-non-label .card-footer { padding: 0 1.2rem 1.1rem; background: #fff; border: 0; }
.listing-latest-page .card-properti-non-label .info-price-main { color: var(--market-orange-deep); font-size: 1.13rem; }
.listing-latest-page .card-properti-non-label .info-property { color: var(--market-ink); }

@media (max-width: 991.98px) {
  .listing-latest-hero .wrapper-input-search { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .listing-latest-hero .wrapper-search-keyword-agent { grid-column: 1 / -1; }
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
  body.listing-latest-page .page-contentjual { padding-top: 78px !important; }
  .listing-latest-hero { padding-top: 3rem; padding-bottom: 3.25rem; }
  .listing-latest-page .card-properti-non-label .card-img-proyek-baru { height: 220px; }
}

@media (max-width: 575.98px) {
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row { grid-template-columns: 1fr; }
}



@media (max-width: 480px) {
  .listing-latest-hero .wrapper-input-search { grid-template-columns: 1fr; }
  .listing-latest-hero .wrapper-search-keyword-agent { grid-column: auto; }
  .listing-latest-hero .btn-searching-filter,
  .listing-latest-hero .btn-outline-primary { width: 100%; }
}

/* Popular-properties catalogue. */
body.listing-popular-page {
  color: var(--market-ink);
  background: #f7f9fc;
}
body.listing-popular-page .page-contentjual { padding-top: 94px !important; }
.listing-popular-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3.25rem, 7vw, 6.25rem) 1rem 4.5rem;
  color: #fff;
  background:
    radial-gradient(circle at 80% 8%, rgba(255, 208, 160, .28), transparent 22rem),
    radial-gradient(circle at 5% 100%, rgba(255,255,255,.1), transparent 24rem),
    linear-gradient(120deg, #3d1c12 0%, #8b2e10 48%, #f56624 100%);
}
.listing-popular-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .4;
  background-image: linear-gradient(115deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent);
}
.listing-popular-hero .listing-market-shell { position: relative; z-index: 1; }
body.listing-popular-page .listing-popular-hero h1 {
  max-width: 780px;
  margin: .85rem 0 .9rem;
  color: #fff !important;
  font-size: clamp(2.25rem, 5vw, 4.45rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.listing-popular-hero > .listing-market-shell > p {
  max-width: 660px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: clamp(1rem, 1.8vw, 1.16rem);
  line-height: 1.7;
}
.listing-popular-hero .filter-and-search { margin: 2rem 0 0 !important; }
.listing-popular-hero .search-properti {
  padding: 1rem !important;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(47,13,4,.28);
}
.listing-popular-hero .wrapper-input-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px 120px auto;
  gap: .75rem;
  align-items: center;
}
.listing-popular-hero .input-group { min-width: 0; }
.listing-popular-hero .form-search-keyword-agent,
.listing-popular-hero #listingOrder {
  height: 48px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  color: var(--market-ink) !important;
  background: #fff;
  box-shadow: none;
}
.listing-popular-hero .form-search-keyword-agent { padding-inline: 1rem 3rem; }
.listing-popular-hero .btn-searching-filter,
.listing-popular-hero .btn-outline-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .65rem 1rem;
  border-radius: 12px;
  font-weight: 800 !important;
  white-space: nowrap;
}
.listing-popular-hero .btn-searching-filter { background: var(--market-orange); color: #fff; }
.listing-popular-hero .btn-searching-filter:hover { background: var(--market-orange-deep); color: #fff; }
.listing-popular-hero .btn-outline-primary { color: #9a3412; border-color: #fdba74; background: var(--market-sand); }
.listing-popular-hero .btn-outline-primary:hover { color: #fff; border-color: var(--market-orange-deep); background: var(--market-orange-deep); }
.listing-popular-page .proyek-baru-section {
  padding: clamp(2.6rem, 5vw, 4.75rem) 0 5rem;
  background: #f7f9fc !important;
}
.listing-popular-page .wrapper-explore-primary {
  width: min(1160px, calc(100% - 2rem));
  margin: 0 auto 1.5rem;
}
.listing-popular-page .container-info-text { text-align: left !important; }
.listing-popular-page .container-info-text h1 {
  margin: 0;
  color: var(--market-ink);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -.03em;
}
.listing-popular-page .container-info-text h1::before {
  display: block;
  margin-bottom: .35rem;
  color: var(--market-orange-deep);
  content: "Paling banyak dilihat";
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.listing-popular-page .proyek-baru-section > .container-fluid:last-child {
  width: min(1200px, calc(100% - 2rem));
  padding: 0 !important;
  margin: 0 auto;
}
.listing-popular-page .proyek-baru-section > .container-fluid:last-child > .row {
  margin: 0 -.65rem;
  padding: 0 !important;
}
.listing-popular-page .card-properti-non-label {
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--market-line);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15,35,59,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.listing-popular-page .card-properti-non-label:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(15,35,59,.16);
}
.listing-popular-page .card-properti-non-label .card-img-proyek-baru {
  width: 100%;
  height: 245px;
  max-height: none;
  border-radius: 0;
  object-fit: cover;
  transition: transform .45s ease;
}
.listing-popular-page .card-properti-non-label:hover .card-img-proyek-baru { transform: scale(1.035); }
.listing-popular-page .card-properti-non-label .card-body-properti { padding: 1.15rem 1.2rem .85rem; }
.listing-popular-page .card-properti-non-label .card-footer { padding: 0 1.2rem 1.1rem; background: #fff; border: 0; }
.listing-popular-page .card-properti-non-label .info-price-main { color: var(--market-orange-deep); font-size: 1.13rem; }
.listing-popular-page .card-properti-non-label .info-property { color: var(--market-ink); }
@media (max-width: 991.98px) {
  .listing-popular-hero .wrapper-input-search { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .listing-popular-hero .wrapper-search-keyword-agent { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  body.listing-popular-page .page-contentjual { padding-top: 78px !important; }
  .listing-popular-hero { padding-top: 3rem; padding-bottom: 3.25rem; }
  .listing-popular-page .card-properti-non-label .card-img-proyek-baru { height: 220px; }
}
@media (max-width: 480px) {
  .listing-popular-hero .wrapper-input-search { grid-template-columns: 1fr; }
  .listing-popular-hero .wrapper-search-keyword-agent { grid-column: auto; }
  .listing-popular-hero .btn-searching-filter,
  .listing-popular-hero .btn-outline-primary { width: 100%; }
}

/* Katalog properti terbaru: empat kartu per baris di desktop lebar.
 * Tangga kolomnya: >=1200px 4, 992-1199px 3, 768-991px 2, <=575px 1.
 * Aturan tanpa kondisi yang dulu memaksa 3 kolom di semua ukuran sudah
 * dihapus karena menimpa seluruh media query di atasnya. */
@media (min-width: 1200px) {
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child > .row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Pada kartu 4-per-baris, spesifikasi (LT/LB/KT/KM) tidak muat berjajar empat:
 * tiap kolom hanya ~56px sedangkan "LT : 132 m2" butuh ~69px, dan karena
 * white-space:nowrap teksnya melimpah menimpa kolom sebelahnya. Disusun 2x2. */
@media (min-width: 1200px) {
  .listing-latest-page .listing-card-standard .container-facility {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2px;
  }
}

/* Katalog properti terbaru: lebar 90% layar, judul disejajarkan dengan grid
 * kartunya supaya tepi kiri-kanannya sama. */
@media (min-width: 992px) {
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child,
  .listing-latest-page .wrapper-explore-primary {
    width: 90%;
    max-width: none;
    margin-inline: auto;
  }
}

/* Kartu jadi lebih lebar setelah 90%, jadi LT/LB/KT/KM muat sebaris lagi.
 * auto-fit menurunkan sendiri jumlah kolomnya kalau ruang menyempit, jadi
 * teksnya tidak pernah kembali saling menimpa seperti sebelumnya. */
@media (min-width: 1200px) {
  .listing-latest-page .listing-card-standard .container-facility {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  }
}

/* Tombol "Lihat detail properti" pindah ke baris sendiri di bawah blok agen,
 * selebar kartu. */
.listing-latest-page .listing-card-standard .card-footer > .d-flex.justify-between {
  flex-wrap: wrap;
  row-gap: .75rem;
}

.listing-latest-page .listing-card-standard .listing-card-cta {
  flex: 1 0 100%;
  width: 100%;
  justify-content: center;
}

/* Empat spesifikasi sebaris: teks terlebar terukur 71px, ruang dalam kartu
 * 304px. Dengan gap 8px empat kolom butuh 312px (tidak muat), gap 4px cukup
 * 292px. auto-fit tetap menurunkan jumlah kolom sendiri di layar 1200-1400px
 * yang kartunya lebih sempit, jadi teks tidak pernah saling menimpa. */
@media (min-width: 1200px) {
  .listing-latest-page .listing-card-standard .container-facility {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    column-gap: 4px;
  }
}

/* Samakan lebar katalog "properti terbaru" dengan halaman /properti:
 * lebar penuh dengan padding sisi 3rem (bukan lebar tetap 1200px maupun 90%),
 * sehingga kedua halaman punya tepi dan lebar kartu yang identik. */
@media (min-width: 992px) {
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child,
  .listing-latest-page .wrapper-explore-primary {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .listing-latest-page .proyek-baru-section > .container-fluid:last-child,
  .listing-latest-page .wrapper-explore-primary {
    padding-inline: 4rem !important;
  }
}

/* Hero rapat di bawah header. Padding lama 94px sementara header hanya 71px
 * (68px di layar kecil), menyisakan strip putih 23px/10px di atas hero. */
body.listing-market-page .page-contentjual {
  padding-top: 71px !important;
}

@media (max-width: 767.98px) {
  body.listing-market-page .page-contentjual {
    padding-top: 68px !important;
  }
}

/* Lebar katalog disamakan dengan halaman properti terbaru: lebar penuh
 * dengan padding sisi, bukan lebar tetap 1200px. */
@media (min-width: 992px) {
  .listing-market-page #containerDaftarProp {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .listing-market-page #containerDaftarProp {
    padding-inline: 4rem !important;
  }

  /* Spesifikasi LT/LB/KT/KM tetap sebaris di kartu yang menyempit. */
  body.listing-market-page .container-facility {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    column-gap: 4px;
  }
}

/* Katalog properti terpopuler disamakan dengan halaman properti terbaru:
 * lebar penuh dengan padding sisi, bukan lebar tetap 1200px. */
@media (min-width: 992px) {
  .listing-popular-page .proyek-baru-section > .container-fluid:last-child,
  .listing-popular-page .wrapper-explore-primary {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .listing-popular-page .proyek-baru-section > .container-fluid:last-child,
  .listing-popular-page .wrapper-explore-primary {
    padding-inline: 4rem !important;
  }

  /* Spesifikasi LT/LB/KT/KM tetap sebaris pada kartu yang menyempit. */
  body.listing-popular-page .container-facility {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    column-gap: 4px;
  }
}