.df-calc--ceramic .df-calc__split {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.df-calc--ceramic .df-calc__photo {
	flex: 1 1 58%;
	justify-content: flex-end;
}

.df-calc--ceramic .df-calc__photo img {
	width: min(720px, 100%);
}

.df-calc--ceramic .df-calc__side {
	flex: 0 0 440px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	width: 440px;
	max-width: 100%;
}

.df-calc--ceramic .df-calc__select,
.df-calc--ceramic .df-calc__select-head,
.df-calc--ceramic .df-calc__btn {
	width: 100%;
	max-width: 100%;
}

.df-calc--ceramic .df-calc__prices {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 4px;
}

.df-calc--ceramic .df-calc__prices[hidden] {
	display: none;
}

.df-calc--ceramic .df-calc__choice {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 15px;
	line-height: 1.35;
	cursor: pointer;
}

.df-calc--ceramic .df-calc__choice input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.df-calc--ceramic .df-calc__box {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	background: #fff;
	border-radius: 0;
}

.df-calc--ceramic .df-calc__choice input:checked + .df-calc__box {
	background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}

.df-calc--ceramic .df-calc__btn[hidden] {
	display: none;
}

.df-calc--ceramic .df-calc__btn {
	min-width: 0;
	width: 100%;
	margin-top: 12px;
}

@media (max-width: 900px) {
	.df-calc--ceramic .df-calc__split {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.df-calc--ceramic .df-calc__photo {
		justify-content: center;
	}

	.df-calc--ceramic .df-calc__side {
		width: 100%;
		max-width: 440px;
		flex-basis: auto;
		margin: 0 auto;
	}
}