.layout-preview{position:relative;aspect-ratio:1/1;background:#fff;padding:16px}
.layout-preview img{width:100%;height:100%;object-fit:contain}
.plan-zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;background:#f8f9f6ed;border:1px solid var(--line);padding:9px 12px;font-size:10px;border-radius:30px}
.plan-zoom svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.area-breakdown{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.area-breakdown summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font-size:12px}
.area-breakdown summary::-webkit-details-marker{display:none}
.area-breakdown summary>span:last-child{font-size:18px;font-weight:400;transition:transform .2s}
.area-breakdown[open] summary>span:last-child{transform:rotate(45deg)}
.area-breakdown h4{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:14px 0 4px}
.room-areas{margin:0 0 16px}.room-areas>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #d6ded155}
.room-areas dt{font-size:12px}.room-areas dt small{display:inline-block;min-width:23px;color:var(--muted);font-size:10px}.room-areas dd{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.room-areas .area-total{font-weight:600;border:0;padding-top:14px}.area-total dt,.area-total dd{font-size:13px}
.area-footnote{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 18px}
.availability{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:7px 9px;line-height:1;font-size:10px;font-weight:500;white-space:nowrap}
.availability svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.is-available{color:#276343;background:#e3eedf}.is-reserved{color:#866121;background:#f5edd8}.is-sold{color:#697169;background:#e6e8e3}.is-unknown{color:#697169;background:#eef0ea;font-size:9px}
.units-table th:first-child{width:16%}.units-table th:nth-child(2){width:13%}.units-table th:nth-child(3){width:7%}.units-table th:nth-child(4){width:8%}.units-table th:nth-child(5){width:16%}.units-table th:nth-child(6){width:23%}.units-table th:last-child{width:17%}
.units-table .unit-price{font-size:15px}.units-table .unit-name{font-size:15px}.units-table .row-link{font-size:11px;gap:9px}.unit-data>.availability{margin:0 0 18px}
.live-note{margin-top:24px}.live-note .price-note{margin:0}.live-retry{border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;padding:10px 0}
.unit-data .live-note{margin-top:20px}.unit-data .live-note .price-note{font-size:10px}
.hero-facts [data-from-rooms]{font-size:clamp(18px,2.2vw,31px)}
@media(min-width:761px) and (max-width:1030px){.units-table th,.units-table td{padding-inline:4px}.units-table th:first-child{width:15%}.units-table th:nth-child(5){width:18%}.units-table th:last-child{width:16%}.availability{padding:7px;font-size:9px}.availability svg{width:12px;height:12px}.units-table .row-link{font-size:10px}.units-table .unit-price{font-size:13px}.units-table .unit-name{font-size:14px}}
@media(max-width:760px){.layout-preview{padding:14px}.plan-zoom{right:14px;bottom:14px}.layout-grid{gap:40px}.area-breakdown{margin-top:20px}.units-table tbody tr{grid-template-columns:1fr 1fr;gap:14px 12px}.units-table th{grid-column:1;grid-row:1}.units-table .unit-name{font-size:22px;display:block}.unit-name span{margin-top:3px}.units-table .unit-status{grid-column:2;grid-row:1;text-align:right;align-self:start}.units-table .unit-status::before{display:none!important}.units-table .unit-price{grid-column:2;grid-row:2/4;align-self:center;font-size:20px}.units-table td[data-label=Ogródek]{grid-column:1}.units-table .unit-action{grid-column:2;grid-row:4}.units-table .row-link{font-size:11px}.availability{font-size:10px}.hero-facts [data-from-rooms]{font-size:19px}.filter-fields label:last-child{grid-column:auto}.filter-fields input{min-width:0}.unit-data>.availability{font-size:11px}.area-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.area-breakdown summary>span:last-child{transition:none}}