/* Rumanji .322 — Real Estate mobile parity with Directory and Jobs. */
@media(max-width:767px){
.rpe-ds-render[data-template="real-estate-category-page"] form.rpe-re-filter-bar-v2{display:block!important;overflow:visible!important;padding:12px 16px 18px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;}
.rpe-re-mobile-rail{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;min-width:0!important;max-width:100%!important;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;padding:2px 0 8px!important;}
.rpe-re-mobile-rail::-webkit-scrollbar{display:none}
.rpe-re-mobile-rail>details.rpe-re-filter-dd{flex:0 0 174px!important;min-width:174px!important;max-width:174px!important;position:static!important;}
.rpe-re-mobile-rail>details.rpe-re-filter-dd>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:64px!important;box-sizing:border-box!important;padding:10px 13px!important;background:#fff!important;border:1px solid #d5dce5!important;border-radius:14px!important;box-shadow:none!important;align-content:center!important;}
.rpe-re-mobile-rail>details.rpe-re-filter-dd>summary span{font-size:12px!important;font-weight:650!important;line-height:1.2!important;color:#334155!important;-webkit-text-fill-color:#334155!important;opacity:1!important;}
.rpe-re-mobile-rail>details.rpe-re-filter-dd>summary strong{font-size:14px!important;line-height:1.3!important;color:#17212f!important;-webkit-text-fill-color:#17212f!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;}
.rpe-re-mobile-rail>details.rpe-re-filter-dd>summary i{color:#526174!important;-webkit-text-fill-color:#526174!important;}
.rpe-re-mobile-rail>details.rpe-re-filter-dd>.rpe-re-filter-popover{display:none!important;}
.rpe-re-mobile-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;margin-top:14px!important;}
.rpe-re-mobile-actions>.rpe-re-filter-apply,.rpe-re-mobile-actions>.rpe-real-estate-filter-clear{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;padding:10px!important;}
.rpe-re-mobile-actions>.rpe-re-filter-apply{background:#f51f40!important;color:#fff!important;border:1px solid #f51f40!important;}
.rpe-re-mobile-actions>.rpe-real-estate-filter-clear{background:transparent!important;border:1px solid #68738455!important;color:inherit!important;text-decoration:none!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-results-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-results-summary{width:100%!important;text-align:center!important;justify-content:center!important;color:inherit!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-results-summary strong{color:inherit!important;-webkit-text-fill-color:currentColor!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-results-actions{width:100%!important;display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:center!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-sort-control{display:grid!important;grid-template-columns:1fr!important;align-items:center!important;min-width:120px!important;min-height:56px!important;border:1px solid #64748b55!important;border-radius:12px!important;padding:5px 10px!important;box-sizing:border-box!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-sort-control>span{display:block!important;font-size:11px!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;opacity:.7!important;}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-sort-control select{width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important;font-size:13px!important;color:inherit!important;}
}
.rpe-re-floating-popup[hidden]{display:none!important}
.rpe-re-floating-popup{position:fixed!important;z-index:2147483000!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:22px!important;padding:14px!important;background:rgba(26,34,47,.94)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(235,241,250,.19)!important;box-shadow:0 20px 60px rgba(0,0,0,.34)!important;color:#f3f6fb!important;-webkit-text-fill-color:#f3f6fb!important;}
.rpe-re-floating-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px 12px;font-size:16px;}
.rpe-re-floating-head button{font-size:26px;line-height:1;background:none;border:0;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;}
.rpe-re-floating-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.rpe-re-floating-body>.rpe-re-filter-popover{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;max-height:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#f3f6fb!important;-webkit-text-fill-color:#f3f6fb!important;}
.rpe-re-floating-body .rpe-re-option{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 10px!important;border:0!important;border-radius:12px!important;color:#f3f6fb!important;-webkit-text-fill-color:#f3f6fb!important;}
.rpe-re-floating-body .rpe-re-option span{color:#f3f6fb!important;-webkit-text-fill-color:#f3f6fb!important;}
.rpe-re-floating-body .rpe-re-option:has(input:checked){background:rgba(255,255,255,.12)!important;}
.rpe-re-floating-body input:not([type=checkbox]):not([type=radio]){max-width:100%;color:#f3f6fb!important;-webkit-text-fill-color:#f3f6fb!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;}

/* .323: Compact Real Estate sort card, matching Jobs mobile toolbar. */
@media (max-width:767px){
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-results-actions .rpe-real-estate-sort-control{
  flex:0 0 154px!important;width:154px!important;max-width:154px!important;min-width:0!important;
  height:60px!important;min-height:60px!important;max-height:60px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
  gap:3px!important;padding:6px 10px!important;border-radius:12px!important;
}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-sort-control>span{
  display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;
  font-size:11px!important;line-height:14px!important;text-align:left!important;letter-spacing:0!important;
}
.rpe-ds-render[data-template="real-estate-category-page"] .rpe-real-estate-sort-control select{
  display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:26px!important;min-height:26px!important;max-height:26px!important;
  margin:0!important;padding:0 18px 0 0!important;border:0!important;border-radius:0!important;
  background-color:transparent!important;box-shadow:none!important;
  font-size:13px!important;line-height:24px!important;font-weight:700!important;
}
}

/* .351 — Real Estate desktop: eight filters in ONE horizontal row.
   The .322 runtime moves filters into .rpe-re-mobile-rail at every viewport,
   so desktop rules must target that generated rail, not the original details. */
@media (min-width:768px) {
  .rpe-ds-render[data-template="real-estate-category-page"] form.rpe-re-filter-bar-v2 {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:16px 34px 18px!important;
    overflow:visible!important;
  }
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-filter-bar-v2 > .rpe-re-mobile-rail {
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-mobile-rail > details.rpe-re-filter-dd {
    display:block!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    position:relative!important;
  }
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-mobile-rail > details.rpe-re-filter-dd > summary {
    width:100%!important;
    min-width:0!important;
    height:62px!important;
    min-height:62px!important;
    padding:9px 10px!important;
  }
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-filter-bar-v2 > .rpe-re-mobile-actions {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-mobile-actions > .rpe-re-filter-apply,
  .rpe-ds-render[data-template="real-estate-category-page"] .rpe-re-mobile-actions > .rpe-real-estate-filter-clear {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 22px!important;
    border-radius:12px!important;
    text-decoration:none!important;
  }
}
