/* WoonRadar homepage refinement. Existing controls, imagery, branding and search logic remain intact. */
@media(min-width: 980px){
 html body:has(.home-benefits) main{max-width:1600px!important;padding-left:clamp(18px,2vw,36px)!important;padding-right:clamp(18px,2vw,36px)!important}
 html body:has(.home-benefits) .hero{min-height:500px!important;padding:80px clamp(48px,7vw,118px) 150px!important;border-radius:20px 20px 0 0!important;background-image:linear-gradient(90deg,rgba(250,246,237,.94) 0%,rgba(250,246,237,.72) 26%,rgba(250,246,237,.09) 61%),url('/static/woonradar-hero-ulf-meyer.webp')!important;background-size:cover!important;background-position:center!important}
 html body:has(.home-benefits) .hero-copy{max-width:680px!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important;backdrop-filter:none!important}
 html body:has(.home-benefits) .hero h1{color:#142f50!important;max-width:680px!important;font-size:clamp(52px,5.4vw,78px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
 html body:has(.home-benefits) .hero p{max-width:600px!important;color:#233c59!important;font-size:clamp(18px,1.45vw,22px)!important}
 html body:has(.home-benefits) .search-panel{position:relative!important;z-index:3!important;margin:-86px clamp(46px,5vw,90px) 0!important;padding:18px 20px 15px!important;border-radius:18px!important;background:#fffdfb!important;box-shadow:0 15px 40px rgba(14,38,67,.14)!important;border:1px solid rgba(20,47,80,.09)!important}
 html body:has(.home-benefits) .search-panel .filters{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.86fr) minmax(0,1fr) minmax(0,1fr) minmax(180px,1.12fr)!important;align-items:stretch!important;gap:8px!important}
 html body:has(.home-benefits) .search-panel .filters>div{min-width:0!important;margin:0!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location,html body:has(.home-benefits) .search-panel .filters>.search-radius,html body:has(.home-benefits) .search-panel .filters>.search-type,html body:has(.home-benefits) .search-panel .filters>.search-rent{background:#fbfbfa!important;border:1px solid #e5e8e9!important;border-radius:11px!important;padding:10px 12px!important;min-height:68px!important;box-shadow:none!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location:focus-within,html body:has(.home-benefits) .search-panel .filters>.search-radius:focus-within,html body:has(.home-benefits) .search-panel .filters>.search-type:focus-within,html body:has(.home-benefits) .search-panel .filters>.search-rent:focus-within{border-color:#7890a9!important;background:white!important}
 html body:has(.home-benefits) .filters .primary-search{align-self:stretch!important;min-height:68px!important;width:100%!important;background:#123653!important;color:white!important;border-radius:11px!important;box-shadow:none!important;font-weight:650!important}
 html body:has(.home-benefits) .search-secondary{margin-top:10px!important;border-top:1px solid #f0eeeb!important;padding-top:10px!important;display:flex!important;align-items:center!important;gap:12px!important}
 html body:has(.home-benefits) .market-tabs{margin-bottom:10px!important}
 html body:has(.home-benefits) .market-tabs button{border-radius:9px 9px 0 0!important}
 html body:has(.home-benefits) .home-benefits{margin:-32px 0 0!important;padding:65px clamp(36px,5vw,80px) 25px!important;background:#102f4b!important;border-radius:0 0 18px 18px!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
 html body:has(.home-benefits) .home-benefits>div{min-width:0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-content:center!important;background:none!important;border:0!important;box-shadow:none!important;padding:4px!important;text-align:left!important}
 html body:has(.home-benefits) .home-benefits .benefit-icon{grid-row:span 2!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:#204662!important;color:#e3ad55!important;font-size:27px!important}
 html body:has(.home-benefits) .home-benefits strong{color:#fff!important;font-size:14px!important;line-height:1.4!important}
 html body:has(.home-benefits) .home-benefits span[lang="nl"]:not(.benefit-icon){color:#e7edf1!important;font-size:12px!important;line-height:1.5!important}
 html body:has(.home-benefits) .housing-results{margin-top:25px!important;background:#fcfaf6!important;border-radius:20px!important;padding:27px clamp(20px,3.5vw,52px) 40px!important}
 html body:has(.home-benefits) .results-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px 16px!important}
 html body:has(.home-benefits) .results-header .offer-heading{margin-right:auto!important;font-size:clamp(30px,2.8vw,42px)!important;color:#142f50!important}
 html body:has(.home-benefits) .results-header .count{flex-basis:100%!important;order:5!important}
 html body:has(.home-benefits) .results-header .new-only-toggle{order:6!important}
 html body:has(.home-benefits) .results-header .results-alert-link{order:2!important}
 html body:has(.home-benefits) .results-header .results-views{order:3!important}
 html body:has(.home-benefits) .results-header .sort-control{order:4!important}
 html body:has(.home-benefits) .results-alert-link{border:1px solid #dce2e7!important;border-radius:9px!important;padding:10px 13px!important;text-decoration:none!important;color:#163957!important;font-weight:550!important;background:#fff!important}
}
@media(min-width: 700px) and (max-width: 979px){
 html body:has(.home-benefits) .home-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
}
@media(max-width:979px){
 html body:has(.home-benefits) .home-benefits{background:#102f4b!important;color:white!important;border-radius:0 0 14px 14px!important;padding:26px 18px!important}
 html body:has(.home-benefits) .home-benefits strong{color:#fff!important}
 html body:has(.home-benefits) .home-benefits .benefit-icon{color:#e3ad55!important}
 html body:has(.home-benefits) .home-benefits span[lang="nl"]:not(.benefit-icon){color:#e7edf1!important}
 html body:has(.home-benefits) .housing-results{background:#fcfaf6!important;border-radius:16px!important;padding:18px!important}
}

/* Mobile-first presentation: independent of desktop composition; no functional controls removed. */
@media(max-width:699px){
 html body:has(.home-benefits) main{padding-inline:10px!important;max-width:100%!important}
 html body:has(.home-benefits) .hero{min-height:320px!important;padding:38px 23px 115px!important;border-radius:13px 13px 0 0!important;background-image:linear-gradient(90deg,rgba(250,246,237,.92) 0%,rgba(250,246,237,.72) 48%,rgba(250,246,237,.10) 100%),url('/static/woonradar-hero-ulf-meyer.webp')!important;background-size:cover!important;background-position:57% center!important}
 html body:has(.home-benefits) .hero-copy{padding:0!important;background:none!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
 html body:has(.home-benefits) .hero h1{font-size:clamp(34px,8.7vw,48px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#142f50!important;max-width:360px!important}
 html body:has(.home-benefits) .hero p{font-size:14px!important;line-height:1.5!important;color:#1b3d5c!important;max-width:290px!important;margin-top:12px!important}
 html body:has(.home-benefits) .search-panel{position:relative!important;z-index:2!important;margin:-78px 9px 0!important;padding:14px!important;background:#fffdfa!important;border:1px solid #e9e8e5!important;box-shadow:0 12px 28px rgba(20,47,80,.12)!important;border-radius:15px!important}
 html body:has(.home-benefits) .market-tabs{margin-bottom:11px!important}
 html body:has(.home-benefits) .search-panel .filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location{grid-column:1/-1!important}
 html body:has(.home-benefits) .search-panel .filters>.search-radius,html body:has(.home-benefits) .search-panel .filters>.search-type{grid-column:auto!important}
 html body:has(.home-benefits) .search-panel .filters>.search-rent{grid-column:1/-1!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location,html body:has(.home-benefits) .search-panel .filters>.search-radius,html body:has(.home-benefits) .search-panel .filters>.search-type,html body:has(.home-benefits) .search-panel .filters>.search-rent{min-width:0!important;margin:0!important;padding:10px 12px!important;min-height:63px!important;background:#fafaf9!important;border:1px solid #e5e9ed!important;border-radius:10px!important;box-shadow:none!important}
 html body:has(.home-benefits) .search-panel .filters>.primary-search{grid-column:1/-1!important;width:100%!important;min-height:50px!important;margin:2px 0 0!important;border-radius:10px!important;background:#123653!important;color:#fff!important;box-shadow:none!important}
 html body:has(.home-benefits) .search-secondary{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important;padding-top:11px!important;margin-top:11px!important;border-top:1px solid #efeeeb!important}
 html body:has(.home-benefits) .search-secondary .more-filters{max-width:100%!important}
 html body:has(.home-benefits) .home-benefits{margin:-17px 0 0!important;padding:38px 17px 20px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 12px!important;background:#102f4b!important;border-radius:0 0 14px 14px!important}
 html body:has(.home-benefits) .home-benefits>div{min-width:0!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;text-align:left!important;display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-content:start!important}
 html body:has(.home-benefits) .home-benefits .benefit-icon{grid-row:span 2!important;display:grid!important;place-items:center!important;width:31px!important;height:31px!important;min-width:31px!important;border-radius:50%!important;background:#234660!important;color:#e1b36c!important;font-size:18px!important}
 html body:has(.home-benefits) .home-benefits strong{color:#fff!important;font-size:12px!important;line-height:1.4!important}
 html body:has(.home-benefits) .home-benefits span[lang="nl"]:not(.benefit-icon){font-size:11px!important;line-height:1.45!important;color:#e1e9ef!important}
 html body:has(.home-benefits) .housing-results{margin-top:15px!important;padding:19px 13px 25px!important;border-radius:14px!important;background:#fcfaf6!important}
 html body:has(.home-benefits) .results-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:11px!important}
 html body:has(.home-benefits) .results-header .offer-heading{flex-basis:100%!important;margin:0!important;font-size:clamp(27px,7.1vw,34px)!important;line-height:1.16!important;color:#142f50!important}
 html body:has(.home-benefits) .results-header .count{order:1!important;flex-basis:100%!important;margin:0!important}
 html body:has(.home-benefits) .results-header .new-only-toggle{order:2!important;flex:1 1 auto!important}
 html body:has(.home-benefits) .results-header .results-alert-link{order:3!important;margin:0!important;font-size:12px!important;border:0!important;background:none!important;padding:5px!important;color:#123653!important;text-decoration:underline!important;text-underline-offset:3px!important}
 html body:has(.home-benefits) .results-header .results-views{order:4!important;flex:0 1 auto!important}
 html body:has(.home-benefits) .results-header .sort-control{order:5!important;flex:1 1 160px!important;min-width:0!important}
 html body:has(.home-benefits) .results-header .sort-control select{max-width:100%!important}
 html body:has(.home-benefits) .housing-results .grid{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
}
@media(min-width:540px) and (max-width:699px){
 html body:has(.home-benefits) .search-panel .filters>.search-location{grid-column:auto!important}
 html body:has(.home-benefits) .search-panel .filters>.search-rent{grid-column:auto!important}
 html body:has(.home-benefits) .housing-results .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Small phones: preserve readable filter controls rather than forcing narrow columns. */
@media(max-width:359px){
 html body:has(.home-benefits) .search-panel{margin-inline:5px!important;padding:11px!important}
 html body:has(.home-benefits) .search-panel .filters{grid-template-columns:minmax(0,1fr)!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location,
 html body:has(.home-benefits) .search-panel .filters>.search-radius,
 html body:has(.home-benefits) .search-panel .filters>.search-type,
 html body:has(.home-benefits) .search-panel .filters>.search-rent,
 html body:has(.home-benefits) .search-panel .filters>.primary-search{grid-column:1/-1!important}
 html body:has(.home-benefits) .home-benefits{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body:has(.home-benefits) .results-header .results-views,
 html body:has(.home-benefits) .results-header .sort-control{min-width:0!important;max-width:100%!important}
}

/* Listing information: one font family, one rhythm; retain the approved card layout. */
body:has(.home-benefits) .housing-results .card .content,
body:has(.home-benefits) .housing-results .card .content .price,
body:has(.home-benefits) .housing-results .card .content .address,
body:has(.home-benefits) .housing-results .card .content .city,
body:has(.home-benefits) .housing-results .card .content .details,
body:has(.home-benefits) .housing-results .card .content .availability,
body:has(.home-benefits) .housing-results .card .content .source{
 font-family:Inter,Arial,sans-serif!important;letter-spacing:normal!important;
}
body:has(.home-benefits) .housing-results .card .content{padding:14px 17px 13px!important}
body:has(.home-benefits) .housing-results .card .content .price{font-size:20px!important;line-height:1.28!important;font-weight:700!important;margin-bottom:4px!important}
body:has(.home-benefits) .housing-results .card .content .address{font-size:15px!important;line-height:1.35!important;font-weight:650!important;margin-bottom:1px!important}
body:has(.home-benefits) .housing-results .card .content .city{font-size:13px!important;line-height:1.4!important}
body:has(.home-benefits) .housing-results .card .content .details{margin-top:8px!important;margin-bottom:6px!important;gap:5px!important}
body:has(.home-benefits) .housing-results .card .content .tag{font:inherit!important;font-size:12px!important;line-height:1.3!important;padding:3px 7px!important}
body:has(.home-benefits) .housing-results .card .content .availability,
body:has(.home-benefits) .housing-results .card .content .source{font-size:12px!important;line-height:1.4!important}
@media(max-width:699px){
 body:has(.home-benefits) .housing-results .card .content{padding:12px 14px!important}
 body:has(.home-benefits) .housing-results .card .content .price{font-size:19px!important}
}

/* Seamless photograph-to-navy transition, with the search panel floating above both layers. */
@media(min-width:980px){
 html body:has(.home-benefits) .home-benefits{
  max-width:none!important;width:100%!important;
  margin:-120px 0 0!important;
  padding-top:152px!important;
  border-radius:0 0 18px 18px!important;
  position:relative!important;z-index:1!important;
 }
 html body:has(.home-benefits) .search-panel{z-index:3!important}
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) .home-benefits{max-width:none!important;width:100%!important;margin-top:-26px!important;padding-top:56px!important}
}

/* Mobile: remove benefit copy but retain the gently curved navy photo transition. */
@media(max-width:699px){
 html body:has(.home-benefits) .home-benefits{
  display:block!important;
  position:relative!important;
  margin:-20px 0 0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  height:38px!important;
  min-height:0!important;
  border:0!important;
  border-radius:0 0 30px 30px!important;
  background:linear-gradient(180deg,rgba(16,47,75,.86) 0%,#102f4b 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
 }
 html body:has(.home-benefits) .home-benefits>div{display:none!important}
 html body:has(.home-benefits) .housing-results{margin-top:14px!important}
}

/* Editorial photo treatment: readable copy on the left, crisp real photo elsewhere. */
@media(min-width:980px){
 html body:has(.home-benefits) .hero{
  background-image:linear-gradient(90deg,rgba(250,246,237,.90) 0%,rgba(250,246,237,.65) 24%,rgba(250,246,237,.24) 43%,rgba(250,246,237,0) 64%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 }
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) .hero{
  background-image:linear-gradient(90deg,rgba(250,246,237,.90) 0%,rgba(250,246,237,.62) 36%,rgba(250,246,237,.05) 76%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 }
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero{
  background-image:linear-gradient(90deg,rgba(250,246,237,.91) 0%,rgba(250,246,237,.72) 36%,rgba(250,246,237,.24) 72%,rgba(250,246,237,.04) 100%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 }
}
/* The main filters are directly clickable; remove mismatched decorative arrows. */
body:has(.home-benefits) .search-panel .filters>div select{
 -webkit-appearance:none!important;appearance:none!important;background-image:none!important;
}
body:has(.home-benefits) .search-panel .filters .type-picker>summary::after,
body:has(.home-benefits) .search-panel .filters .price-picker>summary::after,
body:has(.home-benefits) .search-panel .search-secondary .more-filters>summary::after{
 content:none!important;display:none!important;
}

/* Full-bleed hero and seamless navy transition, without stretching content controls. */
@media(min-width:980px){
 html body:has(.home-benefits) main{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
 html body:has(.home-benefits) .hero{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
 html body:has(.home-benefits) .home-benefits{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
 html body:has(.home-benefits) .search-panel{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;width:calc(100% - 96px)!important}
 html body:has(.home-benefits) .housing-results{max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) main{max-width:none!important;padding-inline:0!important}
 html body:has(.home-benefits) .hero,html body:has(.home-benefits) .home-benefits{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
 html body:has(.home-benefits) .search-panel{margin-left:22px!important;margin-right:22px!important}
 html body:has(.home-benefits) .housing-results{margin-left:14px!important;margin-right:14px!important}
}
@media(max-width:699px){
 html body:has(.home-benefits) main{padding-left:0!important;padding-right:0!important;max-width:none!important}
 html body:has(.home-benefits) .hero{width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
 html body:has(.home-benefits) .search-panel{margin-left:12px!important;margin-right:12px!important}
 html body:has(.home-benefits) .home-benefits{width:100%!important;border-radius:0 0 30px 30px!important}
 html body:has(.home-benefits) .housing-results{margin-left:10px!important;margin-right:10px!important}
}


/* SINGLE AUTHORITATIVE HERO COMPOSITION — desktop. Previous experimental
   photo clips/gradients intentionally replaced, not stacked. */
@media(min-width:980px){
 html body:has(.home-benefits) main{max-width:none!important;width:100%!important;padding:0!important;background:#102f4b!important}
 html:not([data-view]) body:has(.home-benefits) header.wr-header{
  position:relative!important;z-index:40!important;top:auto!important;
  margin:0 0 -86px!important;border:0!important;box-shadow:none!important;
  background:linear-gradient(180deg,rgba(248,244,235,.76),rgba(248,244,235,.52))!important;
  backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-nav{min-height:86px!important;padding-block:10px!important}
 html body:has(.home-benefits) .hero{
  position:relative!important;z-index:2!important;width:100%!important;
  margin:0!important;min-height:570px!important;
  padding:128px clamp(50px,7vw,125px) 170px!important;
  overflow:hidden!important;border-radius:0!important;clip-path:none!important;
  background-image:linear-gradient(90deg,rgba(250,246,237,.79) 0%,rgba(250,246,237,.51) 22%,rgba(250,246,237,.12) 43%,transparent 62%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
  background-position:center!important;background-size:cover!important;
 }
 /* Navy rises at both sides and gently curves down behind the central search area. */
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;pointer-events:none!important;
  position:absolute!important;inset:auto 0 -1px!important;height:156px!important;z-index:0!important;
  background:#102f4b!important;
  clip-path:polygon(0 0,5% 15%,10% 29%,15% 42%,20% 53%,25% 63%,30% 71%,35% 77%,40% 81%,45% 83%,50% 84%,55% 83%,60% 81%,65% 77%,70% 71%,75% 63%,80% 53%,85% 42%,90% 29%,95% 15%,100% 0,100% 100%,0 100%)!important;
 }
 html body:has(.home-benefits) .hero-copy{position:relative!important;z-index:2!important;max-width:680px!important;background:none!important;box-shadow:none!important}
 html body:has(.home-benefits) .hero-copy>p{color:#102e4d!important;font-weight:550!important;text-shadow:0 1px 8px rgba(255,253,248,.95),0 0 16px rgba(255,253,248,.85)!important}
 html body:has(.home-benefits) .search-panel{
  position:relative!important;z-index:6!important;
  max-width:1360px!important;width:calc(100% - 112px)!important;
  margin:-80px auto 0!important;padding:16px 20px 14px!important;
  border-radius:19px!important;background:#fffdfa!important;
  box-shadow:0 12px 32px rgba(12,37,64,.13)!important;
 }
 html body:has(.home-benefits) .search-panel .filters{gap:10px!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.84fr) minmax(0,.96fr) minmax(0,.98fr) minmax(175px,1.08fr)!important}
 html body:has(.home-benefits) .search-panel .filters>.search-location,
 html body:has(.home-benefits) .search-panel .filters>.search-radius,
 html body:has(.home-benefits) .search-panel .filters>.search-type,
 html body:has(.home-benefits) .search-panel .filters>.search-rent{min-height:74px!important;padding:10px 14px!important;border-radius:11px!important}
 html body:has(.home-benefits) .search-panel .primary-search{min-height:74px!important;border-radius:11px!important}
 html body:has(.home-benefits) .search-panel .filters>.primary-search{grid-column:auto!important;align-self:stretch!important;margin:0!important;min-width:0!important;width:100%!important}
 html body:has(.home-benefits) .search-secondary{margin-top:9px!important;padding-top:9px!important}
 html body:has(.home-benefits) .search-panel .filters>.search-rent:has(.price-picker[open]){position:relative!important;z-index:120!important;overflow:visible!important}
 html body:has(.home-benefits) .search-panel .price-picker[open] .price-popover{z-index:121!important}
 html body:has(.home-benefits) .search-secondary .more-filters{flex:1 1 100%!important;min-width:0!important}
 html body:has(.home-benefits) .search-secondary .quick-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body:has(.home-benefits) .search-secondary .quick-filters>div{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body:has(.home-benefits) .home-benefits{
  position:relative!important;z-index:1!important;
  width:100%!important;max-width:none!important;margin:-46px 0 0!important;
  padding:78px clamp(38px,5vw,90px) 28px!important;background:#102f4b!important;
  border-radius:0!important;
 }
 html body:has(.home-benefits) .housing-results{background:#faf8f4!important;margin-top:0!important;border-radius:26px 26px 0 0!important}
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) .hero{clip-path:none!important;border-radius:0!important}
 html body:has(.home-benefits) .hero::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:95px!important;background:#102f4b!important;clip-path:polygon(0 0,10% 28%,20% 50%,30% 68%,40% 79%,50% 83%,60% 79%,70% 68%,80% 50%,90% 28%,100% 0,100% 100%,0 100%)!important}
 html body:has(.home-benefits) .home-benefits{margin-top:-62px!important;padding-top:92px!important;border-radius:0!important;background:#102f4b!important}
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{content:none!important;display:none!important}
 html body:has(.home-benefits) .home-benefits{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
}

/* SAFETY HOTFIX: remove overlapping sharp polygon shapes. The photo and
   navy connect through a clean soft fade. No clip-path teeth or blue peaks. */
@media(min-width:700px){
 html body:has(.home-benefits) .hero{
  clip-path:none!important;overflow:hidden!important;border-radius:0!important;
 }
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;
  position:absolute!important;inset:auto 0 0!important;
  height:118px!important;z-index:0!important;
  clip-path:none!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(16,47,75,0) 0%,rgba(16,47,75,.12) 38%,rgba(16,47,75,.48) 100%)!important;
  pointer-events:none!important;
 }
 html body:has(.home-benefits) .search-panel{z-index:8!important}
 html body:has(.home-benefits) .home-benefits{
  background:#102f4b!important;border-radius:0!important;
 }
}
@media(min-width:980px){
 html body:has(.home-benefits) .home-benefits{
  margin-top:-46px!important;padding-top:80px!important;
 }
}

/* Seamless navy benefits: remove old white hairline separators. */
@media(min-width:700px){
 html body:has(.home-benefits) .home-benefits{
  border:0!important;border-top:0!important;border-bottom:0!important;
  outline:0!important;box-shadow:none!important;
 }
 html body:has(.home-benefits) .home-benefits::before,
 html body:has(.home-benefits) .home-benefits::after{
  border:0!important;outline:0!important;box-shadow:none!important;
 }
 html body:has(.home-benefits) .search-panel{border-color:rgba(20,47,80,.08)!important}
}

/* Gentle curved photo edge; no polygon peaks, no detached navigation banner. */
@media(min-width:700px){
 html body:has(.home-benefits) .hero{
  border-radius:0 0 50% 50% / 0 0 76px 76px!important;
  overflow:hidden!important;position:relative!important;z-index:2!important;
 }
 html body:has(.home-benefits) .hero::after{
  content:none!important;display:none!important;
 }
 html body:has(.home-benefits) .home-benefits{background:#102f4b!important}
 html body:has(.home-benefits) .search-panel{z-index:8!important}
}
@media(min-width:980px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header{
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;border:0!important;
  margin-bottom:-86px!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select{background:rgba(250,247,240,.18)!important;border-color:rgba(20,47,80,.16)!important;color:#142f50!important;text-shadow:0 1px 4px rgba(255,253,248,.75)!important}
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account:hover,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select:hover{background:rgba(255,253,248,.8)!important}
 html body:has(.home-benefits) .hero{
  background-image:linear-gradient(90deg,rgba(250,246,237,.85) 0%,rgba(250,246,237,.56) 24%,rgba(250,246,237,.13) 48%,transparent 68%),url('/static/woonradar-hero-ulf-meyer.webp')!important;
 }
 html body:has(.home-benefits) .home-benefits{margin-top:-86px!important;padding-top:120px!important}
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) .hero{border-radius:0 0 50% 50% / 0 0 48px 48px!important}
 html body:has(.home-benefits) .home-benefits{margin-top:-48px!important;padding-top:85px!important}
}


/* Desktop hero: the photo/nav and curved navy boundary meet behind the white search card. */
@media(min-width:980px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select{
   background:rgba(250,247,240,.12)!important;
   border-color:rgba(20,47,80,.13)!important;
   backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
   box-shadow:none!important;
 }
 html body:has(.home-benefits) .hero{
   border-radius:0 0 50% 50% / 0 0 72px 72px!important;
 }
 html body:has(.home-benefits) .search-panel{
   margin-top:-120px!important;
 }
 html body:has(.home-benefits) .home-benefits{
   margin-top:-103px!important;
   padding-top:138px!important;
 }
}

/* Final desktop polish: no framed nav pills; white search card straddles photo/navy. */
@media(min-width:980px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select{
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account:hover,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select:hover{
  background:rgba(250,247,240,.20)!important;
 }
 html body:has(.home-benefits) .search-panel{
  margin-top:-112px!important;
 }
 html body:has(.home-benefits) .home-benefits{
  margin-top:-150px!important;
  padding-top:185px!important;
 }
}

/* Hero alignment: position navy by the search card's measured height, not a fixed guess. */
@media(min-width:980px){
 html body:has(.home-benefits) .hero-copy>p{
  color:#102f4b!important;font-weight:650!important;
  text-shadow:0 1px 2px rgba(255,253,248,.88),0 0 12px rgba(255,253,248,.8)!important;
  background:linear-gradient(90deg,rgba(250,247,239,.52),rgba(250,247,239,0))!important;
  border-radius:5px!important;
 }
 html body:has(.home-benefits) .search-panel{margin-top:-112px!important}
 html body:has(.home-benefits) .home-benefits{
  margin-top:calc(-1 * var(--wr-search-half,85px))!important;
  padding-top:calc(var(--wr-search-half,85px) + 36px)!important;
 }
}
@media(min-width:700px) and (max-width:979px){
 html body:has(.home-benefits) .hero-copy>p{
  color:#102f4b!important;font-weight:650!important;
  text-shadow:0 1px 3px #fffaf0,0 0 12px rgba(255,250,240,.8)!important;
 }
}

/* Equal-size extra filters: Buitenruimte must not span two columns. */
@media(min-width:700px){
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor,
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field{
  grid-column:auto!important;grid-row:auto!important;min-width:0!important;
  width:100%!important;max-width:none!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor select{
  max-width:100%!important;min-width:0!important;width:100%!important;
 }
}
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor{
  grid-column:auto!important;width:100%!important;min-width:0!important;
 }
}

/* Mobile: warm royal-blue backing wraps the white search controls without a detached bar. */
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel{
  position:relative!important;
  margin-top:-48px!important;
  margin-bottom:0!important;
  padding:14px 13px 16px!important;
  border:10px solid #102f4b!important;
  border-radius:22px!important;
  background:#fffdfa!important;
  box-shadow:0 12px 25px rgba(13,39,64,.12)!important;
  z-index:9!important;
 }
 html body:has(.home-benefits) .home-benefits{
  height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;
  background:transparent!important;
 }
}

/* Mobile: image, typography, navy foundation and floating white search card are one composition. */
@media(max-width:699px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header{
  position:relative!important;z-index:40!important;margin-bottom:-64px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-nav{min-height:64px!important}
 html body:has(.home-benefits) .hero{
  position:relative!important;
  padding-top:100px!important;
  border-radius:0 0 50% 50% / 0 0 26px 26px!important;
  background-image:url('/static/woonradar-hero-ulf-meyer.webp')!important;
  background-position:center!important;background-size:cover!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{
  position:relative!important;z-index:2!important;
  background:radial-gradient(ellipse at 30% 50%,rgba(250,246,237,.88),rgba(250,246,237,0) 78%)!important;box-shadow:none!important;
 }
 html body:has(.home-benefits) .hero .hero-copy h1{
  text-shadow:0 1px 4px rgba(255,253,245,.9),0 0 12px rgba(255,253,245,.7)!important;
 }
 html body:has(.home-benefits) .hero .hero-copy p{
  color:#102f4b!important;font-weight:650!important;
  text-shadow:0 1px 3px rgba(255,253,245,.94),0 0 14px rgba(255,253,245,.8)!important;
 }
 html body:has(.home-benefits) .search-panel{
  border:0!important;
  margin-top:-56px!important;
  margin-left:19px!important;margin-right:19px!important;
  padding:17px 15px 19px!important;
  border-radius:19px!important;
  background:#fffdfa!important;
  box-shadow:0 10px 26px rgba(13,39,64,.14)!important;
  z-index:9!important;
 }
 html body:has(.home-benefits) .home-benefits{
  display:block!important;
  position:relative!important;z-index:1!important;
  height:calc(var(--wr-search-half,180px) + var(--wr-search-half,180px) - 32px)!important;min-height:0!important;
  margin:calc(56px - var(--wr-search-half,180px) - var(--wr-search-half,180px)) 0 0!important;padding:0!important;
  background:linear-gradient(180deg,#173b58,#102f4b)!important;
  border-radius:50% 50% 24px 24px / 24px 24px 24px 24px!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) .housing-results{margin-top:0!important}
}

/* Desktop navigation remains in the photo: hide only the decorative language arrow. */
@media(min-width:980px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select{
  appearance:none!important;-webkit-appearance:none!important;
  background-image:none!important;padding-right:10px!important;
  border:0!important;box-shadow:none!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language::after{
  display:none!important;content:none!important;
 }
 /* Bring the photographic curve down slightly to meet the white card's centre. */
 html body:has(.home-benefits) .hero{
  border-radius:0 0 50% 50% / 0 0 64px 64px!important;
 }
}

/* Unified advanced field grid on regular desktop and desktop-mode phones. */
@media(min-width:700px){
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters > .search-outdoor,
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters > .advanced-field{
  grid-column:span 1!important;grid-row:auto!important;min-width:0!important;
  max-width:none!important;width:100%!important;margin:0!important;
  box-sizing:border-box!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body .search-outdoor .outdoor-choice,
 html body:has(.home-benefits) .search-panel .more-filters-body .advanced-field > label{
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body .search-outdoor select,
 html body:has(.home-benefits) .search-panel .more-filters-body .advanced-field input#minSurface,
 html body:has(.home-benefits) .search-panel .more-filters-body .advanced-field select{
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:44px!important;height:44px!important;
  padding:9px 12px!important;border-radius:10px!important;
  border:1px solid #d7dddf!important;background-color:#fffdfa!important;
  font:inherit!important;box-sizing:border-box!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body input#minSurface{
  appearance:textfield!important;-moz-appearance:textfield!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters-body input#minSurface::-webkit-inner-spin-button,
 html body:has(.home-benefits) .search-panel .more-filters-body input#minSurface::-webkit-outer-spin-button{
  -webkit-appearance:none!important;margin:0!important;
 }
 /* Benefit icons share the same navy foundation, without their own separate stripe. */
 html body:has(.home-benefits) .home-benefits{
  background:#102f4b!important;border:0!important;box-shadow:none!important;
 }
 html body:has(.home-benefits) .home-benefits .benefit-icon{
  background:transparent!important;
 }
}

/* Unified mobile composition: clean original photo, curved navy behind floating card. */
@media(max-width:699px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header{
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:0!important;box-shadow:none!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account,
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary{
  background:transparent!important;border:0!important;box-shadow:none!important;
  outline-offset:3px!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu nav{
  width:min(215px,calc(100vw - 32px))!important;min-width:0!important;
  padding:9px!important;border-radius:12px!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu nav label{
  border:0!important;margin:0!important;padding:4px 8px!important;
  justify-content:flex-start!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu nav select{
  border:0!important;background:transparent!important;appearance:none!important;
  -webkit-appearance:none!important;background-image:none!important;
  display:block!important;width:100%!important;max-width:none!important;min-height:44px!important;padding:10px 12px!important;
  font:600 15px/1.4 "DM Sans",Arial,sans-serif!important;color:#142f50!important;text-align:left!important;
 }
 html body:has(.home-benefits) .hero{
  background-image:url('/static/woonradar-hero-ulf-meyer.webp')!important;
  background-position:center!important;
  border-radius:0 0 50% 50% / 0 0 38px 38px!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{
  background:radial-gradient(ellipse at 29% 48%,rgba(250,247,239,.91) 0%,rgba(250,247,239,.65) 48%,rgba(250,247,239,0) 78%)!important;filter:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
 }
 html body:has(.home-benefits) .hero .hero-copy h1,
 html body:has(.home-benefits) .hero .hero-copy p{
  text-shadow:0 1px 3px rgba(255,253,246,.98),0 0 10px rgba(255,253,246,.9)!important;
 }
 html body:has(.home-benefits) .search-panel{
  background:#fcfaf5!important;box-shadow:0 10px 25px rgba(15,45,74,.10)!important;
 }
 html body:has(.home-benefits) .home-benefits{
  background:#153957!important;
  border-radius:50% 50% 24px 24px / 62px 62px 24px 24px!important;
  margin-top:calc(30px - var(--wr-search-half,180px) - var(--wr-search-half,180px))!important;
  height:calc(var(--wr-search-half,180px) + var(--wr-search-half,180px) - 6px)!important;
 }
 /* One typographic system for field labels and values. */
 html body:has(.home-benefits) .search-panel .filters > div > label,
 html body:has(.home-benefits) .search-panel .quick-filters .advanced-field > label,
 html body:has(.home-benefits) .search-panel .outdoor-choice{
  font:600 12px/1.35 "DM Sans",Arial,sans-serif!important;letter-spacing:0!important;
 }
 html body:has(.home-benefits) .search-panel .filters input:not([type=checkbox]),
 html body:has(.home-benefits) .search-panel .filters select,
 html body:has(.home-benefits) .search-panel .filters summary,
 html body:has(.home-benefits) .search-panel .quick-filters select,
 html body:has(.home-benefits) .search-panel .quick-filters input:not([type=checkbox]){
  font:500 15px/1.4 "DM Sans",Arial,sans-serif!important;letter-spacing:0!important;
 }
 html body:has(.home-benefits) .search-rent:has(.price-picker[open]){
  z-index:110!important;position:relative!important;
 }
 html body:has(.home-benefits) .price-picker[open] .price-popover{
  z-index:200!important;max-width:calc(100vw - 38px)!important;
 }
}

/* Mobile brand accents: restrained champagne-gold, with royal navy remaining primary. */
@media(max-width:699px){
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary[aria-expanded="true"]{
  color:#b69a5b!important;
 }
 /* The paragraph already has one gold accent via brand-primary.css.
    No second line beneath the hero heading. */
 html body:has(.home-benefits) .search-panel .primary-search{
  border-bottom:3px solid #b69a5b!important;
  background:#142f50!important;color:#fffdfa!important;
 }
 html body:has(.home-benefits) .search-panel .more-filters>summary:focus-visible,
 html body:has(.home-benefits) .search-panel .price-picker>summary:focus-visible,
 html body:has(.home-benefits) .search-panel .type-picker>summary:focus-visible{
  outline:2px solid #b69a5b!important;outline-offset:3px!important;
 }
}

/* Keep the primary CTA impeccably royal blue; gold belongs to the navigation detail. */
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel .primary-search{
  border-bottom:0!important;border-color:transparent!important;
  background:#142f50!important;color:#fffdfa!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary{
  color:#b69a5b!important;
 }
}

/* Seamless mobile navy: overlap is part of the hero, never a detached framed block. */
@media(max-width:699px){
 html body:has(.home-benefits) .hero{
  border-radius:0!important;overflow:hidden!important;
 }
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;pointer-events:none!important;
  position:absolute!important;z-index:0!important;left:0!important;right:0!important;
  bottom:-1px!important;height:115px!important;
  background:linear-gradient(180deg,rgba(21,57,87,0) 0%,rgba(21,57,87,.22) 48%,#153957 100%)!important;
  clip-path:none!important;border-radius:0!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{z-index:2!important}
 html body:has(.home-benefits) .home-benefits{
  background:#153957!important;
  border-radius:0 0 24px 24px!important;
 }
 html body:has(.home-benefits) .search-panel .primary-search,
 html body:has(.home-benefits) .search-panel button.primary-search{
  border:0!important;border-bottom:0!important;box-shadow:none!important;
  background:#142f50!important;color:#fffdfa!important;
 }
}

/* Mobile photo/navy transition mirrors desktop: sides rise, centre bows down. */
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;
  position:absolute!important;inset:auto 0 -1px!important;
  height:114px!important;z-index:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 114' preserveAspectRatio='none'%3E%3Cpath fill='%23153957' d='M0 0 Q50 190 100 0 V114 H0 Z'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;background-position:bottom center!important;
  background-repeat:no-repeat!important;
  border-radius:0!important;clip-path:none!important;pointer-events:none!important;
 }
 html body:has(.home-benefits) .home-benefits{
  background:#153957!important;border-radius:0 0 24px 24px!important;
 }
 /* Gold is deliberate and legible on the mixed bright/dark hero image. */
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary{
  color:#96733a!important;background:rgba(255,251,243,.43)!important;
  border:0!important;border-radius:10px!important;
  box-shadow:none!important;backdrop-filter:blur(3px)!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary svg{
  stroke:currentColor!important;stroke-width:2.1!important;
 }
}

/* Unified search controls and popovers on mobile, without jumpy layout. */
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel .more-filters>summary{
  background:#fcfaf5!important;color:#142f50!important;
  border:1px solid #d9dee0!important;border-radius:11px!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) .search-panel .search-type{position:relative!important}
 html body:has(.home-benefits) .search-panel .type-picker[open]{position:relative!important;z-index:120!important}
 html body:has(.home-benefits) .search-panel .type-picker .type-popover{
  position:absolute!important;top:calc(100% + 9px)!important;
  left:0!important;right:auto!important;
  width:min(320px,calc(100vw - 52px))!important;max-width:calc(100vw - 52px)!important;
  min-width:0!important;box-sizing:border-box!important;
  background:#fcfaf5!important;color:#142f50!important;
  border:1px solid #d9dee0!important;border-radius:12px!important;
  box-shadow:0 12px 28px rgba(17,43,68,.15)!important;
  padding:12px!important;z-index:130!important;
 }
 html body:has(.home-benefits) .search-panel .type-picker .type-popover label{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%!important;padding:10px!important;margin:0!important;
  background:transparent!important;border:0!important;
 }
 html body:has(.home-benefits) .search-panel .search-rent:has(.price-picker[open]){
  z-index:110!important;
 }
}

/* Mobile: only the upper edge of the navy transition curves, lower edge straight. */
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{
  height:114px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 114' preserveAspectRatio='none'%3E%3Cpath fill='%23153957' d='M0 0 Q50 165 100 0 V114 H0 Z'/%3E%3C/svg%3E")!important;
 }
 html body:has(.home-benefits) .home-benefits{
  border-radius:0!important;background:#153957!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary{
  color:#142f50!important;background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;border:0!important;
 }
 html:not([data-view]) body:has(.home-benefits) header.wr-header .mobile-menu summary svg{
  stroke:currentColor!important;
 }
}

/* Reliable mobile swept edge: CSS-only curve, independent of embedded SVG rendering. */
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;
  position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;
  height:190px!important;z-index:1!important;
  background:#153957!important;background-image:none!important;
  clip-path:polygon(0 0,5% 14%,12% 26%,20% 37%,30% 45%,40% 50%,50% 52%,60% 50%,70% 45%,80% 37%,88% 26%,95% 14%,100% 0,100% 100%,0 100%)!important;
  border-radius:0!important;pointer-events:none!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{z-index:2!important}
 html body:has(.home-benefits) .search-panel{z-index:9!important}
 html body:has(.home-benefits) .home-benefits{
  background:#153957!important;border-radius:0!important;
 }
}

/* Desktop: position the navy photographic boundary behind the card midline. */
@media(min-width:980px){
 html body:has(.home-benefits) .hero{
  /* Curve belongs to the image edge; keep corners soft and the centre below them. */
  border-radius:0 0 50% 50% / 0 0 58px 58px!important;
 }
 html body:has(.home-benefits) .search-panel{
  margin-top:-112px!important;
 }
 html body:has(.home-benefits) .home-benefits{
  /* Previous negative margin was measured from the card bottom, not the photo edge. */
  margin-top:calc(-1 * var(--wr-search-half,85px) - 55px)!important;
  padding-top:calc(var(--wr-search-half,85px) + 91px)!important;
 }
 html body:has(.home-benefits) .hero-copy{
  background:transparent!important;filter:none!important;
 }
 html body:has(.home-benefits) .hero-copy>p{
  background:none!important;box-shadow:none!important;
  color:#102f4b!important;font-weight:600!important;
  text-shadow:0 1px 2px rgba(255,253,247,.85),0 0 7px rgba(255,253,247,.6)!important;
 }
}

/* Same filter typography everywhere, independent of native input/summary defaults. */
html body:has(.home-benefits) .search-panel .filters .search-location label,
html body:has(.home-benefits) .search-panel .filters .search-radius label,
html body:has(.home-benefits) .search-panel .filters .search-type label,
html body:has(.home-benefits) .search-panel .filters .search-rent label,
html body:has(.home-benefits) .search-panel .quick-filters label,
html body:has(.home-benefits) .search-panel .advanced-field > label{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:13px!important;line-height:1.35!important;
 font-weight:600!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .filters #city,
html body:has(.home-benefits) .search-panel .filters #radius,
html body:has(.home-benefits) .search-panel .filters #typeSummary,
html body:has(.home-benefits) .search-panel .filters #rentSummary,
html body:has(.home-benefits) .search-panel .filters .search-location input,
html body:has(.home-benefits) .search-panel .filters .search-radius select,
html body:has(.home-benefits) .search-panel .filters .search-type summary,
html body:has(.home-benefits) .search-panel .filters .search-rent summary,
html body:has(.home-benefits) .search-panel .quick-filters select,
html body:has(.home-benefits) .search-panel .quick-filters input:not([type=checkbox]){
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:15px!important;line-height:1.4!important;
 font-weight:500!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .filters input::placeholder,
html body:has(.home-benefits) .search-panel .quick-filters input::placeholder{
 font-family:'DM Sans',Arial,sans-serif!important;font-size:15px!important;
 font-weight:500!important;opacity:1!important;
}

/* Visible desktop sweep: navy overlaps the PHOTO, not hidden underneath its layer. */
@media(min-width:980px){
 html body:has(.home-benefits) .hero{
  z-index:1!important;
 }
 html body:has(.home-benefits) .home-benefits{
  position:relative!important;
  z-index:3!important;
  background:#102f4b!important;
  border-radius:0!important;
  overflow:visible!important;
  isolation:isolate!important;
 }
 html body:has(.home-benefits) .home-benefits::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;top:-84px!important;
  height:86px!important;
  background:#102f4b!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  clip-path:polygon(0 0,10% 10%,20% 26%,32% 43%,44% 53%,50% 55%,56% 53%,68% 43%,80% 26%,90% 10%,100% 0,100% 100%,0 100%)!important;
  z-index:-1!important;pointer-events:none!important;
 }
 html body:has(.home-benefits) .search-panel{
  position:relative!important;z-index:9!important;
 }
}

/* Definitive desktop edge: paint the arc ON the visible hero, not a hidden benefits layer. */
@media(min-width:980px){
 html body:has(.home-benefits) .hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:0!important;
  isolation:isolate!important;
 }
 html body:has(.home-benefits) .hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0 0!important;
  width:100%!important;height:142px!important;
  background:#102f4b!important;
  background-image:none!important;
  clip-path:polygon(0 0,8% 8%,18% 26%,30% 46%,42% 60%,50% 63%,58% 60%,70% 46%,82% 26%,92% 8%,100% 0,100% 100%,0 100%)!important;
  z-index:1!important;
  border:0!important;border-radius:0!important;
  pointer-events:none!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{
  position:relative!important;z-index:2!important;
 }
 html body:has(.home-benefits) .home-benefits::before{
  content:none!important;display:none!important;
 }
 html body:has(.home-benefits) .search-panel{
  position:relative!important;z-index:10!important;
 }
}

/* Continuous navy first chapter: from the hero through the entire search section. */
@media(max-width:979px){
 html body:has(.home-benefits) main#woningzoeken{
  background:linear-gradient(to bottom,#153957 0,#153957 70%,#fcfaf5 70%)!important;
 }
 html body:has(.home-benefits) .search-panel{
  border-bottom:0!important;
 }
 html body:has(.home-benefits) .home-benefits{
  background:#153957!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 html body:has(.home-benefits) .housing-results{
  position:relative!important;
  background:#fcfaf5!important;
  border-radius:24px 24px 0 0!important;
 }
}
@media(max-width:699px){
 html body:has(.home-benefits) .home-benefits{
  min-height:52px!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
 }
 html body:has(.home-benefits) .housing-results{
  margin-top:0!important;
 }
}

/* Actual curved boundary: the visible PHOTO has a rounded bottom edge over navy.
   Unlike pseudo overlays, this cannot disappear behind the search card. */
html body:has(.home-benefits) main#woningzoeken{
 background:#153957!important;
}
html body:has(.home-benefits) .hero{
 position:relative!important;z-index:1!important;
 overflow:hidden!important;
 border-radius:0 0 50% 50% / 0 0 100px 100px!important;
}
html body:has(.home-benefits) .hero::after{
 content:none!important;display:none!important;
}
html body:has(.home-benefits) .search-panel{
 position:relative!important;z-index:10!important;
}
html body:has(.home-benefits) .home-benefits{
 background:#153957!important;
}
html body:has(.home-benefits) .housing-results{
 position:relative!important;z-index:2!important;
 background:#fcfaf5!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero{
  border-radius:0 0 50% 50% / 0 0 78px 78px!important;
 }
}
@media(min-width:980px){
 html body:has(.home-benefits) .hero{
  border-radius:0 0 50% 50% / 0 0 112px 112px!important;
 }
}



/* One smooth mobile edge, rendered on the hero itself with a scalable SVG overlay.
   No masking or polygon clipping, and no conflicting old mobile overrides. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken{background:#153957!important}
 html body:has(.home-benefits) .hero{
  position:relative!important;overflow:hidden!important;
  clip-path:none!important;border-radius:0!important;
  -webkit-mask:none!important;mask:none!important;
 }
 html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;
  position:absolute!important;left:0!important;right:0!important;
  bottom:-1px!important;top:auto!important;
  width:100%!important;height:76px!important;
  z-index:1!important;pointer-events:none!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='76' viewBox='0 0 100 76' preserveAspectRatio='none'%3E%3Cpath fill='%23153957' d='M0 0 Q50 74 100 0 L100 76 L0 76 Z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:bottom center!important;background-size:100% 100%!important;
  border:0!important;border-radius:0!important;
 }
 html body:has(.home-benefits) .hero .hero-copy{position:relative!important;z-index:2!important}
 html body:has(.home-benefits) .search-panel{position:relative!important;z-index:10!important}
}

/* Nov unified visual finish: calm blue, real smooth Bezier edge, no side rails. */
html body:has(.home-benefits) main#woningzoeken{background:#fcfaf5!important}
html body:has(.home-benefits) .hero{
 position:relative!important;overflow:hidden!important;clip-path:none!important;
 -webkit-mask:none!important;mask:none!important;border-radius:0!important;
}
html body:has(.home-benefits) .hero::after{
 content:""!important;display:block!important;position:absolute!important;
 inset:auto 0 -1px!important;height:94px!important;width:100%!important;z-index:1!important;
 background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23153957' d='M0 4 C22 22 35 32 50 32 C65 32 78 22 100 4 L100 100 L0 100 Z'/%3E%3C/svg%3E") bottom center/100% 100% no-repeat!important;
 pointer-events:none!important;border:0!important;border-radius:0!important;
}
html body:has(.home-benefits) .hero-copy{position:relative!important;z-index:2!important}
html body:has(.home-benefits) .search-panel{position:relative!important;z-index:10!important}
html body:has(.home-benefits) .home-benefits{background:#153957!important;border-radius:0!important}
html body:has(.home-benefits) .housing-results{background:#fcfaf5!important}
@media(max-width:699px){html body:has(.home-benefits) .hero::after{height:63px!important}}
/* The map stays primary, with at most two cards per row. */
.housing-results[data-map="true"] #grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:800px){.housing-results[data-map="true"] #grid{grid-template-columns:minmax(0,1fr)!important}}
/* Hide superfluous map notices unless they describe a real error. Keep attribution legally visible. */
.map-section #mapNotice:empty{display:none!important}
/* Elegant and consistent typographic rhythm. */
html body:has(.home-benefits) .hero h1,
html body:has(.home-benefits) .results-header h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:-.025em!important}

/* Compact, refined search controls without sacrificing touch usability. */
html body:has(.home-benefits) .search-panel .filters input:not([type=checkbox]),
html body:has(.home-benefits) .search-panel .filters select,
html body:has(.home-benefits) .search-panel .filters details>summary,
html body:has(.home-benefits) .search-panel .quick-filters input:not([type=checkbox]),
html body:has(.home-benefits) .search-panel .quick-filters select{
 min-height:42px!important;height:42px!important;
 padding-top:8px!important;padding-bottom:8px!important;
 border-radius:9px!important;
}
html body:has(.home-benefits) .search-panel .filters,
html body:has(.home-benefits) .search-panel .quick-filters{row-gap:10px!important}
html body:has(.home-benefits) .search-panel .primary-search{min-height:44px!important}
/* Provider attribution stays accessible and legible, but avoids the clumsy banner. */
.map-section .leaflet-control-attribution{
 font:400 10px/1.3 'DM Sans',Arial,sans-serif!important;
 padding:2px 5px!important;background:rgba(255,253,249,.84)!important;
 border-radius:6px 0 0 0!important;
 box-shadow:none!important;
}
.map-section .leaflet-control-attribution a{color:#214e77!important}

/* Woningmeldingen: calm grouped settings, clear hierarchy, restrained action buttons. */
html body:has(.home-benefits) #accountAlertDetails{
 border:1px solid #e3e6e5!important;border-radius:16px!important;
 background:#fffdfa!important;overflow:hidden!important;
 box-shadow:0 8px 24px rgba(20,47,80,.055)!important;
}
html body:has(.home-benefits) #accountAlertDetails>summary{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:17px!important;font-weight:650!important;color:#153957!important;
 padding:18px 20px!important;background:#f8f7f3!important;
}
html body:has(.home-benefits) #meldinginstellingen{
 padding:clamp(16px,3vw,26px)!important;background:#fffdfa!important;
}
html body:has(.home-benefits) #meldinginstellingen>h3{
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-size:clamp(26px,4vw,34px)!important;line-height:1.2!important;
 color:#153957!important;font-weight:600!important;margin:0 0 8px!important;
}
html body:has(.home-benefits) #meldinginstellingen>p:first-of-type{
 color:#58687b!important;max-width:56ch!important;margin:0 0 20px!important;
}
html body:has(.home-benefits) #meldinginstellingen>label{
 display:flex!important;align-items:center!important;gap:10px!important;
 background:#f8f7f3!important;border:1px solid #e9e7e1!important;
 border-radius:12px!important;padding:12px 14px!important;margin:14px 0!important;
}
html body:has(.home-benefits) #meldinginstellingen button{
 border-radius:10px!important;min-height:42px!important;
 font-weight:600!important;box-shadow:none!important;
}
html body:has(.home-benefits) #meldinginstellingen #saveAlertsBtn{
 background:#153957!important;color:#fff!important;
}
html body:has(.home-benefits) #meldinginstellingen #alertMessage{
 margin-top:16px!important;color:#53687e!important;
 font-size:13px!important;
}


/* Visual reference correction, 2 Nov 2026. Sampled navy from supplied image: #072137.
   Only a single hero overlay draws the curve; no polygons, masks or extra overlays. */
:root{--wr-hero-navy:#072137;--wr-page-cream:#fcfaf5}
html body:has(.home-benefits) main#woningzoeken{
  background:var(--wr-hero-navy)!important;overflow:clip!important;
}
html body:has(.home-benefits) .hero{
  position:relative!important;z-index:1!important;overflow:hidden!important;
  border-radius:0!important;clip-path:none!important;-webkit-mask:none!important;mask:none!important;
}
/* At left and right the navy rises gently. The lowest part of the blue
   curve aligns approximately with the mid-height of the overlapping search card. */
html body:has(.home-benefits) .hero::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:auto 0 -1px!important;width:100%!important;height:120px!important;
  z-index:1!important;pointer-events:none!important;
  border:0!important;border-radius:0!important;clip-path:none!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23072137' d='M0 18 C23 18 30 76 50 76 C70 76 77 18 100 18 L100 100 L0 100 Z'/%3E%3C/svg%3E") bottom center/100% 100% no-repeat!important;
}
html body:has(.home-benefits) .hero .hero-copy{position:relative!important;z-index:2!important}
html body:has(.home-benefits) .search-panel{
  position:relative!important;z-index:10!important;isolation:auto!important;
}
html body:has(.home-benefits) .search-panel::before,
html body:has(.home-benefits) .search-panel::after,
html body:has(.home-benefits) .home-benefits::before{
  display:none!important;content:none!important;
}
html body:has(.home-benefits) .home-benefits{
  position:relative!important;z-index:2!important;background:var(--wr-hero-navy)!important;
  color:#fff!important;border-radius:0!important;
}
html body:has(.home-benefits) .home-benefits strong{color:#fff!important}
html body:has(.home-benefits) .home-benefits div>span{color:#e4eaf0!important}
html body:has(.home-benefits) .housing-results{
  position:relative!important;background:var(--wr-page-cream)!important;
  border-radius:26px 26px 0 0!important;
}
/* One considered type system: classic strong serif heading; uniform friendly
   sans serif labels, inputs and supporting copy. */
html body:has(.home-benefits) .hero h1,
html body:has(.home-benefits) .hero h1 span,
html body:has(.home-benefits) .results-header h2{
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:normal!important;font-weight:700!important;letter-spacing:-.035em!important;
  color:#072137!important;
}
html body:has(.home-benefits) .hero h1{font-size:clamp(50px,5.5vw,84px)!important;line-height:1.04!important}
html body:has(.home-benefits) .hero p,
html body:has(.home-benefits) .search-panel,
html body:has(.home-benefits) .search-panel label,
html body:has(.home-benefits) .search-panel input,
html body:has(.home-benefits) .search-panel input::placeholder,
html body:has(.home-benefits) .search-panel select,
html body:has(.home-benefits) .search-panel summary,
html body:has(.home-benefits) .search-panel button,
html body:has(.home-benefits) .home-benefits{
  font-family:'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel input,
html body:has(.home-benefits) .search-panel select,
html body:has(.home-benefits) .search-panel summary{
  font-weight:500!important;letter-spacing:0!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{height:83px!important}
 html body:has(.home-benefits) .hero h1{font-size:clamp(37px,9vw,55px)!important}
}

/* Uniform search bar typography — location, radius, type, price and extras. */
html body:has(.home-benefits) .search-panel .filters label,
html body:has(.home-benefits) .search-panel .quick-filters label,
html body:has(.home-benefits) .search-panel .advanced-field > label {
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:13px!important;font-weight:600!important;line-height:18px!important;
  letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel :is(#city,#radius,#typeSummary,#rentSummary,.mobile-native-type),
html body:has(.home-benefits) .search-panel .quick-filters :is(input:not([type=checkbox]),select),
html body:has(.home-benefits) .search-panel .advanced-field :is(input:not([type=checkbox]),select),
html body:has(.home-benefits) .search-panel .filters input::placeholder {
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:15px!important;font-weight:500!important;line-height:22px!important;
  letter-spacing:0!important;text-transform:none!important;
}
html body:has(.home-benefits) .search-panel :is(#city,#radius,#typeSummary,#rentSummary,.mobile-native-type){
  box-sizing:border-box!important;height:42px!important;min-height:42px!important;
  padding-top:10px!important;padding-bottom:10px!important;
  margin-top:0!important;margin-bottom:0!important;
  vertical-align:middle!important;
}
html body:has(.home-benefits) .search-panel #city::placeholder{
  color:inherit!important;opacity:1!important;
}

/* Mobile single navy surface: remove the second framed blue strip. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken{
  background:var(--wr-hero-navy)!important;
 }
 html body:has(.home-benefits) .search-panel{
  border:1px solid rgba(7,33,55,.08)!important;
  background:#fffdfa!important;
  box-shadow:0 10px 28px rgba(7,33,55,.12)!important;
  margin-bottom:0!important;
 }
 html body:has(.home-benefits) .home-benefits{
  display:none!important;
  height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;
 }
 html body:has(.home-benefits) .housing-results{
  margin-top:0!important;
  border-radius:22px 22px 0 0!important;
 }
}


/* November consolidated polish — reference typography + continuous navy mobile home. */
html body:has(.home-benefits) .hero h1,
html body:has(.home-benefits) .hero h1 span,
html body:has(.home-benefits) .results-header h2 {
 font-family:Georgia,'Times New Roman',serif!important;
 font-weight:700!important;letter-spacing:-.035em!important;
}
html body:has(.home-benefits) .hero p,
html body:has(.home-benefits) .search-panel,
html body:has(.home-benefits) .home-benefits {
 font-family:'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel .filters :is(#city,#radius,#typeSummary,#rentSummary,.mobile-native-type),
html body:has(.home-benefits) .search-panel .filters input::placeholder {
 font-family:'DM Sans',Arial,sans-serif!important;font-weight:500!important;
 font-size:15px!important;letter-spacing:0!important;line-height:22px!important;
}
html body:has(.home-benefits) .search-panel .filters>div>label {
 font-family:'DM Sans',Arial,sans-serif!important;font-weight:600!important;
 font-size:13px!important;line-height:18px!important;letter-spacing:0!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken {
  background:#072137!important;overflow:visible!important;
 }
 html body:has(.home-benefits) .hero {
  position:relative!important;border-radius:0!important;overflow:hidden!important;
 }
 html body:has(.home-benefits) .hero::after {
  content:""!important;display:block!important;position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;height:88px!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23072137' d='M0 22 C23 22 30 73 50 73 C70 73 77 22 100 22 L100 100 L0 100 Z'/%3E%3C/svg%3E") bottom center/100% 100% no-repeat!important;
  border:0!important;border-radius:0!important;clip-path:none!important;
  pointer-events:none!important;z-index:1!important;
 }
 html body:has(.home-benefits) .search-panel {
  position:relative!important;z-index:10!important;
  margin-top:-48px!important;margin-bottom:0!important;
  background:#fffdfa!important;border:0!important;outline:0!important;
  border-radius:22px!important;box-shadow:0 10px 26px rgba(7,33,55,.12)!important;
 }
 html body:has(.home-benefits) .search-panel::before,
 html body:has(.home-benefits) .search-panel::after {content:none!important;display:none!important}
 html body:has(.home-benefits) .home-benefits {
  display:none!important;height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;
 }
 html body:has(.home-benefits) .housing-results {
  margin:0!important;width:100%!important;max-width:100%!important;
  background:#fcfaf5!important;border-radius:22px 22px 0 0!important;
 }
}


/* Consistent navy and clean results boundary — 2 Nov 2026 */
:root{--wr-hero-navy:#072137;--wr-primary:#072137}
html body:has(.home-benefits) main#woningzoeken{
  background:#fcfaf5!important;
  overflow:visible!important;
}
html body:has(.home-benefits) .hero::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23072137' d='M0 18 C23 18 30 76 50 76 C70 76 77 18 100 18 L100 100 L0 100 Z'/%3E%3C/svg%3E")!important;
}
html body:has(.home-benefits) .home-benefits{
  background:#072137!important;
}
html body:has(.home-benefits) .housing-results{
  background:#fcfaf5!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html body:has(.home-benefits) .housing-results::before,
html body:has(.home-benefits) .housing-results::after{background:#fcfaf5!important}
html body:has(.home-benefits) .filters .primary-search,
html body:has(.home-benefits) .search-panel .primary-search,
html body:has(.home-benefits) .search-panel button[type="submit"],
html body:has(.home-benefits) .results-alert-link{
  background:#072137!important;color:#fff!important;border-color:#072137!important;
}
html body:has(.home-benefits) .filters .primary-search:hover,
html body:has(.home-benefits) .search-panel .primary-search:hover{
  background:#123a58!important;border-color:#123a58!important;
}
html body:has(.home-benefits) .results-header :is(h2,.offer-heading){color:#072137!important}
html body:has(.home-benefits) .housing-results :is(.card .price,.card .address){color:#072137!important}
html body .site-footer.wr-footer{
  background:#072137!important;color:#e3ebf1!important;
  padding:clamp(36px,5vw,68px) clamp(20px,5vw,76px) 28px!important;
  border-top:0!important;box-shadow:none!important;
}
html body .site-footer.wr-footer .wr-footer-columns{
  max-width:1240px;margin:0 auto 30px!important;
  gap:clamp(20px,5vw,84px)!important;
}
html body .site-footer.wr-footer .footer-brand{
  color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(26px,2.7vw,37px)!important;font-weight:600!important;
}
html body .site-footer.wr-footer :is(h2,h3){color:#f4f5f2!important}
html body .site-footer.wr-footer p{color:#c7d5e0!important}
html body .site-footer.wr-footer a{color:#e0ebf3!important;text-decoration:none!important}
html body .site-footer.wr-footer a:hover{text-decoration:underline!important;color:#fff!important}
html body .site-footer.wr-footer .footer-legal{
  max-width:1240px;margin:0 auto!important;padding-top:19px!important;
  border-top:1px solid rgba(255,255,255,.17)!important;
}
html body .site-footer.wr-footer :is(.hero-photo-credit,.cookie-link){
  font-size:12px!important;opacity:.8;
}
@media(max-width:699px){
  html body:has(.home-benefits) main#woningzoeken{background:#fcfaf5!important}
  html body:has(.home-benefits) .hero::after{height:88px!important}
  html body:has(.home-benefits) .search-panel{margin-bottom:0!important}
  html body:has(.home-benefits) .housing-results{
    margin:0!important;width:100%!important;max-width:100%!important;
    border-radius:0!important;background:#fcfaf5!important;
  }
  html body .site-footer.wr-footer{padding:36px 22px 25px!important}
}


/* Compact uniform search controls — 2026-11-02. Preserve existing accessible inputs. */
@media(min-width:700px){
 html body:has(.home-benefits) .search-panel .filters>div:is(.search-location,.search-radius,.search-type,.search-rent){
  min-height:56px!important;height:56px!important;padding:6px 12px!important;
  border:1px solid #dfe4e6!important;border-radius:11px!important;
  background:#fbfbfa!important;box-sizing:border-box!important;
 }
 html body:has(.home-benefits) .search-panel .filters>div:is(.search-location,.search-radius,.search-type,.search-rent)>label{
  margin:0 0 2px!important;font:600 12px/16px 'DM Sans',Arial,sans-serif!important;
  color:#617587!important;letter-spacing:0!important;
 }
 html body:has(.home-benefits) .search-panel .filters :is(#city,#radius,#typeSummary,#rentSummary){
  height:28px!important;min-height:28px!important;padding:2px 0!important;
  font:500 14px/24px 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .search-panel .filters .primary-search{
  min-height:56px!important;height:56px!important;
  font:650 14px/1.3 'DM Sans',Arial,sans-serif!important;
 }
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:12px!important;align-items:stretch!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
 min-width:0!important;min-height:93px!important;padding:10px 12px!important;
 border:1px solid #dfe4e6!important;border-radius:11px!important;
 background:#fbfbfa!important;box-shadow:none!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(label,.outdoor-choice){
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 letter-spacing:0!important;color:#617587!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(input:not([type=checkbox]),select){
 margin:5px 0 0!important;width:100%!important;max-width:100%!important;
 height:38px!important;min-height:38px!important;border:1px solid #dfe4e6!important;
 border-radius:9px!important;padding:0 12px!important;background:#fff!important;
 color:#072137!important;font:500 14px/1.4 'DM Sans',Arial,sans-serif!important;
 box-sizing:border-box!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(input,select):focus-visible{
 outline:2px solid #527590!important;outline-offset:1px!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters input[hidden]{
 display:none!important;
}
html body:has(.home-benefits) .search-panel .extra-filters .wr-independent-toggle{
 min-height:56px!important;border-radius:11px!important;
 border:1px solid #dfe4e6!important;background:#fbfbfa!important;
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;color:#072137!important;
}
@media(min-width:700px) and (max-width:1040px){
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{grid-template-columns:1fr!important;gap:10px!important}
 html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){min-height:78px!important}
}


/* Full-bleed elegant footer, with restrained gold detailing. */
html body .site-footer.wr-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:32px 32px 0 0!important;
  background:#072137!important;
  overflow:hidden!important;
}
html body .site-footer.wr-footer::before{
  content:""!important;
  display:block!important;
  height:2px!important;
  width:100%!important;
  max-width:1240px!important;
  margin:-1px auto 42px!important;
  background:linear-gradient(90deg,transparent 0%,#c6a365 23%,#dfbf82 50%,#c6a365 77%,transparent 100%)!important;
  opacity:.78!important;
}
html body .site-footer.wr-footer .footer-brand{
  color:#fff!important;
  letter-spacing:-.025em!important;
}
html body .site-footer.wr-footer .wr-footer-columns nav h2{
  color:#e2bc79!important;
  font-weight:650!important;
}
html body .site-footer.wr-footer .footer-legal{
  border-top:1px solid rgba(218,178,110,.34)!important;
}
html body .site-footer.wr-footer a:hover,
html body .site-footer.wr-footer a:focus-visible{
  color:#f0d49d!important;
}
@media(max-width:699px){
  html body .site-footer.wr-footer{
    border-radius:24px 24px 0 0!important;
    padding:32px 22px 28px!important;
  }
  html body .site-footer.wr-footer::before{
    margin:-1px auto 26px!important;
  }
}


/* Warm, restrained living-space palette — no extra decorative clutter. */
:root{--wr-warm-paper:#faf7f1;--wr-warm-surface:#fffdf9;--wr-warm-line:#e7dfd2;--wr-soft-gold:#c5a36a}
html body:has(.home-benefits){
  background:var(--wr-warm-paper)!important;
}
html body:has(.home-benefits) main#woningzoeken{
  background:var(--wr-warm-paper)!important;
}
html body:has(.home-benefits) .housing-results{
  background:var(--wr-warm-paper)!important;
}
html body:has(.home-benefits) .search-panel{
  background:var(--wr-warm-surface)!important;
  border-color:var(--wr-warm-line)!important;
  box-shadow:0 12px 36px rgba(33,41,46,.075)!important;
}
html body:has(.home-benefits) .search-panel .filters>div:is(.search-location,.search-radius,.search-type,.search-rent),
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
  background:#fcfaf6!important;
  border-color:var(--wr-warm-line)!important;
}
html body:has(.home-benefits) .housing-results .card{
  background:var(--wr-warm-surface)!important;
  border-color:var(--wr-warm-line)!important;
}
html body:has(.home-benefits) .results-header .offer-heading{
  color:#072137!important;
}
html body:has(.home-benefits) .results-header .offer-heading::after{
  content:""!important;display:block!important;width:48px!important;height:2px!important;
  background:var(--wr-soft-gold)!important;margin-top:9px!important;border-radius:3px!important;
}
html body:has(.home-benefits) .search-panel :is(input,select,button,summary):focus-visible{
  outline:2px solid #bd995f!important;outline-offset:2px!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .housing-results{background:var(--wr-warm-paper)!important}
}


/* Listings are fully measured for a stable document height during native scrollbar dragging.
   Pagination already limits the number of rendered cards; avoid intrinsic-size estimates
   that change the scrollbar range while scrolling. */


/* Quiet pagination and balanced footer — use existing brand blue unchanged. */
html body #resultPagination{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;gap:9px!important;padding:22px 0 8px!important;
}
html body #resultPagination .pagination-number{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:43px!important;height:43px!important;min-width:43px!important;
 padding:0!important;margin:0!important;border:1px solid #d9dfe2!important;
 border-radius:11px!important;background:#fffdf9!important;
 color:#18384e!important;font:600 15px/1 'DM Sans',Arial,sans-serif!important;
 box-shadow:none!important;cursor:pointer!important;
}
html body #resultPagination .pagination-number:is(:hover,:focus-visible){
 border-color:#ba985c!important;background:#fbf5e9!important;
}
html body #resultPagination .pagination-number.is-current{
 color:#fff!important;border-color:var(--wr-hero-navy,#072137)!important;
 background:var(--wr-hero-navy,#072137)!important;
}
html body #resultPagination .pagination-number:focus-visible{
 outline:2px solid #ba985c!important;outline-offset:3px!important;
}
html body .site-footer.wr-footer{border-radius:25px 25px 0 0!important}
html body .site-footer.wr-footer::before{
 height:1px!important;opacity:.42!important;margin-bottom:34px!important;
}
html body .site-footer.wr-footer .wr-footer-columns{
 align-items:start!important;
}
html body .site-footer.wr-footer .footer-legal{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:12px 26px!important;
}
html body .site-footer.wr-footer .footer-legal .cookie-link{
 display:inline!important;position:static!important;margin:0!important;
 padding:0!important;opacity:1!important;font-size:inherit!important;
}
@media(max-width:699px){
 html body #resultPagination{gap:7px!important}
 html body #resultPagination .pagination-number{width:40px!important;height:40px!important;min-width:40px!important}
 html body .site-footer.wr-footer{border-radius:20px 20px 0 0!important}
}


/* Compact, accessible map source credits, in WoonRadar's own visual language. */
.map-section .wr-map-frame{position:relative}
.map-section .wr-map-frame .wr-map-info{
 position:absolute;right:13px;bottom:13px;z-index:600;
 font-family:'DM Sans',Arial,sans-serif;
}
.map-section .wr-map-frame:has(#woningMap[hidden]) .wr-map-info{display:none!important}
.map-section .wr-map-info summary{
 display:grid;place-items:center;width:29px;height:29px;list-style:none;
 border-radius:50%;border:1px solid rgba(7,33,55,.17);
 background:#fffdfa;color:#072137;
 font:700 15px/1 Georgia,serif;cursor:pointer;
 box-shadow:0 2px 9px rgba(7,33,55,.15);
}
.map-section .wr-map-info summary::-webkit-details-marker{display:none}
.map-section .wr-map-info summary:focus-visible{outline:2px solid #bd995f;outline-offset:3px}
.map-section .wr-map-info-panel{
 position:absolute;bottom:39px;right:0;
 width:min(265px,calc(100vw - 68px));padding:13px 15px;
 border-radius:13px;background:#fffdfa;color:#072137;
 box-shadow:0 9px 26px rgba(7,33,55,.18);
 border:1px solid #e9e1d5;font-size:12px;line-height:1.5;
}
.map-section .wr-map-info-panel p{margin:6px 0!important;color:#52616c!important;font-size:12px!important}
.map-section .wr-map-info-panel a{color:#184d73!important}
.map-section #woningMap .leaflet-control-attribution{
 background:rgba(255,253,249,.93)!important;
 color:#41515e!important;font:500 10px/1.25 'DM Sans',Arial,sans-serif!important;
 padding:4px 7px!important;border-radius:8px 0 0 0!important;
 box-shadow:none!important;max-width:calc(100% - 62px)!important;
 white-space:normal!important;
}
.map-section #woningMap .leaflet-control-attribution a{color:#153957!important;text-decoration:none!important}
.map-section #woningMap .leaflet-control-attribution a:hover{text-decoration:underline!important}


/* Restore pronounced warm-gold footer detail while preserving existing navy. */
html body .site-footer.wr-footer::before{
  height:3px!important;opacity:1!important;
  background:linear-gradient(90deg,transparent,#c49a55 15%,#e1bf7d 50%,#c49a55 85%,transparent)!important;
  margin:-1px auto 34px!important;
}
html body .site-footer.wr-footer .wr-footer-motto{
 color:#d9b77b!important;opacity:1!important;
 font:400 13px/1.55 'DM Sans',Arial,sans-serif!important;
 margin:8px 0 0!important;letter-spacing:.01em!important;
}
html body .site-footer.wr-footer .footer-legal .footer-cookie-preferences{
 position:static!important;display:inline-flex!important;
 align-items:center!important;float:none!important;
 margin:0!important;padding:0!important;
 color:#e0ebf3!important;text-decoration:none!important;
 font:inherit!important;opacity:1!important;
}
html body .site-footer.wr-footer .footer-legal .footer-cookie-preferences:hover{
 color:#e1bf7d!important;text-decoration:underline!important;
}


/* Pagination control: numerals stay centered, results count selector on right. */
html body .wr-pagination-row{
 position:relative;display:grid;grid-template-columns:1fr auto 1fr;
 align-items:center;gap:12px;margin:18px 0 20px;
}
html body .wr-pagination-row #resultPagination{
 grid-column:2;margin:0!important;padding:8px 0!important;
}
html body .wr-pagination-row .wr-page-size{
 grid-column:3;justify-self:end;display:inline-flex;align-items:center;
 gap:9px;white-space:nowrap;color:#506070;
 font:500 13px/1.4 'DM Sans',Arial,sans-serif;
}
html body .wr-pagination-row .wr-page-size select{
 appearance:auto;min-height:40px;padding:7px 9px;
 border:1px solid #d9dfe2;border-radius:10px;
 background:#fffdf9;color:#072137;
 font:600 14px/1.3 'DM Sans',Arial,sans-serif;
 cursor:pointer;box-shadow:none;
}
html body .wr-pagination-row .wr-page-size select:focus-visible{
 outline:2px solid #bd995f;outline-offset:2px;
}
@media(max-width:699px){
 html body .wr-pagination-row{
  display:flex;flex-direction:column;gap:4px;align-items:stretch;
 }
 html body .wr-pagination-row #resultPagination{align-self:center}
 html body .wr-pagination-row .wr-page-size{align-self:flex-end;margin-right:3px}
}


/* Map: same royal deep navy as WoonRadar, never bright generic marker blue. */
html body #woningMap .map-group-marker,
html body #woningMap .map-group-marker span,
html body #woningMap .marker-cluster div,
html body #woningMap .marker-cluster span {
 background:#072137!important;
 background-color:#072137!important;
 color:#fff!important;
}
html body #woningMap .map-group-marker,
html body #woningMap .marker-cluster{
 border:2px solid #fffdfa!important;
 box-shadow:0 2px 9px rgba(7,33,55,.23)!important;
 border-radius:999px!important;
}
html body #woningMap .map-price-marker:not(.map-group-marker) span{
 color:#072137!important;
 border-color:#072137!important;
}
html body .map-section .wr-map-info summary {
 width:31px!important;height:31px!important;
 font:600 17px/1 Georgia,serif!important;
 color:#072137!important;
}
/* OSM credit must remain visible on the map; make it unobtrusive.
   The copyright icon above expands the detailed information. */
html body .map-section #woningMap .leaflet-control-attribution {
 padding:3px 6px!important;
 border-radius:7px 0 0 0!important;
 font-size:10px!important;
 max-width:calc(100% - 55px)!important;
}


/* Definitive footer alignment: cookie is an ordinary inline action in legal nav. */
html body .site-footer.wr-footer .wr-footer-columns .wr-footer-motto{
 display:block!important;color:#d9b77b!important;
 font:400 13px/1.55 'DM Sans',Arial,sans-serif!important;
 margin:8px 0 0!important;opacity:1!important;
}
html body .site-footer.wr-footer nav.footer-legal{
 display:flex!important;align-items:center!important;
 justify-content:flex-start!important;flex-flow:row wrap!important;
 gap:12px 26px!important;
}
html body .site-footer.wr-footer nav.footer-legal .wr-footer-cookie-action{
 display:inline-flex!important;align-items:center!important;
 position:static!important;float:none!important;
 background:transparent!important;border:0!important;
 padding:0!important;margin:0!important;
 width:auto!important;min-width:0!important;min-height:0!important;
 color:#e0ebf3!important;font:inherit!important;line-height:inherit!important;
 text-transform:none!important;letter-spacing:normal!important;
 box-shadow:none!important;border-radius:0!important;
 cursor:pointer!important;white-space:nowrap!important;opacity:1!important;
}
html body .site-footer.wr-footer nav.footer-legal .wr-footer-cookie-action:hover,
html body .site-footer.wr-footer nav.footer-legal .wr-footer-cookie-action:focus-visible{
 color:#e1bf7d!important;text-decoration:underline!important;
}


/* Map cluster styles: explicitly target the actual Leaflet divIcon inner span. */
html body #woningMap .leaflet-marker-icon.map-price-marker.map-group-marker > span,
html body #woningMap .map-price-marker.map-group-marker > span{
 background:#072137!important;background-color:#072137!important;
 color:#fff!important;border:2px solid #fffdfa!important;
 box-shadow:0 3px 12px rgba(7,33,55,.24)!important;
 border-radius:50%!important;
}
html body .map-section #woningMap .leaflet-control-attribution{
 font:500 10px/1.25 'DM Sans',Arial,sans-serif!important;
 padding:4px 7px!important;
 border:1px solid rgba(7,33,55,.12)!important;
 border-radius:9px 0 0 0!important;
 background:rgba(255,253,249,.9)!important;
 color:#072137!important;
 max-width:calc(100% - 15px)!important;
 white-space:nowrap!important;
}
html body .map-section #woningMap .leaflet-control-attribution a{
 color:#072137!important;
}
html body .map-section .wr-map-info {
 right:12px!important;bottom:40px!important;
}
html body .map-section .wr-map-info summary{
 border-radius:50%!important;background:#fffdfa!important;
 color:#072137!important;
}

/* Map controls: softer coordinated royal navy for clusters and the map toggle. */
html body #woningMap .leaflet-marker-icon.map-price-marker.map-group-marker > span,
html body #woningMap .map-price-marker.map-group-marker > span,
html body #woningMap .marker-cluster div,
html body #woningMap .marker-cluster span{
 background:#103752!important;background-color:#103752!important;color:#fff!important;
}
html body .map-section #mapToggle,
html body .map-section .map-top #mapToggle{
 background:#103752!important;background-color:#103752!important;
 border-color:#103752!important;color:#fff!important;
}
html body .map-section #mapToggle:hover{background:#092a47!important}
html body .map-section #mapToggle:focus-visible{outline:2px solid #c5a36a!important;outline-offset:3px!important}


/* Single map-credit control: retain accessible © disclosure, remove legacy attribution UI. */
html body #woningMap .leaflet-control-attribution,
html body .map-section #woningMap .leaflet-control-attribution{
 display:none!important;
}
html body .map-section .wr-map-frame .wr-map-info{
 right:12px!important;bottom:12px!important;z-index:850!important;
}


/* Footer final: legal actions on the same desktop line, including cookie preferences. */
@media(min-width:900px){
 html body footer.site-footer.wr-footer nav.footer-legal{
  display:flex!important;flex-flow:row nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:clamp(12px,1.6vw,27px)!important;
  width:100%!important;
 }
 html body footer.site-footer.wr-footer nav.footer-legal > *{
  flex:0 0 auto!important;width:auto!important;max-width:none!important;
  margin:0!important;white-space:nowrap!important;
 }
}
html body footer.site-footer.wr-footer nav.footer-legal > button.wr-footer-cookie-action{
 display:inline-flex!important;flex:0 0 auto!important;align-self:center!important;
 width:auto!important;max-width:max-content!important;
 min-width:0!important;min-height:0!important;
 white-space:nowrap!important;position:static!important;
 margin:0!important;padding:0!important;
 background:none!important;border:0!important;
 box-shadow:none!important;font:inherit!important;color:#e0ebf3!important;
}
html body footer.site-footer.wr-footer .wr-footer-columns .wr-footer-motto{
 color:#d9b77b!important;-webkit-text-fill-color:#d9b77b!important;
 opacity:1!important;
}

/* Keep final legal links paired at all screen widths, instead of orphaning cookie preferences. */
html body footer.site-footer.wr-footer nav.footer-legal .wr-footer-legal-last{
 display:inline-flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:flex-start!important;
 gap:18px!important;flex:0 0 auto!important;
 white-space:nowrap!important;width:auto!important;
 margin:0!important;padding:0!important;
}
html body footer.site-footer.wr-footer nav.footer-legal .wr-footer-legal-last > a,
html body footer.site-footer.wr-footer nav.footer-legal .wr-footer-legal-last > button{
 display:inline-flex!important;align-items:center!important;
 position:static!important;width:auto!important;
 margin:0!important;padding:0!important;
 white-space:nowrap!important;font:inherit!important;
}
@media(min-width:900px){
 html body footer.site-footer.wr-footer nav.footer-legal{
  gap:12px 18px!important;flex-wrap:wrap!important;
 }
 html body footer.site-footer.wr-footer nav.footer-legal > .wr-footer-legal-last{
  flex:0 0 auto!important;
 }
}

/* One unambiguous footer layout. Every legal link (including cookie preferences)
   is a regular anchor in the same grid row on desktop. */
@media(min-width:900px){
 html body footer.site-footer.wr-footer nav.footer-legal{
  display:grid!important;
  grid-template-columns:repeat(6,max-content)!important;
  grid-template-rows:1fr!important;
  justify-content:start!important;align-content:center!important;
  align-items:center!important;
  column-gap:clamp(12px,1.6vw,24px)!important;
  row-gap:0!important;flex-flow:unset!important;flex-wrap:unset!important;
  overflow:visible!important;white-space:nowrap!important;
  width:100%!important;max-width:100%!important;
 }
 html body footer.site-footer.wr-footer nav.footer-legal>a{
  display:block!important;grid-row:1!important;
  margin:0!important;padding:0!important;width:max-content!important;
  max-width:none!important;white-space:nowrap!important;
  font:400 12px/1.5 'DM Sans',Arial,sans-serif!important;
 }
}
@media(max-width:899px){
 html body footer.site-footer.wr-footer nav.footer-legal{
  display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;
  justify-content:flex-start!important;gap:12px 18px!important;
  overflow:visible!important;white-space:normal!important;
 }
 html body footer.site-footer.wr-footer nav.footer-legal>a{
  display:inline-block!important;flex:0 0 auto!important;
  width:auto!important;margin:0!important;padding:0!important;
 }
}

/* Homepage footer finish: centered legal text, warm gold motto, minimal light gap. */
html body:has(.home-benefits) main:has(+ footer.site-footer.wr-footer) {
 padding-bottom:12px!important;
 margin-bottom:0!important;
}
html body:has(.home-benefits) footer.site-footer.wr-footer {
 margin-top:0!important;
}
html body footer.site-footer.wr-footer .wr-footer-columns .wr-footer-motto {
 color:#d9b77b!important;
 -webkit-text-fill-color:#d9b77b!important;
 opacity:1!important;
}
@media(min-width:900px) {
 html body footer.site-footer.wr-footer nav.footer-legal {
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(12px,1.6vw,24px)!important;
  width:100%!important;
  max-width:100%!important;
 }
 html body footer.site-footer.wr-footer nav.footer-legal > a {
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  white-space:nowrap!important;
 }
}
@media(max-width:899px){
 html body footer.site-footer.wr-footer nav.footer-legal{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px 18px!important;
  text-align:center!important;
 }
}

/* Footer cleanup — one navy section, no duplicate bar above it. */
html body:has(.home-benefits) main#woningzoeken {
  background-color:#faf7f1!important;
  border-bottom:0!important;
  box-shadow:none!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
html body:has(.home-benefits) main#woningzoeken > .housing-results,
html body:has(.home-benefits) .housing-results {
  border-bottom:0!important;
  box-shadow:none!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
html body:has(.home-benefits) .wr-pagination-row {
  margin-bottom:18px!important;
}
html body:has(.home-benefits) footer.site-footer.wr-footer {
  margin-top:0!important;
  border-top:0!important;
  outline:0!important;
  box-shadow:none!important;
}
/* Restore the original elegant inner gold line; avoid any extra bar outside the footer. */
html body:has(.home-benefits) footer.site-footer.wr-footer::before {
  content:""!important;
  display:block!important;
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  height:2px!important;
  margin:-1px auto 32px!important;
  background:linear-gradient(90deg,transparent 0%,#c49a55 17%,#e1bf7d 50%,#c49a55 83%,transparent 100%)!important;
  opacity:.82!important;
  border:0!important;
  pointer-events:none!important;
}
@media(max-width:699px){
  html body:has(.home-benefits) footer.site-footer.wr-footer::before{
    margin-bottom:23px!important;
  }
}
html body footer.site-footer.wr-footer .wr-footer-columns .wr-footer-motto,
html body footer.site-footer.wr-footer .wr-footer-motto {
  color:#d9b77b!important;
  -webkit-text-fill-color:#d9b77b!important;
  opacity:1!important;
}
html body footer.site-footer.wr-footer nav.footer-legal > a:is(:hover,:focus-visible),
html body footer.site-footer.wr-footer nav.footer-legal > a:is(:hover,:focus-visible):is(:link,:visited) {
  color:#e1bf7d!important;
  -webkit-text-fill-color:#e1bf7d!important;
  text-decoration:underline!important;
  text-decoration-color:#e1bf7d!important;
  text-underline-offset:4px!important;
}