[data-unit-compare-icon].active{background-color:var(--color-main-orange)!important;border-color:var(--color-main-orange)!important}[data-unit-compare-icon].active img{filter:brightness(0) invert(1)}.unit-compare-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.unit-compare-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.unit-compare-modal-content{position:relative;background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.unit-compare-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.unit-compare-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.unit-compare-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.unit-compare-modal-close:hover{background-color:#f3f4f6}.unit-compare-modal-body{padding:20px;max-height:60vh;overflow-y:auto}.unit-compare-search{margin-bottom:24px}.unit-compare-search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s}.unit-compare-search-input:focus{outline:none;border-color:var(--color-main-orange);box-shadow:0 0 0 3px #3b82f61a}.unit-compare-search-results{margin-top:16px;max-height:300px;overflow-y:auto}.unit-compare-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;transition:all .2s}.unit-compare-item:hover{border-color:var(--color-main-orange);box-shadow:0 2px 4px #0000001a}.unit-compare-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.unit-compare-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.unit-compare-item-info{flex:1}.unit-compare-item-info h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#111827}.unit-compare-item-info p{margin:4px 0;font-size:.875rem;color:#6b7280}.unit-details{display:flex;gap:12px;margin-top:8px}.unit-details span{background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:.75rem;color:#374151}.unit-compare-current{border-top:1px solid #e5e7eb;padding-top:20px}.unit-compare-current h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.unit-compare-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.unit-compare-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,3fr));gap:24px;margin:24px 0}.unit-compare-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.unit-compare-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.unit-compare-card-header{position:relative}.unit-compare-card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.unit-compare-remove{position:absolute;top:12px;right:12px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s}.unit-compare-remove:hover{background:#dc2626;transform:scale(1.1)}.unit-compare-card-body{padding:20px}.unit-compare-card-title{margin:0 0 12px;font-size:1.125rem;font-weight:600;color:#111827}.unit-compare-card-title a{color:inherit;text-decoration:none}.unit-compare-card-title a:hover{color:var(--color-main-orange)}.unit-compare-card-location{color:#6b7280;font-size:.875rem;margin-bottom:8px}.unit-compare-card-price{color:#059669;font-weight:600;font-size:1.125rem;margin-bottom:16px}.unit-compare-card-details{margin-bottom:16px}.unit-compare-card-details div{margin-bottom:8px;font-size:.875rem;color:#374151}.unit-compare-card-features,.unit-compare-card-payment{margin-bottom:16px;font-size:.875rem;color:#374151}.unit-compare-card-footer{padding:0 20px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--color-main-orange);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-sm{padding:6px 12px;font-size:.75rem}.loading-state,.error-state{text-align:center;padding:40px 20px;color:#6b7280}.no-results,.no-units{text-align:center;padding:20px;color:#6b7280;font-style:italic}.latest-units-label{padding:12px 16px;margin-bottom:12px;background-color:#eff6ff;border-left:4px solid var(--color-main-orange);color:#1e40af;font-weight:500;font-size:.875rem;border-radius:4px}.current-units-count{background-color:#f3f4f6;padding:12px 16px;border-radius:8px;text-align:center;color:#374151;font-weight:500}.current-unit-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;transition:all .2s}.current-unit-item:hover{background-color:#f3f4f6}.current-unit-thumbnail{width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.current-unit-info{flex:1;min-width:0}.current-unit-info h5{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-unit-info .unit-price{margin:0;font-size:.75rem;color:#059669;font-weight:500}.current-unit-remove{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s;flex-shrink:0}.current-unit-remove:hover{background:#dc2626;transform:scale(1.1)}@media (max-width: 768px){.unit-compare-modal-content{width:95%;margin:20px}.unit-compare-item{flex-direction:column;text-align:center}.unit-compare-item-image{width:100%;height:120px}.unit-compare-card-body{padding:16px}}