:root{--keynix-blue:#0d6efd;--keynix-dark:#09111f;--keynix-orange:#ff8a00;}body{background:#f7f9fc;}.brand-mark{width:28px;height:28px;background:rgba(255,138,0,.18);border:1px solid rgba(255,138,0,.35);color:var(--keynix-orange);}.btn-keynix{background:linear-gradient(135deg,var(--keynix-blue),#1b7cff);border:none;color:#fff}.btn-keynix:hover{color:#fff;opacity:.95}.keynix-hero{position:relative;min-height:92vh;background:url('../img/background.jpg') center/cover no-repeat;border-radius:0 0 24px 24px;overflow:hidden;margin-inline:calc(50% - 50vw);width:100vw}.keynix-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,22,.45),rgba(4,10,22,.76))}.keynix-hero .hero-inner{position:relative;padding-top:8rem;padding-bottom:4rem}.hero-search-card{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);padding:1rem;border-radius:20px}.eyebrow-pill{padding:.55rem .95rem;border-radius:999px;background:rgba(255,138,0,.15);border:1px solid rgba(255,138,0,.35)}.metric-card{padding:1rem;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.2rem}.metric-card strong{font-size:1.05rem}.property-thumb{width:100%;height:250px;object-fit:cover}.property-card{border-radius:20px;overflow:hidden}.property-media-wrap{position:relative}.listing-tag{position:absolute;top:14px;left:14px;border-radius:999px;padding:.45rem .8rem;font-size:.74rem;font-weight:700;letter-spacing:.02em}.tag-sale{background:#e7f1ff;color:#0d6efd}.tag-rent{background:#fff4e7;color:#d46f00}.tag-shortlet{background:#eefaf1;color:#18864b}.tag-default{background:#f1f3f5;color:#495057}.kpi{padding:1rem;border:1px solid #eef1f5;border-radius:16px;background:#fff}.kpi .label{font-size:.85rem;color:#6c757d}.kpi .value{font-size:1.25rem;font-weight:700}.footer-kh{margin-top:3rem}@media (max-width: 991.98px){.keynix-hero{min-height:auto}.keynix-hero .hero-inner{padding-top:7rem}}
body.page-blue{background:linear-gradient(180deg,#0b3d91 0%,#124fb7 38%,#eaf2ff 100%) fixed;} body.page-home{background:#f7f9fc;} .page-blue .card,.page-blue .filter-card,.page-blue .kpi,.page-blue .table-responsive{box-shadow:0 10px 30px rgba(2,24,75,.12);} .page-blue .section-title h3,.page-blue .section-title .small,.page-blue .table thead th{color:#0b214a;} .page-blue .navbar-kh.scrolled{background:rgba(7,24,64,.88);} .filter-card{background:#fff;border:1px solid #e8eef8;border-radius:18px;} .table-responsive{background:#fff;border-radius:18px;padding:0;}

.favorite-form{display:block}.favorite-btn{border-radius:12px}.favorite-btn.is-saved{font-weight:700}.favorite-btn-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0}.favorite-btn i{pointer-events:none}

.property-media-video{background:#0b1220}
.property-thumb-video{display:block;background:#000}
.property-video-toggle{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:999px;border:none;background:rgba(9,17,31,.72);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:2;transition:transform .18s ease,background .18s ease,opacity .18s ease}.property-video-toggle:hover{transform:translate(-50%,-50%) scale(1.05);background:rgba(13,110,253,.86)}.property-media-video.is-playing .property-video-toggle{opacity:0}.property-media-video:hover .property-video-toggle,.property-media-video:focus-within .property-video-toggle,.property-media-video.is-paused .property-video-toggle{opacity:1}.property-media-video .listing-tag{z-index:3}

.smart-search-menu{position:absolute;top:100%;left:0;right:0;margin-top:.45rem;background:#fff;border:1px solid #dde6f3;border-radius:16px;box-shadow:0 16px 36px rgba(9,17,31,.12);padding:.4rem;z-index:30;max-height:280px;overflow:auto}
.smart-search-item{width:100%;border:none;background:transparent;border-radius:12px;padding:.8rem .9rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left}
.smart-search-item:hover,.smart-search-item.active{background:#f1f6ff}
.smart-search-item-label{font-weight:600;color:#0f172a}
.smart-search-item-kind{font-size:.78rem;color:#64748b;white-space:nowrap}
.hero-search-card .smart-search-menu{background:#fff;color:#0f172a}
.search-results-loading{opacity:.65;pointer-events:none;transition:opacity .18s ease}