/* Compass Realty — theme chrome the React app used to render */
/* No scroll-behavior:smooth — Lenis drives the scroll and native smoothing fights it. */
body{margin:0}
.cr-skip{position:absolute;left:-9999px}
.cr-skip:focus{left:1rem;top:1rem;z-index:200;background:#1a1a1a;color:#fff;padding:.6rem 1rem}

/* ---- Nav ---- */
.cr-nav{position:fixed;left:0;right:0;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease}
.cr-nav.cr-solid{background:#fff;border-bottom-color:var(--cr-line,#e5e1da)}
.cr-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cr-brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;transition:color .3s}
.cr-nav.cr-solid .cr-brand{color:#1a1a1a}
.cr-brand strong{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}
.cr-brand strong{line-height:1.05;font-size:.82rem;letter-spacing:.01em;text-transform:uppercase}
.cr-mark{width:auto;height:30px;display:block}
.cr-mark-light{display:none}
.cr-nav .cr-mark{display:none}
.cr-nav .cr-mark-light{display:block}
.cr-nav.cr-solid .cr-mark{display:block}
.cr-nav.cr-solid .cr-mark-light{display:none}
.cr-foot-mark{width:auto;height:26px;display:block}
.cr-links{display:none;align-items:center;gap:2.4rem}
.cr-links a{font-size:.92rem;letter-spacing:-.01em;color:rgba(255,255,255,.75);text-decoration:none;transition:color .3s}
.cr-links a:hover{color:#fff}
.cr-nav.cr-solid .cr-links a{color:rgba(26,26,26,.65)}
.cr-nav.cr-solid .cr-links a:hover{color:#1a1a1a}
@media(min-width:1024px){.cr-links{display:flex}}
.cr-burger{display:flex;flex-direction:column;gap:6px;padding:.5rem;margin-right:-.5rem;background:none;border:0;cursor:pointer;color:#fff}
.cr-nav.cr-solid .cr-burger{color:#1a1a1a}
.cr-burger span{display:block;width:28px;height:1px;background:currentColor;transition:transform .3s,opacity .3s}
.cr-burger.cr-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cr-burger.cr-open span:nth-child(2){opacity:0}
.cr-burger.cr-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1024px){.cr-burger{display:none}}
.cr-menu{display:none;background:#fff;border-top:1px solid #e5e1da}
.cr-menu.cr-open{display:block}
.cr-menu .container-pr{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:1rem}
.cr-menu a{padding:1rem 0;font-size:1.1rem;color:#1a1a1a;text-decoration:none;border-bottom:1px solid #e5e1da}
.cr-menu a:last-child{border-bottom:0}
@media(min-width:1024px){.cr-menu{display:none!important}}

/* ---- Listing detail ---- */
.cr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;border-top:1px solid #1a1a1a;margin:0;padding:0;list-style:none}
.cr-facts li{padding:1.4rem 0;border-bottom:1px solid #e5e1da;display:flex;flex-direction:column;gap:.5rem}
.cr-facts strong{font-size:1.5rem;font-weight:400;letter-spacing:-.03em;color:#1a1a1a}
.cr-prose p{font-size:1.05rem;line-height:1.75;color:#5a5750;margin:0 0 1.2rem}
.cr-prose h2,.cr-prose h3{font-weight:500;letter-spacing:-.025em;color:#1a1a1a;margin:2rem 0 .8rem}
.cr-prose ul{padding-left:1.1rem;color:#5a5750;line-height:1.8}

/* ---- WhatsApp FAB ---- */
.cr-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:40;width:56px;height:56px;border-radius:9999px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.4);transition:transform .2s}
.cr-fab:hover{transform:scale(1.05)}

/* ---- Filter bar ---- */
.cr-filter{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;border-top:1px solid #1a1a1a;padding-top:1.5rem}
.cr-filter label{display:flex;flex-direction:column;gap:.5rem;min-width:150px}
.cr-filter select{border:0;border-bottom:1px solid #e5e1da;background:transparent;padding:.5rem 0;font-size:1rem;color:#1a1a1a;outline:none}
.cr-filter select:focus{border-bottom-color:#1a1a1a}