:root {
      --bg-1: #0f2f4d;
      --bg-2: #18324a;
      --accent: #d79a3f;
      --card: rgba(0,0,0,0.25);
      --card-border: rgba(255,255,255,0.18);
      --text: #ffffff;
      --muted: rgba(255,255,255,0.86);
    }
html { scroll-behavior: smooth; }
body { color: #1d2430; background: #f5f7fb; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.topbar { background: linear-gradient(90deg, #0a3b88 0%, #0a3b88 100%); }
.site-header .navbar { backdrop-filter: blur(16px); }
.brand-logo { width: 150px; height: auto; }
.brand-title { font-weight: 800; font-size: 1.125rem; line-height: 1.1; }
.brand-subtitle { color: #5e6877; font-size: 0.875rem; max-width: 26rem; }
.navbar-nav .nav-link { font-weight: 600; color: #1d2430; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { color: #0a3b88; }
.hero-section { background: #0f1f18 url('../img/bg2.avif') center/cover no-repeat; min-height: 38rem; }
.hero-backdrop { position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(31, 122, 63, 0.35), rgba(13, 21, 18, 0.82)); }
.min-vh-60 { min-height: 60vh; }
.hero-card { border: 1px solid rgba(255, 255, 255, 0.16); }
.eyebrow { color: #0a3b88; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.value-card, .content-panel, .mini-panel { background: #fff; border: 1px solid rgba(24, 36, 48, 0.08); border-radius: 1.75rem; padding: 1.75rem; box-shadow: 0 18px 50px rgba(16, 24, 40, 0.06); }
.value-icon { width: 3.25rem; height: 3.25rem; display: inline-grid; place-items: center; border-radius: 999px; background: rgba(31, 58, 122, 0.12); color: #0a3b88; margin-bottom: 1rem; font-size: 1.25rem; }
.featured-section { background: linear-gradient(180deg, #ffffff 0%, #f3f7f5 100%); }
.inventory-card { border-radius: 1.75rem; overflow: hidden; }
.inventory-card-image img { transition: transform 0.35s ease; }
.inventory-card:hover .inventory-card-image img { transform: scale(1.04); }
.inventory-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1rem; }
.xfilter-shell { position: sticky; top: 6rem; z-index: 10;}
#inventoryGrid { transition: opacity 0.2s ease; }
#inventoryGrid.is-loading { opacity: 0.6; }
.page-hero { background: linear-gradient(180deg, #ffffff 0%, #f3f7f5 100%);}
.page-hero-sm { border-bottom: 1px solid rgba(24, 36, 48, 0.08); margin-bottom: 2rem; }
.gallery-thumb img { aspect-ratio: 1 / 1; width: 100%; object-fit: cover; }
.detail-sidebar { position: sticky; top: 7rem; }
.detail-price { font-size: 2rem; font-weight: 800; line-height: 1; }
.spec-list { display: grid; gap: 0.85rem; }
.spec-list > div { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(24, 36, 48, 0.08); padding-bottom: 0.65rem; }
.spec-list > div span { color: #677489; }
.list-check { list-style: none; padding: 0; margin: 0; }
.list-check li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.list-check li::before { content: "\f058"; font-family: "Font Awesome 7 Pro"; font-weight: 900; color: #0a3b88; position: absolute; left: 0; top: 0; }
.site-footer { background: #111827; }
.text-footer, .footer-list li, .footer-list a { color: rgba(255, 255, 255, 0.75); text-decoration: none; }
.footer-list a:hover { color: #fff; }
.footer-divider { border-color: rgba(255, 255, 255, 0.12); }
.contact-list li { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1rem; }
.contact-list i { width: 1.25rem; margin-top: 0.2rem; color: #0a3b88; }
.map-card img { min-height: 20rem; object-fit: cover; }
.hero-contact-list li { margin-bottom: 0.75rem; }
.empty-state { background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%); }
@media (max-width: 991.98px) { .brand-subtitle { display: none; } .filter-shell, .detail-sidebar { position: static; } }
@media (max-width: 575.98px) { .brand-logo { width: 110px; } .hero-section { min-height: 32rem; } .value-card, .content-panel, .mini-panel { padding: 1.25rem; border-radius: 1.25rem; } }
.glass_block {
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: 24px;
  padding: 28px;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,0.28);
}
.fa-duotone.fa-solid.fa-mountains,
#mthome_icon{
font-size: 4rem;
--fa-primary-color: #0a3b88;
--fa-secondary-color: #575757;
}