:root {
    --brand: #0d6efd;
    --accent: #f59f00;
    --dark: #0f172a;
  }
  
  /* Hero: nền ảnh phủ xanh */
  .hero-green {
    min-height: 360px;
    background: linear-gradient(rgba(59,179,128,.85), rgba(59,179,128,.85)),
                url('https://images.unsplash.com/photo-1524758631624-2f2a0b1d99f8?auto=format&fit=crop&w=1400&q=60');
    background-position: center;
    background-size: cover;
    color: #fff;
  }
  
  /* Navbar */
  .navbar { box-shadow: 0 6px 20px rgba(0,0,0,.06); }
  .navbar-brand { letter-spacing: .3px; }
  
  /* Card nhà + hiệu ứng */
  .card {
    border: 1px solid #eef2f7;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .card:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.10); }
  .card-title { font-weight: 600; }
  .price { color: var(--accent); font-weight: 700; }
  
  /* Ảnh nhà responsive */
  .house-img { height: 220px; object-fit: cover; width: 100%; }
  @media (max-width: 576px) { .house-img { height: 180px; } }
  @media (min-width: 1200px) { .house-img { height: 260px; } }
  
  /* Container rộng vừa cho desktop lớn */
  .container { max-width: 1100px; }
  
  /* Khoảng cách cuộn khi dùng anchor */
  section { scroll-margin-top: 80px; }
  
  /* Form và nút trên mobile */
  @media (max-width: 576px) {
    .btn { width: 100%; }
  }
  
  /* Footer tối ưu màu chữ */
  footer small { color: #6c757d; }