/* ═══ плитка «Убрать ИИ из текста» в сетке услуг на главной (2026-09-23) ═══
   Соседние плитки это SVG 106.1×65.5 с запечённой подписью. Чтобы наша не выбивалась,
   повторяем их геометрию в долях ширины карточки:
   пропорции 163:101, круг 28.6/106.1 = 27% ширины, кегль подписи ≈ 7.3% ширины.
   Отсюда единицы cqw: размеры считаются от ширины самой плитки, как в их картинке. */

.uslugi-item--ai a { text-decoration: none; container-type: inline-size; }

.ai-tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	aspect-ratio: 163 / 101; padding: 4% 6%;
	background: #f7f7fc; border-radius: 7px; box-sizing: border-box;
}
.ai-tile__ico {
	display: flex; align-items: center; justify-content: center;
	width: 30cqw; height: 30cqw; min-width: 48px; min-height: 48px;
	border-radius: 50%; background: #7986cb; flex: 0 0 auto;
}
.ai-tile__ico svg {
	width: 56%; height: 56%;
	fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
.ai-tile__t {
	display: block; margin-top: 5%; text-align: center;
	font-size: 7.6cqw; line-height: 1.24; color: #7a7a7a;
}
.uslugi-item--ai a:hover .ai-tile__t { color: #5c6bc0; }

/* старые браузеры без контейнерных единиц: фиксированные размеры, близкие к соседям */
@supports not (width: 1cqw) {
	.ai-tile { aspect-ratio: auto; min-height: 143px; }
	.ai-tile__ico { width: 70px; height: 70px; }
	.ai-tile__t { font-size: 18px; margin-top: 8px; }
}

@media (max-width: 400px) {
	.ai-tile { padding: 4%; }
}