/* Yell — чипсы подкатегорий на архиве категории. */

.yl-subcats{margin:0 0 20px}
.yl-subcats-list{
	display:flex;flex-wrap:wrap;gap:8px;
	margin:0;padding:0;list-style:none;
}
.yl-subcat{
	display:inline-flex;align-items:center;gap:7px;
	height:36px;padding:0 14px;
	border:1px solid var(--yell-border,#E7E2D8);border-radius:999px;
	background:var(--yell-surface,#FFFFFF);
	color:var(--yell-ink,#15171B);
	font-size:14px;font-weight:600;line-height:1;white-space:nowrap;
	text-decoration:none;
	transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.yl-subcat:hover,.yl-subcat:focus-visible{
	border-color:var(--yell-ink,#15171B);color:var(--yell-ink,#15171B);text-decoration:none;
}
.yl-subcat-n{
	font-size:12px;font-weight:600;color:var(--yell-muted,#8A857A);
	font-variant-numeric:tabular-nums;
}
/* тема красит ссылки архива более специфичным селектором — активный чипс берём с !important */
.yl-subcats a.yl-subcat.is-on,
.yl-subcats a.yl-subcat.is-on:hover,
.yl-subcats a.yl-subcat.is-on:focus{
	background:var(--yell-ink,#15171B) !important;border-color:var(--yell-ink,#15171B) !important;color:#fff !important;
}
.yl-subcats a.yl-subcat.is-on .yl-subcat-name{color:#fff !important}
.yl-subcats a.yl-subcat.is-on .yl-subcat-n{color:rgba(255,255,255,.65) !important}
.yl-subcat-all{color:var(--yell-ink-soft,#5E5A53)}

/* Строка сводки перед чипсами — поджимаем зазор. */
.yl-cstats:has(+ .yl-subcats){margin-bottom:14px}

@media (max-width:991px){
	.yl-subcats{margin:0 -15px 16px;padding:0 15px}
	.yl-subcats-list{
		flex-wrap:nowrap;overflow-x:auto;
		scrollbar-width:none;-ms-overflow-style:none;
		padding-bottom:2px;
	}
	.yl-subcats-list::-webkit-scrollbar{display:none}
	.yl-subcats-list li{flex:0 0 auto}
	.yl-subcat{height:34px;padding:0 12px;font-size:13px}
}