.am-content-deck {
	box-sizing: border-box;
	width: 100%;
	max-width: 1260px;
	margin: 28px auto 22px;
	padding: 0 16px;
	text-align: center;
}

.am-content-deck[hidden],
.am-content-deck__branch[hidden],
.am-content-deck__boxes[hidden],
.am-content-deck__mobile[hidden] {
	display: none;
}

.am-content-deck__label {
	display: block;
	margin: 0 0 5px;
	color: #858b98;
	font-size: 10px;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.am-content-deck__desktop,
.am-content-deck__boxes,
.am-content-deck__mobile {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	flex-wrap: wrap;
}

.am-content-deck__mobile {
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.am-content-deck__slot {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden;
}
.am-content-deck__slot:empty {
	display: none;
}
.am-content-deck__slot[hidden] {
	display: none;
}

.am-content-deck__slot--wide {
	width: 900px;
	max-width: 100%;
	height: 250px;
}

.am-content-deck__slot--box {
	width: 300px;
	height: 250px;
}

.am-content-deck__slot--mobile {
	width: 300px;
	max-width: 100%;
	height: 100px;
}

.am-content-deck iframe {
	display: block;
	max-width: 100%;
	border: 0;
}

.am-unit-frame--wide {
	width: 900px;
	height: 250px;
}

.am-unit-frame--box {
	width: 300px;
	height: 250px;
}

.am-unit-frame--mobile {
	width: 300px;
	height: 100px;
}

.am-content-deck__partners {
	display: grid;
	gap: 22px;
}

.am-content-deck[data-content-deck^="listing-pagination"] {
	max-width: 950px;
	margin: 22px auto 18px;
	padding: 0;
}

.am-content-deck[data-content-deck^="listing-pagination"] .am-content-deck__partners {
	width: 100%;
	margin: 0 auto;
}

.am-content-deck__native {
	box-sizing: border-box;
	width: 100%;
	min-height: 180px;
	overflow: hidden;
}

.am-content-deck__partner {
	box-sizing: border-box;
	width: 100%;
	min-height: 330px;
	overflow: hidden;
}

.am-content-native {
	width: 100%;
	min-height: 180px;
}

.am-footer-shop {
	box-sizing: border-box;
	display: flex;
	min-height: 330px;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 28px;
	border: 1px solid rgba(60, 191, 240, .35);
	border-radius: 14px;
	background: linear-gradient(135deg, #101419 0%, #161d24 55%, #202833 100%);
	color: #fff;
	text-decoration: none;
}

.am-footer-shop__brand {
	font-size: clamp(30px, 6vw, 68px);
	font-weight: 700;
	letter-spacing: -.04em;
}

.am-footer-shop__cta {
	display: inline-flex;
	padding: 8px 13px;
	border-radius: 999px;
	background: #3cbff0;
	color: #101419;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.am-footer-shop:hover,
.am-footer-shop:focus-visible {
	border-color: rgba(60, 191, 240, .8);
	color: #fff;
}

html.light .am-footer-shop {
	background: linear-gradient(135deg, #fff 0%, #eefaff 55%, #dff6ff 100%);
	color: #16202a;
}
@media (max-width: 767px) {
	.am-content-deck {
		margin-bottom: 82px;
		padding: 0 10px;
	}

	.am-content-deck[data-content-deck^="listing-pagination"] {
		margin: 16px auto 18px;
		padding: 0;
	}

	.am-content-deck__native,
	.am-content-native {
		min-height: 140px;
	}
}

/* Rotation exclusive des surfaces vidéo. Aucun fond graphique n'est ajouté :
   la création choisie garde toute la place et les branches masquées restent
   inertes jusqu'à leur éventuel repli. */
.am-content-deck--video-sidebar {
	width: 100%;
	max-width: none;
	min-height: var(--am-video-deck-height, 600px);
	margin: 0;
	padding: 0;
	text-align: left;
}

.am-content-deck--video-sidebar .am-content-deck__branch,
.am-content-deck--video-sidebar .am-content-deck__partners,
.am-content-deck--video-sidebar .shop-promo--video-sidebar {
	width: 100%;
}

.am-content-deck--video-sidebar .am-content-deck__partners,
.am-content-deck--video-sidebar .shop-promo--video-sidebar {
	height: var(--am-video-deck-height, 600px);
}

.am-content-deck--video-sidebar .am-content-deck__video-core:not([hidden]) {
	display: flex;
	min-height: var(--am-video-deck-height, 600px);
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.am-content-deck--video-sidebar .am-content-deck__video-core > *,
.am-content-deck--video-sidebar .am-content-deck__video-core .asside-thumb {
	max-width: 100%;
	margin: 0 auto;
}

/* Le remplacement webcam du spot "profils" est maintenant imbriqué
   dans le deck. Cette chaîne flex lui attribue uniquement la hauteur restant
   sous le premier spot et le gap, sans réactiver une branche masquée. */
@media (min-width: 1025px) {
	.asside-link.am-cam-asside-link > .am-content-deck--video-sidebar:not([hidden]) {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-self: stretch;
		height: auto;
		min-height: 0;
		overflow: hidden;
	}

	.asside-link.am-cam-asside-link > .am-content-deck--video-sidebar > .am-content-deck__video-core:not([hidden]) {
		flex: 1 1 0;
		height: auto;
		min-height: 0;
		overflow: hidden;
	}

	.am-content-deck--video-sidebar .am-content-deck__video-core > :not(.am-cam-sidebar-container) {
		flex: 0 0 auto;
	}

	.am-content-deck--video-sidebar .am-content-deck__video-core > .asside-thumb.am-cam-sidebar-container {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		width: 100%;
		height: auto !important;
		min-height: 0;
		margin: 0 !important;
		overflow: hidden;
	}
}

.am-content-deck--video-mobile {
	width: 100%;
	max-width: 950px;
	margin: 30px auto 22px;
	padding: 0;
	text-align: left;
}

.am-content-deck--video-mobile .am-content-deck__branch,
.am-content-deck--video-mobile .am-content-deck__partners,
.am-content-deck--video-mobile .shop-promo--video-mobile,
.am-content-deck--video-mobile .fhc-ad-replace-slot--mobile {
	width: 100%;
	max-width: 100%;
}

.am-content-deck--video-mobile .am-content-deck__video-core:not([hidden]) {
	display: flex;
	justify-content: center;
}

.am-content-deck--video-sidebar .am-content-deck__video-core[hidden],
.am-content-deck--video-mobile .am-content-deck__video-core[hidden] {
	display: none !important;
	min-height: 0;
}

@media (max-width: 1024px) {
	.am-content-deck--video-sidebar {
		min-height: 0;
		margin: 18px 0 0;
	}

	.am-content-deck--video-sidebar .am-content-deck__partners,
	.am-content-deck--video-sidebar .shop-promo--video-sidebar {
		height: auto;
	}
}

@media (max-width: 767px) {
	.am-content-deck--video-mobile {
		margin: 26px auto 28px;
		padding: 0;
	}
}

/* ==========================================================================
   Branche dating du bloc sous pagination — le carrousel de six profils

   Le plafond de 950 px du bloc existe pour l'unite ExoClick de 900 px. Le
   carrousel n'est pas une unite publicitaire de taille fixe : ses vignettes
   sont en clamp(128px, 18vw, 182px) et le nombre de visages visibles sans
   faire glisser depend directement de la largeur disponible — mesure : 4 sur 6
   a 900 px, 6 sur 6 a 1240. On lui rend donc la largeur de base du bloc.

   Le bloc est centre et en texte centre pour des creatifs publicitaires ; le
   carrousel a sa propre mise en page, il reprend l'alignement a gauche.
   ========================================================================== */

.am-content-deck__dating {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.am-content-deck[data-content-deck^="listing-pagination"][data-deck-choice="dating"] {
	max-width: 1260px;
}

.am-content-deck[data-content-deck^="listing-pagination"] .am-content-deck__dating {
	width: 100%;
	margin: 0 auto;
}