/* Медиакит на странице «Реклама».
   Блок собран из штатных классов сайта (.asutp-card, .asutp-grid, .asutp-section, .asutp-btn),
   поэтому здесь только то, чего в теме нет: цена, шильдики рекламодателей, список со стрелками
   и тёмная плашка призыва. Цвета берутся из переменных темы, своей палитры не заводим. */

.asutp-kit__tag {
	font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--asutp-steel-2); font-weight: 700;
}
.asutp-kit__num { font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--asutp-ink); }

.asutp-kit__name { font-size: 17px; font-weight: 700; margin: 0; }
.asutp-kit__price {
	font-size: 24px; font-weight: 800; color: var(--asutp-steel);
	border-left: 4px solid var(--asutp-signal); padding-left: 10px; margin: 2px 0 4px;
}
.asutp-kit__note { color: var(--asutp-muted); font-size: 14px; margin-top: 14px; }
.asutp-kit__aud { color: var(--asutp-muted); margin-top: 18px; max-width: 900px; }

.asutp-kit__logos { display: flex; flex-wrap: wrap; gap: 8px; }
.asutp-kit__logos span {
	border: 1px solid var(--asutp-line); background: var(--asutp-panel);
	border-radius: var(--asutp-radius); padding: 7px 14px; font-size: 14px;
	font-weight: 600; color: var(--asutp-muted);
}

.asutp-kit__how { margin: 0; padding: 0; list-style: none; }
.asutp-kit__how li { position: relative; padding-left: 26px; margin-bottom: 10px; }
.asutp-kit__how li::before {
	content: ""; position: absolute; left: 0; top: .55em; width: 10px; height: 10px;
	background: var(--asutp-signal); clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.asutp-kit__final {
	background: var(--asutp-steel); color: #fff;
	border-radius: var(--asutp-radius); padding: 28px 26px;
}
.asutp-kit__final h2 { color: #fff; margin: 0 0 8px; font-size: 24px; font-weight: 800; }
.asutp-kit__final p { color: #cbd8e4; max-width: 660px; }
.asutp-kit__final .asutp-card__meta { color: #cbd8e4; }
.asutp-kit__final .asutp-card__meta a { color: #fff; text-decoration: underline; }
.asutp-kit__final .asutp-btn--ghost { color: #fff; border-color: rgba(255,255,255,.6); background: transparent; }
.asutp-kit__final .asutp-btn--ghost:hover { background: rgba(255,255,255,.12); color: #fff; }
.asutp-kit__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 6px; }
.asutp-kit__hint { color: var(--asutp-signal); font-weight: 700; }

@media (max-width: 600px) {
	.asutp-kit__final { padding: 22px 18px; }
}

/* 2.0.0 (21.09.2026): блоки из медиакита 16.09 — охват, цифры портала, состав пакетов, таблицы, две колонки. */
.asutp-kit__reach {
	margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--asutp-line);
	font-weight: 700; color: var(--asutp-steel); font-size: 14px;
}
.asutp-kit__what { margin: 0 0 6px; font-size: 14px; color: var(--asutp-ink); }

.asutp-kit__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 14px; }
.asutp-kit__stat {
	border: 1px solid var(--asutp-line); border-radius: var(--asutp-radius);
	background: var(--asutp-panel); padding: 12px 14px;
}
.asutp-kit__stat b { display: block; font-size: 24px; line-height: 1.1; font-weight: 800; color: var(--asutp-ink); }
.asutp-kit__stat span { display: block; margin-top: 4px; color: var(--asutp-muted); font-size: 14px; }

.asutp-kit__table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.asutp-kit__table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 560px; }
.asutp-kit__table th, .asutp-kit__table td {
	text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--asutp-line); vertical-align: top;
}
.asutp-kit__table th {
	background: var(--asutp-bg, #f3f5f7); font-size: 12px; text-transform: uppercase;
	letter-spacing: .05em; color: var(--asutp-muted); font-weight: 700;
}
.asutp-kit__td-price { font-weight: 800; color: var(--asutp-steel); white-space: nowrap; }
.asutp-kit__td-muted { color: var(--asutp-muted); }

.asutp-kit__two { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.asutp-kit__h { font-size: 20px; font-weight: 800; margin: 0 0 12px; }

@media (max-width: 900px) {
	.asutp-kit__stats { grid-template-columns: repeat(2, 1fr); }
	.asutp-kit__two { grid-template-columns: 1fr; gap: 10px; }
}