:root{--bg:var(--az-glass);--stroke:var(--az-accent);--shadow:var(--az-glass-shadow);--glow:var(--az-accent);--accent:var(--az-accent);--text:var(--az-text);--muted:var(--az-muted);--sidebar-open:250px;--sidebar-closed:50px;--content-pad:14px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--az-glass);color:var(--az-text);font-family:var(--az-font)}
body{overflow-x:hidden;overflow-y:auto}
.page-wrap{min-height:100vh;width:100%;padding:14px;display:flex;justify-content:center}
.inner{width:100%;max-width:1400px;padding-left:calc(var(--content-pad) + var(--sidebar-closed));padding-right:var(--content-pad)}
body.sidebar-open .inner{padding-left:calc(var(--content-pad) + var(--sidebar-open))}
body.sidebar-closed .inner{padding-left:calc(var(--content-pad) + var(--sidebar-closed))}
.header-block{text-align:center;margin:14px 0 18px}
.page-title{margin:0 0 8px;font-size:clamp(22px,2.5vw,30px);font-weight:900}
.subnote{margin:0 auto;max-width:820px;color:var(--az-text);font-size:13px;line-height:1.45}
.projects-grid{display:grid;gap:16px;padding-bottom:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}
@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.project-card{border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);box-shadow:var(--az-glass-shadow);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;position:relative;display:flex;flex-direction:column;height:100%}
.project-card:hover{transform:translateY(-6px);border-color:var(--az-glass-edge);box-shadow:var(--az-glass-shadow)}
.card-cover{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--az-glass);border-bottom:1px solid var(--az-glass-edge);flex-shrink:0;position:relative}
.card-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;z-index:0}
.card-slide.active{opacity:1;z-index:1}
.card-slide img,.card-cover>img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85) saturate(.92);transition:filter .3s ease}
.project-card:hover .card-slide img,.project-card:hover .card-cover>img{filter:brightness(.95) saturate(1.05)}
.card-cover-overlay{position:absolute;inset:0;background:rgb(5 12 18 / .58);pointer-events:none;z-index:2}
.card-nav{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;z-index:4;opacity:0;transition:opacity .2s ease,background .15s ease,transform .15s ease;backdrop-filter:blur(6px)}
.project-card:hover .card-nav{opacity:1}
.card-nav:hover{background:var(--az-glass);border-color:var(--az-glass-edge);transform:translateY(-50%) scale(1.1)}
.card-nav.prev{left:8px}
.card-nav.next{right:8px}
.card-photo-counter{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:var(--az-r-card);background:var(--az-glass);backdrop-filter:blur(6px);font-size:10px;font-weight:700;color:var(--az-text);z-index:3;letter-spacing:.5px;opacity:0;transition:opacity .2s ease}
.project-card:hover .card-photo-counter{opacity:1}
.card-status-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--az-r-control);font-size:10.5px;font-weight:800;color:var(--az-text);background:var(--az-glass);backdrop-filter:blur(8px);letter-spacing:.2px;z-index:3}
.card-installment-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:var(--az-r-control);font-size:10.5px;font-weight:800;color:var(--az-text);background:var(--az-glass);backdrop-filter:blur(8px);letter-spacing:.2px;z-index:3}
.card-price-overlay{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-end;z-index:3;padding-right:58px}
.card-price-tag{font-size:18px;font-weight:900;color:var(--az-accent);text-shadow:none;line-height:1.1}
.card-price-tag small{font-size:11px;font-weight:700;color:var(--az-muted)}
.public-fav-heart.project-fav-corner{position:absolute;right:10px;bottom:10px;left:auto;top:auto;z-index:6}
.innerc{padding:14px;display:flex;flex-direction:column;flex:1}
.project-owner-row{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:var(--az-text);font-size:12px;font-weight:800}
.owner-mini{width:28px;height:28px;border-radius:var(--az-r-card);border:1px solid var(--az-glass-edge);background:var(--az-glass);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px}
.owner-mini img{width:100%;height:100%;object-fit:contain;padding:2px}
.project-owner-row a{color:var(--az-text);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:5px 10px 5px 5px;border:1px solid var(--az-glass-edge);border-radius:999px;background:var(--az-glass);box-shadow:var(--az-glass-shadow);transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}
.project-owner-row a:hover{color:var(--az-accent);transform:translateY(-1px);background:var(--az-glass)}
.owner-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t{font-weight:900;font-size:15px;margin:0 0 4px;line-height:1.25;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--az-text)}
.card-location{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--az-text);margin-bottom:10px}
.card-location i{color:var(--az-text);width:13px;font-size:11px;flex-shrink:0}
.card-params{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.card-param{border:1px solid var(--az-glass-edge);background:var(--az-glass);border-radius:var(--az-r-card);padding:7px 9px}
.card-param-label{font-size:9px;font-weight:800;color:var(--az-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}
.card-param-value{font-size:12px;font-weight:800;color:var(--az-text);line-height:1.2}
.card-desc{border:1px solid var(--az-glass-edge);background:var(--az-glass);border-radius:var(--az-r-card);padding:8px 10px;font-size:12px;color:var(--az-text);line-height:1.5;max-height:72px;overflow-y:auto;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--az-line) transparent}
.card-actions{display:flex;gap:10px;margin-top:auto;padding-top:6px}
.btn{width:100%;text-align:center;text-decoration:none!important;color:var(--az-text);padding:11px 14px;border-radius:var(--az-r-control);font-size:13px;font-weight:900;border:1px solid var(--az-glass-edge);background:var(--az-action);transition:.18s ease;display:inline-flex;justify-content:center;align-items:center;gap:8px}
.btn:hover{transform:translateY(-1px);border-color:var(--az-glass-edge);background:var(--az-action)}
.notice{width:min(900px,100%);margin:0 auto;padding:12px 14px;border-radius:var(--az-r-card);border:1px solid var(--az-glass-edge);background:var(--az-glass);color:var(--az-text);font-size:13px;font-weight:800;text-align:center}
.pagination{display:flex;justify-content:center;gap:8px;margin:16px 0 24px;flex-wrap:wrap}
.pagination a{color:var(--az-text);padding:8px 14px;text-decoration:none;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);background:var(--az-glass);transition:.18s ease;font-weight:800;font-size:13px}
.pagination a.active{background:var(--az-glass);border-color:var(--az-glass-edge);box-shadow:var(--az-glass-shadow)}
@media(max-width:900px){.inner{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)}
.page-wrap{padding:12px}
.projects-grid{gap:12px}}
@media(max-width:420px){.projects-grid{grid-template-columns:1fr}}