/* =========================================================
   Urbiax Modern Rebuild v2 — late CSS override
   This file loads after inline CSS, so it fixes the main page properly.
   ========================================================= */

body.urbiax-modern-home-v1{
  background:
    radial-gradient(circle at 18% -8%, rgba(37,99,235,.20), transparent 35%),
    radial-gradient(circle at 95% 2%, rgba(34,197,94,.12), transparent 28%),
    linear-gradient(180deg,#f3f8ff 0%,#f8fbff 42%,#ffffff 100%) !important;
}

/* Top area: more compact and app-like */
body.urbiax-modern-home-v1 .navbar{
  width:calc(100% - 18px) !important;
  margin:8px auto 10px !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
body.urbiax-modern-home-v1 .navbar .inner{
  padding:14px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
body.urbiax-modern-home-v1 .brand{
  flex:1 1 100% !important;
  min-width:0 !important;
}
body.urbiax-modern-home-v1 .brand-main{
  font-size:clamp(41px,12vw,58px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 52%,#0ea5e9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
body.urbiax-modern-home-v1 .brand-sub{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  margin-top:6px !important;
  color:#31506f !important;
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.07),rgba(34,197,94,.08)) !important;
  border:1px solid rgba(37,99,235,.10) !important;
  font-weight:950 !important;
  font-size:13px !important;
}
body.urbiax-modern-home-v1 .nav-actions{
  flex:1 1 100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
body.urbiax-modern-home-v1 .nav-actions .btn{
  min-height:39px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  font-size:14px !important;
}

/* Main navigation: keep it clean, no huge old buttons */
body.urbiax-modern-home-v1 .mode-tabs-row{
  width:calc(100% - 18px) !important;
  margin:0 auto 10px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
}
body.urbiax-modern-home-v1 .mode-tab.all{
  display:none !important;
}
body.urbiax-modern-home-v1 .mode-tab{
  min-height:54px !important;
  border-radius:18px !important;
  padding:0 8px !important;
  font-size:17px !important;
  font-weight:1000 !important;
  background:#fff !important;
  color:#172033 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  border:1px solid rgba(15,23,42,.06) !important;
}
body.urbiax-modern-home-v1 .mode-tab.rent.active{
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  color:#fff !important;
}
body.urbiax-modern-home-v1 .mode-tab.sale.active{
  background:linear-gradient(135deg,#f59e0b,#f97316) !important;
  color:#fff !important;
}
body.urbiax-modern-home-v1 .mode-tab.swap.active{
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#fff !important;
}
body.urbiax-modern-home-v1 .local-board-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  width:100% !important;
}
body.urbiax-modern-home-v1 .local-board-tabs-label,
body.urbiax-modern-home-v1 .urbiax-section-chip.services{
  display:none !important;
}
body.urbiax-modern-home-v1 .urbiax-section-chip{
  min-height:50px !important;
  border-radius:20px !important;
  font-size:17px !important;
  font-weight:1000 !important;
  background:#fff !important;
  box-shadow:0 12px 26px rgba(15,23,42,.055) !important;
}

/* Toolbar: smaller and less old-portal-like */
body.urbiax-modern-home-v1 form.toolbar{
  width:calc(100% - 18px) !important;
  margin:0 auto 12px !important;
  border-radius:22px !important;
  padding:10px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
body.urbiax-modern-home-v1 form.toolbar::before{
  content:"Filters";
  display:inline-flex;
  font-weight:1000;
  color:#172033;
  margin-right:10px;
}
body.urbiax-modern-home-v1 form.toolbar .t-row1,
body.urbiax-modern-home-v1 form.toolbar .t-row2,
body.urbiax-modern-home-v1 form.toolbar .t-row3,
body.urbiax-modern-home-v1 form.toolbar .view-toggle{
  display:none !important;
}
body.urbiax-modern-home-v1 form.toolbar .toolbar-summary,
body.urbiax-modern-home-v1 form.toolbar .filter-summary{
  display:inline !important;
}

/* Local services strip — compact and stable */
body.urbiax-modern-home-v1 .local-services-mobile-strip{
  width:calc(100% - 18px) !important;
  margin:0 auto 14px !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-shell{
  border-radius:24px !important;
  padding:14px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 16px 38px rgba(15,23,42,.07) !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-head{
  margin-bottom:10px !important;
}
body.urbiax-modern-home-v1 .local-services-kicker{
  min-height:34px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#ecfeff,#d1fae5) !important;
  color:#0f766e !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-add{
  min-height:40px !important;
  border-radius:999px !important;
  padding:0 16px !important;
  background:#fff !important;
  font-weight:950 !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-rail{
  gap:10px !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-card{
  min-width:245px !important;
  max-width:245px !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.06) !important;
  border:1px solid rgba(15,23,42,.07) !important;
}
body.urbiax-modern-home-v1 .local-services-mobile-thumb{
  width:84px !important;
  height:84px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

/* Listing cards: force premium vertical card on mobile instead of old split/list layout */
body.urbiax-modern-home-v1 .layout,
body.urbiax-modern-home-v1 .main,
body.urbiax-modern-home-v1 #listingsGrid{
  width:100% !important;
  max-width:100% !important;
}
body.urbiax-modern-home-v1 .layout{
  width:calc(100% - 18px) !important;
  margin:0 auto !important;
}
body.urbiax-modern-home-v1 .main{
  padding:0 !important;
}
body.urbiax-modern-home-v1 #listingsGrid.grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}
body.urbiax-modern-home-v1 .card-shell{
  display:block !important;
  width:100% !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.085) !important;
}
body.urbiax-modern-home-v1 .card-shell .card{
  display:block !important;
  grid-template-columns:none !important;
  width:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
body.urbiax-modern-home-v1 .card-shell .card .thumb{
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  border-radius:0 !important;
  display:block !important;
  background:#eaf1fb !important;
  overflow:hidden !important;
}
body.urbiax-modern-home-v1 .card-shell .card .thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
body.urbiax-modern-home-v1 .card-shell .body{
  display:block !important;
  width:100% !important;
  padding:14px 15px 10px !important;
}
body.urbiax-modern-home-v1 .tag-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
body.urbiax-modern-home-v1 .listing-tag,
body.urbiax-modern-home-v1 .ptype-pill{
  min-height:32px !important;
  border-radius:999px !important;
  padding:0 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  font-weight:1000 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
}
body.urbiax-modern-home-v1 .listing-title{
  font-size:22px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:1000 !important;
  color:#111827 !important;
  margin:0 0 4px !important;
}
body.urbiax-modern-home-v1 .price{
  font-size:22px !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  font-weight:1000 !important;
  color:#9f4a63 !important;
  text-align:right !important;
  margin:8px 0 0 !important;
}
body.urbiax-modern-home-v1 .meta-row{
  margin-top:10px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
body.urbiax-modern-home-v1 .meta-right,
body.urbiax-modern-home-v1 .meta-left{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}
body.urbiax-modern-home-v1 .meta-pill{
  border-radius:999px !important;
  max-width:100% !important;
}
body.urbiax-modern-home-v1 .photo-count{
  left:14px !important;
  bottom:14px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
}

/* Keep card-level buttons, but do not let global chat float cover the listing */
body.urbiax-modern-home-v1 .modern-card-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  padding:0 14px 14px !important;
}
body.urbiax-modern-home-v1 .modern-card-actions a{
  min-height:48px !important;
  border-radius:16px !important;
  font-size:15px !important;
  font-weight:950 !important;
}
body.urbiax-modern-home-v1 .modern-chat-btn{
  color:#2563eb !important;
  background:#fff !important;
  border:1px solid rgba(37,99,235,.25) !important;
}
body.urbiax-modern-home-v1 .modern-details-btn{
  color:#fff !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
}

/* The old floating chat was covering listing content on mobile. Make it smaller and less intrusive. */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .chat-toggle,
  body.urbiax-modern-home-v1 .chat-fab,
  body.urbiax-modern-home-v1 #chatToggle,
  body.urbiax-modern-home-v1 #rChatToggle,
  body.urbiax-modern-home-v1 [class*="chat"][class*="toggle"],
  body.urbiax-modern-home-v1 [class*="chat"][class*="fab"]{
    max-width:62px !important;
    width:62px !important;
    height:62px !important;
    min-height:62px !important;
    border-radius:999px !important;
    font-size:0 !important;
    right:84px !important;
    bottom:22px !important;
    padding:0 !important;
  }
  body.urbiax-modern-home-v1 .chat-toggle::before,
  body.urbiax-modern-home-v1 .chat-fab::before,
  body.urbiax-modern-home-v1 #chatToggle::before,
  body.urbiax-modern-home-v1 #rChatToggle::before{
    content:"💬";
    font-size:25px;
    line-height:1;
  }
}

/* Avoid right edge clipping in top nav */
body.urbiax-modern-home-v1 .nav-actions,
body.urbiax-modern-home-v1 .mode-tabs-row,
body.urbiax-modern-home-v1 .local-board-tabs{
  overflow:visible !important;
}
body.urbiax-modern-home-v1 .navbar,
body.urbiax-modern-home-v1 .primary-mode-tabs,
body.urbiax-modern-home-v1 .local-services-mobile-shell,
body.urbiax-modern-home-v1 .card-shell{
  box-sizing:border-box !important;
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 .brand-main{
    font-size:41px !important;
  }
  body.urbiax-modern-home-v1 .mode-tab{
    font-size:15px !important;
    min-height:50px !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    font-size:16px !important;
  }
  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    height:225px !important;
    min-height:225px !important;
    max-height:225px !important;
  }
}


/* =========================================================
   Urbiax Modern Rebuild v3 — fix header height, services cards,
   floating chat overlap and first listing spacing.
   ========================================================= */

/* 1) Top header: stop the giant card covering the tabs/content */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .navbar{
    position:relative !important;
    width:calc(100% - 18px) !important;
    margin:8px auto 8px !important;
    border-radius:24px !important;
    overflow:visible !important;
  }

  body.urbiax-modern-home-v1 .navbar .inner{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "brand stats"
      "sub sub"
      "actions actions" !important;
    align-items:start !important;
    gap:8px 10px !important;
    padding:12px !important;
  }

  body.urbiax-modern-home-v1 .brand{
    grid-area:brand !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(36px,10.2vw,48px) !important;
    line-height:.92 !important;
    white-space:nowrap !important;
  }

  body.urbiax-modern-home-v1 .brand-sub{
    grid-area:sub !important;
    margin-top:2px !important;
    min-height:26px !important;
    padding:0 10px !important;
    font-size:12px !important;
    max-width:100% !important;
  }

  /* Keep top nav/add buttons compact */
  body.urbiax-modern-home-v1 .nav-actions{
    grid-area:actions !important;
    display:flex !important;
    gap:7px !important;
    flex-wrap:wrap !important;
    margin-top:2px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions .btn{
    min-height:34px !important;
    padding:0 11px !important;
    font-size:13px !important;
    border-radius:999px !important;
    flex:0 0 auto !important;
  }

  body.urbiax-modern-home-v1 .nav-actions .btn[href*="logout"],
  body.urbiax-modern-home-v1 .nav-actions .btn.logout,
  body.urbiax-modern-home-v1 .nav-actions .btn:first-child{
    background:#fff !important;
    color:#111827 !important;
  }

  /* The admin stats widget lives in footer as fixed element; leave space visually */
  body.urbiax-modern-home-v1 .uhhr-stats-widget{
    top:10px !important;
    right:10px !important;
  }

  /* Pull main tabs back up under the header */
  body.urbiax-modern-home-v1 .mode-tabs-row{
    margin-top:0 !important;
  }
}

/* 2) Rentals/Sale/Swap: make sure all three are fully visible and not hidden by header */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
  }

  body.urbiax-modern-home-v1 .mode-tab{
    min-height:48px !important;
    font-size:15px !important;
    border-radius:16px !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    margin-top:8px !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:46px !important;
    font-size:16px !important;
    border-radius:18px !important;
  }
}

/* 3) Filters strip: keep compact and prevent strange old summary overflow */
body.urbiax-modern-home-v1 form.toolbar{
  overflow:hidden !important;
}
body.urbiax-modern-home-v1 form.toolbar{
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
body.urbiax-modern-home-v1 form.toolbar *{
  max-width:100% !important;
}

/* 4) Local Services: fix broken card layout and text/image collisions */
@media(max-width:767px){
  body.urbiax-modern-home-v1 .local-services-mobile-shell{
    padding:13px !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-rail{
    display:flex !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:4px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-rail::-webkit-scrollbar{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card{
    flex:0 0 260px !important;
    width:260px !important;
    max-width:260px !important;
    min-height:116px !important;
    display:grid !important;
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    padding:10px !important;
    overflow:hidden !important;
    scroll-snap-align:start !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-thumb{
    grid-column:1 !important;
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    border-radius:17px !important;
    overflow:hidden !important;
    background:#eef4ff !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-info,
  body.urbiax-modern-home-v1 .local-services-mobile-copy,
  body.urbiax-modern-home-v1 .local-services-mobile-body{
    grid-column:2 !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-title,
  body.urbiax-modern-home-v1 .local-services-mobile-card h4,
  body.urbiax-modern-home-v1 .local-services-mobile-card .title{
    display:block !important;
    font-size:17px !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    letter-spacing:-.03em !important;
    color:#111827 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card p,
  body.urbiax-modern-home-v1 .local-services-mobile-card .meta,
  body.urbiax-modern-home-v1 .local-services-mobile-card .desc{
    font-size:13px !important;
    line-height:1.25 !important;
    color:#667085 !important;
    font-weight:800 !important;
    margin:5px 0 0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card .pill,
  body.urbiax-modern-home-v1 .local-services-mobile-card .trade,
  body.urbiax-modern-home-v1 .local-services-mobile-card .badge{
    display:inline-flex !important;
    max-width:100% !important;
    margin-top:6px !important;
    min-height:26px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* 5) Listing cards: remove duplicate old floating Chat overlay from covering cards */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .chat-toggle,
  body.urbiax-modern-home-v1 .chat-fab,
  body.urbiax-modern-home-v1 #chatToggle,
  body.urbiax-modern-home-v1 #rChatToggle,
  body.urbiax-modern-home-v1 [class*="chat"][class*="toggle"],
  body.urbiax-modern-home-v1 [class*="chat"][class*="fab"]{
    display:none !important;
  }

  /* Keep back-to-top only */
  body.urbiax-modern-home-v1 .back-to-top,
  body.urbiax-modern-home-v1 #backToTop{
    right:18px !important;
    bottom:24px !important;
    width:58px !important;
    height:58px !important;
    border-radius:999px !important;
  }
}

/* 6) Listing cards: spacing and premium shape */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .card-shell{
    margin-bottom:16px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    height:238px !important;
    min-height:238px !important;
    max-height:238px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .body{
    padding:16px 15px 10px !important;
  }

  body.urbiax-modern-home-v1 .listing-title{
    font-size:22px !important;
    line-height:1.08 !important;
  }

  body.urbiax-modern-home-v1 .listing-reviews-mini{
    min-height:22px !important;
    margin-top:7px !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions{
    padding:0 15px 15px !important;
  }
}

/* 7) Prevent horizontal clipping on the right edge */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
body.urbiax-modern-home-v1 *{
  box-sizing:border-box;
}


/* =========================================================
   Urbiax Modern Rebuild v4 — mobile header attached to page
   Fix: old navhide script was adding body padding for a fixed header.
   On the modern home screen the header should scroll away with the page,
   not float separately and not push the logo down.
   ========================================================= */
@media(max-width:1024px){
  html.navhide-mobile body.urbiax-modern-home-v1{
    padding-top:0 !important;
  }

  html.navhide-mobile body.urbiax-modern-home-v1 .navbar,
  html.navhide-mobile.nav-hidden body.urbiax-modern-home-v1 .navbar,
  body.urbiax-modern-home-v1 .navbar[data-navhide="mobile-v2"]{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:20 !important;
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  html.navhide-mobile body.urbiax-modern-home-v1 .container,
  html.navhide-mobile.nav-hidden body.urbiax-modern-home-v1 .container{
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  /* keep admin stats as the only fixed item in the top right */
  body.urbiax-modern-home-v1 .uhhr-stats-widget{
    position:fixed !important;
    top:10px !important;
    right:10px !important;
    z-index:99999 !important;
  }

  /* remove the visual "empty sky" that appeared above the logo */
  body.urbiax-modern-home-v1 .navbar{
    margin-top:8px !important;
  }

  /* make header a touch shorter so listings come sooner */
  body.urbiax-modern-home-v1 .navbar .inner{
    padding:10px 12px !important;
    gap:7px 9px !important;
  }

  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(34px,9.7vw,46px) !important;
  }

  body.urbiax-modern-home-v1 .brand-sub{
    min-height:24px !important;
    font-size:11.5px !important;
    padding:0 9px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions .btn{
    min-height:32px !important;
    padding:0 10px !important;
    font-size:12.5px !important;
  }
}


/* =========================================================
   Urbiax Modern Rebuild v5 — mobile density + floating chat fix
   Goal: show listings sooner and stop Chat from covering content.
   ========================================================= */

@media(max-width:768px){

  /* Header/card is still nice, but should use less vertical space */
  body.urbiax-modern-home-v1 .navbar{
    margin:6px auto 7px !important;
    border-radius:22px !important;
  }

  body.urbiax-modern-home-v1 .navbar .inner{
    padding:9px 11px !important;
    gap:6px 8px !important;
  }

  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(32px,9.1vw,43px) !important;
    line-height:.9 !important;
  }

  body.urbiax-modern-home-v1 .brand-sub{
    min-height:22px !important;
    padding:0 8px !important;
    font-size:11px !important;
    margin-top:1px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions{
    gap:6px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions .btn{
    min-height:30px !important;
    padding:0 9px !important;
    font-size:12px !important;
    border-radius:999px !important;
  }

  /* Main mode tabs tighter */
  body.urbiax-modern-home-v1 .mode-tabs-row{
    margin-bottom:8px !important;
    gap:7px !important;
  }

  body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
    padding:7px !important;
    border-radius:21px !important;
    gap:7px !important;
  }

  body.urbiax-modern-home-v1 .mode-tab{
    min-height:43px !important;
    font-size:14.5px !important;
    border-radius:15px !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    gap:8px !important;
    margin-top:7px !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:42px !important;
    font-size:15px !important;
    border-radius:16px !important;
  }

  /* Filters: lower height */
  body.urbiax-modern-home-v1 form.toolbar{
    margin-bottom:10px !important;
    padding:8px 10px !important;
    border-radius:19px !important;
    min-height:42px !important;
    font-size:13px !important;
  }

  body.urbiax-modern-home-v1 form.toolbar::before{
    font-size:15px !important;
    margin-right:8px !important;
  }

  /* Local Services strip: flatter, more compact */
  body.urbiax-modern-home-v1 .local-services-mobile-strip{
    margin-bottom:12px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-shell{
    padding:10px !important;
    border-radius:22px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-head{
    margin-bottom:8px !important;
  }

  body.urbiax-modern-home-v1 .local-services-kicker{
    min-height:30px !important;
    padding:0 13px !important;
    font-size:12px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-add{
    min-height:34px !important;
    padding:0 13px !important;
    font-size:12.5px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card{
    flex-basis:235px !important;
    width:235px !important;
    max-width:235px !important;
    min-height:92px !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    padding:8px !important;
    border-radius:18px !important;
    gap:9px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-thumb{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    border-radius:15px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-title,
  body.urbiax-modern-home-v1 .local-services-mobile-card h4,
  body.urbiax-modern-home-v1 .local-services-mobile-card .title{
    font-size:15.5px !important;
    line-height:1.05 !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card p,
  body.urbiax-modern-home-v1 .local-services-mobile-card .meta,
  body.urbiax-modern-home-v1 .local-services-mobile-card .desc{
    font-size:12.2px !important;
    margin-top:4px !important;
  }

  body.urbiax-modern-home-v1 .local-services-mobile-card .pill,
  body.urbiax-modern-home-v1 .local-services-mobile-card .trade,
  body.urbiax-modern-home-v1 .local-services-mobile-card .badge{
    min-height:23px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  /* Listings move up and first photo is not hidden by floating UI */
  body.urbiax-modern-home-v1 #listingsGrid.grid{
    gap:14px !important;
  }

  body.urbiax-modern-home-v1 .card-shell{
    border-radius:23px !important;
    margin-bottom:14px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .body{
    padding:14px 14px 9px !important;
  }

  body.urbiax-modern-home-v1 .listing-title{
    font-size:20px !important;
  }

  body.urbiax-modern-home-v1 .price{
    font-size:20px !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions{
    padding:0 14px 14px !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions a{
    min-height:44px !important;
    border-radius:15px !important;
    font-size:14px !important;
  }

  /* Hide old floating chat properly on home page. The card has its own Chat button. */
  body.urbiax-modern-home-v1 .chat-toggle,
  body.urbiax-modern-home-v1 .chat-fab,
  body.urbiax-modern-home-v1 #chatToggle,
  body.urbiax-modern-home-v1 #rChatToggle,
  body.urbiax-modern-home-v1 .publicChatFloatingButton,
  body.urbiax-modern-home-v1 .public-chat-floating,
  body.urbiax-modern-home-v1 .pcw-floating,
  body.urbiax-modern-home-v1 .pcw-fab,
  body.urbiax-modern-home-v1 [class*="Chat"][class*="button"],
  body.urbiax-modern-home-v1 [class*="chat"][class*="button"],
  body.urbiax-modern-home-v1 [class*="chat"][class*="toggle"],
  body.urbiax-modern-home-v1 [class*="chat"][class*="fab"]{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Back to top remains visible and smaller */
  body.urbiax-modern-home-v1 .rb-backtop,
  body.urbiax-modern-home-v1 .back-to-top,
  body.urbiax-modern-home-v1 #backToTop{
    right:18px !important;
    bottom:22px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    border-radius:999px !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 .brand-main{
    font-size:34px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions .btn{
    min-height:29px !important;
    padding:0 8px !important;
    font-size:11.5px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
  }
}


/* =========================================================
   Urbiax Modern Home v6 — main page closer to premium mockup
   Home-only visual changes; Community/Jobs logic untouched.
   ========================================================= */

/* New compact hero */
body.urbiax-modern-home-v1 .ubx-home-hero-v6{
  width:calc(100% - 18px);
  margin:0 auto 10px;
  border-radius:26px;
  padding:16px;
  position:relative;
  overflow:hidden;
  display:grid;
  gap:14px;
  background:
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.45), transparent 24%),
    linear-gradient(135deg,#2563eb 0%,#0ea5e9 52%,#22c55e 100%);
  box-shadow:0 18px 42px rgba(37,99,235,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.30);
}
body.urbiax-modern-home-v1 .ubx-home-hero-v6::after{
  content:"";
  position:absolute;
  right:-36px;
  top:-52px;
  width:164px;
  height:164px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
}
body.urbiax-modern-home-v1 .ubx-home-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding:0 10px;
  align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.08em;
}
body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
  position:relative;
  z-index:1;
  margin:9px 0 0;
  color:#fff;
  font-size:30px;
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:1000;
}
body.urbiax-modern-home-v1 .ubx-home-hero-v6 p{
  position:relative;
  z-index:1;
  margin:7px 0 0;
  color:rgba(255,255,255,.90);
  font-size:14px;
  line-height:1.25;
  font-weight:750;
  max-width:430px;
}
body.urbiax-modern-home-v1 .ubx-home-hero-actions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.urbiax-modern-home-v1 .ubx-hero-action{
  min-height:42px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  color:#111827;
  text-decoration:none;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 20px rgba(15,23,42,.10);
}
body.urbiax-modern-home-v1 .ubx-hero-rent{color:#1d4ed8}
body.urbiax-modern-home-v1 .ubx-hero-sale{color:#c2410c}
body.urbiax-modern-home-v1 .ubx-hero-swap{color:#15803d}

/* Header now becomes a clean brand bar, not the whole hero */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .navbar{
    background:rgba(255,255,255,.70) !important;
    box-shadow:0 10px 26px rgba(15,23,42,.055) !important;
    border-radius:22px !important;
    margin-bottom:8px !important;
  }
  body.urbiax-modern-home-v1 .navbar .inner{
    padding:9px 10px !important;
  }
  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(31px,8.7vw,40px) !important;
  }
  body.urbiax-modern-home-v1 .brand-sub{
    display:none !important;
  }
  body.urbiax-modern-home-v1 .nav-actions{
    margin-top:2px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions .btn{
    min-height:29px !important;
    font-size:11.5px !important;
    padding:0 9px !important;
  }

  /* Main tabs can be smaller because hero now explains the page */
  body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
    padding:6px !important;
    border-radius:20px !important;
  }
  body.urbiax-modern-home-v1 .mode-tab{
    min-height:40px !important;
    font-size:14px !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:40px !important;
    font-size:14.5px !important;
  }

  /* Hide old summary bar style enough to make room */
  body.urbiax-modern-home-v1 form.toolbar{
    min-height:38px !important;
    padding:7px 10px !important;
    font-size:12.5px !important;
    margin-bottom:9px !important;
  }

  /* property card closer to mockup */
  body.urbiax-modern-home-v1 .card-shell{
    border-radius:26px !important;
    box-shadow:0 20px 48px rgba(15,23,42,.10) !important;
  }
  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    height:228px !important;
    min-height:228px !important;
    max-height:228px !important;
  }
  body.urbiax-modern-home-v1 .listing-title{
    font-size:22px !important;
  }
  body.urbiax-modern-home-v1 .listing-tag.tag-rent{
    background:linear-gradient(135deg,#dff8ee,#ccfbf1) !important;
  }
  body.urbiax-modern-home-v1 .modern-card-actions{
    grid-template-columns:.95fr 1.05fr !important;
  }
  body.urbiax-modern-home-v1 .modern-details-btn{
    background:linear-gradient(135deg,#2563eb,#38bdf8) !important;
  }

  /* Local services: premium compact strip */
  body.urbiax-modern-home-v1 .local-services-mobile-shell{
    border-radius:24px !important;
    background:rgba(255,255,255,.90) !important;
  }
}

/* Desktop/tablet: hero aligns with content */
@media(min-width:769px){
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    max-width:1120px;
    grid-template-columns:minmax(0,1fr) 320px;
    align-items:end;
    padding:22px;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    font-size:42px;
  }
}


/* =========================================================
   Urbiax Modern Home v7
   - Remove duplicate Rentals/Sale/Swap tabs under hero
   - Turn Jobs/Community/Filters into compact action row
   - Fix desktop oversized listing photos/layout after modern CSS
   - Protect desktop tips/marquee from stretching
   ========================================================= */

/* Hero already has Rentals/Sale/Swap, so hide the old duplicate segmented tabs */
body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
  display:none !important;
}

/* Make the remaining row a clean 3-action row: Jobs | Community | Filters */
body.urbiax-modern-home-v1 .mode-tabs-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}

body.urbiax-modern-home-v1 .local-board-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
}

body.urbiax-modern-home-v1 form.toolbar{
  margin:0 !important;
}

/* Mobile: filters becomes a clear pill beside Jobs/Community */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .mode-tabs-row{
    width:calc(100% - 18px) !important;
    grid-template-columns:1fr auto !important;
    margin:0 auto 10px !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:42px !important;
    border-radius:18px !important;
  }

  body.urbiax-modern-home-v1 form.toolbar{
    width:auto !important;
    min-width:94px !important;
    max-width:112px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:#111827 !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 form.toolbar::before{
    content:"Filters" !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    color:#111827 !important;
  }

  body.urbiax-modern-home-v1 form.toolbar::after{
    content:"›";
    margin-left:7px;
    font-size:18px;
    line-height:1;
    font-weight:1000;
    color:#64748b;
  }

  body.urbiax-modern-home-v1 form.toolbar > *{
    display:none !important;
  }

  /* Hero is enough; reduce it slightly after duplicate tabs removal */
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    margin-bottom:10px !important;
    padding:15px !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    font-size:29px !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:40px !important;
    border-radius:15px !important;
  }
}

/* Desktop/tablet: avoid giant full-width photo cards */
@media(min-width:769px){
  body.urbiax-modern-home-v1 .mode-tabs-row{
    max-width:1120px !important;
    width:calc(100% - 28px) !important;
    margin:0 auto 14px !important;
    grid-template-columns:minmax(0,360px) minmax(240px,360px) !important;
    justify-content:space-between !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    max-width:360px !important;
  }

  body.urbiax-modern-home-v1 form.toolbar{
    max-width:360px !important;
    justify-self:end !important;
    min-height:46px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.urbiax-modern-home-v1 form.toolbar > *{
    display:none !important;
  }

  body.urbiax-modern-home-v1 form.toolbar::before{
    content:"Filters";
    margin:0 !important;
    font-size:15px !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 form.toolbar::after{
    content:"  Any area · Type · Beds";
    margin-left:8px;
    color:#64748b;
    font-size:13px;
    font-weight:850;
  }

  /* Restore desktop grid to sensible marketplace cards */
  body.urbiax-modern-home-v1 .layout{
    max-width:1120px !important;
    width:calc(100% - 28px) !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
    gap:18px !important;
    align-items:start !important;
  }

  body.urbiax-modern-home-v1 .card-shell{
    max-width:100% !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card{
    display:block !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card .thumb{
    width:100% !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
  }

  body.urbiax-modern-home-v1 .card-shell .card .thumb img{
    object-fit:cover !important;
  }

  body.urbiax-modern-home-v1 .listing-title{
    font-size:21px !important;
  }

  body.urbiax-modern-home-v1 .price{
    font-size:21px !important;
    text-align:left !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  /* Desktop tips/marquee safety */
  body.urbiax-modern-home-v1 .rentals-tipbox{
    max-width:1120px !important;
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden !important;
    border-radius:20px !important;
  }
  body.urbiax-modern-home-v1 .rentals-tipviewport{
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.urbiax-modern-home-v1 #rentalsTipMarquee{
    max-width:none !important;
    white-space:nowrap !important;
  }
}

/* Smaller phones */
@media(max-width:390px){
  body.urbiax-modern-home-v1 .mode-tabs-row{
    grid-template-columns:1fr 88px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 form.toolbar{
    min-width:88px !important;
    max-width:88px !important;
  }
  body.urbiax-modern-home-v1 form.toolbar::before{
    font-size:13px !important;
  }
}


/* =========================================================
   Urbiax Modern Home v8
   - Filters actually open again
   - Jobs/Community become obvious feature cards
   - Mobile floating Chat button restored and jumps to the correct mode chat
   - Desktop listing cards show View details only
   ========================================================= */

/* --- More on Urbiax: make Jobs / Community feel like real feature buttons --- */
body.urbiax-modern-home-v1 .mode-tabs-row{
  display:block !important;
  width:calc(100% - 18px) !important;
  max-width:1120px !important;
  margin:0 auto 10px !important;
}

body.urbiax-modern-home-v1 .rentals-tipbox{
  display:none !important;
}

body.urbiax-modern-home-v1 .local-board-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:12px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}

body.urbiax-modern-home-v1 .local-board-tabs-label{
  display:block !important;
  grid-column:1 / -1 !important;
  color:#667085 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  margin:0 0 2px !important;
}

body.urbiax-modern-home-v1 .urbiax-section-chip{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:74px !important;
  padding:12px 14px !important;
  border-radius:20px !important;
  text-align:left !important;
  overflow:hidden !important;
  text-decoration:none !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.05) !important;
}

body.urbiax-modern-home-v1 .urbiax-section-chip::before{
  content:"";
  width:34px;
  height:34px;
  border-radius:14px;
  position:absolute;
  right:12px;
  top:12px;
  opacity:.90;
}

body.urbiax-modern-home-v1 .urbiax-section-chip.jobs::before{
  background:
    radial-gradient(circle at 50% 52%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    linear-gradient(135deg,#16a34a,#22c55e);
  box-shadow:0 10px 20px rgba(34,197,94,.22);
}

body.urbiax-modern-home-v1 .urbiax-section-chip.community::before{
  background:
    radial-gradient(circle at 42% 46%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 62% 58%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    linear-gradient(135deg,#2563eb,#7c3aed);
  box-shadow:0 10px 20px rgba(37,99,235,.22);
}

body.urbiax-modern-home-v1 .urbiax-section-chip.jobs{
  color:#166534 !important;
  background:linear-gradient(135deg,#ffffff,#f0fdf4) !important;
}

body.urbiax-modern-home-v1 .urbiax-section-chip.community{
  color:#1d4ed8 !important;
  background:linear-gradient(135deg,#ffffff,#eff6ff) !important;
}

body.urbiax-modern-home-v1 .urbiax-section-chip::after{
  display:block;
  margin-top:4px;
  max-width:calc(100% - 42px);
  color:#667085;
  font-size:12px;
  line-height:1.15;
  font-weight:850;
}

body.urbiax-modern-home-v1 .urbiax-section-chip.jobs::after{
  content:"Find work or offer skills";
}

body.urbiax-modern-home-v1 .urbiax-section-chip.community::after{
  content:"Local posts, questions, issues";
}

/* --- Filters accordion: stop hiding the real form, open it properly --- */
body.urbiax-modern-home-v1 .filters-accordion{
  width:calc(100% - 18px) !important;
  max-width:1120px !important;
  margin:0 auto 12px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
  overflow:hidden !important;
}

body.urbiax-modern-home-v1 .filters-acc-head{
  width:100% !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 16px !important;
  border:0 !important;
  background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
  color:#111827 !important;
  cursor:pointer !important;
  font:inherit !important;
}

body.urbiax-modern-home-v1 .filters-acc-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-weight:1000 !important;
  font-size:16px !important;
}

body.urbiax-modern-home-v1 .filters-acc-title::before{
  content:"☰";
  width:34px;
  height:34px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#2563eb;
  background:#eef6ff;
  font-size:18px;
  font-weight:1000;
}

body.urbiax-modern-home-v1 .filters-acc-summary{
  display:block !important;
  min-width:0 !important;
  flex:1 !important;
  color:#667085 !important;
  font-size:13px !important;
  font-weight:850 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.urbiax-modern-home-v1 .filters-acc-chevron{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
  color:#334155;
  font-weight:1000;
}

body.urbiax-modern-home-v1 .filters-accordion.is-collapsed .filters-acc-body{
  display:none !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open .filters-acc-body{
  display:block !important;
  padding:0 14px 14px !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open .filters-acc-head{
  border-bottom:1px solid rgba(15,23,42,.07) !important;
  margin-bottom:12px !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open .filters-acc-chevron{
  transform:rotate(180deg);
}

/* Override older v7 rules that hid toolbar children */
body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:visible !important;
  white-space:normal !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar::before,
body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar::after{
  display:none !important;
  content:none !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar > *{
  display:grid !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row{
  gap:10px !important;
  margin:0 0 10px !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row1,
body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row2{
  grid-template-columns:1fr 1fr !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row3{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:0 !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .input{
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  border-radius:16px !important;
  font-size:14px !important;
}

body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-search,
body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-reset{
  min-height:40px !important;
  border-radius:16px !important;
  padding:0 14px !important;
}

/* Mobile filters: full width below feature cards */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .local-board-tabs{
    margin-bottom:10px !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion{
    margin-bottom:12px !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row1,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row2{
    grid-template-columns:1fr !important;
  }

  body.urbiax-modern-home-v1 .filters-acc-summary{
    font-size:12px !important;
  }
}

/* --- Chat actions --- */
body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
  display:none;
}

@media(max-width:768px){
  /* restore our own mobile chat button beside back-to-top */
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    position:fixed;
    right:84px;
    bottom:22px;
    z-index:9999;
    width:86px;
    height:54px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#38bdf8,#2563eb);
    box-shadow:0 16px 34px rgba(37,99,235,.28);
    font-size:18px;
    font-weight:1000;
    letter-spacing:-.02em;
  }

  body.urbiax-modern-home-v1 .modern-chat-btn{
    display:flex !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions{
    grid-template-columns:.85fr 1.15fr !important;
  }
}

/* Desktop: chat is already visible in the right panel, so card only needs View details */
@media(min-width:769px){
  body.urbiax-modern-home-v1 .modern-chat-btn{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .modern-card-actions{
    grid-template-columns:1fr !important;
  }

  body.urbiax-modern-home-v1 .modern-details-btn{
    max-width:260px;
    justify-self:start;
    padding:0 28px;
  }
}

/* Highlight chat target after jumping */
body.urbiax-modern-home-v1 .ubx-chat-target-highlight{
  outline:3px solid rgba(37,99,235,.28);
  box-shadow:0 0 0 8px rgba(37,99,235,.08), 0 18px 44px rgba(37,99,235,.16) !important;
  border-radius:22px;
}

/* Slightly tighten hero after feature cards became stronger */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    margin-bottom:10px !important;
  }
}


/* =========================================================
   Urbiax Home v9 — mobile/tablet fixes only
   1) Filters open again on phones/tablets
   2) Hide Local Services on phones/tablets only
   Desktop Local Services/sidebar stays untouched.
   ========================================================= */

@media(max-width:1023px){
  /* Hide Local Services from phone/tablet home page only */
  body.urbiax-modern-home-v1 .local-services-mobile-strip,
  body.urbiax-modern-home-v1 .local-services-mobile-modal,
  body.urbiax-modern-home-v1 .local-services-sidebar,
  body.urbiax-modern-home-v1 .local-services-dock{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /* Strong mobile filter accordion repair */
  body.urbiax-modern-home-v1 .filters-accordion{
    width:calc(100% - 18px) !important;
    margin:0 auto 10px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 14px 32px rgba(15,23,42,.06) !important;
  }

  body.urbiax-modern-home-v1 .filters-acc-head{
    display:flex !important;
    width:100% !important;
    min-height:48px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:0 14px !important;
    border:0 !important;
    background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
    color:#111827 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:5 !important;
  }

  body.urbiax-modern-home-v1 .filters-acc-title{
    display:inline-flex !important;
    align-items:center !important;
    font-size:16px !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 .filters-acc-summary{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-collapsed .filters-acc-body{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open .filters-acc-body{
    display:block !important;
    padding:12px !important;
    border-top:1px solid rgba(15,23,42,.07) !important;
    background:#fff !important;
  }

  /* Override older rules which hid form rows */
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar::before,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar::after{
    content:none !important;
    display:none !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar > *,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row1,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row2,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row3{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row1,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row2{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row3{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .input,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar input,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar select{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    border-radius:14px !important;
    font-size:15px !important;
    background:#fff !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .btn,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar button,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    border-radius:14px !important;
    font-weight:950 !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .view-toggle{
    display:none !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row1,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row2,
  body.urbiax-modern-home-v1 .filters-accordion.is-open form.toolbar .t-row3{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   Urbiax Home v10 — mobile view switch + chat click repair
   - Filters shortened, view switch beside it
   - Default mobile view = compact list
   - Cards button switches back to current big-card view
   - Floating Chat click repaired
   ========================================================= */

@media(max-width:768px){
  /* Filters + view switch in one row */
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row{
    width:calc(100% - 18px) !important;
    max-width:1120px !important;
    margin:0 auto 10px !important;
    position:relative !important;
    min-height:48px !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-accordion{
    width:100% !important;
    margin:0 !important;
    box-shadow:none !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-acc-head{
    width:calc(100% - 128px) !important;
    min-height:48px !important;
    border-radius:19px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
    padding:0 13px !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-acc-summary{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-acc-title{
    font-size:15px !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-acc-chevron{
    width:26px !important;
    height:26px !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    width:120px !important;
    min-height:48px !important;
    padding:5px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    border-radius:19px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
    z-index:6 !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-view-btn{
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:1000 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-view-btn.is-active{
    color:#fff !important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    box-shadow:0 8px 16px rgba(37,99,235,.18) !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion.is-open .filters-acc-body{
    margin-top:10px !important;
    width:100% !important;
    display:block !important;
    padding:12px !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.065) !important;
  }

  /* Floating Chat: make it clickable above every overlay */
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:100000 !important;
    right:84px !important;
    bottom:22px !important;
    width:78px !important;
    height:52px !important;
    border-radius:999px !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#38bdf8,#2563eb) !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:17px !important;
    font-weight:1000 !important;
    box-shadow:0 18px 34px rgba(37,99,235,.28) !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.urbiax-modern-home-v1 .rb-backtop,
  body.urbiax-modern-home-v1 .back-to-top,
  body.urbiax-modern-home-v1 #backToTop{
    z-index:99990 !important;
  }

  /* Default/old compact list view: image left, info right */
  body.urbiax-modern-home-v1 #listingsGrid.view-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    border-radius:23px !important;
    overflow:hidden !important;
    min-height:188px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    width:100% !important;
    min-height:146px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:132px !important;
    height:188px !important;
    min-height:188px !important;
    max-height:188px !important;
    border-radius:0 !important;
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .body{
    grid-column:2 !important;
    min-width:0 !important;
    padding:12px 12px 4px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .tag-row{
    margin-bottom:7px !important;
    gap:6px !important;
    align-items:flex-start !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-tag,
  body.urbiax-modern-home-v1 #listingsGrid.view-list .ptype-pill{
    min-height:27px !important;
    padding:0 9px !important;
    font-size:10px !important;
    letter-spacing:.04em !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:18px !important;
    line-height:1.08 !important;
    margin:0 0 5px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-reviews-mini{
    margin-top:4px !important;
    min-height:17px !important;
    transform:scale(.88) !important;
    transform-origin:left center !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .price{
    margin-top:5px !important;
    font-size:17px !important;
    line-height:1.05 !important;
    text-align:left !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .meta-row{
    margin-top:6px !important;
    gap:5px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .meta-pill{
    min-height:24px !important;
    font-size:11px !important;
    padding:0 7px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    margin-left:132px !important;
    padding:0 10px 10px !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    min-height:36px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .photo-count{
    left:10px !important;
    bottom:10px !important;
    min-height:29px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  /* Cards view: current big visual card */
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card{
    display:block !important;
    grid-template-columns:none !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card .thumb{
    width:100% !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions{
    margin-left:0 !important;
    grid-template-columns:.85fr 1.15fr !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row .filters-acc-head{
    width:calc(100% - 112px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    width:106px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card{
    grid-template-columns:116px minmax(0,1fr) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:116px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    margin-left:116px !important;
  }
}


/* =========================================================
   Urbiax Home v11 — chat-bottom + remove filter QR
   ========================================================= */

/* QR / WhatsApp code must not appear inside the filters panel. Keep bottom/footer QR untouched. */
body.urbiax-modern-home-v1 .filters-accordion .wa-toolbar-qr,
body.urbiax-modern-home-v1 form.toolbar .wa-toolbar-qr{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* When jumping to chat on mobile, make the visible chat area more useful. */
@media(max-width:768px){
  body.urbiax-modern-home-v1 .req-chat .publicChatWidget,
  body.urbiax-modern-home-v1 .mode-request-sidebar .publicChatWidget,
  body.urbiax-modern-home-v1 .sidebar .publicChatWidget{
    max-height:none !important;
    height:min(72vh, 620px) !important;
  }

  body.urbiax-modern-home-v1 .req-chat .pcw-messages,
  body.urbiax-modern-home-v1 .mode-request-sidebar .pcw-messages,
  body.urbiax-modern-home-v1 .sidebar .pcw-messages{
    min-height:180px !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    z-index:100000 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}


/* =========================================================
   Urbiax Home v12 — remove filter QR + list image full height
   ========================================================= */

/* Final safeguard: QR must never show in filters/toolbars. Footer/bottom QR is untouched. */
body.urbiax-modern-home-v1 .filters-accordion .wa-toolbar-qr,
body.urbiax-modern-home-v1 form.toolbar .wa-toolbar-qr{
  display:none !important;
}

/* Mobile list view: image on the left must run full height of the card,
   including the Chat / View details action row. */
@media(max-width:768px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:stretch !important;
    min-height:198px !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card{
    display:contents !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    width:132px !important;
    height:100% !important;
    min-height:198px !important;
    max-height:none !important;
    align-self:stretch !important;
    border-radius:0 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .body{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    padding:12px 12px 6px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:end !important;
    margin-left:0 !important;
    padding:0 10px 10px !important;
    display:grid !important;
    grid-template-columns:1fr 1.15fr !important;
    gap:8px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    min-height:38px !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    grid-template-columns:116px minmax(0,1fr) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:116px !important;
    min-height:198px !important;
  }
}


/* =========================================================
   Urbiax Home v13 — mobile chat must not reveal old request panel
   ========================================================= */

@media(max-width:1023px){
  /* Hard-hide the old request/request-form system on phone/tablet.
     Desktop remains controlled by the original layout rules. */
  body.urbiax-modern-home-v1 #modeRequestSidebar,
  body.urbiax-modern-home-v1 #modeRequestDock,
  body.urbiax-modern-home-v1 #requests-rent,
  body.urbiax-modern-home-v1 #requests-sale,
  body.urbiax-modern-home-v1 #requests-swap,
  body.urbiax-modern-home-v1.mobile-req-open #modeRequestSidebar,
  body.urbiax-modern-home-v1.mobile-req-open #modeRequestDock,
  body.urbiax-modern-home-v1.mobile-req-open #requests-rent,
  body.urbiax-modern-home-v1.mobile-req-open #requests-sale,
  body.urbiax-modern-home-v1.mobile-req-open #requests-swap{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /* Chat is the only panel that can be opened by the floating Chat button. */
  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right{
    display:block !important;
    visibility:visible !important;
    width:calc(100% - 18px) !important;
    max-width:none !important;
    margin:12px auto 24px !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .req-panel:not(.req-chat){
    display:none !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mobile-chat-open #requests-swap-chat{
    visibility:visible !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-swap-chat{
    display:block !important;
  }

  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-swap-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-swap-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-sale-chat{
    display:none !important;
  }
}


/* =========================================================
   Urbiax Home v14 — listing card private chat button
   ========================================================= */

@media(max-width:768px){
  body.urbiax-modern-home-v1 .modern-private-chat-btn{
    font-size:12.5px !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    grid-template-columns:1.08fr 1.12fr !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-private-chat-btn{
    font-size:12px !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    gap:6px !important;
  }

  body.urbiax-modern-home-v1 .modern-private-chat-btn,
  body.urbiax-modern-home-v1 .modern-details-btn{
    font-size:11.5px !important;
  }
}


/* =========================================================
   Urbiax Home v15 — mobile action buttons fix
   Fix View details text alignment/wrapping in compact List view.
   ========================================================= */

@media(max-width:768px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:0 10px 10px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a,
  body.urbiax-modern-home-v1 .modern-card-actions a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-width:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
    line-height:1 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-private-chat-btn{
    font-size:12px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-details-btn{
    font-size:12px !important;
    letter-spacing:-.03em !important;
  }

  /* In Cards view there is more space, so keep buttons larger. */
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions a{
    font-size:14px !important;
    line-height:1 !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    gap:5px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-private-chat-btn,
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-details-btn{
    font-size:11px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}


/* =========================================================
   Urbiax Home v18 SAFE — mobile chat fullscreen without white screen
   Conservative version: no widget DOM rewrite, only panel layout + close X.
   ========================================================= */
@media(max-width:768px){
  body.urbiax-modern-home-v1.mobile-chat-open{
    overflow:hidden !important;
    height:100dvh !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right{
    position:fixed !important;
    inset:0 !important;
    z-index:99990 !important;
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    background:#eef4f8 !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .req-panel:not(.req-chat){
    display:none !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mobile-chat-open #requests-swap-chat{
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#eef4f8 !important;
  }

  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-swap-chat{
    display:flex !important;
    flex-direction:column !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-sale-chat,
  body.urbiax-modern-home-v1.mode-rent.mobile-chat-open #requests-swap-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-sale.mobile-chat-open #requests-swap-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-rent-chat,
  body.urbiax-modern-home-v1.mode-swap.mobile-chat-open #requests-sale-chat{
    display:none !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .req-head{
    position:relative !important;
    flex:0 0 auto !important;
    padding:calc(env(safe-area-inset-top, 0px) + 12px) 58px 12px 16px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,248,251,.96)) !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .req-title{
    font-size:18px !important;
    line-height:1.1 !important;
    color:#0f766e !important;
    font-weight:1000 !important;
    margin:0 !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .req-sub{
    margin-top:5px !important;
    color:#64748b !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:750 !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .ubx-chat-close-safe{
    position:absolute !important;
    top:calc(env(safe-area-inset-top, 0px) + 10px) !important;
    right:12px !important;
    width:42px !important;
    height:42px !important;
    border-radius:15px !important;
    border:1px solid rgba(15,23,42,.10) !important;
    background:#fff !important;
    color:#111827 !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 10px 22px rgba(15,23,42,.12) !important;
    z-index:5 !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#efeae2 !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-header{
    flex:0 0 auto !important;
    padding:8px 12px !important;
    background:rgba(255,255,255,.82) !important;
    border-bottom:1px solid rgba(15,23,42,.06) !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-messages{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    padding:14px 10px !important;
    background:
      radial-gradient(circle at 20% 10%, rgba(255,255,255,.45), rgba(255,255,255,0) 40%),
      linear-gradient(180deg,#efeae2,#f4eee7) !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-input{
    flex:0 0 auto !important;
    padding:10px 10px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    background:rgba(248,250,252,.94) !important;
    border-top:1px solid rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-bubble{
    border-radius:18px !important;
    box-shadow:0 4px 14px rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-msg.right .pcw-bubble{
    background:#dcf8c6 !important;
  }

  body.urbiax-modern-home-v1.mobile-chat-open .sidebar-right .publicChatWidget .pcw-privatehint{
    color:#2563eb !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(37,99,235,.16) !important;
    border-radius:999px !important;
    padding:2px 7px !important;
    top:-8px !important;
    left:44px !important;
  }
}


/* =========================================================
   Urbiax Home v19 — chat cleanup using the original chat_widget overlay
   Fixes white-screen risk by removing the custom sidebar fullscreen logic.
   Mobile only; desktop sidebar chat remains unchanged.
   ========================================================= */

@media(max-width:1024px){
  /* Use the stable chat_widget floating button/overlay instead of the custom sidebar jump. */
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.urbiax-modern-home-v1 .pcw-fab{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:fixed !important;
    right:84px !important;
    bottom:22px !important;
    z-index:10002 !important;
    width:78px !important;
    height:52px !important;
    min-width:78px !important;
    min-height:52px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:999px !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:1000 !important;
    text-decoration:none !important;
    background:linear-gradient(135deg,#38bdf8,#2563eb) !important;
    box-shadow:0 18px 34px rgba(37,99,235,.28) !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.urbiax-modern-home-v1 .pcw-fab:active{ transform:scale(.97) !important; }

  /* Avoid duplicate top arrow: keep Urbiax blue back-to-top button, hide chat_widget's extra arrow. */
  body.urbiax-modern-home-v1 .pcw-topfab{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html.pcw-overlay-open .pcw-fab,
  html.pcw-overlay-open .pcw-topfab,
  html.pcw-overlay-open body.urbiax-modern-home-v1 .rb-backtop,
  html.pcw-overlay-open body.urbiax-modern-home-v1 .back-to-top,
  html.pcw-overlay-open body.urbiax-modern-home-v1 #backToTop{
    display:none !important;
  }

  /* Old request form/sidebar should not appear on mobile/tablet. */
  body.urbiax-modern-home-v1 #modeRequestSidebar,
  body.urbiax-modern-home-v1 #modeRequestDock,
  body.urbiax-modern-home-v1 #requests-rent,
  body.urbiax-modern-home-v1 #requests-sale,
  body.urbiax-modern-home-v1 #requests-swap{
    display:none !important;
    visibility:hidden !important;
  }

  /* Full-screen overlay, clean and stable. */
  body.urbiax-modern-home-v1 .pcw-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:100000 !important;
    padding:0 !important;
    background:rgba(15,23,42,.50) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay.show{
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheet{
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:0 !important;
    background:#efeae2 !important;
    overflow:hidden !important;
    box-shadow:none !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar{
    flex:0 0 auto !important;
    position:relative !important;
    top:auto !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px 14px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,252,.96)) !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::before{
    content:'Urbiax Chat' !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#0f766e !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:-.03em !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::after{
    content:'Live local chat · tap avatar for Private chat' !important;
    position:absolute !important;
    left:14px !important;
    bottom:6px !important;
    color:#64748b !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    padding:0 !important;
    border-radius:15px !important;
    border:1px solid rgba(15,23,42,.10) !important;
    background:#fff !important;
    color:transparent !important;
    font-size:0 !important;
    box-shadow:0 10px 22px rgba(15,23,42,.12) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn::before{
    content:'×' !important;
    color:#111827 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    width:100% !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#efeae2 !important;
    overflow:hidden !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-header{
    flex:0 0 auto !important;
    padding:9px 12px !important;
    background:rgba(255,255,255,.78) !important;
    border-bottom:1px solid rgba(15,23,42,.06) !important;
    backdrop-filter:blur(10px) saturate(150%) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-title,
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-sub{
    display:block !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-title{
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-sub{
    margin-top:2px !important;
    color:#64748b !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:750 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget.pcw-dm-mode .pcw-title{
    color:#1d4ed8 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget.pcw-dm-mode .pcw-sub{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    color:#2563eb !important;
    background:rgba(37,99,235,.10) !important;
    font-size:11px !important;
    font-weight:900 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-online{
    margin-top:5px !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:850 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-messages{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    padding:16px 10px 12px !important;
    gap:10px !important;
    background:
      radial-gradient(circle at 18% 10%,rgba(255,255,255,.48),rgba(255,255,255,0) 42%),
      radial-gradient(circle at 82% 76%,rgba(255,255,255,.26),rgba(255,255,255,0) 46%),
      linear-gradient(180deg,#efeae2,#f5eee7) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg{
    max-width:100% !important;
    gap:8px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-bubble{
    max-width:min(82vw,430px) !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:0 4px 14px rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-bubble{
    border-top-left-radius:7px !important;
    background:#fff !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.right .pcw-bubble{
    border-top-right-radius:7px !important;
    background:#dcf8c6 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-textline{
    color:#111827 !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-privatehint{
    top:-9px !important;
    left:44px !important;
    padding:2px 8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(37,99,235,.16) !important;
    color:#1d4ed8 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    box-shadow:0 4px 12px rgba(15,23,42,.08) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-privatehint::before{ display:none !important; }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-privatehint::after{
    content:'↗' !important;
    position:static !important;
    transform:none !important;
    width:auto !important;
    height:auto !important;
    border:0 !important;
    color:#1d4ed8 !important;
    font-size:11px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-input{
    flex:0 0 auto !important;
    padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 10px) !important;
    background:rgba(248,250,252,.94) !important;
    border-top:1px solid rgba(15,23,42,.08) !important;
    backdrop-filter:blur(10px) saturate(150%) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-nick,
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-text{
    border-radius:16px !important;
    border:1px solid rgba(15,23,42,.10) !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(15,23,42,.04) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-send{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:16px !important;
    box-shadow:0 12px 26px rgba(22,163,74,.22) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-bubble.ubx-reply-tap{
    transform:translateY(-1px) scale(1.012) !important;
    outline:2px solid rgba(37,99,235,.22) !important;
    box-shadow:0 12px 26px rgba(37,99,235,.15) !important;
  }
}


/* =========================================================
   Urbiax Home v20 — cleaner WhatsApp-style mobile chat
   Safe CSS-only polish on top of stable chat_widget overlay.
   ========================================================= */

@media(max-width:1024px){
  body.urbiax-modern-home-v1 .pcw-overlay.show{
    background:rgba(15,23,42,.38) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheet{
    background:#efeae2 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar{
    min-height:64px !important;
    padding:calc(env(safe-area-inset-top,0px) + 9px) 74px 12px 16px !important;
    background:linear-gradient(135deg,#f8fffb 0%,#eef7ff 100%) !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 8px 26px rgba(15,23,42,.10) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::before{
    content:'Urbiax Chat' !important;
    font-size:21px !important;
    color:#0f766e !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    letter-spacing:-.045em !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::after{
    content:'Live local chat · tap avatar for Private chat' !important;
    left:16px !important;
    bottom:9px !important;
    color:#475569 !important;
    font-size:11px !important;
    font-weight:850 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn{
    position:absolute !important;
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    right:14px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.16) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn::before{
    content:'×' !important;
    color:#111827 !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget{
    background:#efeae2 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-header{
    padding:12px 16px 10px !important;
    background:rgba(255,255,255,.90) !important;
    border-bottom:1px solid rgba(15,23,42,.075) !important;
    box-shadow:0 4px 14px rgba(15,23,42,.045) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-title{
    display:block !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    color:#111827 !important;
    letter-spacing:-.035em !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-sub{
    display:block !important;
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.32 !important;
    color:#64748b !important;
    font-weight:800 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-online{
    margin-top:8px !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    color:#0f766e !important;
    background:rgba(20,184,166,.10) !important;
    font-size:12px !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-messages{
    padding:18px 10px 16px !important;
    gap:13px !important;
    background:
      radial-gradient(circle at 20% 10%, rgba(255,255,255,.48), rgba(255,255,255,0) 36%),
      radial-gradient(circle at 88% 78%, rgba(255,255,255,.34), rgba(255,255,255,0) 38%),
      linear-gradient(180deg,#efeae2 0%,#f5efe8 100%) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg{
    max-width:100% !important;
    gap:8px !important;
    position:relative !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left{
    padding-left:0 !important;
    padding-right:34px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.right{
    padding-left:40px !important;
    padding-right:0 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-avatar{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:50% !important;
    font-size:14px !important;
    font-weight:1000 !important;
    border:2px solid rgba(255,255,255,.72) !important;
    box-shadow:0 6px 16px rgba(15,23,42,.14) !important;
    z-index:2 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-bubble{
    position:relative !important;
    max-width:min(78vw, 430px) !important;
    padding:10px 12px 11px !important;
    border:1px solid rgba(15,23,42,.075) !important;
    border-radius:19px !important;
    box-shadow:0 5px 18px rgba(15,23,42,.095) !important;
    background:#ffffff !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-bubble{
    border-top-left-radius:7px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.right .pcw-bubble{
    border-top-right-radius:7px !important;
    background:linear-gradient(180deg,#dcf8c6 0%,#d7f5bf 100%) !important;
    border-color:rgba(22,163,74,.16) !important;
  }

  /* Small WhatsApp-like bubble tails */
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-bubble::before{
    content:'' !important;
    position:absolute !important;
    left:-6px !important;
    top:10px !important;
    width:12px !important;
    height:12px !important;
    background:#ffffff !important;
    border-left:1px solid rgba(15,23,42,.075) !important;
    border-bottom:1px solid rgba(15,23,42,.075) !important;
    transform:rotate(45deg) !important;
    border-radius:2px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.right .pcw-bubble::before{
    content:'' !important;
    position:absolute !important;
    right:-6px !important;
    top:10px !important;
    width:12px !important;
    height:12px !important;
    background:#dcf8c6 !important;
    border-right:1px solid rgba(22,163,74,.16) !important;
    border-top:1px solid rgba(22,163,74,.16) !important;
    transform:rotate(45deg) !important;
    border-radius:2px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-meta{
    margin-bottom:6px !important;
    gap:10px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-name{
    color:#0f172a !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-presence{
    margin-top:2px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-presence-label{
    color:#64748b !important;
    font-size:10.5px !important;
    font-weight:800 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-date,
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-time{
    font-size:10px !important;
    font-weight:950 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-textline{
    color:#111827 !important;
    font-size:15.5px !important;
    line-height:1.48 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-more{
    color:#64748b !important;
    background:rgba(15,23,42,.035) !important;
    border-radius:999px !important;
  }

  /* Replace the awkward long arrow with a compact private-chat badge under avatar. */
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-privatehint{
    position:absolute !important;
    left:-2px !important;
    top:39px !important;
    width:46px !important;
    height:20px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#ffffff,#eef6ff) !important;
    border:1px solid rgba(37,99,235,.16) !important;
    box-shadow:0 5px 12px rgba(15,23,42,.09) !important;
    color:transparent !important;
    font-size:0 !important;
    pointer-events:none !important;
    z-index:3 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-privatehint::before{
    content:'Private' !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    background:transparent !important;
    color:#2563eb !important;
    font-size:8.8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    position:static !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-msg.left .pcw-privatehint::after{
    content:'↗' !important;
    display:block !important;
    position:absolute !important;
    right:-5px !important;
    top:-4px !important;
    width:15px !important;
    height:15px !important;
    border:0 !important;
    border-radius:50% !important;
    transform:none !important;
    color:#ffffff !important;
    background:#2563eb !important;
    font-size:10px !important;
    line-height:15px !important;
    text-align:center !important;
    font-weight:1000 !important;
    box-shadow:0 4px 9px rgba(37,99,235,.22) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-input{
    padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 10px) !important;
    gap:8px !important;
    background:rgba(248,250,252,.96) !important;
    border-top:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 -8px 24px rgba(15,23,42,.06) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-nick,
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-text{
    min-height:46px !important;
    border-radius:17px !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 2px 8px rgba(15,23,42,.04) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-send{
    min-width:82px !important;
    height:44px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    box-shadow:0 12px 24px rgba(22,163,74,.22) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-emoji{
    width:44px !important;
    height:44px !important;
    border-radius:16px !important;
    background:#ffffff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 4px 12px rgba(15,23,42,.06) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget.pcw-dm-mode .pcw-title{
    color:#1d4ed8 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget.pcw-dm-mode .pcw-sub{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin-top:5px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    color:#1d4ed8 !important;
    background:rgba(37,99,235,.10) !important;
    font-size:11px !important;
    font-weight:1000 !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-bubble{
    max-width:76vw !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::before{
    font-size:19px !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::after{
    font-size:10px !important;
  }
}


/* v21 chat media/avatar polish */
@media(max-width:1024px){
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-photo,
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-avatarbtn{
    width:auto !important;
    min-width:64px !important;
    height:44px !important;
    border-radius:16px !important;
    background:#ffffff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 4px 12px rgba(15,23,42,.06) !important;
    font-weight:1000 !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-videothumb{
    max-height:240px !important;
  }
}


/* =========================================================
   Urbiax Home v22 — price/deposit layout
   - Cards view: price stays left under stars.
   - Deposit, when available in DB, appears on the right.
   - List view: compact deposit chip sits beside price.
   ========================================================= */

body.urbiax-modern-home-v1 .price-deposit-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:8px 0 0 !important;
  width:100% !important;
}

body.urbiax-modern-home-v1 .price-deposit-row .price{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
  margin:0 !important;
}

body.urbiax-modern-home-v1 .deposit-chip{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#8a4b13 !important;
  background:linear-gradient(135deg,#fff7ed,#ffedd5) !important;
  border:1px solid rgba(180,83,9,.18) !important;
  box-shadow:0 8px 18px rgba(180,83,9,.08) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

/* Mobile Cards view — price must be under rating on the left, not pushed to right */
@media(max-width:768px){
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price-deposit-row{
    margin-top:12px !important;
    align-items:center !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price-deposit-row .price{
    text-align:left !important;
    font-size:21px !important;
    line-height:1.05 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-2 .deposit-chip{
    margin-left:auto !important;
  }

  /* Compact List view — deposit fits as a small chip next to price */
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row{
    margin-top:5px !important;
    align-items:center !important;
    gap:7px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:17px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .deposit-chip{
    min-height:24px !important;
    padding:0 7px !important;
    font-size:10.5px !important;
    max-width:88px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

@media(max-width:390px){
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price-deposit-row{
    flex-wrap:wrap !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-2 .deposit-chip{
    margin-left:0 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .deposit-chip{
    max-width:78px !important;
    font-size:10px !important;
  }
}


/* v23 chat controls: make media and emoji obvious/clickable on mobile overlay */
@media(max-width:1024px){
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-input{
    position:relative !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-actions{
    align-items:center !important;
    gap:8px !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-photo{
    min-width:112px !important;
    padding:0 12px !important;
    font-size:12px !important;
    color:#1d4ed8 !important;
    background:linear-gradient(135deg,#eff6ff,#ffffff) !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-emoji{
    color:#111827 !important;
    font-size:20px !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-emoji-pop{
    right:10px !important;
    bottom:64px !important;
  }
}


/* v24 mobile overlay: keep chat controls clickable above everything */
@media(max-width:1024px){
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    gap:8px !important;
    align-items:center !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-photo{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    min-width:82px !important;
    height:44px !important;
    padding:0 11px !important;
    border-radius:16px !important;
    font-size:12px !important;
    font-weight:1000 !important;
    color:#1d4ed8 !important;
    background:linear-gradient(135deg,#eff6ff,#ffffff) !important;
    border:1px solid rgba(37,99,235,.14) !important;
    box-shadow:0 4px 12px rgba(15,23,42,.06) !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-emoji{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:1000 !important;
    color:#111827 !important;
    font-size:20px !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-emoji-pop{
    z-index:999999 !important;
  }
}