:root{--void:var(--az-accent);--cabin:var(--az-accent);--leather:var(--az-accent);--stitch:var(--az-accent);--chrome:var(--az-accent);--amb:var(--az-accent);--amb-dim:var(--az-accent);--amb-lo:var(--az-accent);--amb-mid:var(--az-accent);--amb-hi:var(--az-accent);--amb-full:var(--az-accent);--platinum:var(--az-accent);--silver:var(--az-accent);--nickel:var(--az-accent);--graphite:var(--az-accent);--whisper:var(--az-accent);--danger-bg:var(--az-glass);--danger-stroke:var(--az-accent);--danger-text:var(--az-text);--success-bg:var(--az-glass);--success-stroke:var(--az-accent);--success-text:var(--az-text);--card-r: 18px;--ease: cubic-bezier(0.22, 0.68, 0.18, 1.0);--t-f: 0.18s;--t-m: 0.32s;--t-s: 0.5s}
*, *::before, *::after{margin: 0;padding: 0;box-sizing: border-box}
html, body{height: 100%;overflow: hidden;background:var(--az-bg);color:var(--az-text);font-family:var(--az-font);-webkit-font-smoothing: antialiased}
::-webkit-scrollbar{width: 4px;height: 4px}
::-webkit-scrollbar-track{background: transparent}
::-webkit-scrollbar-thumb{background:var(--az-glass);border-radius:var(--az-r-card)}
::-webkit-scrollbar-thumb:hover{background:var(--az-glass)}
.compare-container{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);max-width: 1400px;width: 100%;height: 100%;padding: 20px 24px;box-sizing: border-box;display: flex;flex-direction: column;padding-top: 80px}
.header-actions{display: flex;align-items: center;gap: 24px;margin-bottom: 24px;padding: 0 4px}
.header-actions h2{margin: 0;font-family:var(--az-font);font-weight: 500;font-size: 24px;letter-spacing: 0.5px;color:var(--az-text)}
#compare-button{background:var(--az-action);border:1px solid var(--az-glass-edge);color:var(--az-text);padding: 9px 22px;border-radius:var(--az-r-control);font-family:var(--az-font);font-size: 12.5px;font-weight: 600;cursor: pointer;letter-spacing: 0.2px;transition: all var(--t-f) ease;white-space: nowrap}
#compare-button:disabled{border-color:var(--az-glass-edge);color:var(--az-text);background:var(--az-action);cursor: not-allowed}
#compare-button:not(:disabled):hover{background:var(--az-action);border-color:var(--az-glass-edge);color:var(--az-text);transform: translateY(-1px)}
.split-view{display: flex;gap: 20px;height: calc(100% - 70px);overflow: hidden}
.left-panel{flex: 1;overflow-y: auto;padding-right: 4px;transition: all 0.4s var(--ease)}
.right-panel{flex: 0;overflow: hidden;opacity: 0;background:var(--az-glass);border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);box-shadow:var(--az-glass-shadow);transition: all 0.4s var(--ease);display: flex;flex-direction: column;position: relative}
.split .left-panel{flex: 0 0 320px}
.split .right-panel{flex: 1;opacity: 1;overflow-y: auto;padding: 20px}
.properties-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;padding-bottom: 28px}
.property-box{border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);box-shadow:var(--az-glass-shadow);overflow: hidden;position: relative;transform: translateZ(0);transition: transform var(--t-m) var(--ease), box-shadow var(--t-m) var(--ease), border-color var(--t-m) var(--ease), opacity 0.3s ease;display: flex;flex-direction: column}
.property-box::before{content: '';position: absolute;top: -40px;left: -40px;width: 220px;height: 160px;background:var(--az-accent-soft);pointer-events: none;z-index: 1}
.property-box:hover{transform: translateY(-4px);border-color:var(--az-glass-edge);box-shadow:var(--az-glass-shadow)}
.card-inner{position: relative;z-index: 2;display: flex;flex-direction: column;flex: 1}
.image-container{position: relative;width: 100%;height: 200px;overflow: hidden;cursor: pointer;background:var(--az-glass)}
.image-container img{width: 100%;height: 100%;object-fit: cover;display: block;transform: scale(1.01);transition: transform var(--t-s) var(--ease), filter var(--t-s) var(--ease);filter: saturate(0.90) brightness(0.93)}
.property-box:hover .image-container img{transform: scale(1.05);filter: saturate(1.05) brightness(1.0)}
.img-price{position: absolute;bottom: 0;left: 0;right: 0;padding: 36px 14px 11px 14px;background:var(--az-glass);display: flex;align-items: baseline;gap: 6px}
.img-price .amount{font-family:var(--az-font);font-size: 22px;font-weight: 600;color:var(--az-accent);letter-spacing: 0.3px;text-shadow:none}
.img-price .currency{font-family:var(--az-font);font-size: 10.5px;font-weight: 600;color:var(--az-accent);letter-spacing: 0.8px;text-transform: uppercase}
.details{padding: 12px 14px 0 14px;display: flex;flex-direction: column;gap: 10px;flex: 1}
.addr{font-size: 13px;font-weight: 600;color:var(--az-text);display: flex;gap: 7px;align-items: center;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.addr i{color:var(--az-text);font-size: 11px;flex-shrink: 0;filter:none}
.addr span{overflow: hidden;text-overflow: ellipsis}
.specs-strip{display: flex;align-items: center;border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);overflow: hidden}
.spec{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 9px 4px;gap: 3px;position: relative;min-width: 0}
.spec + .spec::before{content: '';position: absolute;left: 0;top: 22%;bottom: 22%;width: 1px;background:var(--az-accent-soft)}
.spec-val{font-size: 12.5px;font-weight: 700;color:var(--az-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;text-align: center;line-height: 1.1}
.spec-label{font-size: 9px;font-weight: 700;color:var(--az-muted);letter-spacing: 0.5px;text-transform: uppercase}
.actions{padding: 8px 12px 10px;display: flex;gap: 6px}
.act-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 5px;padding: 7px 6px;border-radius:var(--az-r-control);font-family:var(--az-font);font-size: 10.5px;font-weight: 600;cursor: pointer;white-space: nowrap;transition: transform var(--t-f) var(--ease), background var(--t-f) ease, border-color var(--t-f) ease}
.act-btn:hover{transform: translateY(-1px)}
.act-btn i{font-size: 11px}
.act-view{background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text)}
.act-view:hover{background:var(--az-glass);border-color:var(--az-glass-edge);color:var(--az-text)}
.act-remove{background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text)}
.act-remove:hover{background:var(--az-glass);border-color:var(--az-glass-edge);color:var(--az-text)}
.act-select{background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text)}
.act-select:hover{background:var(--az-glass);border-color:var(--az-glass-edge);color:var(--az-text)}
.act-select.selected{background:var(--az-glass);border-color:var(--az-glass-edge);color:var(--az-text)}
.act-select.selected i::before{content: "\f00c"}
.compare-checkbox{display: none}
.property-box.card-selected{border-color:var(--az-glass-edge) !important;box-shadow:var(--az-glass-shadow) !important}
.compare-hint{font-size: 12px;color:var(--az-text);font-weight: 500;letter-spacing: 0.1px;transition: all 0.3s ease;display: flex;align-items: center;gap: 6px;margin-right: 8px}
.compare-hint .count-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 6px;border-radius:var(--az-r-control);background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text);font-size: 11px;font-weight: 700}
.compare-hint.ready{color:var(--az-text)}
.compare-hint.ready .count-badge{background:var(--az-glass);border-color:var(--az-glass-edge)}
.split .properties-container{display: flex;flex-direction: column;gap: 10px}
.split .property-box{flex-direction: row;min-height: 80px;border-radius:var(--az-r-card)}
.split .property-box::before{display: none}
.split .property-box:hover{transform: translateY(-2px)}
.split .card-inner{flex-direction: row;align-items: center;width: 100%}
.split .image-container{width: 72px;height: 72px;flex-shrink: 0;margin: 8px;border-radius:var(--az-r-card)}
.split .img-price{display: none}
.split .details{padding: 8px 0 8px 4px;gap: 4px;flex: 1;min-width: 0}
.split .addr{font-size: 12px}
.split .specs-strip{display: none}
.compact-price{display: none;font-family:var(--az-font);font-size: 14px;font-weight: 600;color:var(--az-accent)}
.compact-price small{font-family:var(--az-font);font-size: 9px;font-weight: 600;color:var(--az-muted);letter-spacing: 0.5px;text-transform: uppercase;margin-left: 3px}
.split .compact-price{display: block}
.split .actions{flex-direction: column;padding: 8px 10px;gap: 4px;margin-left: auto}
.split .act-btn{font-size: 9px;padding: 5px 8px}
.split .act-btn span{display: none}
.comp-headers{display: flex;gap: 8px;margin-bottom: 12px;overflow-x: auto;padding-bottom: 2px}
.comp-headers::-webkit-scrollbar{height: 3px}
.comp-headers::-webkit-scrollbar-thumb{background:var(--az-glass);border-radius:var(--az-r-card)}
.comp-header-card{flex: 1;min-width: 110px;max-width: 180px;border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);overflow: hidden;position: relative;transition: border-color var(--t-f) ease}
.comp-header-card.winner{border-color:var(--az-glass-edge);box-shadow:var(--az-glass-shadow)}
.comp-header-img{width: 100%;height: 64px;overflow: hidden;position: relative}
.comp-header-img img{width: 100%;height: 100%;object-fit: cover;display: block;filter: saturate(0.88) brightness(0.88)}
.comp-winner-badge{position: absolute;top: 5px;right: 5px;padding: 2px 6px;border-radius:var(--az-r-control);background:var(--az-glass);color:var(--az-text);font-size: 8px;font-weight: 800;letter-spacing: 0.3px;text-transform: uppercase;display: flex;align-items: center;gap: 3px}
.comp-header-info{padding: 6px 8px}
.comp-header-addr{font-size: 10px;font-weight: 600;color:var(--az-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.2;margin-bottom: 2px}
.comp-header-price{font-family:var(--az-font);font-size: 13px;font-weight: 600;color:var(--az-accent)}
.comp-header-price small{font-family:var(--az-font);font-size: 8px;font-weight: 600;color:var(--az-muted);letter-spacing: 0.4px;text-transform: uppercase;margin-left: 2px}
.comp-specs{display: flex;flex-direction: column;gap: 4px}
.comp-row{border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);padding: 7px 10px;transition: border-color var(--t-f) ease, background var(--t-f) ease}
.comp-row:hover{border-color:var(--az-glass-edge);background:var(--az-glass)}
.comp-row-label{font-size: 9px;font-weight: 700;color:var(--az-muted);letter-spacing: 0.4px;text-transform: uppercase;margin-bottom: 5px;display: flex;align-items: center;gap: 5px}
.comp-row-label i{font-size: 9px;color:var(--az-muted);width: 12px;text-align: center}
.comp-row-values{display: flex;gap: 8px}
.comp-cell{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 3px}
.comp-cell-val{font-size: 11.5px;font-weight: 700;color:var(--az-text);display: flex;align-items: center;gap: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.comp-bar-wrap{height: 3px;border-radius:var(--az-r-card);background:var(--az-glass);overflow: hidden}
.comp-bar{height: 100%;border-radius:var(--az-r-card);transition: width 0.6s var(--ease)}
.comp-bar.best{background:var(--az-glass)}
.comp-bar.mid{background:var(--az-glass)}
.comp-bar.worst{background:var(--az-glass)}
.comp-status{display: inline-flex;align-items: center;gap: 0;padding: 1px 5px;border-radius:var(--az-r-card);font-size: 8px;font-weight: 800;letter-spacing: 0.2px;text-transform: uppercase;flex-shrink: 0}
.comp-status.best{background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text)}
.comp-status.worst{background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text)}
.comp-cell-plain{font-size: 11px;font-weight: 500;color:var(--az-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ai-insight-box{margin-top: 12px;padding: 12px 14px;border-radius:var(--az-r-card);background:var(--az-glass);border:1px solid var(--az-glass-edge);position: relative;overflow: hidden;box-shadow:var(--az-glass-shadow)}
.ai-insight-box::before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background:var(--az-accent-soft);border-radius:var(--az-r-card)}
.ai-header{color:var(--az-text);font-weight: 600;font-size: 13px;margin-bottom: 8px;letter-spacing: 0.2px;display: flex;align-items: center;gap: 8px}
.ai-header i{filter:none}
.ai-text{color:var(--az-text);line-height: 1.55;font-size: 12.5px}
.ai-text strong{color:var(--az-text);font-weight: 600}
.panel-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px}
.panel-title{font-family:var(--az-font);font-weight: 500;font-size: 18px;color:var(--az-text);letter-spacing: 0.3px}
.close-btn{width: 36px;height: 36px;border-radius:var(--az-r-control);border:1px solid var(--az-glass-edge);background:var(--az-raised);color:var(--az-text);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all var(--t-f) ease;font-size: 13px}
.close-btn:hover{border-color:var(--az-glass-edge);background:var(--az-raised);color:var(--az-text);transform: translateY(-1px)}
#comparison-popup{display: none;position: fixed;inset: 0;background:var(--az-glass);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);align-items: center;justify-content: center;z-index: 9999;padding: 16px}
#comparison-popup .popup-content{background:var(--az-glass);border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);box-shadow:var(--az-glass-shadow);width: 95vw;height: 90vh;max-width: 1000px;padding: 20px;position: relative;display: flex;flex-direction: column;overflow: hidden}
.gallery-overlay{position: fixed;inset: 0;background:rgb(5 12 18 / .58);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 10000;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px}
.gallery-overlay img.gallery-main-img{max-width: 90%;max-height: 70vh;border-radius:var(--az-r-card);margin-bottom: 16px;box-shadow:var(--az-glass-shadow);object-fit: contain}
.gallery-thumbs{display: flex;gap: 10px;overflow-x: auto;max-width: 90%;padding: 8px}
.gallery-thumbs img{width: 64px;height: 64px;object-fit: cover;cursor: pointer;border-radius:var(--az-r-card);border:1px solid var(--az-glass-edge);opacity: 0.5;transition: all var(--t-f) ease}
.gallery-thumbs img:hover{opacity: 0.8}
.gallery-thumbs img.active{border-color:var(--az-glass-edge);opacity: 1}
.gallery-close{position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;border-radius:var(--az-r-card);border:1px solid var(--az-glass-edge);background:var(--az-glass);backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10001;color:var(--az-text);font-size: 16px;transition: all var(--t-f) ease}
.gallery-close:hover{border-color:var(--az-glass-edge);background:var(--az-glass)}
.detail-overlay{position: fixed;inset: 0;background:rgb(5 12 18 / .58);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 20px}
.detail-popup{background:var(--az-glass);border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);box-shadow:var(--az-glass-shadow);padding: 24px;max-width: 440px;width: 100%;position: relative}
.detail-popup h3{font-family:var(--az-font);font-weight: 500;font-size: 17px;color:var(--az-text);margin-bottom: 18px;padding-bottom: 12px;border-bottom:1px solid var(--az-glass-edge)}
.detail-rows{display: flex;flex-direction: column;gap: 11px}
.detail-row{display: flex;align-items: center;gap: 10px;font-size: 13px;color:var(--az-text)}
.detail-row i{width: 18px;text-align: center;color:var(--az-text);font-size: 12px;flex-shrink: 0}
.detail-row .val{color:var(--az-text);font-weight: 500}
.detail-row.desc-row{margin-top: 8px;padding-top: 10px;border-top:1px solid var(--az-glass-edge);align-items: flex-start}
.detail-row.desc-row p{line-height: 1.55;font-size: 12.5px;color:var(--az-text);margin: 0}
.empty-state{text-align: center;color:var(--az-text);margin-top: 60px}
.empty-state i{font-size: 36px;margin-bottom: 16px;opacity: 0.35;display: block}
.empty-state p{font-size: 14px}
@media (max-width: 768px){.header-actions{gap: 10px;flex-wrap: wrap}
.header-actions h2{font-size: 20px}
.compare-hint{font-size: 11px;order: 3;width: 100%}
.property-box{min-width: 0}
.properties-container{grid-template-columns: 1fr 1fr;gap: 14px}
.image-container{height: 160px}
.img-price .amount{font-size: 18px}
.spec-val{font-size: 11px}
.spec-label{font-size: 8px}}
@media (max-width: 480px){.compare-container{padding: 10px 12px;padding-top: 70px}
.properties-container{grid-template-columns: 1fr}
.act-btn{font-size: 9px;padding: 6px 4px}}