.vovi-wall{
  --vovi-gap:18px;
  --vovi-cols:4;
  width:min(1540px,calc(100% - 32px));
  margin:0 auto;
  padding:20px 0 60px;
}
.vovi-wall-toolbar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin:0 0 18px;padding:12px 4px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
}
.vovi-wall-title{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#161616}
.vovi-wall-view-toggle{display:flex;gap:6px}
.vovi-view-btn{
  width:38px;height:34px;border:1px solid #d9d9d9;background:#fff;color:#555;
  border-radius:6px;cursor:pointer;font-size:18px;line-height:1
}
.vovi-view-btn.is-active{background:#111;border-color:#111;color:#fff}
.vovi-wall-grid{columns:var(--vovi-cols);column-gap:var(--vovi-gap)}
.vovi-card{
  display:inline-block;width:100%;margin:0 0 var(--vovi-gap);
  break-inside:avoid;background:#fff;overflow:hidden;border-radius:4px;
}
.vovi-card-link{display:block;color:inherit;text-decoration:none}
.vovi-card-image-wrap{position:relative;width:100%;background:#f2f2f2;overflow:hidden}
.vovi-card img{display:block;width:100%;height:auto;transition:transform .35s ease}
.vovi-card:hover img{transform:scale(1.012)}
.vovi-card-info{padding:11px 4px 3px}
.vovi-card-title{margin:0;color:#151515;font-size:15px;line-height:1.3;font-weight:500}
.vovi-card-meta{margin:5px 0 0;color:#777;font-size:12px;line-height:1.45}
.vovi-wall-status{
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:70px;
  color:#777;font-size:13px
}
.vovi-wall-spinner{
  width:18px;height:18px;border:2px solid #ddd;border-top-color:#333;border-radius:50%;
  animation:vovi-spin .8s linear infinite
}
.vovi-wall-status.is-done .vovi-wall-spinner{display:none}
.vovi-wall-status.is-error{color:#9b2d2d}
.vovi-wall-status.is-error .vovi-wall-spinner{display:none}
.vovi-wall-sentinel{height:2px}
@keyframes vovi-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){
  .vovi-wall{--vovi-cols:3!important}
  .vovi-wall-view-toggle{display:none}
}
@media(max-width:760px){
  .vovi-wall{
    width:min(100%,calc(100% - 18px));
    --vovi-cols:1!important;
    --vovi-gap:22px;
    padding-top:8px
  }
  .vovi-wall-toolbar{margin-bottom:12px;padding:9px 2px}
  .vovi-card-info{padding:10px 2px 4px}
  .vovi-card-title{font-size:16px}
  .vovi-card-meta{font-size:12px}
}