/* CSS Document */

.btn.pack.current,
.bg-pack {
	border-color: #FF3C3C;
	background-color: #FF3C3C;
}
.btn.deck.current,
.bg-deck {
	border-color: #F0D90E;
	background-color: #F0D90E;
}
.btn.peripheral.current,
.bg-peripheral {
	border-color: #499BFF;
	background-color: #499BFF;
}

.product_grid {
	display: flex;
	gap: 15px;	
}
.product_grid .product_image {
	width: 500px;
	display: flex;
	flex-direction: column;
	gap:10px;
}
@media screen and (max-width: 767px) {
.product_grid {
	display: block;
}
.product_grid .product_image {
	width: 100%;
}
}


.product_grid .mainImage {
	padding: 5px;
	background-color: #fff;
}
.product_grid .product_image .thumbs {
	display: flex;
	gap:10px;
	justify-content: center;
}
.product_grid .product_image .thumbs img {
	padding: 5px;
	width: 25%;
	background-color: #fff;
}
.product_grid .product_image .thumbs .current {
	border: 3px solid var(--color-sub);
}
.product_grid .product_text {
	flex: 1;
}