/* listing/css/vitrin.css */
:root{
  --lb-border: rgba(0,0,0,.06);
  --lb-muted: rgba(33,37,41,.65);
  --lb-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.lb-muted{ color: var(--lb-muted); }
.lb-soft-border{ border:1px solid var(--lb-border) !important; }
.lb-shadow-soft{ box-shadow: var(--lb-shadow); }

/* HERO */
.lb-vtr-hero{
  background:
    radial-gradient(1200px 500px at 15% 10%, rgba(13,110,253,.22), transparent 55%),
    radial-gradient(900px 450px at 85% 25%, rgba(255,193,7,.18), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,1));
  border: 1px solid var(--lb-border);
}

/* soft badge */
.lb-badge-soft{
  background: rgba(13,110,253,.08);
  border:1px solid rgba(13,110,253,.18);
  color:#0d6efd;
}

/* KPI */
.lb-kpi{
  border:1px dashed rgba(0,0,0,.18);
  background: rgba(255,255,255,.60);
}

/* Chip buttons */
.lb-chip{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  transition: .12s ease;
}
.lb-chip:hover{
  border-color: rgba(13,110,253,.25);
}
.lb-chip.is-active{
  border-color: rgba(13,110,253,.55);
  box-shadow:0 0 0 .2rem rgba(13,110,253,.12);
}

/* Sticky filter column */
.lb-sticky{ position: sticky; top: 84px; }

/* View modes */
.lb-view.lb-grid .lb-item{ display:block; }

.lb-view.lb-list .lb-item{ display:block; }
.lb-view.lb-list .lb-item > .lb-card-wrap{
  display:flex;
  gap:14px;
  align-items:stretch;
}
.lb-view.lb-list .lb-thumb{
  width:220px;
  min-width:220px;
  max-width:220px;
}
.lb-view.lb-list .lb-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:14px;
}

/* Responsive: list mode on small screens should remain grid-like */
@media (max-width: 767.98px){
  .lb-sticky{ position: static; top:auto; }
}