/* Mobile footer: centre the brand and motto above the existing two link columns. */
@media (max-width:700px) {
 html body footer.site-footer.wr-footer > .wr-footer-columns {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  column-gap:clamp(14px,4vw,24px)!important;
  row-gap:23px!important;
 }
 html body footer.site-footer.wr-footer > .wr-footer-columns > div:first-child {
  grid-column:1 / -1!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin:0 auto 3px!important;
 }
 html body footer.site-footer.wr-footer > .wr-footer-columns > div:first-child .footer-brand,
 html body footer.site-footer.wr-footer > .wr-footer-columns > div:first-child .wr-footer-motto {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
 }
 html body footer.site-footer.wr-footer > .wr-footer-columns > nav {
  min-width:0!important;
  width:100%!important;
  margin:0!important;
 }
}
/* Ensure advanced housing filters are actually visible when opened on mobile.
   Preserve the native <details> interaction and the existing filter inputs. */
@media (max-width:800px) {
 html body .search-panel .search-secondary {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  overflow:visible!important;
 }
 html body .search-panel .search-secondary > details.more-filters {
  display:block!important;
  visibility:visible!important;
  flex:1 1 100%!important;
  order:0!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
 }
 html body .search-panel .search-secondary > details.more-filters > summary {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  padding:11px 16px!important;
  margin:0!important;
  background:#FFFDF9!important;
  border:1px solid #DCD6CB!important;
  border-radius:11px!important;
  color:#05083F!important;
  font:600 14px/1.4 'DM Sans',Arial,sans-serif!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:1!important;
 }
 html body .search-panel .search-secondary > details.more-filters:not([open]) > .more-filters-body {
  display:none!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] > .more-filters-body {
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  max-width:none!important;
  position:static!important;
  overflow:visible!important;
  margin-top:12px!important;
  padding:0!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .quick-filters.wr-final-extra {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  min-width:0!important;
  width:100%!important;
  min-height:62px!important;
  padding:12px 14px!important;
  margin:0!important;
  border:1px solid #E5DED3!important;
  border-radius:12px!important;
  background:#FFFDF9!important;
  overflow:visible!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .quick-filters.wr-final-extra > [hidden] {
  display:none!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .wr-final-extra :is(input:not([type=checkbox]),select,.wr-field-menu) {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .wr-final-extra .extra-filters {
  display:flex!important;
  grid-column:1 / -1!important;
  width:100%!important;
  margin:0!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] .wr-independent-toggle {
  width:100%!important;
 }
 html body .search-panel .search-secondary > .primary-search {
  flex:1 1 100%!important;
  order:4!important;
  width:100%!important;
  min-height:46px!important;
 }
}

/* Mobile search: one tappable full-width advanced-filter row, never hidden
   behind the search button or clipped by the search card. */
@media(max-width:800px){
 html body .search-panel{
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
 }
 html body .search-panel .search-secondary{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:12px 0 0!important;
  padding:10px 0 0!important;
  pointer-events:auto!important;
  overflow:visible!important;
 }
 html body .search-panel .search-secondary > details.more-filters{
  flex:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  order:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  z-index:4!important;
  pointer-events:auto!important;
 }
 html body .search-panel .search-secondary > details.more-filters > summary{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 16px!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  background:#FFFDF9!important;
  color:#05083F!important;
  border:1px solid #D8C6A8!important;
  border-radius:12px!important;
  font:650 15px/1.3 'DM Sans',Arial,sans-serif!important;
 }
 html body .search-panel .search-secondary > details.more-filters[open] > .more-filters-body{
  display:block!important;
  position:static!important;
  visibility:visible!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
 }
 html body .search-panel .search-secondary > .search-submit-row{
  order:1!important;
  position:static!important;
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto!important;
 }
}
@media(max-width:699px){
 /* The indigo surface continues beneath the search form before listings. */
 html body:has(.home-benefits) main#woningzoeken > section.housing-results{
  margin-top:38px!important;
 }
 /* Only the introductory paragraph draws the hero's single gold accent. */
 html body:has(.home-benefits) main#woningzoeken > .hero .hero-copy h1::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
 }
}

/* Compact mobile results toolbar: preserve existing event handlers and IDs. */
@media(max-width:699px){
 html body header.wr-header .wr-nav > .wr-account{margin-left:auto!important;flex:0 0 auto!important}
 html body .search-panel .filters > .search-type > label,
 html body .search-panel .filters > .search-rent > label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
 html body:has(.home-benefits) .housing-results > .results-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:repeat(5,auto)!important;
  align-items:center!important;
  gap:11px 10px!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .offer-heading{
  grid-column:1/-1!important;grid-row:1!important;
  order:unset!important;min-width:0!important;
  margin:0!important;padding:0!important;
  font-size:clamp(35px,9vw,43px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > #coverageNote:not([hidden]){
  grid-column:1/-1!important;grid-row:7!important;
  margin:0!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > #count{
  grid-column:1/-1!important;grid-row:2!important;
  order:unset!important;flex:none!important;
  width:100%!important;
  margin:0 0 5px!important;
  color:#647082!important;
  font:400 15px/1.5 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views{
  grid-column:1!important;grid-row:3!important;
  order:unset!important;flex:none!important;
  display:inline-flex!important;align-items:center!important;
  justify-self:start!important;
  min-width:0!important;width:auto!important;
  gap:0!important;
  padding:3px!important;margin:0!important;
  border:1px solid #E5DED3!important;border-radius:13px!important;
  background:#FFFDF9!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views button:not([hidden]){
  flex:0 1 auto!important;
  min-height:41px!important;
  min-width:0!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#05083F!important;-webkit-text-fill-color:#05083F!important;
  font:650 14px/1.25 'DM Sans',Arial,sans-serif!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views button[aria-pressed="true"]:not([hidden]){
  background:#05083F!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-alert-link{
  grid-column:1/-1!important;grid-row:4!important;
  order:unset!important;
  justify-self:start!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:47px!important;
  min-width:0!important;
  width:auto!important;max-width:100%!important;
  padding:9px 12px!important;margin:0!important;
  border:1px solid #D8C6A8!important;border-radius:12px!important;
  background:#FFFDF9!important;
  color:#05083F!important;-webkit-text-fill-color:#05083F!important;
  text-decoration:none!important;
  font:600 13px/1.3 'DM Sans',Arial,sans-serif!important;
  white-space:normal!important;text-align:center!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .new-only-toggle{
  grid-column:1/-1!important;grid-row:5!important;
  order:unset!important;flex:none!important;
  display:flex!important;align-items:center!important;
  min-height:44px!important;
  width:fit-content!important;max-width:100%!important;justify-self:start!important;box-sizing:border-box!important;
  gap:10px!important;padding:10px 13px!important;margin:0!important;
  border:1px solid #E5DED3!important;border-radius:12px!important;
  background:#FFFDF9!important;
  color:#05083F!important;
  font:500 14px/1.35 'DM Sans',Arial,sans-serif!important;
  cursor:pointer!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .new-only-toggle input{
  flex:none!important;width:18px!important;height:18px!important;
  margin:0!important;accent-color:#05083F!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .sort-control{
  grid-column:1/-1!important;grid-row:6!important;
  order:unset!important;flex:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;gap:7px!important;
  width:min(100%,240px)!important;max-width:100%!important;justify-self:end!important;
  min-width:0!important;
  margin:2px 0 0!important;
  color:#59677B!important;
  font:600 13px/1.35 'DM Sans',Arial,sans-serif!important;
  white-space:normal!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .sort-control select{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;max-width:none!important;
  min-height:49px!important;
  margin:0!important;padding:9px 14px!important;
  border:1px solid #E5DED3!important;border-radius:12px!important;
  background:#FFFDF9!important;
  color:#05083F!important;
  font:500 16px/1.35 'DM Sans',Arial,sans-serif!important;
  outline-offset:2px!important;
 }
}
@media(max-width:365px){
 /* Keep the segmented view control and alerts action from overlapping. */
 html body:has(.home-benefits) .housing-results > .results-header > .results-views{
  grid-column:1/-1!important;grid-row:3!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-alert-link{
  grid-column:1/-1!important;grid-row:4!important;justify-self:start!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .new-only-toggle{
  grid-row:5!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .sort-control{
  grid-row:6!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > #coverageNote:not([hidden]){
  grid-row:7!important;
 }
 /* Give narrow filter labels more room while keeping icons before the text. */
 html body:has(.home-benefits) main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  padding-left:34px!important;padding-right:6px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon{
  left:8px!important;width:20px!important;height:20px!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views button:not([hidden]){
  padding-inline:9px!important;font-size:13px!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-alert-link{
  padding-inline:9px!important;font-size:12px!important;
 }
}

/* Mobile advanced filters: single icon gutter with text safely to the right. */
@media(max-width:800px){
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field){
  position:relative!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:82px!important;
  max-height:none!important;
  gap:4px!important;
  padding:12px 16px 12px 66px!important;
  overflow:visible!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) > .search-field-icon{
  position:absolute!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  left:20px!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  color:#1B4964!important;
  pointer-events:none!important;
  z-index:1!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) > .search-field-icon svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > .advanced-field > label,
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > .search-outdoor > label.outdoor-choice{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#657588!important;
  font:600 13px/1.35 'DM Sans',Arial,sans-serif!important;
  white-space:normal!important;
  overflow:visible!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) :is(select:not(.wr-field-native),input:not([type=checkbox])):not([hidden]){
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#05083F!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font:500 16px/1.35 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > .extra-filters > .wr-independent-toggle{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  min-height:80px!important;
  height:auto!important;
  max-height:none!important;
  width:100%!important;
  padding:12px 64px 12px 66px!important;
  gap:8px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra > .extra-filters > .wr-independent-toggle > .search-field-icon{
  display:flex!important;
  position:absolute!important;
  left:20px!important;right:auto!important;top:50%!important;
  width:26px!important;height:26px!important;
  transform:translateY(-50%)!important;
  color:#1B4964!important;
  align-items:center!important;justify-content:center!important;
  pointer-events:none!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .more-filters[open] .quick-filters.wr-final-extra .wr-independent-title{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#657588!important;
  font:600 14px/1.35 'DM Sans',Arial,sans-serif!important;
  text-align:left!important;
 }
}
@media(max-width:699px){
 /* Lower the beginning of the dark-blue hero wave while retaining its curve. */
 html body:has(.home-benefits) main#woningzoeken > .hero > svg.wr-hero-wave{
  height:32px!important;
  bottom:-1px!important;
 }
}

/* Mobile Overzicht / Kaart: a single sliding segmented switch.
   Retains existing listView/mapView click handlers and aria-pressed state. */
@media(max-width:699px){
 html body:has(.home-benefits) .housing-results > .results-header > .results-views{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:4px!important;
  min-width:174px!important;
  border-radius:14px!important;
  background:#FFFDF9!important;
  border:1px solid #E5DED3!important;
  overflow:hidden!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views::before{
  content:""!important;
  position:absolute!important;
  top:4px!important;bottom:4px!important;left:4px!important;
  width:calc((100% - 8px)/2)!important;
  border-radius:10px!important;
  background:#05083F!important;
  box-shadow:0 2px 6px rgba(5,8,63,.1)!important;
  z-index:0!important;
  pointer-events:none!important;
  transform:translateX(0)!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1)!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views:has(#mapView[aria-pressed="true"])::before{
  transform:translateX(100%)!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views > :is(#listView,#mapView){
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;z-index:1!important;
  background:transparent!important;box-shadow:none!important;
  min-height:42px!important;
  margin:0!important;padding:8px 10px!important;
  border:0!important;border-radius:10px!important;
  color:#05083F!important;-webkit-text-fill-color:#05083F!important;
  transition:color .18s ease!important;
 }
 html body:has(.home-benefits) .housing-results > .results-header > .results-views > :is(#listView,#mapView)[aria-pressed="true"]{
  background:transparent!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
 }
}
@media(max-width:699px) and (prefers-reduced-motion:reduce){
 html body:has(.home-benefits) .housing-results > .results-header > .results-views::before{
  transition:none!important;
 }
}
/* Keep the unlicensed image-free site photograph crisp, with no extra milky
   full-hero overlay or painted rectangle around the editorial copy. */
html body:has(.home-benefits) main#woningzoeken > .hero{
 background-image:linear-gradient(90deg,rgba(255,250,242,.14) 0%,rgba(255,250,242,.04) 32%,transparent 60%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 background-size:cover!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero::before{
 background:none!important;
 background-image:none!important;
 opacity:0!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy{
 background:transparent!important;
 background-image:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 box-shadow:none!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > .hero{
  background-image:linear-gradient(90deg,rgba(255,250,242,.08) 0%,rgba(255,250,242,.025) 40%,transparent 72%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 }
}

/* Mobile composition: move the actual photograph-to-indigo boundary downward,
   keeping the search card overlapped at approximately its former position.
   Changing wave height alone did not move the hero boundary. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > section.hero{
  min-height:405px!important;
  padding-bottom:135px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > section.search-panel{
  margin-top:-84px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > section.hero > svg.wr-hero-wave{
  height:38px!important;
  bottom:-1px!important;
 }
}

/* Mobile hero copy: maintain photo clarity, but give navy lettering a light
   local halo so it stays readable across buildings, foliage and water. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > .hero .hero-copy :is(h1,h1 span,p){
  color:#05083F!important;
  -webkit-text-fill-color:#05083F!important;
  text-shadow:
    0 1px 2px rgba(255,253,247,.98),
    0 0 9px rgba(255,253,247,.95),
    0 0 20px rgba(255,253,247,.70)!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .hero .hero-copy > p{
  font-weight:600!important;
  line-height:1.48!important;
 }
 /* The outdated profile-save CTA was positioned beneath the filter disclosure,
    showing as an orphan navy button. Keep saving in the account/profile flow. */
 html body:has(.home-benefits) main#woningzoeken > .search-panel > .search-secondary > .save-row{
  display:none!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel > .search-secondary{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters::before,
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters::after,
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters > summary::before,
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters > summary::after{
  display:none!important;content:none!important;
 }
}

/* Mobile search: two compact, centered actions; advanced panel stays full-width. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .filters > button.primary-search{
  grid-column:1/-1!important;
  justify-self:center!important;
  width:min(100%,290px)!important;
  max-width:290px!important;
  min-width:0!important;
  margin:8px auto 0!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel
 .search-secondary > details.more-filters > summary{
  width:min(100%,290px)!important;
  max-width:290px!important;
  min-width:0!important;
  margin:0 auto!important;
 }
}

/* Editorial hero: feathered light behind the lettering, never a rectangular card. */
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy{
 position:relative!important;
 isolation:isolate!important;
 z-index:3!important;
 box-sizing:border-box!important;
 width:fit-content!important;
 max-width:min(100%,650px)!important;
 padding:14px 18px 18px!important;
 border:0!important;
 border-radius:0!important;
 background:none!important;
 background-color:transparent!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy::before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset:-30px -58px -23px -35px!important;
 z-index:-1!important;
 pointer-events:none!important;
 border:0!important;
 border-radius:0!important;
 background:radial-gradient(ellipse 69% 63% at 35% 47%,
  rgba(255,253,246,.77) 0%,
  rgba(255,253,246,.59) 43%,
  rgba(255,253,246,.23) 72%,
  rgba(255,253,246,0) 100%)!important;
 filter:none!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy :is(h1,h1 span,p){
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 text-shadow:0 1px 2px rgba(255,253,247,.86),0 0 10px rgba(255,253,247,.5)!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy h1{
 line-height:1.04!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy > p{
 font-weight:600!important;
 line-height:1.42!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy{
  max-width:min(100%,390px)!important;
  padding:12px 14px 15px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .hero > .hero-copy::before{
  inset:-22px -22px -20px -18px!important;
  background:radial-gradient(ellipse 75% 69% at 36% 46%,
   rgba(255,253,246,.8) 0%,
   rgba(255,253,246,.6) 50%,
   rgba(255,253,246,.12) 82%,
   transparent 100%)!important;
 }
}