.tab {
	max-width: 660px;
	margin: 0 auto;
}

.tab ul {
	display: flex;
	flex-wrap: wrap;
	margin: 12px 0;
	gap: 12px;
}

.tab ul li {
	flex-basis: calc((100% - 48px) / 5);
	text-align: center;
	font-size: 14px;
	border: 2px solid #fafafa;
	cursor: pointer;
}

.tab ul li.active {
	border: 2px solid rgba(15, 76, 129, 1);
}

.tab ul li:last-child {
	display: flex;
}

.tab ul li:last-child img {
	margin: auto;
}

.color-container {
	display: none;
}

.color-container.show {
	display: block;
	animation: panel-show .9s ease-in-out forwards;
}

@keyframes panel-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.model-img p {
	max-width: 970px;
	margin: 0 auto;
}

.size-range {
	list-style: inside disc;
}

.ship {
	background: rgba(22, 160, 133, 1);
	color: #ffffff;
	font-size: 1.2rem;
	border-radius: 5px;
	padding: 4px 6px;
	text-align: center
}

@media screen and (min-width: 561px) {
	.color-container {
		margin: 30px 0;
	}

	.color-container.show {
		display: flex;
		flex-wrap: wrap;
	}
}