/* ==========================================================================
   ČASTÉ OTÁZKY  —  Figma node 1:231

   Dva stĺpce: 320px (nadpis, fotka, kontakt) + 1040px (akordeón),
   medzera 40px.

   Miery z Figmy:
     nadpis        Inter Bold 30 / 48
     fotka         319.9 × 371, radius 10
     nápis „faq"   Playfair Display ExtraBold 100.2, biely, cez fotku
     kontakt       Inter Bold 20 / 49.6
     otázka        Inter Regular 24, riadok 68.75, linka pod každou
     šípka         17.8 × 9.8, pri pravom okraji
   ========================================================================== */

.pc-faq {
	padding-block: var(--pc-space-section);
}

.pc-faq__grid {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 40px;
	align-items: start;
}

/*
 * Otázky začínajú na úrovni fotky, nie nadpisu. Odsadenie = výška
 * riadku nadpisu (48px) + medzera nad fotkou (28px, components.css).
 */
.pc-faq__aside:has(.pc-faq__title) + .pc-faq__list {
	margin-top: calc(48px + 28px);
}

/* ---- Ľavý stĺpec ------------------------------------------------------ */

.pc-faq__title {
	font-size: var(--pc-fs-heading);
	font-weight: var(--pc-weight-bold);
	line-height: 48px;
}

.pc-faq__contact-title {
	/* Figma: fotka končí na 4780, nadpis kontaktu na 4820 */
	margin-top: 40px;
	font-size: 26px;
	font-weight: var(--pc-weight-bold);
	line-height: 1.2;
}

.pc-faq__contact {
	/* Rozmery zdieľaného komponentu .pc-contact podľa Figmy. */
	--pc-contact-size: 20px;
	--pc-contact-height: 50px;
	--pc-contact-icon: 27px;
	margin-top: 6px;
}

/* ==========================================================================
   RESPONZIVITA

   Pod 900px sa bočný stĺpec presunie nad akordeón — otázky pri 24px
   potrebujú šírku, inak sa každá láme na tri riadky.
   ========================================================================== */

@media (max-width: 900px) {
	.pc-faq__grid {
		grid-template-columns: 1fr;
		gap: var(--pc-space-32);
	}

	.pc-faq__title {
		line-height: 1.2;
	}

	.pc-faq__figure {
		max-width: 320px;
	}

	/* Pod sebou — akordeón ide hneď pod kontakt, bez odsadenia. */
	.pc-faq__aside:has(.pc-faq__title) + .pc-faq__list {
		margin-top: 0;
	}

}

@media (max-width: 560px) {
	.pc-faq__contact-title {
		font-size: var(--pc-fs-lead);
	}

	.pc-faq__contact {
		--pc-contact-size: var(--pc-fs-base);
		--pc-contact-height: 40px;
	}
}

/* Tlačidlo pod otázkami — vpravo, sekcia ukazuje len výber. */
.pc-faq__more {
	margin: var(--pc-space-32) 0 0;
	text-align: end;
}