.tera-vg-wrap{}
.tera-vg-filter{ display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.tera-vg-filter-btn{ background:#f2f2f2; border:0; padding:8px 12px; border-radius:8px; cursor:pointer; }
.tera-vg-filter-btn.active{ background:var(--tera-primary); color:#fff; }
.tera-vg-grid{ display:flex; flex-wrap:wrap; gap:18px; }
.tera-vg-card{ flex:1 1 calc(25% - 18px); max-width:calc(25% - 18px); box-sizing:border-box; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(0,0,0,0.04); }
.tera-vg-card-inner{ padding:14px; display:flex; flex-direction:column; align-items:center; min-height:220px; }
.tera-vg-image img{ width:100%; height:80px; object-fit:cover; border-radius:8px; }
.tera-vg-title{ margin:10px 0 6px 0; font-size:16px; text-align:center; }
.tera-vg-title a{ color:var(--tera-primary); text-decoration:none; }
.tera-vg-btn{ display:inline-block; margin-top:8px; padding:8px 14px; background:var(--tera-primary); color:#fff; text-decoration:none; border-radius:8px; font-weight:600; }
@media(max-width:1024px){ .tera-vg-card{ flex:1 1 calc(33.333% - 18px); max-width:calc(33.333% - 18px); } }
@media(max-width:768px){ .tera-vg-card{ flex:1 1 calc(50% - 18px); max-width:calc(50% - 18px); } }
@media(max-width:480px){ .tera-vg-card{ flex:1 1 calc(100% - 18px); max-width:calc(100% - 18px); } }