/* KG — FAQ + upsell miesięczny */
.kg-faq-donate { padding: 64px 0; }
.kg-faq-donate__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 40px;
	align-items: start;
}
.kg-faq-donate h2 {
	font-size: 26px;
	font-weight: 800;
	margin: 0 0 6px;
}
.kg-faq-donate__sub {
	color: var(--muted);
	margin: 0 0 20px;
	max-width: 52ch;
}
.kg-faq-donate__acc { border-top: 1px solid var(--border); }
.kg-faq-donate__acc details { border-bottom: 1px solid var(--border); }
.kg-faq-donate__acc summary {
	list-style: none;
	cursor: pointer;
	padding: 18px 2px;
	font-weight: 700;
	font-size: 15.5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	color: var(--sapphire);
}
.kg-faq-donate__acc summary::-webkit-details-marker { display: none; }
.kg-faq-donate__acc summary:focus-visible { outline: 2px solid var(--sapphire); outline-offset: 2px; border-radius: 4px; }
.kg-faq-donate__chev {
	flex: none;
	width: 20px;
	height: 20px;
	transition: .2s;
	color: var(--orange-text);
}
.kg-faq-donate__acc details[open] .kg-faq-donate__chev { transform: rotate(180deg); }
.kg-faq-donate__a {
	padding: 0 2px 20px;
	color: var(--muted);
	font-size: 14.5px;
	max-width: 60ch;
}
.kg-faq-donate__a a { color: var(--orange-text); font-weight: 600; }

.kg-faq-donate__upsell {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	overflow: hidden;
}
.kg-faq-donate__pic {
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #FF6B35, #80498C) center/cover no-repeat;
}
.kg-faq-donate__body { padding: 22px; }
.kg-faq-donate__body h3 {
	font-size: 18px;
	font-weight: 800;
	margin: 0;
	color: var(--sapphire);
}
.kg-faq-donate__body p {
	font-size: 13.5px;
	color: var(--muted);
	margin-top: 8px;
}
.kg-faq-donate__mini {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
	margin: 16px 0 10px;
}
.kg-faq-donate__mini button {
	border: none;
	background: var(--peach);
	color: var(--sapphire);
	font-family: inherit;
	font-weight: 800;
	font-size: 13px;
	padding: 7px 13px;
	border-radius: var(--r-pill);
	cursor: pointer;
}
.kg-faq-donate__mini button[aria-pressed="true"] { background: var(--orange); }

@media (max-width: 900px) {
	.kg-faq-donate__grid { grid-template-columns: 1fr; }
}
