.bnb-gallery {
	width: 100%;
}

.bnb-gallery-main {
	width: 100%;
	overflow: hidden;
}

.bnb-gallery-main img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: opacity 0.15s ease-in-out;
}

.bnb-gallery-thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.bnb-gallery-thumb {
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 4px;
	overflow: hidden;
	transition: border-color 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.bnb-gallery-thumb:hover {
	border-color: #3b82f6;
	transform: translateY(-2px);
}

.bnb-gallery-thumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.bnb-gallery-main.bnb-fading img {
	opacity: 0;
}