/* WoonRadar · mobile search filters refresh — warm, clear and compact. */
@media (max-width:800px) {
  html body main#woningzoeken > .search-panel {
    box-sizing:border-box!important;
    margin:-72px 12px 0!important;
    padding:16px!important;
    border:1px solid #E8E0D4!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#FFFEFC 0%,#FBF8F2 100%)!important;
    box-shadow:0 15px 36px rgba(5,8,63,.13)!important;
  }
  html body main#woningzoeken > .search-panel .filters {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:0!important;
  }
  html body main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:74px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 11px 9px 43px!important;
    overflow:visible!important;
    border:1px solid #E7DFD2!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    box-shadow:0 2px 7px rgba(5,8,63,.035)!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-location {grid-column:1/-1!important}
  html body main#woningzoeken > .search-panel .filters > .search-radius {grid-column:1!important}
  html body main#woningzoeken > .search-panel .filters > .search-type {grid-column:2!important}
  html body main#woningzoeken > .search-panel .filters > .search-rent {grid-column:1/-1!important}
  html body main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon {
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:22px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    color:#A18452!important;
    font-size:18px!important;
    line-height:1!important;
    pointer-events:none!important;
  }
  html body main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type) > label,
  html body main#woningzoeken > .search-panel .filters > .search-rent > .wr-rent-field-label {
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 3px!important;
    padding:0!important;
    color:#8A7654!important;
    background:transparent!important;
    font:700 10px/1.25 'DM Sans',Arial,sans-serif!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-location > #city,
  html body main#woningzoeken > .search-panel .filters > .search-radius > #radius,
  html body main#woningzoeken > .search-panel .filters > .search-type > .mobile-native-type,
  html body main#woningzoeken > .search-panel .filters > .search-rent .price-picker > summary {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:0!important;
    outline-offset:2px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#05083F!important;
    font:500 16px/1.35 'DM Sans',Arial,sans-serif!important;
    text-align:left!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-location input {
    padding-right:4px!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-type .mobile-native-type {
    display:block!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-right:17px!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-type .type-picker {
    display:none!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-rent::before {
    display:none!important;
    content:none!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-rent .price-picker {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
  html body main#woningzoeken > .search-panel .filters > .search-rent .price-picker > summary {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
  }
  html body main#woningzoeken > .search-panel .filters > .primary-search {
    grid-column:1/-1!important;
    width:100%!important;
    min-height:54px!important;
    height:54px!important;
    max-height:54px!important;
    margin:2px 0 0!important;
    padding:0 16px!important;
    border:1px solid #05083F!important;
    border-radius:12px!important;
    background:#05083F!important;
    box-shadow:0 5px 13px rgba(5,8,63,.16)!important;
    color:#FFFFFF!important;
    font:700 15px/1.2 'DM Sans',Arial,sans-serif!important;
    letter-spacing:.01em!important;
  }
  html body main#woningzoeken > .search-panel .filters > .primary-search:active {
    transform:translateY(1px);
    box-shadow:0 2px 7px rgba(5,8,63,.14)!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters {
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters > summary {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:46px!important;
    padding:10px 13px!important;
    border:1px solid #E8E0D4!important;
    border-radius:11px!important;
    background:#F7F3EA!important;
    color:#05083F!important;
    font:600 13px/1.3 'DM Sans',Arial,sans-serif!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters > summary::-webkit-details-marker {display:none!important}
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters > summary::after {
    content:'+'!important;
    display:block!important;
    color:#A18452!important;
    font:400 21px/1 'DM Sans',Arial,sans-serif!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters[open] > summary::after {content:'−'!important}
  html body main#woningzoeken > .search-panel .search-secondary > .more-filters[open] > .more-filters-body {
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:10px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:74px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 10px 9px 39px!important;
    border:1px solid #E7DFD2!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) > .search-field-icon {
    position:absolute!important;
    left:11px!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:20px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    color:#A18452!important;
    pointer-events:none!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) label {
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 3px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#8A7654!important;
    font:700 10px/1.3 'DM Sans',Arial,sans-serif!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > :is(.search-outdoor,.advanced-field) :is(input:not([type=checkbox]),select):not([hidden]) {
    position:static!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#05083F!important;
    font:500 14px/1.3 'DM Sans',Arial,sans-serif!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > .search-outdoor .outdoor-choice {
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    width:100%!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra > .extra-filters {
    grid-column:1/-1!important;
    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 main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #E7DFD2!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    color:#05083F!important;
    font:600 13px/1.3 'DM Sans',Arial,sans-serif!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle .search-field-icon {
    position:static!important;
    transform:none!important;
    display:flex!important;
    width:20px!important;
    height:20px!important;
    margin-right:8px!important;
    color:#A18452!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle .wr-independent-title {
    flex:1!important;
    color:#05083F!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle input[type=checkbox] {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-switch {
    position:relative!important;
    display:block!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:22px!important;
    margin:0!important;
    border:1px solid #C9C1B3!important;
    border-radius:20px!important;
    background:#EFECE5!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-switch::after {
    content:''!important;
    position:absolute!important;
    top:3px!important;
    left:3px!important;
    width:14px!important;
    height:14px!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    box-shadow:0 1px 3px rgba(5,8,63,.18)!important;
    transition:transform .16s ease!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle input:checked + .wr-independent-switch {
    border-color:#05083F!important;
    background:#05083F!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .quick-filters.wr-final-extra .wr-independent-toggle input:checked + .wr-independent-switch::after {
    transform:translateX(16px)!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary > .search-submit-row {
    display:flex!important;
    justify-content:flex-end!important;
    width:100%!important;
    margin:0!important;
  }
  html body main#woningzoeken > .search-panel .search-secondary .reset-filters-button {
    min-height:34px!important;
    padding:5px 2px!important;
    border:0!important;
    background:transparent!important;
    color:#8A7654!important;
    font:600 12px/1.2 'DM Sans',Arial,sans-serif!important;
    text-decoration:underline!important;
    text-underline-offset:3px!important;
  }
  html body main#woningzoeken > .search-panel #activeFilters:not([hidden]) {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:9px 0 0!important;
  }
}
@media(max-width:420px) {
  html body main#woningzoeken > .search-panel {margin:-66px 9px 0!important;padding:13px!important;border-radius:16px!important}
  html body main#woningzoeken > .search-panel .filters {gap:8px!important}
  html body main#woningzoeken > .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) {min-height:70px!important}
  html body main#woningzoeken > .search-panel .filters > .primary-search {min-height:52px!important;height:52px!important;max-height:52px!important}
}
@media(prefers-reduced-motion:reduce) {
  html body main#woningzoeken > .search-panel .wr-independent-switch::after {transition:none!important}
}