:root{
  --ink:#161310;
  --navy:#0e2433;
  --navy-2:#163246;
  --gold:#c9a227;
  --gold-d:#9a7918;
  --cream:#f4efe6;
  --paper:#fffcf8;
  --muted:#6f675e;
  --line:#e4dccf;
  --ok:#1f7a4d;
  --err:#9f2b22;
  --shadow:0 18px 50px rgba(14,36,51,.12);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Outfit",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55;font-weight:400}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,.serif{font-family:var(--serif);font-weight:500;letter-spacing:.01em}
.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}

.site-header{position:sticky;top:0;z-index:40;background:rgba(14,36,51,.96);backdrop-filter:blur(10px);color:#f6f1e7}
.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:88px}
.logo{display:flex;align-items:center;gap:.85rem;color:#f6f1e7}
.logo-lockup{display:flex;align-items:center;gap:.12rem}
.logo-vendoo{align-items:center}
.logo-vendo{font-family:var(--sans);font-weight:700;font-size:1.92rem;letter-spacing:-.045em;color:#f6f1e7;line-height:1;padding-bottom:.06rem}
.logo-oo{height:42px;width:auto;display:block;flex-shrink:0}
.logo-mark-img{width:52px;height:52px;border-radius:14px;object-fit:cover;display:block;background:#0e2433;flex-shrink:0}
.logo-mark{width:22px;height:22px;border:1.5px solid var(--gold);position:relative}
.logo-mark:before{content:"";position:absolute;left:3px;right:3px;top:-7px;height:10px;border:1.5px solid var(--gold);border-bottom:0;clip-path:polygon(0 100%,50% 0,100% 100%)}
.logo-word{font-family:var(--sans);letter-spacing:-.04em;font-size:1.5rem;color:#f6f1e7;font-weight:700;line-height:1}
.logo-img{max-height:56px;width:auto;display:block;object-fit:contain}
.side .logo-img{max-height:40px;filter:none}
.side .logo-vendo{font-size:1.42rem}
.side .logo-oo{height:32px}
.logo-foot .logo-img{max-height:58px}
.logo-foot .logo-vendo{font-size:2.15rem}
.logo-foot .logo-oo{height:48px}
.nav{display:flex;gap:1.35rem;margin-left:auto;font-size:.92rem}
.nav a{opacity:.86}
.nav a:hover{opacity:1;color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:.7rem}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.icon-link{position:relative;font-size:.85rem;opacity:.9}
.badge{position:absolute;top:-8px;right:-10px;background:var(--gold);color:#1a1408;border-radius:99px;font-size:.65rem;padding:.05rem .35rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;padding:.72rem 1.15rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:var(--sans);background:none;color:inherit;border-radius:1px}
.btn-gold{background:var(--gold);color:#1a1408;border-color:var(--gold)}
.btn-gold:hover{background:#d4af37}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#f6f1e7}
.btn-navy{background:var(--navy);color:#f6f1e7}
.btn-line{border-color:var(--line);color:var(--ink)}
.js-fav.on{color:var(--err);border-color:var(--err)}
.btn-wa{background:#128C7E;color:#fff;border-color:#128C7E}
.btn-block{width:100%}
.imob-toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%) translateY(120%);background:var(--navy);color:#fff;padding:.7rem 1.1rem;font-size:.88rem;z-index:80;opacity:0;transition:.25s ease;max-width:min(92vw,420px);text-align:center}
.imob-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.share-widget{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.share-widget .js-share-native{width:100%}
.share-fallback{display:none;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.share-fallback.open,.share-fallback:focus-within{display:flex}
.share-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.4rem .7rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--sans)}
.share-btn:hover{border-color:var(--gold);color:var(--navy)}
.plan-current{background:#fff;border:1px solid var(--gold);padding:1.2rem 1.3rem;margin-bottom:1.4rem}
.perk-list{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted)}

.flash-wrap{padding-top:1rem}
.flash{padding:.85rem 1rem;margin:.4rem 0;border:1px solid}
.flash-ok{background:#e8f6ee;border-color:#b7e0c8;color:#145c38}
.flash-err{background:#fdecea;border-color:#f5c2c0;color:#7a1f18}

/* hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;background:#0e2433 center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,26,.25),rgba(8,18,26,.78))}
.hero-inner{position:relative;z-index:1;padding:0 0 4.5rem}
.kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:.72rem;margin-bottom:.6rem}
.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;margin:0 0 1rem;max-width:14ch;font-weight:500}
.hero p.lede{max-width:36rem;opacity:.88;font-weight:300;font-size:1.08rem}

.search-card{background:var(--paper);color:var(--ink);padding:1.1rem;margin-top:2rem;box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr 1fr .8fr auto;gap:.6rem;align-items:end}
.search-card label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.search-card input,.search-card select, .input, select, textarea{
  width:100%;border:1px solid var(--line);background:#fff;padding:.7rem .75rem;font:inherit;color:var(--ink);border-radius:1px
}
textarea{min-height:120px;resize:vertical}
.search-tabs{display:flex;gap:.3rem;margin-bottom:.6rem}
.search-tabs button,.search-tabs a{border:1px solid var(--line);padding:.4rem .8rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#fff;cursor:pointer}
.search-tabs .on{background:var(--navy);color:#fff;border-color:var(--navy)}

.section{padding:4.2rem 0}
.section-h{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem}
.section-h h2{font-size:2.1rem;margin:0}
.section-h a{color:var(--gold-d);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.stat{border-top:1px solid rgba(201,162,39,.45);padding-top:.7rem}
.stat b{display:block;font-family:var(--serif);font-size:2rem;font-weight:500}
.stat span{color:rgba(255,255,255,.7);font-size:.85rem}

.grid-props{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.card-prop{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:100%}
.card-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card-prop:hover .card-photo img{transform:scale(1.05)}
.ribbon{position:absolute;top:.8rem;left:.8rem;background:var(--gold);color:#1a1408;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .5rem}
.purpose{position:absolute;bottom:.8rem;left:.8rem;background:rgba(14,36,51,.78);color:#fff;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .5rem}
.card-body{padding:1rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.25rem;flex:1}
.card-price{margin:0;color:var(--gold-d);letter-spacing:.04em;font-weight:500}
.card-body h3{margin:0;font-size:1.28rem;line-height:1.2}
.card-body h3 a:hover{color:var(--navy)}
.card-loc{margin:0;color:var(--muted);font-size:.88rem}
.card-meta{display:flex;gap:.8rem;list-style:none;padding:0;margin:.55rem 0 0;color:var(--muted);font-size:.82rem}

.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.city-chip{border:1px solid var(--line);padding:1rem .8rem;text-align:center;background:#fff}
.city-chip:hover{border-color:var(--gold);color:var(--navy)}
.city-chip small{display:block;color:var(--muted);letter-spacing:.12em}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.how article{padding:1.4rem 0;border-top:1px solid var(--gold)}
.how span{display:block;color:var(--gold-d);letter-spacing:.2em;font-size:.72rem;margin-bottom:.5rem}
.how h3{margin:0 0 .4rem;font-size:1.5rem}

.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.plan{border:1px solid var(--line);padding:1.4rem;background:#fff;display:flex;flex-direction:column}
.plan.featured-plan{border-color:var(--gold);box-shadow:var(--shadow)}
.plan h3{margin:.2rem 0;font-size:1.6rem}
.plan .price{font-family:var(--serif);font-size:2rem;margin:.4rem 0 1rem}
.plan ul{padding-left:1.1rem;margin:0 0 1.2rem;color:var(--muted);flex:1}
.plan li{margin:.25rem 0}

.agency-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.agency-card{border:1px solid var(--line);padding:1.2rem;background:#fff}
.agency-card h3{margin:.2rem 0;font-size:1.4rem}

.site-footer{background:var(--navy);color:#f6f1e7;padding:3.2rem 0 1.4rem;margin-top:3rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.5rem}
.site-footer a{display:block;opacity:.8;margin:.25rem 0}
.site-footer a:hover{color:var(--gold);opacity:1}
.site-footer h4{margin:0 0 .6rem;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-family:var(--sans);color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;opacity:.7}
.muted{color:var(--muted)}
.logo-foot{margin-bottom:.6rem}

/* listing */
.page-head{padding:2.2rem 0 1rem;border-bottom:1px solid var(--line)}
.page-head h1{font-size:2.4rem;margin:0}
.crumb{font-size:.82rem;color:var(--muted);margin-bottom:.4rem}
.listing-layout{display:grid;grid-template-columns:260px 1fr;gap:1.4rem;padding:1.6rem 0 3rem}
.listing-layout.has-ads{grid-template-columns:260px 1fr 210px}
.listing-ads{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:.8rem}
.ad-slot{display:block;border:1px solid var(--line);background:#fff;overflow:hidden}
.ad-slot img{width:100%;height:auto;display:block}
.filters{border:1px solid var(--line);padding:1rem;background:#fff;position:sticky;top:88px;align-self:start}
.filters h3{margin:0 0 .8rem;font-size:1.2rem}
.filters .field{margin-bottom:.75rem}
.listing-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}

/* show */
.gallery{display:grid;grid-template-columns:2fr 1fr;gap:.4rem;max-height:72vh;overflow:hidden;position:relative;z-index:1}
.gallery-viewport{position:relative;min-height:52vh;overflow:hidden;background:var(--navy)}
.gallery-track{display:flex;height:100%;transition:transform .45s ease}
.gallery-slide{min-width:100%;margin:0;height:100%}
.gallery-slide img,.gallery-side img,.gallery-thumb img{width:100%;height:100%;object-fit:cover;background:var(--navy);display:block}
.gallery-side{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:.4rem;overflow:auto}
.gallery-thumb{padding:0;border:0;background:none;cursor:pointer;overflow:hidden;opacity:.85}
.gallery-thumb.on,.gallery-thumb:hover{opacity:1;outline:2px solid var(--gold);outline-offset:-2px}
.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border:0;background:rgba(14,36,51,.55);color:#fff;font-size:1.6rem;cursor:pointer;z-index:2;line-height:1}
.gallery-btn.prev{left:.5rem}
.gallery-btn.next{right:.5rem}
.gallery-count{position:absolute;right:.6rem;bottom:.6rem;background:rgba(14,36,51,.7);color:#fff;font-size:.72rem;letter-spacing:.08em;padding:.25rem .5rem;z-index:2}
.gallery-dots{display:none}
.show-page{position:relative}
.show-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:2rem;padding:2rem 0 4rem;position:relative;z-index:2;background:var(--paper)}
.show-desc{position:relative;z-index:2;background:var(--paper);padding:.4rem 0 1rem;margin-top:.4rem}
.show-price{font-family:var(--serif);font-size:2.4rem;margin:.3rem 0}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.2rem 0}
.facts div{border-top:1px solid var(--line);padding-top:.5rem}
.facts b{display:block;font-family:var(--serif);font-size:1.3rem}
.feat-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}
.feat-list li{border:1px solid var(--line);padding:.3rem .6rem;font-size:.82rem}
.side-box{border:1px solid var(--line);padding:1.2rem;background:#fff;position:sticky;top:88px}
.side-box .actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
#map{height:320px;margin:1.4rem 0;border:1px solid var(--line)}
.prose{font-size:1.05rem;max-width:62ch}
.prose p{margin:0 0 1rem}

.pager{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.5rem 0}
.pager a{border:1px solid var(--line);padding:.35rem .65rem;min-width:2.2rem;text-align:center}
.pager .on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* auth / dash */
.auth-body{min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#1c4660,var(--navy));color:#f6f1e7;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.auth-card{width:min(560px,100%);background:var(--paper);color:var(--ink);padding:2rem 1.6rem}
.auth-card h1{margin:.2rem 0 1rem;font-size:2rem}
.auth-card .form-grid{grid-template-columns:1fr 1fr}
.auth-card .form-grid .full{grid-column:1/-1}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:start}
.dash{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:var(--navy);color:#f6f1e7;padding:1.4rem 1rem}
.side a{display:block;padding:.5rem .6rem;border-radius:2px;opacity:.85;font-size:.92rem}
.side a:hover,.side a.on{background:rgba(201,162,39,.15);color:var(--gold);opacity:1}
.side .brand{margin-bottom:1.4rem}
.dash-main{padding:1.5rem;background:var(--cream)}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border-bottom:1px solid var(--line);padding:.7rem .6rem;text-align:left;font-size:.92rem;vertical-align:top}
.table th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.4rem}
.kpi article{background:#fff;border:1px solid var(--line);padding:1rem}
.kpi b{font-family:var(--serif);font-size:1.8rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.form-grid .full{grid-column:1/-1}
.thumbs{display:flex;flex-wrap:wrap;gap:.5rem}
.thumbs img{width:110px;height:80px;object-fit:cover;border:1px solid var(--line)}
.chat-list{background:#fff;border:1px solid var(--line)}
.chat-item{display:block;padding:.9rem 1rem;border-bottom:1px solid var(--line)}
.chat-log{background:#fff;border:1px solid var(--line);min-height:360px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}
.bubble{max-width:70%;padding:.6rem .8rem;background:#eee;border-radius:2px}
.bubble.me{margin-left:auto;background:var(--navy);color:#fff}
.pix-box{background:#fff;border:1px dashed var(--gold);padding:1.2rem;text-align:center}
.pix-box textarea{font-size:.75rem}

@media(max-width:1100px){
  .listing-layout{grid-template-columns:240px 1fr}
  .listing-ads{grid-column:1/-1;flex-direction:row;position:static;overflow:auto}
  .listing-ads .ad-slot{min-width:180px;max-width:220px}
}
@media(max-width:980px){
  .nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:1rem}
  .wa-sticky{display:flex;align-items:center;justify-content:center;position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:45;background:#128C7E;color:#fff;padding:.95rem 1rem;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;box-shadow:0 12px 30px rgba(18,140,126,.35);border-radius:2px}
  .nav-toggle{display:block}
  .search-card,.grid-props,.city-grid,.how,.plan-grid,.agency-row,.listing-layout,.show-grid,.footer-grid,.dash,.form-grid,.kpi,.gallery,.stats,.contact-grid,.auth-card .form-grid{grid-template-columns:1fr}
  .header-inner{flex-wrap:wrap}
  .hero{min-height:70vh}
  .side-box{position:static}
  .filters{position:static}
  .gallery{max-height:none;overflow:visible;height:auto;grid-template-columns:1fr}
  .gallery-viewport{min-height:0;aspect-ratio:4/3;max-height:72vh}
  .gallery-slide img{height:100%;max-height:72vh;aspect-ratio:4/3;object-fit:cover}
  .gallery-side{display:none}
  .gallery-dots{display:flex;justify-content:center;gap:.4rem;padding:.7rem 0 0}
  .gallery-dot{width:.55rem;height:.55rem;border-radius:99px;border:0;background:var(--line);padding:0;cursor:pointer}
  .gallery-dot.on{background:var(--gold);width:.9rem}
  .show-grid{padding-top:1.2rem}
  .show-page{padding-bottom:5.5rem}
  .show-desc{margin-top:1rem;padding:1rem 0;border-top:1px solid var(--line)}
  .show-main{order:1}
  .show-aside{order:2}
}
@media(max-width:640px){
  .grid-props{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
}