/* Listings pseudo-modal styles */
#listings-view{position:fixed;top:0;left:60px;right:0;bottom:0;overflow-y:auto;background:#f4f6f8;z-index:9997;display:none}
body.menu-top #listings-view{left:0;top:60px;height:calc(100% - 60px)}
body.menu-bottom #listings-view{left:0;bottom:60px;height:calc(100% - 60px)}
body.menu-right #listings-view{left:0;right:60px}
@media(max-width:768px){#listings-view{left:0;top:60px;height:calc(100% - 60px);right:0;bottom:auto}}
.listings-header-sticky{position:sticky;top:0;background:#f4f6f8;z-index:10;padding:16px 24px 0}
.listings-close-btn{position:absolute;top:12px;right:16px;width:36px;height:36px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20}

#listings-view .container{width:100%;margin:0 auto;padding:0 24px}
@media(max-width:768px){#listings-view .container{padding:0 12px}}
#listings-view main.container{padding-top:16px;padding-bottom:40px}
#listings-view h1{font-size:22px;font-weight:700;margin:0 0 6px;line-height:1.3}
#listings-view .subtitle{color:#64748b;font-size:14px;margin-bottom:16px}

/* Filters bar */
#listings-view .filters-bar{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:12px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
#listings-view .filter-item{position:relative;min-width:160px;max-width:260px;flex:1}
#listings-view .filter-item.region-item{flex:2;max-width:320px}
#listings-view .filter-toggle{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1a1a2e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listings-view .filter-toggle:hover{border-color:#94a3b8}
#listings-view .filter-toggle::after{content:"▼";font-size:9px;color:#94a3b8;flex-shrink:0}
#listings-view .filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:90;max-height:360px;overflow-y:auto;padding:6px 0;display:none}
#listings-view .filter-dropdown.open{display:block}
#listings-view .filter-option{padding:6px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;white-space:nowrap}
#listings-view .filter-option:hover{background:#f8fafc}
#listings-view .filter-option input[type="checkbox"]{margin:0;flex-shrink:0;width:15px;height:15px;cursor:pointer}
#listings-view .filter-select-all{padding:6px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;border-bottom:1px solid #f1f5f9;margin-bottom:4px}
#listings-view .filter-select-all:hover{background:#f8fafc}
#listings-view .filter-select-all input[type="checkbox"]{margin:0;flex-shrink:0;width:15px;height:15px;cursor:pointer}
#listings-view .price-inputs{display:flex;gap:6px;align-items:center}
#listings-view .price-inputs input{width:90px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1a1a2e}
#listings-view .price-inputs span{color:#94a3b8;font-size:12px}
#listings-view .apply-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;background:#2563eb;color:#fff;flex-shrink:0}
#listings-view .apply-btn:hover{background:#1d4ed8}
#listings-view .filter-search{width:100%;padding:6px 12px;border:none;border-bottom:1px solid #f1f5f9;font-size:13px;outline:none;color:#1a1a2e;background:#fff;position:sticky;top:0;z-index:2}
#listings-view .filter-search::placeholder{color:#94a3b8}
#listings-view .filter-search:focus{border-bottom-color:#2563eb}
#listings-view .selected-filters{display:none;flex-wrap:wrap;gap:6px;margin-bottom:14px;align-items:center}
#listings-view .filter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:20px;font-size:12px;font-weight:500}
#listings-view .filter-tag-remove{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:15px;line-height:1;padding:0 2px;display:inline-flex;align-items:center}
#listings-view .filter-tag-remove:hover{color:#dc2626}
#listings-view .filter-tag-clear{background:#f1f5f9;color:#334155;border-color:#e2e8f0}
#listings-view .filter-tag-clear:hover{background:#e2e8f0}

/* Toolbar */
#listings-view .toolbar{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:10px 16px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#listings-view .view-toggle{display:flex;gap:3px;background:#f1f5f9;border-radius:8px;padding:3px}
#listings-view .view-toggle button{padding:5px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;background:transparent;cursor:pointer;transition:all .15s}
#listings-view .view-toggle button.active{background:#fff;color:#1a1a2e;box-shadow:0 1px 2px rgba(0,0,0,.1)}
#listings-view .sort-select{padding:5px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1a1a2e}
#listings-view .results-info{font-size:13px;color:#64748b}

/* Results grid */
#listings-view .results{display:grid;gap:14px}
#listings-view .results.tiles-view{grid-template-columns:repeat(5,1fr)}
@media(max-width:1400px){#listings-view .results.tiles-view{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){#listings-view .results.tiles-view{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){#listings-view .results.tiles-view{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){#listings-view .results.tiles-view{grid-template-columns:1fr}}

/* List view */
#listings-view .results.list-view{grid-template-columns:1fr}
#listings-view .results.list-view .lot-card{flex-direction:row;align-items:stretch}
#listings-view .results.list-view .lot-card-image{width:240px;height:auto;flex-shrink:0}
@media(max-width:640px){#listings-view .results.list-view .lot-card{flex-direction:column}#listings-view .results.list-view .lot-card-image{width:100%;height:160px}}

/* Table view */
#listings-view .results.table-view{display:block}
#listings-view .results.table-view .table-wrap{overflow-x:auto}
#listings-view .results.table-view table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
#listings-view .results.table-view th,#listings-view .results.table-view td{padding:10px 12px;text-align:left;border-bottom:1px solid #f1f5f9;white-space:nowrap}
#listings-view .results.table-view th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc}
#listings-view .results.table-view tr:hover td{background:#f8fafc}
#listings-view .results.table-view .lot-link{font-weight:600;color:#2563eb}

/* Lot Card */
#listings-view .lot-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s;position:relative;cursor:pointer}
#listings-view .lot-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.14)}
#listings-view .lot-card a{color:inherit;text-decoration:none}
#listings-view .lot-card-image{position:relative;height:150px;background:#e8ecf1;overflow:hidden;flex-shrink:0;cursor:pointer}
#listings-view .lot-card-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
#listings-view .photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:rgba(0,0,0,.45);color:#fff;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:14px;z-index:5;opacity:0;transition:opacity .2s}
#listings-view .lot-card-image:hover .photo-nav{display:flex;opacity:1}
#listings-view .photo-nav.prev{left:6px}
#listings-view .photo-nav.next{right:6px}
#listings-view .photo-dots{position:absolute;bottom:6px;left:0;right:0;display:none;justify-content:center;gap:4px;z-index:5}
#listings-view .lot-card-image:hover .photo-dots{display:flex}
#listings-view .photo-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .2s}
#listings-view .photo-dot.active{background:#fff}
#listings-view .lot-card-image .no-photo{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px}

#listings-view .lot-card-body{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:5px}
#listings-view .lot-card-price{font-size:17px;font-weight:800;color:#1a1a2e;letter-spacing:-.3px}
#listings-view .lot-card-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#64748b}
#listings-view .lot-card-region{font-size:12px;color:#334155;font-weight:500}
#listings-view .lot-card-vri{font-size:11px;color:#64748b;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
#listings-view .lot-card-area{font-size:12px;color:#64748b}

#listings-view .lot-card-footer{padding:8px 12px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;gap:8px}
#listings-view .lot-card-cadnum{font-size:11px;color:#94a3b8;font-family:monospace}
#listings-view .fav-btn{background:none;border:none;cursor:pointer;padding:4px;color:#cbd5e1;flex-shrink:0;z-index:10;transition:color .15s;line-height:1;display:flex;align-items:center}
#listings-view .fav-btn:hover{color:#f59e0b}
#listings-view .fav-btn.active{color:#f59e0b}
#listings-view .fav-btn svg{width:20px;height:20px;fill:none;transition:fill .15s}
#listings-view .fav-btn.active svg{fill:#f59e0b}

/* Loading & Empty */
#listings-view .loading-state{text-align:center;padding:50px 20px;color:#64748b}
#listings-view .loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}
@keyframes spin{to{transform:rotate(360deg)}}
#listings-view .empty-state{text-align:center;padding:50px 20px;color:#64748b}
#listings-view .empty-state-icon{font-size:44px;margin-bottom:10px}

/* Pagination */
#listings-view .load-more{display:block;width:100%;max-width:400px;margin:20px auto 0;padding:12px 20px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#2563eb;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}
#listings-view .load-more:hover{background:#eff6ff;border-color:#2563eb}
#listings-view .load-more:disabled{opacity:.6;cursor:not-allowed}
#listings-view .load-more.loading{position:relative;color:transparent}
#listings-view .load-more.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}

/* Footer */
#listings-view footer{background:#1a1a2e;color:#94a3b8;padding:20px 0;margin-top:30px;font-size:13px;text-align:center}
#listings-view footer a{color:#cbd5e1}

#listings-view .breadcrumbs{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 0;font-size:13px;color:#64748b}
#listings-view .breadcrumbs a{color:#64748b}
#listings-view .breadcrumbs span{margin:0 5px}