/* Úvod — „Jak se také říká ašvagandě?“ (štítky s rámečkem, střídavě levandule a meruňka). */

.as-nazvy { text-align: center; margin-bottom: 76px; }
.as-nazvy__nadpis { font-size: 27px; letter-spacing: -.015em; margin: 0 0 20px; }
.as-nazvy__seznam {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	max-width: 760px;
}
.as-nazvy__seznam li {
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--as-inkoust);
	background: var(--as-levandule);
	border: var(--as-ramecek);
	border-radius: 999px;
	padding: 8px 16px;
	transform: rotate(-1deg);
}
.as-nazvy__seznam li:nth-child(even) { background: var(--as-merunka-svetla); transform: rotate(1deg); }
.as-nazvy__seznam li:nth-child(4n+3) { transform: rotate(-1.5deg); }
.as-nazvy__seznam li:nth-child(4n) { transform: rotate(1.5deg); }

@media (max-width: 1024px) {
	.as-nazvy { margin-bottom: 56px; }
	.as-nazvy__nadpis { font-size: 24px; }
}

@media (max-width: 768px) {
	.as-nazvy { margin: 4px 0 36px; }
	.as-nazvy__nadpis { font-size: 21px; margin-bottom: 14px; }
	.as-nazvy__seznam { gap: 7px; }
	.as-nazvy__seznam li,
	.as-nazvy__seznam li:nth-child(n) { font-size: 12.5px; padding: 6px 12px; transform: none; }
}