.properties-page{--primary:#5d8295;--secondary:#304a61;--dark:#1a1a1a;--text:#000;--muted:#000;--border:#eee;--bg:#fff;--surface:#fbfbfb;--white:#fff;--radius:2px;--radius-lg:4px;--tr:0.25s ease;--sidebar-w:280px;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-inter),sans-serif}.properties-page *{box-sizing:border-box}.properties-page button{cursor:pointer;border:none;background:none;transition:var(--tr)}.properties-page .page-wrap{max-width:1400px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:60px;align-items:start}.properties-page .filters-sidebar{position:sticky;top:120px}.properties-page .filter-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.properties-page .filter-card-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.properties-page .filter-card-title{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--secondary);text-transform:uppercase;letter-spacing:2px}.properties-page .filter-card-title svg{width:14px;height:14px;color:var(--primary)}.properties-page .filter-reset{font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.properties-page .filter-section{padding:24px;border-bottom:1px solid var(--border)}.properties-page .filter-label{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.properties-page .location-list{display:flex;flex-direction:column;gap:4px}.properties-page .loc-btn{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:13px;font-weight:500;color:var(--secondary);width:100%;text-align:left;transition:var(--tr)}.properties-page .loc-btn:hover{color:var(--primary);transform:translateX(4px)}.properties-page .loc-btn.active{color:var(--primary);font-weight:700}.properties-page .loc-btn svg{width:14px;height:14px;flex-shrink:0}.properties-page .loc-dot{width:6px;height:1px;background:var(--border);transition:var(--tr)}.properties-page .loc-btn.active .loc-dot{width:12px;background:var(--primary)}.properties-page .price-display{display:flex;justify-content:space-between;margin-bottom:15px}.properties-page .price-val{font-size:13px;font-weight:700;color:var(--secondary)}.properties-page .range-wrap{position:relative;height:2px;background:var(--border);margin:20px 0}.properties-page .range-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);width:100%}.properties-page .range-input{position:absolute;width:100%;height:20px;top:-10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}.properties-page .range-input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--white);cursor:pointer}.properties-page .bed-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.properties-page .bed-btn{height:40px;border-radius:2px;font-size:11px;font-weight:700;border:1px solid var(--border);color:var(--secondary)}.properties-page .bed-btn:hover{border-color:var(--primary)}.properties-page .bed-btn.active{background:var(--secondary);border-color:var(--secondary);color:var(--white)}.properties-page .type-options{display:flex;flex-direction:column;gap:8px}.properties-page .type-btn{display:flex;align-items:center;gap:12px;padding:12px;border-radius:2px;font-size:12px;font-weight:600;text-align:left;width:100%;transition:var(--tr);border:1px solid var(--border)}.properties-page .type-btn:hover{border-color:var(--primary);color:var(--primary)}.properties-page .type-btn.active{border-color:var(--secondary);background:var(--surface);color:var(--secondary)}.properties-page .type-icon svg{width:14px;height:14px;color:var(--muted)}.properties-page .apply-btn{width:100%;padding:16px;background:var(--secondary);color:var(--white);border-radius:var(--radius-lg);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.properties-page .apply-btn:hover{background:#1a2a3a}.properties-page .toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.properties-page .results-count{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.properties-page .results-count span{color:var(--secondary)}.properties-page .sort-select{padding:10px 40px 10px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--secondary);background:var(--white);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23304a61' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.properties-page .view-toggle{display:flex;gap:8px}.properties-page .vt-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.properties-page .vt-btn.active{border-color:var(--secondary);color:var(--secondary)}.properties-page .vt-btn svg{width:14px;height:14px}.properties-page .properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px}.properties-page .properties-grid.list-view{grid-template-columns:1fr}.properties-page .prop-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.properties-page .card-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--surface)}.properties-page .card-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.properties-page .prop-card:hover .card-img-wrap img{transform:scale(1.1)}.properties-page .img-badge{left:16px;padding:6px 12px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);border-radius:2px}.properties-page .fav-btn,.properties-page .img-badge{position:absolute;top:16px;z-index:10;background:hsla(0,0%,100%,.9);backdrop-blur:4px}.properties-page .fav-btn{right:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.properties-page .fav-btn svg{width:14px;height:14px;color:var(--muted)}.properties-page .fav-btn.active svg{color:var(--primary);fill:var(--primary)}.properties-page .card-body{padding:24px 0}.properties-page .card-location{font-size:10px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.properties-page .card-location svg{width:12px;height:12px}.properties-page .card-name{font-family:var(--font-playfair);font-size:22px;font-weight:500;color:var(--secondary);margin-bottom:12px;line-height:1.2}.properties-page .card-desc{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:24px;max-width:90%;opacity:1}.properties-page .card-features{display:flex;gap:24px;margin-bottom:24px}.properties-page .card-feat{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px}.properties-page .card-feat svg{width:14px;height:14px;color:var(--primary)}.properties-page .card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px}.properties-page .price-num{font-size:20px;font-weight:500;color:var(--secondary);font-family:var(--font-playfair)}.properties-page .price-unit{font-size:9px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-left:8px;opacity:.7}.properties-page .card-cta{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--primary);display:flex;align-items:center;gap:8px;transition:var(--tr)}.properties-page .card-cta:hover{transform:translateX(6px);color:var(--secondary)}.properties-page .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:80px}.properties-page .pg-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:2px;font-size:11px;font-weight:700;color:var(--secondary)}.properties-page .pg-btn.active{border-color:var(--secondary);background:var(--secondary);color:#fff}.properties-page .pg-btn:disabled{opacity:.2}@media(max-width:768px){.properties-page .page-wrap{grid-template-columns:1fr;padding:40px 24px}.properties-page .filters-sidebar{position:static}}