/* Product-page personalization panel. Everything is scoped to .ccp-panel. */
.ccp-panel {
	background-color: #E8E8E8;
	padding: 10px 12px;
	border-radius: 15px;
	margin: 0 0 1em;
}
.ccp-panel .ccp-field + .ccp-field {
	margin-top: .75em;
}
.ccp-panel .ccp-check {
	display: flex;
	align-items: flex-start;
	gap: .5em;
	margin: 0;
	cursor: pointer;
	font-weight: 600;
	line-height: 1.4;
}
.ccp-panel .ccp-check input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	margin: .15em 0 0;
}
.ccp-panel .ccp-label {
	display: block;
	font-weight: 600;
	margin-bottom: .25em;
}
.ccp-panel select,
.ccp-panel input[type="text"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 16px; /* iOS zooms on focus below 16px. */
}
.ccp-panel .ccp-help {
	margin: .3em 0 0;
	font-size: .85em;
	color: #6d6d6d;
	line-height: 1.4;
}
.ccp-panel .ccp-check + .ccp-help {
	margin-left: 1.65em;
}
.ccp-panel .ccp-surcharge {
	font-weight: 400;
	color: #6d6d6d;
}