.dj-prices {
	.price-search {
		display: flex;
		align-items: stretch;
	}

	.transmission {
		margin-top: 1rem;
		margin-bottom: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;

		label {
			display: inline-flex;
			align-items: center;

			input {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				padding: 0;
				width: 1.3rem;
				height: 1.3rem;
				display: inline-block;
				vertical-align: middle;
				background-origin: border-box;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				flex-shrink: 0;
				background-color: #fff;
				border: 1px solid #dcdcdc;
				border-radius: 100%;
				margin-right: 0.4rem;
			}
			input:checked {
				border-color: transparent;
				background-color: #d21123;
				background-size: 100% 100%;
				background-position: 50%;
				background-repeat: no-repeat;
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
			}
		}
	}

	.prices-header {
		padding: 1rem;
		color: #fff;
		background: #d21123;
		margin-top: 1rem;
	}

	.prices-header.intensive {
		background: #000;
	}

	.prices-header.standard {
		background: #64748b;
	}

	.prices-header.extra {
		background: #7f1d1d;
	}

	.price-list {
		.price {
			padding: 1rem;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			gap: 1rem;
			background: #fff;
			box-shadow: 0 1px 2px rgba(68,64,60,.14);
			border: 1px solid #dcdcdc;
			font-size: 1.2rem;

			.left {
				flex: 1 1 0%;

				.name {
					font-weight: bold;
				}
				.description {
					color: #6b7280;
					margin-top: .4rem;
					font-size: 1.1rem;
				}
			}
			.price-was {
				font-size: 1.1rem;
				color: #6b7280;
				position: relative;
				text-decoration-line: none;
			}
			.price-was::after {
				display: block;
				content: " ";
				height: 2px;
				background: #d21123;
				width: 100%;
				position: absolute;
				transform: rotate(-10deg) translateY(-50%);
				top: 50%;
				left: 0;
			}
			.price-now {
				font-weight: bold;
			}
			.add-to-basket {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				color: #fff;
				font-weight: 700;
				background: #333;
				transition: all .2s ease-in-out;
				font-size: 1.1rem;
				border-radius: .4rem;
				padding: .5rem 1rem;
				cursor: pointer;
			}
			.add-to-basket:hover {
				background: #4d4d4d;
			}
		}
	}

	.error-message {
		background: #f52320;
		color: white;
		padding: 1rem;
	}
}

.dj-section {
	background: #fff;
	box-shadow: rgba(0,0,0,0.24) 0 0 3px;
	margin-bottom: 2rem;

	.header {
		padding: 12px;
		font-size: 1.5em;
		font-weight: 700;
		background: #e30c13;
		color: #fff;
	}

	.bold {
		font-weight: bold;
	}
	.padding {
		padding: 12px;
	}

	.row {
		display: flex;
		justify-content: space-between;

		div {
			padding: 12px;
		}
		div:last-child {
			text-align: right;
			font-weight: bold;
		}
	}

	.button {
		display: block;
		font-size: 1.1em !important;
		padding: 12px 15px !important;
		color: #fff !important;
		background: #e30c13;
		font-family: 'Work Sans',sans-serif;
		font-weight: 700;
		cursor: pointer;
		text-align: center;
	}
}

.dj-basket {
	table {
		width: 100%;

		th, td {
			text-align: left;
			padding: 12px;
			font-size: 1em;
		}
	}

	.basket-summary-container {
		display: flex;
		justify-content: end;
	}
	.basket-summary {
		width: 50%;
	}
}