/* Verre v4, 04/11/2026. Accueil « Le direct », têtes sombres en verre, barre newsletter. */
body.mma4 {
	--m4-sable: #F5F2EC; --m4-sable-c: #FAF8F4; --m4-filet: #D4CDC0; --m4-noir: #0D0D0D; --m4-os: #F5F2EC; --m4-os-a: #D8D2C8; --m4-os-b: #A8A29A;
	--m4-encre: #4E4A42; --m4-encre-a: #7C7669; --m4-rouge: #C0202A; --m4-rouge-c: #E5464F; --m4-rose: #FF8A90; --m4-or: #8A6A10; --m4-or-c: #C9A949; --m4-vert: #1F7A3A;
	--m4-cond: 'Barlow Condensed', 'Barlow', sans-serif; --m4-semi: 'Barlow Semi Condensed', 'Barlow', sans-serif; --m4-txt: 'Barlow', system-ui, sans-serif;
	--m4-oct: polygon(29.3% 0, 70.7% 0, 100% 29.3%, 100% 70.7%, 70.7% 100%, 29.3% 100%, 0 70.7%, 0 29.3%);
	--m4-verre-fond: linear-gradient(140deg, rgba(255,255,255,.2), rgba(255,255,255,.05) 45%, rgba(255,255,255,.1));
	--m4-verre-bord: rgba(255,255,255,.26);
	--m4-verre-ombre: inset 0 1px 0 rgba(255,255,255,.45), 0 30px 60px -30px rgba(0,0,0,.8);
}

/* Matière verre, réutilisée partout */
.m4-verre,
.mma4 .mma3-tete--sombre .mma3-dernier, .mma4 .mma3-tete--sombre .mma3-prochain, .mma4 .mma3-tete--sombre .mma3-stat, .mma4 .mma3-tete--sombre .mma3-bref--sombre,
.mma4 .kmf-hero .kmf-card, .mma4 .kmf-hero .kmf-tiles > div, .mma4 .kmf-stats .kmf-kpis > div,
.mma4 .kml-hero .kml-chips li, .mma4 .kml-hero .kml-btn:not(.kml-btn--red), .mma4 .kml-kpis__grid > div,
.mma4 .lc-hero .nx {
	background: var(--m4-verre-fond);
	-webkit-backdrop-filter: blur(22px) saturate(170%);
	backdrop-filter: blur(22px) saturate(170%);
	border: 1px solid var(--m4-verre-bord);
	box-shadow: var(--m4-verre-ombre);
	color: var(--m4-os);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.m4-verre { background: rgba(30,30,30,.86); }
}
.m4-et { font-family: var(--m4-semi); font-weight: 600; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; line-height: 1.35; }
.m4-et--rouge { color: var(--m4-rose); }
.m4-et--clair { color: var(--m4-os-a); }
.m4-et--or { color: var(--m4-or-c); }
.m4-oct { display: inline-block; width: 8px; height: 8px; background: var(--m4-rouge-c); clip-path: var(--m4-oct); flex: 0 0 auto; animation: m4-pouls 1.6s ease-in-out infinite; }
@keyframes m4-pouls { 50% { opacity: .35; } }

/* ─── Accueil : tête « Le direct » ─── */
.mma4-accueil .mma-a { overflow-x: clip; }
.m4-scene { position: relative; isolation: isolate; background: var(--m4-noir); color: var(--m4-os); border-bottom: 2px solid var(--m4-rouge); font-family: var(--m4-txt); font-variant-numeric: tabular-nums lining-nums; }
.m4-scene * { box-sizing: border-box; }
.m4-scene__fond { position: absolute; inset: 0; overflow: hidden; z-index: -1; }
.m4-scene__fond img, .m4-scene__fond video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.m4-scene__fond img { opacity: .8; }
.m4-scene__vid { opacity: 0; transition: opacity .8s ease; }
.m4-scene__vid.est-lue { opacity: .85; }
.m4-scene__fond::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,13,13,.9) 0%, rgba(13,13,13,.55) 52%, rgba(13,13,13,.25) 100%), linear-gradient(0deg, rgba(13,13,13,.8) 0%, rgba(13,13,13,0) 34%); }
.m4-scene__in { max-width: 84rem; margin: 0 auto; padding: 44px 32px 40px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 540px); column-gap: 56px; align-items: start; }
.m4-scene__in > * { grid-column: 1; }
.m4-direct { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 8px 14px; border-radius: 999px; background: rgba(13,13,13,.45); border: 1px solid rgba(255,255,255,.16); font-family: var(--m4-semi); font-weight: 600; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: var(--m4-os-a); justify-self: start; }
.m4-h1 { margin: 22px 0 0; font-family: var(--m4-cond); font-weight: 800; text-transform: uppercase; font-size: clamp(56px, 7.6vw, 112px); line-height: .86; letter-spacing: .004em; color: var(--m4-os); max-width: 11ch; }
.m4-intro { margin: 18px 0 0; max-width: 34rem; font-size: 18px; line-height: 1.55; color: var(--m4-os-a); }

/* Formulaire newsletter (tête et barre) */
.m4-nl { display: grid; font-family: var(--m4-txt); color: var(--m4-os); position: relative; }
.m4-nl__marque { display: grid; place-items: center; width: 44px; height: 44px; clip-path: var(--m4-oct); background: var(--m4-rouge); color: var(--m4-os); }
.m4-nl__txt { display: flex; flex-direction: column; min-width: 0; }
.m4-nl__et { font-family: var(--m4-semi); font-weight: 600; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: var(--m4-rose); }
.m4-nl__titre { font-family: var(--m4-cond); font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: .95; margin-top: 4px; }
.m4-nl__valeur { font-size: 15px; line-height: 1.5; color: var(--m4-os-a); margin-top: 8px; }
.m4-nl__champ { display: flex; gap: 8px; min-width: 0; }
.m4-nl__champ input { flex: 1 1 auto; min-width: 0; height: 48px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(13,13,13,.4); color: var(--m4-os); font: 500 16px/1 var(--m4-txt); }
.m4-nl__champ input::placeholder { color: var(--m4-os-b); }
.m4-nl__champ input:focus { outline: 2px solid var(--m4-rouge-c); outline-offset: 1px; }
.m4-nl__champ button { flex: 0 0 auto; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--m4-rouge); color: var(--m4-os); cursor: pointer; font-family: var(--m4-semi); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.m4-nl__champ button:hover, .m4-nl__champ button:focus-visible { background: var(--m4-rouge-c); }
.m4-nl__champ button[disabled] { opacity: .6; cursor: wait; }
.m4-nl__pot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.m4-nl__note { font-size: 12px; color: var(--m4-os-b); }
.m4-nl__note a { color: var(--m4-os-a); text-decoration: underline; text-underline-offset: 2px; }
.m4-nl__msg { font-size: 14px; line-height: 1.45; }
.m4-nl__msg:empty { display: none; }
.m4-nl[data-etat="ok"] .m4-nl__msg { color: #9FE0B2; }
.m4-nl[data-etat="invalide"] .m4-nl__msg, .m4-nl[data-etat="erreur"] .m4-nl__msg, .m4-nl[data-etat="limite"] .m4-nl__msg { color: var(--m4-rose); }
.m4-nl[data-etat="ok"] .m4-nl__champ, .m4-nl[data-etat="ok"] .m4-nl__note { display: none; }

.m4-nl--tete { margin-top: 26px; max-width: 38rem; padding: 20px 22px; border-radius: 22px; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; row-gap: 14px; align-items: start; }
.m4-nl--tete .m4-nl__champ, .m4-nl--tete .m4-nl__note, .m4-nl--tete .m4-nl__msg { grid-column: 1 / -1; }

/* Carrousel des galas */
.m4-carrousel { grid-column: 2; grid-row: 1 / span 6; position: relative; min-height: 500px; perspective: 1400px; align-self: center; }
.m4-carte { position: absolute; inset: 0 0 auto 0; display: flex; flex-direction: column; padding: 24px 26px 22px; border-radius: 24px; color: var(--m4-os) !important; text-decoration: none !important; transform-origin: 50% 50%; transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .45s ease, filter .45s ease; will-change: transform; }
.m4-carte[data-pos="0"] { z-index: 3; transform: none; }
.m4-carte[data-pos="1"] { z-index: 2; transform: translateX(16%) translateY(22px) scale(.86) rotateY(-14deg); opacity: .62; filter: saturate(.7); cursor: pointer; }
.m4-carte[data-pos="2"] { z-index: 1; transform: translateX(-16%) translateY(22px) scale(.86) rotateY(14deg); opacity: .62; filter: saturate(.7); cursor: pointer; }
.m4-carte[data-pos="1"] *, .m4-carte[data-pos="2"] * { pointer-events: none; }
.m4-carte__haut { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.m4-carte__j { font-family: var(--m4-cond); font-weight: 800; font-size: 38px; line-height: 1; }
.m4-carte__nom { display: block; margin: 12px 0 8px; font-family: var(--m4-cond); font-weight: 800; text-transform: uppercase; font-size: clamp(34px, 3.4vw, 48px); line-height: .92; }
.m4-carte__duel { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: end; margin: 22px 0 6px; }
.m4-carte__c { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.m4-carte__c--d { align-items: flex-end; text-align: right; }
.m4-carte__c b { font-family: var(--m4-cond); font-weight: 700; text-transform: uppercase; font-size: 22px; line-height: 1; }
.m4-carte__photo, .m4-carte .mma3-photo { width: 84px !important; height: 84px !important; clip-path: var(--m4-oct); object-fit: cover; object-position: 50% 15%; background: var(--m4-os); color: var(--m4-noir); display: grid; place-items: center; font-family: var(--m4-cond); font-weight: 800; font-size: 28px; flex: 0 0 auto; }
.m4-carte__vs { font-family: var(--m4-cond); font-weight: 700; font-size: 18px; color: var(--m4-rose); padding-bottom: 28px; }
.m4-carte__aff { display: block; margin: 18px 0 6px; font-family: var(--m4-cond); font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 1.05; }
.m4-carte__h { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin-top: 18px; border-top: 1px solid rgba(255,255,255,.18); }
.m4-carte__h > span { padding: 12px 12px 0; border-left: 1px solid rgba(255,255,255,.18); }
.m4-carte__h > span:first-child { padding-left: 0; border-left: 0; }
.m4-carte__h i { display: block; font-style: normal; font-family: var(--m4-semi); font-weight: 600; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--m4-os-a); }
.m4-carte__h b { display: block; margin-top: 4px; font-family: var(--m4-cond); font-weight: 800; font-size: 28px; line-height: 1; }
.m4-carte__cta { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 20px; padding: 11px 18px; border-radius: 999px; background: var(--m4-rouge); font-family: var(--m4-semi); font-weight: 600; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.m4-carte[data-pos="0"]:hover .m4-carte__cta, .m4-carte[data-pos="0"]:focus-visible .m4-carte__cta { background: var(--m4-rouge-c); }
.m4-carte:focus-visible { outline: 2px solid var(--m4-rouge-c); outline-offset: 3px; }
.m4-carrousel__nav { position: absolute; z-index: 4; right: 6px; bottom: -6px; display: flex; gap: 8px; }
.m4-carrousel__nav button { width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--m4-verre-bord); background: rgba(13,13,13,.5); color: var(--m4-os); font-size: 18px; cursor: pointer; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.m4-carrousel__nav button:hover, .m4-carrousel__nav button:focus-visible { background: var(--m4-rouge); border-color: var(--m4-rouge); }

/* Bandeau des derniers résultats */
.m4-ticker { border-top: 1px solid rgba(255,255,255,.14); background: rgba(13,13,13,.55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.m4-ticker__in { max-width: 84rem; margin: 0 auto; padding: 14px 32px; display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: baseline; font-size: 14px; color: var(--m4-os-a); }
.m4-ticker__in a { text-decoration: none; }
.m4-ticker__in b { color: var(--m4-os); font-weight: 600; }
.m4-ticker__in i { font-style: normal; color: var(--m4-os-b); }

/* Recherche et chiffres, sous la tête */
.m4-outils { max-width: 84rem; margin: 0 auto; padding: 36px 32px 8px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 20px; align-items: stretch; font-family: var(--m4-txt); }
.m4-outils * { box-sizing: border-box; }
.m4-cherche { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 22px; background: var(--m4-sable-c); border: 1px solid var(--m4-filet); margin: 0; }
.m4-cherche .m4-et { color: var(--m4-encre-a); }
.m4-cherche__champ { display: flex; gap: 8px; }
.m4-cherche__champ input { flex: 1 1 auto; min-width: 0; height: 50px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--m4-filet); background: #fff; font: 500 16px/1 var(--m4-txt); color: var(--m4-noir); }
.m4-cherche__champ input:focus { outline: 2px solid var(--m4-rouge); outline-offset: 1px; }
.m4-cherche__champ button { height: 50px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--m4-noir); color: var(--m4-os); font-family: var(--m4-semi); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.m4-cherche__champ button:hover { background: var(--m4-rouge); }
.m4-cherche__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.m4-cherche__chips a { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--m4-filet); background: #fff; color: var(--m4-encre) !important; font-size: 13px; text-decoration: none; }
.m4-cherche__chips a:hover { border-color: var(--m4-noir); color: var(--m4-noir) !important; }
.m4-chiffres { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.m4-chiffres li { margin: 0; }
.m4-chiffres li > a, .m4-chiffres li > span { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 16px 18px; border-radius: 18px; background: var(--m4-sable-c); border: 1px solid var(--m4-filet); color: var(--m4-noir) !important; text-decoration: none; transition: background .2s, color .2s; }
.m4-chiffres li > a:hover { background: var(--m4-noir); color: var(--m4-os) !important; }
.m4-chiffres b { font-family: var(--m4-cond); font-weight: 800; font-size: 40px; line-height: .95; }
.m4-chiffres span span { margin-top: 8px; font-family: var(--m4-semi); font-weight: 600; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--m4-encre-a); }
.m4-chiffres a:hover span { color: var(--m4-os-b); }

/* ─── Barre collante newsletter ─── */
.m4-barre { position: fixed; z-index: 9990; left: 0; right: 0; bottom: 0; padding: 0 16px 14px; pointer-events: none; transform: translateY(120%); transition: transform .45s cubic-bezier(.2,.8,.2,1); font-family: var(--m4-txt); }
.m4-barre.est-visible { transform: none; }
.m4-barre__in { pointer-events: auto; position: relative; max-width: 1100px; margin: 0 auto; border-radius: 22px; background: rgba(18,18,18,.72); -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%); border: 1px solid var(--m4-verre-bord); box-shadow: var(--m4-verre-ombre); padding: 12px 64px 12px 14px; }
.m4-nl--barre { grid-template-columns: auto minmax(0, 1fr) minmax(0, 420px); column-gap: 14px; row-gap: 4px; align-items: center; }
.m4-nl--barre .m4-nl__titre { font-size: 22px; }
.m4-nl--barre .m4-nl__valeur { font-size: 13px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m4-nl--barre .m4-nl__champ input, .m4-nl--barre .m4-nl__champ button { height: 44px; }
.m4-nl--barre .m4-nl__note { grid-column: 3; padding-left: 16px; font-size: 11px; }
.m4-nl--barre .m4-nl__msg { grid-column: 2 / -1; }
.m4-barre__x { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); background: transparent; color: var(--m4-os-a); font-size: 20px; line-height: 1; cursor: pointer; }
.m4-barre__x:hover { color: var(--m4-os); border-color: var(--m4-os-a); }
body.m4-barre-on { padding-bottom: 96px; }

/* ─── Pages v3 : têtes sombres sur photo, cartes en verre ─── */
.mma4 .mma3-tete--sombre { isolation: isolate; overflow: hidden; }
.mma4 .mma3-tete--sombre::before { content: ''; position: absolute; inset: 0; z-index: -2; background: var(--m4-fond, none) center 30% / cover no-repeat; opacity: .6; transform: scale(1.04); }
.mma4 .mma3-tete--sombre::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(13,13,13,.94) 0%, rgba(13,13,13,.62) 55%, rgba(13,13,13,.35) 100%), linear-gradient(0deg, rgba(13,13,13,.7), rgba(13,13,13,0) 45%); }
.mma4 .mma3-tete--sombre .mma3-dernier, .mma4 .mma3-tete--sombre .mma3-prochain { border-radius: 22px; overflow: hidden; }
.mma4 .mma3-tete--sombre .mma3-dernier__bilan, .mma4 .mma3-tete--sombre .mma3-prochain__haut { border-color: rgba(255,255,255,.18); }
.mma4 .mma3-tete--sombre .mma3-fac__res { border-color: rgba(255,255,255,.18); }
.mma4 .mma3-tete--sombre .mma3-fac__res > div { border-color: rgba(255,255,255,.18); }
.mma4 .mma3-tete--sombre .mma3-stats { border-top: 0; gap: 10px; max-width: 680px; }
.mma4 .mma3-tete--sombre .mma3-stat, .mma4 .mma3-tete--sombre .mma3-stat:first-child { padding: 16px 18px; border-radius: 18px; }
.mma4 .mma3-tete--sombre .mma3-stat__l { color: var(--m4-os-a); }
.mma4 .mma3-tete--sombre .mma3-bref--sombre { padding: 18px 22px 10px; border-radius: 20px; }
.mma4 .mma3-tete--sombre .mma3-badge { border-radius: 6px; }
.mma4 .mma3-tete--sombre .mma3-badge:not(.mma3-badge--or):not(.mma3-badge--rouge):not(.mma3-badge--vert) { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); }
.mma4 .mma3-tete--sombre .mma3-h1__s { color: #C9C3BA; }

/* ─── Fiche combattant : photo floutée derrière la tête ─── */
.mma4 .kmf-hero { position: relative; isolation: isolate; }
.mma4 .kmf-hero::before { content: ''; position: absolute; inset: -40px; z-index: -2; background: var(--kmf-fond, var(--m4-fond, none)) center 20% / cover no-repeat; filter: blur(30px) saturate(130%); opacity: .5; }
.mma4 .kmf-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 70% 30%, rgba(192,32,42,.25), transparent 60%), linear-gradient(90deg, rgba(13,13,13,.92) 0%, rgba(13,13,13,.55) 60%, rgba(13,13,13,.4) 100%); }
.mma4 .kmf-hero .kmf-card { border-radius: 20px; padding: 20px 22px; }
.mma4 .kmf-hero .kmf-card--next { border-left: 1px solid var(--m4-verre-bord); }
.mma4 .kmf-hero .kmf-card--next .kmf-card__label { color: var(--m4-rose); }
.mma4 .kmf-hero .kmf-card__link { border-radius: 999px; border-color: rgba(255,255,255,.4); }
.mma4 .kmf-hero .kmf-chip { border-radius: 6px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); }
.mma4 .kmf-hero .kmf-chip--or { background: var(--m4-or); border-color: var(--m4-or); color: var(--m4-os); }
.mma4 .kmf-hero .kmf-tiles { border-top: 0; gap: 10px; }
.mma4 .kmf-hero .kmf-tiles > div, .mma4 .kmf-hero .kmf-tiles > div + div { padding: 14px 16px; border-radius: 16px; }
.mma4 .kmf-hero .kmf-tiles b { font-size: 44px; }
.mma4 .kmf-portrait::after { background: linear-gradient(0deg, rgba(13,13,13,.9), rgba(13,13,13,0)); }
.mma4 .kmf-stats { position: relative; isolation: isolate; overflow: hidden; }
.mma4 .kmf-stats .kmf-kpis { background: transparent; gap: 10px; }
.mma4 .kmf-stats .kmf-kpis > div { border-radius: 16px; border-right: 1px solid var(--m4-verre-bord); }
.mma4 .kmf-stats .kmf-kpis b { color: var(--m4-os); }
.mma4 .kmf-stats .kmf-kpis span { color: var(--m4-os-a); }

/* ─── Page ligue ─── */
.mma4 .kml-hero { isolation: isolate; }
.mma4 .kml-hero::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(13,13,13,.94) 0%, rgba(13,13,13,.62) 55%, rgba(13,13,13,.32) 100%), var(--m4-fond, none) center 30% / cover no-repeat; opacity: 1; }
.mma4 .kml-hero__mark { -webkit-text-stroke-color: rgba(255,255,255,.05); }
.mma4 .kml-hero .kml-chips li { border-radius: 999px; padding: 7px 13px; }
.mma4 .kml-hero .kml-btn { border-radius: 999px; }
.m4-logo { display: inline-flex; align-items: center; padding: 14px 20px; margin: 0 0 22px; border-radius: 18px; }
.m4-logo img { display: block; height: 56px; width: auto; max-width: 220px; object-fit: contain; }
.mma4 .kml-kpis { background: var(--m4-noir); border-bottom: 2px solid var(--m4-rouge); padding: 0 0 28px; }
.mma4 .kml-kpis__grid { gap: 10px; }
.mma4 .kml-kpis__grid > div { border-radius: 18px; padding: 18px 20px; }
.mma4 .kml-kpis b { color: var(--m4-os); }
.mma4 .kml-kpis span { color: var(--m4-os-a); }

/* ─── Page newsletter ─── */
.mma4 .lc-hero { isolation: isolate; }
.mma4 .lc-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(13,13,13,.94) 0%, rgba(13,13,13,.6) 60%, rgba(13,13,13,.35) 100%), var(--m4-fond, none) center 30% / cover no-repeat; }
.mma4 .lc-hero .nx { padding: 20px 22px; border-radius: 22px; }

/* ─── Mobile ─── */
@media (max-width: 1080px) {
	.m4-scene__in { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); column-gap: 32px; }
	.m4-outils { grid-template-columns: 1fr; }
}
@media (max-width: 899px) {
	.m4-scene__in { display: block; padding: 28px 16px 28px; }
	.m4-h1 { font-size: clamp(48px, 15vw, 72px); }
	.m4-intro { font-size: 16px; }
	.m4-nl--tete { padding: 16px; border-radius: 18px; }
	.m4-nl__titre { font-size: 24px; }
	.m4-nl__champ { flex-wrap: wrap; }
	.m4-nl__champ input { flex-basis: 100%; }
	.m4-nl__champ button { flex: 1 1 100%; }
	.m4-carrousel { min-height: 0; margin: 26px -16px 0; padding: 0 16px 6px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; perspective: none; scrollbar-width: none; }
	.m4-carrousel::-webkit-scrollbar { display: none; }
	.m4-carte, .m4-carte[data-pos] { position: relative; inset: auto; flex: 0 0 86%; transform: none; opacity: 1; filter: none; scroll-snap-align: start; padding: 20px; }
	.m4-carte[data-pos] * { pointer-events: auto; }
	.m4-carte__nom { font-size: 34px; }
	.m4-carte__photo, .m4-carte .mma3-photo { width: 64px !important; height: 64px !important; font-size: 22px; }
	.m4-carte__c b { font-size: 18px; }
	.m4-carte__h b { font-size: 22px; }
	.m4-carrousel__nav { display: none; }
	.m4-ticker__in { padding: 12px 16px; font-size: 13px; }
	.m4-outils { padding: 24px 16px 4px; }
	.m4-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m4-chiffres b { font-size: 32px; }
	.m4-barre { padding: 0 8px 8px; }
	.m4-barre__in { padding: 10px 44px 10px 10px; border-radius: 18px; }
	.m4-nl--barre { grid-template-columns: auto minmax(0, 1fr); row-gap: 8px; }
	.m4-nl--barre .m4-nl__marque { width: 34px; height: 34px; }
	.m4-nl--barre .m4-nl__marque svg { width: 18px; height: 18px; }
	.m4-nl--barre .m4-nl__et, .m4-nl--barre .m4-nl__valeur, .m4-nl--barre .m4-nl__note { display: none; }
	.m4-nl--barre .m4-nl__titre { font-size: 18px; margin-top: 0; }
	.m4-nl--barre .m4-nl__champ { grid-column: 1 / -1; flex-wrap: nowrap; }
	.m4-nl--barre .m4-nl__champ input { flex-basis: auto; }
	.m4-nl--barre .m4-nl__champ button { flex: 0 0 auto; padding: 0 16px; }
	.m4-nl--barre .m4-nl__msg { grid-column: 1 / -1; }
	.m4-barre__x { top: 14px; transform: none; }
	body.m4-barre-on { padding-bottom: 130px; }
	.mma4 .mma3-tete--sombre .mma3-stats { grid-template-columns: 1fr 1fr; }
	.mma4 .kmf-hero .kmf-tiles b { font-size: 34px; }
	.m4-logo img { height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
	.m4-carte, .m4-barre, .m4-oct { transition: none; animation: none; }
}

/* ─── UFC ce soir (gabarit v3 « cesoir ») ─── */
.m4-carte__photo img, .m4-carte .mma3-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; display: block; }
.m4-soir { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 18px; margin-top: 32px; max-width: 1080px; font-family: var(--m4-txt); }
.m4-soir__gala { display: flex; flex-direction: column; padding: 24px 26px; border-radius: 24px; }
.m4-soir__gala a { color: var(--m4-os) !important; }
.m4-soir__gala a:hover b { color: var(--m4-rose); }
.m4-soir__cote { display: grid; gap: 18px; align-content: start; }
.m4-soir__h, .m4-soir__tv { padding: 20px 22px; border-radius: 22px; }
.m4-soir__h .m4-carte__h { border-top: 0; margin-top: 8px; }
.m4-soir__h .m4-carte__h b { font-size: 44px; }
.m4-soir__tv b { display: block; margin-top: 6px; font-family: var(--m4-cond); font-weight: 800; text-transform: uppercase; font-size: 32px; line-height: 1; }
.m4-soir__gala .m4-carte__haut .m4-et { display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 899px) {
	.m4-soir { grid-template-columns: 1fr; }
	.m4-soir__gala { padding: 20px; }
	.m4-soir__h .m4-carte__h b { font-size: 34px; }
}
.mma4 .mma3--standard .mma3-tete--sombre .mma3-bref--sombre, .mma4 .mma3--cesoir .mma3-tete--sombre .mma3-bref--sombre { margin-top: 32px; }