:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .image-price{background:linear-gradient(135deg,rgba(var(--accent-rgb),.741) 0,rgb(var(--accent-strong-rgb)));box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton.message:hover{background:rgba(var(--accent-rgb),.1);color:rgb(var(--accent-rgb))}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .features .feature img,:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .features .feature svg,:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .title:hover{color:rgb(var(--accent-rgb))}.homePageCardWrapper{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.homePageCardWrapper:hover{transform:translateY(-4px)}.homePageCardWrapper:hover .homePageCard{border-color:transparent;box-shadow:0 16px 40px #0000001f}@media (hover:hover){.homePageCardWrapper:hover .propertyImage{transform:scale(1.03)}}.homePageCardWrapper.promoted .homePageCard{background:linear-gradient(180deg,#f59e0b05,#fff);border-color:#f59e0b4d}.homePageCardWrapper.promoted .homePageCard:hover{box-shadow:0 16px 40px #f59e0b26}.homePageCardWrapper.promoted .promotion-ribbon{background:linear-gradient(135deg,#a1a1a173,#a8a8a800)!important}.homePageCardWrapper .homePageCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 10px -3px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.homePageCardWrapper .homePageCard .imageContainer{background:#f8fafc;height:200px;overflow:hidden;position:relative}.homePageCardWrapper .homePageCard .imageContainer .propertyImage{animation:quickFadeIn .15s ease-out;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.homePageCardWrapper .homePageCard .imageContainer .promotion-ribbon{align-items:center;background:linear-gradient(135deg,#a1a1a173,#a8a8a800);border-radius:20px;color:#fff;display:flex;font-size:10px;font-weight:700;gap:5px;left:12px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:12px;z-index:10}.homePageCardWrapper .homePageCard .imageContainer .promotion-ribbon svg{font-size:10px}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls{align-items:center;bottom:14px;display:flex;justify-content:space-between;left:0;opacity:0;padding:0 14px;pointer-events:none;position:absolute;right:0;transform:translateY(8px);transition:all .3s ease;z-index:5}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-slider-control{align-items:center;backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#1e293b;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-slider-control:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-indicators{align-items:center;display:flex;gap:6px}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-indicators .image-indicator{background:#ffffff80;border-radius:50%;height:6px;transition:all .2s ease;width:6px}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-indicators .image-indicator.active{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0003;width:20px}.homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-indicators .image-counter{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;border-radius:999px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em;line-height:1;padding:3px 9px;white-space:nowrap}.homePageCardWrapper .homePageCard .imageContainer .image-price{align-items:center;background:linear-gradient(135deg,#08bb67bd,#059607);border-radius:12px;bottom:12px;box-shadow:0 4px 14px #08bb6759;color:#fff;display:inline-flex;font-size:18px;font-weight:700;letter-spacing:-.3px;padding:4px 10px;position:absolute;right:12px;transition:all .3s ease;z-index:1}.homePageCardWrapper .homePageCard .imageContainer .image-price svg{font-size:12px;margin-right:4px}.homePageCardWrapper .homePageCard .imageContainer .image-price .price-unit{font-size:11px;font-weight:500;margin-left:3px;opacity:.9}.homePageCardWrapper .homePageCard .imageContainer .open-house-overlay{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;bottom:48px;box-shadow:0 2px 10px #7c3aed66;display:flex;gap:6px;padding:6px 10px;position:absolute;right:12px;transition:all .3s ease;z-index:1}.homePageCardWrapper .homePageCard .imageContainer .open-house-overlay .open-house-icon{color:#fff;flex-shrink:0;font-size:12px}.homePageCardWrapper .homePageCard .imageContainer .open-house-overlay .open-house-text{color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.homePageCardWrapper .homePageCard .imageContainer:hover .image-slider-controls{opacity:1;pointer-events:all;transform:translateY(0)}.homePageCardWrapper .homePageCard .imageContainer:hover .image-price,.homePageCardWrapper .homePageCard .imageContainer:hover .open-house-overlay{opacity:0;transform:translateY(4px)}.homePageCardWrapper .homePageCard .imageContainer .card-actions{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:1}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton{align-items:center;backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton.saved{background:#ef44441a;color:#ef4444}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton.saved:hover{background:#ef4444;color:#fff}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton.message:hover{background:#08bb671a;color:#08bb67}.homePageCardWrapper .homePageCard .contentContainer{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:12px}.homePageCardWrapper .homePageCard .contentContainer .title{color:#1e293b;display:block;font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.4;max-width:280px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.homePageCardWrapper .homePageCard .contentContainer .title:hover{color:#08bb67}.homePageCardWrapper .homePageCard .contentContainer .address{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;line-height:1.4}.homePageCardWrapper .homePageCard .contentContainer .address svg{color:#ef4444;flex-shrink:0;font-size:12px}.homePageCardWrapper .homePageCard .contentContainer .address span{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePageCardWrapper .homePageCard .contentContainer .open-house-badge{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;box-shadow:0 2px 10px #7c3aed4d;display:flex;gap:8px;margin-top:8px;max-width:-moz-fit-content;max-width:fit-content;padding:6px 10px}.homePageCardWrapper .homePageCard .contentContainer .open-house-badge .open-house-icon{color:#fff;flex-shrink:0;font-size:14px}.homePageCardWrapper .homePageCard .contentContainer .open-house-badge .open-house-info{display:flex;flex-direction:column;gap:1px}.homePageCardWrapper .homePageCard .contentContainer .open-house-badge .open-house-info .open-house-label{color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.homePageCardWrapper .homePageCard .contentContainer .open-house-badge .open-house-info .open-house-datetime{color:#fffffff2;font-size:11px;font-weight:600}.homePageCardWrapper .homePageCard .contentContainer .features{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:12px}.homePageCardWrapper .homePageCard .contentContainer .features .feature{align-items:center;background:#f8fafc;border-radius:8px;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:4px;padding:5px 8px;transition:background .2s ease}.homePageCardWrapper .homePageCard .contentContainer .features .feature:hover{background:#f1f5f9}.homePageCardWrapper .homePageCard .contentContainer .features .feature img,.homePageCardWrapper .homePageCard .contentContainer .features .feature svg{color:#08bb67;font-size:16px}@media (max-width:1024px){.homePageCardWrapper .homePageCard .imageContainer{height:180px}.homePageCardWrapper .homePageCard .imageContainer .promotion-ribbon{font-size:9px;padding:5px 10px}.homePageCardWrapper .homePageCard .imageContainer .card-actions{gap:6px;right:10px;top:10px}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton{font-size:13px;height:32px;width:32px}.homePageCardWrapper .homePageCard .imageContainer .image-price{font-size:18px;padding:6px 12px}.homePageCardWrapper .homePageCard .contentContainer{gap:8px;padding:16px}.homePageCardWrapper .homePageCard .contentContainer .title{font-size:15px}.homePageCardWrapper .homePageCard .contentContainer .address{font-size:12px}.homePageCardWrapper .homePageCard .contentContainer .features{gap:5px;padding-top:10px}.homePageCardWrapper .homePageCard .contentContainer .features .feature{font-size:14px;padding:5px 8px}.homePageCardWrapper .homePageCard .contentContainer .features .feature svg{font-size:16px}}@media (max-width:576px){.homePageCardWrapper .homePageCard{border-radius:14px}.homePageCardWrapper .homePageCard .imageContainer{height:180px}.homePageCardWrapper .homePageCard .imageContainer .promotion-ribbon{font-size:8px;left:10px;padding:4px 8px;top:10px}.homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton{font-size:12px;height:30px;width:30px}.homePageCardWrapper .homePageCard .imageContainer .image-price{border-radius:10px;font-size:18px;padding:5px 10px}.homePageCardWrapper .homePageCard .contentContainer{padding:14px}.homePageCardWrapper .homePageCard .contentContainer .title{font-size:14px}.homePageCardWrapper .homePageCard .contentContainer .features{gap:4px}.homePageCardWrapper .homePageCard .contentContainer .features .feature{border-radius:6px;font-size:13px;padding:4px 8px}}@keyframes quickFadeIn{0%{opacity:0}to{opacity:1}}:root[data-theme=dark] .homePageCardWrapper:hover .homePageCard{border-color:var(--border-strong);box-shadow:0 16px 40px #00000080}:root[data-theme=dark] .homePageCardWrapper.promoted .homePageCard{background:linear-gradient(180deg,rgba(245,166,35,.06) 0,var(--surface-2) 100%);border-color:#f5a6234d}:root[data-theme=dark] .homePageCardWrapper .homePageCard{background:var(--surface-2);border-color:var(--border);box-shadow:0 8px 18px -6px #0009}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer{background:var(--surface-3)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-slider-control{background:#1a1a1ae0;color:var(--text)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .image-slider-controls .image-slider-control:hover{background:var(--surface-3)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton{background:#1a1a1a3d;color:#fff}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton:hover{background:#1a1a1a80}:root[data-theme=dark] .homePageCardWrapper .homePageCard .imageContainer .card-actions .actionButton.saved{background:#f872722e;color:#f87171}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .title{color:var(--text)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .title:hover{color:var(--brand)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .address{color:var(--muted)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .features{border-top-color:var(--border)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .features .feature{background:var(--surface-3);color:var(--text-2)}:root[data-theme=dark] .homePageCardWrapper .homePageCard .contentContainer .features .feature:hover{background:#2f2f2f}
