/* 2026-05-24 mobile-only unified top panel:
   refined pass: stronger colours, tighter spacing, smaller buttons. */
.ubx-mobile-superhero{display:none;}
@media (max-width:768px){
  body.urbiax-modern-home-v1 .navbar,
  body.urbiax-modern-home-v1 .container > .ubx-home-hero-v6,
  body.urbiax-modern-home-v1 .container > .login-note{
    display:none !important;
  }

  body.urbiax-modern-home-v1 .container{
    padding-top:0 !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    position:relative !important;
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    margin:-8px calc(50% - 50vw) 12px !important;
    padding:20px 16px 13px !important;
    padding-left:calc(16px + env(safe-area-inset-left)) !important;
    padding-right:calc(16px + env(safe-area-inset-right)) !important;
    border-radius:0 !important;
    overflow:hidden !important;
    border:0 !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(136,240,218,.25) 0, rgba(136,240,218,.08) 28%, transparent 48%),
      radial-gradient(circle at 10% 8%, rgba(70,103,243,.34) 0, rgba(70,103,243,.08) 36%, transparent 58%),
      linear-gradient(132deg, #2352d7 0%, #1977df 37%, #1fabc5 68%, #46c978 100%) !important;
    box-shadow:0 16px 32px rgba(14,45,98,.14), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:
      repeating-radial-gradient(ellipse at 102% 58%, rgba(255,255,255,.12) 0 1px, transparent 1px 10px),
      linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04) 32%, rgba(255,255,255,.02) 100%) !important;
    opacity:.72 !important;
    pointer-events:none !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero::after{
    content:'' !important;
    position:absolute !important;
    inset:auto auto -62px -52px !important;
    width:170px !important;
    height:170px !important;
    border-radius:999px !important;
    background:radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 68%) !important;
    pointer-events:none !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-brandrow{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    margin-bottom:9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand{
    display:inline-block !important;
    text-decoration:none !important;
    min-width:0 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main{
    display:block !important;
    color:#ffffff !important;
    text-shadow:0 5px 18px rgba(3,20,56,.20), 0 1px 0 rgba(255,255,255,.08) !important;
    font-family:'Playfair Display','Georgia','Times New Roman',serif !important;
    font-size:clamp(40px,11.5vw,62px) !important;
    line-height:.86 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main span{
    color:rgba(190,220,255,.82) !important;
    text-shadow:0 2px 12px rgba(255,255,255,.08) !important;
    font-family:'Montserrat','Plus Jakarta Sans','Segoe UI',sans-serif !important;
    font-size:.48em !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
    vertical-align:baseline !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-headgrid{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 118px !important;
    gap:8px !important;
    align-items:start !important;
    margin-bottom:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-headgrid.guest{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-support{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:center !important;
    min-height:48px !important;
    padding:6px 7px 6px 6px !important;
    border-radius:22px !important;
    border:1px solid rgba(255,255,255,.56) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,250,255,.78)) !important;
    text-decoration:none !important;
    box-shadow:0 8px 16px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.88) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-icon{
    width:30px !important;
    height:30px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#2f5bd7 !important;
    font-size:18px !important;
    font-weight:900 !important;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,248,255,.88)) !important;
    border:1px solid rgba(29,78,216,.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-copy{
    min-width:0 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-copy strong{
    display:block !important;
    font-size:10.4px !important;
    line-height:1.02 !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    color:#0f172a !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-copy small{
    display:block !important;
    margin-top:1px !important;
    font-size:8.4px !important;
    line-height:1.08 !important;
    color:#64748b !important;
    font-weight:850 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:29px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    color:#2b59dd !important;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.90)) !important;
    border:1px solid rgba(43,89,221,.16) !important;
    font-size:11.5px !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    box-shadow:0 4px 10px rgba(43,89,221,.08) !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-userstack{
    display:grid !important;
    gap:7px !important;
    align-items:start !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-online,
  body.urbiax-modern-home-v1 .ubx-ms-logout{
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:1000 !important;
    box-shadow:0 8px 16px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-online{
    color:#2f7d39 !important;
    border:1px solid rgba(34,197,94,.18) !important;
    background:linear-gradient(180deg, rgba(248,255,250,.96), rgba(233,250,238,.88)) !important;
    gap:8px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-online::before{
    content:'' !important;
    width:11px !important;
    height:11px !important;
    border-radius:999px !important;
    background:#52c56f !important;
    box-shadow:0 0 0 6px rgba(82,197,111,.13) !important;
    flex:0 0 auto !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-logout{
    color:#475569 !important;
    border:1px solid rgba(15,23,42,.10) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,252,255,.86)) !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-guest-actions{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
    margin-bottom:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-auth,
  body.urbiax-modern-home-v1 .ubx-ms-posthint{
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    box-shadow:0 8px 16px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-auth{
    font-size:14px !important;
    font-weight:1000 !important;
    color:#27324a !important;
    border:1px solid rgba(255,255,255,.70) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74)) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-posthint{
    grid-column:1 / -1 !important;
    min-height:40px !important;
    font-size:12px !important;
    font-weight:900 !important;
    color:#516072 !important;
    border:1px solid rgba(255,255,255,.70) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.66)) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-posthint strong{color:#1d4ed8 !important;}

  body.urbiax-modern-home-v1 .ubx-ms-kicker{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    min-height:36px !important;
    padding:0 12px !important;
    margin:2px 0 12px !important;
    border-radius:999px !important;
    color:#ffffff !important;
    background:rgba(255,255,255,.08) !important;
    border:1.2px solid rgba(255,255,255,.76) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 8px 16px rgba(3,20,56,.08) !important;
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 30px !important;
    align-items:center !important;
    gap:5px !important;
    font-size:11.3px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-kicker .ico,
  body.urbiax-modern-home-v1 .ubx-ms-kicker .swapico{
    width:26px !important;
    height:26px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    line-height:1 !important;
    color:#fff !important;
    background:rgba(255,255,255,.06) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-kicker .dot{
    text-align:center !important;
    opacity:.9 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-kicker .txt{
    text-align:center !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 7px !important;
    color:#ffffff !important;
    text-shadow:0 8px 20px rgba(21,58,120,.22) !important;
    font-size:clamp(28px,8.8vw,42px) !important;
    line-height:.95 !important;
    letter-spacing:-.06em !important;
    font-weight:1000 !important;
    max-width:320px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 11px !important;
    max-width:560px !important;
    color:rgba(255,255,255,.97) !important;
    text-shadow:0 6px 14px rgba(21,58,120,.16) !important;
    font-size:12.8px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
  }

  body.urbiax-modern-home-v1 .ubx-ms-adds,
  body.urbiax-modern-home-v1 .ubx-ms-modes{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds{margin:0 0 9px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-btn{
    min-height:43px !important;
    padding:0 8px !important;
    border-radius:17px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    border-width:1px !important;
    border-style:solid !important;
    box-shadow:0 10px 18px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.88) !important;
    font-size:11.8px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:-.015em !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn.rent{
    color:#1e5bd7 !important;
    border-color:rgba(40,95,226,.22) !important;
    background:linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%) !important;
    box-shadow:0 10px 18px rgba(31,91,219,.10), inset 0 1px 0 rgba(255,255,255,.94) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn.sale{
    color:#ce531b !important;
    border-color:rgba(206,83,27,.20) !important;
    background:linear-gradient(180deg, #ffffff 0%, #fff7f0 100%) !important;
    box-shadow:0 10px 18px rgba(191,82,22,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn.swap{
    color:#15854a !important;
    border-color:rgba(21,133,74,.20) !important;
    background:linear-gradient(180deg, #ffffff 0%, #f1fbf4 100%) !important;
    box-shadow:0 10px 18px rgba(21,133,74,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn.mode{
    min-height:42px !important;
    font-size:12.8px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.rent{
    color:#ffffff !important;
    background:linear-gradient(180deg, #4a92ff 0%, #255fdc 100%) !important;
    border-color:rgba(255,255,255,.30) !important;
    box-shadow:0 12px 22px rgba(30,92,220,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.sale{
    color:#ffffff !important;
    background:linear-gradient(180deg, #ff7944 0%, #d94716 100%) !important;
    border-color:rgba(255,255,255,.28) !important;
    box-shadow:0 12px 22px rgba(217,71,22,.24), inset 0 1px 0 rgba(255,255,255,.25) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.swap{
    color:#ffffff !important;
    background:linear-gradient(180deg, #66d46e 0%, #2fac50 100%) !important;
    border-color:rgba(255,255,255,.28) !important;
    box-shadow:0 12px 22px rgba(47,172,80,.22), inset 0 1px 0 rgba(255,255,255,.25) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn{
    background-image:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.92)) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn .btnico{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-right:7px !important;
    font-size:15px !important;
    line-height:1 !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    padding:13px 11px 11px !important;
    border-radius:0 !important;
    margin:-8px calc(50% - 50vw) 12px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-headgrid{
    grid-template-columns:minmax(0,1fr) 108px !important;
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support{
    min-height:46px !important;
    grid-template-columns:28px minmax(0,1fr) auto !important;
    gap:5px !important;
    padding:5px 6px 5px 5px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-icon{
    width:28px !important;
    height:28px !important;
    font-size:17px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support-copy strong{font-size:10px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support-copy small{font-size:8px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support-cta{min-height:28px !important;padding:0 9px !important;font-size:10.8px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-online,
  body.urbiax-modern-home-v1 .ubx-ms-logout{
    min-height:36px !important;
    border-radius:15px !important;
    font-size:12.4px !important;
    padding:0 10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{font-size:clamp(26px,8.5vw,38px) !important;}
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p{font-size:12.4px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-kicker{min-height:34px !important;padding:0 8px !important;grid-template-columns:26px minmax(0,1fr) 7px minmax(0,1fr) 7px minmax(0,1fr) 26px !important;gap:4px !important;font-size:9.7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-kicker .ico, body.urbiax-modern-home-v1 .ubx-ms-kicker .swapico{width:22px !important;height:22px !important;font-size:14px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-btn{min-height:42px !important;font-size:11.2px !important;padding:0 6px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-btn.mode{min-height:40px !important;font-size:12px !important;}
}
@media (min-width:769px){
  .ubx-mobile-superhero{display:none !important;}
}