.uc-avaho{max-width:1160px;margin:0 auto;padding:16px 16px 28px}
.uc-header h1{font-size:26px;font-weight:800;margin:0}
.uc-crumbs{margin-top:6px;font-size:13px;color:#6c7a87}
.uc-crumbs a{color:#2a6cdf;text-decoration:none}.uc-crumbs .sep{margin:0 6px;color:#9aa9b8}

/* Filter (compact) */
.uc-filter-wrap{margin:10px 0 12px}
.filter-topbar{display:none;gap:8px;align-items:center;margin:6px 0}
.filter-topbar .ft-btn{height:36px;border-radius:12px;border:1px solid #cfd9e2;background:#fff;padding:0 14px;font-weight:700}
@media(max-width:780px){.filter-topbar{display:flex}}
.filter-bar{background:#f7fbff;border:1px solid #e3eef9;border-radius:14px;padding:10px 10px 6px;width:100%}
@media(max-width:780px){
  .filter-bar{position:fixed;left:0;right:0;bottom:0;top:auto;transform:translateY(110%);transition:.25s;z-index:9999;border-radius:16px 16px 0 0;box-shadow:0 -10px 26px rgba(0,0,0,.15)}
  .filter-bar.open{transform:translateY(0)}
}
.filter-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}
.filter-grid .f{grid-column:span 2}.filter-grid .f.span3{grid-column:span 3}.filter-grid .f.span6{grid-column:span 6}
@media(max-width:1020px){.filter-grid .f{grid-column:span 4}.filter-grid .f.span6{grid-column:span 12}}
@media(max-width:680px){.filter-grid .f{grid-column:span 6}.filter-grid .f.span6{grid-column:span 12}}
.f label{display:block;font-size:11px;color:#5b6876;margin:0 0 4px 6px}
.f input[type=number],.f select{height:36px;width:100%;border:1px solid #d6e3f3;border-radius:10px;padding:0 10px;background:#fff}
.input-wrap{position:relative}.input-wrap input{padding-right:38px}
.input-wrap .suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6c7a87;font-weight:700;font-size:13px}
.toggle-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.toggle-chips .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #d6e3f3;background:#fff;border-radius:999px;padding:6px 10px;font-size:13px}
.toggle-chips .chip input{width:16px;height:16px}
.filter-actions{display:flex;gap:10px;align-items:center;margin-top:8px}
.uc-btn{height:36px;border-radius:12px;border:1px solid #cfd9e2;background:#fff;padding:0 14px;font-weight:700;cursor:pointer;line-height:36px}
.uc-btn.primary{background:#2da7ff;color:#fff;border-color:#2da7ff}

/* Layout */
.uc-layout{display:grid;grid-template-columns:1fr 300px;gap:16px}
@media(max-width:980px){.uc-layout{grid-template-columns:1fr}}

/* Card */
.card{display:grid;grid-template-columns:340px 1fr;gap:18px;border:1px solid #e8eef6;border-radius:18px;background:#fff;box-shadow:0 2px 12px rgba(16,24,40,.06);padding:14px;margin-bottom:14px;transition:.18s}
.card:hover{box-shadow:0 4px 18px rgba(16,24,40,.10);transform:translateY(-1px)}
@media(max-width:820px){.card{grid-template-columns:1fr}}
.card-media{position:relative;border-radius:14px;overflow:hidden;background:#f5f7fb;height:clamp(220px,28vw,260px);z-index:1}
.uc-avaho .card-media img,.uc-avaho .card-media .uc-photo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;position:static!important;inset:auto!important;transform:none!important;z-index:0!important}

/* Status & tools */
.card-status{position:absolute;right:10px;top:10px;background:#2da7ff;color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}
.card-tools{position:absolute;left:10px;top:10px;display:flex;gap:8px}
.card-tool{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.9);border:1px solid #d9e6f6;color:#2b3d4f}
.card-tool.active{background:#ffe6ea;border-color:#ffb4c1;color:#d62b58}

/* Title/meta */
.card-title{font-size:22px;line-height:1.2;margin:0 0 6px}
.card-topline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-weight:700;margin-bottom:6px}
.card-topline .price a{color:#1e77d6;text-decoration:none;border-bottom:1px dotted rgba(30,119,214,.35)}
.card-topline .area:before{content:"•";margin:0 8px;color:#9aa9b8}
.card-loc{font-size:16px;color:#60717f;margin-bottom:8px}
.card-desc{font-size:15px;color:#25313b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Tags + progress */
.card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.card-tag{background:#f7fbff;border:1px solid #e5eef7;padding:8px 14px;border-radius:999px;font-size:14px;color:#34556f}
.progress-wrap{margin-top:6px}
.progress{height:6px;background:#eef2f6;border-radius:999px;overflow:hidden}
.progress .bar{height:100%;background:#33c267;width:0}

/* Developer */
.card-dev{display:flex;gap:10px;align-items:center;margin-top:12px}
.card-dev img{width:30px;height:30px;border-radius:8px;object-fit:contain;border:1px solid #eef2f6;background:#fff}

/* CTA */
.card-cta{display:flex;gap:10px;margin-top:14px;align-items:center;flex-wrap:nowrap}
.btn-sky{background:#2da7ff;border:1px solid #2da7ff;color:#fff;font-weight:800;height:44px;line-height:42px;border-radius:12px;padding:0 12px;white-space:nowrap}
.btn-white{background:#fff;border:1px solid #cfd9e2;height:44px;line-height:42px;border-radius:12px;padding:0 16px;font-weight:700;white-space:nowrap}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #cfd9e2;border-radius:12px;background:#fff}
.icon-btn svg{width:20px;height:20px}
.icon-btn.whatsapp{color:#25D366;border-color:#25D36626}.icon-btn.whatsapp:hover{background:#25D36614}
.icon-btn.telegram{color:#0088cc;border-color:#0088cc26}.icon-btn.telegram:hover{background:#0088cc14}

/* Pager & aside */
.uc-count{font-size:13px;color:#6a7b8c;margin:6px 0 12px}
.uc-pager{text-align:center;margin:18px 0}
.uc-pager .page-numbers{display:inline-block;margin:0 4px;padding:6px 10px;border:1px solid #dbe5ee;border-radius:8px}
.uc-pager .current{background:#2da7ff;color:#fff;border-color:#2da7ff}
.aside{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.ad{background:#e8f1ff;border:1px solid #d7e3f7;border-radius:14px;min-height:250px;display:flex;align-items:center;justify-content:center;font-weight:600;padding:6px}
/* keep promo images contained */
.uc-avaho .aside .ad,.uc-avaho .aside .promo-banner{width:100%;max-width:100%;overflow:hidden;border-radius:12px}
.uc-avaho .aside .ad img,.uc-avaho .aside .promo-banner img,.uc-avaho .aside img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;position:static!important;inset:auto!important}

/* Device visibility for ads/promos (safety layer) */
@media (max-width: 979px) { .ad.device-desktop, .promo-banner.device-desktop { display:none!important } }
@media (min-width: 980px) { .ad.device-mobile,  .promo-banner.device-mobile  { display:none!important } }

/* Height caps for creatives */
.ad, .promo-banner { max-height:360px; overflow:hidden }
@media (max-width:780px){ .ad, .promo-banner { max-height:280px } }
.ad img, .promo-banner img { display:block; width:100%; height:auto; max-height:100% }
.ad iframe, .promo-banner iframe,
.ad video,  .promo-banner video { width:100%; max-width:100%; display:block; aspect-ratio:16/9; border:0 }

/* Sponsored badge */
.ad{position:relative}
.ad .s-badge{
  position:absolute;left:8px;top:8px;z-index:3;
  background:#111827;color:#fff;font-size:11px;line-height:1;
  padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
  box-shadow:0 1px 4px rgba(0,0,0,.15);pointer-events:none
}

/* === Sticky CTA (mobile) === */
.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:10px;z-index:9990;padding:0 12px}
.sticky-cta .inner{margin:0 auto;max-width:1160px;background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(8px);border:1px solid #dbe6f3;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.15);display:flex;gap:10px;align-items:center;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.sticky-cta .btn-sky{background:#2da7ff;border:1px solid #2da7ff;color:#fff;font-weight:800;height:46px;line-height:44px;border-radius:12px;padding:0 14px;white-space:nowrap}
@media(max-width:780px){.sticky-cta{display:block}}

/* Make phone text bright white (card + sticky) */
.btn-sky,
.btn-sky:visited,
.btn-sky .ph-mask { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.18) }
.btn-sky.revealed,
.btn-sky.revealed .ph-mask { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.25) }
#stickyTel,
#stickyTel .ph { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.18) }
#stickyTel.revealed,
#stickyTel.revealed .ph { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.25) }

/* Empty */
.empty{background:#fff;border:1px dashed #d9e6f6;border-radius:14px;padding:24px;text-align:center}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.chips a{border:1px solid #d9e6f6;border-radius:999px;padding:8px 12px;background:#f7fbff;color:#2a3f55;text-decoration:none}



/* ===== Organized 2-row desktop layout for the filter ===== */
@media (min-width: 981px){
  .filter-bar.compact{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
    align-items: end;
  }
  .filter-bar.compact .filter-grid{ display: contents; }

  /* Base fit: each .f spans 3 columns by default */
  .filter-bar.compact .filter-grid .f{ grid-column: span 3; }
  .filter-bar.compact .filter-grid .f.span6{ grid-column: span 6; }

  /* Row 1 */
  .filter-bar.compact .f--city       { grid-row:1; grid-column:1  / span 3; }
  .filter-bar.compact .f--district   { grid-row:1; grid-column:4  / span 3; }
  .filter-bar.compact .f--price-from { grid-row:1; grid-column:7  / span 3; }
  .filter-bar.compact .f--price-to   { grid-row:1; grid-column:10 / span 3; }

  /* Row 2 */
  .filter-bar.compact .f--area-from  { grid-row:2; grid-column:1  / span 3; }
  .filter-bar.compact .f--area-to    { grid-row:2; grid-column:4  / span 3; }
  .filter-bar.compact .f--rooms      { grid-row:2; grid-column:7  / span 3; }
  .filter-bar.compact .f--sort       { grid-row:2; grid-column:10 / span 3; }

  /* Row 3 (under the two lines) */
  .filter-bar.compact .f--conds      { grid-row:3; grid-column:1 / span 9; }
  .filter-bar.compact .filter-actions{
    grid-row:3; grid-column:10 / -1;
    display:flex; justify-content:flex-end; gap:10px; margin-top:0;
  }

  /* Slimmer controls */
  .filter-bar.compact .f input[type=number],
  .filter-bar.compact .f select{ height:34px; }
  .filter-bar.compact .uc-btn{ height:34px; line-height:34px; }
  .filter-bar.compact label{ margin:0 0 2px 6px; }
  .filter-bar.compact .toggle-chips .chip{ padding:4px 8px; font-size:12px; }

  /* Hide sliders on desktop only (keep for mobile) */
  .filter-bar.compact .range-row,
  .filter-bar.compact #price_slider,
  .filter-bar.compact #area_slider,
  .filter-bar.compact #price_slider + small,
  .filter-bar.compact #area_slider + small{ display:none !important; }
}