/* Category description and FAQ in the archive shortcode. */
.yadakshop-category-content {
	box-sizing: border-box;
	width: 100%;
	max-width: 58rem;
	margin-inline: auto;
	padding: clamp(16px, 3vw, 36px) clamp(12px, 2.5vw, 28px);
}

.yadakshop-category-content .yadakshop-category-description {
	margin: 0;
	color: #35383a;
	font-family: inherit;
	font-size: clamp(15px, 1vw + 4px, 17px);
	line-height: 2.1;
	text-align: start;
	overflow-wrap: anywhere;
}

.yadakshop-category-description :where(p, ul, ol, blockquote) {
	max-inline-size: 78ch;
	margin-block: 0 1em;
}

.yadakshop-category-description :where(h2, h3, h4, h5, h6) {
	color: #2c2e2f;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.6;
	margin-block: 1.5em .45em;
}

.yadakshop-category-description h2 { font-size: 1.5em; }
.yadakshop-category-description h3 { font-size: 1.25em; }

.yadakshop-category-description :where(ul, ol) {
	padding-inline-start: 1.5em;
}

.yadakshop-category-description li + li {
	margin-block-start: .3em;
}

.yadakshop-category-description img {
	max-width: 100%;
	height: auto;
}

.yadakshop-category-description > :first-child { margin-block-start: 0; }
.yadakshop-category-description > :last-child { margin-block-end: 0; }

@media (min-width: 1025px) {
	.yadakshop-category-content {
		max-width: none;
		padding-inline: 0;
	}

	.yadakshop-category-description :where(p, ul, ol, blockquote) {
		max-inline-size: none;
	}

	.yadakshop-category-content > .yadakshop-cat-faq-section {
		box-sizing: border-box;
		max-width: 58rem;
		margin-inline: auto;
		padding-inline: clamp(12px, 2.5vw, 28px);
	}
}