/* ========================================================================== */
/* Detail gedung — clone visual untuk review.                                 */
/* Aktif hanya pada #/preview-building/:slug; halaman lama tidak terpengaruh.  */
/* ========================================================================== */

body.building-fresh-preview .bhero{
  background:var(--surface);
  color:var(--ink);
  overflow:visible;
}

body.building-fresh-preview .bhero>.wrap{
  max-width:1360px;
  padding-inline:clamp(16px,3vw,40px);
}

body.building-fresh-preview .bhero-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:clamp(18px,2.5vw,34px) 0 0;
  align-items:stretch;
}

/* Satu foto landscape, tanpa label maupun overlay. */
body.building-fresh-preview .bhero-gallery{
  order:-1;
  display:block;
  width:min(100%,1180px);
  height:clamp(320px,32vw,460px);
  margin-inline:auto;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--sunken);
  box-shadow:0 18px 52px rgba(17,26,46,.12);
  overflow:hidden;
}

body.building-fresh-preview .bhero-gallery>*{
  border:0;
  border-radius:inherit;
}

body.building-fresh-preview .real-gallery .property-photo{
  inset:0;
}

body.building-fresh-preview .real-gallery .photo-label,
body.building-fresh-preview .real-gallery figcaption{
  display:none;
}

body.building-fresh-preview .bhero-grid>div:first-child{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  padding:30px 0 28px;
}

body.building-fresh-preview .bhero .crumbs{
  margin-bottom:14px;
  color:var(--muted);
  font-size:.78rem;
}

body.building-fresh-preview .bhero .crumbs a{
  color:var(--muted);
}

body.building-fresh-preview .bhero .crumbs a:hover{
  color:var(--accent-ink);
}

body.building-fresh-preview .bhero h1{
  color:var(--ink);
  font-size:clamp(2rem,3.2vw,3rem);
  max-width:24ch;
}

body.building-fresh-preview .bhero-meta{
  margin-top:12px;
}

body.building-fresh-preview .bhero-meta>span:not(.chip){
  color:var(--muted)!important;
}

body.building-fresh-preview .bhero-figures{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:24px;
  background:transparent;
  border:1px solid var(--line);
  border-radius:var(--r-l);
}

body.building-fresh-preview .bhero-figures .figure{
  min-height:92px;
  padding:17px 18px;
  background:var(--surface);
  border-right:1px solid var(--line);
  justify-content:center;
}

body.building-fresh-preview .bhero-figures .figure:last-child{
  border-right:0;
}

body.building-fresh-preview .bhero-figures .figure .k,
body.building-fresh-preview .bhero-figures .figure .v small{
  color:var(--muted);
}

body.building-fresh-preview .bhero-figures .figure .v{
  color:var(--ink);
  font-size:1.06rem;
}

body.building-fresh-preview .bhero .nodata{
  color:var(--muted);
}

body.building-fresh-preview .hero-price-note{
  margin-top:11px;
  color:var(--muted);
}

body.building-fresh-preview .bhero-cta{
  margin-top:18px;
}

body.building-fresh-preview .bhero-cta .btn-quiet{
  color:var(--ink);
  border-color:var(--line-strong);
  background:var(--surface);
}

body.building-fresh-preview .hero-assurance{
  color:var(--muted);
  margin-top:10px;
}

body.building-fresh-preview .hero-assurance .ico{
  color:var(--ok);
}

body.building-fresh-preview .subnav{
  box-shadow:0 8px 22px rgba(17,26,46,.04);
}

body.building-fresh-preview .detail-grid{
  padding-top:36px;
}

body.building-fresh-preview .detail-section>h2{
  font-size:clamp(1.45rem,2vw,1.8rem);
}

body.building-fresh-preview .rail-card{
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(17,26,46,.08);
}

body.building-fresh-preview .tablewrap{
  border-radius:14px;
  box-shadow:0 8px 22px rgba(17,26,46,.04);
}

@media(max-width:900px){
  body.building-fresh-preview .bhero-gallery{
    height:clamp(280px,52vw,420px);
    border-radius:20px;
  }
  body.building-fresh-preview .bhero-figures{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.building-fresh-preview .bhero-figures .figure:nth-child(2){
    border-right:0;
  }
  body.building-fresh-preview .bhero-figures .figure:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }
}

@media(max-width:760px){
  body.building-fresh-preview .bhero-gallery{
    height:250px;
    border-radius:16px;
  }
  body.building-fresh-preview .bhero-grid>div:first-child{
    padding-block:22px 20px;
  }
  body.building-fresh-preview .bhero h1{
    font-size:1.8rem;
  }
  body.building-fresh-preview .bhero-figures{
    margin-top:18px;
  }
  body.building-fresh-preview .bhero-figures .figure{
    min-height:82px;
    padding:13px 12px;
  }
  body.building-fresh-preview .bhero-figures .figure .v{
    font-size:.9rem;
  }
}