.building-demolition-modal {
  width:min(620px,92vw);
  border-color:#9c6037;
  background:linear-gradient(#3d3028,#241d19);
}

.building-demolition-confirmation {
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:18px;
  align-items:center;
}

.building-demolition-art {
  position:relative;
  min-height:180px;
  display:grid;
  place-items:center;
  border:2px solid #8b6a3e;
  border-radius:10px;
  background:radial-gradient(ellipse at center,#d7c69a,#8f744a 72%,#503d28);
  overflow:hidden;
}
.building-demolition-art::after {
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:18px;
  height:15px;
  border-radius:50%;
  background:#0007;
  filter:blur(5px);
}
.building-demolition-art img {
  position:relative;
  z-index:1;
  width:175px;
  height:165px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 8px 5px #0008);
}
.building-demolition-art span { position:relative; z-index:1; font-size:72px; }

.building-demolition-copy h3 {
  margin:0 0 8px;
  color:#ffd77b;
  font-size:20px;
}
.building-demolition-copy p {
  margin:0 0 11px;
  color:#eadfc9;
  line-height:1.45;
}
.building-demolition-warning {
  margin-bottom:12px;
  padding:9px 11px;
  border:1px solid #d35e4a;
  border-radius:7px;
  background:#7f241f55;
  color:#ffb6a8;
  font-weight:800;
}
.building-demolition-refund {
  padding:9px 11px;
  border:1px solid #796849;
  border-radius:7px;
  background:#17171388;
}
.building-demolition-refund > span {
  display:block;
  margin-bottom:7px;
  color:#cdbd98;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.building-demolition-final {
  min-width:145px;
}

@media (max-width:620px) {
  .building-demolition-confirmation { grid-template-columns:1fr; }
  .building-demolition-art { min-height:125px; }
  .building-demolition-art img { width:140px; height:120px; }
}
