.cpx-wrap{background:#fafaf9;min-height:100vh}.cpx-bc{color:#a8a29e;align-items:center;gap:6px;max-width:1100px;margin:0 auto;padding:62px 40px 10px;font-size:12.5px;display:flex}.cpx-bc a{color:#78716c;transition:color .2s}.cpx-bc a:hover{color:#0086d1}.cpx-bc-sep{color:#d6d3d1;font-size:10px}.cpx-bc-cur{color:#1c1917;font-weight:700}.cpx-hero{max-width:1100px;margin:0 auto;padding:0 40px 28px}.cpx-hero-img{object-fit:cover;border-radius:16px;width:100%;height:400px;display:block}.cpx-header{max-width:1100px;margin:0 auto;padding:0 40px 28px}.cpx-header-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.cpx-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cpx-badge{letter-spacing:.02em;border-radius:999px;padding:4px 13px;font-size:12px;font-weight:700}.cpx-badge.done{color:#15803d;background:#dcfce7;border:1.5px solid #bbf7d0}.cpx-badge.building{color:#d97706;background:#fef3c7;border:1.5px solid #fde68a}.cpx-badge.soon{color:#7c3aed;background:#ede9fe;border:1.5px solid #ddd6fe}.cpx-price-block{text-align:end;flex-shrink:0}.cpx-price-lbl{color:#a8a29e;margin-bottom:2px;font-size:11px;font-weight:500}.cpx-price{color:#1c1917;letter-spacing:-.05em;font-size:30px;font-weight:900;line-height:1}.cpx-title{color:#1c1917;letter-spacing:-.05em;margin-bottom:8px;font-size:32px;font-weight:900;line-height:1.1}.cpx-dev{color:#78716c;margin-bottom:6px;font-size:14px}.cpx-loc{color:#78716c;align-items:center;gap:5px;font-size:13.5px;display:flex}.cpx-loc svg{color:#a8a29e;flex-shrink:0}.cpx-desc{max-width:1100px;margin:0 auto;padding:0 40px 24px}.cpx-stats{flex-wrap:wrap;gap:16px;max-width:1100px;margin:0 auto;padding:0 40px 24px;display:flex}.cpx-stat{text-align:center;background:#f8fafc;border:1px solid #e7e5e4;border-radius:12px;flex:1;min-width:120px;padding:16px}.cpx-stat-val{color:#1c1917;letter-spacing:-.03em;font-size:22px;font-weight:800}.cpx-stat-lbl{color:#78716c;margin-top:4px;font-size:11px;font-weight:500}.cpx-fp{max-width:1100px;margin:0 auto;padding:0 40px 24px}.cpx-fp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}.cpx-fp-card{background:#fff;border:1.5px solid #e7e5e4;border-radius:12px;padding:16px;transition:box-shadow .2s}.cpx-fp-card:hover{box-shadow:0 4px 16px #0000000f}.cpx-fp-type{color:#1c1917;margin-bottom:4px;font-size:15px;font-weight:700}.cpx-fp-area{color:#78716c;font-size:13px}.cpx-fp-price{color:#0086d1;margin-top:6px;font-size:14px;font-weight:700}.cpx-amen{max-width:1100px;margin:0 auto;padding:0 40px 24px}.cpx-amen-title{color:#1c1917;letter-spacing:-.03em;margin-bottom:14px;font-size:16px;font-weight:800}.cpx-amen-list{flex-wrap:wrap;gap:8px 28px;display:flex}.cpx-amen-item{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.cpx-div{max-width:1100px;margin:0 auto 28px;padding:0 40px}.cpx-div hr{border:none;border-top:1.5px solid #e7e5e4}.cpx-props{max-width:1280px;margin:0 auto;padding:0 40px 80px}.cpx-props-title{color:#1c1917;letter-spacing:-.03em;margin-bottom:20px;font-size:18px;font-weight:800}.cpx-props-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pmc{color:inherit;background:#fff;border:1.5px solid #e7e5e4;border-radius:14px;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .2s;display:flex;overflow:hidden}.pmc:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.pmc-img{flex-shrink:0;height:220px;position:relative;overflow:hidden}.pmc-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.pmc:hover .pmc-img img{transform:scale(1.05)}.pmc-badge{top:10px;color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;inset-inline-start:10px}.pmc-badge.sale{background:#0086d1}.pmc-badge.rent{background:#059669}.pmc-heart{top:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;color:#a8a29e;background:#ffffffe6;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex;position:absolute;inset-inline-end:10px}.pmc-heart:hover{color:#ef4444;background:#fff}.pmc-count{bottom:10px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c191799;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;inset-inline-end:10px}.pmc-body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.pmc-price{color:#1c1917;letter-spacing:-.05em;margin-bottom:4px;font-size:20px;font-weight:900}.pmc-name{color:#44403c;margin-bottom:4px;font-size:13.5px;font-weight:600;line-height:1.4}.pmc-addr{color:#78716c;align-items:center;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.pmc-addr svg{flex-shrink:0}.pmc-specs{color:#78716c;border-top:1px solid #f5f5f4;gap:12px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.pmc-spec{align-items:center;gap:4px;display:flex}.pmc-spec svg{color:#a8a29e}.pmc-agent{border-top:1px solid #f5f5f4;align-items:center;gap:7px;margin-top:10px;padding-top:10px;display:flex}.pmc-avatar{object-fit:cover;background:#e7e5e4;border-radius:50%;flex-shrink:0;width:26px;height:26px}.pmc-agent-name{color:#57534e;font-size:12px;font-weight:500}@media (max-width:1100px){.cpx-props-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.cpx-bc,.cpx-hero,.cpx-header,.cpx-amen,.cpx-div,.cpx-props{padding-inline:24px}.cpx-hero-img{height:300px}.cpx-title{font-size:26px}.cpx-price{font-size:24px}.pmc-img{height:200px}}@media (max-width:600px){.cpx-bc,.cpx-hero,.cpx-header,.cpx-amen,.cpx-div,.cpx-props{padding-inline:16px}.cpx-hero-img{border-radius:12px;height:220px}.cpx-title{font-size:22px}.cpx-header-top{flex-direction:column;gap:8px}.cpx-price-block{text-align:start}.cpx-price{font-size:22px}.cpx-props-grid{grid-template-columns:1fr}.pmc-img{height:200px}.pmc-price{font-size:18px}.pmc-body{padding:12px 14px 14px}.cpx-amen-list{gap:6px 20px}}@media (max-width:400px){.cpx-hero-img{height:180px}.cpx-title{font-size:20px}.pmc-specs{gap:8px;font-size:11px}}@media (hover:none){.pmc:hover{box-shadow:none;transform:none}.pmc:hover .pmc-img img{transform:none}.pmc:active{transform:scale(.99)}}
