.compare-container { max-width: 100%; padding: 2rem 1rem; }
.compare-header { max-width: 1400px; margin: 0 auto 2rem; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 2px solid #e5e7eb; }
.compare-title { font-size: 2rem; font-weight: 700; color: #1f2937; }
.compare-wrapper { overflow-x: auto; }
.compare-table { width: 100%; border-collapse: collapse; background: white; border-radius: 0.75rem; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.compare-table thead { background: #f9fafb; }
.compare-table th { padding: 1.5rem 1rem; text-align: left; font-weight: 600; color: #1f2937; border-bottom: 2px solid #e5e7eb; }
.compare-table th:first-child { width: 200px; background: #f9fafb; }
.property-image { width: 100%; height: 180px; object-fit: cover; border-radius: 0.5rem; margin-bottom: 1rem; }
.property-name { font-size: 1rem; font-weight: 600; color: #1f2937; margin-bottom: 0.5rem; }
.property-price { font-size: 1.25rem; font-weight: 700; color: #0ea5e9; margin-bottom: 0.75rem; }
.remove-btn { padding: 0.5rem 1rem; background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; border-radius: 0.375rem; cursor: pointer; }
.remove-btn:hover { background: #fee2e2; }
.compare-table td { padding: 1.25rem 1rem; color: #4b5563; border-bottom: 1px solid #f3f4f6; }
.compare-table td:first-child { font-weight: 600; color: #1f2937; }
.empty-compare { text-align: center; padding: 4rem 2rem; }
.empty-compare-icon { font-size: 4rem; color: #d1d5db; margin-bottom: 1.5rem; }
.empty-compare-title { font-size: 1.5rem; font-weight: 600; color: #1f2937; margin-bottom: 0.75rem; }
.browse-btn { display: inline-block; padding: 0.875rem 1.75rem; background: #0ea5e9; color: white; border-radius: 0.5rem; text-decoration: none; }