/* ===========================================================
 * Page FAQ — surcharges et styles spécifiques uniquement.
 * =========================================================== */

/* --- Listing FAQ (accordéons) --- */
.page-faq__list {
	padding: var(--g29) 0 var(--g49);
}
.single-product .page-faq__list {
	padding-top: 0;
}
.faq-item {
	border: 1px solid var(--vert2);
	border-radius: var(--r10);
	margin-bottom: var(--g12);
	background: var(--wh);
}
.faq-item__question {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--g20);
	padding: 19px var(--g20);
	font-size: 14px;
	letter-spacing: 10%;
	text-transform: uppercase;
	line-height: 22px;
	color: var(--vert1);
}
.faq-item__question::-webkit-details-marker { display: none; }
.faq-item__label { flex: 1; }
.faq-item__chevron {
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
	margin-top: -4px;
	transition: transform .2s ease;
}
.faq-item[open] .faq-item__chevron {
	transform: rotate(-135deg);
	margin-top: 4px;
}
.faq-item__answer {
	padding: 0 var(--g20) 19px;
}
.faq-item__tags {
	margin-top: var(--g20);
	display: flex;
	flex-wrap: wrap;
	gap: var(--g5);
}
.faq-item__tag {
	display: inline-block;
	padding: 3px 8px;
	background: var(--gris1);
	color: var(--vert1);
	border-radius: var(--r20);
	font-size: 10px;
	letter-spacing: 10%;
	text-transform: uppercase;
	text-decoration: none;
}

/* --- Nos conseils --- */
.page-faq__advice {
	background: var(--gris1);
	padding: var(--g49) 0;
}
.page-faq__advice-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--g24);
	margin-bottom: var(--g40);
}
.page-faq__advice-link {
	display: flex;
	justify-content: center;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
	.page-faq__advice-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.page-faq__advice-grid { grid-template-columns: 1fr; }
}