.listings-page{min-height:100vh}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:48px 40px 36px}.header-content{max-width:1400px;margin:0 auto}.page-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05}.title-accent{color:var(--color-brand)}.page-subtitle{color:var(--color-text-muted);margin-top:8px;font-size:.95rem;font-weight:400}.page-body{max-width:1400px;margin:0 auto;padding:32px 40px 80px}.filters-bar{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.category-scroll{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-pills{gap:8px;width:max-content;display:flex}.category-pill{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-family:var(--font-body);color:var(--color-text-secondary);transition:all var(--transition-base);white-space:nowrap;text-transform:lowercase;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.category-pill:hover{border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}.category-pill.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.pill-emoji{font-size:.875rem}.price-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.price-inputs{align-items:center;gap:8px;display:flex}.price-input-wrap{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-base);align-items:center;display:flex;overflow:hidden}.price-input-wrap:focus-within{border-color:var(--color-brand)}.currency-symbol{color:var(--color-text-muted);padding:0 8px 0 12px;font-size:.875rem;font-weight:500}.price-input{font-family:var(--font-body);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:80px;padding:8px 12px 8px 0;font-size:.875rem}.price-input::placeholder{color:var(--color-text-muted)}.price-separator{color:var(--color-text-muted);font-size:.875rem}.apply-btn{background:var(--color-brand);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);text-transform:lowercase;border:none;padding:8px 18px;font-size:.875rem;font-weight:500}.apply-btn:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.reset-btn{color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:8px 14px;font-size:.8125rem}.reset-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.listing-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:inherit;box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column;text-decoration:none;animation:.4s ease-out both cardFadeIn;display:flex;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.listing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-brand-mid);transform:translateY(-4px)}.card-image-wrap{aspect-ratio:4/3;background:var(--color-surface-2);width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;transition:transform .4s}.listing-card:hover .card-image{transform:scale(1.04)}.card-image-placeholder{background:var(--color-surface-2);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-emoji{opacity:.4;font-size:2.5rem}.condition-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-body);padding:3px 10px;position:absolute;top:10px;left:10px}.condition-new,.condition-like-new{background:var(--color-success-soft);color:var(--color-success)}.condition-good{background:var(--color-brand-light);color:var(--color-brand)}.condition-fair{background:var(--color-warning-soft);color:var(--color-warning)}.condition-poor{background:var(--color-error-soft);color:var(--color-error)}.negotiable-badge{border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-text-inverse);letter-spacing:.04em;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.card-content{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.card-meta{justify-content:space-between;align-items:center;display:flex}.card-category{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.card-time{color:var(--color-text-muted);font-size:.7rem}.card-title{font-family:var(--font-heading);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.card-price{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.card-seller{color:var(--color-text-muted);font-size:.75rem}.seller-rating{color:var(--color-warning)}.card-location{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.empty-state{text-align:center;padding:80px 40px}.empty-icon{margin-bottom:16px;font-size:3rem}.empty-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.empty-subtitle{color:var(--color-text-muted);font-size:.9rem}@media (max-width:768px){.page-header{padding:32px 20px 24px}.page-body{padding:24px 16px 60px}.listings-grid{grid-template-columns:repeat(2,1fr);gap:12px}.price-inputs{flex-wrap:wrap}}@media (max-width:480px){.listings-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-content{padding:10px 12px 12px}.card-title{font-size:.875rem}.card-price{font-size:1rem}}