/* ==========================================================================
   Търсенето в сайта и страница 404: групите резултати (категории, продукти,
   отговори, статии, страници). Картата за търсене горе е .nd-find (pages.css),
   продуктовите карти - products.css, статиите - blog.css.
   ========================================================================== */

.nd-res { padding-top: clamp(48px, 5vw, 80px); }
.nd-res__in { display: grid; gap: clamp(52px, 6vw, 84px); }
.nd-res__h { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 340; line-height: 1.15; letter-spacing: -.025em; color: var(--ink); }
.nd-res__h small { padding: 3px 11px; border-radius: 999px; font-size: .84rem; font-weight: 600; letter-spacing: 0; color: var(--muted); background: rgba(19, 35, 28, .05); }
.nd-res__hi { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; font-size: 1.3rem; color: var(--jade-950); background: var(--gold-grad) border-box; }
.nd-res__group:nth-child(even) .nd-res__hi { color: var(--gold-300); background: var(--jade-800); }
.nd-res__group .nd-faq__list { max-width: 920px; }
.nd-res__group .nd-pages { margin-top: 36px; }

/* категориите, в чието име е думата */
.nd-res__cats { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.nd-res__lbl { margin: 0; font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-700); }
.nd-res__cats ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.nd-res__cats a {
	display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px 10px 18px; border-radius: 999px; font-weight: 560; color: var(--ink); text-decoration: none;
	background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line), 0 12px 26px -22px rgba(19, 35, 28, .5); transition: background-color .3s, color .3s, box-shadow .3s;
}
.nd-res__cats small { font-size: .8rem; font-weight: 600; color: var(--muted); }
.nd-res__cats .nd-i { color: var(--gold-700); transition: transform .4s var(--ease); }
.nd-res__cats a:hover { color: #fbf6ea; background: var(--jade-800); box-shadow: none; }
.nd-res__cats a:hover small, .nd-res__cats a:hover .nd-i { color: var(--gold-300); }
.nd-res__cats a:hover .nd-i { transform: translateX(3px); }

@media (max-width: 760px) {
	.nd-res__h { font-size: 1.45rem; }
	.nd-res__hi { width: 40px; height: 40px; font-size: 1.15rem; }
}