/* Extra responsive verbeteringen voor alle pagina's */
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;color:#006994}
.filter-toggle,.filters-close,.filter-backdrop{display:none}

/* De categorielinks zijn bewust niet zichtbaar in de compacte header. */
header.container nav{display:none!important}

/* Header zonder container-marges of vaste tussenruimte. */
header.container{width:100%;min-width:0;height:auto;min-height:62px;margin:0;padding:10px 20px;background:#fafafa}
header .brand{min-width:0;flex:1 1 auto;white-space:nowrap}
header .account-links{display:flex;flex:0 0 auto;align-items:center;gap:6px}
header .account-links .button{min-height:34px;padding:0 10px;border-radius:7px;font-size:.76rem;line-height:1;white-space:nowrap}

@media (max-width:900px){
  header.container{padding:10px 20px}
  .listing-layout{display:block;padding-bottom:48px}
  .filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:0 0 16px;border:1px solid #006994;border-radius:9px;background:#fff;color:#006994;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
  .filters-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:#eef6f8;color:#006994;font-size:1.3rem;line-height:1;cursor:pointer}
  .filters{display:block;position:fixed;right:0;bottom:0;left:0;z-index:30;max-height:calc(100dvh - 24px);margin:0;overflow-y:auto;border:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -10px 35px rgba(16,24,32,.2);transform:translateY(110%);transition:transform .22s ease;visibility:hidden}
  .filters.is-open{transform:translateY(0);visibility:visible}
  .filters-head{position:sticky;top:0;z-index:1;padding:18px 19px 15px;background:#fff;border-bottom:1px solid #dce4e8}
  .filters-head b{font-size:1rem}.filters-head .reset{margin-left:auto;margin-right:12px}
  .filters .filter-block{margin:0 19px}.filters .filter-block:last-child{padding-bottom:26px}
  .filter-backdrop.is-visible{display:block;position:fixed;inset:0;z-index:20;border:0;background:rgba(16,24,32,.48);cursor:pointer}
  .results-bar{margin-bottom:17px}
}
@media (max-width:560px){
  header.container{min-height:54px;padding:10px 20px}
  header .brand{gap:6px;font-size:.94rem;letter-spacing:-.55px}
  header .brand-icon{width:24px;height:24px}
  header .account-links{gap:4px}
  header .account-links .button{min-height:30px;padding:0 6px;border-radius:6px;font-size:.65rem}
  .property-image{height:205px}.property-content{padding:14px}
  .page-title{padding:20px 0}.page-title p{font-size:.93rem}
  .results-bar{gap:10px}.results-bar p{font-size:.88rem}.select-small{width:100%;height:44px}
  .site-footer .footer-bottom span:last-child{flex-wrap:wrap}
}
@media (max-width:360px){
  header.container{padding:10px 20px}
  header .brand{gap:5px;font-size:.84rem;letter-spacing:-.65px}
  header .brand-icon{width:21px;height:21px}
  header .account-links{gap:3px}
  header .account-links .button{min-height:28px;padding:0 4px;font-size:.59rem}
}