/* SQUARE P34 R2 — public homepage only; responsive hero and home SOLD preview.
   Last-wins via !important even though P31 stylesheet is linked inside home content.
   Real listing images, project gallery, admin and /sold archive remain untouched. */
@media screen and (max-width: 760px) {
  body .sq21#square-home-p21 > .square-hero-r2,
  body .sq21#square-home-p21 > .square-hero-r2.sq31-real-hero,
  body .sq21#square-home-p21 > .square-hero-r2.sq31-fallback-hero {
    min-height: 0 !important;
    height: auto !important;
    background: #15191b !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-inner {
    min-height: clamp(545px, 76svh, 655px) !important;
    height: auto !important;
    padding-top: clamp(33px, 8vw, 58px) !important;
    padding-bottom: 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 20px !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-image img {
    object-fit: cover !important;
    object-position: center 42% !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-vignette,
  body.lang-en .sq21#square-home-p21 > .square-hero-r2 .square-hero-vignette {
    background: linear-gradient(180deg, rgba(7,11,13,.18) 0%,rgba(7,11,13,.22) 32%,rgba(7,11,13,.50) 58%,rgba(7,11,13,.82) 100%) !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-copy,
  body.lang-en .sq21#square-home-p21 > .square-hero-r2 .square-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-copy h1 {
    font-size: clamp(27px, 7vw, 36px) !important;
    line-height: 1.32 !important;
    margin-bottom: 8px !important;
  }
  body.lang-en .sq21#square-home-p21 > .square-hero-r2 .square-hero-copy h1 {
    line-height: 1.17 !important;
    font-size: clamp(28px, 7vw, 37px) !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-eyebrow {margin-bottom: 11px !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-description {font-size: 12px !important; line-height: 1.75 !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-actions {margin-top: 17px !important;gap:9px !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-button {min-height: 42px !important; padding: 9px 12px !important;white-space:normal !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-experience {margin-top: 13px !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-bottom {
    margin-top: 0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px !important;
  }
  body .sq21#square-home-p21 > .square-hero-r2 .sq31-hero-caption {flex: 1 1 145px !important;min-width:0 !important;max-width:100% !important;}
}
@media screen and (max-width: 390px) {
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-inner {min-height: 570px !important;gap:16px !important;}
  body .sq21#square-home-p21 > .square-hero-r2 .square-hero-copy h1 {font-size:27px !important;}
}
/* This only suppresses the SOLD teaser on the homepage, not /sold or the database. */
body #square-home-p21 #sold-properties {display: none !important;}