/* Empire City — site-wide fixes + mobile polish (2026-11-05) */

/* 1. Catalog hero (title, breadcrumbs, project count) was hidden together with the breadcrumbs */
html body #breadcrumb-holder.ecx-chero:not(#ecb-y){position:relative!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:hidden!important;white-space:normal!important}
html body #breadcrumb-holder.ecx-chero:not(#ecb-y) .mod-breadcrumbs__wrapper{position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important}

@media (max-width:991px){
  /* 2. Empty slider position left a dark 56px box under the header (contacts etc.) */
  html body #sp-slider-glav-1:not(:has(img,h1,h2,h3,video,iframe,.n2-section-smartslider,.ecx-chero)){padding-top:0!important;padding-bottom:0!important;background:transparent!important;min-height:0!important}
}

/* 3. Mobile action bar: find a property / call / WhatsApp */
.ecm-bar{display:none}
@media (max-width:767px){
  html body .ecm-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1035;display:flex;align-items:center;gap:8px;padding:7px;border-radius:24px;
    background:rgba(13,15,21,.84);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
    border:1px solid rgba(217,188,140,.3);box-shadow:0 24px 48px -16px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);
    transform:translateY(calc(100% + 30px));opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s ease;font-family:var(--x-sans,Manrope,system-ui,sans-serif)}
  html body .ecm-bar.is-on{transform:none;opacity:1}
  html body .ecm-bar__main{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 16px;border:0;border-radius:18px;cursor:pointer;
    background:linear-gradient(135deg,#f3ddb3,#d9bc8c 55%,#b8925a);color:#14110b;font:600 15px/1 var(--x-sans,Manrope,system-ui,sans-serif);letter-spacing:.01em;text-decoration:none;
    box-shadow:0 10px 24px -10px rgba(217,188,140,.7)}
  html body .ecm-bar__main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .ecm-bar__main svg{width:18px;height:18px;flex:0 0 auto}
  html body .ecm-bar__ic{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;text-decoration:none;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#f2efe9}
  html body .ecm-bar__ic svg{width:21px;height:21px}
  html body .ecm-bar__ic--wa{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.35);color:#4ade80}
  html body .ecm-bar__main:active,html body .ecm-bar__ic:active{transform:scale(.97)}
  /* keep the scroll-up button and page end clear of the bar */
  html body.ecm-has-bar .sp-scroll-up{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  html body.ecm-has-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
  html.emx-open body .ecm-bar{transform:translateY(calc(100% + 30px));opacity:0}

  /* 4. Catalog hero on phones */
  html body #breadcrumb-holder.ecx-chero:not(#ecb-y) .ecx-chero__in{padding-top:18px!important;padding-bottom:6px!important}
  html body #breadcrumb-holder.ecx-chero:not(#ecb-y) h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.02!important}
}
@media (prefers-reduced-motion:reduce){html body .ecm-bar{transition:none}}