/* Группы-фильтры и поиск в каталоге анализов на хабе (service/landing.twig). */

.acf { margin: 0 0 26px; font-family: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.acf__search { position: relative; max-width: 520px; margin: 0 0 14px; }
.acf__search input { display: block; width: 100%; height: 48px; padding: 0 18px 0 46px; border: 1px solid #d9e1f2; border-radius: 12px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a97bd' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 15px 50% no-repeat; color: #14203f; font: 500 15px Inter, sans-serif; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
.acf__search input::placeholder { color: #8a97bd; }
.acf__search input:focus { outline: none; border-color: #0874f9; box-shadow: 0 0 0 3px rgba(8, 116, 249, .12); }

.acf__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.acf__chip { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid #d9e1f2; border-radius: 999px; background: #fff; color: #33425f; font: 600 14px/1 Inter, sans-serif; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.acf__chip i { font-style: normal; font-weight: 600; font-size: 12px; color: #8a97bd; }
.acf__chip:hover { border-color: #0874f9; color: #0b63d1; background: #f5f9ff; }
.acf__chip.is-active { border-color: #0874f9; background: #0874f9; color: #fff; }
.acf__chip.is-active i { color: rgba(255, 255, 255, .8); }

.acf__empty { margin: 16px 0 0; padding: 14px 18px; border-radius: 10px; background: #fff; border: 1px dashed #c8d3ea; color: #5a6886; font-size: 14.5px; }
.acf__empty[hidden] { display: none; }

@media (max-width: 640px) {
	.acf__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -4px; padding: 2px 4px 6px; scrollbar-width: none; }
	.acf__chips::-webkit-scrollbar { display: none; }
	.acf__chip { flex: 0 0 auto; }
}