:root{--primary:#1e6bd6;--primary-dark:#1557b3;--bg:#ffffff;--muted:#f5f7fb;--text:#2b2f36;--secondary:#6b7280}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg)}
.bg-primary{background-color:var(--primary)!important}
.text-primary{color:var(--primary)!important}
.banner{min-height:40vh;background-image:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%), url('https://images.unsplash.com/photo-1546387234-6d0c2f9b7c0a?q=80&w=1400&auto=format&fit=crop');background-size:cover;background-position:center}
.banner-search{max-width:980px;margin:0 auto}
.city-banner{min-height:30vh;background-image:linear-gradient(135deg, rgba(30,107,214,.6), rgba(21,87,179,.6)), var(--banner-url);background-size:cover;background-position:center}
.map{width:100%;height:420px;border-radius:.75rem;border:1px solid #e5e7eb}
.card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.badge-amenity{display:inline-block;background:#eef2ff;color:#1e40af;border:1px solid #e0e7ff;border-radius:999px;padding:.25rem .6rem;margin:.125rem;font-size:.75rem}
.stars{color:#f59e0b}
.gallery{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}
.thumb{width:120px;height:80px;border-radius:.5rem;border:1px solid #e5e7eb;background:#f8fafc;overflow:hidden;cursor:pointer}
.thumb>img{width:100%;height:100%;object-fit:cover;display:block}
.social-list{display:flex;gap:.5rem;flex-wrap:wrap}
.social-item{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;text-decoration:none}
.social-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-weight:600;font-size:.75rem}
.social-icon i{color:#fff;font-size:12px}
.icon-ig{background:#d6249f}
.icon-fb{background:#1877f2}
.icon-wa{background:#25d366}
.icon-web{background:#6b7280}
.share-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;background:#fff}
.share-title{font-weight:600;color:#111827;margin-bottom:.5rem}
.share-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;text-decoration:none}
.share-btn.face{border-color:#cfe2ff;background:#eef5ff}
.share-btn.tw{border-color:#d1e7ff;background:#f1f7ff}
.share-btn.pin{border-color:#fde2e2;background:#fff5f5}
.share-btn.wa{border-color:#d9fbe6;background:#eefdf3}
.ad-card{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;padding:1rem}
.ad-card .ad-slot{display:flex;align-items:center;justify-content:center;height:220px;border:2px dashed #cbd5e1;border-radius:.5rem;color:#64748b;font-size:1.25rem}
.card-link{text-decoration:none;color:inherit}
.card-img-top{border-bottom:1px solid #e5e7eb}
.form-control,.form-select{border-radius:.5rem}
.btn-primary{background-color:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}
.navbar-brand{letter-spacing:.3px}
.map-wrapper-mobile{display:none}
@media (max-width:576px){
  .map{height:340px}
  .navbar .container{flex-wrap:wrap}
  .navbar .navbar-brand{display:flex;justify-content:center;width:100%}
  .navbar .navbar-brand img{height:56px!important}
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
  .gallery .thumb{width:100%;height:70px}
  .map-wrapper-left{display:none}
  .map-wrapper-mobile{display:block}
}
@media (min-width:577px){
  .map-wrapper-mobile{display:none}
}