/* Mobile homepage flow: connect search, benefits and first listing into one calm surface. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken{
  background:#F8F5EF!important;
  padding:0 10px 14px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .search-panel{
  margin-bottom:0!important;
  border-radius:0 0 15px 15px!important;
  box-shadow:0 7px 18px rgba(5,8,63,.07)!important;
 }
 html body:has(.home-benefits) .home-benefits{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin:12px 0 14px!important;
  padding:14px 13px!important;
  border:1px solid rgba(200,164,96,.23)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#080D49 0%,#101947 100%)!important;
  box-shadow:0 7px 20px rgba(5,8,63,.09)!important;
 }
 html body:has(.home-benefits) .home-benefits>div{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:29px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  align-items:start!important;
  column-gap:8px!important;
  row-gap:3px!important;
  min-width:0!important;
  min-height:66px!important;
  margin:0!important;
  padding:9px 7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
 }
 html body:has(.home-benefits) .home-benefits>div:nth-child(odd){
  border-right:1px solid rgba(255,255,255,.13)!important;
 }
 html body:has(.home-benefits) .home-benefits>div:nth-child(n+3){
  border-top:1px solid rgba(255,255,255,.13)!important;
 }
 html body:has(.home-benefits) .home-benefits .benefit-icon{
  grid-column:1!important;grid-row:1/span 2!important;
  display:grid!important;place-items:center!important;
  width:27px!important;height:27px!important;min-width:27px!important;
  margin:1px 0 0!important;
  border:1px solid rgba(225,191,125,.28)!important;
  border-radius:9px!important;
  background:rgba(225,191,125,.11)!important;
  color:#E1BF7D!important;font-size:15px!important;
 }
 html body:has(.home-benefits) .home-benefits strong{
  display:block!important;min-width:0!important;
  color:#FFFDF8!important;font:650 11px/1.35 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .home-benefits span[lang="nl"]:not(.benefit-icon){
  display:block!important;min-width:0!important;
  color:#E4E8F0!important;font:400 10px/1.4 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results{
  box-sizing:border-box!important;
  margin:0!important;
  padding:16px 13px 18px!important;
  border:1px solid #E8E0D4!important;
  border-radius:16px!important;
  background:#FFFDFA!important;
  box-shadow:0 7px 22px rgba(5,8,63,.045)!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:9px!important;
  margin:0 0 12px!important;padding:0 0 12px!important;
  border-bottom:1px solid #EAE3D8!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.offer-heading{
  margin:0!important;color:#05083F!important;
  font:700 25px/1.15 'DM Sans',Arial,sans-serif!important;
  letter-spacing:-.035em!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>#count{
  order:initial!important;margin:0!important;
  color:#697586!important;font:500 12px/1.45 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.results-views{
  order:initial!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;width:100%!important;
  padding:4px!important;border:1px solid #E9E1D5!important;
  border-radius:11px!important;background:#F5F1E9!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.results-views>button{
  min-width:0!important;min-height:39px!important;
  border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:#536176!important;
  font:600 13px/1.2 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.results-views>button[aria-pressed="true"]{
  border-color:#E7DFD2!important;background:#FFFDFA!important;
  color:#05083F!important;box-shadow:0 2px 5px rgba(5,8,63,.06)!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.results-alert-link{
  order:initial!important;display:flex!important;align-items:center!important;
  justify-content:center!important;box-sizing:border-box!important;
  width:100%!important;min-height:42px!important;margin:0!important;
  padding:9px 12px!important;border:1px solid #D9C69F!important;
  border-radius:10px!important;background:#FBF6EB!important;
  color:#243451!important;font:600 12px/1.35 'DM Sans',Arial,sans-serif!important;
  text-align:center!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.new-only-toggle{
  order:initial!important;align-self:flex-start!important;
  margin:0!important;color:#45536A!important;font-size:12px!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.sort-control{
  order:initial!important;display:flex!important;flex-direction:column!important;
  gap:5px!important;width:100%!important;max-width:none!important;
  margin:0!important;color:#697586!important;font:600 11px/1.3 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results>.results-header>.sort-control select{
  box-sizing:border-box!important;width:100%!important;min-height:42px!important;
  padding:0 11px!important;border:1px solid #E6DED2!important;
  border-radius:9px!important;background:#FFFDFA!important;
  color:#05083F!important;font:500 13px/1.3 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results .results-body,
 html body:has(.home-benefits) .housing-results .results-list{
  min-width:0!important;background:transparent!important;
 }
 html body:has(.home-benefits) .housing-results #status{
  margin:0 0 10px!important;color:#697586!important;
  font:400 12px/1.5 'DM Sans',Arial,sans-serif!important;
 }
 html body:has(.home-benefits) .housing-results #grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;min-width:0!important;
 }
 html body:has(.home-benefits) .housing-results #grid>.card{
  box-sizing:border-box!important;min-width:0!important;
  margin:0!important;border:1px solid #E8E0D4!important;
  border-radius:13px!important;background:#FFFFFF!important;
  box-shadow:0 4px 13px rgba(5,8,63,.055)!important;
  overflow:hidden!important;
 }
}
@media(max-width:380px){
 html body:has(.home-benefits) .home-benefits{padding:11px 9px!important}
 html body:has(.home-benefits) .home-benefits>div{padding:8px 5px!important;column-gap:6px!important}
 html body:has(.home-benefits) .home-benefits strong{font-size:10px!important}
 html body:has(.home-benefits) .housing-results{padding-inline:10px!important}
 html body:has(.home-benefits) .housing-results>.results-header>.offer-heading{font-size:23px!important}
}
}