/* Doplňky nabídky nad základními styly v klid.css: nové filtry, sloupce
   T/B/Z/UP, stránkování a odkaz na celou nabídku. */

.chipbar-wrap{flex-wrap:wrap}
.chipbar-wrap button{flex:1 1 auto;min-width:0;padding:10px 10px;border-bottom:1px solid var(--line)}
.projrow.is-zero{opacity:.45}
.filters .projlist{max-height:none}

/* radek: nahled | nazev | patro | plocha | T,B,Z,UP | cena */
.unit{grid-template-columns:78px minmax(0,1fr) 74px 82px 132px 150px;gap:16px}
.unit-img{width:78px;height:60px}
.u-place .u-own{display:inline-block;margin-left:4px;font-size:11px;font-weight:700;color:var(--g700);background:var(--cream-2);border-radius:var(--r-data);padding:1px 6px;vertical-align:1px}
.st-ihned{background:rgba(210,130,50,.12);color:#8f5418}
.u-ext .val{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:13px;font-weight:600}
.xchip{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.xchip b{font-size:10.5px;font-weight:800;color:var(--cream);background:var(--g700);border-radius:3px;padding:1px 4px;line-height:1.3}
.xnone{font-size:12.5px;font-weight:500;color:var(--muted)}
.u-price.is-sold{color:var(--muted);font-size:16px;font-weight:700}
.unit.is-sold .unit-img{filter:grayscale(.7);opacity:.75}

.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--muted)}
.pager:empty{display:none}
.pager .btn{padding:11px 22px}

.cela-link{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border:1.5px solid var(--line-2);border-radius:var(--r-panel);transition:border-color .25s,background .25s}
.cela-link:hover{border-color:var(--g900);background:var(--white)}
.cela-link b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em}
.cela-link em{display:block;font-style:normal;font-size:13.5px;color:var(--muted);margin-top:2px}
.cela-link svg{width:18px;height:18px;flex:none}

@media(max-width:1180px) and (min-width:1081px){
  .unit{grid-template-columns:70px minmax(0,1fr) 70px 78px 120px 138px;gap:12px}
}
@media(max-width:900px){
  .unit{grid-template-columns:70px minmax(0,1fr) 80px 90px;gap:14px;row-gap:10px}
  .u-ext{grid-column:2/-1}
  .u-price{grid-column:2/-1;text-align:left}
}
@media(max-width:640px){
  /* nahled | nazev pres dva sloupce, pod tim patro a plocha vedle sebe */
  .unit{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:14px 8px}
  .unit-img{width:64px;height:52px}
  .unit > div:nth-child(2){grid-column:2/-1}
  .u-cell{grid-column:auto;display:block}
  .u-cell .lbl{margin-bottom:1px}
  .unit > .u-cell:nth-child(3){grid-column:1/3;padding-left:76px}
  .u-ext{grid-column:1/-1;display:flex;gap:10px;align-items:baseline}
  .u-price{grid-column:1/-1;text-align:left;font-size:20px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .u-price em{display:inline;margin:0}
}

/* stranka se vsemi jednotkami */
.page-head{padding:clamp(40px,6vw,84px) 0 clamp(26px,3.6vw,44px)}
.page-head .crumb{font-size:13px;color:var(--muted);margin-bottom:14px}
.page-head .crumb a{text-decoration:underline;text-underline-offset:3px}
.page-head h1{font-size:clamp(38px,6vw,76px)}
.page-head p{margin-top:16px;color:var(--muted);font-size:17px;max-width:60ch}
.page-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:14px;color:var(--muted)}
.page-stats b{color:var(--g900);font-size:20px;font-weight:800;letter-spacing:-.03em;margin-right:6px;font-variant-numeric:tabular-nums}