/**
 * css/land-calc.css — оформление формы калькулятора смесей.
 *
 * Правила перенесены со старого сайта (inline-блок <style> на /calculator).
 * Отличие одно: каждый селектор ограничен контейнером .form-result-wrapper.
 * На старом сайте эти правила были глобальными и переопределяли Bootstrap
 * на всей странице — в новой теме это сломало бы кнопки шапки и подвала.
 *
 * Подключается только на странице калькулятора, см. inc/land.php.
 */

.form-result-wrapper {
	position: relative;
}

.form-result-wrapper .input-group {
	margin-bottom: 20px;
}

.form-result-wrapper .btn-group label {
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	background: #f8f9fa;
	color: black;
}

.form-result-wrapper .btn-group input[type="radio"] {
	display: none;
}

.form-result-wrapper .btn-group input[type="radio"]:checked + label {
	background-color: #007bff;
	color: white;
	border-color: #007bff;
}

.form-result-wrapper .form-select {
	width: 100%;
	padding: 10px 15px;
}

.form-result-wrapper .btn {
	padding: 10px 20px;
	background: #007bff;
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

.form-result-wrapper .result {
	display: none;
	margin-top: 30px;
	background: #f1f1f1;
	padding: 20px;
	border: 1px solid #ccc;
	color: #000;
	max-width: 600px;
	font-size: 18px;
}

@media (max-width: 576px) {

	.form-result-wrapper .input-group,
	.form-result-wrapper .input-group select {
		font-size: 1.2rem;
		font-weight: 500;
	}

	.form-result-wrapper .result {
		font-size: 15px;
	}
}

@media (min-width: 992px) {

	.form-result-wrapper .result {
		position: absolute;
		left: 110%;
		width: 340px;
	}
}

/* -------------------------------------------------------------------------
 * Текстовые блоки под калькулятором (второй inline-блок старого сайта).
 * Селекторы ограничены секциями .comparison, чтобы правила не задевали
 * шапку и подвал темы.
 * ---------------------------------------------------------------------- */

.comparison .section-title {
	margin-bottom: 20px;
}

.comparison-no_first {
	margin-top: 40px;
}

.comparison .comparison_box {
	margin-bottom: 20px;
}

.comparison .comparison__card {
	height: 100%;
}

.comparison .important-box {
	margin-top: 20px;
}

.comparison .important-box h5 {
	color: var(--accent-color);
	text-transform: uppercase;
}

.comparison .important-box ul {
	list-style: disc;
	margin-left: 15px;
	margin-top: 15px;
}

.comparison .comparison__card_bg {
	background: url(../img/land/landing/meshok2026.jpg) no-repeat center center;
	background-size: cover;
}

.comparison .comparison__card_bg1 {
	background: url(../img/land/landing/meshok1-2026.jpg) no-repeat center center;
	background-size: cover;
}

@media (max-width: 768px) {

	.comparison .comparison__card_bg,
	.comparison .comparison__card_bg1 {
		height: 350px;
	}
}

.comparison .comparison_box__yellow,
.comparison .comparison_box__yellow .comparison__card {
	background: var(--accent-color);
	color: #fff;
}

.comparison .comparison_box__yellow h3 {
	color: #fff !important;
}

.comparison h3.section-title {
	font-size: 21px;
}

@media (max-width: 575.98px) {

	.comparison .name {
		font-size: 1.75rem !important;
		line-height: 1.2 !important;
	}

	.comparison .comparison__card,
	.comparison,
	.comparison .pozzolana__text {
		font-size: 1.2rem;
	}

	.form-result-wrapper .icon-item,
	.result .icon-item {
		margin: 10px 5px !important;
	}
}