/* Section « Que faire à… ? » */
.activites .contact__swoosh {
	top: -30%;
	left: 45%;
	width: 60%;
	height: 160%;
	transform: rotate(-18deg);
}

.activites__grid {
	display: grid;
	gap: 40px;
	align-items: center;
	max-width: 1240px;
}

.activites__body .pill {
	margin-bottom: 16px;
	border-color: rgba(219, 167, 61, .45);
	background: rgba(219, 167, 61, .12);
}

.activites__title {
	font-size: var(--fs-h2);
}

.activites__title .section-heading__muted {
	color: #a8a397;
}

.activites__list {
	display: grid;
	gap: 8px;
	max-width: 560px;
	margin-top: clamp(28px, 4vw, 48px);
	padding: 0;
	list-style: none;
}

.activites__item {
	border-radius: 12px;
	transition: background-color .25s var(--ease);
}

.activites__item.is-open,
.activites__item:hover {
	background: rgba(255, 255, 255, .08);
}

.activites__item h3 {
	font-size: 1rem;
}

.activites__toggle {
	width: 100%;
	padding: 18px 22px;
	border: 0;
	background: none;
	color: var(--c-white);
	font-size: 1rem;
	text-align: left;
	cursor: pointer;
}

.activites__item.is-open .activites__toggle {
	padding-bottom: 8px;
	color: var(--c-gold);
}

.activites__text {
	padding: 0 22px 20px;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--c-on-dark);
}

.activites__images {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 4.4;
	border-radius: 12px;
	background: var(--c-dark-3);
}

.activites__image {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .6s var(--ease);
}

.activites__image.is-active {
	opacity: 1;
}

.activites__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 1024px) {
	.activites__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* Section dépliée depuis « Louez votre logement » */
.activites.is-collapsible {
	opacity: 0;
	transform: translateY(-12px);
	transition: opacity .45s var(--ease), transform .45s var(--ease);
}

.activites.is-collapsible.is-open {
	opacity: 1;
	transform: none;
}

.activites[hidden] {
	display: none;
}