/* WoonRadar primary color: deep navy throughout every page. */
:root{--wr-hero-navy:#05083F;--wr-primary:#05083F;--royal-blue:#05083F;--brand-blue:#05083F;--primary:#05083F;--navy:#05083F;--blue:#05083F}
body{--wr-hero-navy:#05083F;--wr-primary:#05083F;accent-color:#05083F}
header .brand,header .logo,header a.brand,main h1,main h2,main h3{color:#05083F}
a:not(.action):not(.button):not(.btn):not([role=button]){text-decoration-color:rgba(7,33,55,.34)}
a:hover{color:#164a6d}
:is(button,.action,.btn,[type=submit],.primary-button,.primary-btn):not(.secondary):not(.ghost):not(.outline):not(.mobile-menu-toggle){background-color:#05083F;color:#fff}
:is(button,.action,.btn,[type=submit],.primary-button,.primary-btn):not(.secondary):not(.ghost):not(.outline):not(.mobile-menu-toggle):hover{background-color:#10165C}
:is(input,textarea,select,button,a):focus-visible{outline-color:#315c7d}
body[data-page="/contact"] .help-compose{background:#fffdfa!important;box-shadow:0 9px 29px rgba(7,33,55,.05)!important}
body[data-page="/contact"] .help-compose form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px!important;align-items:start}
body[data-page="/contact"] .help-compose form>label{margin:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0}
body[data-page="/contact"] .help-compose form>label:first-child,
body[data-page="/contact"] .help-compose form>label:has(textarea),
body[data-page="/contact"] .help-compose form>.service-form-note,
body[data-page="/contact"] .help-compose form>button,
body[data-page="/contact"] .help-compose form>#serviceResult{grid-column:1/-1}
body[data-page="/contact"] .help-compose form :is(input,select,textarea){margin:0!important;width:100%!important;border:1px solid #d9dedf!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease}
body[data-page="/contact"] .help-compose form :is(input,select,textarea):focus{border-color:#315c7d!important;outline:2px solid rgba(7,33,55,.12)!important;outline-offset:0}
body[data-page="/contact"] .help-compose form>.service-form-note{margin:0!important;font-size:12px!important;line-height:1.55!important;color:#657383!important}
body[data-page="/contact"] .help-compose form>button{justify-self:start!important;min-width:175px!important;margin:0!important;padding:12px 24px!important;background:#05083F!important;color:#fff!important;border-radius:10px!important}
body[data-page="/contact"] .help-compose form>#serviceResult:empty{display:none}
@media(max-width:640px){body[data-page="/contact"] .help-compose form{grid-template-columns:minmax(0,1fr);gap:14px!important}body[data-page="/contact"] .help-compose form>*{grid-column:1/-1!important}body[data-page="/contact"] .help-compose form>button{width:100%!important}}


/* Restrained warmth: deep navy remains primary; champagne gold is an accent. */
:root{--wr-warm-paper:#faf7f0;--wr-warm-card:#fffdf9;--wr-champagne:#b99a60;--wr-warm-border:#e7ded0}
body{background-color:var(--wr-warm-paper)}
body[data-page] main{background-color:transparent}
body[data-page] article,body[data-page] .help-compose{border-color:var(--wr-warm-border)!important}
body[data-page] .breadcrumb{color:#776e63}
body[data-page] footer{border-top-color:var(--wr-warm-border)}
body[data-page] main h2::after{content:none}
html body:has(.home-benefits) .search-panel{background:var(--wr-warm-card)!important}
html body:has(.home-benefits) .housing-results{background:var(--wr-warm-paper)!important}
html body:has(.home-benefits) .search-panel .filters>div:is(.search-location,.search-radius,.search-type,.search-rent){background:#fffdf9!important;border-color:var(--wr-warm-border)!important}
html body:has(.home-benefits) .search-panel .filters>div:is(.search-location,.search-radius,.search-type,.search-rent):focus-within{border-color:var(--wr-champagne)!important;box-shadow:0 0 0 2px rgba(185,154,96,.13)!important}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){background:#fffdf9!important;border-color:var(--wr-warm-border)!important}
html body:has(.home-benefits) .housing-results .card{border-color:var(--wr-warm-border)!important}
html body:has(.home-benefits) .housing-results .card:hover{border-color:#d1bea0!important}
/* The footer's tapered ::before is the sole gold decoration; do not paint another border. */
html body:has(.home-benefits) .site-footer.wr-footer,
html body .site-footer.wr-footer{border-top:0!important}
@media(prefers-reduced-motion:reduce){html body:has(.home-benefits) .housing-results .card{transition:none!important}}


/* Reference typography: elegant, lighter editorial serif instead of heavy Georgia. */
html body:has(.home-benefits) .hero :is(h1,h1 span),
html body:has(.home-benefits) .hero-copy :is(h1,h1 span){
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-weight:500!important;font-synthesis:none!important;
 font-size:clamp(55px,6.4vw,91px)!important;
 line-height:.99!important;letter-spacing:-.028em!important;
 color:#05083F!important;
}
html body:has(.home-benefits) .hero p{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:clamp(16px,1.25vw,20px)!important;line-height:1.48!important;
 font-weight:500!important;letter-spacing:-.015em!important;
}
html body:has(.home-benefits) .search-panel :is(label,.filters>div>label,.search-rent::before),
html body:has(.home-benefits) .search-panel .quick-filters label{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:12px!important;font-weight:600!important;
 line-height:17px!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(select,input:not([type=checkbox])){
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:15px!important;font-weight:500!important;
 line-height:22px!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .home-benefits,
html body:has(.home-benefits) .home-benefits :is(h3,p,strong),
html body:has(.home-benefits) .wr-nav a{
 font-family:'DM Sans',Arial,sans-serif!important;
 letter-spacing:0!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero :is(h1,h1 span),
 html body:has(.home-benefits) .hero-copy :is(h1,h1 span){
  font-size:clamp(43px,10.5vw,60px)!important;line-height:1.01!important;
 }
 html body:has(.home-benefits) .hero p{font-size:16px!important}
}


/* Definitive photograph-to-navy curve. One painted edge, desktop + mobile. */
html body:has(.home-benefits) main#woningzoeken{background:#05083F!important}
html body:has(.home-benefits) .hero{
 position:relative!important;isolation:isolate!important;
 overflow:hidden!important;border-radius:0!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 mask:none!important;-webkit-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;
 width:100%!important;height:clamp(68px,10vw,142px)!important;
 z-index:1!important;pointer-events:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 mask:none!important;-webkit-mask:none!important;
 background-color:transparent!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 180' preserveAspectRatio='none'%3E%3Cpath d='M0 45 C220 45 295 150 500 150 C705 150 780 45 1000 45 L1000 180 L0 180 Z' fill='%23072137'/%3E%3C/svg%3E")!important;
 background-position:bottom center!important;background-size:100% 100%!important;
 background-repeat:no-repeat!important;
}
html body:has(.home-benefits) .search-panel{position:relative!important;z-index:5!important}
html body:has(.home-benefits) .home-benefits{background:#05083F!important}
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken{background:#05083F!important}
 html body:has(.home-benefits) .hero::after{height:80px!important}
 html body:has(.home-benefits) .search-panel{margin-bottom:0!important}
 html body:has(.home-benefits) .housing-results{background:#faf7f0!important}
}


/* Reference-inspired coherent editorial typography, all viewports. */
:root{--wr-font-display:'Cormorant Garamond',Georgia,serif;--wr-font-ui:'DM Sans',Arial,sans-serif}
html body{font-family:var(--wr-font-ui)!important;font-weight:400;letter-spacing:-.01em}
html body :is(button,input,select,textarea,label,nav){font-family:var(--wr-font-ui)!important}
html body:has(.home-benefits) .hero h1,
html body:has(.home-benefits) .hero h1 span{
 font-family:var(--wr-font-display)!important;font-weight:600!important;
 font-synthesis:none!important;letter-spacing:-.025em!important;
 line-height:.94!important;font-size:clamp(60px,6.1vw,90px)!important;
 color:#05083F!important;
}
html body:has(.home-benefits) .hero p{
 font-family:var(--wr-font-ui)!important;font-size:clamp(17px,1.45vw,23px)!important;
 font-weight:400!important;letter-spacing:-.015em!important;line-height:1.45!important;
}
html body:has(.home-benefits) :is(.offer-heading,.results-header h2){
 font-family:var(--wr-font-display)!important;font-weight:600!important;
 font-size:clamp(32px,3vw,43px)!important;line-height:1.12!important;
 letter-spacing:-.02em!important;
}
html body:has(.home-benefits) .search-panel .filters :is(label,#city,#radius,#typeSummary,#rentSummary),
html body:has(.home-benefits) .search-panel .quick-filters :is(label,select,input),
html body:has(.home-benefits) .home-benefits :is(strong,p,span),
html body:has(.home-benefits) .results-header p,
html body:has(.home-benefits) .wr-nav a{
 font-family:var(--wr-font-ui)!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .filters>div>label{
 font-size:12px!important;font-weight:500!important;line-height:17px!important;
}
html body:has(.home-benefits) .search-panel .filters :is(#city,#radius,#typeSummary,#rentSummary){
 font-size:15px!important;font-weight:500!important;line-height:22px!important;
}
html body:has(.home-benefits) .home-benefits strong{font-size:14px!important;font-weight:650!important}
html body:has(.home-benefits) .home-benefits p{font-size:13px!important;font-weight:400!important;line-height:1.55!important}
body[data-page] main :is(h1,h2,h3){font-family:var(--wr-font-display)!important;font-weight:600!important;letter-spacing:-.02em!important}
@media(max-width:699px){
 html body:has(.home-benefits) .hero h1,
 html body:has(.home-benefits) .hero h1 span{
  font-size:clamp(44px,10vw,61px)!important;line-height:.99!important;
 }
 html body:has(.home-benefits) .hero p{font-size:16px!important}
}


/* Quiet gold signature above the hero's introductory sentence. */
html body:has(.home-benefits) .hero .hero-copy>p::before{
 content:""!important;display:block!important;width:43px!important;height:2px!important;
 margin:0 0 13px!important;border:0!important;border-radius:2px!important;
 background:#c8a460!important;box-shadow:none!important;
}
html body:has(.home-benefits) .hero .hero-copy>p{
 margin-top:22px!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero .hero-copy>p::before{
  width:37px!important;margin-bottom:10px!important;
 }
}


/* Broad, organic transition from navy benefits band into warm listings. */
html body:has(.home-benefits) main#woningzoeken{
 background:#05083F!important;
}
html body:has(.home-benefits) .home-benefits{
 position:relative!important;
 z-index:1!important;
 background:#05083F!important;
 padding-bottom:clamp(48px,6vw,88px)!important;
 border-radius:0!important;
}
html body:has(.home-benefits) .housing-results{
 position:relative!important;
 z-index:2!important;
 isolation:isolate!important;
 background:#faf7f0!important;
 border-radius:clamp(32px,5.5vw,78px) clamp(32px,5.5vw,78px) 0 0!important;
 margin-top:-35px!important;
 padding-top:clamp(28px,3.5vw,46px)!important;
 box-shadow:none!important;
}
html body:has(.home-benefits) .housing-results::before,
html body:has(.home-benefits) .housing-results::after{
 content:none!important;display:none!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .home-benefits{
  padding-bottom:0!important;margin:0!important;
 }
 html body:has(.home-benefits) .housing-results{
  margin-top:0!important;
  border-radius:36px 36px 0 0!important;
  padding-top:28px!important;
 }
}


/* Listings live on a full-width warm canvas, never inside a navy frame. */
html body:has(.home-benefits){background:#faf7f0!important}
html body:has(.home-benefits) main#woningzoeken{
 background:#faf7f0!important;
 border:0!important;outline:0!important;box-shadow:none!important;
}
html body:has(.home-benefits) .hero{background-color:#05083F!important}
html body:has(.home-benefits) .home-benefits{background:#05083F!important}
html body:has(.home-benefits) .housing-results{
 background:#faf7f0!important;border:0!important;outline:0!important;
 box-shadow:none!important;width:100%!important;max-width:none!important;
}
html body:has(.home-benefits) .housing-results :is(.results-header,#grid,#resultPagination){
 background-color:transparent!important;
}
/* Elegant editorial typography for listings and pagination. */
html body:has(.home-benefits) .results-header :is(h2,.offer-heading){
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-size:clamp(32px,3.1vw,43px)!important;
 font-weight:600!important;letter-spacing:-.025em!important;
}
html body:has(.home-benefits) #resultPagination{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:12px!important;margin:28px auto!important;
 font-family:'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) #resultPagination .pagination-status{
 font:500 14px/1.4 'DM Sans',Arial,sans-serif!important;color:#526778!important;
 min-width:106px!important;text-align:center!important;
}
html body:has(.home-benefits) #resultPagination .pagination-arrow{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:42px!important;height:42px!important;min-height:42px!important;
 padding:0!important;border-radius:12px!important;
 border:1px solid #ded8ce!important;background:#fffdfa!important;color:#05083F!important;
 font:500 19px/1 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) #resultPagination .pagination-arrow:disabled{
 opacity:.4!important;cursor:not-allowed!important;
}


/* Royal Burgundy: one restrained decorative accent, never a primary action. */
:root{--wr-royal-burgundy:#641c26}
html body:has(.home-benefits) .results-header .offer-heading::after,
html body:has(.home-benefits) .results-header h2::after{
 content:""!important;display:block!important;
 width:34px!important;height:2px!important;margin:9px 0 0!important;
 border:0!important;border-radius:2px!important;
 background:var(--wr-royal-burgundy)!important;
}


/* Explicit navy SVG transition, not a rounded rectangular section. */
html body:has(.home-benefits) .home-benefits{
 padding-bottom:20px!important;margin-bottom:0!important;
 border-radius:0!important;
}
html body:has(.home-benefits) .wr-navy-curve{
 display:block!important;position:relative!important;
 height:clamp(72px,9vw,132px)!important;
 line-height:0!important;overflow:hidden!important;
 width:100%!important;margin:0!important;padding:0!important;
 background:#faf7f0!important;
}
html body:has(.home-benefits) .wr-navy-curve svg{
 display:block!important;width:100%!important;height:100%!important;
}
html body:has(.home-benefits) .housing-results{
 margin-top:0!important;
 padding-top:clamp(16px,3vw,34px)!important;
 border-radius:0!important;background:#faf7f0!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .home-benefits{padding-bottom:14px!important}
 html body:has(.home-benefits) .wr-navy-curve{height:74px!important}
 html body:has(.home-benefits) .housing-results{margin-top:0!important;border-radius:0!important}
}


/* Homepage finishing: uninterrupted navy behind filters, flat lower edge. */
html body:has(.home-benefits) main#woningzoeken{background:#05083F!important;overflow-x:clip!important}
html body:has(.home-benefits) .wr-navy-curve{display:none!important}
html body:has(.home-benefits) .home-benefits{
 background:#05083F!important;border-radius:0!important;
 margin:0!important;padding-bottom:clamp(30px,4vw,54px)!important;
}
html body:has(.home-benefits) .search-panel{background:#fffdf9!important}
html body:has(.home-benefits) .housing-results{
 position:relative!important;left:50%!important;transform:translateX(-50%)!important;
 width:100vw!important;max-width:100vw!important;
 margin:0!important;border-radius:0!important;
 background:#faf7f0!important;
 padding:clamp(28px,3vw,48px) max(20px,calc((100vw - 1600px)/2 + 36px)) 55px!important;
 box-sizing:border-box!important;
}
html body:has(.home-benefits) .housing-results::before,
html body:has(.home-benefits) .housing-results::after{content:none!important;display:none!important}
html body:has(.home-benefits) .results-alert-link{
 background:#05083F!important;border:1px solid #05083F!important;
 color:#fff!important;box-shadow:none!important;
 font-family:'DM Sans',Arial,sans-serif!important;
 font-weight:600!important;
}
html body:has(.home-benefits) .results-alert-link:hover{background:#10165C!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:11px!important;align-items:stretch!important;width:100%!important;
 border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 grid-column:auto!important;grid-row:auto!important;
 min-height:72px!important;height:auto!important;
 padding:10px 14px!important;gap:2px!important;
 border:1px solid #e7ded0!important;border-radius:12px!important;
 background:#fffdf9!important;box-shadow:none!important;box-sizing:border-box!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(label,.outdoor-choice){
 color:#627485!important;font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 margin:0!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(input:not([type=checkbox]),select){
 display:block!important;max-width:100%!important;width:100%!important;
 height:34px!important;min-height:34px!important;
 margin:2px 0 0!important;padding:4px 8px 4px 0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 color:#05083F!important;box-shadow:none!important;
 font:500 15px/24px 'DM Sans',Arial,sans-serif!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 .more-filters-body .quick-filters .search-outdoor :is(.search-field-icon){display:none!important}
@media(min-width:700px) and (max-width:1050px){
 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}
 html body:has(.home-benefits) .housing-results{padding:30px 18px 45px!important}
 html body:has(.home-benefits) .home-benefits{padding-bottom:25px!important}
}


/* Unified warm rounded filter cards. Keep existing search logic and grid breakpoints. */
html body:has(.home-benefits) .search-panel .filters> :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){
 border:1px solid #e0cfb5!important;border-radius:15px!important;
 background:#fffdf9!important;box-shadow:none!important;
 box-sizing:border-box!important;min-width:0!important;
}
html body:has(.home-benefits) .search-panel .filters> :is(.search-location,.search-radius,.search-type,.search-rent){
 min-height:69px!important;padding:9px 15px!important;
}
html body:has(.home-benefits) .search-panel .filters> :is(.search-location,.search-radius,.search-type,.search-rent):focus-within,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field):focus-within{
 border-color:#c8a460!important;box-shadow:0 0 0 2px rgba(200,164,96,.11)!important;
}
html body:has(.home-benefits) .search-panel .filters>div>label,
html body:has(.home-benefits) .search-panel .quick-filters :is(label,.outdoor-choice){
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 letter-spacing:0!important;color:#637586!important;
}
html body:has(.home-benefits) .search-panel .filters :is(#city,#radius,#typeSummary,#rentSummary),
html body:has(.home-benefits) .search-panel .quick-filters :is(select,input:not([type=checkbox])){
 font:500 15px/23px 'DM Sans',Arial,sans-serif!important;
 color:#05083F!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
 min-height:69px!important;padding:9px 15px!important;border-radius:15px!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(select,input:not([type=checkbox])){
 border:0!important;background:transparent!important;box-shadow:none!important;
 min-height:28px!important;height:30px!important;padding:0!important;margin:3px 0 0!important;
}
html body:has(.home-benefits) .search-panel .search-type,
html body:has(.home-benefits) .search-panel .search-rent{position:relative!important}
html body:has(.home-benefits) .search-panel .search-type .type-popover,
html body:has(.home-benefits) .search-panel .search-rent .price-popover{
 left:0!important;right:auto!important;width:100%!important;
 min-width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;border:1px solid #e0cfb5!important;
 border-radius:15px!important;background:#fffdf9!important;
 box-shadow:0 10px 25px rgba(7,33,55,.1)!important;
 padding:11px!important;z-index:60!important;
}
html body:has(.home-benefits) .search-panel .type-popover label{
 display:flex!important;align-items:center!important;gap:12px!important;
 min-height:43px!important;font:500 14px/1.35 'DM Sans',Arial,sans-serif!important;
 color:#05083F!important;
}
html body:has(.home-benefits) .search-panel .type-popover input[type=checkbox]{
 width:20px!important;height:20px!important;flex-shrink:0!important;accent-color:#05083F!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .search-panel .filters> :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){
  border-radius:14px!important;min-height:65px!important;
 }
}


/* Popovers anchor to the entire filter card, not to the summary's intrinsic width. */
html body:has(.home-benefits) .search-panel .search-type>.type-picker,
html body:has(.home-benefits) .search-panel .search-rent>.price-picker{
 position:static!important;width:100%!important;min-width:0!important;
}
html body:has(.home-benefits) .search-panel .search-type .type-popover,
html body:has(.home-benefits) .search-panel .search-rent .price-popover{
 position:absolute!important;top:calc(100% + 7px)!important;
 left:0!important;right:auto!important;width:100%!important;min-width:100%!important;
}
html body:has(.home-benefits) .search-panel .search-type,
html body:has(.home-benefits) .search-panel .search-rent{position:relative!important}


/* Single gentle photographic-to-navy wave: centred behind the overlapping search card. */
html body:has(.home-benefits) .hero{
 overflow:visible!important;isolation:isolate!important;
 position:relative!important;z-index:1!important;
}
html body:has(.home-benefits) .hero .hero-copy{
 position:relative!important;z-index:3!important;
}
html body:has(.home-benefits) .hero::after{
 content:""!important;display:block!important;pointer-events:none!important;
 position:absolute!important;left:0!important;right:0!important;
 bottom:-64px!important;width:100%!important;height:154px!important;
 z-index:2!important;opacity:1!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background-color:transparent!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 154' preserveAspectRatio='none'%3E%3Cpath d='M0 44 C235 42 352 79 500 80 C648 81 765 42 1000 44 L1000 154 L0 154 Z' fill='%23072137'/%3E%3C/svg%3E")!important;
 background-size:100% 100%!important;background-position:center bottom!important;
 background-repeat:no-repeat!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 mask:none!important;-webkit-mask:none!important;
}
html body:has(.home-benefits) .search-panel{
 position:relative!important;z-index:10!important;
}
html body:has(.home-benefits) .home-benefits{
 position:relative!important;z-index:2!important;background:#05083F!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero::after{
  bottom:-35px!important;height:94px!important;
 }
}


/* Elegant WoonRadar wordmark: harmonize with editorial serif headings. */
html body .wr-header .wr-brand>span{
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-size:clamp(31px,2.6vw,42px)!important;
 font-weight:600!important;line-height:.96!important;
 letter-spacing:-.035em!important;color:#05083F!important;
 white-space:nowrap!important;
}
html body .wr-header .wr-brand>span>small{
 display:block!important;margin-top:7px!important;
 font:400 10px/1.3 'DM Sans',Arial,sans-serif!important;
 letter-spacing:.035em!important;color:#566a7b!important;
}
html body .wr-header .wr-brand{text-decoration:none!important;gap:11px!important}
@media(max-width:699px){
 html body .wr-header .wr-brand>span{font-size:30px!important}
 html body .wr-header .wr-brand>span>small{font-size:9px!important}
}


/* Single DOM-backed curve — disable every legacy pseudo-curve. */
html body:has(.home-benefits) .hero::after{content:none!important;display:none!important;background:none!important}
html body:has(.home-benefits) .hero{
 position:relative!important;isolation:isolate!important;
 overflow:visible!important;clip-path:none!important;-webkit-clip-path:none!important;
}
html body:has(.home-benefits) .hero .hero-copy{position:relative!important;z-index:3!important}
html body:has(.home-benefits) .hero>.wr-hero-wave{
 display:block!important;position:absolute!important;
 left:0!important;bottom:-1px!important;width:100%!important;
 height:clamp(88px,12vw,164px)!important;z-index:2!important;
 overflow:visible!important;pointer-events:none!important;
}
html body:has(.home-benefits) .search-panel{position:relative!important;z-index:10!important}
@media(max-width:699px){
 html body:has(.home-benefits) .hero>.wr-hero-wave{height:94px!important}
}


/* Homepage visual correction: restrained navy band and compact matching filters. */
:root{--wr-primary:#05083F;--wr-warm-border:#e7ded0;--wr-warm-card:#fffdf9}
/* SVG hero curve remains visible; removed obsolete suppression. */
html body:has(.home-benefits) .hero::after{display:none!important;content:none!important}
html body:has(.home-benefits) .home-benefits{
 background:#05083F!important;color:#fff!important;
 min-height:0!important;height:auto!important;
 padding-top:22px!important;padding-bottom:26px!important;
 margin:0!important;border:0!important;border-radius:0!important;
}
html body:has(.home-benefits) .housing-results{
 margin-top:0!important;border-radius:0!important;background:#faf7f0!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;
 align-items:stretch!important;gap:10px!important;width:100%!important;
 border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 grid-column:auto!important;grid-row:auto!important;gap:2px!important;
 min-height:70px!important;height:auto!important;padding:9px 14px!important;
 border:1px solid #e7ded0!important;border-radius:14px!important;
 background:#fffdf9!important;box-shadow:none!important;box-sizing:border-box!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(label,.outdoor-choice){
 margin:0!important;color:#66798a!important;
 font:600 12px/16px 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(select,input:not([type=checkbox])){
 width:100%!important;max-width:100%!important;height:28px!important;min-height:28px!important;
 margin:2px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 font:500 15px/22px 'DM Sans',Arial,sans-serif!important;color:#05083F!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 .more-filters-body .quick-filters .search-field-icon{display:none!important}
html body:has(.home-benefits) .search-panel .extra-filters .wr-independent-toggle{
 background:#fffdf9!important;border-color:#e7ded0!important;border-radius:14px!important;
}
html body:has(.home-benefits) .results-alert-link{
 background:#05083F!important;border-color:#05083F!important;color:#fff!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}
 html body:has(.home-benefits) .home-benefits{padding-bottom:20px!important}
}


/* Calmer editorial hero title: confident without dominating the photograph. */
html body:has(.home-benefits) .hero h1,
html body:has(.home-benefits) .hero h1 span,
html body:has(.home-benefits) .hero .hero-copy h1,
html body:has(.home-benefits) .hero .hero-copy h1 span{
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-size:clamp(48px,4.5vw,68px)!important;
 font-weight:500!important;line-height:1.01!important;
 letter-spacing:-.023em!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero h1,
 html body:has(.home-benefits) .hero h1 span,
 html body:has(.home-benefits) .hero .hero-copy h1,
 html body:has(.home-benefits) .hero .hero-copy h1 span{
  font-size:clamp(36px,8.1vw,48px)!important;line-height:1.05!important;
 }
}


/* Homepage final consistency: compact, single-layer filter cards. */
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;border:0!important;background:transparent!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;
 min-height:68px!important;height:auto!important;display:flex!important;
 flex-direction:column!important;justify-content:center!important;
 background:#fffdf9!important;border:1px solid #e7ded0!important;
 border-radius:14px!important;box-shadow:none!important;
 padding:8px 14px!important;gap:0!important;box-sizing:border-box!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .search-outdoor label.outdoor-choice,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>label{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 color:#647789!important;margin:0!important;padding:0!important;
 width:100%!important;max-width:100%!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(select,input:not([type=checkbox])){
 width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;
 margin:2px 0 0!important;padding:0 20px 0 0!important;
 border:0!important;outline-offset:2px!important;border-radius:0!important;
 background-color:transparent!important;box-shadow:none!important;
 font:500 15px/23px 'DM Sans',Arial,sans-serif!important;color:#05083F!important;
 box-sizing:border-box!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 .more-filters-body .quick-filters .search-field-icon{
 display:none!important;
}
html body:has(.home-benefits) .search-panel .extra-filters .wr-independent-toggle{
 min-height:68px!important;border:1px solid #e7ded0!important;
 border-radius:14px!important;background:#fffdf9!important;
 padding:9px 14px!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .extra-filters .wr-independent-switch{
 flex-shrink:0!important;
}
html body .wr-header .wr-brand>span{line-height:1!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:minmax(0,1fr)!important;
 }
}


/* Independent-home toggle shares the advanced-filter grid, not a separate oversized row. */
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters{
 display:block!important;grid-column:auto!important;grid-row:auto!important;
 width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:center!important;gap:5px!important;min-height:68px!important;
 margin:0!important;padding:8px 14px!important;box-sizing:border-box!important;
 border:1px solid #e7ded0!important;border-radius:14px!important;
 background:#fffdf9!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters .wr-independent-title{
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;color:#647789!important;
}


/* Legible, understated hero subtitle against the Groningen photograph. */
html body:has(.home-benefits) .hero .hero-copy>p{
 color:#102b41!important;
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:clamp(16px,1.35vw,19px)!important;
 font-weight:600!important;line-height:1.45!important;
 letter-spacing:0!important;
 text-shadow:0 1px 5px rgba(255,253,248,.9),0 0 14px rgba(255,253,248,.85)!important;
 opacity:1!important;
 max-width:520px!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero .hero-copy>p{
  font-size:16px!important;line-height:1.45!important;
 }
}


/* One consistent royal navy across benefits and the listing toolbar. */
html body:has(.home-benefits) .home-benefits{
 background-color:#05083F!important;color:#fff!important;
}
html body:has(.home-benefits) .results-alert-link,
html body:has(.home-benefits) .results-views>button[aria-pressed="true"]{
 background:#05083F!important;border-color:#05083F!important;color:#fff!important;
 box-shadow:none!important;
}
html body:has(.home-benefits) .results-views>button[aria-pressed="false"]{
 background:#fffdf9!important;border:1px solid #e7ded0!important;color:#05083F!important;
 box-shadow:none!important;
}


/* Compact price picker: preserve native choices, remove oversized internal controls. */
html body:has(.home-benefits) .search-panel .search-rent .price-popover{
 width:min(340px,calc(100vw - 32px))!important;
 min-width:0!important;max-width:calc(100vw - 32px)!important;
 padding:12px!important;gap:9px!important;
 box-sizing:border-box!important;border:1px solid #e7ded0!important;
 border-radius:14px!important;background:#fffdf9!important;
}
html body:has(.home-benefits) .search-panel .search-rent .price-popover>div{
 min-width:0!important;margin:0!important;padding:0!important;
}
html body:has(.home-benefits) .search-panel .search-rent .price-popover label{
 display:block!important;font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 color:#647789!important;margin:0 0 4px!important;
}
html body:has(.home-benefits) .search-panel .search-rent .price-popover select,
html body:has(.home-benefits) .search-panel .search-rent .price-popover input:not([hidden]){
 min-width:0!important;width:100%!important;max-width:100%!important;
 height:39px!important;min-height:39px!important;padding:0 10px!important;
 border:1px solid #e7ded0!important;border-radius:9px!important;
 background:#fff!important;box-shadow:none!important;color:#05083F!important;
 font:500 14px/20px 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel .search-rent .price-popover button{
 min-height:36px!important;height:36px!important;margin:3px 0 0!important;
 border-radius:9px!important;padding:0 15px!important;
 background:#05083F!important;color:#fff!important;
 font:600 13px/20px 'DM Sans',Arial,sans-serif!important;
}
@media(min-width:700px){
 html body:has(.home-benefits) .search-panel .search-rent .price-popover{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:10px!important;row-gap:10px!important;
 }
 html body:has(.home-benefits) .search-panel .search-rent .price-popover>button{
  grid-column:1/-1!important;
 }
}


/* Accessible custom radius menu: opens strictly BELOW the control. */
html body:has(.home-benefits) .search-panel .search-radius{position:relative!important;overflow:visible!important}
html body:has(.home-benefits) .search-panel .search-radius #radius.wr-radius-native-hidden{display:none!important}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-dropdown{position:relative!important;width:100%!important;min-width:0!important;z-index:55!important}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-trigger{
 display:block!important;width:100%!important;min-height:34px!important;
 padding:0 24px 0 0!important;text-align:left!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 color:#05083F!important;box-shadow:none!important;
 font:500 15px/24px 'DM Sans',Arial,sans-serif!important;cursor:pointer!important;
}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-options{
 position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;
 left:-12px!important;right:auto!important;width:calc(100% + 24px)!important;
 min-width:170px!important;max-height:260px!important;overflow-y:auto!important;
 border:1px solid #e7ded0!important;border-radius:12px!important;
 background:#fffdf9!important;box-shadow:0 12px 28px rgba(7,33,55,.14)!important;
 padding:5px!important;z-index:100!important;box-sizing:border-box!important;
}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-options[hidden]{display:none!important}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-options button{
 display:block!important;width:100%!important;padding:8px 11px!important;
 background:transparent!important;border:0!important;border-radius:7px!important;
 text-align:left!important;color:#05083F!important;cursor:pointer!important;
 font:500 14px/20px 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-options button:is(:hover,:focus-visible),
html body:has(.home-benefits) .search-panel .search-radius .wr-radius-options button[aria-selected="true"]{
 background:#f1ede4!important;
}


/* Clear homepage introduction and navigation without translucent hover boxes. */
html body:has(.home-benefits) .hero .hero-copy>p{
 font-family:'DM Sans',Arial,sans-serif!important;font-size:clamp(17px,1.5vw,20px)!important;
 font-weight:500!important;line-height:1.45!important;letter-spacing:-.01em!important;
 color:#05083F!important;text-shadow:0 1px 3px #fffdf9,0 0 12px rgba(255,253,249,.96)!important;
}
html body:has(.home-benefits) .wr-header .wr-account,
html body:has(.home-benefits) .wr-header .wr-language,
html body:has(.home-benefits) .wr-header .wr-language select{
 background:transparent!important;background-color:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 border-color:transparent!important;
}
html body:has(.home-benefits) .wr-header .wr-account:is(:hover,:focus-visible),
html body:has(.home-benefits) .wr-header .wr-language:is(:hover,:focus-within),
html body:has(.home-benefits) .wr-header .wr-language select:is(:hover,:focus-visible){
 background:transparent!important;background-color:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;border-color:transparent!important;
}
html body:has(.home-benefits) .wr-header .wr-account,
html body:has(.home-benefits) .wr-header .wr-language select{
 color:#05083F!important;
 font-family:'DM Sans',Arial,sans-serif!important;
}


/* Header cleanup: suppress any legacy tagline generated beneath the brand. */
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-brand>span>small,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-brand>span::after,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-brand::after{
 display:none!important;content:none!important;
}
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-brand>span{
 display:block!important;line-height:1!important;
}
/* Exactly match plain navigation hover styling for Account and NL. */
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-account:hover,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-account:focus-visible,
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:hover,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select:hover,
html:not([data-view]) body:has(.home-benefits) header.wr-header .wr-language select:focus-visible{
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 border-color:transparent!important;
}


/* Unified advanced filter cards: one border per field, no nested controls. */
html body:has(.home-benefits) .search-panel .more-filters-body,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{
 background:transparent!important;border:0!important;box-shadow:none!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;padding:0!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,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 min-height:66px!important;height:66px!important;padding:9px 14px!important;
 border:1px solid #e7ded0!important;border-radius:13px!important;
 background:#fffdf9!important;box-shadow:none!important;box-sizing:border-box!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{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 gap:1px!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .outdoor-choice,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>label{
 padding:0!important;margin:0!important;border:0!important;
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;color:#657789!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(select,input:not([type=checkbox])){
 appearance:auto!important;-webkit-appearance:auto!important;
 display:block!important;width:100%!important;max-width:100%!important;
 height:28px!important;min-height:28px!important;margin:0!important;
 padding:0!important;border:0!important;border-radius:0!important;
 outline-offset:3px!important;background:transparent!important;box-shadow:none!important;
 font:500 15px/26px 'DM Sans',Arial,sans-serif!important;color:#05083F!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 .more-filters-body .quick-filters>.extra-filters{
 grid-column:auto!important;grid-row:auto!important;margin:0!important;
 padding:0!important;border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:flex-start!important;gap:5px!important;margin:0!important;
}
html body:has(.home-benefits) .search-panel .search-secondary .search-submit-row,
html body:has(.home-benefits) .search-panel .search-secondary .save-row{
 margin-top:8px!important;margin-bottom:0!important;min-height:0!important;
 padding:0!important;
}
html body:has(.home-benefits) .search-panel .search-secondary{padding-bottom:8px!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:minmax(0,1fr)!important}
}


/* Match all six advanced cards to the top four controls precisely. */
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters{
 border:0!important;outline:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!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,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 height:69px!important;min-height:69px!important;max-height:69px!important;
 padding:9px 15px!important;border:1px solid #e0cfb5!important;
 border-radius:15px!important;background:#fffdf9!important;box-shadow:none!important;
 box-sizing:border-box!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(.outdoor-choice,.advanced-field>label,.wr-independent-title){
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;
 color:#637586!important;letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters :is(select,input:not([type=checkbox])){
 font:500 15px/22px 'DM Sans',Arial,sans-serif!important;
 height:29px!important;min-height:29px!important;border:0!important;
 background:transparent!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field):focus-within,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle:focus-within{
 border-color:#c8a460!important;box-shadow:0 0 0 2px rgba(200,164,96,.11)!important;
}


/* Tighten the cream gap and align housing heading with action controls. */
@media(min-width:900px){
 html body:has(.home-benefits) .housing-results{
  padding-top:18px!important;
 }
 html body:has(.home-benefits) .housing-results .results-header{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto auto!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;column-gap:12px!important;row-gap:7px!important;
  margin-top:0!important;padding-top:0!important;
 }
 html body:has(.home-benefits) .results-header .offer-heading{
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  margin:0!important;
 }
 html body:has(.home-benefits) .results-header .results-alert-link{
  grid-column:2!important;grid-row:1!important;align-self:center!important;
 }
 html body:has(.home-benefits) .results-header .results-views{
  grid-column:3!important;grid-row:1!important;align-self:center!important;
 }
 html body:has(.home-benefits) .results-header .sort-control{
  grid-column:4!important;grid-row:1!important;align-self:center!important;
 }
 html body:has(.home-benefits) .results-header #count{
  grid-column:1!important;grid-row:2!important;margin:0!important;
 }
 html body:has(.home-benefits) .results-header .new-only-toggle{
  grid-column:1/-1!important;grid-row:3!important;margin:3px 0 0!important;
 }
}


/* Keep the decorative wave below the elevated search card on every viewport. */
html body:has(.home-benefits) .hero > svg.wr-hero-wave{
 height:clamp(38px,5vw,62px)!important;
 bottom:-1px!important;
 z-index:1!important;
 pointer-events:none!important;
}
html body:has(.home-benefits) .search-panel{
 position:relative!important;
 z-index:10!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero > svg.wr-hero-wave{
  height:35px!important;
 }
}


/* Advanced filters v2 — one shell per control, identical to primary cards. */
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;padding:0!important;margin:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
 overflow:visible!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,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:stretch!important;gap:2px!important;
 min-height:69px!important;height:69px!important;max-height:69px!important;
 padding:8px 14px!important;margin:0!important;overflow:visible!important;
 border:1px solid #e0cfb5!important;border-radius:15px!important;
 background:#fffdf9!important;box-shadow:none!important;box-sizing:border-box!important;
 position:relative!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor>.outdoor-choice{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 width:100%!important;border:0!important;background:transparent!important;
 padding:0!important;margin:0!important;gap:2px!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>label,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .outdoor-choice,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-independent-title{
 font:600 12px/17px 'DM Sans',Arial,sans-serif!important;color:#637586!important;
 letter-spacing:0!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters select.wr-enhanced-native{display:none!important}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-picker{
 position:relative!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-trigger{
 display:block!important;width:100%!important;height:29px!important;min-height:29px!important;
 margin:0!important;padding:0 22px 0 0!important;border:0!important;outline-offset:3px!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:#05083F!important;text-align:left!important;cursor:pointer!important;
 font:500 15px/23px 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-menu{
 position:absolute!important;top:calc(100% + 7px)!important;bottom:auto!important;
 left:-14px!important;width:calc(100% + 28px)!important;max-height:230px!important;
 padding:5px!important;overflow-y:auto!important;box-sizing:border-box!important;
 border:1px solid #e0cfb5!important;border-radius:12px!important;
 background:#fffdf9!important;box-shadow:0 10px 24px rgba(6,29,49,.14)!important;
 z-index:120!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-menu[hidden]{display:none!important}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-menu button{
 display:block!important;width:100%!important;margin:0!important;padding:9px 11px!important;
 border:0!important;border-radius:7px!important;background:transparent!important;
 text-align:left!important;font:500 14px/20px 'DM Sans',Arial,sans-serif!important;color:#05083F!important;cursor:pointer!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-menu button:is(:hover,:focus-visible,[aria-selected="true"]){background:#f1ede4!important}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters{overflow:visible!important}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 align-items:flex-start!important;gap:4px!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .advanced-field>input:not([hidden]){
 height:29px!important;min-height:29px!important;border:0!important;
 padding:0!important;margin:0!important;background:transparent!important;
 box-shadow:none!important;font:500 15px/23px 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body{overflow:visible!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:minmax(0,1fr)!important}
}
/* Slightly deeper royal-navy shade requested for the benefits band. */
html body:has(.home-benefits) .home-benefits{background:#05083F!important}


/* Remove the light hairline under the homepage's navy benefits band. */
html body:has(.home-benefits) .home-benefits{
 border-bottom:12px solid #05083F!important;
 box-shadow:none!important;
 background-clip:border-box!important;
}
html body:has(.home-benefits) .housing-results{
 border-top:0!important;
}


/* Warm, subtle overlay: preserve detail in the real Groningen photo. */
html body:has(.home-benefits) .hero::before{
 content:""!important;display:block!important;position:absolute!important;
 inset:0!important;z-index:1!important;pointer-events:none!important;
 background:linear-gradient(90deg,
 rgba(250,247,240,.52) 0%,
 rgba(250,247,240,.28) 22%,
 rgba(250,247,240,.09) 38%,
 rgba(250,247,240,0) 57%)!important;
 opacity:1!important;box-shadow:none!important;
}
html body:has(.home-benefits) .hero .hero-copy{position:relative!important;z-index:3!important}
/* A gold active indicator on Account, matching other primary links. */
html body header.wr-header .wr-account{position:relative!important}
html body header.wr-header .wr-account[aria-current="page"]::after{
 content:""!important;display:block!important;position:absolute!important;
 height:2px!important;left:0!important;right:0!important;bottom:-13px!important;
 border-radius:2px!important;background:#c8a460!important;
 box-shadow:none!important;pointer-events:none!important;
}


/* Unified primary navigation: consistent spacing, type, hover and active states. */
html body header.wr-header :is(.wr-links>a,.wr-account,.wr-language select){
 position:relative!important;
 font:600 15px/22px 'DM Sans',Arial,sans-serif!important;
 letter-spacing:0!important;color:#05083F!important;
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 text-decoration:none!important;
}
html body header.wr-header :is(.wr-links>a,.wr-account,.wr-language select):is(:hover,:focus-visible){
 background:transparent!important;background-color:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;color:#05083F!important;
}
html body header.wr-header :is(.wr-links>a,.wr-account){
 position:relative!important;
}
html body header.wr-header :is(.wr-links>a,.wr-account)::after{
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;right:0!important;bottom:-13px!important;height:2px!important;
 background:#c8a460!important;border-radius:2px!important;
 transform:scaleX(0)!important;transform-origin:center!important;
 transition:transform .18s ease!important;pointer-events:none!important;
}
html body header.wr-header :is(.wr-links>a,.wr-account):is(:hover,:focus-visible,[aria-current="page"])::after{
 transform:scaleX(1)!important;
}
html body header.wr-header .wr-language{
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body header.wr-header .wr-language select{
 cursor:pointer!important;
}
@media(prefers-reduced-motion:reduce){
 html body header.wr-header :is(.wr-links>a,.wr-account)::after{transition:none!important}
}


/* Keep each housing card's source and advert link anchored at the same baseline. */
html body:has(.home-benefits) .housing-results .card{
 display:flex!important;flex-direction:column!important;
}
html body:has(.home-benefits) .housing-results .card>.content{
 display:flex!important;flex-direction:column!important;
 flex:1 1 auto!important;min-height:0!important;
}
html body:has(.home-benefits) .housing-results .card .card-footer{
 margin-top:auto!important;padding-top:12px!important;
 display:flex!important;align-items:end!important;justify-content:space-between!important;
 gap:10px!important;
}
html body:has(.home-benefits) .housing-results .card .card-footer .source{
 margin:0!important;min-height:0!important;
}
html body:has(.home-benefits) .housing-results .card .card-footer .bottom{
 margin:0!important;flex-shrink:0!important;
}


/* Definitive advanced-picker visibility repair: no duplicate native control or collapsed menu items. */
html body:has(.home-benefits) .search-panel .quick-filters select.wr-enhanced-native,
html body:has(.home-benefits) .search-panel .quick-filters select#outdoorPreference.wr-enhanced-native,
html body:has(.home-benefits) .search-panel .quick-filters select#occupantsChoice.wr-enhanced-native,
html body:has(.home-benefits) .search-panel .quick-filters select#energyLabel.wr-enhanced-native,
html body:has(.home-benefits) .search-panel .quick-filters select#incomePolicy.wr-enhanced-native{
 display:none!important;visibility:hidden!important;position:absolute!important;
 width:0!important;height:0!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;
}
html body:has(.home-benefits) .search-panel .quick-filters .wr-advanced-menu[hidden],
html body:has(.home-benefits) .search-panel .quick-filters .wr-advanced-menu[hidden] button{
 display:none!important;visibility:hidden!important;
}
html body:has(.home-benefits) .search-panel .quick-filters .wr-advanced-picker{
 display:block!important;width:100%!important;height:29px!important;
 min-height:29px!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .quick-filters .wr-advanced-trigger{
 display:block!important;box-sizing:border-box!important;width:100%!important;
 min-height:29px!important;height:29px!important;padding:0 16px 0 0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;font:500 15px/29px 'DM Sans',Arial,sans-serif!important;
 color:#05083F!important;
}
html body:has(.home-benefits) .search-panel .quick-filters>.search-outdoor,
html body:has(.home-benefits) .search-panel .quick-filters>.advanced-field,
html body:has(.home-benefits) .search-panel .quick-filters>.extra-filters>.wr-independent-toggle{
 height:69px!important;min-height:69px!important;max-height:69px!important;
 padding:9px 15px!important;border:1px solid #e0cfb5!important;
 border-radius:15px!important;background:#fffdf9!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .quick-filters :is(.outdoor-choice,.wr-advanced-picker,.advanced-field>input:not([hidden])){
 outline:0!important;box-shadow:none!important;
}


/* Navigation underline: override legacy 7px signed-in status dot on Account. */
html body header.wr-header :is(.wr-links>a,.wr-account)::after{
 width:100%!important;min-width:100%!important;max-width:none!important;
 margin:0!important;box-sizing:border-box!important;
 border-radius:2px!important;height:2px!important;
}
html body header.wr-header .wr-account[data-signed-in="true"]::after{
 display:block!important;content:""!important;
 width:100%!important;height:2px!important;margin:0!important;
 border-radius:2px!important;background:#c8a460!important;
}


/* Advanced filter definitive geometry: labels above, values left, no nested rectangle. */
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,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.extra-filters>.wr-independent-toggle{
 height:69px!important;min-height:69px!important;max-height:69px!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 justify-content:center!important;gap:3px!important;
 padding:9px 15px!important;box-sizing:border-box!important;
 border:1px solid #e0cfb5!important;border-radius:15px!important;
 background:#fffdf9!important;box-shadow:none!important;overflow:visible!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor>.outdoor-choice{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 justify-content:center!important;gap:3px!important;width:100%!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>label,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.search-outdoor>.outdoor-choice,
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-independent-title{
 text-align:left!important;font:600 12px/17px 'DM Sans',Arial,sans-serif!important;color:#637586!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-picker{
 width:100%!important;height:25px!important;min-height:25px!important;
 margin:0!important;padding:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters .wr-advanced-trigger{
 display:block!important;width:100%!important;height:25px!important;min-height:25px!important;
 text-align:left!important;justify-content:flex-start!important;
 margin:0!important;padding:0 18px 0 0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 font:500 15px/25px 'DM Sans',Arial,sans-serif!important;color:#05083F!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>input:not([hidden]){
 display:block!important;position:static!important;width:100%!important;
 height:25px!important;min-height:25px!important;max-height:25px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;outline-offset:3px!important;
 font:500 15px/25px 'DM Sans',Arial,sans-serif!important;text-align:left!important;
}
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters>.advanced-field>input[hidden]{display:none!important}


/* Elegant compact benefits strip, with a seamless navy background. */
html body:has(.home-benefits) .home-benefits{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:clamp(16px,2.8vw,42px)!important;
 align-items:center!important;
 padding:25px clamp(28px,5.5vw,88px) 30px!important;
 border:0!important;box-shadow:none!important;
 background:#05083F!important;
}
html body:has(.home-benefits) .home-benefits>div{
 display:flex!important;align-items:center!important;
 gap:16px!important;min-width:0!important;
}
html body:has(.home-benefits) .home-benefits>div :is(svg,.benefit-icon){
 flex-shrink:0!important;
}
html body:has(.home-benefits) .home-benefits>div :is(h3,strong){
 margin:0 0 5px!important;line-height:1.35!important;
}
html body:has(.home-benefits) .home-benefits>div p{
 margin:0!important;line-height:1.45!important;
}
@media(max-width:1000px){
 html body:has(.home-benefits) .home-benefits{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
 }
}
@media(max-width:600px){
 html body:has(.home-benefits) .home-benefits{
  grid-template-columns:1fr!important;
  padding:24px 23px 27px!important;
  gap:17px!important;
 }
}


/* Hero headline: stronger editorial weight, like the supplied reference. */
html body:has(.home-benefits) .hero #hero-title,
html body:has(.home-benefits) .hero #hero-title span{
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-weight:700!important;
 letter-spacing:-.025em!important;
}


/* Reference-inspired filter icons: restrained, equal-scale navy line symbols. */
@media(min-width:700px){
 html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  position:relative!important;
  padding-left:42px!important;
 }
 html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;left:13px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:20px!important;height:22px!important;
  color:#164a70!important;pointer-events:none!important;
  font:500 22px/1 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon svg{
  width:21px!important;height:21px!important;display:block!important;
 }
}

/* Account navigation: suppress legacy pseudo status dot and draw full text-width gold rule. */
html body header.wr-header a.wr-account::after,
html body header.wr-header a.wr-account[data-signed-in="true"]::after{
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;right:0!important;width:auto!important;min-width:0!important;
 height:2px!important;bottom:-13px!important;margin:0!important;
 border:0!important;border-radius:2px!important;background:#c8a460!important;
 transform-origin:center!important;transform:scaleX(0)!important;
 transition:transform .18s ease!important;pointer-events:none!important;
}
html body header.wr-header a.wr-account:is([aria-current="page"],:hover,:focus-visible)::after,
html body header.wr-header a.wr-account[data-signed-in="true"]:is([aria-current="page"],:hover,:focus-visible)::after{
 transform:scaleX(1)!important;
}


/* Favorite heart rests directly on the listing image, never in a separate strip. */
html body .housing-results .card .image-wrap{
 position:relative!important;overflow:hidden!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions{
 position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
 z-index:5!important;display:flex!important;align-items:center!important;
 width:auto!important;height:auto!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
 background:rgba(255,253,249,.95)!important;color:#05083F!important;
 box-shadow:0 3px 11px rgba(7,33,55,.13)!important;
 cursor:pointer!important;transition:background .18s ease,transform .18s ease!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon svg{
 display:block!important;width:21px!important;height:21px!important;
 stroke:currentColor!important;fill:none!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon:hover{
 background:#fffdf9!important;transform:scale(1.06)!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon[aria-pressed="true"]{
 color:#862f43!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon[aria-pressed="true"] svg{
 fill:#862f43!important;stroke:#862f43!important;
}
html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon:focus-visible{
 outline:2px solid #c8a460!important;outline-offset:3px!important;
}
@media(max-width:699px){
 html body .housing-results .card .image-wrap>.workspace-card-actions{top:10px!important;right:10px!important}
 html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon{
  flex-basis:44px!important;width:44px!important;height:44px!important;min-width:44px!important;
  min-height:44px!important;
  touch-action:manipulation!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body .housing-results .card .image-wrap>.workspace-card-actions>.workspace-icon{transition:none!important}
}

/* Match the language picker underline to the primary navigation links. */
@media(min-width:768px){
 html body header.wr-header .wr-language{
  position:relative!important;isolation:isolate;
 }
 html body header.wr-header .wr-language::after{
  content:""!important;display:block!important;position:absolute!important;
  left:0!important;right:0!important;bottom:-13px!important;
  width:auto!important;height:2px!important;border-radius:2px!important;
  background:#c8a460!important;pointer-events:none!important;
  transform:scaleX(0)!important;transform-origin:center!important;
  transition:transform .18s ease!important;
 }
 html body header.wr-header .wr-language:is(:hover,:focus-within)::after{
  transform:scaleX(1)!important;
 }
}

/* Desktop woningtype: one label and one multi-select control, no mobile select overlay. */
@media(min-width:768px){
 html body .search-panel .filters > .search-type{
  position:relative!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:stretch!important;
  min-width:0!important;overflow:visible!important;
  padding:8px 40px 8px 15px!important;
 }
 html body .search-panel .filters > .search-type > label[for="propertyType"]{
  display:block!important;position:static!important;transform:none!important;
  margin:0 0 5px!important;padding:0!important;
  font-size:12px!important;line-height:1.25!important;
  height:auto!important;width:auto!important;clip:auto!important;
 }
 html body .search-panel .filters > .search-type > select.mobile-native-type,
 html body .search-panel .filters > .search-type > select#propertyType{
  display:none!important;visibility:hidden!important;
 }
 html body .search-panel .filters > .search-type > details.type-picker{
  display:block!important;position:static!important;width:100%!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
 }
 html body .search-panel .filters > .search-type > details.type-picker > summary{
  display:block!important;position:static!important;inset:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;line-height:1.45!important;
  font-size:16px!important;font-weight:500!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 html body .search-panel .filters > .search-type > details.type-picker > summary::after{
  display:none!important;content:none!important;
 }
 html body .search-panel .filters > .search-type > .search-field-icon{
  left:auto!important;right:14px!important;top:50%!important;
  transform:translateY(-50%)!important;position:absolute!important;
 }
}

/* Benefits: compact horizontal icon/text group, not four isolated vertically stacked cards. */
html body:has(.home-benefits) section.home-benefits{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:center!important;column-gap:clamp(22px,3vw,54px)!important;
 row-gap:22px!important;
 padding:27px clamp(35px,5vw,95px) 29px!important;
 background:#05083F!important;
}
html body:has(.home-benefits) section.home-benefits > div{
 display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 align-items:center!important;justify-items:start!important;
 column-gap:15px!important;row-gap:3px!important;
 text-align:left!important;min-width:0!important;
 margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;
}
html body:has(.home-benefits) section.home-benefits > div > .benefit-icon{
 grid-column:1!important;grid-row:1/span 2!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 width:48px!important;height:48px!important;margin:0!important;
 border-radius:50%!important;
}
html body:has(.home-benefits) section.home-benefits > div > strong{
 grid-column:2!important;grid-row:1!important;
 margin:0!important;font-size:14px!important;line-height:1.35!important;
 font-weight:600!important;
}
html body:has(.home-benefits) section.home-benefits > div > span:not(.benefit-icon){
 grid-column:2!important;grid-row:2!important;
 margin:0!important;font-size:12px!important;line-height:1.45!important;
 font-weight:400!important;
}
@media(max-width:1100px){
 html body:has(.home-benefits) section.home-benefits{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  padding:27px 38px!important;
 }
}
@media(max-width:600px){
 html body:has(.home-benefits) section.home-benefits{
  grid-template-columns:1fr!important;padding:24px 25px!important;row-gap:18px!important;
 }
}

/* Unified desktop search controls — icon left, label above current value. */
@media(min-width:768px){
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:stretch!important;
  position:relative!important;min-width:0!important;
  min-height:70px!important;height:70px!important;
  padding:10px 32px 10px 51px!important;
  overflow:visible!important;
 }
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon{
  position:absolute!important;left:16px!important;right:auto!important;
  top:50%!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:23px!important;height:23px!important;
  color:#164a70!important;pointer-events:none!important;
  font:500 23px/1 'DM Sans',Arial,sans-serif!important;
 }
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon svg{
  display:block!important;width:22px!important;height:22px!important;
 }
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label:not(.outdoor-choice){
  display:block!important;position:static!important;float:none!important;
  transform:none!important;clip:auto!important;visibility:visible!important;
  width:auto!important;height:auto!important;max-width:100%!important;
  margin:0 0 4px!important;padding:0!important;
  font:500 12px/1.25 'DM Sans',Arial,sans-serif!important;
  color:#567083!important;text-align:left!important;
 }
 html body .search-panel .filters > .search-rent > .wr-rent-field-label{display:block!important}
 html body .search-panel .filters > .search-type > select.mobile-native-type,
 html body .search-panel .filters > .search-type > select#propertyType{
  display:none!important;
 }
 html body .search-panel .filters > :is(.search-location,.search-radius) > :is(input,select),
 html body .search-panel .filters > .search-type > details.type-picker > summary,
 html body .search-panel .filters > .search-rent > details.price-picker > summary{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:25px!important;min-height:25px!important;
  margin:0!important;padding:0!important;
  position:relative!important;inset:auto!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
  font:500 16px/25px 'DM Sans',Arial,sans-serif!important;
  color:#05083F!important;text-align:left!important;
  text-overflow:ellipsis!important;overflow:hidden!important;
  white-space:nowrap!important;
 }
 html body .search-panel .filters > .search-type > details.type-picker,
 html body .search-panel .filters > .search-rent > details.price-picker{
  width:100%!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 html body .search-panel .filters > .search-type > details.type-picker > summary::after,
 html body .search-panel .filters > .search-rent > details.price-picker > summary::after{
  display:none!important;content:none!important;
 }
}

/* Homepage desktop navigation: identical text-to-text spacing and NL active underline.
   Account is styled as a text link here, not a padded button. */
@media(min-width:761px){
 html body:has(.home-benefits) header.wr-header .wr-nav{
  gap:30px!important;
  column-gap:30px!important;
 }
 html body:has(.home-benefits) header.wr-header .wr-nav > .wr-links{
  gap:30px!important;
  column-gap:30px!important;
  margin:0!important;
  padding:0!important;
 }
 html body:has(.home-benefits) header.wr-header .wr-nav > .wr-account{
  flex:0 0 auto!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  min-height:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
 }
 html body:has(.home-benefits) header.wr-header .wr-nav > .wr-language{
  flex:0 0 auto!important;
  position:relative!important;
  display:inline-flex!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
 }
 html body:has(.home-benefits) header.wr-header .wr-nav > .wr-language > select[data-language-picker]{
  display:block!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font:600 14px/1.4 'DM Sans',Arial,sans-serif!important;
  color:#05083F!important;
 }
 html body:has(.home-benefits) header.wr-header .wr-nav > .wr-language > .wr-language-gold-line{
  content:""!important;
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:-13px!important;
  width:100%!important;
  height:2px!important;
  margin:0!important;
  padding:0!important;
  background:#c8a460!important;
  border:0!important;
  border-radius:2px!important;
  transform:none!important;
  z-index:15!important;
  pointer-events:none!important;
 }
}

/* Groningen hero: keep photographic detail visible; warm, narrow readability fade. */
html body:has(.home-benefits) .hero {
 background-image:
  linear-gradient(90deg,
   rgba(248,243,234,.53) 0%,
   rgba(248,243,234,.36) 18%,
   rgba(248,243,234,.16) 34%,
   rgba(248,243,234,.04) 48%,
   rgba(248,243,234,0) 62%),
  url('/static/woonradar-hero-ulf-meyer.webp')!important;
 background-position:center center!important;
 background-size:cover!important;
}
html body:has(.home-benefits) .hero::before {
 background:linear-gradient(90deg,
  rgba(248,243,234,.18) 0%,
  rgba(248,243,234,.09) 24%,
  rgba(248,243,234,0) 44%)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .hero {
  background-image:
   linear-gradient(90deg,
    rgba(248,243,234,.68) 0%,
    rgba(248,243,234,.46) 40%,
    rgba(248,243,234,.12) 72%,
    rgba(248,243,234,0) 100%),
   url('/static/woonradar-hero-ulf-meyer.webp')!important;
  background-position:57% center!important;
 }
}

/* Account is a normal text navigation item, matching Woningen/Service/Premium exactly. */
html body header.wr-header .wr-nav > .wr-links > a,
html body header.wr-header .wr-nav > a.wr-account,
html body header.wr-header .wr-nav > a.wr-account:link,
html body header.wr-header .wr-nav > a.wr-account:visited,
html body header.wr-header .wr-nav > a.wr-account:is(:hover,:focus-visible) {
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 font:600 15px/22px 'DM Sans',Arial,sans-serif!important;
 opacity:1!important;
 text-decoration:none!important;
}

/* Language link behaves exactly like the other navigation links:
   neutral at rest, gold underline only on pointer hover or keyboard/click focus. */
@media(min-width:761px){
 html body header.wr-header .wr-nav > .wr-language {
  position:relative!important;
  display:inline-flex!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  height:44px!important;
  min-height:44px!important;
  align-self:center!important;
  align-items:center!important;
 }
 html body header.wr-header .wr-nav > .wr-language > select[data-language-picker] {
  display:block!important;
  width:auto!important;
  min-height:44px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-bottom:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#05083F!important;
  -webkit-text-fill-color:#05083F!important;
  font:600 15px/22px 'DM Sans',Arial,sans-serif!important;
  appearance:none!important;
  cursor:pointer!important;
 }
 html body header.wr-header .wr-nav > .wr-language > .wr-language-gold-line,
 html body header.wr-header .wr-nav > .wr-language::before {
  display:none!important;
  content:none!important;
 }
 html body header.wr-header .wr-nav > .wr-language::after {
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:0!important;
  right:0!important;
  bottom:-13px!important;
  width:auto!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:#c8a460!important;
  opacity:0!important;
  visibility:visible!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .18s ease,opacity .18s ease!important;
  pointer-events:none!important;
 }
 html body header.wr-header .wr-nav > .wr-language:is(:hover,:focus-within)::after {
  opacity:1!important;
  transform:scaleX(1)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body header.wr-header .wr-nav > .wr-language::after{transition:none!important}
}

/* Plain navigation text for Account, identical to the other three links. */
html body header.wr-header .wr-nav > a.wr-account,
html body header.wr-header .wr-nav > a.wr-account:link,
html body header.wr-header .wr-nav > a.wr-account:visited,
html body header.wr-header .wr-nav > a.wr-account:hover,
html body header.wr-header .wr-nav > a.wr-account:focus-visible,
html body header.wr-header .wr-nav > a.wr-account[aria-current]{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:15px!important;
 font-weight:600!important;
 line-height:22px!important;
 letter-spacing:0!important;
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 text-shadow:none!important;
 filter:none!important;
 background:none!important;
 background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 border:0!important;
 border-radius:0!important;
 padding:0!important;
 margin:0!important;
 opacity:1!important;
 text-decoration:none!important;
}
html body header.wr-header .wr-nav > a.wr-account::before{
 content:none!important;
 display:none!important;
}

/* Hero supporting line: clear contrast without a broad white haze over the photo. */
html body:has(.home-benefits) .hero .hero-copy > p{
 color:#061e32!important;
 -webkit-text-fill-color:#061e32!important;
 font:650 clamp(18px,1.5vw,21px)/1.45 'DM Sans',Arial,sans-serif!important;
 letter-spacing:0!important;
 text-shadow:0 1px 2px rgba(255,250,239,.95),0 0 6px rgba(255,250,239,.7)!important;
 opacity:1!important;
 max-width:550px!important;
}

/* Make heart-saving feedback readable after a mobile tap, rather than
   appending an invisible status message far beneath the listings. */
@media(max-width:699px){
 html body #favoriteStatus:not([hidden]){
  position:fixed!important;
  left:16px!important;
  right:16px!important;
  bottom:max(20px,env(safe-area-inset-bottom,0px))!important;
  z-index:9999!important;
  width:auto!important;
  max-width:540px!important;
  margin:0 auto!important;
  padding:13px 16px!important;
  border:1px solid #D8C6A8!important;
  border-radius:12px!important;
  background:#FFFDF9!important;
  color:#05083F!important;
  font:600 14px/1.45 'DM Sans',Arial,sans-serif!important;
  box-shadow:0 8px 28px rgba(5,8,63,.18)!important;
  pointer-events:none!important;
 }
}