/* FAQ's page (slug: faq) — all selectors scoped under .pg-faq.
   Accordion reuses shared .faq-item* classes from main.css (do not redeclare their base). */

.pg-faq {
	background: var(--color-grey-bg, #f6f6f6);
}

.pg-faq__inner {
	max-width: var(--container-max, 1280px);
	margin: 0 auto;
	padding: 40px 80px 80px;
}

/* Breadcrumb */
.pg-faq__crumb {
	font-family: var(--font-body, "Satoshi", sans-serif);
	font-size: 12px;
	letter-spacing: 0.36px;
	color: var(--color-text, #1a1a1a);
	margin: 0 0 60px;
}
.pg-faq__crumb a { color: #998988; text-decoration: none; }
.pg-faq__crumb a:hover { text-decoration: underline; }

/* Heading */
.pg-faq__title {
	font-family: var(--font-heading, "Tenor Sans", serif);
	font-size: 34px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	color: #000;
	margin: 0 0 55px;
}

/* Two-column body: sidebar + accordion */
.pg-faq__body {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 60px;
	align-items: start;
}

/* Sidebar category nav */
.pg-faq__nav {
	display: flex;
	flex-direction: column;
	font-family: var(--font-body, "Satoshi", sans-serif);
	font-size: 14px;
	letter-spacing: 0.42px;
}
.pg-faq__nav-link {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	padding: 9px 0;
}
.pg-faq__nav-link:hover { color: #000; }
.pg-faq__nav-link.is-active {
	color: #000;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 16px;
}

/* Accordion column */
.pg-faq__group-label {
	font-family: var(--font-body, "Satoshi", sans-serif);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
	margin: 0 0 26px;
}

/* accordion list gap matches design (24px) — reuse shared .faq-item classes */
.pg-faq .faq__list { display: flex; flex-direction: column; gap: 24px; }
.pg-faq .faq-item__a { color: #000; }

/* Bottom full-width image strip */
.pg-faq__strip {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	width: 100%;
}
.pg-faq__strip img {
	display: block;
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/* Responsive */
@media (max-width: 1024px) {
	.pg-faq__inner { padding: 32px 40px 64px; }
	.pg-faq__body { grid-template-columns: 170px minmax(0, 1fr); gap: 40px; }
	.pg-faq__strip { grid-template-columns: repeat(3, 1fr); }
	.pg-faq__strip img { height: 300px; }
}

@media (max-width: 640px) {
	.pg-faq__inner { padding: 24px 20px 48px; }
	.pg-faq__crumb { margin-bottom: 32px; }
	.pg-faq__title { font-size: 26px; margin-bottom: 32px; }
	.pg-faq__body { grid-template-columns: 1fr; gap: 32px; }
	.pg-faq__nav { flex-direction: row; flex-wrap: wrap; gap: 8px 20px; }
	.pg-faq__nav-link, .pg-faq__nav-link.is-active { padding: 4px 0; border-bottom: none; }
	.pg-faq .faq-item__q { font-size: 17px; height: auto; min-height: 64px; padding: 14px 20px; }
	.pg-faq__strip { grid-template-columns: repeat(2, 1fr); }
	.pg-faq__strip img { height: 220px; }
}