/* Mercerie Cousine — feuille du thème (mode clair uniquement). Préfixe .mcz- ; blocs figés habillés via --sb-*. */

@font-face{ font-family:'Fjalla One'; font-style:normal; font-weight:400; font-display:swap; src:url(../fonts/fjalla-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Fjalla One'; font-style:normal; font-weight:400; font-display:swap; src:url(../fonts/fjalla-latinext.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Gantari'; font-style:normal; font-weight:300 800; font-display:swap; src:url(../fonts/gantari-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Gantari'; font-style:normal; font-weight:300 800; font-display:swap; src:url(../fonts/gantari-latinext.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root{
	--mcz-toile:#F6F7F4; --mcz-blanc:#FFFFFF; --mcz-lin:#E3E9F3; --mcz-fleur:#5874B0; --mcz-encre:#1A2030;
	--mcz-indigo:#1F2A5C; --mcz-nuit:#151C40; --mcz-fil:#A83F16; --mcz-ticket:#F7DDD4; --mcz-fleur-clair:#A9BDE6;
	--mcz-reseda:#4C6331; --mcz-gris-lin:#565C63; --mcz-filet:#D3DAE6;
	--mcz-ombre-1:0 2px 6px rgba(27,35,80,.06), 0 10px 28px rgba(27,35,80,.08);
	--mcz-ombre-2:0 6px 14px rgba(27,35,80,.08), 0 28px 60px rgba(27,35,80,.16);
	--mcz-titre:'Fjalla One','Arial Narrow',sans-serif; --mcz-texte:'Gantari',system-ui,-apple-system,sans-serif;
	--mcz-conteneur:1280px; --mcz-gout:32px; --mcz-dent:10px; --mcz-entete:72px;
	/* Jetons communs des blocs figés */
	--sb-conteneur:1280px; --sb-lecture:740px; --sb-rail:344px; --sb-gouttiere:32px;
	--sb-accent:var(--mcz-fil); --sb-accent-clair:var(--mcz-ticket); --sb-encre:var(--mcz-encre); --sb-doux:var(--mcz-gris-lin);
	--sb-filet:var(--mcz-filet); --sb-fond-carte:var(--mcz-blanc); --sb-surf:var(--mcz-lin); --sb-fonce:var(--mcz-nuit); --sb-sur-fonce:#FFFFFF;
	--sb-rayon:18px; --sb-rayon-grand:22px; --sb-ombre:var(--mcz-ombre-1); --sb-ombre-forte:var(--mcz-ombre-2);
	--sb-titre:var(--mcz-titre); --sb-texte:var(--mcz-texte);
}
@media (min-width:1700px){ :root{ --mcz-conteneur:1360px; --sb-conteneur:1360px; } }
@media (max-width:760px){ :root{ --mcz-gout:20px; --sb-gouttiere:20px; --mcz-dent:7px; --mcz-entete:64px; } }

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--mcz-entete) + 16px); -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--mcz-toile); color:var(--mcz-encre); font-family:var(--mcz-texte); font-size:18px; line-height:1.62; font-variant-numeric:lining-nums; overflow-x:clip; }
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--mcz-indigo); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible{ outline:2px solid var(--mcz-fil); outline-offset:3px; }
h1,h2,h3,h4{ color:var(--mcz-indigo); }
.mcz-sr, .screen-reader-text{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mcz-saut{ position:absolute; left:-999px; top:8px; z-index:200; background:var(--mcz-indigo); color:#fff; padding:10px 16px; border-radius:999px; }
.mcz-saut:focus{ left:16px; }
.mcz-conteneur{ max-width:var(--mcz-conteneur); margin-inline:auto; padding-inline:var(--mcz-gout); }
.mcz-grain{ background-color:var(--mcz-toile); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .13 0 0 0 0 .3 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, rgba(31,42,92,.018) 0 1px, transparent 1px 4px), repeating-linear-gradient(0deg, rgba(31,42,92,.018) 0 1px, transparent 1px 4px); }

/* ——— Boutons ——— */
.mcz-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:14px 28px; border-radius:999px; border:0; font:700 1rem/1.15 var(--mcz-texte); text-decoration:none; cursor:pointer; white-space:nowrap; transition:transform .18s ease, box-shadow .18s ease, background .18s; }
.mcz-btn:hover{ transform:translateY(-2px); box-shadow:var(--mcz-ombre-1); }
.mcz-btn--fil{ background:var(--mcz-fil); color:#fff; }
.mcz-btn--fil:hover{ background:#8F3512; }
.mcz-btn--indigo{ background:var(--mcz-indigo); color:#fff; }
.mcz-btn--ticket{ background:var(--mcz-ticket); color:var(--mcz-indigo); }
.mcz-btn--contour{ background:transparent; color:var(--mcz-indigo); box-shadow:inset 0 0 0 2px var(--mcz-indigo); }
.mcz-btn--contour:hover{ background:var(--mcz-indigo); color:#fff; }
.mcz-btn--petit{ min-height:42px; padding:10px 20px; font-size:.9375rem; }
.mcz-lien-doux{ display:inline-flex; align-items:center; gap:10px; color:var(--mcz-indigo); font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; text-decoration-style:dashed; text-decoration-color:var(--mcz-fil); }
.mcz-lien-doux .mcz-picto{ color:var(--mcz-fleur); }
.mcz-lien-fil{ color:var(--mcz-fil); font-weight:700; text-underline-offset:4px; }

/* ——— Lisière imprimée ——— */
.mcz-lisiere{ position:relative; display:flex; align-items:center; height:28px; background:var(--mcz-lin); color:var(--mcz-indigo); overflow:hidden; border-block:1px solid rgba(31,42,92,.08); }
.mcz-lisiere::before{ content:""; position:absolute; left:0; right:0; top:3px; border-top:1px dashed rgba(31,42,92,.18); }
.mcz-lisiere-texte{ flex:1; min-width:0; overflow:hidden; display:flex; align-items:center; gap:14px; white-space:nowrap; padding-left:16px; font:600 11px/1 var(--mcz-texte); letter-spacing:.12em; text-transform:uppercase; }
.mcz-lisiere-texte i{ display:inline-block; width:6px; height:6px; transform:rotate(45deg); background:var(--mcz-fleur); }
.mcz-lisiere-texte i:nth-of-type(3n+2){ background:var(--mcz-fil); }
.mcz-lisiere-texte i:nth-of-type(3n){ background:var(--mcz-reseda); }
.mcz-lisiere-pastilles{ flex:none; display:flex; gap:7px; padding:0 16px 0 20px; height:100%; align-items:center; background:var(--mcz-lin); box-shadow:-16px 0 16px var(--mcz-lin); }
.mcz-lisiere-pastilles b, .mcz-pied-pastilles b{ width:11px; height:11px; border-radius:50%; background:var(--p); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55); }
.mcz-lisiere-pastilles b.est-active{ outline:2px solid var(--mcz-indigo); outline-offset:2px; }
.mcz-lisiere--nuit{ background:#1C2450; color:var(--mcz-fleur-clair); border-color:rgba(255,255,255,.06); }
.mcz-lisiere--nuit .mcz-lisiere-pastilles{ background:#1C2450; box-shadow:-16px 0 16px #1C2450; }
.mcz-lisiere--nuit::before{ border-color:rgba(169,189,230,.25); }

/* ——— Étiquette cousue ——— */
.mcz-etiquette{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; background:var(--mcz-ticket); color:var(--mcz-indigo); border-radius:6px; font:700 11px/1.2 var(--mcz-texte); letter-spacing:.1em; text-transform:uppercase; box-shadow:var(--mcz-ombre-2); transform:rotate(-2deg); white-space:nowrap; }
.mcz-etiquette i{ width:2px; height:12px; border-left:2px solid var(--mcz-fil); border-right:2px solid var(--mcz-fil); width:7px; opacity:.85; }
.mcz-etiquette--carte{ position:absolute; left:16px; bottom:-12px; z-index:2; }
.mcz-etiquette--flotte{ position:absolute; z-index:3; right:-14px; bottom:28px; transform:rotate(3deg); font-size:12px; padding:8px 12px; }

/* ——— Coupon cranté (UN seul bord) ——— */
.mcz-coupon{ position:relative; margin:0; filter:drop-shadow(0 2px 6px rgba(27,35,80,.07)) drop-shadow(0 12px 24px rgba(27,35,80,.10)); }
.mcz-coupon img{ width:100%; height:100%; object-fit:cover; border-radius:14px; }
.mcz-coupon--gauche img{ border-radius:0 14px 14px 0; -webkit-mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) 0 50%/51% calc(2*var(--mcz-dent)) repeat-y, linear-gradient(#000 0 0) right/50% 100% no-repeat; mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) 0 50%/51% calc(2*var(--mcz-dent)) repeat-y, linear-gradient(#000 0 0) right/50% 100% no-repeat; }
.mcz-coupon--haut img{ border-radius:0 0 14px 14px; -webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) bottom/100% 50% no-repeat; mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) bottom/100% 50% no-repeat; }
.mcz-coupon--bas img{ border-radius:14px 14px 0 0; -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; }
.mcz-credit{ position:absolute; right:12px; bottom:10px; z-index:2; font:500 10px/1 var(--mcz-texte); color:#fff; background:rgba(21,28,64,.55); padding:4px 7px; border-radius:4px; letter-spacing:.02em; }
.mcz-epingle{ position:absolute; z-index:4; pointer-events:none; filter:drop-shadow(0 3px 3px rgba(27,35,80,.25)); }

/* ——— En-tête ——— */
.mcz-entete{ position:sticky; top:0; z-index:60; background:rgba(246,247,244,.94); backdrop-filter:saturate(1.2) blur(10px); -webkit-backdrop-filter:saturate(1.2) blur(10px); border-bottom:1px solid rgba(31,42,92,.08); }
.mcz-entete-in{ max-width:var(--mcz-conteneur); margin-inline:auto; padding-inline:var(--mcz-gout); height:var(--mcz-entete); display:flex; align-items:center; gap:28px; }
.mcz-logo{ flex:none; display:block; line-height:0; }
.mcz-logo .mcz-logo-svg{ width:156px; height:auto; }
.mcz-nav{ flex:1; min-width:0; }
.mcz-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:4px; justify-content:center; }
.mcz-nav a{ display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:999px; color:var(--mcz-encre); text-decoration:none; font-weight:600; font-size:.9688rem; white-space:nowrap; }
.mcz-nav a:hover{ background:var(--mcz-lin); }
.mcz-nav .est-actif a{ background:var(--mcz-indigo); color:#fff; }
.mcz-pastille{ width:9px; height:9px; border-radius:50%; background:var(--p); box-shadow:0 0 0 2px rgba(255,255,255,.7); }
.mcz-entete-actions{ flex:none; display:flex; align-items:center; gap:8px; }
.mcz-icone-btn{ width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:var(--mcz-indigo); cursor:pointer; }
.mcz-icone-btn:hover{ background:var(--mcz-lin); }
.mcz-burger{ display:none; }
.mcz-recherche{ border-top:1px solid rgba(31,42,92,.08); padding:14px var(--mcz-gout); background:var(--mcz-toile); }
.mcz-recherche[hidden]{ display:none; }
.mcz-form-recherche{ display:flex; gap:10px; max-width:720px; margin-inline:auto; }
.mcz-form-recherche input{ flex:1; min-width:0; height:52px; padding:0 20px; border-radius:999px; border:1.5px solid var(--mcz-filet); background:#fff; font:400 1rem var(--mcz-texte); color:var(--mcz-encre); }
@media (max-width:1180px){
	.mcz-burger{ display:grid; }
	.mcz-nav{ position:fixed; inset:var(--mcz-entete) 0 auto 0; background:var(--mcz-toile); border-bottom:1px solid var(--mcz-filet); padding:12px var(--mcz-gout) 20px; display:none; box-shadow:var(--mcz-ombre-2); }
	.mcz-nav.est-ouvert{ display:block; }
	.mcz-nav ul{ flex-direction:column; gap:2px; }
	.mcz-nav a{ font-size:1.125rem; padding:14px 12px; }
	.mcz-entete-in{ justify-content:space-between; }
}
@media (max-width:520px){ .mcz-entete-actions .mcz-btn{ display:none; } .mcz-logo .mcz-logo-svg{ width:136px; } .mcz-entete-in{ gap:8px; } }

/* ——— Titres ——— */
.mcz-h1{ margin:0; font:400 clamp(42px, 1.1rem + 3.6vw, 86px)/.98 var(--mcz-titre); letter-spacing:.005em; color:var(--mcz-indigo); }
.mcz-h1 span{ display:block; }
.mcz-h1-fil{ color:var(--mcz-fil); }
.mcz-h1--page{ font-size:clamp(38px, 1rem + 3vw, 72px); }
.mcz-h2{ margin:0; font:400 clamp(32px, 1rem + 2.1vw, 54px)/1.04 var(--mcz-titre); color:var(--mcz-indigo); letter-spacing:.005em; }
.mcz-h3{ margin:0 0 6px; font:700 1.3125rem/1.25 var(--mcz-texte); color:var(--mcz-indigo); }
.mcz-page-h1{ margin:0; font:400 clamp(36px, 1rem + 2.6vw, 64px)/1.02 var(--mcz-titre); color:var(--mcz-indigo); }
.mcz-ariane{ display:flex; flex-wrap:wrap; gap:8px; font-size:.875rem; font-weight:500; color:var(--mcz-gris-lin); margin-bottom:14px; padding:0; }
.mcz-ariane a{ color:var(--mcz-gris-lin); }

/* ——— Sections ——— */
.mcz-section{ position:relative; padding-block:clamp(48px, 5vw, 72px); }
.mcz-section > .mcz-lisiere:first-child{ position:absolute; top:0; left:0; right:0; }
.mcz-section--serree{ padding-block:clamp(40px, 4.4vw, 64px); }
.mcz-fond-toile{ background:var(--mcz-toile); }
.mcz-fond-blanc{ background:var(--mcz-blanc); }
.mcz-fond-lin{ background:var(--mcz-lin); }
.mcz-fond-indigo{ background:var(--mcz-indigo); color:#fff; }
.mcz-fond-nuit{ background:var(--mcz-nuit); color:#fff; }
.mcz-section-tete{ display:flex; flex-direction:column; gap:8px; margin-bottom:clamp(24px,2.4vw,34px); max-width:720px; }
.mcz-section-tete p{ margin:0; font-size:1.125rem; color:var(--mcz-gris-lin); }
.mcz-section-tete--clair .mcz-h2{ color:#fff; }
.mcz-section-tete--clair p{ color:var(--mcz-fleur-clair); }
.mcz-section-tete--ligne{ max-width:none; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.mcz-section-tete--ligne > div{ display:flex; flex-direction:column; gap:10px; max-width:720px; }

/* ——— Coche + preuves ——— */
.mcz-preuves{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.mcz-preuves li{ display:flex; align-items:center; gap:12px; font-weight:600; font-size:1rem; color:var(--mcz-encre); }
.mcz-coche{ flex:none; }

/* ═════════ 1. HERO ═════════ */
.mcz-hero{ position:relative; overflow:clip; }
.mcz-hero-in{ position:relative; z-index:1; max-width:var(--mcz-conteneur); margin-inline:auto; padding:clamp(28px,3.4vh,48px) var(--mcz-gout); min-height:min(calc(100svh - var(--mcz-entete)), 880px); display:grid; grid-template-columns:minmax(0,46fr) minmax(0,54fr); gap:56px; align-items:center; }
.mcz-hero-texte{ display:flex; flex-direction:column; gap:24px; align-items:flex-start; }
.mcz-hero-chapo{ margin:0; font-size:clamp(17px, .9rem + .3vw, 19.5px); line-height:1.55; color:var(--mcz-encre); max-width:54ch; }
.mcz-hero-mobile-btn{ display:none; }
.mcz-hero-texte{ grid-area:1/1; }
.mcz-hero-visuel{ grid-area:1/2; position:relative; align-self:stretch; min-height:520px; margin-right:calc(min(0px, (var(--mcz-conteneur) - 100vw) / 2) - var(--mcz-gout)); margin-block:calc(-1 * clamp(28px,3.4vh,48px)); }
.mcz-hero-photo{ position:absolute; top:0; bottom:0; right:0; left:64px; }
.mcz-hero-photo img{ border-radius:0!important; }
.mcz-hero-photo img{ object-position:60% 40%; }
.mcz-hero-visuel > .mcz-epingle{ left:50px; top:22px; transform:rotate(-18deg); }
.mcz-etiquette-demo{ position:absolute; z-index:4; top:clamp(40px,7vh,72px); right:clamp(40px,6vw,120px); width:184px; padding:14px 16px 12px; background:#fff; border-radius:6px; transform:rotate(3deg); box-shadow:var(--mcz-ombre-2); color:var(--mcz-indigo); text-decoration:none; transition:transform .25s ease; }
.mcz-etiquette-demo::before, .mcz-etiquette-demo::after{ content:""; position:absolute; top:6px; width:8px; height:10px; border-left:2px solid var(--mcz-fil); border-right:2px solid var(--mcz-fil); }
.mcz-etiquette-demo::before{ left:8px; } .mcz-etiquette-demo::after{ right:8px; }
.mcz-etiquette-demo:hover{ transform:rotate(1deg) translateY(-3px); }
.mcz-etiquette-demo-compo{ display:block; text-align:center; font:700 12.5px/1.45 var(--mcz-texte); letter-spacing:.1em; text-transform:uppercase; padding:6px 0 10px; border-bottom:1px dashed rgba(31,42,92,.25); }
.mcz-etiquette-demo-pictos{ display:flex; justify-content:center; gap:6px; padding-top:8px; color:var(--mcz-indigo); }
.mcz-hero-ticket{ grid-area:1/2; align-self:end; justify-self:start; position:relative; z-index:5; margin-left:-28px; margin-bottom:-4px; width:clamp(360px, 27vw, 430px); filter:drop-shadow(0 6px 14px rgba(27,35,80,.10)) drop-shadow(0 26px 44px rgba(27,35,80,.20)); }
.mcz-hero-fil{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:6; pointer-events:none; overflow:visible; }
.mcz-hero-fil path{ stroke-dashoffset:0; }
@media (min-width:1700px){ .mcz-hero-in{ gap:72px; } }

/* ═════════ LE TICKET DE RETOUCHE ═════════ */
.mcz-ticket{ position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); background:#fff; border-radius:22px; margin:0;
	-webkit-mask:radial-gradient(circle at 40px 0, #0000 10px, #000 10.5px) top/100% 51% no-repeat, radial-gradient(circle at 40px 100%, #0000 10px, #000 10.5px) bottom/100% 51% no-repeat;
	mask:radial-gradient(circle at 40px 0, #0000 10px, #000 10.5px) top/100% 51% no-repeat, radial-gradient(circle at 40px 100%, #0000 10px, #000 10.5px) bottom/100% 51% no-repeat; }
.mcz-ticket::after{ content:""; position:absolute; inset:8px 8px 8px 48px; border:1px dashed rgba(168,63,22,.45); border-radius:15px; pointer-events:none; }
.mcz-ticket-talon{ background:var(--mcz-ticket); border-right:2px dashed rgba(31,42,92,.28); display:flex; align-items:center; justify-content:center; border-radius:22px 0 0 22px; }
.mcz-ticket-talon span{ writing-mode:vertical-rl; transform:rotate(180deg); font:400 15px/1 var(--mcz-titre); letter-spacing:.14em; color:var(--mcz-fil); }
.mcz-ticket-corps{ padding:20px 22px 18px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.mcz-ticket-tete{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.mcz-ticket-titre{ margin:0; font:400 24px/1.05 var(--mcz-titre); color:var(--mcz-indigo); }
.mcz-ticket-num{ font:400 15px/1 var(--mcz-titre); color:var(--mcz-fil); letter-spacing:.06em; }
.mcz-ticket-points{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.mcz-ticket-points::before{ content:""; position:absolute; left:6px; right:6px; top:6px; border-top:1.5px dashed rgba(31,42,92,.25); }
.mcz-ticket-points li{ position:relative; display:flex; flex-direction:column; gap:5px; font:600 11px/1.1 var(--mcz-texte); color:var(--mcz-gris-lin); }
.mcz-ticket-points li::before{ content:""; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 2px rgba(31,42,92,.3); position:relative; }
.mcz-ticket-points li.est-fait{ color:var(--mcz-indigo); }
.mcz-ticket-points li.est-fait::before{ background:var(--mcz-fil); box-shadow:inset 0 0 0 2px var(--mcz-fil), 0 0 0 3px rgba(168,63,22,.15); }
.mcz-etape{ border:0; margin:0; padding:0; min-width:0; }
.mcz-etape[hidden]{ display:none; }
.mcz-etape legend{ padding:0; margin-bottom:10px; font:700 1.0625rem/1.2 var(--mcz-texte); color:var(--mcz-encre); }
.mcz-tuiles{ display:grid; gap:7px; }
.mcz-tuiles--vet{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.mcz-tuiles--int{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.mcz-tuile{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:70px; padding:8px 4px; border-radius:12px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.12); color:var(--mcz-indigo); text-align:center; cursor:pointer; font:600 11.5px/1.15 var(--mcz-texte); transition:background .15s, box-shadow .15s, transform .15s; }
.mcz-tuile--large{ grid-column:span 2; flex-direction:row; gap:10px; }
.mcz-tuile--texte{ min-height:42px; flex-direction:row; font-size:13px; padding:8px 10px; }
.mcz-tuile input{ position:absolute; opacity:0; inset:0; cursor:pointer; }
.mcz-tuile:hover{ background:var(--mcz-lin); }
.mcz-tuile:has(input:checked){ background:var(--mcz-ticket); box-shadow:inset 0 0 0 2px var(--mcz-fil); }
.mcz-tuile:has(input:focus-visible){ outline:2px solid var(--mcz-fil); outline-offset:2px; }
.mcz-tuile svg{ color:var(--mcz-indigo); }
.mcz-champ{ display:flex; flex-direction:column; gap:5px; font:600 13px/1.2 var(--mcz-texte); color:var(--mcz-encre); min-width:0; }
.mcz-champ em{ font-style:normal; font-weight:500; color:var(--mcz-gris-lin); }
.mcz-champ input, .mcz-champ textarea, .mcz-outil select{ width:100%; height:46px; padding:0 14px; border-radius:12px; border:1.5px solid var(--mcz-filet); background:#fff; font:400 16px var(--mcz-texte); color:var(--mcz-encre); }
.mcz-champ textarea{ height:auto; padding:12px 14px; resize:vertical; }
.mcz-champ input:focus, .mcz-champ textarea:focus{ border-color:var(--mcz-indigo); outline:2px solid var(--mcz-fil); outline-offset:1px; }
.mcz-champs-ligne{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mcz-etape[data-etape="4"]{ display:flex; flex-direction:column; gap:10px; }
.mcz-etape[data-etape="4"][hidden]{ display:none; }
.mcz-etape[data-etape="4"] legend{ margin-bottom:0; float:left; width:100%; }
.mcz-aide{ margin:8px 0 0; font-size:13px; color:var(--mcz-gris-lin); line-height:1.4; }
.mcz-accord{ display:flex; gap:9px; align-items:flex-start; font-size:12px; line-height:1.4; color:var(--mcz-gris-lin); }
.mcz-accord input{ margin-top:2px; width:18px; height:18px; accent-color:var(--mcz-fil); flex:none; }
.mcz-piege{ position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.mcz-ticket-actions{ display:flex; align-items:center; gap:12px; }
.mcz-ticket-actions .mcz-btn{ flex:1; min-height:50px; }
.mcz-lien-retour{ border:0; background:none; color:var(--mcz-indigo); font:600 14px var(--mcz-texte); text-decoration:underline; text-underline-offset:4px; cursor:pointer; padding:10px 4px; }
.mcz-lien-retour[hidden]{ display:none; }
.mcz-ticket-note{ margin:0; display:flex; align-items:center; gap:8px; justify-content:center; font:500 12.5px/1.2 var(--mcz-texte); color:var(--mcz-gris-lin); }
.mcz-ticket-note .mcz-coche{ width:16px; height:16px; }
.mcz-ticket-erreur{ margin:0; padding:8px 12px; border-radius:10px; background:#FBEAE4; color:#7E2D0F; font-size:13px; font-weight:600; }
.mcz-ticket-erreur[hidden]{ display:none; }
.mcz-ticket-ok{ padding:14px 16px; border-radius:14px; background:#EDF2E6; color:var(--mcz-encre); font-size:14px; line-height:1.5; }
.mcz-ticket-ok[hidden]{ display:none; }
.mcz-ticket-ok p{ margin:0; }
.mcz-ticket-ok-titre{ font:400 22px/1.1 var(--mcz-titre)!important; color:var(--mcz-reseda); margin-bottom:6px!important; }
.mcz-ticket.est-envoye .mcz-etape, .mcz-ticket.est-envoye .mcz-ticket-actions, .mcz-ticket.est-envoye .mcz-ticket-note{ display:none; }
.mcz-ticket--rail .mcz-ticket-corps{ padding:18px 18px 16px; gap:10px; }
.mcz-ticket--rail .mcz-ticket-titre{ font-size:22px; }
.mcz-ticket--rail .mcz-tuile{ min-height:62px; font-size:11px; }

/* ═════════ 2. OUTIL « LIRE UNE ÉTIQUETTE » ═════════ */
.mcz-outil-section{ padding-top:clamp(64px,6vw,88px); padding-bottom:clamp(40px,4vw,60px); }
.mcz-outil{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(32px,4vw,64px); align-items:center; }
.mcz-outil-intro{ margin:12px 0 22px; color:var(--mcz-gris-lin); font-size:1.0625rem; max-width:48ch; }
.mcz-outil-form{ display:flex; flex-direction:column; gap:12px; padding:22px; border-radius:18px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); }
.mcz-fibre-ligne{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 54px; gap:12px; align-items:center; }
.mcz-fibre-ligne--label{ grid-template-columns:auto minmax(0,1fr); padding-top:6px; border-top:1px dashed rgba(31,42,92,.18); font:600 14px var(--mcz-texte); color:var(--mcz-indigo); }
.mcz-outil select{ appearance:none; -webkit-appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231F2A5C' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center; padding-right:34px; }
.mcz-fibre-ligne output{ font:700 15px var(--mcz-texte); font-variant-numeric:tabular-nums; color:var(--mcz-indigo); text-align:right; }
.mcz-fibre-ligne input[type=range]{ width:100%; accent-color:var(--mcz-fil); height:28px; }
.mcz-outil-resultat{ position:relative; display:flex; justify-content:center; }
.mcz-ruban{ position:relative; width:min(100%, 560px); background:#fff; border-radius:4px; padding:28px 30px 20px; color:var(--mcz-encre); transform:rotate(-1.2deg); box-shadow:var(--mcz-ombre-2);
	-webkit-mask:linear-gradient(90deg, #0000 0, #000 3px calc(100% - 3px), #0000 100%), repeating-linear-gradient(0deg, #000 0 4px, #0000 4px 6px) left/3px 100% no-repeat, repeating-linear-gradient(0deg, #000 0 3px, #0000 3px 7px) right/3px 100% no-repeat; }
.mcz-ruban::before{ content:""; position:absolute; left:18px; right:18px; top:10px; border-top:1.5px dashed var(--mcz-fil); opacity:.6; }
.mcz-ruban-tete{ display:flex; flex-direction:column; align-items:center; gap:4px; padding-bottom:14px; border-bottom:1px solid var(--mcz-indigo); text-align:center; }
.mcz-ruban-tete span{ font:700 11px var(--mcz-texte); letter-spacing:.14em; text-transform:uppercase; color:var(--mcz-gris-lin); }
.mcz-ruban-tete strong{ font:400 26px/1.1 var(--mcz-titre); color:var(--mcz-indigo); letter-spacing:.02em; }
.mcz-ruban-fiche{ display:grid; grid-template-columns:auto 1fr; margin:0; font-size:14px; font-variant-numeric:tabular-nums; }
.mcz-ruban-fiche dt, .mcz-ruban-fiche dd{ margin:0; padding:7px 0; border-bottom:1px solid var(--mcz-filet); }
.mcz-ruban-fiche dt{ font-weight:700; color:var(--mcz-indigo); padding-right:18px; }
.mcz-ruban-fiche dd{ color:var(--mcz-encre); text-align:right; }
.mcz-ruban-cases{ display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; margin-top:16px; }
.mcz-ruban-cases h3{ margin:0 0 4px; font:700 11.5px var(--mcz-texte); letter-spacing:.12em; text-transform:uppercase; color:var(--mcz-fil); }
.mcz-ruban-cases p{ margin:0 0 6px; font-size:14.5px; line-height:1.45; }
.mcz-ruban-pictos{ display:flex; gap:6px; color:var(--mcz-indigo); }
.mcz-ruban-source{ margin:14px 0 0; padding-top:10px; border-top:1px dashed rgba(31,42,92,.2); font-size:11.5px; line-height:1.45; color:var(--mcz-gris-lin); }
.mcz-ruban-source a{ color:var(--mcz-gris-lin); }
.mcz-ruban.est-change{ animation:mcz-deroule .4s ease; }
@keyframes mcz-deroule{ from{ clip-path:inset(0 0 60% 0); } to{ clip-path:inset(0 0 0 0); } }

/* ═════════ 3. MATIÈRES (nuancier) ═════════ */
.mcz-nuancier{ display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:20px; }
.mcz-matiere{ display:flex; flex-direction:column; gap:10px; color:#fff; text-decoration:none; }
.mcz-matiere-photo{ display:block; position:relative; aspect-ratio:4/5; }
.mcz-matiere-photo img{ position:absolute; inset:0; transition:transform .4s ease; }
.mcz-matiere:hover .mcz-matiere-photo img{ transform:scale(1.03); }
.mcz-matiere-photo .mcz-etiquette--carte{ bottom:14px; left:12px; }
.mcz-matiere-nom{ margin-top:10px; font:400 28px/1 var(--mcz-titre); color:#fff; }
.mcz-matiere-repere{ font-size:15px; line-height:1.45; color:var(--mcz-lin); }
.mcz-matiere:hover .mcz-matiere-nom{ text-decoration:underline; text-decoration-color:var(--mcz-ticket); text-decoration-style:dashed; text-underline-offset:6px; text-decoration-thickness:1.5px; }
@media (max-width:1500px) and (min-width:761px){ .mcz-nuancier{ grid-template-columns:repeat(6, minmax(0,1fr)); gap:16px; } .mcz-matiere-photo{ aspect-ratio:3/4; } .mcz-matiere-nom{ font-size:24px; } .mcz-matiere-repere{ font-size:14px; } }

/* ═════════ CARTES ═════════ */
.mcz-carte{ position:relative; min-width:0; background:#fff; border-radius:18px; box-shadow:var(--mcz-ombre-1); transition:transform .22s ease, box-shadow .22s ease; }
.mcz-carte::after{ content:""; position:absolute; inset:8px; border:1px dashed rgba(168,63,22,.45); border-radius:12px; opacity:0; transition:opacity .2s; pointer-events:none; }
.mcz-carte:hover{ transform:translateY(-3px); box-shadow:var(--mcz-ombre-2); }
.mcz-carte:hover::after{ opacity:1; }
.mcz-carte-lien{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.mcz-carte-photo{ position:relative; display:block; aspect-ratio:16/10; background:var(--mcz-lin); border-radius:18px 18px 0 0; }
.mcz-carte-photo img{ width:100%; height:100%; object-fit:cover; border-radius:18px 18px 0 0; }
.mcz-carte-sansphoto{ display:grid; place-items:center; height:100%; color:var(--mcz-fleur); background:repeating-linear-gradient(135deg, var(--mcz-lin) 0 10px, #EDF1F8 10px 20px); border-radius:18px 18px 0 0; }
.mcz-carte-corps{ display:flex; flex-direction:column; gap:8px; padding:24px 22px 20px; flex:1; }
.mcz-carte-titre{ font:700 1.25rem/1.28 var(--mcz-texte); color:var(--mcz-indigo); }
.mcz-carte-resume{ font-size:15.5px; line-height:1.5; color:var(--mcz-encre); }
.mcz-carte-meta{ margin-top:auto; padding-top:6px; font:500 13.5px var(--mcz-texte); color:var(--mcz-gris-lin); font-variant-numeric:tabular-nums; }
.mcz-grille-3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:28px; }
.mcz-carte--large{ grid-column:span 2; }
.mcz-carte--large .mcz-carte-lien{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
.mcz-carte--large .mcz-carte-photo{ aspect-ratio:auto; min-height:100%; border-radius:18px 0 0 18px; }
.mcz-carte--large .mcz-carte-photo img{ position:absolute; inset:0; border-radius:18px 0 0 18px; }
.mcz-carte--large .mcz-carte-titre{ font:400 30px/1.08 var(--mcz-titre); }
.mcz-carte--large .mcz-carte-corps{ padding:32px 28px 26px; justify-content:center; }

/* ═════════ 4. FAIRE DURER ═════════ */
.mcz-durer{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px; align-items:stretch; }
.mcz-carte--une .mcz-carte-lien{ display:flex; flex-direction:column; }
.mcz-carte--une .mcz-carte-photo{ flex:1; aspect-ratio:auto; min-height:220px; }
.mcz-carte--une .mcz-carte-photo img{ position:absolute; inset:0; }
.mcz-carte--une .mcz-carte-titre{ font:400 30px/1.08 var(--mcz-titre); }
.mcz-carte--une .mcz-carte-corps{ flex:none; }
.mcz-durer-liste{ display:flex; flex-direction:column; gap:16px; }
.mcz-carte--ligne .mcz-carte-lien{ display:grid; grid-template-columns:168px minmax(0,1fr); align-items:stretch; }
.mcz-carte--ligne .mcz-carte-photo{ aspect-ratio:auto!important; min-height:112px; border-radius:18px 0 0 18px; }
.mcz-carte--ligne .mcz-carte-photo img{ position:absolute; inset:0; border-radius:18px 0 0 18px; }
.mcz-carte--ligne .mcz-etiquette--carte{ left:10px; bottom:10px; font-size:10px; }
.mcz-carte--ligne .mcz-carte-corps{ padding:16px 20px; gap:5px; justify-content:center; }
.mcz-carte--ligne .mcz-carte-titre{ font-size:1.0625rem; }
.mcz-carte--ligne .mcz-carte-resume{ font-size:14.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ═════════ 5. BONUS ═════════ */
.mcz-bonus{ position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(28px,4vw,64px); align-items:center; background:var(--mcz-ticket); border-radius:32px; padding:clamp(28px,4vw,56px); }
.mcz-bonus::after{ content:""; position:absolute; inset:12px; border:1.5px dashed rgba(168,63,22,.5); border-radius:24px; pointer-events:none; }
.mcz-bonus-texte{ position:relative; z-index:1; display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.mcz-bonus-texte p{ margin:0; font-size:1.0625rem; max-width:54ch; }
.mcz-bonus-texte a:not(.mcz-btn){ color:var(--mcz-fil); font-weight:700; text-underline-offset:4px; }
.mcz-bonus-photo{ height:clamp(300px, 34vw, 420px); }
.mcz-bonus-photo .mcz-etiquette--flotte{ left:-18px; right:auto; bottom:auto; top:26px; background:#fff; }

/* ═════════ 6. CHIFFRES ═════════ */
.mcz-chiffres-tete{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(24px,4vw,56px); align-items:center; margin-bottom:32px; }
.mcz-chiffres-tete p{ margin:10px 0 0; color:var(--mcz-gris-lin); font-size:1.0625rem; }
.mcz-chiffres-photo{ height:150px; }
.mcz-chiffres{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; }
.mcz-chiffre{ position:relative; background:#fff; border-radius:18px; padding:24px 22px 20px; box-shadow:var(--mcz-ombre-1); display:flex; flex-direction:column; }
.mcz-chiffre strong{ font:700 clamp(36px, 1rem + 2.4vw, 58px)/1 var(--mcz-texte); font-variant-numeric:tabular-nums lining-nums; color:var(--mcz-indigo); letter-spacing:-.01em; }
.mcz-chiffre-unite{ font:700 15px var(--mcz-texte); color:var(--mcz-fil); margin-top:4px; }
.mcz-chiffre p{ margin:10px 0 12px; font-size:15.5px; line-height:1.45; }
.mcz-chiffre small{ margin-top:auto; font-size:12px; line-height:1.35; color:var(--mcz-gris-lin); padding-top:10px; border-top:1px dashed var(--mcz-filet); }

/* ═════════ 7. LABELS ═════════ */
.mcz-labels{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px; }
.mcz-label{ position:relative; display:flex; flex-direction:column; background:var(--mcz-toile); border-radius:18px; color:var(--mcz-encre); text-decoration:none; box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); transition:transform .2s, box-shadow .2s; }
.mcz-label:hover{ transform:translateY(-3px); box-shadow:var(--mcz-ombre-2); }
.mcz-label-photo{ position:relative; display:block; aspect-ratio:16/10; }
.mcz-label-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:18px 18px 0 0; }
.mcz-label-photo .mcz-etiquette--carte{ white-space:normal; max-width:calc(100% - 32px); }
.mcz-label-corps{ display:flex; flex-direction:column; gap:12px; padding:26px 20px 20px; }
.mcz-label-oui, .mcz-label-non{ display:block; font-size:14.5px; line-height:1.45; padding-left:14px; border-left:3px solid var(--mcz-reseda); }
.mcz-label-non{ border-left-color:var(--mcz-fil); }
.mcz-label-oui b, .mcz-label-non b{ display:block; font:700 12px var(--mcz-texte); letter-spacing:.06em; color:var(--mcz-reseda); margin-bottom:2px; }
.mcz-label-non b{ color:var(--mcz-fil); }

/* ═════════ 8. COUTURE (nuit + photo bord à bord) ═════════ */
.mcz-couture{ padding-top:clamp(40px,4vw,56px); }
.mcz-couture-photo{ position:relative; height:clamp(320px, 30vw, 440px); }
.mcz-couture-photo > img{ width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
.mcz-couture-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(21,28,64,.92) 0%, rgba(21,28,64,.7) 38%, rgba(21,28,64,.1) 70%), linear-gradient(0deg, var(--mcz-nuit) 0%, rgba(21,28,64,0) 35%); }
.mcz-couture-titre{ position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:16px; padding-bottom:70px; }
.mcz-couture-titre .mcz-h2{ color:#fff; font-size:clamp(36px, 1rem + 3vw, 68px); }
.mcz-couture-titre p{ margin:0; max-width:40ch; color:var(--mcz-lin); font-size:1.125rem; }
.mcz-couture-photo .mcz-credit{ z-index:2; top:12px; bottom:auto; }
.mcz-couture-cartes{ position:relative; z-index:2; margin-top:-84px; }
.mcz-carte--sombre{ background:#fff; }

/* ═════════ 9. JOURNAL ═════════ */
.mcz-journal{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:28px; }
.mcz-journal-petits{ display:flex; flex-direction:column; gap:14px; }
.mcz-journal-petits .mcz-carte--ligne .mcz-carte-lien{ grid-template-columns:150px minmax(0,1fr); }
.mcz-journal-petits .mcz-carte--ligne .mcz-carte-photo{ min-height:92px; }
.mcz-journal-petits{ gap:12px; }
.mcz-carte--mini .mcz-carte-photo{ aspect-ratio:16/9; }
.mcz-carte--mini .mcz-carte-corps{ padding:22px 16px 14px; gap:6px; }
.mcz-carte--mini .mcz-carte-titre{ font-size:1rem; line-height:1.3; }
.mcz-carte--mini .mcz-etiquette--carte{ font-size:10px; left:12px; }

/* ═════════ RUBRIQUE ═════════ */
.mcz-rub-entete{ position:relative; background:var(--mcz-toile); }
.mcz-rub-bandeau{ height:clamp(260px, 28vw, 420px); }
.mcz-rub-bandeau img{ border-radius:0; }
.mcz-rub-bandeau.mcz-coupon--bas img{ border-radius:0; }
.mcz-rub-cartouche-zone{ position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px; align-items:end; margin-top:-120px; padding-bottom:20px; }
.mcz-rub-cartouche{ position:relative; z-index:2; background:#fff; border-radius:22px; padding:28px 32px 24px; box-shadow:var(--mcz-ombre-2); }
.mcz-rub-cartouche::after{ content:""; position:absolute; inset:8px; border:1px dashed rgba(168,63,22,.4); border-radius:15px; pointer-events:none; }
.mcz-rub-cartouche::before{ content:""; position:absolute; left:32px; top:0; width:64px; height:5px; border-radius:0 0 4px 4px; background:var(--p); }
.mcz-rub-h1{ margin:0; font:400 clamp(40px, 1rem + 3vw, 64px)/1 var(--mcz-titre); color:var(--mcz-indigo); }
.mcz-rub-chapo{ margin:12px 0 8px; font-size:1.125rem; max-width:56ch; }
.mcz-rub-compte{ margin:0; font:600 14px var(--mcz-texte); color:var(--mcz-gris-lin); font-variant-numeric:tabular-nums; }
.mcz-nuancier-rub{ display:flex; flex-wrap:wrap; gap:14px 12px; align-self:end; justify-content:flex-start; padding-bottom:6px; }
.mcz-echantillon{ display:flex; flex-direction:column; align-items:center; gap:7px; width:76px; text-decoration:none; color:var(--mcz-encre); font:600 12.5px/1.15 var(--mcz-texte); text-align:center; }
.mcz-echantillon-photo{ display:block; width:64px; height:64px; filter:drop-shadow(0 4px 8px rgba(27,35,80,.18)); transition:transform .2s; }
.mcz-echantillon-photo img{ width:64px; height:64px; object-fit:cover; border-radius:0 0 10px 10px; -webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/10px 51% repeat-x, linear-gradient(#000 0 0) bottom/100% 50% no-repeat; mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/10px 51% repeat-x, linear-gradient(#000 0 0) bottom/100% 50% no-repeat; }
.mcz-echantillon:hover .mcz-echantillon-photo{ transform:translateY(-3px) rotate(-3deg); }
.mcz-echantillon.est-actif{ color:var(--mcz-indigo); }
.mcz-echantillon.est-actif .mcz-echantillon-photo{ outline:2.5px solid var(--p); outline-offset:3px; border-radius:4px; }
.mcz-rub-liste{ padding-top:clamp(32px,3.6vw,56px); }
.mcz-plus{ display:flex; justify-content:center; margin-top:40px; }
.mcz-rub-bientot{ margin-top:36px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:28px; align-items:center; padding:28px; border-radius:22px; background:#fff; box-shadow:var(--mcz-ombre-1); }
.mcz-rub-bientot p{ margin:0; color:var(--mcz-gris-lin); }
.mcz-autres-rub{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:12px; }
.mcz-coupon-lien{ display:flex; align-items:center; gap:12px; padding:10px; border-radius:14px; background:var(--mcz-toile); text-decoration:none; color:var(--mcz-encre); box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); transition:background .15s; }
.mcz-coupon-lien:hover{ background:var(--mcz-lin); }
.mcz-coupon-lien img{ width:52px; height:52px; border-radius:8px; object-fit:cover; }
.mcz-coupon-lien span{ display:flex; flex-direction:column; }
.mcz-coupon-lien strong{ color:var(--mcz-indigo); font-size:15px; }
.mcz-coupon-lien em{ font-style:normal; font-size:13px; color:var(--mcz-gris-lin); }
.mcz-rub-cta{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,460px); gap:48px; align-items:center; }
.mcz-rub-cta p{ font-size:1.0625rem; max-width:50ch; }
.mcz-ticket--large{ filter:drop-shadow(0 6px 14px rgba(27,35,80,.10)) drop-shadow(0 22px 40px rgba(27,35,80,.16)); }

/* ═════════ PAGES (tête, annexes, contact, à propos, auteur, faire réparer) ═════════ */
.mcz-page-tete{ padding-block:clamp(36px,4vw,64px) clamp(28px,3vw,44px); }
.mcz-panneau{ background:#fff; border-radius:22px; padding:clamp(24px,3.4vw,48px); box-shadow:var(--mcz-ombre-1); max-width:860px; }
.mcz-prose{ font-size:1.0625rem; line-height:1.7; }
.mcz-prose h2{ font:400 clamp(26px, 1rem + 1vw, 36px)/1.1 var(--mcz-titre); margin:1.6em 0 .5em; }
.mcz-prose h2:first-child, .mcz-prose > :first-child{ margin-top:0; }
.mcz-prose h3{ font:700 1.25rem/1.3 var(--mcz-texte); margin:1.4em 0 .4em; }
.mcz-prose a{ color:var(--mcz-fil); text-decoration-thickness:1.5px; text-underline-offset:3px; }
.mcz-annexe-hero{ padding-block:clamp(36px,4.4vw,72px); }
.mcz-annexe-in{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:center; }
.mcz-annexe-in > div:first-child{ display:flex; flex-direction:column; gap:20px; align-items:flex-start; }
.mcz-annexe-chapo{ margin:0; font-size:clamp(17px, .9rem + .3vw, 20px); line-height:1.55; max-width:56ch; }
.mcz-annexe-visuel{ position:relative; }
.mcz-annexe-visuel > .mcz-epingle{ left:-12px; top:-16px; transform:rotate(-18deg); }
.mcz-annexe-visuel .mcz-etiquette--flotte{ bottom:32px; right:-12px; }
.mcz-annexe-photo{ height:clamp(320px, 36vw, 520px); }
.mcz-annexe-in .mcz-form-recherche{ width:100%; margin:0; }
.mcz-trois{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.mcz-trois-carte{ position:relative; padding:30px 26px 26px; border-radius:18px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); }
.mcz-trois-carte .mcz-picto{ width:44px; height:44px; color:var(--mcz-fil); margin-bottom:12px; }
.mcz-trois-carte h3{ margin:0 0 8px; font:400 28px/1.05 var(--mcz-titre); }
.mcz-trois-carte p{ margin:0; font-size:16px; }
.mcz-methode{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(28px,4vw,64px); align-items:start; }
.mcz-methode .mcz-preuves{ margin-top:22px; gap:14px; }
.mcz-methode .mcz-preuves li{ align-items:flex-start; font-weight:500; }
.mcz-auteurs{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:24px; }
.mcz-auteur-carte{ display:flex; gap:18px; align-items:flex-start; padding:24px; border-radius:18px; background:#fff; box-shadow:var(--mcz-ombre-1); text-decoration:none; color:var(--mcz-encre); transition:transform .2s, box-shadow .2s; }
.mcz-auteur-carte:hover{ transform:translateY(-3px); box-shadow:var(--mcz-ombre-2); }
.mcz-auteur-carte img{ width:84px; height:84px; border-radius:50%; object-fit:cover; flex:none; }
.mcz-auteur-carte span{ display:flex; flex-direction:column; gap:4px; font-size:15px; line-height:1.5; }
.mcz-auteur-carte strong{ font:400 24px/1.1 var(--mcz-titre); color:var(--mcz-indigo); }
.mcz-auteur-carte em{ font-style:normal; font-weight:600; font-size:13px; color:var(--mcz-fil); }
.mcz-auteur-tete{ padding-block:clamp(40px,4.4vw,72px); }
.mcz-auteur-in{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:clamp(28px,4vw,56px); align-items:center; }
.mcz-auteur-photo{ position:relative; width:240px; }
.mcz-auteur-photo img{ width:240px; height:240px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 8px #fff, var(--mcz-ombre-2); }
.mcz-auteur-photo .mcz-etiquette--flotte{ right:-10px; bottom:14px; }
.mcz-auteur-role{ margin:10px 0 0; font-weight:700; color:var(--mcz-fil); }
.mcz-auteur-bio{ margin-top:12px; font-size:1.0625rem; max-width:66ch; }
.mcz-contact{ padding-block:clamp(32px,4vw,64px); }
.mcz-contact-in{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,5vw,80px); align-items:center; }
.mcz-contact-texte{ display:flex; flex-direction:column; gap:18px; }
.mcz-contact-renvoi{ display:flex; gap:12px; align-items:center; margin:0; padding:12px 16px; border-radius:14px; background:var(--mcz-ticket); font-weight:500; }
.mcz-contact-renvoi .mcz-picto{ color:var(--mcz-fil); flex:none; }
.mcz-contact-renvoi a{ color:var(--mcz-fil); font-weight:700; }
.mcz-contact-photo{ height:clamp(180px, 18vw, 260px); }
.mcz-contact-carte{ position:relative; background:#fff; border-radius:22px; padding:clamp(24px,3vw,36px); box-shadow:var(--mcz-ombre-2); }
.mcz-contact-carte::after{ content:""; position:absolute; inset:8px; border:1px dashed rgba(168,63,22,.45); border-radius:15px; pointer-events:none; }
.mcz-form{ position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; }
.mcz-form .mcz-btn{ align-self:flex-start; }
.mcz-hero--page .mcz-hero-in{ min-height:min(calc(100svh - var(--mcz-entete) - 28px), 820px); }
.mcz-etapes{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; counter-reset:e; position:relative; }
.mcz-etapes::before{ content:""; position:absolute; left:28px; right:28px; top:28px; border-top:2px dashed rgba(168,63,22,.5); }
.mcz-etapes li{ position:relative; display:flex; flex-direction:column; gap:8px; }
.mcz-etapes-num{ width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:var(--mcz-ticket); color:var(--mcz-fil); font:400 26px var(--mcz-titre); box-shadow:0 0 0 6px #fff; }
.mcz-etapes h3{ margin:8px 0 0; font:700 1.25rem var(--mcz-texte); }
.mcz-etapes p{ margin:0; font-size:16px; color:var(--mcz-encre); }
.mcz-reparations{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.mcz-reparation{ padding:26px 24px; border-radius:18px; background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(169,189,230,.22); }
.mcz-reparation .mcz-picto{ width:40px; height:40px; color:var(--mcz-ticket); }
.mcz-reparation h3{ margin:10px 0 6px; font:400 26px/1.05 var(--mcz-titre); color:#fff; }
.mcz-reparation p{ margin:0; font-size:15.5px; color:var(--mcz-lin); }
.mcz-fr-faq{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,4vw,64px); align-items:start; }
.mcz-fr-faq > div:first-child p{ color:var(--mcz-gris-lin); }
.mcz-fr-faq-photo{ height:300px; margin-top:24px; }

/* ═════════ ARTICLE (en-tête maison + habillage des blocs figés) ═════════ */
.mcz-art-entete{ background:var(--mcz-toile); padding-block:clamp(28px,3.2vw,52px) clamp(24px,2.6vw,40px); }
.mcz-art-entete-in{ max-width:var(--mcz-conteneur); margin-inline:auto; padding-inline:var(--mcz-gout); display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(32px,4.4vw,72px); align-items:stretch; }
.mcz-art-entete--sansphoto .mcz-art-entete-in{ grid-template-columns:minmax(0,1fr); max-width:960px; }
.mcz-art-titre{ display:flex; flex-direction:column; justify-content:center; gap:20px; padding-block:8px; }
.mcz-art-h1{ margin:0; font:400 clamp(34px, 1rem + 2.6vw, 58px)/1.04 var(--mcz-titre); color:var(--mcz-indigo); letter-spacing:.005em; text-wrap:balance; }
.mcz-art-chapo{ margin:0!important; font-style:normal!important; font-size:clamp(18px, .95rem + .35vw, 21px)!important; line-height:1.55; color:var(--mcz-encre)!important; max-width:60ch; }
.mcz-art-auteur{ display:flex; align-items:center; gap:14px; padding-top:18px; border-top:1px dashed rgba(31,42,92,.2); }
.mcz-art-avatar{ width:48px!important; height:48px!important; border-radius:50%; object-fit:cover; box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--mcz-filet); }
.mcz-art-auteur > div{ display:flex; flex-direction:column; gap:2px; }
.mcz-art-auteur-nom{ font-weight:700; color:var(--mcz-indigo); text-decoration:underline; text-decoration-color:var(--mcz-fil); text-underline-offset:4px; }
.mcz-art-dates{ font-size:14px; color:var(--mcz-gris-lin); font-variant-numeric:tabular-nums; }
.mcz-art-visuel{ position:relative; min-height:360px; }
.mcz-art-visuel::before{ content:""; position:absolute; inset:24px -18px -18px 24px; background:var(--mcz-lin); border-radius:16px; }
.mcz-art-photo{ position:absolute; inset:0; }
.mcz-art-photo img{ position:absolute; inset:0; }
.mcz-etiquette-epinglee{ position:absolute; z-index:3; left:-58px; top:56px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; text-decoration:none; transform:rotate(-3deg); }
.mcz-etiquette-epinglee .mcz-epingle{ position:absolute; left:6px; top:-30px; transform:rotate(-24deg); }
.mcz-etiquette-epinglee .mcz-etiquette{ transform:none; font-size:12px; padding:9px 14px; }
.mcz-etiquette-epinglee small{ margin-left:10px; font:600 11px var(--mcz-texte); color:var(--mcz-indigo); background:#fff; padding:4px 8px; border-radius:6px; box-shadow:var(--mcz-ombre-1); }
/* corps + rail */
.sbt-article{ background:var(--mcz-toile); }
.sbt-article-mise-en-page{ padding-top:28px; }
@media (min-width:1081px){ .sbt-article-mise-en-page{ grid-template-columns:minmax(0, var(--sb-lecture)) var(--sb-rail); column-gap:48px; } }
@media (max-width:1080px){ .sbt-article-mise-en-page{ grid-template-columns:minmax(0,1fr); } .sbt-rail{ position:static!important; max-width:520px; } }
.sbt-article-principal{ background:#fff; border-radius:22px; padding:clamp(22px,3.4vw,52px); box-shadow:var(--mcz-ombre-1); min-width:0; }
.sbt-sommaire-mobile.mcz-sommaire-carte{ display:block; margin:0 0 32px; }
.mcz-sommaire-carte details, .mcz-sommaire-carte .sbt-sommaire{ background:var(--mcz-toile); border-radius:16px; }
.sbt-article-corps{ font-size:19px; line-height:1.7; }
.sbt-article-corps > p:first-child, .sbt-article-corps .chapo{ font-size:1.125em; color:var(--mcz-indigo); }
.sbt-article-corps h2{ font:400 clamp(28px, 1rem + 1.3vw, 38px)/1.1 var(--mcz-titre); color:var(--mcz-indigo); margin-top:2em; padding-top:18px; position:relative; }
.sbt-article-corps h2::before{ content:""; position:absolute; left:0; top:0; width:56px; height:0; border-top:2px dashed var(--mcz-fil); }
.sbt-article-corps h3{ font:700 1.3125rem/1.3 var(--mcz-texte); color:var(--mcz-indigo); }
.sbt-article-corps a{ color:var(--mcz-indigo); text-decoration:underline; text-decoration-color:var(--mcz-fil); text-decoration-thickness:2px; text-underline-offset:4px; font-weight:600; transition:background .15s; }
.sbt-article-corps a:hover{ background:var(--mcz-ticket); }
.sbt-article-corps ul:not([class]), .sbt-article-corps ol:not([class]){ padding:18px 22px 18px 22px; margin:1.4em 0; list-style:none; background:var(--mcz-toile); border-radius:16px; display:flex; flex-direction:column; gap:10px; }
.sbt-article-corps ul:not([class]) > li{ position:relative; padding-left:34px; }
.sbt-article-corps ul:not([class]) > li::before{ content:""; position:absolute; left:2px; top:.42em; width:20px; height:14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath d='M1 7h18' stroke='%23A83F16' stroke-width='2' stroke-dasharray='4 3' stroke-linecap='round'/%3E%3Cpath d='M14 2l5 5-5 5' fill='none' stroke='%231F2A5C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; }
.sbt-article-corps ol:not([class]){ counter-reset:o; }
.sbt-article-corps ol:not([class]) > li{ position:relative; padding-left:44px; counter-increment:o; min-height:30px; }
.sbt-article-corps ol:not([class]) > li::before{ content:counter(o); position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:var(--mcz-ticket); color:var(--mcz-fil); display:grid; place-items:center; font:400 16px var(--mcz-titre); }
.sbt-article-corps figure{ margin:1.8em 0; }
.sbt-article-corps figure img, .sbt-article-corps > p > img{ border-radius:16px; box-shadow:var(--mcz-ombre-1); margin:0; }
.sbt-article-corps figcaption{ margin-top:10px; font-size:14px; color:var(--mcz-gris-lin); padding-left:12px; border-left:2px solid var(--mcz-fil); }
.sbt-article-corps blockquote{ background:var(--mcz-ticket); border-left:0; border-radius:16px; padding:22px 26px 22px 64px; font-style:normal; position:relative; font-size:1.0625em; color:var(--mcz-indigo); }
.sbt-article-corps blockquote::before{ content:"“"; position:absolute; left:20px; top:6px; font:400 64px/1 var(--mcz-titre); color:var(--mcz-fil); }
.sbs_tableau, .mcz-tableau{ overflow-x:auto; margin:1.6em 0; border-radius:16px; box-shadow:inset 0 0 0 1px var(--mcz-filet); -webkit-overflow-scrolling:touch; }
.sbt-article-corps table, .mcz-prose table{ width:100%; border-collapse:collapse; font-size:15.5px; line-height:1.45; min-width:520px; }
.sbt-article-corps th, .mcz-prose th{ background:var(--mcz-indigo); color:#fff; text-align:left; padding:12px 14px; font-weight:700; }
.sbt-article-corps td, .mcz-prose td{ padding:11px 14px; border-top:1px solid var(--mcz-filet); vertical-align:top; }
.sbt-article-corps tr:nth-child(even) td{ background:var(--mcz-toile); }
.sbt-rail{ top:calc(var(--mcz-entete) + 20px)!important; }
.sbt-rail .mcz-ticket{ filter:none; }
.sbt-rail .mcz-ticket--rail{ box-shadow:none; }
.sbt-rail > .mcz-ticket{ filter:drop-shadow(0 4px 10px rgba(27,35,80,.08)) drop-shadow(0 18px 34px rgba(27,35,80,.14)); }
.sbt-article-mise-en-page--suite{ grid-template-columns:minmax(0,1fr)!important; max-width:var(--mcz-conteneur); }
.sbt-article-mise-en-page--suite .sbt-article-principal{ background:transparent; box-shadow:none; padding:0; }
.sbt-a-lire{ border-top:0; margin-top:24px; }
.mcz-a-lire-titre{ font-size:clamp(28px, 1rem + 1.4vw, 40px)!important; margin-bottom:24px!important; }
.sbt-a-lire .sbt-carte{ border:0; border-radius:18px; position:relative; }
.sbt-a-lire .sbt-carte img{ aspect-ratio:16/10; }
.sbt-a-lire .sbt-carte-corps{ padding:20px 22px; }
.sbt-a-lire .sbt-carte-corps h3{ font:700 1.1875rem/1.3 var(--mcz-texte); color:var(--mcz-indigo); }
/* mu-plugins : maillage + sources */
.sb-maillage{ margin:2.4em 0 0; padding:24px 26px; border-radius:18px; background:var(--mcz-lin); }
.sb-maillage h2{ margin:0 0 12px!important; padding:0!important; font:400 26px/1.1 var(--mcz-titre)!important; }
.sb-maillage h2::before{ display:none; }
.sb-maillage ul{ list-style:none; margin:0!important; padding:0!important; background:none!important; display:grid!important; grid-template-columns:1fr 1fr; gap:10px!important; }
.sb-maillage li{ padding:0!important; }
.sb-maillage li::before{ display:none!important; }
.sb-maillage a{ display:block; height:100%; padding:12px 14px; border-radius:12px; background:#fff; text-decoration:none!important; font-size:15.5px; line-height:1.35; box-shadow:var(--mcz-ombre-1); }
.sbsrc-8da57d77{ padding:18px 20px; border-radius:16px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px var(--mcz-filet); }
.sbsrc-8da57d77__liste{ list-style:none!important; margin:0!important; padding:0!important; background:none!important; display:flex; flex-direction:column; gap:8px!important; counter-reset:src; }
.sbsrc-8da57d77__item{ padding-left:34px!important; position:relative; font-size:15px; counter-increment:src; }
.sbsrc-8da57d77__item::before{ content:counter(src)!important; position:absolute; left:0; top:1px; width:22px!important; height:22px!important; border-radius:6px; background:var(--mcz-indigo)!important; color:#fff; display:grid; place-items:center; font:700 12px var(--mcz-texte); }
.sbsrc-8da57d77__date{ display:block; font-size:12.5px; color:var(--mcz-gris-lin); }
/* boîte auteur (bloc figé) */
.sbt-article-principal .smr-auteur, .sbt-article-principal [class*="sbt-auteur"]{ border-radius:18px; }

/* ═════════ PIED DE PAGE (bloc figé habillé) ═════════ */
.sbt-footer.mcz-pied{ position:relative; padding-top:0; background:var(--mcz-nuit); }
.mcz-pied > .mcz-lisiere{ margin-bottom:clamp(40px,5vw,64px); }
.sbt-footer a{ color:var(--mcz-fleur-clair); }
.sbt-footer a:hover{ color:#fff; }
.sbt-footer-cta{ background:#1C2450; border-radius:22px; }
.sbt-footer-cta .sbt-t3{ font:400 26px var(--mcz-titre); color:#fff; }
.sbt-footer-cta p{ color:var(--mcz-fleur-clair); }
.sbt-footer .sbt-btn{ background:var(--mcz-fleur-clair); color:var(--mcz-nuit); border-radius:999px; font-weight:700; }
.sbt-footer-grille{ grid-template-columns:1.3fr .9fr 1.5fr .9fr; border-bottom-color:rgba(169,189,230,.18); }
.sbt-footer-logo{ line-height:0; margin-bottom:16px; }
.sbt-footer-logo .mcz-logo-svg{ width:176px; height:auto; }
.sbt-footer-desc{ color:var(--mcz-fleur-clair); max-width:36ch; font-size:15px; line-height:1.6; }
.sbt-footer-desc strong{ display:block; color:#fff; font-weight:700; margin-bottom:6px; }
.sbt-footer-colonne .sbt-t4{ color:#fff; font-family:var(--mcz-titre); font-size:15px; letter-spacing:.06em; }
.mcz-pied-guides ul{ display:grid!important; grid-template-columns:1fr 1fr; gap:8px 20px!important; }
.sbt-footer-bas{ color:var(--mcz-fleur-clair); display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.mcz-pied-pastilles{ display:flex; gap:7px; }

/* ═════════ Apparitions (une fois, au défilement) ═════════ */
@media (prefers-reduced-motion:no-preference){
	.mcz-js [data-reveal]{ opacity:0; transform:translateY(12px); transition:opacity .6s ease, transform .6s ease; }
	.mcz-js [data-reveal].est-vu{ opacity:1; transform:none; }
	.mcz-js .mcz-hero-fil path{ stroke-dasharray:7 5; animation:mcz-fil 1.4s ease .5s both; }
	.mcz-js .mcz-hero-ticket{ animation:mcz-glisse .7s cubic-bezier(.2,.8,.2,1) .15s backwards; }
	.mcz-js .mcz-etiquette-demo{ animation:mcz-pose .6s cubic-bezier(.2,.8,.2,1) .45s backwards; }
}
@keyframes mcz-fil{ from{ opacity:0; clip-path:inset(0 100% 0 0); } to{ opacity:1; clip-path:inset(0 0 0 0); } }
@keyframes mcz-glisse{ from{ transform:translateY(16px); } to{ transform:none; } }
@keyframes mcz-pose{ from{ transform:rotate(10deg) translateY(-12px); } to{ transform:rotate(3deg); } }
@media (prefers-reduced-motion:reduce){ *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* ═════════ RESPONSIVE ═════════ */
@media (max-width:1280px){
	.mcz-nuancier{ grid-template-columns:repeat(3, minmax(0,1fr)); }
	.mcz-matiere-photo{ aspect-ratio:16/10!important; }
	.mcz-labels{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.mcz-label{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); }
	.mcz-label-photo{ aspect-ratio:auto; min-height:200px; }
	.mcz-label-photo img{ position:absolute; inset:0; border-radius:18px 0 0 18px; }
}
@media (max-width:1080px){
	.mcz-hero-in{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; }
	.mcz-durer, .mcz-journal, .mcz-outil, .mcz-bonus, .mcz-rub-cta, .mcz-fr-faq, .mcz-methode, .mcz-contact-in, .mcz-annexe-in{ grid-template-columns:minmax(0,1fr); }
	.mcz-chiffres{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.mcz-grille-3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.mcz-carte--large{ grid-column:1 / -1; }
	.sbt-footer-grille{ grid-template-columns:1fr 1fr; }
	.mcz-art-entete-in{ grid-template-columns:minmax(0,1fr) minmax(0,.8fr); }
	.mcz-rub-cartouche-zone{ grid-template-columns:minmax(0,1fr); }
	.mcz-etapes, .mcz-reparations, .mcz-trois{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.mcz-etapes::before{ display:none; }
}
@media (max-width:760px){
	body{ font-size:17px; }
	.mcz-hero-in{ display:flex; flex-direction:column; align-items:stretch; gap:20px; min-height:0; padding-top:0; padding-inline:0; }
	.mcz-hero-visuel{ order:-1; min-height:0; height:250px; display:block; margin:0; }
	.mcz-hero-texte, .mcz-hero-visuel, .mcz-hero-ticket{ grid-area:auto; }
	.mcz-hero-photo{ left:0; }
	.mcz-hero-photo.mcz-coupon--gauche img{ border-radius:0; -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; }
	.mcz-hero-visuel > .mcz-epingle{ display:none; }
	.mcz-etiquette-demo{ top:auto; bottom:-22px; right:16px; width:150px; padding:10px 12px 8px; animation:none!important; transform:rotate(3deg); }
	.mcz-etiquette-demo-compo{ font-size:11px; padding:4px 0 6px; }
	.mcz-etiquette-demo-pictos .mcz-picto{ width:24px; height:24px; }
	.mcz-hero-texte{ padding-inline:var(--mcz-gout); gap:16px; }
	.mcz-hero-texte .mcz-ariane{ margin:0; }
	.mcz-h1{ font-size:40px; line-height:1; }
	.mcz-hero-chapo{ font-size:16px; line-height:1.5; }
	.mcz-h1{ font-size:38px; }
	.mcz-hero-mobile-btn{ display:inline-flex; width:100%; }
	.mcz-hero-ticket{ position:relative; width:auto; margin:8px var(--mcz-gout) 32px; animation:none!important; justify-self:auto; align-self:auto; }
	.mcz-hero-fil{ display:none; }
	.mcz-tuiles--vet{ grid-template-columns:repeat(4, minmax(0,1fr)); }
	.mcz-ticket{ grid-template-columns:30px minmax(0,1fr); -webkit-mask:radial-gradient(circle at 30px 0, #0000 8px, #000 8.5px) top/100% 51% no-repeat, radial-gradient(circle at 30px 100%, #0000 8px, #000 8.5px) bottom/100% 51% no-repeat; mask:radial-gradient(circle at 30px 0, #0000 8px, #000 8.5px) top/100% 51% no-repeat, radial-gradient(circle at 30px 100%, #0000 8px, #000 8.5px) bottom/100% 51% no-repeat; }
	.mcz-ticket::after{ left:36px; }
	.mcz-ticket-corps{ padding:18px 16px 16px; }
	.mcz-ticket-talon span{ font-size:12px; }
	.mcz-tuile{ font-size:10.5px; min-height:64px; }
	.mcz-champs-ligne{ grid-template-columns:1fr; }
	.mcz-etape[data-etape="4"] .mcz-champs-ligne{ grid-template-columns:1fr 1fr; }
	.mcz-nuancier{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin-inline:calc(-1 * var(--mcz-gout)); padding:0 var(--mcz-gout) 8px; scrollbar-width:none; }
	.mcz-matiere{ flex:0 0 68%; scroll-snap-align:start; }
	.mcz-matiere-photo{ aspect-ratio:4/3!important; }
	.mcz-grille-3, .mcz-chiffres, .mcz-labels, .mcz-journal-petits, .mcz-etapes, .mcz-reparations, .mcz-trois{ grid-template-columns:minmax(0,1fr); }
	.mcz-label{ display:flex; }
	.mcz-label-photo{ aspect-ratio:16/9; min-height:0; }
	.mcz-label-photo img{ position:static; border-radius:18px 18px 0 0; }
	.mcz-carte--large .mcz-carte-lien{ display:flex; flex-direction:column; }
	.mcz-carte--large .mcz-carte-photo{ aspect-ratio:16/10; min-height:0; border-radius:18px 18px 0 0; }
	.mcz-carte--large .mcz-carte-photo img{ border-radius:18px 18px 0 0; }
	.mcz-carte--ligne .mcz-carte-lien{ grid-template-columns:116px minmax(0,1fr); }
	.mcz-carte--ligne .mcz-etiquette--carte{ display:none; }
	.mcz-carte--une .mcz-carte-photo{ min-height:0; aspect-ratio:16/10; flex:none; }
	.mcz-carte--une .mcz-carte-titre, .mcz-carte--large .mcz-carte-titre{ font-size:25px; }
	.mcz-chiffres-tete{ grid-template-columns:minmax(0,1fr); }
	.mcz-chiffres-photo{ height:120px; }
	.mcz-chiffre{ flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:0 8px; }
	.mcz-chiffre p{ flex-basis:100%; }
	.mcz-chiffre small{ flex-basis:100%; }
	.mcz-bonus{ padding:24px 20px; border-radius:24px; }
	.mcz-bonus .mcz-btn{ width:100%; white-space:normal; }
	.mcz-bonus-photo{ height:240px; }
	.mcz-bonus-photo .mcz-etiquette--flotte{ left:12px; }
	.mcz-couture-photo{ height:380px; }
	.mcz-couture-photo::after{ background:linear-gradient(0deg, var(--mcz-nuit) 8%, rgba(21,28,64,.55) 60%, rgba(21,28,64,.3) 100%); }
	.mcz-couture-titre{ justify-content:flex-end; padding-bottom:100px; }
	.mcz-couture-cartes{ margin-top:-70px; }
	.mcz-section-tete--ligne{ flex-direction:column; align-items:flex-start; }
	.mcz-art-entete-in{ display:flex; flex-direction:column; gap:18px; }
	.mcz-art-visuel{ order:-1; min-height:0; height:240px; margin-inline:calc(-1 * var(--mcz-gout)); }
	.mcz-art-visuel::before{ display:none; }
	.mcz-art-photo.mcz-coupon--gauche img{ border-radius:0; -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/calc(2*var(--mcz-dent)) 51% repeat-x, linear-gradient(#000 0 0) top/100% 50% no-repeat; }
	.mcz-etiquette-epinglee{ left:16px; top:auto; bottom:-18px; }
	.mcz-etiquette-epinglee .mcz-epingle, .mcz-etiquette-epinglee small{ display:none; }
	.mcz-art-titre{ padding-top:14px; }
	.sbt-article-mise-en-page{ padding-inline:12px; }
	.sbt-article-principal{ padding:22px 18px; border-radius:18px; }
	.sbt-article-corps{ font-size:17.5px; }
	.sb-maillage ul{ grid-template-columns:1fr; }
	.mcz-rub-cartouche-zone{ margin-top:-56px; }
	.mcz-rub-cartouche{ padding:22px 20px 20px; }
	.mcz-rub-bandeau{ height:220px; }
	.mcz-nuancier-rub{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-inline:calc(-1 * var(--mcz-gout)); padding-inline:var(--mcz-gout); }
	.mcz-echantillon{ flex:none; }
	.mcz-rub-bientot{ grid-template-columns:minmax(0,1fr); padding:20px; }
	.mcz-auteur-in{ grid-template-columns:minmax(0,1fr); justify-items:start; }
	.mcz-auteur-photo, .mcz-auteur-photo img{ width:160px; height:160px; }
	.mcz-annexe-photo{ height:260px; }
	.mcz-annexe-visuel > .mcz-epingle{ left:8px; }
	.mcz-contact-photo{ height:200px; }
	.sbt-footer-grille{ grid-template-columns:minmax(0,1fr); }
	.mcz-pied-guides ul{ grid-template-columns:1fr; }
	.mcz-lisiere-pastilles{ padding-right:12px; }
	.mcz-outil-form{ padding:16px; }
	.mcz-fibre-ligne{ grid-template-columns:minmax(0,1fr) 54px; }
	.mcz-fibre-ligne select{ grid-column:1 / -1; }
	.mcz-ruban{ padding:24px 18px 16px; transform:none; }
	.mcz-ruban-cases{ grid-template-columns:minmax(0,1fr); }
	.mcz-form-recherche{ flex-direction:column; }
}

/* Blocs figés : Fjalla jamais sous 20 px → petits titres en Gantari ; rien ne déborde sur mobile. */
.sbt-encadre-titre, .sbt-sommaire-titre, .sbt-sommaire summary, .sbt-sommaire-libelle, .sbt-footer-colonne .sbt-t4, .sbt-kicker:not(.mcz-h2){ font-family:var(--mcz-texte)!important; font-weight:700; }
.sbt-footer-colonne .sbt-t4{ font-size:13px!important; letter-spacing:.12em; text-transform:uppercase; color:var(--mcz-fleur-clair)!important; }
.sbt-encadre--saviez{ grid-template-columns:48px minmax(0,1fr); }
.sbt-encadre--saviez::before{ background:var(--mcz-fil); font-family:var(--mcz-titre); }
.sbt-encadre--retenir{ background:var(--mcz-indigo); position:relative; }
.sbt-encadre--retenir::after{ content:""; position:absolute; inset:8px; border:1px dashed rgba(247,221,212,.45); border-radius:15px; pointer-events:none; }
.sbt-encadre--retenir .sbt-encadre-titre{ color:var(--mcz-ticket); }
.sbt-article-corps, .sbt-article-corps p, .sbt-article-corps li{ overflow-wrap:break-word; }
@media (max-width:620px){ .sbt-encadre--saviez{ grid-template-columns:minmax(0,1fr); } }
.mcz-grille--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.mcz-grille--1{ grid-template-columns:minmax(0,1fr); }
.mcz-grille--1 .mcz-carte--large{ grid-column:1 / -1; }
@media (max-width:760px){ .mcz-grille--2{ grid-template-columns:minmax(0,1fr); } }
.mcz-ap-ecrire{ display:flex; flex-direction:column; gap:12px; align-self:center; }
.mcz-ap-ecrire p{ margin:0; }
.mcz-ap-liens{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:6px!important; }
.mcz-ap-edite{ font-size:14px; color:var(--mcz-gris-lin); }
@media (max-width:760px){
	.mcz-labels{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin-inline:calc(-1 * var(--mcz-gout)); padding:0 var(--mcz-gout) 8px; scrollbar-width:none; }
	.mcz-label{ flex:0 0 80%; scroll-snap-align:start; }
	.mcz-chiffres{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
	.mcz-chiffre{ padding:16px 14px 14px; flex-direction:column; }
	.mcz-chiffre strong{ font-size:32px; }
	.mcz-chiffre p{ font-size:14px; margin:6px 0 8px; }
	.mcz-chiffre small{ font-size:11px; }
}

/* ——— Article (passe 4) : en-tête aligné sur la grille corps + rail, rail remonté sous la photo (ticket visible au premier écran) ——— */
@media (min-width:1081px){
	.mcz-art-entete{ padding-block:clamp(24px,2.4vw,40px) 8px; }
	.mcz-art-entete-in{ grid-template-columns:minmax(0, var(--sb-lecture)) var(--sb-rail); column-gap:48px; justify-content:center; max-width:var(--sb-conteneur); }
	.mcz-art-visuel{ min-height:0; aspect-ratio:4/3; align-self:start; margin-top:6px; }
	.mcz-art-visuel::before{ inset:18px -14px -14px 18px; }
	.mcz-etiquette-epinglee{ left:-34px; top:auto; bottom:-22px; }
	.mcz-art-titre{ padding-block:0 12px; gap:18px; }
	.sbt-rail{ transition:none; }
}
.mcz-ticket--rail .mcz-ticket-corps{ padding:14px 16px 14px; gap:8px; }
.mcz-ticket--rail .mcz-ticket-titre{ font-size:21px; }
.mcz-ticket--rail .mcz-ticket-points li{ font-size:10px; gap:3px; }
.mcz-ticket--rail .mcz-etape legend{ font-size:15px; margin-bottom:7px; }
.mcz-ticket--rail .mcz-tuiles{ gap:5px; }
.mcz-ticket--rail .mcz-tuile{ min-height:52px; padding:5px 2px; font-size:10.5px; gap:2px; border-radius:10px; }
.mcz-ticket--rail .mcz-tuile svg{ width:22px; height:22px; }
.mcz-ticket--rail .mcz-tuile--texte{ min-height:36px; font-size:12px; }
.mcz-ticket--rail .mcz-ticket-actions .mcz-btn{ min-height:44px; padding:10px 18px; }
.mcz-ticket--rail .mcz-ticket-note{ display:none; }
.mcz-ticket--rail .mcz-champ input{ height:40px; }
/* Fil de lecture : un fil rouille qui se coud sous le menu au fil de la lecture */
.mcz-fil-lecture{ position:fixed; left:0; top:var(--mcz-entete); height:3px; width:100%; z-index:59; pointer-events:none; background:repeating-linear-gradient(90deg, var(--mcz-fil) 0 7px, transparent 7px 11px); transform-origin:0 50%; transform:scaleX(0); }
/* Rubrique (passe 4) : la carte de tête passe en indigo, titre en Fjalla blanc — un vrai rythme de magazine */
.mcz-rub-liste .mcz-carte--large{ background:var(--mcz-indigo); }
.mcz-rub-liste .mcz-carte--large .mcz-carte-titre{ color:#fff; font-size:clamp(28px,1rem + 1.4vw,40px); }
.mcz-rub-liste .mcz-carte--large .mcz-carte-resume{ color:var(--mcz-lin); font-size:17px; }
.mcz-rub-liste .mcz-carte--large .mcz-carte-meta{ color:var(--mcz-fleur-clair); }
.mcz-rub-liste .mcz-carte--large::after{ border-color:rgba(247,221,212,.5); opacity:1; }
.mcz-rub-liste .mcz-carte--large .mcz-carte-corps{ position:relative; }
.mcz-rub-liste .mcz-carte--large .mcz-carte-corps::before{ content:"À la une de la rubrique"; font:700 12px var(--mcz-texte); letter-spacing:.04em; color:var(--mcz-ticket); }
.mcz-rub-liste{ position:relative; }
.mcz-rub-liste::before{ content:""; position:absolute; left:0; right:0; top:0; border-top:2px dashed rgba(168,63,22,.35); }
@media (max-width:760px){
	.mcz-chiffre{ min-width:0; display:flex; flex-direction:column; flex-wrap:nowrap; align-items:flex-start; }
	.mcz-chiffre p, .mcz-chiffre small{ flex-basis:auto; width:100%; overflow-wrap:break-word; }
}
/* Porte de sortie (erreur n°16) : une étiquette ne sort jamais de son cadre — posée DANS la photo, à 12 px des bords. */
.mcz-etiquette--carte{ bottom:12px!important; left:12px!important; transform:rotate(-1.5deg); }
.mcz-label-photo .mcz-etiquette--carte{ max-width:calc(100% - 28px); }
.mcz-etiquette--flotte{ right:14px!important; bottom:16px!important; transform:rotate(1.5deg); }
.mcz-bonus-photo .mcz-etiquette--flotte{ left:14px!important; right:auto!important; top:18px!important; bottom:auto!important; }
.mcz-auteur-photo .mcz-etiquette--flotte{ right:auto!important; left:50%!important; bottom:8px!important; transform:translateX(-50%) rotate(-1.5deg); }
.mcz-annexe-visuel .mcz-etiquette--flotte{ right:14px!important; bottom:40px!important; }
@media (min-width:1081px){ .mcz-etiquette-epinglee{ left:14px!important; bottom:14px!important; } .mcz-etiquette-epinglee .mcz-epingle{ left:-4px; } }
.mcz-carte--ligne .mcz-etiquette--carte{ left:8px!important; bottom:8px!important; font-size:9.5px; padding:5px 7px; max-width:calc(100% - 16px); }
.mcz-carte--ligne .mcz-etiquette i{ display:none; }

/* ═════════ Corps d'article — moule (passe 5) ═════════ */
.sbt-article-corps > h2[data-num]{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:16px; align-items:baseline; padding-top:22px; }
.sbt-article-corps > h2[data-num]::after{ content:attr(data-num); grid-column:1; grid-row:1; font:400 20px/1 var(--mcz-titre); color:var(--mcz-fil); background:var(--mcz-ticket); border-radius:8px; padding:8px 9px 7px; letter-spacing:.04em; transform:translateY(-4px); }
.sbt-article-corps > h2[data-num]{ grid-auto-flow:column; }
.sbt-article-corps > h2[data-num] { direction:ltr; }
.mcz-note{ position:relative; margin:1.8em 0; padding:22px 24px 20px 24px; border-radius:18px; background:var(--mcz-lin); }
.mcz-note p{ margin:0!important; }
.mcz-note::after{ content:""; position:absolute; inset:7px; border:1px dashed rgba(31,42,92,.25); border-radius:12px; pointer-events:none; }
.mcz-note--retenir{ background:var(--mcz-indigo); color:#fff; }
.mcz-note--retenir a{ color:var(--mcz-ticket)!important; }
.mcz-note--retenir::after{ border-color:rgba(247,221,212,.45); }
.mcz-note--attention{ background:#FBEAE4; }
.mcz-note--attention::after{ border-color:rgba(168,63,22,.45); }
.mcz-note--astuce{ background:#EDF2E6; }
.mcz-note--astuce::after{ border-color:rgba(76,99,49,.4); }
.mcz-note p > strong:first-child{ display:block; margin-bottom:4px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.sbt-article-corps ul.mcz-liste-cartes{ list-style:none; margin:1.6em 0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
.sbt-article-corps ul.mcz-liste-cartes > li{ position:relative; padding:18px 18px 16px; border-radius:16px; background:#fff; box-shadow:var(--mcz-ombre-1), inset 0 0 0 1px rgba(31,42,92,.08); font-size:16.5px; line-height:1.55; }
.sbt-article-corps ul.mcz-liste-cartes > li > strong:first-child, .sbt-article-corps ul.mcz-liste-cartes > li > b:first-child{ display:block; margin-bottom:4px; color:var(--mcz-indigo); font:400 21px/1.15 var(--mcz-titre); }
.sbt-article-corps ul.mcz-liste-cartes--impair > li:first-child{ grid-column:1 / -1; background:var(--mcz-ticket); }
.sbt-article-corps ol.mcz-liste-etapes{ list-style:none; margin:1.6em 0; padding:0 0 0 4px; counter-reset:etape; position:relative; }
.sbt-article-corps ol.mcz-liste-etapes::before{ content:""; position:absolute; left:21px; top:12px; bottom:12px; border-left:2px dashed rgba(168,63,22,.45); }
.sbt-article-corps ol.mcz-liste-etapes > li{ position:relative; counter-increment:etape; padding:4px 0 18px 60px; min-height:44px; }
.sbt-article-corps ol.mcz-liste-etapes > li::before{ content:counter(etape); position:absolute; left:0; top:0; width:42px; height:42px; border-radius:50%; background:var(--mcz-fil); color:#fff; display:grid; place-items:center; font:400 19px var(--mcz-titre); box-shadow:0 0 0 5px #fff; }
.sbt-article-corps ol.mcz-liste-etapes > li > strong:first-child{ display:block; color:var(--mcz-indigo); }
.sbt-article-corps ul.mcz-liste-chiffres{ list-style:none; margin:1.6em 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:12px; }
.sbt-article-corps ul.mcz-liste-chiffres > li{ padding:18px 16px; border-radius:16px; background:var(--mcz-lin); font-size:15px; line-height:1.45; }
.sbt-article-corps ul.mcz-liste-chiffres > li::first-line{ font:700 22px/1.3 var(--mcz-texte); color:var(--mcz-indigo); }
.sbt-article-corps ul.mcz-liste-pastilles{ list-style:none; margin:1.4em 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.sbt-article-corps ul.mcz-liste-pastilles > li{ padding:8px 14px; border-radius:999px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.14); font-size:15.5px; line-height:1.3; }
.sbt-article-corps .mcz-exergue{ position:relative; margin:2em 0; padding:8px 0 8px 28px; border-left:4px solid var(--mcz-fil); font:400 clamp(22px, 1rem + .7vw, 28px)/1.25 var(--mcz-titre); color:var(--mcz-indigo); }
.sbt-article-corps > h2.mcz-h2-annexe::before{ border-top-color:var(--mcz-fleur); }
@media (max-width:640px){
	.sbt-article-corps ul.mcz-liste-cartes{ grid-template-columns:minmax(0,1fr); }
	.sbt-article-corps table.mcz-table{ min-width:0; }
	.sbt-article-corps table.mcz-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	.sbt-article-corps table.mcz-table tr:first-child:has(th){ display:none; }
	.sbt-article-corps table.mcz-table, .sbt-article-corps table.mcz-table tbody, .sbt-article-corps table.mcz-table tr, .sbt-article-corps table.mcz-table td{ display:block; width:100%; }
	.sbt-article-corps table.mcz-table tr{ margin:0 0 12px; padding:6px 14px; border-radius:14px; background:#fff; box-shadow:inset 0 0 0 1px var(--mcz-filet); }
	.sbt-article-corps table.mcz-table td{ border:0; border-bottom:1px dashed var(--mcz-filet); padding:9px 0; background:none!important; }
	.sbt-article-corps table.mcz-table td:last-child{ border-bottom:0; }
	.sbt-article-corps table.mcz-table td[data-label]::before{ content:attr(data-label); display:block; font:700 12px var(--mcz-texte); letter-spacing:.06em; text-transform:uppercase; color:var(--mcz-fil); margin-bottom:2px; }
	.sbs_tableau, .mcz-tableau{ box-shadow:none; overflow:visible; }
}
/* Carrousels mobiles : gouttière au départ et à l'arrivée */
@media (max-width:760px){
	.mcz-nuancier, .mcz-labels{ scroll-padding-inline:var(--mcz-gout); }
	.mcz-nuancier::after, .mcz-labels::after{ content:""; flex:0 0 2px; }
}
/* Cartes : photos toutes à la même hauteur */
.mcz-carte-photo img{ position:absolute; inset:0; }
/* Titre d'accueil : 4 lignes max, « près de chez vous » jamais coupé */
@media (min-width:761px){ .mcz-hero .mcz-h1{ font-size:clamp(42px, 1.1rem + 3.4vw, 78px); } .mcz-hero .mcz-h1-fil{ white-space:nowrap; } }
.mcz-fiches{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; margin:1.6em 0; }
.mcz-fiches--impair > .mcz-fiche:first-child{ grid-column:1 / -1; }
.mcz-fiche{ position:relative; padding:20px 20px 18px; border-radius:16px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.09); }
.mcz-fiche::before{ content:""; position:absolute; left:20px; top:0; width:44px; height:4px; border-radius:0 0 4px 4px; background:var(--mcz-fil); }
.mcz-fiche:nth-child(3n+2)::before{ background:var(--mcz-fleur); }
.mcz-fiche:nth-child(3n)::before{ background:var(--mcz-reseda); }
.sbt-article-corps .mcz-fiche-titre{ margin:0 0 6px!important; font:400 22px/1.15 var(--mcz-titre); color:var(--mcz-indigo); }
.sbt-article-corps .mcz-fiche p:not(.mcz-fiche-titre){ margin:0; font-size:16.5px; line-height:1.6; }
@media (max-width:640px){ .mcz-fiches{ grid-template-columns:minmax(0,1fr); } }
.sbt-article-corps ul.mcz-liste-pastilles > li{ max-width:100%; min-width:0; overflow-wrap:anywhere; }
.sbt-article-corps table th, .sbt-article-corps table .th, .mcz-prose table th{ background:var(--mcz-indigo)!important; color:#fff!important; }
.sbt-article-corps .sbsrc-8da57d77__date, .sbsrc-8da57d77__date{ color:var(--mcz-gris-lin)!important; opacity:1!important; }

/* ═════════ Passe 6 : repères, objets, tuiles, essentiel, infographies du socle ═════════ */
/* Fiches « Intitulé. texte » = liste de repères (pastille + texte), pas des cartes à vignette */
.mcz-fiches{ display:flex!important; flex-direction:column; gap:0; margin:1.4em 0; padding:6px 0; border-top:1px dashed rgba(31,42,92,.2); }
.mcz-fiche{ display:grid; grid-template-columns:minmax(0,190px) minmax(0,1fr); gap:6px 22px; align-items:baseline; padding:16px 0; background:none!important; box-shadow:none!important; border-radius:0; border-bottom:1px dashed rgba(31,42,92,.2); }
.mcz-fiche::before{ display:none!important; }
.mcz-fiches--impair > .mcz-fiche:first-child{ grid-column:auto; }
.sbt-article-corps .mcz-fiche-titre{ display:inline-flex; align-items:center; gap:10px; font:700 16px/1.3 var(--mcz-texte)!important; color:var(--mcz-indigo); }
.sbt-article-corps .mcz-fiche-titre::before{ content:""; flex:none; width:12px; height:12px; border-radius:50%; background:var(--mcz-fil); box-shadow:0 0 0 4px var(--mcz-ticket); }
.mcz-fiche:nth-child(3n+2) .mcz-fiche-titre::before{ background:var(--mcz-fleur); box-shadow:0 0 0 4px var(--mcz-lin); }
.mcz-fiche:nth-child(3n) .mcz-fiche-titre::before{ background:var(--mcz-reseda); box-shadow:0 0 0 4px #E4ECDA; }
.sbt-article-corps .mcz-fiche p:not(.mcz-fiche-titre){ font-size:17px; }
@media (max-width:640px){ .mcz-fiche{ grid-template-columns:minmax(0,1fr); } }
/* Objets (H3 + attributs) : cartes numérotées en grille, teintes alternées */
.mcz-objets{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin:1.6em 0; }
.mcz-objet{ position:relative; padding:22px 20px 16px; border-radius:18px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); overflow:hidden; }
.mcz-objet.mcz-teinte-1{ background:var(--mcz-lin); }
.mcz-objet.mcz-teinte-2{ background:var(--mcz-ticket); }
.mcz-objet.mcz-teinte-3{ background:#fff; box-shadow:var(--mcz-ombre-1), inset 0 0 0 1px rgba(31,42,92,.08); }
.mcz-objet-num{ position:absolute; right:14px; top:2px; font:400 64px/1 var(--mcz-titre); color:var(--mcz-fil); opacity:.22; pointer-events:none; }
.sbt-article-corps .mcz-objet h3{ margin:0 56px 10px 0!important; font:400 24px/1.12 var(--mcz-titre)!important; color:var(--mcz-indigo); }
.mcz-objet-attributs{ display:flex; flex-direction:column; gap:10px; }
.mcz-objet-attributs .mcz-fiche{ display:block; padding:0; border:0; }
.sbt-article-corps .mcz-objet-attributs .mcz-fiche-titre{ font:700 11.5px/1.2 var(--mcz-texte)!important; letter-spacing:.08em; text-transform:uppercase; color:var(--mcz-fil); margin:0 0 2px!important; }
.sbt-article-corps .mcz-objet-attributs .mcz-fiche-titre::before{ display:none; }
.sbt-article-corps .mcz-objet-attributs .mcz-fiche p:not(.mcz-fiche-titre){ font-size:15.5px; line-height:1.5; }
.mcz-objets--impair > .mcz-objet:last-child{ grid-column:1 / -1; }
@media (max-width:760px){ .mcz-objets{ grid-template-columns:minmax(0,1fr); } }
/* Tuiles chiffrées tirées du paragraphe */
.mcz-tuiles-chiffres{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:12px; margin:-.4em 0 1.6em; }
.mcz-tuile-chiffre{ padding:16px 16px 14px; border-radius:16px; background:var(--mcz-indigo); color:#fff; display:flex; flex-direction:column; gap:4px; }
.mcz-tuile-chiffre strong{ font:700 26px/1.1 var(--mcz-texte); font-variant-numeric:tabular-nums; color:#fff; }
.mcz-tuile-chiffre span{ font-size:14px; line-height:1.4; color:var(--mcz-lin); }
.mcz-tuile-chiffre:nth-child(2){ background:var(--mcz-fil); }
.mcz-tuile-chiffre:nth-child(2) span{ color:#FBE7E0; }
/* L'essentiel */
.mcz-essentiel{ position:relative; margin:0 0 2em; padding:22px 24px 18px; border-radius:18px; background:var(--mcz-indigo); color:#fff; }
.mcz-essentiel::after{ content:""; position:absolute; inset:7px; border:1px dashed rgba(247,221,212,.45); border-radius:12px; pointer-events:none; }
.sbt-article-corps .mcz-essentiel-titre{ margin:0 0 10px!important; font:400 24px/1 var(--mcz-titre)!important; color:var(--mcz-ticket)!important; }
.sbt-article-corps ul.mcz-essentiel-liste{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; background:none; }
.sbt-article-corps ul.mcz-essentiel-liste > li{ position:relative; padding-left:30px; font-size:16.5px; line-height:1.5; color:#fff; }
.sbt-article-corps ul.mcz-essentiel-liste > li::before{ content:""; position:absolute; left:0; top:.55em; width:18px; border-top:2px dashed var(--mcz-ticket); }
/* Infographies du socle (jauges, tarifs, frise, lieu) — habillage du site */
.sb-bloc-infographie{ margin:2em 0; }
sbs-jauges, .sbs_jauges{ display:grid; grid-template-columns:repeat(auto-fit, minmax(190px,1fr)); gap:14px; padding:22px; border-radius:20px; background:var(--mcz-lin); }
.sbs_jauges_titre{ grid-column:1 / -1; display:block; font:400 24px/1.15 var(--mcz-titre); color:var(--mcz-indigo); }
.sbs_jauges_titre::first-letter{ text-transform:uppercase; }
sbs-jauge, .sbs_jauge{ display:flex; flex-direction:column; gap:4px; padding:18px 18px 16px; border-radius:16px; background:#fff; box-shadow:var(--mcz-ombre-1); }
.sbs_jauge_libelle{ display:block; order:3; font:500 14px/1.4 var(--mcz-texte); color:var(--mcz-gris-lin); }
.sbs_jauge_valeur{ display:block; order:1; font:700 clamp(24px,2.4vw,32px)/1.08 var(--mcz-texte); overflow-wrap:anywhere; text-wrap:balance; font-variant-numeric:tabular-nums; color:var(--mcz-indigo); }
.sbs_jauge_unite{ display:block; order:2; font:700 14px var(--mcz-texte); color:var(--mcz-fil); }
sbs-tarifs, .sbs_tarifs, sbs-frise, .sbs_frise{ display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:20px; background:var(--mcz-toile); box-shadow:inset 0 0 0 1px rgba(31,42,92,.08); }
.sbs_tarifs_titre, .sbs_frise_titre{ display:block; font:400 24px/1.15 var(--mcz-titre); color:var(--mcz-indigo); }
sbs-tarif, .sbs_tarif, sbs-etape, .sbs_etape{ display:block; padding:12px 14px; border-radius:12px; background:#fff; }
.sbs_tarif_libelle, .sbs_etape_titre{ display:block; font-weight:700; color:var(--mcz-indigo); }
.sbs_etape_date{ display:inline-block; margin-bottom:4px; padding:2px 8px; border-radius:6px; background:var(--mcz-ticket); color:var(--mcz-fil); font:700 13px var(--mcz-texte); }
.sbs_etape_desc, .sbs_tarifs_notes, .sbs_source{ display:block; font-size:14.5px; color:var(--mcz-gris-lin); }
.sbs_tarif_barre{ display:block; height:8px; border-radius:999px; background:var(--mcz-fil); margin-top:6px; }
sbs-lieu, .sbs_lieu{ display:block; padding:18px 20px; border-radius:16px; background:var(--mcz-lin); }
.sbs_lieu_nom{ display:block; font:400 22px var(--mcz-titre); color:var(--mcz-indigo); }
.sbs_lieu_adresse, .sbs_lieu_acces{ display:block; font-size:15px; }
/* Logo : symbole (même fichier que le favicon) + nom en texte */
.mcz-logo{ display:flex!important; align-items:center; gap:10px; line-height:1!important; text-decoration:none; }
.mcz-logo-symbole{ width:44px; height:44px; flex:none; }
.mcz-logo-mot{ display:flex; flex-direction:column; gap:2px; }
.mcz-logo-petit{ font:600 11px/1 var(--mcz-texte); letter-spacing:.18em; text-transform:uppercase; color:var(--mcz-gris-lin); }
.mcz-logo-grand{ font:400 28px/1 var(--mcz-titre); color:var(--mcz-indigo); padding-bottom:5px; background:repeating-linear-gradient(90deg, var(--mcz-fil) 0 6px, transparent 6px 10px) left bottom / 100% 1.6px no-repeat; }
@media (max-width:520px){ .mcz-logo-symbole{ width:38px; height:38px; } .mcz-logo-grand{ font-size:25px; } }
.sbs_jauge_valeur{ white-space:nowrap; font-size:clamp(26px, 1rem + 1vw, 34px); }