.h-0{height:0}.h-max{max-height:70vh}.compare-modal-container{z-index:9999;opacity:0;pointer-events:none;transition:all .8s .7s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(300px)}.compare-modal-container.visible{opacity:1;pointer-events:all;width:min-content;transform:translateY(0)}.compare-modal-container.expanded{width:100%}.compare-modal-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e87f24 0% 100%);border-radius:16px;width:250px;margin:10px;transition:all .3s}.compare-toggle-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 24px;display:flex}.compare-toggle-info{color:#fff;align-items:center;gap:12px;display:flex}.compare-toggle-info i{font-size:24px}.compare-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.compare-label{font-size:16px;font-weight:600}.compare-toggle-actions{align-items:center;gap:16px;display:flex}.compare-arrow{color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:40px;transition:transform .3s;display:flex}.compare-arrow.expanded{transform:rotate(180deg)}.compare-modal-content{opacity:0;pointer-events:none;background:#fff;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(20px);box-shadow:0 -4px 30px #0000001a}.compare-modal-content.expanded{opacity:1;pointer-events:all;max-height:70vh;overflow-y:auto;transform:translateY(0)}.compare-modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;display:none!important}.compare-modal-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.compare-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.compare-modal-close:hover{color:#1f2937;background:#e5e7eb}.compare-items-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;gap:16px;padding:24px;display:flex;overflow-x:auto}.compare-items-container::-webkit-scrollbar{height:8px}.compare-items-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.compare-items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.compare-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.compare-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;min-width:200px;max-width:250px;transition:all .3s;position:relative;overflow:hidden}.compare-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.compare-item-remove{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.compare-item-remove:hover{background:#ef4444e6;transform:scale(1.1)}.compare-item-link{color:inherit;text-decoration:none;display:block}.compare-item-image{background:#f3f4f6;width:100%;height:180px;position:relative;overflow:hidden}.compare-item-img{object-fit:cover;width:100%;transition:transform .3s;height:100%!important}.compare-item-card:hover .compare-item-img{transform:scale(1.05)}.compare-item-placeholder{color:#9ca3af;background:#e5e7eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.compare-item-placeholder i{font-size:48px}.compare-item-details{padding:16px}.compare-item-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.compare-item-location{color:#6b7280;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;display:flex}.compare-item-location i{font-size:14px}.compare-item-location span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.compare-item-specs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.compare-spec{color:#4b5563;background:#f3f4f6;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.compare-spec i{font-size:12px}.compare-item-price{color:#e87f24;margin-top:8px;font-size:18px;font-weight:700}.compare-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 24px;display:flex}.compare-remove-all-btn{color:#ef4444;cursor:pointer;background:0 0;border:2px solid #ef4444;border-radius:16px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.compare-remove-all-btn:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.compare-remove-all-btn i{font-size:16px}.compare-view-btn i{font-size:14px;transition:transform .3s}.compare-view-btn:hover i{transform:translate(4px)}@media (max-width:768px){.compare-toggle-content{padding:12px 16px}.compare-label{font-size:14px}.compare-modal-content{max-height:80vh}.compare-items-container{padding:16px}.compare-item-card{min-width:180px;max-width:200px}.compare-item-image{height:150px}}@media screen and (max-width:600px){.compare-modal-toggle{width:auto;margin:0 30px}}