/* ============================================================
   Цены на выполнение работ
   Файл: css/prices.css  (подключается после style.css и header.css)
   Палитра сайта: тёмный #1d2126, акцент #7e332f,
   песочный #ebe6b1, зелёный #2f865c
   ============================================================ */

.prices {
	padding:80px 20px;
	background:#fff;
}
.prices-inner {
	max-width:1366px;
	margin:0 auto;
}

/* --- Заголовок блока --- */
.prices-head {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin-bottom:30px;
}
.prices-head h2 {
	color:#1d2126;
	font-size:35px;
	line-height:120%;
	max-width:820px;
}
.prices-head-text {
	flex:1 1 auto;
	max-width:820px;
}
.prices-subtitle {
	font-size:17px;
	line-height:140%;
	color:#6b6b6b;
	margin-top:12px;
}
.prices-chip {
	background:#ebe6b1;
	color:#1d2126;
	font-family: "Mulish", sans-serif; font-weight: 500;
	font-size:16px;
	padding:12px 24px;
	border-radius:30px;
	white-space:nowrap;
	margin-top:10px;
}

/* --- Таблица --- */
.prices-table-wrap {
	border:1px solid #e8e8e8;
	border-radius:10px;
	overflow:hidden;
}
.price-table {
	width:100%;
	border-collapse:collapse;
	text-align:left;
}
.price-table thead th {
	background:#1d2126;
	color:#fff;
	font-family: "Mulish", sans-serif; font-weight: 500;
	font-weight:normal;
	font-size:14px;
	letter-spacing:0.08em;
	text-transform:uppercase;
	padding:18px 24px;
}
.price-table thead th:nth-child(2) {
	text-align:center;
	width:130px;
}
.price-table thead th:last-child {
	text-align:right;
	width:220px;
}

.price-table tbody td {
	padding:18px 24px;
	border-top:1px solid #eeece4;
	vertical-align:middle;
}
.price-name {
	font-family: "Mulish", sans-serif; font-weight: 500;
	color:#1d2126;
}
.price-unit {
	text-align:center;
	color:#6b6b6b;
	white-space:nowrap;
}
.price-val {
	text-align:right;
	font-family: "Mulish", sans-serif; font-weight: 700;
	font-size:22px;
	color:#1d2126;
	white-space:nowrap;
}
.price-val .from {
	font-family: "Mulish", sans-serif; font-weight: 400;
	font-size:14px;
	color:#8a8a8a;
	margin-right:6px;
}
.price-badge {
	display:inline-block;
	vertical-align:middle;
	background:#2f865c;
	color:#fff;
	font-family: "Mulish", sans-serif; font-weight: 500;
	font-size:12px;
	line-height:1;
	letter-spacing:0.06em;
	text-transform:uppercase;
	padding:6px 12px;
	border-radius:30px;
	margin-left:10px;
}

/* Строка-разделитель группы работ */
.price-table tbody tr.price-group td {
	background:#f3f0e2;
	color:#1d2126;
	font-family: "Mulish", sans-serif; font-weight: 700;
	font-size:15px;
	letter-spacing:0.06em;
	text-transform:uppercase;
	padding:14px 24px;
}
.price-table tbody tr:not(.price-group) {
	-webkit-transition:background 240ms ease-in-out;
	transition:background 240ms ease-in-out;
}
.price-table tbody tr:not(.price-group):hover {
	background:#faf8ef;
}

/* --- Примечания --- */
.prices-foot {
	margin-top:30px;
}
.prices-notes {
	color:#6b6b6b;
	font-size:14px;
	line-height:140%;
}
.prices-notes li {
	position:relative;
	padding-left:22px;
	margin-bottom:8px;
}
.prices-notes li:before {
	content:'';
	position:absolute;
	left:0;
	top:9px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#7e332f;
}
/* --- Планшет --- */
@media screen and (max-width: 968px) {
	.prices {
		padding:80px 20px 40px;
	}
	.prices-head h2 {
		font-size:25px;
	}
	.prices-subtitle {
		font-size:15px;
	}
	.price-table thead th {
		font-size:12px;
		padding:14px 16px;
	}
	.price-table tbody td {
		padding:14px 16px;
	}
	.price-table tbody tr.price-group td {
		padding:12px 16px;
	}
	.price-val {
		font-size:20px;
	}
}

/* --- Мобильные: строки превращаются в карточки --- */
@media screen and (max-width: 680px) {
	.prices-table-wrap {
		border:0;
		border-radius:0;
		overflow:visible;
	}
	.price-table,
	.price-table tbody,
	.price-table tr,
	.price-table td {
		display:block;
		width:100%;
	}
	.price-table thead {
		display:none;
	}
	.price-table tbody tr:not(.price-group) {
		display:flex;
		flex-wrap:wrap;
		align-items:baseline;
		justify-content:flex-start;
		border:1px solid #e8e8e8;
		border-radius:10px;
		padding:14px 16px;
		margin-bottom:10px;
	}
	.price-table tbody td {
		border:0;
		padding:0;
	}
	.price-name {
		width:100%;
		margin-bottom:6px;
	}
	.price-unit {
		order:1;
		font-size:14px;
		text-align:left;
		margin-right:8px;
	}
	.price-unit:before {
		content:'цена за ';
	}
	.price-val {
		order:2;
		margin-left:0;
		font-size:20px;
		text-align:left;
	}
	.price-table tbody tr.price-group td {
		margin:20px 0 12px;
		border-radius:10px;
		padding:12px 16px;
	}
	.price-table tbody tr.price-group:first-child td {
		margin-top:0;
	}
	.price-badge {
		display:block;
		width:max-content;
		margin:8px 0 0;
	}
}