:root{
  --directory-hero-ink:#202020;
  --directory-hero-brand:#287054;
  --directory-hero-line:#dfe7e2;
}

/* One shared first-screen component for all six public directories. */
.plots-page>h1,
.market-directory-head h1,
body[data-directory-type] .directory-hero h1{
  margin:0!important;
  color:var(--directory-hero-ink)!important;
  font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif!important;
  font-size:44px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-align:center!important;
}

.plots-page{padding-top:48px!important}
.plots-page>h1{margin-bottom:34px!important}
.market-directory{padding-top:48px!important}
.market-directory-head{display:block!important;width:100%!important;margin:0 0 34px!important;text-align:center!important}
.market-directory-head>div{width:100%!important}
.market-directory-head p{display:none!important}
body[data-directory-type] main{padding-top:0!important}
body[data-directory-type] main>.directory-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:48px 0 34px!important;
  text-align:center!important;
}

.plots-page>.plots-top-filter,
.market-directory>.market-top-filter,
body[data-directory-type] main>.directory-quick-filter{
  display:flex!important;
  width:100%!important;
  margin:0 0 24px!important;
  padding:0!important;
  justify-content:center!important;
}

.plots-page>.plots-top-filter .plots-quick-row,
.market-directory>.market-top-filter .plots-quick-row,
body[data-directory-type] main>.directory-quick-filter .directory-quick-row{
  display:flex!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
}

.plots-page .plots-location-trigger,
.market-directory .plots-location-trigger,
body[data-directory-type] .directory-location-trigger{
  flex:0 0 auto!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  border:1px solid var(--directory-hero-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  color:var(--directory-hero-ink)!important;
  font:inherit!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.plots-page .plots-quick-search,
.market-directory .plots-quick-search,
body[data-directory-type] .directory-quick-search{
  display:flex!important;
  flex:1 1 520px!important;
  width:auto!important;
  max-width:520px!important;
  height:44px!important;
  overflow:hidden!important;
  border:1px solid var(--directory-hero-line)!important;
  border-radius:22px!important;
  background:#f8faf8!important;
}

.plots-page .plots-quick-search input,
.market-directory .plots-quick-search input,
body[data-directory-type] .directory-quick-search input{
  flex:1!important;
  min-width:0!important;
  height:100%!important;
  padding:0 16px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--directory-hero-ink)!important;
  font:inherit!important;
}

.plots-page .plots-quick-search button,
.market-directory .plots-quick-search button,
body[data-directory-type] .directory-quick-search button{
  flex:0 0 48px!important;
  width:48px!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  background:var(--directory-hero-brand)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:24px 24px!important;
  color:#fff!important;
  font-size:0!important;
  cursor:pointer!important;
}

@media(max-width:900px){
  .plots-page>.plots-top-filter .plots-quick-row,
  .market-directory>.market-top-filter .plots-quick-row,
  body[data-directory-type] main>.directory-quick-filter .directory-quick-row{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .plots-page .plots-location-trigger,
  .market-directory .plots-location-trigger,
  body[data-directory-type] .directory-location-trigger{justify-content:center!important}
  .plots-page .plots-quick-search,
  .market-directory .plots-quick-search,
  body[data-directory-type] .directory-quick-search{
    flex:0 0 44px!important;
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:560px){
  .plots-page,
  .market-directory{padding-top:28px!important}
  body[data-directory-type] main>.directory-hero{padding-top:28px!important}
  .plots-page>h1,
  .market-directory-head h1,
  body[data-directory-type] .directory-hero h1{font-size:30px!important}
  .plots-page>h1,
  .market-directory-head{margin-bottom:22px!important}
  body[data-directory-type] main>.directory-hero{padding-bottom:22px!important}
}