/* Page « Saunas et banias » (spec 05) : chargée sur cette page seule, après style.css. */

/* Bande du cèdre et ses deux photos posées par-dessus son bas (marge négative de la section des photos). */
.nl-saunas-cedre.e-con,
.nl-saunas-cedre-photos.e-con { position: relative; }

/* Atouts : grille de 5 atouts (numéro or au-dessus du libellé, style des étapes), 3 colonnes. */
@media (min-width: 1025px) {
	.nl-saunas-grille.nl-etapes {
		padding-left: 0;
		grid-template-columns: repeat(3, max-content);
		justify-content: space-between;
		column-gap: 40px;
		row-gap: 70px;
	}
}
@media (min-width: 1025px) and (max-width: 1599px) {
	.nl-saunas-grille.nl-etapes { column-gap: 28px; row-gap: 52px; }
}
@media (max-width: 1024px) {
	.nl-saunas-grille.nl-etapes { padding-left: 0; }
}

/* Configurez votre sauna : retour de la maquette dans le texte, desktop seulement. */
@media (max-width: 1024px) {
	br.nl-saunas-br { display: none; }
}

/* Comptez deux mois : la photo va jusqu'au bord droit de l'écran (au-delà du contenu). */
.nl-saunas-mois.e-con {
	--nl-deborde: max(20px, calc((100vw - 1630px) / 2));
	--width: calc(100% + var(--nl-deborde));
	width: calc(100% + var(--nl-deborde)) !important;
	max-width: none;
	margin-right: calc(-1 * var(--nl-deborde)) !important;
}
@media (max-width: 1599px) {
	.nl-saunas-mois.e-con { --nl-deborde: max(40px, calc((100vw - 1280px) / 2)); }
}
@media (max-width: 1024px) {
	.nl-saunas-mois.e-con { --nl-deborde: 40px; }
}
@media (max-width: 767px) {
	.nl-saunas-mois.e-con { --nl-deborde: 20px; }
}
/* Grand « 2 » (compteur) et « mois » calé sous le chiffre, en Mevac or. */
.nl-saunas-deux .elementor-heading-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.19;
}
.nl-saunas-chiffre { font-size: 14.0563rem; line-height: 1.19; }
.nl-saunas-mot { font-size: 4.7375rem; line-height: 1.19; margin-top: -0.855em; }
@media (max-width: 1599px) {
	.nl-saunas-chiffre { font-size: 10.5rem; }
	.nl-saunas-mot { font-size: 3.5625rem; }
}
@media (max-width: 1024px) {
	.nl-saunas-chiffre { font-size: 10rem; }
	.nl-saunas-mot { font-size: 3.375rem; }
}
@media (max-width: 767px) {
	.nl-saunas-chiffre { font-size: 6.5rem; }
	.nl-saunas-mot { font-size: 2.25rem; }
}

/* Bloc CTA de la page : titre sur une seule ligne (« Envie d'un sauna chez vous ? »), plus large que le titre par défaut. */
@media (min-width: 768px) {
	.nl-cta-contenu .elementor-widget-heading.elementor-widget__width-initial:has(h2) {
		--container-widget-width: 1100px;
		max-width: 100%;
	}
}

/* Vignettes d'options : 2 par ligne sur une tablette étroite (768-900 px). */
@media (min-width: 768px) and (max-width: 900px) {
	.nl-saunas-options.e-con > .nl-saunas-option.e-con { --width: calc(50% - 16px); width: calc(50% - 16px) !important; }
}
/* Compteur « 2 » : largeur fixe en em (mesurée avant le chargement de Mevac, elle serait fausse), chiffre centré. */
.nl-saunas-chiffre .pb-compteur { width: .62em !important; min-width: 0 !important; text-align: center !important; }
@media (max-width: 767px) { .nl-saunas-mois .elementor-widget-text-editor, .nl-saunas-mois .elementor-heading-title { text-shadow: 0 1px 6px rgba(0, 0, 0, .55); } }