.vcFilterBar{
  margin-top: 12px;
  border: 1px solid rgba(233,238,252,.08);
  background: rgba(255,255,255,0.02);
  border-radius: 16px;
  padding: 12px;
}
.vcFilterForm{ display:flex; gap:10px; flex-wrap:wrap; align-items:end; }
.vcField{ display:flex; flex-direction:column; gap:6px; min-width:170px; }
.vcFieldLabel{ font-size:12px; color: var(--muted); }
.vcSelectWithFlag{ display:flex; align-items:center; gap:10px; }
.vcFlagGhost{ width:18px; height:14px; border-radius:4px; border:1px solid rgba(233,238,252,.10); opacity:.35; }

.vcFeatured{
  margin-top: 14px;
  border: 1px solid rgba(120,255,0,.18);
  background: radial-gradient(1200px 500px at 30% 0%, rgba(120,255,0,.06), transparent 60%),
              rgba(255,255,255,0.02);
  border-radius: 18px;
  padding: 14px;
}
.vcFeaturedHead{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.vcFeaturedTitle{ font-weight:950; letter-spacing:.12em; text-transform:uppercase; font-size:14px; }
.vcFeaturedRow{ margin-top:12px; display:flex; gap:16px; overflow:auto; padding-bottom:6px; }
.vcFeaturedItem{ flex:0 0 auto; width: 120px; }
.vcFeaturedAvatar{ width: 94px; height:94px; border-radius:999px; overflow:hidden; margin:0 auto;
  border: 3px solid rgba(120,255,0,.85); background: rgba(255,255,255,0.03); }
.vcFeaturedName{ margin-top:10px; text-align:center; font-weight:900; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vcFeaturedMeta{ margin-top:6px; display:flex; gap:8px; justify-content:center; align-items:center; color: var(--muted); font-size:12px; }

.vcGridModels{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width:1100px){ .vcGridModels{ grid-template-columns: repeat(3,1fr);} }
@media (max-width:800px){ .vcGridModels{ grid-template-columns: repeat(2,1fr);} }
@media (max-width:520px){ .vcGridModels{ grid-template-columns: 1fr; } }

.vcCard{
  border: 1px solid rgba(233,238,252,.10);
  border-radius: 18px;
  overflow:hidden;
  background: rgba(255,255,255,0.02);
}
.vcCard:hover{ border-color: rgba(233,238,252,.20); transform: translateY(-1px); transition: .12s ease; }
.vcCardMedia{ height: 170px; background: rgba(255,255,255,0.03); border-bottom: 1px solid rgba(233,238,252,.08); }
.vcCardMediaGhost{ height:100%; }
.vcCardMedia img{ width:100%; height:100%; object-fit:cover; }
.vcCardBody{ padding: 12px; }
.vcCardTop{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.vcCardTitle{ font-weight:950; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vcCardMeta{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; color: var(--muted); font-size:13px; }
.vcMetaItem{ display:inline-flex; align-items:center; gap:6px; }

.vcCardDesc{ margin-top:10px; color: var(--muted2); font-size:13px; }

.vcPager{ margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.vcPagerNums{ display:flex; gap:8px; flex-wrap:wrap; }
.vcPagerNum{
  padding:8px 10px; border-radius:12px; border:1px solid rgba(233,238,252,.10);
  color: var(--muted); font-weight:900; font-size:13px;
}
.vcPagerNum.is-active{ color: var(--text); background: rgba(255,255,255,0.05); border-color: rgba(233,238,252,.16); }

.vcCountries{ margin-top: 18px; }
.vcCountryGrid{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media (max-width:1200px){ .vcCountryGrid{ grid-template-columns: repeat(4,1fr);} }
@media (max-width:900px){ .vcCountryGrid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width:520px){ .vcCountryGrid{ grid-template-columns: 1fr; } }

.vcCountryPill{
  border:1px solid rgba(233,238,252,.10);
  background: rgba(255,255,255,0.02);
  border-radius: 999px;
  padding: 10px 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 10px;
}
.vcCountryLeft{ display:flex; align-items:center; gap: 10px; min-width:0; }
.vcCountryName{ font-weight:900; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vcCountryCount{ color: var(--muted); font-variant-numeric: tabular-nums; }