.vongrid-filters{
	display:flex;
	gap:20px;
	justify-content:center;
	list-style:none;
}

.vongrid-filters li{
	padding:8px 16px;
	background:#eee;
	cursor:pointer;
	border-radius:6px;
}

.vongrid-filters li.active{
	background:#6c5ce7;
	color:#fff;
}

#vongrid-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:25px;
}

/* Card container */
.vongrid-item {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
}

/* Overlay */
.vongrid-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .3s ease;
}

/* Title */
.vongrid-overlay h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	padding: 12px 20px;
	background: #0b5cff;
	border-radius: 6px;
	text-transform: uppercase;
}

/* Show on hover (desktop) */
.vongrid-item:hover .vongrid-overlay {
	opacity: 1;
}

/* 📱 Mobile: always visible */
@media (max-width: 768px) {
	.vongrid-overlay {
		opacity: 1;
	}
}

.vongrid-item img {
	transition: transform .4s ease;
}

.vongrid-item:hover img {
	transform: scale(1.05);
}


#vongrid-grid{
	transition: transform .25s ease, opacity .25s ease;
    padding:30px
}

#vongrid-grid.vg-animating{
	transform:scale(.97);
	opacity:.6;
}

.vongrid-item{
	transition: opacity .25s ease, transform .25s ease;
}

.vg-hide{
	opacity:0;
	transform:scale(.9);
}

.vg-show{
	opacity:1;
	transform:scale(1);
}