.aden-cost-calculator {
	--aden-cost-calculator-red: #f3162d;
	--aden-cost-calculator-red-dark: #d90d21;
	--aden-cost-calculator-ink: #101115;
	--aden-cost-calculator-muted: #777d8b;
	--aden-cost-calculator-line: #ebeef3;
	--aden-cost-calculator-track: #e4e7ec;
	--aden-cost-calculator-surface: #ffffff;
	--aden-cost-calculator-icon-bg: #fff0f1;
	--aden-cost-calculator-range-fill: 0%;
	color: var(--aden-cost-calculator-ink);
	font-family: inherit;
	font-size: 16px;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.aden-cost-calculator *,
.aden-cost-calculator *::before,
.aden-cost-calculator *::after {
	box-sizing: border-box;
}

.aden-cost-calculator__inputs {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aden-cost-calculator__control,
.aden-cost-calculator__result {
	background:
		radial-gradient(circle at 50% -18%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 34%),
		var(--aden-cost-calculator-surface);
	border: 1px solid var(--aden-cost-calculator-line);
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(16, 17, 21, 0.07);
	min-width: 0;
}

.aden-cost-calculator__control {
	min-height: 168px;
	padding: 24px;
}

.aden-cost-calculator__control-header {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
	margin-bottom: 22px;
}

.aden-cost-calculator__label {
	align-items: center;
	display: flex;
	gap: 16px;
	min-width: 0;
}

.aden-cost-calculator__icon,
.aden-cost-calculator__result-icon {
	align-items: center;
	background: var(--aden-cost-calculator-icon-bg);
	border-radius: 14px;
	color: var(--aden-cost-calculator-red);
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
}

.aden-cost-calculator__icon {
	height: 48px;
	width: 48px;
}

.aden-cost-calculator__icon svg,
.aden-cost-calculator__result-icon svg {
	fill: none;
	height: 26px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 26px;
}

.aden-cost-calculator__label-text {
	color: var(--aden-cost-calculator-ink);
	display: block;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.aden-cost-calculator__number {
	appearance: textfield;
	background: #ffffff;
	border: 1px solid #e3e7ee;
	border-radius: 8px;
	box-shadow: inset 0 1px 3px rgba(16, 17, 21, 0.03);
	color: var(--aden-cost-calculator-ink);
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	min-height: 48px;
	padding: 10px 16px;
	text-align: right;
	width: 100%;
}

.aden-cost-calculator__number::-webkit-outer-spin-button,
.aden-cost-calculator__number::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

.aden-cost-calculator__number:focus,
.aden-cost-calculator__range:focus-visible {
	border-color: var(--aden-cost-calculator-red);
	box-shadow: 0 0 0 4px rgba(243, 22, 45, 0.14);
	outline: none;
}

.aden-cost-calculator__range {
	appearance: none;
	background: transparent;
	cursor: pointer;
	display: block;
	height: 28px;
	margin: 0;
	width: 100%;
}

.aden-cost-calculator__range::-webkit-slider-runnable-track {
	background: linear-gradient(
		90deg,
		var(--aden-cost-calculator-red) 0%,
		var(--aden-cost-calculator-red) var(--aden-cost-calculator-range-fill),
		var(--aden-cost-calculator-track) var(--aden-cost-calculator-range-fill),
		var(--aden-cost-calculator-track) 100%
	);
	border-radius: 999px;
	box-shadow: inset 0 1px 3px rgba(16, 17, 21, 0.05);
	height: 8px;
}

.aden-cost-calculator__range::-moz-range-track {
	background: var(--aden-cost-calculator-track);
	border-radius: 999px;
	box-shadow: inset 0 1px 3px rgba(16, 17, 21, 0.05);
	height: 8px;
}

.aden-cost-calculator__range::-moz-range-progress {
	background: var(--aden-cost-calculator-red);
	border-radius: 999px;
	height: 8px;
}

.aden-cost-calculator__range::-webkit-slider-thumb {
	appearance: none;
	background: #ffffff;
	border: 5px solid var(--aden-cost-calculator-red);
	border-radius: 50%;
	box-shadow: 0 5px 14px rgba(243, 22, 45, 0.24);
	height: 28px;
	margin-top: -10px;
	width: 28px;
}

.aden-cost-calculator__range::-moz-range-thumb {
	background: #ffffff;
	border: 5px solid var(--aden-cost-calculator-red);
	border-radius: 50%;
	box-shadow: 0 5px 14px rgba(243, 22, 45, 0.24);
	height: 18px;
	width: 18px;
}

.aden-cost-calculator__scale {
	color: var(--aden-cost-calculator-muted);
	display: flex;
	font-size: 16px;
	font-weight: 500;
	justify-content: space-between;
	line-height: 1.3;
	margin-top: 12px;
}

.aden-cost-calculator__results {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 22px;
}

.aden-cost-calculator__result {
	min-height: 158px;
	padding: 22px;
}

.aden-cost-calculator__result-icon {
	border-radius: 50%;
	height: 52px;
	margin-bottom: 16px;
	width: 52px;
}

.aden-cost-calculator__result-icon svg {
	height: 24px;
	width: 24px;
}

.aden-cost-calculator__result-label {
	color: var(--aden-cost-calculator-ink);
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 10px;
	overflow-wrap: anywhere;
}

.aden-cost-calculator__result-value {
	color: var(--aden-cost-calculator-ink);
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.aden-cost-calculator__result--primary {
	background: linear-gradient(145deg, #ff162f 0%, var(--aden-cost-calculator-red-dark) 100%);
	border-color: transparent;
	box-shadow: 0 18px 42px rgba(243, 22, 45, 0.22);
}

.aden-cost-calculator__result--primary .aden-cost-calculator__result-icon {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.aden-cost-calculator__result--primary .aden-cost-calculator__result-label,
.aden-cost-calculator__result--primary .aden-cost-calculator__result-value {
	color: #ffffff;
}

@media (max-width: 1180px) {
	.aden-cost-calculator__control-header {
		grid-template-columns: 1fr;
	}

	.aden-cost-calculator__number {
		max-width: none;
	}

	.aden-cost-calculator__results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aden-cost-calculator__result--primary {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.aden-cost-calculator__inputs,
	.aden-cost-calculator__results {
		grid-template-columns: 1fr;
	}

	.aden-cost-calculator__inputs {
		gap: 18px;
	}

	.aden-cost-calculator__control {
		min-height: 0;
		padding: 20px;
	}

	.aden-cost-calculator__control-header {
		gap: 14px;
		margin-bottom: 18px;
	}

	.aden-cost-calculator__label {
		gap: 16px;
	}

	.aden-cost-calculator__icon {
		border-radius: 12px;
		height: 44px;
		width: 44px;
	}

	.aden-cost-calculator__icon svg {
		height: 24px;
		width: 24px;
	}

	.aden-cost-calculator__number {
		min-height: 46px;
		padding: 10px 16px;
		text-align: left;
	}

	.aden-cost-calculator__label-text {
		font-size: 16px;
	}

	.aden-cost-calculator__scale {
		font-size: 16px;
	}

	.aden-cost-calculator__result-label {
		font-size: 16px;
	}

	.aden-cost-calculator__result-value {
		font-size: 16px;
	}

	.aden-cost-calculator__result {
		align-items: center;
		display: grid;
		gap: 8px 14px;
		grid-template-columns: 48px minmax(0, 1fr) auto;
		min-height: 0;
		padding: 16px;
	}

	.aden-cost-calculator__result-icon {
		grid-row: 1 / span 2;
		height: 48px;
		margin-bottom: 0;
		width: 48px;
	}

	.aden-cost-calculator__result-icon svg {
		height: 22px;
		width: 22px;
	}

	.aden-cost-calculator__result-label {
		margin-bottom: 0;
	}

	.aden-cost-calculator__result-value {
		grid-column: 2 / 4;
	}
}

@media (max-width: 460px) {
	.aden-cost-calculator__result {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.aden-cost-calculator__result-value {
		grid-column: 2;
	}
}