.sme-rcc .panels {
	margin-top: 30px;
}

.sme-rcc .panels .panel {
	display: none;
}

.sme-rcc .panels .panel.active {
	display: block;
}

.sme-rcc .steps {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	background-color: #FFFFFF;
	border-radius: 10px;
}

.sme-rcc .steps .step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 10px;
	font-size: 13px;
	font-weight: 700;
	color: #3D4557;
	cursor: pointer;
	transition: all 0.15s;
	border-right: solid 1px #E9E7DB;
}

.sme-rcc .step.active .step-num {
	background-color: #9D002B !important;
	color: #FFFFFF !important;
}

.sme-rcc .step.active {
	background-color: #3D4557 !important;
	color: #FFFFFF !important;
}

.sme-rcc .steps .step:first-child {
	border-radius: 10px 0 0 10px;
}

.sme-rcc .steps .step:last-child {
	border-right: none !important;
	border-radius: 0 10px 10px 0;
}

.sme-rcc .step.done {
	background-color: rgb(106, 153, 78, 0.8);
}

.sme-rcc .step.done span {
	color: #E9E7DB !important;
}

.sme-rcc .step-num {
	background-color: #E9E7DB;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
}

.sme-rcc .panel .card {
	background: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	border: solid 1px #D9D9D9;
}

.sme-rcc .panel .card-head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 22px;
	border-bottom: 1px solid #D9D9D9;
	background-color: rgba(233, 231, 219, 0.5);
}

.sme-rcc .panel .card-head-icon {
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background-color: #9D002B;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

.sme-rcc .panel .card h2 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 8px 0 !important;
}

.sme-rcc .panel .card p {
	font-size: 15px;
	line-height: 1.1em;
}

.sme-rcc .panel .card-body {
	padding: 24px 22px;
}

.sme-rcc .panel .card-head-icon::before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sme-rcc .panel#panel-1 .card-head-icon::before {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM304 416L336 416C353.7 416 368 430.3 368 448L368 528L272 528L272 448C272 430.3 286.3 416 304 416zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E");
}

.sme-rcc .panel#panel-2 .card-head-icon::before {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z'/%3E%3C/svg%3E");
}

.sme-rcc .field-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.sme-rcc .card-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.sme-rcc .field-group label {
	font-size: 16px;
	font-weight: 600;
}

.sme-rcc .field-group .hint {
	font-size: 14px;
	font-weight: 400;
}

.sme-rcc .field-group select,
.sme-rcc .field-group input[type="number"] {
	height: 52px;
	border: 1.5px solid #D9D9D9;
	border-radius: 6px;
	padding: 0 13px;
	font-size: 16px;
	color: #25272C;
	background: #FFFFFF;
	transition: border-color 0.15s;
	width: 100%;
	-webkit-appearance: none;
}

.sme-rcc .field-group select:focus,
.sme-rcc .field-group input[type="number"]:focus {
	outline: none;
	border-color: #9D002B;
}

.sme-rcc .field-group select {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%233d4557' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 13px center;
	background-size: 15px;
}

.sme-rcc .field-group .prefix-field {
	position: relative;
}

.sme-rcc .field-group .prefix-field input {
	padding-left: 30px;
}

.sme-rcc .field-group .prefix-field .prefix {
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	font-weight: 500;
	color: rgba(61, 69, 87, 0.5);
	pointer-events: none;
}

.sme-rcc .btn-row {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 24px;
}

.sme-rcc .btn-primary {
	background-color: #9D002B;
	color: #FFFFFF;
	border: none !important;
	opacity: 1;
	transition: all 0.3s ease;
}

.sme-rcc .btn-secondary {
	background-color: #FFFFFF;
	border: solid 1px #25272C;
	color: #25272C;
}

.sme-rcc .btn-calc {
	background-color: #3D4557;
	border: none;
	color: #FFFFFF;
	width: 100%;
	margin-top: 30px;
}

.sme-rcc button:hover {
	opacity: 0.8;
}

.sme-rcc button {
	padding: 16px 24px;
}

.sme-rcc .slider-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.slider-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sme-rcc .field-group input[type="range"] {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background: #E9E7DB;
	outline: none;
	border: none;
}

.sme-rcc .field-group input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #3D4557;
	cursor: pointer;
	border: none;
}

.sme-rcc .field-group input[type="range"]::-moz-range-thumb {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #3D4557;
	cursor: pointer;
	border: none;
}

.sme-rcc .slider-val {
	font-size: 14px;
	font-weight: 700;
	color: #3D4557;
	background: #E9E7DB;
	padding: 2px 10px;
	border-radius: 6px;
}

.sme-rcc .check-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.sme-rcc .check-grid .check-item {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1.5px solid #D9D9D9;
	border-radius: 6px;
	padding: 10px 13px;
	cursor: pointer;
	transition: all 0.13s;
	user-select: none;
}

.sme-rcc .check-item input[type="checkbox"] {
	width: 15px;
	height: 15px;
	accent-color: #9D002B;
	flex-shrink: 0;
	cursor: pointer;
	border: none;
}

.sme-rcc .check-item span {
	font-weight: 600;
	font-size: 14px;
}

.sme-rcc .span-2 {
	grid-column: span 2;
}

/* .sme-rcc #tab-3:not(.active):not(.done) {
cursor: not-allowed;
pointer-events: none;
opacity: 0.6;
} */

.sme-rcc #panel-3 #results {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sme-rcc .result-hero {
	background: #9D002B;
	border-radius: 6px;
	padding: 36px 32px;
	position: relative;
	overflow: hidden;
}

.sme-rcc .rh-eyebrow {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.70);
}

.sme-rcc .rh-range {
	display: flex;
	align-items: baseline;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}

.sme-rcc .rh-num {
	font-size: 48px;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: -0.02em;
	line-height: 1em;
}

.sme-rcc .rh-dash {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.3);
	font-weight: 300;
}

@media (max-width: 767px) {
	.sme-rcc .steps {
		display: none;
	}

	.sme-rcc .panels {
		margin-top: 0px;
	}

	.sme-rcc .card-content,
	.sme-rcc .check-grid {
		grid-template-columns: 1fr;
	}

	.sme-rcc .span-2 {
		grid-column: span 1;
	}
}