/* Urbiax home extracted CSS P3 - blocks 1-36 from rentals/index.php. */

/* Rentals rotating tip (desktop only) */
.mode-tabs-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.rentals-tipbox{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 18px rgba(17,24,39,.06);
  flex:1 1 320px;          /* takes remaining space, wraps if needed */
  min-width:280px;
  max-width:560px;
}
.rentals-tiplabel{
  font-weight:900;
  color:#1f7a3a;
  white-space:nowrap;
}
.rentals-tipviewport{
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  flex:1;
}
#rentalsTipMarquee{
  display:inline-block;
  will-change:transform;
  padding-right:24px; /* spacing at end of scroll */
}
@keyframes rentalsMarquee{
  0%{ transform:translateX(100%); }
  100%{ transform:translateX(-100%); }
}
/* Hide tip on mobile/tablet (as requested) */
@media (max-width: 900px){
  .rentals-tipbox{ display:none !important; }
  .mode-tabs-row{ display:block; }
}



.local-board-tabs{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.local-board-tabs-label{
  font-size:12px;font-weight:950;color:#64748b;text-transform:uppercase;
  letter-spacing:.06em;white-space:nowrap;
}
.urbiax-section-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 12px;border-radius:999px;text-decoration:none;
  font-weight:900;font-size:14px;line-height:1.1;
  border:1px solid rgba(15,23,42,.10);
  background:#ffffff;color:#0f172a;
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}
.urbiax-section-chip.jobs{background:linear-gradient(135deg,#ecfdf5,#ffffff);color:#166534;border-color:rgba(34,197,94,.22)}
.urbiax-section-chip.community{background:linear-gradient(135deg,#eff6ff,#ffffff);color:#1d4ed8;border-color:rgba(59,130,246,.22)}
.urbiax-section-chip.services{background:linear-gradient(135deg,#fff7ed,#ffffff);color:#9a3412;border-color:rgba(249,115,22,.22)}
@media(max-width:900px){
  .urbiax-section-chip{font-size:13px;padding:8px 10px}
}

/* Mobile: keep Rentals/Sale/Swap clear on the first line,
   then show Jobs and Community underneath. This avoids a crowded
   mixed row and keeps Local Services separate below. */
@media(max-width:700px){
  .mode-tabs-row{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:stretch;
  }
  .mode-tabs.primary-mode-tabs{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
  }
  .mode-tabs.primary-mode-tabs .mode-tab{
    min-width:0;
    height:auto;
    padding:12px 4px;
    border-radius:0;
    box-shadow:none;
    border-top:0;
    border-bottom:0;
    border-left:0;
    border-right:1px solid rgba(17,24,39,.10);
    font-size:14px;
    line-height:1.05;
    white-space:nowrap;
    text-align:center;
  }
  .mode-tabs.primary-mode-tabs .mode-tab.swap{border-right:0}
  .mode-tabs.primary-mode-tabs .mode-tab.all{display:none!important}
  .local-board-tabs{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:0 1px;
  }
  .local-board-tabs-label{
    font-size:11px;
    letter-spacing:.04em;
  }
  .local-board-tabs .urbiax-section-chip{
    min-width:0;
    padding:11px 8px;
    border-radius:16px;
    box-shadow:0 8px 18px rgba(15,23,42,.06);
    font-size:14px;
    background:#fff;
  }
}
@media(max-width:370px){
  .mode-tabs.primary-mode-tabs .mode-tab{font-size:13px;padding-left:2px;padding-right:2px}
  .local-board-tabs-label{display:none}
  .local-board-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* Tag row: left kind + right property type */
.card .tag-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.card .listing-tag{
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1.2;
}
.card .ptype-pill{
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1.2;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.88);
  color:rgba(20,25,30,.92);
  white-space:nowrap;
}
.card .ptype-pill.ptype-room{
  border-color:rgba(245,158,11,.45);
  background:linear-gradient(135deg, rgba(245,158,11,.34), rgba(245,158,11,.12));
  color:rgba(120,53,15,.96);
}
.card .ptype-pill.ptype-flat{
  border-color:rgba(20,184,166,.45);
  background:linear-gradient(135deg, rgba(20,184,166,.30), rgba(20,184,166,.10));
  color:rgba(15,118,110,.96);
}
.card .ptype-pill.ptype-house{
  border-color:rgba(99,102,241,.45);
  background:linear-gradient(135deg, rgba(99,102,241,.26), rgba(99,102,241,.10));
  color:rgba(49,46,129,.96);
}
/* Slightly more vivid kind tags */
.card.is-rent .listing-tag{ background:rgba(16,185,129,.14); color:rgba(6,95,70,.95); border:1px solid rgba(16,185,129,.28); }
.card.is-sale .listing-tag{ background:rgba(245,158,11,.15); color:rgba(146,64,14,.95); border:1px solid rgba(245,158,11,.32); }
.card.is-swap .listing-tag{ background:rgba(59,130,246,.15); color:rgba(30,64,175,.95); border:1px solid rgba(59,130,246,.32); }

/* Make City/Postcode pill slightly stronger */
.card .meta-pill.meta-loc{
  font-weight:700;
  color:rgba(17,24,39,.92);
  border-color:rgba(0,0,0,.12);
}

.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 6px;}
.pager-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid #d6dbe3;background:#fff;text-decoration:none;font-weight:600;}
.pager-meta{font-weight:600;color:#5b677a;}
@media(max-width:768px){.pager{margin:10px 0 4px;}.pager-btn{padding:7px 12px;font-size:13px;}}

/* Listing ageing visual effect disabled: all listings stay full-colour regardless of age/status. */
.card.age-1,
.card.age-2,
.card.is-closed{
  opacity:1;
  filter:none;
}

/* Keep listing photos vivid at every age. */
.card .thumb img,
.card.age-1 .thumb img,
.card.age-2 .thumb img,
.card.is-closed .thumb img{
  opacity:1;
  filter:saturate(1.08) contrast(1.04) brightness(1.01);
  image-rendering:auto;
}

/* Closed listing overlay badge (rented/sold/reserved/swapped) */
.deal-badge{
  position:absolute;
  left:10px;
  top:10px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.06em;
  font-size:12px;
  line-height:1;
  background:rgba(0,0,0,.65);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(4px);
}
.deal-badge.deal-rented{ background:rgba(16,185,129,.75); }
.deal-badge.deal-sold{ background:rgba(245,158,11,.78); }
.deal-badge.deal-reserved{ background:rgba(99,102,241,.78); }
.deal-badge.deal-swapped{ background:rgba(59,130,246,.78); }

.card.is-closed .thumb img{
  filter:saturate(1.08) contrast(1.04) brightness(1.01);
  opacity:1;
}


/* ALL tab pagination / load-more (safe server-side) */
.all-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 4px;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
}
.all-pager-note{
  font-size:12px;
  color:#6b7280;
  white-space:nowrap;
}
.all-pager .all-pager-btn{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 680px){
  .all-pager{
    gap:8px;
    padding:10px;
  }
  .all-pager-note{
    width:100%;
    text-align:center;
    white-space:normal;
    order:3;
  }
  .all-pager .all-pager-btn{
    flex:1 1 160px;
  }
}

@media (max-width: 560px){
  .rStatsPanel{ left: 50%; transform: translateX(-50%); top: 52px; width: min(94vw, 360px); }
  .rStatsHeader{ align-items:flex-start; }
  .rStatsHeaderActions{ width:100%; justify-content:space-between; }
  .rStatsActionBtn{ min-height:34px; padding:0 10px; font-size:11px; }
}

/* === UI-only SEARCH PANEL FIX v2 (no logic touched) === */

/* compact spacing */
form.toolbar{padding:14px !important;}
form.toolbar .t-row{margin-bottom:10px !important;}

/* fields sizing */
form.toolbar .input{height:46px !important;padding:10px 14px !important;border-radius:14px !important;font-size:16px !important;}

/* row1: postcode + type side-by-side on mobile too */
form.toolbar .t-row1{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:10px !important;
  align-items:center !important;
}
form.toolbar .t-row1 .t-q,
form.toolbar .t-row1 .t-type{
  width:100% !important;
  min-width:0 !important;
}

/* row2 already 2 selects; keep them side-by-side */
form.toolbar .t-row2{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:10px !important;
  align-items:center !important;
}
form.toolbar .t-row2 .t-beds,
form.toolbar .t-row2 .t-sort{
  width:100% !important;
  min-width:0 !important;
}

/* view toggle alignment */
form.toolbar .view-toggle{
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin:8px 0 12px !important;
}
form.toolbar .view-toggle .vt-btn{
  width:54px !important;
  height:54px !important;
  border-radius:16px !important;
}



/* Show only the intended view buttons:
   - Desktop/tablet (>=641px): 3 and 4 columns only
   - Mobile (<=640px): list + 2 columns only
   (Keep JS logic untouched; this is UI-only.) */
@media(min-width:641px){
  form.toolbar .view-toggle .vt-btn[data-view="list"],
  form.toolbar .view-toggle .vt-btn[data-view="2"],
  form.toolbar .view-toggle .vt-btn[data-view="3"]{
    display:none !important;
  }
}
@media(max-width:640px){
  form.toolbar .view-toggle .vt-btn[data-view="3"],
  form.toolbar .view-toggle .vt-btn[data-view="4"]{
    display:none !important;
  }
}
/* row3 buttons tidy on mobile */
@media(max-width:700px){
  form.toolbar .t-row3{
    display:grid !important;
    grid-template-columns: 1fr !important;
    gap:10px !important;
  }
  form.toolbar .t-search,
  form.toolbar .t-reset{
    width:100% !important;
    text-align:center !important;
  }
}

/* === Premium typography polish (tiles/cards) — CSS-only, no logic touched === */
:root{
  --ui-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
body{
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Tiles / cards */
.card, .card *{
  font-family: var(--ui-font);
}

/* Tag (RENT / SALE / SWAP) */
.card .listing-tag{
  font-weight: 750;
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: .09em;
  text-transform: uppercase;
}

/* Main title (e.g., Ensuite Room Available) */
.card .listing-title{
  font-weight: 780;
  font-size: clamp(15px, 1.9vw, 17px);
  line-height: 1.18;
  letter-spacing: -0.01em;
  color: #0f172a;
  margin-top: 6px;
}

/* Price row */
.card .price{
  font-weight: 720;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #0b1220;
}

/* Small badge (property type) */
.card .badge{
  font-weight: 650;
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: .02em;
}

/* Meta pills (city/postcode/added) */
.card .meta,
.card .meta-pill{
  font-weight: 620;
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: .01em;
}

/* Optional: slightly nicer paragraph text inside cards, if ever present */
.card p,
.card .desc,
.card .description{
  font-weight: 520;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
  color: #1f2937;
}

/* =========================
   MOBILE FILTER ULTRA COMPACT UI (v2)
   ========================= */
@media (max-width: 768px) {

  /* cały box filtrów */
  .filters,
  .search-box,
  .filters-wrapper {
    padding: 8px !important;
    gap: 8px !important;
  }

  /* inputy i selecty */
  .filters input,
  .filters select {
    height: 30px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 9px !important;
  }

  /* przyciski Search / Reset */
  .filters button,
  .filters .btn {
    height: 36px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  /* Search – główny */
  .filters .btn-primary,
  .filters .search-btn {
    font-weight: 650;
  }

  /* Reset – drugorzędny */
  .filters .btn-secondary,
  .filters .reset-btn {
    font-size: 12.5px !important;
  }

  /* przyciski przełączania widoku (grid/list) */
  .view-switch button,
  .viewSwitch button,
  .view-toggle button,
  .toggle-view button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }

  .view-switch svg,
  .viewSwitch svg,
  .view-toggle svg,
  .toggle-view svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* mniejsze odstępy pionowe */
  .filters-row {
    margin-bottom: 6px !important;
  }
}

/* inputs & selects */
  .filters input,
  .filters select {
    height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }

  /* Search / Reset buttons */
  .filters button,
  .filters .btn {
    height: 44px !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
  }

  .filters .btn-primary,
  .filters .search-btn {
    font-weight: 600;
  }

  .filters .btn-secondary,
  .filters .reset-btn {
    font-size: 14px !important;
  }

  /* list/grid toggle buttons */
  .view-switch button {
    width: 44px !important;
    height: 44px !important;
  }

  /* reduce vertical spacing */
  .filters-row {
    margin-bottom: 8px !important;
  }

/* MOBILE TOOLBAR MICRO SCALE (v8) */
@media (max-width: 768px){
  .mode-tab{padding:9px 10px!important;font-size:15px!important;line-height:1.1!important}
  form.toolbar{padding:10px!important;border-radius:18px!important}
  form.toolbar .t-row{gap:8px!important;margin:0 0 8px!important}
  form.toolbar .input{height:30px!important;padding:6px 10px!important;font-size:12px!important;border-radius:12px!important}
  .view-toggle{gap:6px!important}
  /* Responsive view toggle:
     - Mobile: show List + 2 columns
     - Desktop: show 3 + 4 columns */
  .view-toggle .vt-btn[data-view="list"],
  .view-toggle .vt-btn[data-view="2"]{display:none}
  @media (max-width: 640px){
    .view-toggle .vt-btn[data-view="3"],
    .view-toggle .vt-btn[data-view="4"]{display:none}
    .view-toggle .vt-btn[data-view="list"],
    .view-toggle .vt-btn[data-view="2"]{display:inline-flex}
  }
  @media (min-width: 641px){
    .view-toggle .vt-btn[data-view="list"],
    .view-toggle .vt-btn[data-view="2"],
    .view-toggle .vt-btn[data-view="3"]{display:none}
    .view-toggle .vt-btn[data-view="4"]{display:inline-flex}
  }

  .vt-btn{width:24px!important;height:24px!important;padding:0!important;border-radius:8px!important;font-size:13px!important;line-height:1!important}
  .vt-btn.vt-hide-sm{display:none!important}
  .t-search,.t-reset{height:32px!important;padding:7px 10px!important;font-size:12.5px!important;border-radius:14px!important}
}

/* Public chat in right panel (Rent/Sale/Swap) */
.sidebar .req-chat{ margin-top:12px; }
.sidebar .req-chat .publicChatWidget{
  /* Slightly shorter so the footer (nick/emoji/photo/send) never goes under the viewport */
  height:calc(100vh - 360px);
  height:calc(100dvh - 360px);
  max-height:560px;
}
.sidebar .req-chat .pcw-messages{ min-height:0; }
/* Keep SWAP chat a touch tighter */
#requests-swap-chat .publicChatWidget{ box-shadow:none; }

/* Sticky right panel (Looking for...) should stay visible while listings scroll */
@media (min-width: 1024px){
  .sidebar{
    position: sticky; /* reinforce (some overrides can unset it) */
    top: 88px;        /* below the sticky navbar */
    max-height: calc(100vh - 104px);
    max-height: calc(100dvh - 104px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

/* Desktop: navbar is sticky (not fixed), so do NOT add extra top padding */
@media (min-width: 901px){
  body{ padding-top: 0 !important; }
}

.mode-request-sidebar{display:none;width:100%}
.mode-request-sidebar .req-panel{margin-bottom:14px}
@media (min-width:1024px){
  body.mode-rent .layout.js-dual-side-layout,
  body.mode-sale .layout.js-dual-side-layout,
  body.mode-swap .layout.js-dual-side-layout{grid-template-columns:minmax(250px,280px) minmax(0,1fr) 360px;gap:16px;align-items:start}
  body.mode-rent .mode-request-sidebar,
  body.mode-sale .mode-request-sidebar,
  body.mode-swap .mode-request-sidebar{display:block;position:sticky;top:88px;max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  body.mode-rent .layout.js-dual-side-layout.req-side-right,
  body.mode-sale .layout.js-dual-side-layout.req-side-right,
  body.mode-swap .layout.js-dual-side-layout.req-side-right{grid-template-columns:360px minmax(0,1fr) minmax(250px,280px)}
  body.mode-rent .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar,
  body.mode-sale .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar,
  body.mode-swap .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar{order:3}
  body.mode-rent .layout.js-dual-side-layout.req-side-right>.main,
  body.mode-sale .layout.js-dual-side-layout.req-side-right>.main,
  body.mode-swap .layout.js-dual-side-layout.req-side-right>.main{order:2}
  body.mode-rent .layout.js-dual-side-layout.req-side-right>.sidebar-right,
  body.mode-sale .layout.js-dual-side-layout.req-side-right>.sidebar-right,
  body.mode-swap .layout.js-dual-side-layout.req-side-right>.sidebar-right{order:1}
}
body.mode-all .sidebar-right{display:none !important}
body.mode-all .layout.js-dual-side-layout{grid-template-columns:1fr !important}
@media (min-width:1320px){
  html.mode-chat-docked body.mode-rent .mode-request-sidebar,
  html.mode-chat-docked body.mode-sale .mode-request-sidebar,
  html.mode-chat-docked body.mode-swap .mode-request-sidebar{display:block !important}
  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout{grid-template-columns:minmax(250px,280px) minmax(0,1fr) !important}
  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout.req-side-right,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout.req-side-right,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout.req-side-right{grid-template-columns:minmax(0,1fr) minmax(250px,280px) !important}
  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout.req-side-right>.main,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout.req-side-right>.main,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout.req-side-right>.main{order:1}
  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout.req-side-right>.mode-request-sidebar{order:2}
  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout.req-external-dock,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout.req-external-dock,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout.req-external-dock{grid-template-columns:minmax(0,1fr) !important}
  html.mode-chat-docked body.mode-rent .mode-request-sidebar,
  html.mode-chat-docked body.mode-sale .mode-request-sidebar,
  html.mode-chat-docked body.mode-swap .mode-request-sidebar{display:none !important}

  /* External left/right dock for request panels (mirrors chat dock) */
  .mode-request-dock{display:none}
  html.mode-chat-docked body.mode-rent .mode-request-dock,
  html.mode-chat-docked body.mode-sale .mode-request-dock,
  html.mode-chat-docked body.mode-swap .mode-request-dock{
    display:block;position:fixed;top:12px;bottom:12px;left:8px;
    width:300px;max-width:calc(100vw - 16px);z-index:1190;
    display:flex;flex-direction:column;pointer-events:auto;
    box-sizing:border-box;
  }
  html.mode-chat-docked .mode-request-dock > .req-panel{
    margin:0;height:100%;max-height:none;overflow:auto;
    scrollbar-gutter:stable;overscroll-behavior:contain;
  }
  html.mode-chat-docked .mode-request-dock .req-panel .req-list{max-height:none}
  html.mode-chat-docked .mode-request-dock.req-side-right{left:auto;right:8px}
}

  .req-jump-hint{
    margin:4px 0 8px;
    color:#46606c;
    font-size:12px;
    line-height:1.35;
    opacity:.95;
  }
  .req-jump-hint-btn{
    display:block;width:100%;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;
  }
  .req-jump-hint-btn .req-jump-hint-cta{
    display:inline-block;margin-left:6px;color:#1d4ed8;font-weight:800;text-decoration:underline;
  }
  @media (hover:hover){ .req-jump-hint-btn:hover{ opacity:1; } }

  /* Mobile: allow request panel to be revealed when user taps the helper text */
  @media (max-width:1023px){
    body.mobile-req-open .mode-request-sidebar{display:block !important; margin:8px 0 12px;}
    body.mobile-req-open .mode-request-sidebar[hidden]{display:block !important;}
    body.mobile-req-open .mode-request-sidebar > .req-panel{display:block !important;}
  }

@media (min-width:1024px){
  .layout.layout-with-services{grid-template-columns:minmax(300px,330px) minmax(0,1fr) 360px;gap:18px;align-items:start}
  body.mode-all .layout.layout-with-services{grid-template-columns:minmax(300px,330px) minmax(0,1fr)!important}
  .local-services-sidebar{display:block;position:sticky;top:88px;max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}
@media (max-width:1023px){
  .local-services-sidebar{display:none!important}
  .layout.layout-with-services{grid-template-columns:1fr!important}
}
.local-services-panel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;box-shadow:0 18px 38px rgba(15,23,42,.08);padding:14px}
.local-services-head{margin-bottom:12px}
.local-services-kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;background:#ecfeff;border:1px solid rgba(20,184,166,.20);font-weight:900;font-size:12px;letter-spacing:.06em;color:#0f766e;text-transform:uppercase}
.local-services-head h3{margin:10px 0 6px;font-size:18px;line-height:1.15;color:#0f172a}
.local-services-head p{margin:0;color:#64748b;font-size:13px;line-height:1.45}
.local-services-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.local-services-list{display:grid;gap:12px;margin-top:14px}
.local-services-card{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.local-services-card.is-featured{border-color:rgba(37,99,235,.18);box-shadow:0 12px 24px rgba(37,99,235,.10)}
.local-services-thumb{position:relative;width:104px;height:104px;border-radius:18px;overflow:hidden;background:#e5e7eb;display:block;flex:0 0 104px}
.local-services-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.local-services-content{min-width:0}
.local-services-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.local-services-title{margin:0;font-size:17px;line-height:1.15;color:#0f172a;font-weight:900}
.local-services-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900;white-space:nowrap;flex:0 0 auto}
.local-services-meta{margin:5px 0 0;color:#475569;font-size:12px;line-height:1.35;font-weight:700}
.local-services-desc{margin:8px 0 0;color:#475569;font-size:13px;line-height:1.42}
.local-services-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.local-services-actions .btn{min-height:34px;padding:0 12px;font-size:12px;border-radius:12px}
.local-services-empty{padding:14px;border-radius:16px;background:#f8fafc;border:1px dashed rgba(15,23,42,.12);color:#475569;font-size:13px;line-height:1.45}
.local-services-flash{margin:0 0 12px;padding:11px 12px;border-radius:14px;font-weight:800;font-size:13px}
.local-services-flash.ok{background:#ecfdf5;border:1px solid rgba(34,197,94,.20);color:#166534}
@media (max-width:1320px){
  html.mode-chat-docked body.mode-rent .layout.layout-with-services,
  html.mode-chat-docked body.mode-sale .layout.layout-with-services,
  html.mode-chat-docked body.mode-swap .layout.layout-with-services{grid-template-columns:minmax(300px,330px) minmax(0,1fr)!important}
}

@media (min-width:1024px){
  .local-services-dock{display:none;position:fixed;top:92px;left:8px;width:252px;z-index:1180;pointer-events:auto}
  .local-services-dock.is-active{display:block}
  .local-services-dock .local-services-sidebar{display:block!important;position:static;top:auto;max-height:none;overflow:visible;scrollbar-gutter:auto;width:100%}
  .local-services-dock .local-services-panel{padding:12px;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .layout.layout-with-services.local-services-external-dock{grid-template-columns:minmax(0,1fr) 360px!important}
  body.mode-all .layout.layout-with-services.local-services-external-dock{grid-template-columns:1fr!important}
  .layout.layout-with-services.local-services-external-dock>.local-services-sidebar{display:none!important}
  .local-services-dock .local-services-head h3{font-size:17px}
  .local-services-dock .local-services-head p{font-size:12px;line-height:1.4}
  .local-services-dock .local-services-cta{margin-top:12px}
  .local-services-dock .local-services-list{gap:10px;margin-top:12px}
  .local-services-dock .local-services-card{grid-template-columns:72px 1fr;gap:10px;padding:10px;border-radius:18px}
  .local-services-dock .local-services-thumb{width:72px;height:72px;border-radius:14px;flex-basis:72px}
  .local-services-dock .local-services-title{font-size:14px;line-height:1.18}
  .local-services-dock .local-services-badge{font-size:10px;padding:0 8px;min-height:22px}
  .local-services-dock .local-services-meta{font-size:11px;line-height:1.3}
  .local-services-dock .local-services-desc{margin-top:6px;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .local-services-dock .local-services-actions{gap:6px;margin-top:8px}
  .local-services-dock .local-services-actions .btn{min-height:32px;padding:0 10px;font-size:11px;border-radius:10px}
  .local-services-dock .local-services-empty{font-size:12px;padding:12px}
}
@media (max-width:1023px){
  .local-services-dock{display:none!important}
}

@media (min-width:768px){
  .local-services-mobile-strip,
  .local-services-mobile-modal{display:none !important}
}
@media (max-width:767px){
  .local-services-mobile-strip{display:block;margin:10px 0 12px}
  .local-services-mobile-shell{
    position:relative;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border:1px solid rgba(15,23,42,.08);
    border-radius:22px;
    box-shadow:0 14px 32px rgba(15,23,42,.08);
    padding:12px 12px 10px;
    overflow:hidden;
  }
  .local-services-mobile-shell::after{
    content:"";
    position:absolute; inset:auto -30% -70px auto;
    width:180px; height:180px; border-radius:999px;
    background:radial-gradient(circle, rgba(37,99,235,.10) 0%, rgba(37,99,235,0) 72%);
    pointer-events:none;
  }
  .local-services-mobile-head{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    position:relative; z-index:1;
  }
  .local-services-mobile-headcopy{min-width:0}
  .local-services-mobile-head h3{display:none}
  .local-services-mobile-head p{display:none}
  .local-services-mobile-add{min-height:34px;padding:0 12px;border-radius:12px;font-size:12px;white-space:nowrap}
  .local-services-mobile-flash{margin:0 0 10px;padding:11px 12px;border-radius:14px;font-weight:800;font-size:13px}
  .local-services-mobile-flash.ok{background:#ecfdf5;border:1px solid rgba(34,197,94,.18);color:#166534}
  .local-services-mobile-rail{
    position:relative; z-index:1; margin-top:10px;
    overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; scroll-behavior:auto; overscroll-behavior-x:contain;
    padding-bottom:2px;
  }
  .local-services-mobile-rail::-webkit-scrollbar{display:none}
  .local-services-mobile-track{display:flex; align-items:stretch; gap:10px; width:max-content; padding-right:12px}
  .local-services-mobile-card{
    appearance:none; border:1px solid rgba(15,23,42,.08); cursor:pointer;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    border-radius:18px; padding:8px; min-width:208px; width:208px;
    display:grid; grid-template-columns:62px 1fr; gap:9px;
    text-align:left; color:#0f172a; box-shadow:0 10px 24px rgba(15,23,42,.06);
  }
  .local-services-mobile-card.is-featured{border-color:rgba(37,99,235,.18); box-shadow:0 12px 26px rgba(37,99,235,.11)}
  .local-services-mobile-card:active{transform:translateY(1px)}
  .local-services-mobile-thumb{
    width:62px; height:62px; border-radius:14px; overflow:hidden; background:#e5e7eb;
  }
  .local-services-mobile-thumb img{display:block; width:100%; height:100%; object-fit:cover}
  .local-services-mobile-body{min-width:0}
  .local-services-mobile-top{display:flex; align-items:flex-start; justify-content:space-between; gap:8px}
  .local-services-mobile-title{margin:0; font-size:13px; line-height:1.15; font-weight:900; color:#0f172a; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  .local-services-mobile-badge{
    display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:999px;
    background:#eff6ff; color:#1d4ed8; font-size:10px; font-weight:900; white-space:nowrap; flex:0 0 auto;
  }
  .local-services-mobile-meta{margin:4px 0 0; color:#475569; font-size:11px; line-height:1.3; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  .local-services-mobile-desc{display:none}
  .local-services-mobile-note{display:none}
  .local-services-mobile-empty{
    position:relative; z-index:1; margin-top:10px; padding:13px; border-radius:16px;
    border:1px dashed rgba(15,23,42,.12); background:#f8fafc; color:#475569; font-size:13px; line-height:1.45;
  }
  .local-services-mobile-modal[hidden]{display:none !important}
  .local-services-mobile-modal{
    position:fixed; inset:0; z-index:1440; display:flex; align-items:center; justify-content:center; padding:16px;
  }
  .local-services-mobile-modal-backdrop{
    position:absolute; inset:0; background:rgba(2,6,23,.56); backdrop-filter:blur(4px);
  }
  .local-services-mobile-modal-dialog{
    position:relative; z-index:1; width:min(100%,430px); max-height:calc(100dvh - 28px); overflow:auto;
    border-radius:24px; background:#fff; box-shadow:0 24px 60px rgba(2,6,23,.28);
  }
  .local-services-mobile-modal-close{
    position:absolute; top:10px; right:10px; width:38px; height:38px; border:0; border-radius:999px;
    background:rgba(15,23,42,.08); color:#0f172a; font-size:22px; line-height:1; cursor:pointer;
  }
  .local-services-mobile-modal-card{padding:14px}
  .local-services-mobile-modal-media{
    width:100%; aspect-ratio:16/10; border-radius:20px; overflow:hidden; background:#e5e7eb;
  }
  .local-services-mobile-modal-media img{display:block; width:100%; height:100%; object-fit:cover}
  .local-services-mobile-modal-top{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-top:12px}
  .local-services-mobile-modal-top h3{margin:0; font-size:21px; line-height:1.08; color:#0f172a}
  .local-services-mobile-modal-badge{
    display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px;
    background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:900; white-space:nowrap;
  }
  .local-services-mobile-modal-meta{margin-top:8px; color:#475569; font-size:13px; line-height:1.45; font-weight:700}
  .local-services-mobile-modal-text{margin-top:10px; color:#334155; font-size:14px; line-height:1.55}
  .local-services-mobile-modal-links{
    display:grid; gap:8px; margin-top:14px; padding:12px; border-radius:18px;
    background:#f8fafc; border:1px solid rgba(15,23,42,.06);
  }
  .local-services-mobile-modal-links div{font-size:13px; line-height:1.45; color:#334155}
  .local-services-mobile-modal-links strong{color:#0f172a}
  .local-services-mobile-modal-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
  .local-services-mobile-modal-actions .btn{min-height:38px; padding:0 14px; border-radius:12px; font-size:13px}
  body.local-services-mobile-modal-open{overflow:hidden}
}

/* Premium desktop Local Services rail polish — visual only, no listing/chat logic changes */
@media (min-width:1320px){
  .local-services-dock{width:292px!important;}
  .local-services-dock .local-services-panel{
    position:relative;
    max-height:calc(100vh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px!important;
    border-radius:26px!important;
    border:1px solid rgba(15,23,42,.09)!important;
    background:
      radial-gradient(circle at 12% 0%, rgba(45,212,191,.18), transparent 34%),
      radial-gradient(circle at 95% 8%, rgba(37,99,235,.12), transparent 35%),
      linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 22px 55px rgba(15,23,42,.10)!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(37,99,235,.34) transparent;
  }
  .local-services-dock .local-services-panel::-webkit-scrollbar{width:6px;height:0}
  .local-services-dock .local-services-panel::-webkit-scrollbar-thumb{background:rgba(37,99,235,.28);border-radius:999px}
  .local-services-dock .local-services-panel *{box-sizing:border-box;max-width:100%}

  .local-services-dock .local-services-head{
    position:sticky;
    top:0;
    z-index:3;
    margin:-4px -4px 12px!important;
    padding:8px 8px 12px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(15,23,42,.06);
  }
  .local-services-dock .local-services-kicker{
    min-height:28px!important;
    padding:0 13px!important;
    font-size:11px!important;
    letter-spacing:.08em!important;
    background:linear-gradient(135deg,#ccfbf1,#ecfeff)!important;
    border-color:rgba(20,184,166,.34)!important;
    color:#0f766e!important;
  }
  .local-services-dock .local-services-head h3{
    margin:10px 0 5px!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
    color:#0f172a!important;
  }
  .local-services-dock .local-services-head p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.38!important;
    color:#64748b!important;
    font-weight:700;
  }
  .local-services-dock .local-services-cta{margin-top:12px!important;display:block!important}
  .local-services-dock .local-services-cta .btn{
    width:100%!important;
    min-height:40px!important;
    border-radius:15px!important;
    justify-content:center!important;
    font-size:13px!important;
    font-weight:950!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    box-shadow:0 12px 26px rgba(37,99,235,.22)!important;
  }

  .local-services-dock .local-services-list{display:grid!important;gap:12px!important;margin-top:10px!important;overflow-x:hidden!important}
  .local-services-dock .local-services-card{
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
    border:1px solid rgba(15,23,42,.09)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  }
  .local-services-dock .local-services-card:hover{
    transform:translateY(-2px);
    border-color:rgba(37,99,235,.20)!important;
    box-shadow:0 18px 36px rgba(15,23,42,.11)!important;
  }
  .local-services-dock .local-services-card.is-featured{
    border-color:rgba(37,99,235,.24)!important;
    box-shadow:0 16px 36px rgba(37,99,235,.12)!important;
  }
  .local-services-dock .local-services-thumb{
    display:block!important;
    width:100%!important;
    height:128px!important;
    border-radius:0!important;
    border:0!important;
    flex-basis:auto!important;
    background:linear-gradient(135deg,#eff6ff,#f8fafc)!important;
  }
  .local-services-dock .local-services-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .local-services-dock .local-services-card.is-featured .local-services-thumb img{object-fit:contain!important;padding:10px!important;background:#fff!important}
  .local-services-dock .local-services-content{padding:12px!important;min-width:0!important}
  .local-services-dock .local-services-topline{display:flex!important;align-items:flex-start!important;gap:8px!important;justify-content:space-between!important}
  .local-services-dock .local-services-title{
    margin:0!important;
    font-size:16px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    color:#0f172a!important;
    font-weight:950!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .local-services-dock .local-services-badge{
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    font-size:10px!important;
    font-weight:950!important;
    max-width:88px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .local-services-dock .local-services-meta{
    margin:6px 0 0!important;
    font-size:11px!important;
    line-height:1.3!important;
    color:#475569!important;
    font-weight:800!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .local-services-dock .local-services-desc{
    margin:8px 0 0!important;
    font-size:12px!important;
    line-height:1.42!important;
    color:#475569!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .local-services-dock .local-services-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:11px!important}
  .local-services-dock .local-services-actions .btn,
  .local-services-dock .local-services-actions button.btn{
    min-height:32px!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  .local-services-dock .local-services-actions .btn-ghost,
  .local-services-dock .local-services-actions button.btn-ghost{
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:none!important;
  }
  .local-services-dock .local-services-bottom-cta{
    display:grid!important;
    gap:5px!important;
    margin-top:12px!important;
    padding:13px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;
    color:#fff!important;
    box-shadow:0 16px 34px rgba(29,78,216,.20)!important;
  }
  .local-services-dock .local-services-bottom-cta strong{font-size:14px!important;line-height:1.1!important;color:#fff!important}
  .local-services-dock .local-services-bottom-cta span{font-size:11px!important;line-height:1.35!important;color:rgba(255,255,255,.78)!important}
  .local-services-dock .local-services-bottom-cta a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    margin-top:5px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#1d4ed8!important;
    text-decoration:none!important;
    font-weight:950!important;
    font-size:12px!important;
  }
}
@media (max-width:1319px){.local-services-bottom-cta{display:none}}

@media (min-width:1024px){
  body.mode-rent .mode-request-sidebar,
  body.mode-sale .mode-request-sidebar,
  body.mode-swap .mode-request-sidebar{display:none !important;}

  body.mode-rent .layout.js-dual-side-layout.layout-with-services,
  body.mode-sale .layout.js-dual-side-layout.layout-with-services,
  body.mode-swap .layout.js-dual-side-layout.layout-with-services{grid-template-columns:minmax(300px,330px) minmax(0,1fr) 360px !important;}
}
@media (min-width:1320px){
  html.mode-chat-docked body.mode-rent .mode-request-dock,
  html.mode-chat-docked body.mode-sale .mode-request-dock,
  html.mode-chat-docked body.mode-swap .mode-request-dock{display:none !important;}

  html.mode-chat-docked body.mode-rent .layout.js-dual-side-layout.layout-with-services.req-external-dock,
  html.mode-chat-docked body.mode-sale .layout.js-dual-side-layout.layout-with-services.req-external-dock,
  html.mode-chat-docked body.mode-swap .layout.js-dual-side-layout.layout-with-services.req-external-dock{grid-template-columns:minmax(0,1fr) !important;}
}

/* 2026-05-02: mobile-only CTA repair. Desktop keeps the original header buttons. */
body.urbiax-modern-home-v1 .ubx-hero-add-actions{
  display:none !important;
}

@media (min-width:769px){
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    display:none !important;
  }
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .nav-actions .rental-btn,
  body.urbiax-modern-home-v1 .nav-actions .sale-btn,
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    width:calc(100% - 18px) !important;
    margin:0 auto 10px !important;
    padding:14px !important;
    gap:8px !important;
    border-radius:24px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    font-size:28px !important;
    line-height:1 !important;
    margin-top:8px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6 p{
    font-size:13.5px !important;
    line-height:1.24 !important;
    margin-top:6px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    gap:7px !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:38px !important;
    border-radius:15px !important;
    font-size:14.5px !important;
    padding:0 6px !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:0 !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:34px !important;
    padding:0 6px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:12.5px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(255,255,255,.52) !important;
    box-shadow:0 8px 16px rgba(15,23,42,.09) !important;
    white-space:normal !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-rent{color:#166534 !important;}
  body.urbiax-modern-home-v1 .ubx-hero-add-sale{color:#9a3412 !important;}
  body.urbiax-modern-home-v1 .ubx-hero-add-swap{color:#1d4ed8 !important;}

  body.urbiax-modern-home-v1 .mode-tabs-row{
    width:calc(100% - 18px) !important;
    margin:0 auto 10px !important;
    display:block !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:10px !important;
    margin:0 0 10px !important;
    border-radius:22px !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs-label{
    grid-column:1 / -1 !important;
    margin:0 !important;
    text-align:center !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:54px !important;
    padding:9px 44px 9px 12px !important;
    border-radius:18px !important;
    font-size:14px !important;
    line-height:1.05 !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip::before{
    width:28px !important;
    height:28px !important;
    border-radius:12px !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip::after{
    max-width:100% !important;
    margin-top:3px !important;
    font-size:10.8px !important;
    line-height:1.08 !important;
  }
}

/* 2026-05-02: compact mobile-only guest hint beside Login/Register, not above them. */
.ubx-mobile-login-hint{display:none;}
@media (max-width:768px){
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest{
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:6px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .btn{
    min-height:30px !important;
    padding:0 10px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.82)) !important;
    border:1px solid rgba(37,99,235,.13) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
    color:#334155 !important;
    font-size:10.5px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint strong{
    color:#1d4ed8 !important;
    font-weight:950 !important;
  }
}
@media (max-width:370px){
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .btn{
    padding:0 8px !important;
    font-size:11.5px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint{
    font-size:9.8px !important;
    padding:0 6px !important;
  }
}

/* 2026-05-02: mobile-only width + compact listing cards. Desktop untouched. */
@media (max-width:768px){
  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 .main,
  body.urbiax-modern-home-v1 #listingsGrid{
    max-width:none !important;
  }

  /* Make the content below the header use the same visual width as the top Urbiax box. */
  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 .mode-tabs-row,
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row,
  body.urbiax-modern-home-v1 .filters-summary,
  body.urbiax-modern-home-v1 .login-note{
    width:calc(100% - 18px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list{
    width:100% !important;
    gap:10px !important;
  }

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

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb img{
    object-fit:cover !important;
    object-position:56% center !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .body{
    padding:10px 10px 4px !important;
  }

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-tag,
  body.urbiax-modern-home-v1 #listingsGrid.view-list .ptype-pill{
    min-height:24px !important;
    padding:0 8px !important;
    font-size:9.5px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:16.5px !important;
    line-height:1.06 !important;
    margin-bottom:4px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-reviews-mini{
    margin-top:2px !important;
    min-height:15px !important;
    transform:scale(.82) !important;
  }

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:15.5px !important;
    line-height:1.03 !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .deposit-chip{
    min-height:22px !important;
    padding:0 6px !important;
    font-size:9.5px !important;
    max-width:86px !important;
  }

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

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .share-mini-label{
    font-size:10.5px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    padding:0 9px 9px !important;
    gap:6px !important;
  }

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

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

@media (max-width:390px){
  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 .mode-tabs-row,
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row,
  body.urbiax-modern-home-v1 .filters-summary,
  body.urbiax-modern-home-v1 .login-note{
    width:calc(100% - 14px) !important;
  }

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:134px !important;
    min-height:180px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:15.5px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:14.5px !important;
  }

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

  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    font-size:10.8px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}

/* 2026-05-02: mobile-only final shell width. Keeps desktop untouched and uses viewport-based sizing so Android/iPhone widths line up consistently. */
@media (max-width:768px){
  body.urbiax-modern-home-v1{
    --ubx-phone-edge: clamp(12px, 2.6vw, 18px);
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6,
  body.urbiax-modern-home-v1 .mode-tabs-row,
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row,
  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 .login-note{
    width: calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + var(--ubx-phone-edge)) !important;
    margin-right: calc(50% - 50vw + var(--ubx-phone-edge)) !important;
    box-sizing: border-box !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: clamp(13px, 3.6vw, 18px) !important;
    border-radius: clamp(23px, 6vw, 30px) !important;
  }

  body.urbiax-modern-home-v1 .mode-tabs-row{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-actions,
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1{
    --ubx-phone-edge: 10px;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    padding: 12px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    font-size: 26px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6 p{
    font-size: 12.8px !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-action{
    font-size: 13.6px !important;
    min-height: 36px !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add{
    font-size: 11.5px !important;
    min-height: 32px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* 2026-05-02: subtle glass header + warmer page foundation.
   Goal: keep layout intact, but make the top header more distinctive
   and separate listings/cards from the page background more clearly. */
body.urbiax-modern-home-v1{
  background:
    radial-gradient(1200px 420px at 50% -140px, rgba(255,255,255,.78), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #f4efe6 0%, #f8f4ec 22%, #f5efe6 100%) !important;
  color:#172033;
}

body.urbiax-modern-home-v1::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 18%);
  z-index:0;
}

body.urbiax-modern-home-v1 .navbar,
body.urbiax-modern-home-v1 .container{
  position:relative;
  z-index:1;
}

body.urbiax-modern-home-v1 .navbar{
  padding-top:max(env(safe-area-inset-top), 0px);
  background:transparent !important;
}

body.urbiax-modern-home-v1 .navbar .inner{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.24)) !important;
  border:1px solid rgba(255,255,255,.52) !important;
  box-shadow:0 18px 38px rgba(148,163,184,.18), 0 10px 24px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}

body.urbiax-modern-home-v1 .navbar .inner::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.44), rgba(255,255,255,.10) 52%, rgba(255,255,255,.22) 100%),
    radial-gradient(460px 160px at 12% 6%, rgba(255,255,255,.45), rgba(255,255,255,0) 58%);
}

body.urbiax-modern-home-v1 .navbar .inner > *{
  position:relative;
  z-index:1;
}

body.urbiax-modern-home-v1 .brand-link{
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

body.urbiax-modern-home-v1 .brand-sub{
  opacity:.9;
}

body.urbiax-modern-home-v1 .nav-actions .btn{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 6px 16px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

/* Warm foundation blocks so cards/sections don't melt into the page. */
body.urbiax-modern-home-v1 .container > .mode-tabs-row,
body.urbiax-modern-home-v1 .container > .login-note,
body.urbiax-modern-home-v1 .container > .ubx-mobile-filter-view-row,
body.urbiax-modern-home-v1 .container > .local-services-mobile-strip,
body.urbiax-modern-home-v1 .container > .all-pager,
body.urbiax-modern-home-v1 .container > .pager{
  position:relative;
  z-index:1;
}

body.urbiax-modern-home-v1 .mode-tabs-row{
  background:rgba(255,250,244,.74);
  border:1px solid rgba(191,166,124,.18);
  box-shadow:0 14px 28px rgba(96,72,30,.05);
}

body.urbiax-modern-home-v1 .local-board-tabs,
body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs,
body.urbiax-modern-home-v1 .filters-accordion,
body.urbiax-modern-home-v1 .toolbar,
body.urbiax-modern-home-v1 .all-pager,
body.urbiax-modern-home-v1 .login-note,
body.urbiax-modern-home-v1 .local-services-mobile-shell,
body.urbiax-modern-home-v1 .req-panel{
  background:rgba(255,251,246,.96) !important;
  border:1px solid rgba(185,155,110,.18) !important;
  box-shadow:0 16px 30px rgba(93,66,20,.06) !important;
}

body.urbiax-modern-home-v1 .filters-acc-head{
  background:transparent;
}

body.urbiax-modern-home-v1 .input,
body.urbiax-modern-home-v1 select.input,
body.urbiax-modern-home-v1 input.input{
  background:#fffdf9 !important;
  border-color:rgba(148,121,83,.18) !important;
}

body.urbiax-modern-home-v1 .card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,243,.98)) !important;
  border:1px solid rgba(180,152,107,.22) !important;
  box-shadow:0 16px 32px rgba(87,63,24,.09), 0 2px 0 rgba(255,255,255,.55) inset !important;
}

body.urbiax-modern-home-v1 .card .meta,
body.urbiax-modern-home-v1 .card .meta *{
  color:#48546a;
}

body.urbiax-modern-home-v1 .card .title{
  color:#172033;
}

body.urbiax-modern-home-v1 .card .thumb,
body.urbiax-modern-home-v1 .card .gallery,
body.urbiax-modern-home-v1 .card .image-wrap{
  background:#efe5d6;
}

body.urbiax-modern-home-v1 .card .thumb img{
  filter:saturate(1.05) contrast(1.03) brightness(1.01);
}

body.urbiax-modern-home-v1 .filters-accordion,
body.urbiax-modern-home-v1 .login-note{
  border-radius:24px;
}

body.urbiax-modern-home-v1 .ubx-home-hero-v6,
body.urbiax-modern-home-v1 .local-board-tabs,
body.urbiax-modern-home-v1 .filters-accordion,
body.urbiax-modern-home-v1 .login-note,
body.urbiax-modern-home-v1 .card{
  outline:1px solid rgba(255,255,255,.34);
  outline-offset:-1px;
}

@media (max-width: 1023px){
  body.urbiax-modern-home-v1{
    background:linear-gradient(180deg, #f4efe7 0%, #f8f4ec 24%, #f5efe6 100%) !important;
  }
  body.urbiax-modern-home-v1 .navbar .inner{
    background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.22)) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.18);
    backdrop-filter:blur(16px) saturate(1.18);
  }
  body.urbiax-modern-home-v1 .mode-tabs-row{
    background:transparent;
    border:none;
    box-shadow:none;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  body.urbiax-modern-home-v1 .navbar .inner{
    background:rgba(255,255,255,.92) !important;
  }
  body.urbiax-modern-home-v1 .nav-actions .btn{
    background:rgba(255,255,255,.94);
  }
}

/* Extra polish: make only the top Urbiax header more colorful and glass-like,
   while keeping the same layout and safe responsiveness. */
body.urbiax-modern-home-v1 .navbar .inner{
  border-radius:28px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.16) 34%, rgba(255,255,255,.20) 100%),
    linear-gradient(120deg, rgba(69,136,255,.16) 0%, rgba(88,209,255,.14) 28%, rgba(129,226,144,.12) 58%, rgba(124,92,255,.12) 84%, rgba(255,255,255,.12) 100%) !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:
    0 22px 46px rgba(15,23,42,.10),
    0 12px 26px rgba(59,130,246,.08),
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -1px 0 rgba(255,255,255,.20) !important;
}

body.urbiax-modern-home-v1 .navbar .inner::before{
  border-radius:inherit;
  background:
    linear-gradient(140deg, rgba(255,255,255,.48) 0%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.10) 100%),
    radial-gradient(360px 150px at 8% 8%, rgba(255,255,255,.46), rgba(255,255,255,0) 58%),
    radial-gradient(220px 180px at 18% 72%, rgba(79,150,255,.16), rgba(79,150,255,0) 68%),
    radial-gradient(240px 170px at 82% 20%, rgba(78,223,193,.18), rgba(78,223,193,0) 66%),
    radial-gradient(190px 140px at 92% 76%, rgba(107,92,255,.14), rgba(107,92,255,0) 68%);
  opacity:1;
}

body.urbiax-modern-home-v1 .navbar .inner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.12) 26%, rgba(255,255,255,.34) 37%, rgba(255,255,255,.10) 47%, rgba(255,255,255,0) 60%);
  mix-blend-mode:screen;
  opacity:.85;
}

body.urbiax-modern-home-v1 .brand-main{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.38));
}

body.urbiax-modern-home-v1 .nav-actions .btn{
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.56));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 8px 18px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

@media (max-width: 1023px){
  body.urbiax-modern-home-v1 .navbar .inner{
    border-radius:26px !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.15) 34%, rgba(255,255,255,.18) 100%),
      linear-gradient(120deg, rgba(69,136,255,.18) 0%, rgba(88,209,255,.15) 30%, rgba(129,226,144,.12) 60%, rgba(124,92,255,.13) 86%, rgba(255,255,255,.10) 100%) !important;
    box-shadow:
      0 16px 30px rgba(15,23,42,.09),
      0 8px 18px rgba(59,130,246,.08),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
  body.urbiax-modern-home-v1 .navbar .inner::before{
    background:
      linear-gradient(140deg, rgba(255,255,255,.44) 0%, rgba(255,255,255,.16) 42%, rgba(255,255,255,.10) 100%),
      radial-gradient(260px 120px at 10% 8%, rgba(255,255,255,.42), rgba(255,255,255,0) 58%),
      radial-gradient(180px 130px at 20% 78%, rgba(79,150,255,.18), rgba(79,150,255,0) 70%),
      radial-gradient(190px 140px at 82% 22%, rgba(78,223,193,.18), rgba(78,223,193,0) 68%),
      radial-gradient(150px 110px at 92% 74%, rgba(107,92,255,.14), rgba(107,92,255,0) 70%);
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  body.urbiax-modern-home-v1 .navbar .inner{
    background:linear-gradient(120deg, rgba(247,251,255,.96), rgba(237,248,255,.95) 42%, rgba(239,250,244,.95) 72%, rgba(245,242,255,.95)) !important;
  }
}

/* Guest note: show to guests only, and only on the first visit in this browser. */
body.urbiax-modern-home-v1 .login-note[hidden]{display:none !important;}
body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged ~ .ubx-mobile-login-hint{display:none !important;}

/* Premium floating actions: chat + back to top */
.back-to-top,
.ubx-mobile-chat-jump{
  position:fixed;
  z-index:10040;
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 16px 34px rgba(15,23,42,.18), 0 8px 18px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(14px) saturate(1.14);
  backdrop-filter:blur(14px) saturate(1.14);
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, filter .18s ease;
}
.back-to-top:hover, .back-to-top:focus-visible,
.ubx-mobile-chat-jump:hover, .ubx-mobile-chat-jump:focus-visible{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 18px 36px rgba(15,23,42,.22), 0 10px 22px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.42);
}
.back-to-top:active, .ubx-mobile-chat-jump:active{
  transform:translateY(1px) scale(.99);
}

.back-to-top{
  right:max(14px, calc(env(safe-area-inset-right) + 12px));
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 14px));
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  color:#fff;
  font-size:0;
  background:
    linear-gradient(180deg, rgba(97,167,255,.98), rgba(34,95,228,.98)),
    linear-gradient(140deg, rgba(255,255,255,.12), rgba(255,255,255,0));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.back-to-top::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,0) 45%, rgba(255,255,255,.12) 100%);
}
.back-to-top::after{
  content:"↑";
  position:relative;
  z-index:1;
  font-size:38px;
  line-height:1;
  font-weight:900;
  text-shadow:0 2px 10px rgba(0,0,0,.15);
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ubx-mobile-chat-jump{
  right:max(96px, calc(env(safe-area-inset-right) + 94px));
  bottom:max(18px, calc(env(safe-area-inset-bottom) + 16px));
  min-width:146px;
  height:72px;
  padding:0 22px;
  border-radius:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff !important;
  font-weight:900;
  font-size:19px;
  letter-spacing:-.02em;
  background:
    radial-gradient(120px 68px at 26% 18%, rgba(255,255,255,.20), rgba(255,255,255,0) 52%),
    linear-gradient(135deg, #71baff 0%, #3f84f6 52%, #2f61e8 100%);
}
.ubx-mobile-chat-jump::before{
  content:"✦";
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26);
}

@media (max-width: 1023px){
  .ubx-mobile-chat-jump{display:inline-flex !important;}
}
@media (min-width: 1024px){
  .ubx-mobile-chat-jump{display:none !important;}
  .back-to-top{
    width:60px;
    height:60px;
    border-radius:20px;
    right:18px;
    bottom:18px;
  }
  .back-to-top::after{font-size:30px;}
}
@media (max-width: 640px){
  .ubx-mobile-chat-jump{
    min-width:138px;
    height:68px;
    padding:0 20px;
    border-radius:24px;
    font-size:18px;
    right:max(92px, calc(env(safe-area-inset-right) + 90px));
  }
  .back-to-top{
    width:68px;
    height:68px;
    border-radius:22px;
  }
}
@media (max-width: 390px){
  .ubx-mobile-chat-jump{
    min-width:128px;
    height:64px;
    padding:0 17px;
    font-size:17px;
    gap:8px;
    right:max(84px, calc(env(safe-area-inset-right) + 82px));
  }
  .ubx-mobile-chat-jump::before{width:28px;height:28px;font-size:13px;}
  .back-to-top{
    width:64px;
    height:64px;
    border-radius:20px;
  }
  .back-to-top::after{font-size:34px;}
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .back-to-top{background:linear-gradient(180deg, #5ea0ff, #2f61e8);}
  .ubx-mobile-chat-jump{background:linear-gradient(135deg, #6bb5ff 0%, #3f84f6 52%, #2f61e8 100%);}
}

/* 2026-05-02: desktop logged-in CTA move.
   Keep add buttons only in the hero banner (not in the top header).
   On desktop, place the smaller add buttons above Rentals / Sale / Swap. */
@media (min-width: 769px){
  body.urbiax-modern-home-v1 .nav-actions .rental-btn,
  body.urbiax-modern-home-v1 .nav-actions .sale-btn,
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-copy{ order:1 !important; }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    order:2 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 185px)) !important;
    justify-content:start !important;
    gap:10px !important;
    margin-top:2px !important;
    margin-bottom:0 !important;
    width:min(100%, 585px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    order:3 !important;
    margin-top:0 !important;
    width:min(100%, 760px) !important;
    gap:12px !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:15px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(255,255,255,.55) !important;
    box-shadow:0 10px 18px rgba(15,23,42,.10) !important;
    white-space:nowrap !important;
  }

  body.urbiax-modern-home-v1 .navbar .inner{
    min-height:auto !important;
  }
}

/* 2026-05-02: stronger aurora-glass header, logged-in Online badge, compact mobile cards view. */
body.urbiax-modern-home-v1 .navbar .inner{
  background:
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,.18) 50%, rgba(255,255,255,.28)) !important;
  border-color:rgba(255,255,255,.68) !important;
  box-shadow:
    0 24px 54px rgba(44,69,120,.16),
    0 12px 28px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(255,255,255,.28) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.34) contrast(1.04) !important;
  backdrop-filter:blur(22px) saturate(1.34) contrast(1.04) !important;
}

body.urbiax-modern-home-v1 .navbar .inner::before{
  background:
    radial-gradient(440px 190px at 12% 4%, rgba(255,255,255,.62), rgba(255,255,255,0) 58%),
    radial-gradient(360px 180px at 86% 10%, rgba(43,164,255,.24), rgba(43,164,255,0) 64%),
    radial-gradient(300px 170px at 72% 82%, rgba(34,197,94,.16), rgba(34,197,94,0) 62%),
    radial-gradient(260px 160px at 42% 88%, rgba(99,102,241,.13), rgba(99,102,241,0) 62%),
    linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.12) 56%, rgba(255,255,255,.34) 100%) !important;
  opacity:1 !important;
}

body.urbiax-modern-home-v1 .navbar .inner::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:9px;
  height:42%;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,0));
  opacity:.58;
  mix-blend-mode:screen;
  z-index:0;
}

body.urbiax-modern-home-v1 .brand-main{
  text-shadow:0 1px 0 rgba(255,255,255,.70), 0 10px 24px rgba(37,99,235,.10) !important;
}

body.urbiax-modern-home-v1 .ubx-online-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  color:#0f7a3a;
  background:linear-gradient(135deg, rgba(236,253,245,.92), rgba(255,255,255,.72));
  border:1px solid rgba(34,197,94,.25);
  box-shadow:0 9px 18px rgba(22,163,74,.11), inset 0 1px 0 rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  white-space:nowrap;
}

body.urbiax-modern-home-v1 .ubx-online-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.15), 0 0 18px rgba(34,197,94,.70);
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged{
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-top:8px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn{
    flex:0 0 auto !important;
  }
  body.urbiax-modern-home-v1 .ubx-online-status{
    min-height:34px;
    padding:0 13px;
    font-size:12.5px;
  }

  /* Mobile Cards mode: premium but much less stretched than the big full card. */
  body.urbiax-modern-home-v1 #listingsGrid.view-2{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell{
    width:100% !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,243,.98)) !important;
    border:1px solid rgba(180,152,107,.20) !important;
    box-shadow:0 14px 28px rgba(87,63,24,.08) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card{
    display:block !important;
    width:100% !important;
    border-radius:24px 24px 0 0 !important;
    overflow:hidden !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card .thumb{
    width:100% !important;
    height:clamp(170px, 45vw, 212px) !important;
    min-height:clamp(170px, 45vw, 212px) !important;
    max-height:clamp(170px, 45vw, 212px) !important;
    aspect-ratio:auto !important;
    border-radius:24px 24px 0 0 !important;
    background:#efe5d6 !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:56% center !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card .body{
    padding:13px 14px 8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .tag-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:0 0 10px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .listing-tag,
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .ptype-pill{
    min-height:32px !important;
    padding:0 13px !important;
    font-size:12px !important;
    line-height:1 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .listing-title{
    font-size:clamp(20px, 5.1vw, 23px) !important;
    line-height:1.05 !important;
    margin:0 0 8px !important;
    min-height:0 !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-2 .listing-reviews-mini{
    min-height:18px !important;
    margin:0 0 9px !important;
    transform:scale(.92) !important;
    transform-origin:left center !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price-deposit-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price-deposit-row .price,
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .price{
    margin:0 !important;
    font-size:clamp(21px, 5.6vw, 25px) !important;
    line-height:1.03 !important;
    letter-spacing:-.04em !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .deposit-chip{
    flex:0 0 auto !important;
    min-height:34px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-row{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:4px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-left,
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-right{
    width:auto !important;
    min-width:0 !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-loc-chip,
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .meta-added{
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .share-mini{
    padding:0 !important;
    min-height:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions{
    margin-left:0 !important;
    padding:4px 14px 14px !important;
    display:grid !important;
    grid-template-columns:1fr 1.15fr !important;
    gap:10px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions a{
    min-height:44px !important;
    border-radius:15px !important;
    font-size:15px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .photo-count{
    left:14px !important;
    bottom:14px !important;
    min-height:36px !important;
    padding:0 14px !important;
    font-size:13.5px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-online-status{
    min-height:32px;
    padding:0 11px;
    font-size:11.8px;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .listing-tag,
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .ptype-pill{
    min-height:30px !important;
    padding:0 11px !important;
    font-size:11.2px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .card-shell .card .body{
    padding:12px 12px 7px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .deposit-chip{
    min-height:31px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions{
    padding:4px 12px 12px !important;
    gap:8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-2 .modern-card-actions a{
    min-height:41px !important;
    font-size:14px !important;
  }
}

/* 2026-05-02: mobile chat space saver.
   Keep the Urbiax Chat top bar + close button, move Online count into it,
   and hide the duplicate public chat heading/disclaimer below. */
@media (max-width:1024px){
  body.urbiax-modern-home-v1 .pcw-overlay.show{
    background:rgba(15,23,42,.34) !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar{
    min-height:74px !important;
    padding:calc(env(safe-area-inset-top,0px) + 8px) 150px 10px 16px !important;
    background:
      radial-gradient(180px 74px at 12% 0%, rgba(20,184,166,.13), rgba(20,184,166,0) 66%),
      radial-gradient(160px 74px at 76% 12%, rgba(59,130,246,.12), rgba(59,130,246,0) 70%),
      linear-gradient(135deg, rgba(248,255,251,.98) 0%, rgba(238,247,255,.97) 100%) !important;
    border-bottom:1px solid rgba(15,23,42,.075) !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:block !important;
    max-width:calc(100vw - 184px) !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    color:#0f766e !important;
    font-size:20px !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;
    position:absolute !important;
    left:16px !important;
    bottom:9px !important;
    max-width:calc(100vw - 190px) !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    color:#475569 !important;
    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .ubx-sheet-online{
    position:absolute !important;
    top:calc(env(safe-area-inset-top,0px) + 15px) !important;
    right:74px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    max-width:82px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    color:#0f766e !important;
    background:rgba(20,184,166,.13) !important;
    border:1px solid rgba(20,184,166,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 6px 14px rgba(15,23,42,.06) !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn{
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    right:14px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }

  /* Hide the duplicated black title/disclaimer area under the top bar in PUBLIC chat.
     DM mode keeps its own header/back control. */
  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget:not(.pcw-dm-mode) .pcw-header{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .pcw-overlay .publicChatWidget .pcw-messages{
    padding-top:12px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar{
    min-height:72px !important;
    padding-right:138px !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::before{
    font-size:19px !important;
    max-width:calc(100vw - 172px) !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar::after{
    font-size:10px !important;
    max-width:calc(100vw - 176px) !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .ubx-sheet-online{
    right:68px !important;
    min-height:28px !important;
    max-width:74px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }
  body.urbiax-modern-home-v1 .pcw-overlay .pcw-sheetbar .btn{
    right:12px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }
}

/* 2026-05-02: desktop-only rollback for the top hero/header layout.
   Mobile changes stay intact. */
@media (min-width:769px){
  /* Put Add buttons back in the header on desktop. */
  body.urbiax-modern-home-v1 .nav-actions .rental-btn,
  body.urbiax-modern-home-v1 .nav-actions .sale-btn,
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,.42) !important;
    color:#fff !important;
    white-space:nowrap !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  body.urbiax-modern-home-v1 .nav-actions .rental-btn{
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    box-shadow:0 10px 22px rgba(37,99,235,.16) !important;
  }
  body.urbiax-modern-home-v1 .nav-actions .sale-btn{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    box-shadow:0 10px 22px rgba(245,158,11,.16) !important;
  }
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
    box-shadow:0 10px 22px rgba(22,163,74,.16) !important;
  }

  /* Do not show the extra Add row inside the desktop hero. */
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    display:none !important;
  }

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

  /* Undo the full-width beige desktop panels introduced for mobile polish. */
  body.urbiax-modern-home-v1 .mode-tabs-row{
    max-width:1120px !important;
    width:calc(100% - 28px) !important;
    margin:0 auto 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,360px) minmax(240px,360px) !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    padding:0 !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs{
    max-width:360px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs-label{
    grid-column:1 / -1 !important;
    margin:0 0 2px !important;
    padding:0 !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:46px !important;
    border-radius:16px !important;
    padding:9px 12px !important;
  }

  body.urbiax-modern-home-v1 .filters-accordion,
  body.urbiax-modern-home-v1 .toolbar,
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row{
    background:#fff !important;
  }
}

/* 2026-05-02: mobile-only color restore.
   Do not let desktop restore rules override the phone hero colours. */
@media (max-width:768px){
  body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-rent{
    color:#1d4ed8 !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-sale{
    color:#c2410c !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-swap{
    color:#15803d !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-rent{
    color:#166534 !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-sale{
    color:#9a3412 !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-swap{
    color:#1d4ed8 !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-action,
  body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add{
    background:rgba(255,255,255,.90) !important;
    border-color:rgba(255,255,255,.52) !important;
  }
}

/* 2026-05-02: final anti-regression rule.
   On phones the Add buttons belong inside the hero, above Rentals/Sale/Swap.
   They must NOT reappear beside the Urbiax logo/header. Desktop rules are untouched. */
@media (max-width:768px){
  body.urbiax-modern-home-v1 .nav-actions .rental-btn,
  body.urbiax-modern-home-v1 .nav-actions .sale-btn,
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    display:flex !important;
    flex-direction:column !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-copy{
    order:1 !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    order:2 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:clamp(6px, 1.8vw, 9px) !important;
    width:100% !important;
    margin:clamp(10px, 2.6vw, 14px) 0 0 !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    order:3 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:clamp(6px, 1.8vw, 9px) !important;
    width:100% !important;
    margin-top:clamp(7px, 2vw, 10px) !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:clamp(31px, 8.2vw, 36px) !important;
    padding:0 5px !important;
    border-radius:clamp(13px, 3.6vw, 16px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:clamp(11px, 3.15vw, 13px) !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(255,255,255,.54) !important;
    box-shadow:0 8px 16px rgba(15,23,42,.08) !important;
    white-space:normal !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:clamp(36px, 9.4vw, 42px) !important;
    border-radius:clamp(14px, 4vw, 17px) !important;
    background:rgba(255,255,255,.90) !important;
    border:1px solid rgba(255,255,255,.54) !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-rent{color:#166534 !important;}
  body.urbiax-modern-home-v1 .ubx-hero-add-sale{color:#9a3412 !important;}
  body.urbiax-modern-home-v1 .ubx-hero-add-swap{color:#1d4ed8 !important;}

  body.urbiax-modern-home-v1 .ubx-hero-rent{color:#1d4ed8 !important;}
  body.urbiax-modern-home-v1 .ubx-hero-sale{color:#c2410c !important;}
  body.urbiax-modern-home-v1 .ubx-hero-swap{color:#15803d !important;}
}

/* FINAL anti-regression rule, 2026-05-02.
   Add buttons belong in the Find local homes faster hero, above Rentals/Sale/Swap.
   Same colors on desktop and mobile:
   Rentals + Add Rental = blue, Sale + Add Sale = brown/red, Swap + Add Swap = green.
   Jobs / Community restored to the smaller original chip style on desktop. */
body.urbiax-modern-home-v1 .nav-actions .rental-btn,
body.urbiax-modern-home-v1 .nav-actions .sale-btn,
body.urbiax-modern-home-v1 .nav-actions .swap-btn{
  display:none !important;
}

body.urbiax-modern-home-v1 .ubx-hero-add-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
}

body.urbiax-modern-home-v1 .ubx-hero-action,
body.urbiax-modern-home-v1 .ubx-hero-add{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.91) !important;
  border:1px solid rgba(255,255,255,.56) !important;
  box-shadow:0 9px 18px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.12) !important;
  backdrop-filter:blur(10px) saturate(1.12) !important;
  white-space:nowrap !important;
}

body.urbiax-modern-home-v1 .ubx-hero-rent,
body.urbiax-modern-home-v1 .ubx-hero-add-rent{
  color:#1d4ed8 !important;
}
body.urbiax-modern-home-v1 .ubx-hero-sale,
body.urbiax-modern-home-v1 .ubx-hero-add-sale{
  color:#c2410c !important;
}
body.urbiax-modern-home-v1 .ubx-hero-swap,
body.urbiax-modern-home-v1 .ubx-hero-add-swap{
  color:#15803d !important;
}

@media (min-width:769px){
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(330px,380px) !important;
    grid-template-rows:auto auto !important;
    align-items:end !important;
    column-gap:16px !important;
    row-gap:8px !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-copy{
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:end !important;
    order:initial !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    grid-column:2 !important;
    grid-row:1 !important;
    order:initial !important;
    margin:0 0 2px !important;
    align-self:end !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    grid-column:2 !important;
    grid-row:2 !important;
    order:initial !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    align-self:end !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:36px !important;
    padding:0 9px !important;
    border-radius:15px !important;
    font-size:13px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
  }

  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:16px !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  body.urbiax-modern-home-v1 .mode-tabs-row{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    max-width:1120px !important;
    width:calc(100% - 28px) !important;
    margin:0 auto 14px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }

  body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs{
    width:auto !important;
    max-width:none !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    grid-template-columns:none !important;
  }

  body.urbiax-modern-home-v1 .local-board-tabs-label{
    grid-column:auto !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    font-weight:950 !important;
    color:#64748b !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    white-space:nowrap !important;
  }

  body.urbiax-modern-home-v1 .urbiax-section-chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:auto !important;
    padding:9px 12px !important;
    border-radius:999px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    box-shadow:0 6px 14px rgba(15,23,42,.05) !important;
  }
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    display:flex !important;
    flex-direction:column !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-copy{
    order:1 !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    order:2 !important;
    margin:clamp(10px,2.6vw,14px) 0 0 !important;
    gap:clamp(6px,1.8vw,9px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    order:3 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:clamp(6px,1.8vw,9px) !important;
    width:100% !important;
    margin-top:clamp(7px,2vw,10px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:clamp(31px,8.2vw,36px) !important;
    padding:0 5px !important;
    border-radius:clamp(13px,3.6vw,16px) !important;
    font-size:clamp(11px,3.15vw,13px) !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    white-space:normal !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:clamp(36px,9.4vw,42px) !important;
    padding:0 6px !important;
    border-radius:clamp(14px,4vw,17px) !important;
    font-size:clamp(13px,3.55vw,15px) !important;
    font-weight:1000 !important;
  }
}

/* Desktop-only tweak: place Jobs/Community to the right, under the hero action buttons. */
@media (min-width: 901px){
  body.urbiax-modern-home-v1 .mode-tabs-row{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:14px !important;
    padding:10px 8px 0 !important;
    margin:6px 0 8px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }
  body.urbiax-modern-home-v1 .mode-tabs.primary-mode-tabs,
  body.urbiax-modern-home-v1 .rentals-tipbox{
    display:none !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs-label{
    display:inline-block !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:#66758d !important;
    white-space:nowrap !important;
    margin-right:4px !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-width:176px !important;
    padding:14px 16px !important;
    border-radius:24px !important;
    box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip.jobs{
    background:linear-gradient(135deg,#eefaf4,#ffffff) !important;
    color:#166534 !important;
    border-color:rgba(34,197,94,.22) !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip.community{
    background:linear-gradient(135deg,#eef4ff,#ffffff) !important;
    color:#1d4ed8 !important;
    border-color:rgba(59,130,246,.22) !important;
  }
}

/* FINAL COLOR LOCK — desktop + mobile.
   Rentals + Add Rental = blue; Sale + Add Sale = red/brown; Swap + Add Swap = green. */
body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-rent,
body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-rent{
  color:#1d4ed8 !important;
  border-color:rgba(37,99,235,.28) !important;
  background:linear-gradient(135deg, rgba(239,246,255,.98), rgba(255,255,255,.92)) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-sale,
body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-sale{
  color:#c2410c !important;
  border-color:rgba(194,65,12,.30) !important;
  background:linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.92)) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-swap,
body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add-swap{
  color:#15803d !important;
  border-color:rgba(21,128,61,.30) !important;
  background:linear-gradient(135deg, rgba(240,253,244,.98), rgba(255,255,255,.92)) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-actions .ubx-hero-action,
body.urbiax-modern-home-v1 .ubx-hero-add-actions .ubx-hero-add{
  text-shadow:none !important;
}

.ubx-local-seo-strip{margin:12px 0 14px;padding:14px 16px;border:1px solid rgba(37,99,235,.13);border-radius:20px;background:linear-gradient(135deg,#f8fbff,#ffffff);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.ubx-local-seo-title{font-size:14px;font-weight:950;color:#0f172a;margin:0 0 4px}.ubx-local-seo-copy{font-size:13px;line-height:1.5;color:#475569;margin:0 0 10px}.ubx-local-seo-links{display:flex;gap:8px;flex-wrap:wrap}.ubx-local-seo-links a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.10);font-size:12px;font-weight:900;color:#1d4ed8;text-decoration:none;box-shadow:0 4px 10px rgba(15,23,42,.04)}.ubx-local-seo-links a:hover{border-color:rgba(37,99,235,.30);transform:translateY(-1px)}@media(max-width:640px){.ubx-local-seo-strip{display:none!important}.ubx-local-seo-links{gap:6px}.ubx-local-seo-links a{padding:7px 9px;font-size:11px}}

/* Desktop-only: make the top Urbiax header carry Jobs/Community,
   so the page does not feel like two separate banners. Mobile is untouched. */
.ubx-top-section-tabs{display:none;}
@media (min-width:901px){
  body.urbiax-modern-home-v1 .navbar .inner{
    display:grid !important;
    grid-template-columns:minmax(330px,1fr) minmax(380px,480px) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    gap:8px 24px !important;
    min-height:132px !important;
    padding:22px 24px !important;
  }
  body.urbiax-modern-home-v1 .brand{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:end !important;
  }
  body.urbiax-modern-home-v1 .nav-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:start !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    max-width:100% !important;
    margin-top:0 !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-section-tabs{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    justify-self:stretch !important;
    align-self:center !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    max-width:480px !important;
    margin-left:auto !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-section-label{
    grid-column:1 / -1 !important;
    margin:0 0 -2px !important;
    text-align:right !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
    color:#64748b !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-section-card{
    min-height:66px !important;
    padding:13px 15px !important;
    border-radius:22px !important;
    text-decoration:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:3px !important;
    border:1px solid rgba(255,255,255,.72) !important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.54)) !important;
    box-shadow:0 14px 30px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.1) !important;
    backdrop-filter:blur(14px) saturate(1.1) !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-section-card:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 18px 34px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.88) !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-card-title{
    font-size:19px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:-.035em !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-card-sub{
    max-width:150px !important;
    font-size:12px !important;
    line-height:1.12 !important;
    font-weight:850 !important;
    color:#64748b !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-jobs{
    background:linear-gradient(135deg,rgba(236,253,245,.92),rgba(255,255,255,.68)) !important;
    border-color:rgba(34,197,94,.22) !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-jobs .ubx-top-card-title{color:#15803d !important;}
  body.urbiax-modern-home-v1 .ubx-top-community{
    background:linear-gradient(135deg,rgba(239,246,255,.94),rgba(255,255,255,.68)) !important;
    border-color:rgba(59,130,246,.22) !important;
  }
  body.urbiax-modern-home-v1 .ubx-top-community .ubx-top-card-title{color:#1d4ed8 !important;}

  /* The old More on Urbiax row becomes unnecessary on desktop.
     Keep the mobile version untouched for the later mobile pass. */
  body.urbiax-modern-home-v1 .container > .mode-tabs-row{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    margin-top:8px !important;
  }
}

/* RedsBlack Chat in-feed advert v6.
   2026-05-23: new London & Ealing poster, clickable direct to RedsBlack Chat app/install page.
   Uses portrait 4:5 layout on mobile, list and desktop so the full advert remains readable. */
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  grid-column:auto !important;
  align-self:stretch !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad{
  position:relative !important;
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#050509 !important;
  border:1px solid rgba(255,42,88,.42) !important;
  box-shadow:0 14px 32px rgba(15,23,42,.12), 0 0 24px rgba(255,35,83,.12) !important;
  text-decoration:none !important;
  isolation:isolate !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad picture,
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad img{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad img{
  max-width:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 26%, rgba(0,0,0,.13) 100%) !important;
  z-index:1 !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-label{
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:rgba(2,6,23,.68) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell.rb-visible-mobile-only,
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell.rb-visible-desktop-only,
body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell.rb-visible-both{
  display:block !important;
}

/* List modes: keep the advert as a full row, like mobile. */
body.urbiax-modern-home-v1 #listingsGrid.view-list .redblack-feed-ad-shell,
body.urbiax-modern-home-v1 #listingsGrid.view-2 .redblack-feed-ad-shell{
  grid-column:1 / -1 !important;
}
body.urbiax-modern-home-v1 #listingsGrid.view-list .redblack-feed-ad,
body.urbiax-modern-home-v1 #listingsGrid.view-2 .redblack-feed-ad{
  aspect-ratio:4 / 5 !important;
}

@media (min-width:901px){
  /* Desktop grid: one normal card. Desktop-only frequency is rarer. */
  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell.rb-visible-mobile-only{
    display:none !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid:not(.view-list):not(.view-2) .redblack-feed-ad-shell{
    grid-column:auto !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid:not(.view-list):not(.view-2) .redblack-feed-ad{
    aspect-ratio:4 / 5 !important;
    min-height:0 !important;
    height:auto !important;
  }
}
@media (max-width:900px){
  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell.rb-visible-desktop-only{
    display:none !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-shell{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad{
    aspect-ratio:4 / 5 !important;
    border-radius:22px !important;
    box-shadow:0 12px 26px rgba(15,23,42,.11), 0 0 20px rgba(255,35,83,.12) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad-label{
    top:9px !important;
    left:9px !important;
    min-height:22px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }
}

/* 2026-05-13: home page polish. Mobile-first compact UI without touching backend logic. */
@media (max-width:768px){
  body.urbiax-modern-home-v1{
    --ubx-phone-edge:clamp(10px,2.7vw,16px) !important;
    padding-bottom:92px !important;
  }

  body.urbiax-modern-home-v1 .navbar{
    margin-bottom:8px !important;
  }
  body.urbiax-modern-home-v1 .navbar .inner{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:12px 14px 13px !important;
    border-radius:24px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.08) !important;
  }
  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(38px,11.4vw,50px) !important;
    line-height:.9 !important;
    letter-spacing:-.055em !important;
  }
  body.urbiax-modern-home-v1 .brand-sub{
    margin-top:8px !important;
    min-height:30px !important;
    padding:6px 12px !important;
    border-radius:999px !important;
    font-size:clamp(13px,3.7vw,15px) !important;
    line-height:1 !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged{
    gap:7px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:1px !important;
    scrollbar-width:none !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged::-webkit-scrollbar{display:none !important;}
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn{
    min-height:34px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:0 auto 10px !important;
    padding:13px 13px 14px !important;
    gap:7px !important;
    border-radius:24px !important;
    box-shadow:0 14px 32px rgba(37,99,235,.14) !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-kicker{
    width:max-content !important;
    max-width:100% !important;
    min-height:26px !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    letter-spacing:.07em !important;
    line-height:1 !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    margin:7px 0 0 !important;
    font-size:clamp(26px,8vw,34px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 p{
    margin:6px 0 0 !important;
    max-width:34em !important;
    font-size:13.5px !important;
    line-height:1.22 !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions,
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    margin-top:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    margin-top:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:34px !important;
    padding:0 5px !important;
    border-radius:15px !important;
    font-size:clamp(10.8px,3.15vw,12.5px) !important;
    line-height:1 !important;
    box-shadow:0 7px 15px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.66) !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:38px !important;
    padding:0 6px !important;
    border-radius:16px !important;
    font-size:clamp(13px,3.55vw,15px) !important;
    line-height:1 !important;
    box-shadow:0 7px 15px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.66) !important;
  }

  body.urbiax-modern-home-v1 .mode-tabs-row{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:0 auto 10px !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs{
    padding:8px !important;
    gap:7px !important;
    border-radius:22px !important;
    box-shadow:0 10px 26px rgba(15,23,42,.07) !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs-label{
    font-size:10px !important;
    line-height:1 !important;
    margin:0 0 2px !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:48px !important;
    padding:8px 40px 8px 12px !important;
    border-radius:17px !important;
    font-size:14px !important;
    line-height:1.02 !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip::before{
    width:26px !important;
    height:26px !important;
    right:9px !important;
    border-radius:11px !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip::after{
    font-size:10.2px !important;
    line-height:1.02 !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:8px auto 10px !important;
    gap:8px !important;
    align-items:center !important;
  }
  body.urbiax-modern-home-v1 .filters-accordion{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-head{
    min-height:52px !important;
    padding:0 12px !important;
    border-radius:19px !important;
    gap:10px !important;
    box-shadow:0 9px 22px rgba(15,23,42,.06) !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-head::before{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
    font-size:20px !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-title{
    font-size:20px !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-chevron{
    width:32px !important;
    height:32px !important;
    border-radius:13px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    flex:0 0 156px !important;
    height:52px !important;
    padding:5px !important;
    border-radius:19px !important;
    gap:4px !important;
    box-shadow:0 9px 22px rgba(15,23,42,.06) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-btn{
    min-height:42px !important;
    border-radius:15px !important;
    font-size:13.5px !important;
    padding:0 8px !important;
  }

  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 #listingsGrid{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list{
    gap:12px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    grid-template-columns:138px minmax(0,1fr) !important;
    min-height:174px !important;
    border-radius:21px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.08) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:138px !important;
    min-height:174px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .body{
    padding:9px 9px 3px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .tag-row{
    gap:5px !important;
    margin-bottom:4px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-tag,
  body.urbiax-modern-home-v1 #listingsGrid.view-list .ptype-pill{
    min-height:23px !important;
    padding:0 7px !important;
    font-size:9px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:15.7px !important;
    line-height:1.04 !important;
    margin-bottom:3px !important;
    letter-spacing:-.04em !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-reviews-mini{
    margin-top:1px !important;
    min-height:13px !important;
    transform:scale(.74) !important;
    transform-origin:left center !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row{
    margin-top:3px !important;
    gap:5px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:14.8px !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .deposit-chip{
    min-height:21px !important;
    max-width:78px !important;
    padding:0 5px !important;
    font-size:8.8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .meta-row{
    margin-top:4px !important;
    gap:4px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .meta-pill{
    min-height:20px !important;
    padding:0 5px !important;
    font-size:9.3px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .share-mini-label{
    font-size:10px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    padding:0 8px 8px !important;
    gap:6px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    min-height:31px !important;
    border-radius:12px !important;
    font-size:10.8px !important;
    letter-spacing:-.015em !important;
    padding:0 6px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .photo-count{
    left:8px !important;
    bottom:8px !important;
    min-height:25px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }

  body.urbiax-modern-home-v1 #listingsGrid .redblack-feed-ad{
    border-radius:21px !important;
    box-shadow:0 12px 26px rgba(15,23,42,.10), 0 0 18px rgba(255,35,83,.10) !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    min-width:112px !important;
    height:58px !important;
    padding:0 16px !important;
    border-radius:22px !important;
    right:max(78px, calc(env(safe-area-inset-right) + 76px)) !important;
    bottom:max(14px, calc(env(safe-area-inset-bottom) + 12px)) !important;
    font-size:16px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump::before{
    width:24px !important;
    height:24px !important;
    font-size:11px !important;
  }
  body.urbiax-modern-home-v1 .back-to-top{
    width:58px !important;
    height:58px !important;
    border-radius:20px !important;
    right:max(12px, calc(env(safe-area-inset-right) + 10px)) !important;
    bottom:max(14px, calc(env(safe-area-inset-bottom) + 12px)) !important;
  }
  body.urbiax-modern-home-v1 .back-to-top::after{
    font-size:30px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    flex-basis:138px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    grid-template-columns:128px minmax(0,1fr) !important;
    min-height:168px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:128px !important;
    min-height:168px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:14.8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:13.8px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    min-height:30px !important;
    font-size:10.2px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    min-width:104px !important;
    height:54px !important;
    right:max(72px, calc(env(safe-area-inset-right) + 70px)) !important;
    font-size:15px !important;
  }
  body.urbiax-modern-home-v1 .back-to-top{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
  }
}

/* 2026-05-13 v2: stronger visible mobile polish for Urbiax main rentals page.
   CSS-only override: no backend, chat, listings, adverts or forms logic changed. */
@media (max-width:768px){
  body.urbiax-modern-home-v1{
    --ubx-phone-edge:clamp(10px,2.5vw,14px) !important;
    background:
      radial-gradient(520px 380px at 50% -120px, rgba(59,130,246,.10), transparent 68%),
      linear-gradient(180deg,#f8fbff 0%,#f5f2eb 44%,#f8fafc 100%) !important;
    padding-bottom:86px !important;
  }

  /* Top app header: smaller, cleaner, more app-like */
  body.urbiax-modern-home-v1 .navbar{
    margin:6px 0 6px !important;
  }
  body.urbiax-modern-home-v1 .navbar .inner{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    padding:10px 12px 11px !important;
    border-radius:22px !important;
    gap:8px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(34px,10.2vw,46px) !important;
    line-height:.9 !important;
    letter-spacing:-.06em !important;
  }
  body.urbiax-modern-home-v1 .brand-sub{
    margin-top:6px !important;
    min-height:26px !important;
    padding:5px 10px !important;
    font-size:clamp(12px,3.3vw,14px) !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged{
    margin-top:6px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn,
  body.urbiax-modern-home-v1 .ubx-online-status{
    min-height:31px !important;
    padding:0 11px !important;
    border-radius:14px !important;
    font-size:12.4px !important;
    font-weight:900 !important;
  }

  /* Hero: same look, less height, much faster access to listings */
  body.urbiax-modern-home-v1 .ubx-home-hero-v6{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:0 auto 8px !important;
    padding:11px 12px 12px !important;
    border-radius:22px !important;
    gap:6px !important;
    min-height:0 !important;
    box-shadow:0 12px 28px rgba(37,99,235,.13), inset 0 1px 0 rgba(255,255,255,.30) !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-kicker{
    min-height:23px !important;
    padding:4px 9px !important;
    font-size:9.7px !important;
    letter-spacing:.065em !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 h1{
    margin:5px 0 0 !important;
    font-size:clamp(24px,7.3vw,31px) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-v6 p{
    margin:4px 0 0 !important;
    font-size:12.4px !important;
    line-height:1.17 !important;
    max-width:31em !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add-actions{
    margin-top:8px !important;
    gap:6px !important;
  }
  body.urbiax-modern-home-v1 .ubx-home-hero-actions{
    margin-top:6px !important;
    gap:6px !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add,
  body.urbiax-modern-home-v1 .ubx-hero-action{
    border-radius:14px !important;
    box-shadow:0 6px 13px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-add{
    min-height:31px !important;
    font-size:clamp(10px,2.85vw,11.6px) !important;
    padding:0 4px !important;
  }
  body.urbiax-modern-home-v1 .ubx-hero-action{
    min-height:33px !important;
    font-size:clamp(11.5px,3.15vw,13.4px) !important;
    padding:0 5px !important;
  }

  /* More on Urbiax: compact strip instead of a large block */
  body.urbiax-modern-home-v1 .mode-tabs-row{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:0 auto 8px !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs{
    padding:7px !important;
    gap:6px !important;
    border-radius:20px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.06) !important;
  }
  body.urbiax-modern-home-v1 .local-board-tabs-label{
    margin:0 !important;
    font-size:9.2px !important;
    letter-spacing:.10em !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip{
    min-height:42px !important;
    padding:7px 34px 7px 11px !important;
    border-radius:15px !important;
    font-size:12.5px !important;
    line-height:1.02 !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip::before{
    width:23px !important;
    height:23px !important;
    right:8px !important;
    border-radius:9px !important;
  }
  body.urbiax-modern-home-v1 .urbiax-section-chip::after{
    font-size:9.5px !important;
  }

  /* Filters row: slimmer and less bulky */
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
    margin:7px auto 9px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-head{
    min-height:46px !important;
    padding:0 10px !important;
    border-radius:17px !important;
    gap:9px !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-head::before{
    width:32px !important;
    height:32px !important;
    border-radius:12px !important;
    font-size:18px !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-title{
    font-size:18px !important;
    letter-spacing:-.04em !important;
  }
  body.urbiax-modern-home-v1 .filters-acc-chevron{
    width:28px !important;
    height:28px !important;
    border-radius:11px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{
    flex:0 0 142px !important;
    height:46px !important;
    padding:4px !important;
    border-radius:17px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-btn{
    min-height:38px !important;
    border-radius:14px !important;
    font-size:12.8px !important;
    padding:0 7px !important;
  }

  /* Listing list view: smaller gaps, cleaner proportions */
  body.urbiax-modern-home-v1 .layout,
  body.urbiax-modern-home-v1 #listingsGrid{
    width:calc(100vw - (var(--ubx-phone-edge) * 2)) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list{
    gap:10px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    grid-template-columns:136px minmax(0,1fr) !important;
    min-height:166px !important;
    border-radius:20px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.075) !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:136px !important;
    min-height:166px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .body{
    padding:8px 8px 2px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-title{
    font-size:14.8px !important;
    line-height:1.02 !important;
    margin-bottom:2px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .listing-reviews-mini{
    margin-top:0 !important;
    transform:scale(.68) !important;
    transform-origin:left center !important;
    min-height:11px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row{
    margin-top:2px !important;
    gap:4px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .price-deposit-row .price{
    font-size:13.8px !important;
    line-height:1.02 !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .deposit-chip{
    min-height:20px !important;
    max-width:74px !important;
    font-size:8.4px !important;
    padding:0 4px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .meta-row{
    margin-top:3px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions{
    padding:0 7px 7px !important;
    gap:5px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .modern-card-actions a{
    min-height:29px !important;
    border-radius:11px !important;
    font-size:10.2px !important;
    padding:0 5px !important;
  }

  /* Floating controls: smaller and less intrusive */
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    min-width:86px !important;
    height:48px !important;
    padding:0 12px !important;
    border-radius:18px !important;
    right:max(70px, calc(env(safe-area-inset-right) + 68px)) !important;
    bottom:max(10px, calc(env(safe-area-inset-bottom) + 8px)) !important;
    font-size:14px !important;
    gap:5px !important;
    box-shadow:0 10px 22px rgba(15,23,42,.18), 0 6px 14px rgba(37,99,235,.13) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump::before{
    width:20px !important;
    height:20px !important;
    font-size:10px !important;
  }
  body.urbiax-modern-home-v1 .back-to-top{
    width:48px !important;
    height:48px !important;
    border-radius:17px !important;
    right:max(12px, calc(env(safe-area-inset-right) + 10px)) !important;
    bottom:max(10px, calc(env(safe-area-inset-bottom) + 8px)) !important;
    box-shadow:0 10px 22px rgba(15,23,42,.18), 0 6px 14px rgba(37,99,235,.13) !important;
  }
  body.urbiax-modern-home-v1 .back-to-top::after{
    font-size:25px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell{
    grid-template-columns:124px minmax(0,1fr) !important;
    min-height:160px !important;
  }
  body.urbiax-modern-home-v1 #listingsGrid.view-list .card-shell .card .thumb{
    width:124px !important;
    min-height:160px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-view-switch{flex-basis:132px !important;}
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump{
    min-width:78px !important;
    height:46px !important;
    right:max(62px, calc(env(safe-area-inset-right) + 60px)) !important;
    font-size:13px !important;
  }
  body.urbiax-modern-home-v1 .back-to-top{
    width:46px !important;
    height:46px !important;
  }
}

/* Compact optional support chip in top header. It is deliberately small so it does not stretch the mobile banner. */
body.urbiax-modern-home-v1 .ubx-support-chip-header{
  position:relative;
  z-index:2;
  display:inline-grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:min(420px, 34vw);
  min-width:320px;
  min-height:44px;
  padding:6px 9px 6px 7px;
  border-radius:999px;
  text-decoration:none !important;
  color:#0f172a;
  background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,248,255,.56) 48%, rgba(236,253,245,.50));
  border:1px solid rgba(37,99,235,.13);
  box-shadow:0 9px 20px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(14px) saturate(1.18);
  backdrop-filter:blur(14px) saturate(1.18);
}
body.urbiax-modern-home-v1 .ubx-support-chip-icon{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#1d4ed8;
  font-size:20px;
  line-height:1;
  font-weight:900;
  background:linear-gradient(135deg, rgba(239,246,255,.88), rgba(236,253,245,.72));
  border:1px solid rgba(14,165,233,.12);
}
body.urbiax-modern-home-v1 .ubx-support-chip-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.05;
}
body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{
  display:block;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.018em;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.urbiax-modern-home-v1 .ubx-support-chip-copy small{
  display:block;
  margin-top:3px;
  font-size:11px;
  font-weight:800;
  color:#536277;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.urbiax-modern-home-v1 .ubx-support-chip-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  color:#1556d8;
  font-size:12px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,249,255,.86));
  border:1px solid rgba(37,99,235,.18);
  box-shadow:0 5px 12px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,.90);
}
body.urbiax-modern-home-v1 .ubx-support-chip-cta-short{display:none;}

@media (min-width:769px) and (max-width:900px){
  body.urbiax-modern-home-v1 .navbar .inner{
    align-items:center !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:901px){
  body.urbiax-modern-home-v1 .navbar .inner{
    position:relative !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    position:absolute !important;
    left:50% !important;
    top:16px !important;
    transform:translateX(-50%) !important;
    width:min(360px, 28vw) !important;
    min-width:300px !important;
    min-height:40px !important;
    padding:5px 8px 5px 6px !important;
    grid-template-columns:30px minmax(0,1fr) auto !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-icon{
    width:28px !important;
    height:28px !important;
    font-size:18px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{font-size:12px !important;}
  body.urbiax-modern-home-v1 .ubx-support-chip-copy small{font-size:10px !important;}
  body.urbiax-modern-home-v1 .ubx-support-chip-cta{
    min-height:26px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .navbar .inner{
    position:relative !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    grid-area:sub !important;
    justify-self:center !important;
    width:clamp(186px, 54vw, 236px) !important;
    min-width:0 !important;
    min-height:34px !important;
    grid-template-columns:27px minmax(0,1fr) auto !important;
    gap:5px !important;
    padding:4px 6px 4px 5px !important;
    margin:0 auto -1px !important;
    border-radius:18px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-icon{
    width:25px !important;
    height:25px !important;
    font-size:17px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{
    font-size:10.4px !important;
    letter-spacing:-.02em !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy small{
    margin-top:1px !important;
    font-size:8.7px !important;
    font-weight:800 !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-cta{
    min-height:23px !important;
    padding:0 7px !important;
    font-size:10.4px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-cta-long{display:none !important;}
  body.urbiax-modern-home-v1 .ubx-support-chip-cta-short{display:inline !important;}
  body.urbiax-modern-home-v1 .brand-sub{display:none !important;}
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged{
    margin-top:1px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    width:clamp(176px, 52vw, 218px) !important;
    grid-template-columns:24px minmax(0,1fr) auto !important;
    gap:4px !important;
    min-height:31px !important;
    padding:3px 5px 3px 4px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-icon{
    width:22px !important;
    height:22px !important;
    font-size:15px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{font-size:9.7px !important;}
  body.urbiax-modern-home-v1 .ubx-support-chip-copy small{font-size:8px !important;}
  body.urbiax-modern-home-v1 .ubx-support-chip-cta{
    min-height:21px !important;
    padding:0 6px !important;
    font-size:9.8px !important;
  }
}

/* 2026-05-24: top header refresh for mobile.
   Compact pass: keep it attractive, but much shorter vertically. */
@media (max-width:768px){
  body.urbiax-modern-home-v1 .navbar{
    margin:6px auto 8px !important;
  }

  body.urbiax-modern-home-v1 .navbar .inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    padding:11px 11px 12px !important;
    border-radius:24px !important;
    min-height:auto !important;
  }

  body.urbiax-modern-home-v1 .brand{
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
  }
  body.urbiax-modern-home-v1 .brand-link{
    display:block !important;
    text-decoration:none !important;
  }
  body.urbiax-modern-home-v1 .brand-main{
    display:block !important;
    font-size:clamp(32px,9.2vw,44px) !important;
    line-height:.92 !important;
    letter-spacing:-.07em !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 .brand-sub{
    display:inline-flex !important;
    align-items:center !important;
    min-height:24px !important;
    padding:0 10px !important;
    margin-top:5px !important;
    border-radius:999px !important;
    font-size:10.8px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:#47627e !important;
    background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(14,165,233,.06), rgba(34,197,94,.07)) !important;
    border:1px solid rgba(37,99,235,.10) !important;
  }

  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    justify-self:center !important;
    width:min(100%, 332px) !important;
    max-width:100% !important;
    min-height:41px !important;
    padding:4px 6px 4px 4px !important;
    border-radius:999px !important;
    display:grid !important;
    grid-template-columns:27px minmax(0,1fr) auto !important;
    gap:6px !important;
    margin:0 auto !important;
    box-shadow:0 7px 16px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-icon{
    width:26px !important;
    height:26px !important;
    font-size:16px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{
    display:block !important;
    font-size:10.8px !important;
    line-height:1.02 !important;
    letter-spacing:-.02em !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy small{
    display:block !important;
    margin-top:1px !important;
    font-size:8.8px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#64748b !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-cta{
    min-height:26px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  body.urbiax-modern-home-v1 .nav-actions{
    width:100% !important;
    min-width:0 !important;
    margin-top:0 !important;
  }

  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn{
    min-height:38px !important;
    padding:0 15px !important;
    border-radius:16px !important;
    font-size:14px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn[href*="logout"]{
    justify-self:start !important;
  }
  body.urbiax-modern-home-v1 .ubx-online-status{
    justify-self:end !important;
    min-height:38px !important;
    padding:0 14px !important;
    border-radius:16px !important;
    font-size:14px !important;
    font-weight:950 !important;
  }
  body.urbiax-modern-home-v1 .ubx-online-dot{
    width:9px !important;
    height:9px !important;
  }

  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .btn{
    width:100% !important;
    min-height:38px !important;
    padding:0 10px !important;
    border-radius:16px !important;
    font-size:14px !important;
    font-weight:950 !important;
    justify-content:center !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:16px !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    color:#475569 !important;
    background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54)) !important;
    border:1px solid rgba(255,255,255,.70) !important;
    box-shadow:0 6px 14px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint strong{
    color:#1d4ed8 !important;
    font-weight:1000 !important;
  }

  /* Logged-in add buttons stay in the hero banner on mobile, not in the top header. */
  body.urbiax-modern-home-v1 .nav-actions .rental-btn,
  body.urbiax-modern-home-v1 .nav-actions .sale-btn,
  body.urbiax-modern-home-v1 .nav-actions .swap-btn{
    display:none !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .navbar .inner{
    padding:10px 10px 11px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .brand-main{
    font-size:clamp(30px,8.9vw,40px) !important;
  }
  body.urbiax-modern-home-v1 .brand-sub{
    font-size:10px !important;
    padding:0 9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-header{
    width:min(100%, 316px) !important;
    min-height:38px !important;
    padding:3px 5px 3px 3px !important;
    grid-template-columns:25px minmax(0,1fr) auto !important;
    gap:5px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-icon{
    width:24px !important;
    height:24px !important;
    font-size:15px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy strong{
    font-size:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-copy small{
    font-size:8.2px !important;
  }
  body.urbiax-modern-home-v1 .ubx-support-chip-cta{
    min-height:24px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .btn,
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-logged .btn,
  body.urbiax-modern-home-v1 .ubx-online-status{
    min-height:36px !important;
    font-size:13px !important;
  }
  body.urbiax-modern-home-v1 .nav-actions.nav-actions-guest .ubx-mobile-login-hint{
    min-height:38px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }
}