/**
 * Pages de liste — rayons, boutique, étiquettes, marques — habillage « de nuit » (refonte du 01/10/2026, demande de
 * David : « épate-moi de fou, éblouis-moi »), dans la lignée de l'accueil, des pages du parcours, de la fiche et du
 * pied qu'il a validés.
 *
 * ─ Une COUCHE ─────────────────────────────────────────────────────────────────
 * Chargée après `lupeo-rayon.css` et `lupeo-ds-pages.css` (`Lupeo_Rayon::habillage_nuit()`), versionnée par date.
 * Portée : `body.lupeo-rayon-nuit` (posée sur ces seules pages). Le texte, les titres, les filtres, la grille et ses
 * comptes ne changent pas — seulement leur habillage. Rien n'est animé à l'arrivée sur la page (la photo du rayon et
 * les vignettes sont ce que le navigateur mesure pour dire que la page est affichée).
 *
 * ─ Le bandeau de nuit, sur deux conteneurs ────────────────────────────────────
 * Le haut de rayon est en deux morceaux : le titre (`.hero-section`, rendu par le thème) puis le texte et la photo
 * (`.woocommerce-products-header`, dans le conteneur de la page). Chacun peint sa part de nuit par un pseudo-élément
 * — le thème pose `background: transparent !important` sur le premier — dans la même teinte unie ; le blanc qui les
 * séparait (marge haute du conteneur) est retiré. Le bandeau « Choisir mon modèle » flotte à cheval sur le bas.
 *
 * Le jaune ne décore jamais.
 */

body.lupeo-rayon-nuit {
	--rn-nuit: #0A1D18;
	--rn-eclat: #00D36B;
	--rn-menthe: #9FE8C4;
	--rn-chevauche: clamp(34px, 3.4vw, 44px);
}

/* =========================================================
   1. Le bandeau de nuit
   ========================================================= */
/* `position: relative` : le fond de nuit ci-dessous (`::before`, `inset: 0`) se cale sur le bandeau. Blocksy le pose sur le
   bandeau des rayons et de la boutique, mais PAS sur celui de la recherche de produits (`?s=…&post_type=product`, qui
   reçoit aussi `lupeo-rayon-nuit`) : sans lui le fond prenait toute la hauteur de la page, recouvrait les cartes et n'en
   laissait voir que la photo — ni nom, ni prix (mesuré le 05/10/2026 : 4 795 px de fond au lieu de 127). */
body.lupeo-rayon-nuit .hero-section {
	position: relative;
	isolation: isolate;
	color: #fff;
}

body.lupeo-rayon-nuit .hero-section::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		radial-gradient(40% 120% at 4% 0%, rgba(0, 211, 107, .20) 0%, rgba(0, 211, 107, 0) 60%),
		var(--rn-nuit);
	pointer-events: none;
}

/* La recherche de produits : son bandeau est rendu DANS le conteneur de la page (`.is-width-constrained`, 1 354 px), pas
   à pleine largeur comme celui des rayons — la nuit prend la largeur de l'écran, comme ailleurs (le `body` rogne ce qui
   dépasse). Et le second bandeau (`.woocommerce-products-header`) n'y a rien dedans : il restait une bande vide, séparée
   du titre par un trait de blanc. Les rayons, la boutique, les marques et les étiquettes n'ont pas cette classe. */
body.lupeo-rayon-nuit .hero-section.is-width-constrained::before {
	right: auto;
	left: calc(50% - 50vw);
	width: 100vw;
}

body.lupeo-rayon-nuit.search .woocommerce-products-header {
	display: none;
}

/* Le message d'une recherche sans résultat (« Désolé, mais rien ne correspond… ») est écrit dans le bandeau : la couleur de
   texte de Blocksy, sombre, y était à peine lisible sur la nuit. */
body.lupeo-rayon-nuit .hero-section .page-description {
	color: rgba(255, 255, 255, .78);
}

/* Sans ce second bandeau, le titre de la recherche touchait le bas de la nuit et les filtres le haut du blanc. */
body.lupeo-rayon-nuit.search .hero-section {
	padding-bottom: clamp(22px, 2.6vw, 34px);
	margin-bottom: clamp(20px, 2.4vw, 32px);
}

body.lupeo-rayon-nuit #main > .ct-container {
	padding-top: 0;
}

body.lupeo-rayon-nuit .woocommerce-products-header {
	position: relative;
	isolation: isolate;
	padding: 6px 0 calc(var(--rn-chevauche) + clamp(28px, 3vw, 40px));
	color: rgba(255, 255, 255, .74);
}

/* La nuit, d'un bord à l'autre de l'écran (le `body` rogne ce qui dépasse) ; halo derrière la photo, bandes
   réfléchissantes à droite. */
body.lupeo-rayon-nuit .woocommerce-products-header::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	background:
		/* Centre bas : le halo est éteint au bord haut, sans ligne de raccord avec le titre au-dessus. */
		radial-gradient(38% 70% at 78% 62%, rgba(0, 168, 150, .26) 0%, rgba(0, 168, 150, 0) 70%),
		var(--rn-nuit);
	pointer-events: none;
}

/* Les bandes réfléchissantes, estompées vers le haut et vers la gauche (elles commençaient sur un bord net). */
body.lupeo-rayon-nuit .woocommerce-products-header::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	right: calc(50% - 50vw);
	width: 48vw;
	background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, .04) 0 18px, rgba(255, 255, 255, 0) 18px 64px);
	-webkit-mask-image: radial-gradient(90% 80% at 100% 80%, #000 20%, transparent 75%);
	mask-image: radial-gradient(90% 80% at 100% 80%, #000 20%, transparent 75%);
	pointer-events: none;
}

/* Sans bandeau « Choisir mon modèle » dessous (pages de marque) : pas de vide réservé pour lui. */
body.lupeo-rayon-nuit .woocommerce-products-header:not(:has(+ .lupeo-bandeau-modele)) {
	margin-bottom: clamp(28px, 3vw, 40px);
	padding-bottom: clamp(32px, 3.6vw, 52px);
}

/* ---- Fil d'Ariane, surtitre, titre ---- */
body.lupeo-rayon-nuit .ct-breadcrumbs,
body.lupeo-rayon-nuit .ct-breadcrumbs a {
	color: rgba(255, 255, 255, .55);
}

body.lupeo-rayon-nuit .ct-breadcrumbs a:hover {
	color: var(--rn-menthe);
}

body.lupeo-rayon-nuit .ct-breadcrumbs .last-item,
body.lupeo-rayon-nuit .ct-breadcrumbs > span:last-child {
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-rayon-icone {
	border: 1px solid rgba(0, 211, 107, .35);
	border-radius: 16px;
	background: rgba(0, 211, 107, .12);
	color: var(--rn-eclat);
	box-shadow: 0 0 40px -10px rgba(0, 211, 107, .55);
}

body.lupeo-rayon-nuit .lupeo-rayon-surtitre {
	color: #7CF0B5;
}

body.lupeo-rayon-nuit .hero-section .page-title {
	padding-bottom: .05em;
	font-size: clamp(40px, 5vw, 72px);
	line-height: 1;
	letter-spacing: -.045em;
	background: linear-gradient(100deg, #fff 0%, #fff 50%, var(--rn-menthe) 85%, var(--rn-eclat) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ---- Le texte du rayon ---- */
body.lupeo-rayon-nuit .lupeo-rayon-tete__txt,
body.lupeo-rayon-nuit .lupeo-rayon-tete__txt p {
	color: rgba(255, 255, 255, .74);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete__txt strong,
body.lupeo-rayon-nuit .lupeo-rayon-tete__txt b {
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete__txt a {
	color: var(--rn-menthe);
	text-decoration: underline;
	text-decoration-color: rgba(159, 232, 196, .45);
	text-underline-offset: 3px;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete__txt a:hover {
	color: #fff;
	text-decoration-color: var(--rn-eclat);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete__action a,
body.lupeo-rayon-nuit .lupeo-rayon-tete__txt .lupeo-rayon-tete__action a {
	text-decoration: none;
	background: rgba(255, 255, 255, .08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete__action a:hover,
body.lupeo-rayon-nuit .lupeo-rayon-tete__action a:focus-visible {
	background: rgba(0, 211, 107, .16);
	box-shadow: inset 0 0 0 1px var(--rn-eclat);
	color: #fff;
}

/* ---- La photo du rayon, dans un cadre lumineux ---- */
body.lupeo-rayon-nuit .lupeo-rayon-photo {
	border-radius: 26px;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .12),
		0 40px 80px -40px rgba(0, 0, 0, .9),
		0 0 110px -30px rgba(0, 211, 107, .5);
}

/* Une photo à fond TRANSPARENT (choisie dans l'administration) se pose directement sur la nuit : ni carte claire, ni cadre ; une ombre
   portée suit le contour de l'objet. */
body.lupeo-rayon-nuit .lupeo-rayon-photo.lupeo-rayon-photo--detouree {
	overflow: visible;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.lupeo-rayon-nuit .lupeo-rayon-photo--detouree img {
	object-fit: contain;
	filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .55));
}

/* ---- Les sous-familles d'un rayon parent : tuiles de verre ---- */
body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile {
	border-color: rgba(255, 255, 255, .12);
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	color: #fff;
	transition: border-color .2s ease, background-color .2s ease, transform .25s cubic-bezier(.2, .7, .2, 1);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile:hover,
body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile:focus-visible {
	border-color: rgba(0, 211, 107, .6);
	background: rgba(0, 211, 107, .12);
	color: #fff;
	transform: translateY(-3px);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile * {
	color: inherit;
}

/* Une tuile cochée (le filtre est actif) se reconnaît sans survol, d'un coup d'œil : bordure verte pleine, fond vert, pastille ✓.
   Sans cette règle, le style « nuit » ci-dessus recouvrait celui de `.est-actif` (feuille du rayon) : cocher une tuile ne
   changeait rien à l'écran (02/10/2026). Placée APRÈS le survol : à spécificité égale, la tuile cochée garde sa teinte au survol. */
body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile.est-actif {
	position: relative;
	border-color: #00D36B;
	background: rgba(0, 211, 107, .2);
	box-shadow: 0 0 0 1px #00D36B, 0 16px 30px -18px rgba(0, 211, 107, .75);
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile.est-actif::after {
	content: "";
	position: absolute;
	top: -9px;
	right: -9px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #0A1F19;
	background: #00D36B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306231A' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 12.5 4.3 4.3L18.5 8'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile.est-actif .lp-ico,
body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile.est-actif .lupeo-sousfam__nb {
	color: #7CF0B5;
}

/* Un rayon parent : « Choisir une famille de pièces » et ses tuiles de sous-rayons, en verre sur la nuit.
   (La boutique a aussi des pastilles, mais dans des panneaux blancs : elles gardent leur style.) */
body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-familles > summary,
body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-familles__titre {
	color: #7CF0B5;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-familles__compte {
	color: rgba(255, 255, 255, .5);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-familles > summary .lupeo-i {
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-sous-rayons .lupeo-pastille {
	border-color: rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	color: #fff;
	transition: border-color .2s ease, background-color .2s ease, transform .25s cubic-bezier(.2, .7, .2, 1);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-sous-rayons .lupeo-pastille svg {
	color: var(--rn-eclat);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-sous-rayons .lupeo-pastille span {
	color: rgba(255, 255, 255, .55);
}

body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-sous-rayons .lupeo-pastille:hover,
body.lupeo-rayon-nuit .lupeo-rayon-tete .lupeo-sous-rayons .lupeo-pastille:focus-visible {
	border-color: rgba(0, 211, 107, .6);
	background: rgba(0, 211, 107, .12);
	color: #fff;
	transform: translateY(-3px);
}

/* La boutique : son chapô, sur la nuit. */
body.lupeo-rayon-nuit .lupeo-vitrine__chapo {
	color: rgba(255, 255, 255, .74);
}

/* ---- « Choisir mon modèle », flottant à cheval sur le bas du bandeau ---- */
body.lupeo-rayon-nuit .lupeo-bandeau-modele {
	position: relative;
	z-index: 2;
	margin-top: calc(-1 * var(--rn-chevauche) - 20px);
	padding: 18px 18px 18px 22px;
	border: 1px solid rgba(203, 230, 220, .9);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 40px 80px -46px rgba(1, 60, 56, .6), 0 2px 6px rgba(10, 15, 13, .05);
}

body.lupeo-rayon-nuit .lupeo-bandeau-modele > svg {
	width: 40px;
	height: 40px;
	padding: 8px;
	border-radius: 12px;
	background: var(--lp-green-100, #E6F5EF);
}

/* La photo de la trottinette du client (garage), à la place du pictogramme : vignette blanche, photo entière. */
.lupeo-bandeau-modele__photo {
	display: grid;
	flex: none;
	place-items: center;
	width: 72px;
	height: 72px;
}

.lupeo-bandeau-modele__photo .lupeo-bandeau-modele__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	/* Sans cadre : le fond blanc de la photo se fond dans le bandeau. */
	mix-blend-mode: multiply;
}

@media (max-width: 640px) {
	.lupeo-bandeau-modele__photo {
		width: 56px;
		height: 56px;
	}
}

body.lupeo-rayon-nuit .lupeo-bandeau-modele__invite {
	font-size: 16px;
}

body.lupeo-rayon-nuit a.lupeo-bandeau-modele__bouton--plein {
	padding: 13px 20px;
	border-radius: 999px;
	background: linear-gradient(145deg, #3BF09A 0%, #00B85D 100%);
	box-shadow: 0 0 0 4px rgba(0, 211, 107, .14), 0 12px 26px -12px rgba(0, 211, 107, .6);
	font-weight: 700;
	color: var(--lp-green-400-ink, #06231A);
	transition: transform .2s ease, box-shadow .2s ease;
}

body.lupeo-rayon-nuit a.lupeo-bandeau-modele__bouton--plein:hover,
body.lupeo-rayon-nuit a.lupeo-bandeau-modele__bouton--plein:focus-visible {
	background: linear-gradient(145deg, #3BF09A 0%, #00B85D 100%);
	color: var(--lp-green-400-ink, #06231A);
	transform: translateY(-2px);
	box-shadow: 0 0 0 6px rgba(0, 211, 107, .2), 0 16px 32px -12px rgba(0, 211, 107, .7);
}

/* Le bandeau quand un modèle est déjà choisi (filtre actif) : il reste de nuit, flottant de même. */
body.lupeo-rayon-nuit .lupeo-bandeau-modele--filtre {
	border-color: transparent;
	background:
		radial-gradient(60% 140% at 0% 0%, rgba(0, 211, 107, .22) 0%, rgba(0, 211, 107, 0) 60%),
		linear-gradient(150deg, #0B1F1A 0%, #08231D 100%);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 40px 80px -46px rgba(0, 0, 0, .8);
}

/* Bandeau sombre : la trottinette (souvent noire) reçoit une lueur claire qui suit sa silhouette, sans cadre. */
body.lupeo-rayon-nuit .lupeo-bandeau-modele--filtre .lupeo-bandeau-modele__img {
	mix-blend-mode: normal;
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, .55)) drop-shadow(0 0 8px rgba(255, 255, 255, .28));
}

body.lupeo-rayon-nuit .lupeo-bandeau-modele--filtre > svg {
	background: rgba(0, 211, 107, .16);
	color: var(--rn-eclat);
}

body.lupeo-rayon-nuit .lupeo-bandeau-modele__lien {
	border-radius: 999px;
}

/* =========================================================
   2. Les filtres et la grille
   ========================================================= */
body.lupeo-rayon-nuit .lupeo-filtres__groupes {
	border-radius: 20px;
	box-shadow: 0 24px 50px -40px rgba(1, 60, 56, .45);
}

body.lupeo-rayon-nuit .lupeo-filtre > summary,
body.lupeo-rayon-nuit .lupeo-filtres__ouvrir {
	border-radius: 12px;
}

body.lupeo-rayon-nuit .lupeo-filtre__liste {
	border-radius: 16px;
}

body.lupeo-rayon-nuit .lupeo-choix.est-coche .lupeo-choix__case {
	background: var(--lp-green-600, #007C75);
	box-shadow: 0 0 0 3px rgba(0, 211, 107, .18);
}

body.lupeo-rayon-nuit .lupeo-filtres__nb {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.015em;
}

body.lupeo-rayon-nuit .lupeo-filtres__tri .woocommerce-ordering select,
body.lupeo-rayon-nuit .woocommerce-ordering select {
	border-radius: 999px;
	padding-left: 16px;
}

body.lupeo-rayon-nuit .lupeo-pastille--retrait {
	background: var(--lp-ink, #0A0F0D);
	color: #fff;
}

body.lupeo-rayon-nuit .lupeo-pastille--retrait:hover {
	background: var(--lp-green-600, #007C75);
}

/* Les cartes : arrondies, soulevées au survol, ombre verte. */
body.lupeo-rayon-nuit ul.lupeo-liste .lupeo-card {
	border-radius: 18px;
	transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}

body.lupeo-rayon-nuit ul.lupeo-liste .lupeo-card:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 124, 117, .4);
	box-shadow: 0 26px 48px -28px rgba(1, 60, 56, .5);
}

/* La pagination : des pastilles ; la page courante en vert lumineux. */
body.lupeo-rayon-nuit nav.ct-pagination .page-numbers {
	border-radius: 999px;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.lupeo-rayon-nuit nav.ct-pagination a.page-numbers:hover {
	transform: translateY(-2px);
}

body.lupeo-rayon-nuit nav.ct-pagination .page-numbers.current {
	border-color: transparent;
	background: linear-gradient(145deg, #3BF09A 0%, #00B85D 100%);
	box-shadow: 0 0 0 4px rgba(0, 211, 107, .14);
	color: var(--lp-green-400-ink, #06231A);
}

/* =========================================================
   3. Le guide du rayon : tableau façon plan, questions en cartes
   ========================================================= */
body.lupeo-rayon-nuit .lupeo-conseil__t {
	font-size: clamp(30px, 3.4vw, 46px);
	letter-spacing: -.035em;
}

body.lupeo-rayon-nuit .lupeo-conseil__scroll {
	border-radius: 20px;
	box-shadow: 0 24px 50px -40px rgba(1, 60, 56, .45);
}

body.lupeo-rayon-nuit .lupeo-conseil__table caption {
	color: var(--lp-green-600, #007C75);
}

body.lupeo-rayon-nuit .lupeo-conseil__table thead th {
	background: var(--rn-nuit);
	color: #7CF0B5;
}

body.lupeo-rayon-nuit .lupeo-conseil__table tbody tr {
	transition: background-color .15s ease;
}

body.lupeo-rayon-nuit .lupeo-conseil__table tbody tr:hover {
	background: var(--lp-green-50, #F1FAF5);
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq {
	display: grid;
	gap: 10px;
	border: 0;
	background: transparent;
	overflow: visible;
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item {
	border: 1px solid var(--lp-line, #E4E8E6);
	border-radius: 16px;
	background: #fff;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item:last-child {
	border-bottom: 1px solid var(--lp-line, #E4E8E6);
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item:hover,
body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item[open] {
	border-color: rgba(0, 124, 117, .35);
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item[open] {
	background: linear-gradient(180deg, var(--lp-green-50, #F1FAF5) 0%, #fff 100%);
	box-shadow: 0 18px 40px -32px rgba(1, 60, 56, .5);
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__q::after {
	display: grid;
	flex: none;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--lp-surface-2, #F6F8F7);
	font-size: 17px;
	line-height: 1;
}

body.lupeo-rayon-nuit .lupeo-conseil .lupeo-faq__item[open] > .lupeo-faq__q::after {
	background: var(--lp-ink, #0A0F0D);
	color: #fff;
}

/* =========================================================
   Téléphone
   ========================================================= */
@media (max-width: 1040px) {
	/* La photo suit le texte (elle n'est plus posée à droite) : un peu d'air dessous avant le bandeau flottant. */
	body.lupeo-rayon-nuit .lupeo-rayon-photo {
		border-radius: 20px;
	}
}

@media (max-width: 640px) {
	body.lupeo-rayon-nuit .lupeo-bandeau-modele {
		border-radius: 18px;
	}

	body.lupeo-rayon-nuit .lupeo-bandeau-modele > svg {
		width: 34px;
		height: 34px;
		padding: 6px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.lupeo-rayon-nuit ul.lupeo-liste .lupeo-card:hover,
	body.lupeo-rayon-nuit nav.ct-pagination a.page-numbers:hover,
	body.lupeo-rayon-nuit .lupeo-rayon-tete a.lupeo-sousfam__tuile:hover {
		transform: none;
	}
}