:root {
    --bg: #f8fafc;
    --surface: #ffffff;
    --surface-2: #0f172a;
    --text: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    --primary: #0f172a;
    --accent: #ea580c;
    --accent-soft: rgba(234, 88, 12, 0.12);
    --success: #16a34a;
    --shadow: 0 20px 60px rgba(15, 23, 42, 0.10);
    --radius-xl: 28px;
    --radius-lg: 20px;
}
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', 'Montserrat', sans-serif;
    color: var(--text);
    background: var(--bg);
}
h1,h2,h3,h4,.display-font { font-family: 'Playfair Display', 'Montserrat', serif; }
.text-accent { color: var(--accent)!important; }
.bg-accent { background: var(--accent)!important; }
.ls-1 { letter-spacing: .08em; }
.ls-2 { letter-spacing: .16em; }
.navbar-premium {
    background: rgba(15,23,42,.8);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.navbar-premium .nav-link { color: rgba(255,255,255,.88); font-weight: 500; }
.navbar-premium .nav-link:hover { color: #fff; }
.hero-premium {
    position: relative;
    overflow: hidden;
    padding: 9rem 0 6rem;
    background:
        radial-gradient(circle at top left, rgba(234,88,12,.18), transparent 30%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(15,23,42,.82)),
        url('https://images.unsplash.com/photo-1560185007-cde436f6a4d0?auto=format&fit=crop&w=1600&q=80') center/cover;
    color: white;
}
.hero-card, .search-shell, .property-card, .glass-card, .stats-card, .info-card, .affiliate-card {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: var(--shadow);
    border-radius: var(--radius-xl);
}
.hero-card { padding: 2rem; color: var(--text); }
.search-shell { padding: 1rem; margin-top: -3rem; position: relative; z-index: 3; }
.search-shell .form-control, .search-shell .form-select,
.form-premium .form-control, .form-premium .form-select, .form-premium textarea {
    border-radius: 14px;
    border: 1px solid var(--border);
    min-height: 50px;
}
.btn-premium {
    background: linear-gradient(135deg, var(--accent), #f97316);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: .95rem 1.5rem;
    font-weight: 700;
    box-shadow: 0 16px 30px rgba(234,88,12,.28);
}
.btn-premium:hover { color: #fff; transform: translateY(-1px); }
.btn-dark-soft {
    background: rgba(15,23,42,.9);
    color: #fff;
    border-radius: 999px;
    padding: .95rem 1.4rem;
}
.section-title { margin-bottom: 2rem; }
.property-card {
    overflow: hidden;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease;
}
.property-card:hover { transform: translateY(-6px); box-shadow: 0 26px 60px rgba(15,23,42,.14); }
.property-media { position: relative; height: 250px; overflow: hidden; }
.property-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.property-card:hover .property-media img { transform: scale(1.05); }
.property-badge, .property-code {
    position: absolute;
    top: 16px;
    border-radius: 999px;
    padding: .45rem .9rem;
    font-size: .72rem;
    font-weight: 700;
    z-index: 2;
}
.property-badge { left: 16px; background: rgba(255,255,255,.94); color: var(--primary); }
.property-code { right: 16px; background: rgba(15,23,42,.86); color: #fff; }
.property-body { padding: 1.4rem; }
.property-price { font-size: 1.35rem; font-weight: 800; color: var(--primary); }
.meta-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .65rem; }
.meta-item {
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: .8rem;
    text-align: center;
    font-size: .84rem;
}
.filter-chip {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .55rem .9rem; border-radius: 999px; background: #fff; border: 1px solid var(--border);
    color: var(--muted); font-size: .85rem; font-weight: 600;
}
.stats-card, .info-card, .affiliate-card { padding: 1.4rem; height: 100%; }
.contact-block {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: white;
    border-radius: 32px;
    padding: 2.2rem;
}
.contact-block .form-control, .contact-block textarea {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: white;
}
.contact-block .form-control::placeholder, .contact-block textarea::placeholder { color: rgba(255,255,255,.6); }
.footer-premium { background: #0f172a; color: rgba(255,255,255,.78); }
.footer-premium a { color: rgba(255,255,255,.85); text-decoration: none; }
.property-hero {
    min-height: 72vh;
    color: white;
    position: relative;
    display: flex;
    align-items: end;
    padding: 6rem 0 4rem;
    background-size: cover;
    background-position: center;
}
.property-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2,6,23,.2), rgba(2,6,23,.85));
}
.property-hero .container { position: relative; z-index: 2; }
.gallery-grid img {
    width: 100%; height: 240px; object-fit: cover; border-radius: 20px;
    box-shadow: var(--shadow);
}
.admin-top-card { border-radius: 24px; }
@media (max-width: 991px) {
    .meta-grid { grid-template-columns: repeat(2,1fr); }
    .hero-premium { padding-top: 7rem; }
}
@media (max-width: 576px) {
    .meta-grid { grid-template-columns: repeat(2,1fr); }
    .property-media { height: 220px; }
    .search-shell { margin-top: -2rem; }
}

.table td,.table th{vertical-align:middle}.btn-outline-dark.rounded-pill{border-radius:999px}.property-body .btn-sm{padding:.55rem .85rem}.hero-card .btn-outline-dark{padding:.8rem 1rem}

body{padding-top:86px}
.bg-white-soft{background:#fff}
.bg-light-subtle{background:#f7f5fb!important}
.navbar-zaplike{background:rgba(248,242,238,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.06)}
.navbar-zaplike .nav-link{color:#334155;font-weight:600}
.navbar-zaplike .btn-primary,.btn-primary{background:#6d28d9;border-color:#6d28d9}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#6d28d9;color:#fff;font-weight:800}
.hero-home{background:#f6ebe4;padding:4rem 0 5rem}
.hero-search-card{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.hero-title{font-size:clamp(2.2rem,4vw,4rem);font-family:'Inter',sans-serif;font-weight:800;line-height:1.1;color:#243b63}
.hero-subtitle{font-size:1.05rem;color:#475569}
.hero-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dbe3f0;gap:1rem}
.hero-tab{padding:.25rem 0 1rem;text-align:center;text-decoration:none;color:#1e293b;font-weight:700;border-bottom:2px solid transparent}
.hero-tab.active{color:#6d28d9;border-color:#6d28d9}
.hero-mini-stats{display:flex;gap:1rem;flex-wrap:wrap;color:#64748b;font-size:.95rem}.hero-mini-stats strong{color:#0f172a}
.hero-visual img{width:100%;min-height:540px;object-fit:cover}
.eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:1rem}
.empty-state-card{padding:4rem 2rem;border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.contact-points{display:grid;gap:.8rem;color:#334155}.contact-points i{color:var(--accent);margin-right:.5rem}
.dark-panel{background:linear-gradient(135deg,#0f172a,#1e1b4b)!important}
.mini-card{padding:1rem;border-radius:18px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.25rem}.mini-card strong{font-size:1.6rem}
.blog-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);height:100%}.blog-card__image{width:100%;height:220px;object-fit:cover}
.blog-layout{padding:3rem 0 5rem;background:#f8fafc;min-height:100vh}
.blog-post-card{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:2rem}
.blog-post-cover{width:100%;height:380px;object-fit:cover;border-radius:20px;margin-bottom:1.5rem}
.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:1055}.cookie-banner__content{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.18);padding:1rem 1.25rem}.cookie-banner__content p{margin:0;color:#475569}.cookie-banner__actions{display:flex;gap:.75rem;flex-shrink:0}
@media(max-width:991px){.hero-home{padding-top:2rem}.hero-visual img{min-height:320px}.cookie-banner__content{flex-direction:column;align-items:flex-start}.hero-tabs{gap:.5rem}}
@media(max-width:576px){body{padding-top:74px}.hero-search-card{padding:1.25rem}.hero-tabs{grid-template-columns:1fr}.hero-title{font-size:2rem}.cookie-banner{left:12px;right:12px;bottom:12px}.cookie-banner__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}

.frontend-premium {
    background: linear-gradient(180deg, #f7f8fc 0%, #eef2f8 100%);
}
.navbar-premium-pro {
    background: rgba(255,255,255,.86);
    border-bottom: 1px solid rgba(15,23,42,.06);
    backdrop-filter: blur(18px);
}
.navbar-premium-pro .navbar-brand {
    font-size: 1.5rem;
    letter-spacing: -.03em;
}
.hero-home--premium {
    position: relative;
    overflow: hidden;
    padding: 4.5rem 0 5.5rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(37,99,235,.08), transparent 32%),
        radial-gradient(circle at 90% 20%, rgba(99,102,241,.10), transparent 24%),
        linear-gradient(180deg, #fbfcff 0%, #eef3fa 100%);
}
.hero-home--premium::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.68), rgba(255,255,255,0));
    pointer-events: none;
}
.hero-grid { position: relative; z-index: 1; }
.hero-floating-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(37,99,235,.08);
    box-shadow: 0 18px 40px rgba(15,23,42,.08);
    margin-bottom: 1.5rem;
    color: #1e293b;
    font-weight: 700;
}
.eyebrow-dark { color: #2563eb; }
.hero-copy { position: relative; z-index: 2; }
.hero-proof span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .75rem .95rem;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #334155;
    font-weight: 600;
    border: 1px solid rgba(148,163,184,.22);
}
.hero-search-card--elevated {
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.9);
    box-shadow: 0 24px 70px rgba(15,23,42,.12);
}
.search-inline-input {
    position: relative;
}
.search-inline-input i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    z-index: 2;
}
.search-inline-input .form-control {
    padding-left: 48px;
}
.hero-stage {
    position: relative;
    min-height: 680px;
}
.hero-stage__image-wrap {
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(15,23,42,.18);
    border: 1px solid rgba(255,255,255,.8);
    height: 100%;
}
.hero-stage__image {
    width: 100%;
    height: 680px;
    object-fit: cover;
}
.hero-stage__floating-card {
    position: absolute;
    max-width: 320px;
    background: rgba(255,255,255,.96);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(15,23,42,.16);
    border: 1px solid rgba(148,163,184,.15);
    padding: 1.15rem 1.25rem;
}
.hero-stage__floating-card strong { display: block; margin-bottom: .35rem; }
.hero-stage__floating-card p { color: #475569; font-size: .95rem; }
.hero-stage__floating-card--top { top: 24px; left: -24px; }
.hero-stage__floating-card--bottom { right: -24px; bottom: 28px; min-width: 300px; }
.section-surface {
    background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,.82));
}
.section-panel {
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(226,232,240,.9);
    border-radius: 30px;
    box-shadow: 0 26px 70px rgba(15,23,42,.08);
    padding: 2rem;
}
.section-panel--gradient {
    background: linear-gradient(135deg, #0f172a, #172554 65%, #1d4ed8);
    border-color: rgba(255,255,255,.08);
}
.section-panel--dark {
    background: linear-gradient(160deg, #0f172a 0%, #172554 100%);
    border-color: rgba(255,255,255,.08);
}
.eyebrow-light { color: rgba(255,255,255,.72); }
.metrics-stack {
    display: grid;
    gap: 1rem;
}
.metric-card {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    padding: 1rem 1.2rem;
    color: #fff;
}
.metric-card span {
    display: block;
    font-size: .86rem;
    color: rgba(255,255,255,.7);
}
.metric-card strong {
    font-size: 2rem;
    line-height: 1;
}
.trust-panel { background: linear-gradient(180deg, #ffffff, #f8fbff); }
.feature-list { list-style: none; padding: 0; display: grid; gap: .9rem; }
.feature-list li {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    color: #334155;
}
.feature-list i { color: var(--accent); margin-top: .1rem; }
.property-card--premium {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(226,232,240,.85);
    box-shadow: 0 24px 60px rgba(15,23,42,.08);
}
.property-card--premium .property-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,.42));
    z-index: 1;
    opacity: .7;
}
.property-card--premium .property-badge,
.property-card--premium .property-code { z-index: 3; }
.property-overlay-link {
    position: absolute;
    left: 18px;
    bottom: 16px;
    z-index: 3;
    color: #fff;
    font-weight: 700;
    display: inline-flex;
    gap: .2rem;
    align-items: center;
}
.process-card {
    position: relative;
    overflow: hidden;
}
.process-card__number {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37,99,235,.08);
    color: #2563eb;
    font-weight: 800;
    margin-bottom: 1rem;
}
.surface-soft {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}
.info-stack {
    display: grid;
    gap: .8rem;
}
.info-chip {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    color: #334155;
    width: fit-content;
}
.contact-block--premium {
    background: linear-gradient(135deg, #0f172a 0%, #172554 55%, #1d4ed8 100%);
    box-shadow: 0 26px 70px rgba(15,23,42,.16);
}
.partner-surface {
    background: linear-gradient(180deg, #ffffff, #f9fbff);
}
.roadmap-list {
    display: grid;
    gap: .9rem;
}
.roadmap-item {
    display: grid;
    gap: .2rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    color: #e2e8f0;
}
.roadmap-item strong { color: #fff; }
.blog-card--premium {
    border: 1px solid rgba(226,232,240,.85);
    box-shadow: 0 24px 60px rgba(15,23,42,.08);
}
.blog-card--premium .blog-card__image {
    height: 240px;
}
.footer-premium--spacious {
    position: relative;
    margin-top: 2rem;
    padding-bottom: 6.5rem !important;
}
.cookie-banner__content {
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
}
.blog-hero {
    padding: 8rem 0 3rem;
    background: linear-gradient(180deg, #f8fbff, #eef3fb);
}
.blog-hero__panel {
    background: linear-gradient(135deg, #0f172a, #172554);
    color: white;
    border-radius: 32px;
    padding: 2.5rem;
    box-shadow: 0 26px 70px rgba(15,23,42,.16);
}
.blog-grid-premium {
    margin-top: -1rem;
}
.blog-post-shell {
    max-width: 920px;
    margin: 0 auto;
}
.blog-post-card--premium {
    border: 1px solid rgba(226,232,240,.9);
    box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.article-content {
    color: #334155;
    line-height: 1.95;
    font-size: 1.06rem;
}
.article-content h2,
.article-content h3,
.article-content h4 { color: #0f172a; margin-top: 1.5rem; }
@media (max-width: 1199px) {
    .hero-stage__floating-card--top { left: 12px; }
    .hero-stage__floating-card--bottom { right: 12px; }
}
@media (max-width: 991px) {
    .hero-home--premium { padding-top: 2rem; }
    .hero-stage { min-height: auto; }
    .hero-stage__image { height: 440px; }
    .hero-stage__floating-card { position: static; max-width: none; margin-top: 1rem; }
    .footer-premium--spacious { padding-bottom: 8rem !important; }
}
@media (max-width: 576px) {
    .hero-floating-badge { width: 100%; justify-content: center; }
    .hero-proof span { width: 100%; justify-content: center; }
    .hero-stage__image { height: 320px; }
    .section-panel { padding: 1.25rem; border-radius: 24px; }
    .hero-search-card--elevated { padding: 1.25rem; }
    .hero-title { font-size: 2.2rem; }
}


body.frontend-premium{padding-top:0}
.navbar-premium-pro{
    background:transparent;
    border-bottom-color:transparent;
    backdrop-filter:none;
    box-shadow:none;
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.navbar-premium-pro .nav-link{color:rgba(255,255,255,.92)}
.navbar-premium-pro .nav-link:hover{color:#fff}
.navbar-premium-pro .navbar-brand,.navbar-premium-pro .navbar-brand span{color:#fff}
.navbar-premium-pro .brand-mark{background:#fff;color:#0f172a}
.navbar-premium-pro .btn-outline-dark{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.08)}
.navbar-premium-pro .btn-outline-dark:hover{background:#fff;color:#0f172a;border-color:#fff}
.navbar-premium-pro .btn-primary{background:#2563eb;border-color:#2563eb;box-shadow:0 16px 34px rgba(37,99,235,.28)}
.hero-home--premium{
    min-height:100vh;
    padding:7rem 0 10rem;
    background:
      linear-gradient(90deg, rgba(7,16,35,.74) 0%, rgba(7,16,35,.48) 38%, rgba(7,16,35,.18) 60%, rgba(7,16,35,.32) 100%),
      linear-gradient(180deg, rgba(7,16,35,.18) 0%, rgba(7,16,35,.34) 100%),
      var(--hero-image) center center/cover no-repeat;
}
.hero-home--premium::before{
    background:linear-gradient(180deg, rgba(7,16,35,.18) 0%, rgba(7,16,35,0) 28%, rgba(7,16,35,.08) 100%);
}
.hero-overlay-wrap{padding-top:4.5rem}
.hero-affiliate-alert{max-width:760px}
.hero-grid--overlay{display:flex;align-items:flex-start;min-height:440px}
.hero-copy--overlay{max-width:760px}
.hero-title--light,.hero-subtitle--light{color:#fff}
.hero-title--light{max-width:760px;text-shadow:0 12px 40px rgba(15,23,42,.24)}
.hero-subtitle--light{max-width:640px;color:rgba(255,255,255,.86)}
.hero-proof--light span{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.hero-floating-badge{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:none}
.hero-search-float-wrap{position:relative;margin-top:-2.5rem}
.hero-search-card--floating{
    max-width:980px;
    margin:0 auto 0 0;
    padding:1.75rem;
    border-radius:30px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(255,255,255,.84);
    box-shadow:0 28px 80px rgba(15,23,42,.18);
}
.hero-search-head .eyebrow{color:#2563eb}
.search-inline-input--hero .form-control,
.hero-search-card--floating .form-select,
.hero-search-card--floating .form-control{
    min-height:58px;
    border-radius:18px;
    border:1px solid #dbe4f0;
    background:#fff;
}
.hero-search-card--floating .form-label{font-weight:600;color:#334155;margin-bottom:.45rem}
.hero-search-card--floating .btn-primary{background:#2563eb;border-color:#2563eb;box-shadow:0 18px 34px rgba(37,99,235,.2)}
.hero-mini-stats{padding-top:.5rem}
.hero-mini-stats span{color:#475569}
.hero-mini-stats strong{font-size:1.08rem}
@media (max-width: 991px){
  body.frontend-premium{padding-top:74px}
  .navbar-premium-pro{background:rgba(15,23,42,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-home--premium{min-height:auto;padding:3rem 0 5rem;background-position:center right 35%}
  .hero-overlay-wrap{padding-top:1rem}
  .hero-grid--overlay{min-height:auto}
  .hero-search-float-wrap{margin-top:1.5rem}
  .hero-search-card--floating{margin:0;padding:1.25rem}
}
@media (max-width: 576px){
  .hero-home--premium{padding:2rem 0 4rem}
  .hero-title--light{font-size:2.2rem}
  .hero-search-head{margin-bottom:1rem!important}
}


.navbar-premium-pro.is-scrolled{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 34px rgba(15,23,42,.08);
}
.navbar-premium-pro.is-scrolled .nav-link{color:#334155}
.navbar-premium-pro.is-scrolled .nav-link:hover{color:#0f172a}
.navbar-premium-pro.is-scrolled .navbar-brand,.navbar-premium-pro.is-scrolled .navbar-brand span{color:#0f172a}
.navbar-premium-pro.is-scrolled .brand-mark{background:#0f172a;color:#fff}
.navbar-premium-pro.is-scrolled .btn-outline-dark{border-color:rgba(15,23,42,.14);color:#0f172a;background:#fff}
.navbar-premium-pro.is-scrolled .btn-outline-dark:hover{background:#0f172a;color:#fff;border-color:#0f172a}
.autocomplete-shell{position:relative}
.autocomplete-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #dbe4f0;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(15,23,42,.12);
  padding:.5rem;
  z-index:20;
  max-height:280px;
  overflow:auto;
}
.autocomplete-item{
  display:flex;align-items:center;gap:.7rem;
  width:100%;padding:.85rem .95rem;border-radius:14px;border:0;background:transparent;
  text-align:left;color:#1e293b;font-weight:600;
}
.autocomplete-item small{display:block;color:#64748b;font-weight:500}
.autocomplete-item:hover,.autocomplete-item.is-active{background:#f8fafc}
.autocomplete-icon{
  width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:#eff6ff;color:#2563eb;flex:0 0 auto;
}
.hero-search-card--floating{position:relative;overflow:visible}
.hero-mini-stats strong{display:inline-block;min-width:1ch}
.metric-card strong{display:block}
.metric-card{transition:transform .25s ease, box-shadow .25s ease}
.metric-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.08)}
@media (max-width: 991px){
  .navbar-premium-pro.is-scrolled,.navbar-premium-pro{background:rgba(15,23,42,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
  .navbar-premium-pro.is-scrolled .nav-link,.navbar-premium-pro.is-scrolled .navbar-brand,.navbar-premium-pro.is-scrolled .navbar-brand span{color:#fff}
  .navbar-premium-pro.is-scrolled .brand-mark{background:#fff;color:#0f172a}
  .navbar-premium-pro.is-scrolled .btn-outline-dark{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.08)}
}