/* Rozbalovací položky na <details>: akordeon složení (Objednávka, mobil) a časté dotazy (detail
   produktu). Ikona +/− je kreslená v CSS, otevřená položka má meruňkové kolečko. */

.as-akordeon { gap: 8px; }
.as-akordeon__polozka,
.as-faq__polozka { border: var(--as-ramecek); border-radius: 16px; background: var(--as-bila); overflow: hidden; }
.as-akordeon__nadpis,
.as-faq__otazka {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 15px 16px;
	cursor: pointer;
	list-style: none;
	font-family: var(--as-pismo-nadpis);
	font-size: 16.5px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--as-inkoust);
}
.as-akordeon__nadpis::-webkit-details-marker,
.as-faq__otazka::-webkit-details-marker { display: none; }
.as-akordeon__ikona {
	position: relative;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--as-levandule);
	flex-shrink: 0;
}
.as-akordeon__ikona::before,
.as-akordeon__ikona::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	margin: -1px 0 0 -5px;
	border-radius: 2px;
	background: var(--as-inkoust);
}
.as-akordeon__ikona::after { transform: rotate(90deg); }
[open] > summary .as-akordeon__ikona { background: var(--as-merunka); }
[open] > summary .as-akordeon__ikona::after { display: none; }
.as-akordeon__text { padding: 0 16px 16px; margin: 0; font-size: 14px; line-height: 1.65; }

/* Časté dotazy na detailu produktu: větší, otevřený dotaz s meruňkovým stínem. */
.as-faq { display: grid; gap: 10px; max-width: 820px; }
.as-faq__polozka[open] { box-shadow: var(--as-stin-5); }
.as-faq__otazka { padding: 16px 18px; font-size: 17px; }
.as-faq__otazka .as-akordeon__ikona { width: 30px; height: 30px; }
.as-faq__odpoved { padding: 0 18px 18px; margin: 0; font-size: 15px; line-height: 1.65; }

@media (max-width: 768px) {
	.as-faq__otazka { padding: 15px 16px; font-size: 16px; }
	.as-faq__odpoved { padding: 0 16px 16px; font-size: 14.5px; }
}