/*
 * Pré-pied et pied de page v3 (maquette validée le 6 octobre 2026), sur tout le site.
 * Charte p. 2 et 16 : signature « le bonheur, ça se cultive. » en grand avec le surligneur, ruban des quatre gestes,
 * fond brun terre, filets fins, crème pour l'encart conseil et le pré-pied.
 * Retour arrière : retirer 'footer-v3' de la liste des feuilles dans inc/charte.php.
 */

/* Pré-pied : panneau crème, un grand mot, une phrase, un bouton. */
body.sr-charte .sr-prefooter { padding-block: clamp(var(--sc-space-8), 8vw, var(--sc-space-10)); background: var(--sc-canvas, #fffcf5) !important; color: var(--sc-ink, #2a1a12) !important; border: 0 !important; }
body.sr-charte .sr-prefooter__inner { display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: var(--sc-space-5) var(--sc-space-7); align-items: end; max-width: 1200px; margin: 0 auto; padding: clamp(var(--sc-space-6), 5vw, var(--sc-space-8)) !important; border-radius: var(--sc-r-lg); background: var(--sc-cream, #fdf6ea) !important; box-shadow: none !important; }
body.sr-charte .sr-prefooter__copy { display: grid; gap: var(--sc-space-4); }
body.sr-charte .sr-prefooter .sr-prefooter__eyebrow { margin: 0; font: 600 14px/1.3 "Figtree", system-ui, sans-serif; letter-spacing: 0; text-transform: none; color: var(--sc-ink-mute, #6b4a38) !important; }
body.sr-charte .sr-prefooter .sr-prefooter__eyebrow::before, body.sr-charte .sr-prefooter .sr-prefooter__eyebrow::after { display: none !important; }
body.sr-charte .sr-prefooter .sr-prefooter__title { margin: 0; text-transform: lowercase; text-wrap: balance; color: var(--sc-ink, #2a1a12) !important; }
body.sr-charte .sr-prefooter .sr-prefooter__description { margin: 0; max-width: 60ch; font-size: 18px; line-height: 1.55; color: var(--sc-ink-soft, #4a2f22) !important; }
body.sr-charte .sr-prefooter .sr-prefooter__cta svg { display: none; }
@media (max-width: 760px) {
	body.sr-charte .sr-prefooter { padding-inline: clamp(var(--sc-space-4), 4vw, var(--sc-space-7)); }
	body.sr-charte .sr-prefooter__inner { grid-template-columns: minmax(0, 1fr); }
}

/* Pied de page */
body.sr-charte .sr-footer { background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; padding-top: var(--sc-space-9); }
body.sr-charte .sr-footer .sr-footer-intro { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--sc-space-6); align-items: end; margin: 0; padding: 0; border: 0; }
body.sr-charte .sr-footer .sr-footer-brand { display: block; }
body.sr-charte .sr-footer .sr-footer-brand__logo { display: none; }
body.sr-charte .sr-footer .sr-footer-brand__copy { display: contents; }
body.sr-charte .sr-footer .sr-footer-brand__signature { margin: 0; font: 800 clamp(52px, 8.5vw, 120px)/.92 "Bricolage Grotesque", "Arial Narrow", sans-serif !important; letter-spacing: -0.055em; text-transform: lowercase; color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-footer .sr-footer-brand__signature .sr-surligneur { display: inline-block; padding: 0 .1em .04em; border-radius: var(--sc-r-md); background: var(--sc-red, #b21c2d); color: var(--sc-cream, #fdf6ea); }
body.sr-charte .sr-footer .sr-footer-brand__copy > p:not(.sr-footer-brand__signature) { grid-column: 2; margin: 0; opacity: .86; }
body.sr-charte .sr-footer .sr-footer-brand { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--sc-space-4) var(--sc-space-6); align-items: end; grid-column: 1 / -1; }
body.sr-charte .sr-footer .sr-footer-intro__aside { grid-column: 2; display: grid; gap: var(--sc-space-4); justify-items: start; }
body.sr-charte .sr-footer .sr-footer-story { display: inline-flex; gap: var(--sc-space-2); padding: 0; border: 0; background: none; color: var(--sc-cream, #fdf6ea) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.sr-charte .sr-footer .sr-footer-story svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); }
body.sr-charte .sr-footer .sr-footer-social { display: flex; flex-wrap: wrap; gap: var(--sc-space-2) var(--sc-space-4); font-weight: 600; font-size: 14px; }
body.sr-charte .sr-footer .sr-footer-social a { color: var(--sc-cream, #fdf6ea) !important; text-decoration: underline; text-underline-offset: 3px; }

/* Ruban des quatre gestes */
body.sr-charte .sr-footer .sr-footer-gestes { display: grid; grid-template-columns: 4fr 2.2fr 2.2fr 4fr; gap: var(--sc-space-2); margin: var(--sc-space-7) 0; }
body.sr-charte .sr-footer .sr-footer-gestes i { height: 22px; }
body.sr-charte .sr-footer .sr-footer-gestes i:nth-child(1) { background: var(--sc-semer, #b7d34a); border-radius: var(--sc-r-pill) 0 0 var(--sc-r-pill); }
body.sr-charte .sr-footer .sr-footer-gestes i:nth-child(2) { background: var(--sc-arroser, #8cc5e8); }
body.sr-charte .sr-footer .sr-footer-gestes i:nth-child(3) { background: var(--sc-attendre, #f0c96a); }
body.sr-charte .sr-footer .sr-footer-gestes i:nth-child(4) { background: var(--sc-recolter, #b21c2d); border-radius: 0 var(--sc-r-pill) var(--sc-r-pill) 0; }
body.sr-charte .sr-footer .sr-footer-families { display: none !important; }

/* Colonnes */
body.sr-charte .sr-footer .sr-footer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr); gap: var(--sc-space-6); margin: 0; padding: 0; border: 0; }
body.sr-charte .sr-footer .sr-footer-title { margin: 0 0 var(--sc-space-4); font: 800 20px/1.1 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.03em; text-transform: lowercase; color: var(--sc-cream, #fdf6ea); }
body.sr-charte .sr-footer .sr-footer-nav ul { display: grid; gap: var(--sc-space-3); margin: 0; padding: 0; list-style: none; font-size: 16px; }
body.sr-charte .sr-footer .sr-footer-nav a { color: var(--sc-cream, #fdf6ea) !important; opacity: .86; text-decoration: none; }
body.sr-charte .sr-footer .sr-footer-nav a:hover { opacity: 1; text-decoration: underline; }
body.sr-charte .sr-footer .sr-footer-help-card { display: grid; gap: var(--sc-space-3); align-content: start; justify-items: start; padding: var(--sc-space-5); border: 0; border-radius: var(--sc-r-lg); background: var(--sc-cream, #fdf6ea) !important; color: var(--sc-ink, #2a1a12) !important; box-shadow: none; }
body.sr-charte .sr-footer .sr-footer-help-card__eyebrow { margin: 0; font: 600 14px/1.3 "Figtree", system-ui, sans-serif; letter-spacing: 0; text-transform: none; color: var(--sc-ink-mute, #6b4a38) !important; }
body.sr-charte .sr-footer .sr-footer-help-card__eyebrow::before { display: none !important; }
body.sr-charte .sr-footer .sr-footer-help-card__title { margin: 0; font: 800 24px/1.05 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.035em; text-transform: lowercase; color: var(--sc-ink, #2a1a12); }
body.sr-charte .sr-footer .sr-footer-help-card p { margin: 0; font-size: 14px; color: var(--sc-ink, #2a1a12); }
body.sr-charte .sr-footer .sr-footer-help-card > a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--sc-space-5); border-radius: var(--sc-r-pill); background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; font-weight: 700; font-size: 16px; text-decoration: none; }
body.sr-charte .sr-footer .sr-footer-help-card > a svg { display: none; }

/* Réassurance, paiement, mentions */
body.sr-charte .sr-footer .sr-footer-trust { display: flex; flex-wrap: wrap; gap: var(--sc-space-3) var(--sc-space-6); margin: var(--sc-space-7) 0 0; padding: 0; border: 0; list-style: none; font-weight: 600; font-size: 14px; }
body.sr-charte .sr-footer .sr-footer-trust a { display: inline; padding: 0; border: 0; background: none; color: var(--sc-cream, #fdf6ea) !important; text-decoration: none; }
body.sr-charte .sr-footer .sr-footer-trust svg { display: none; }
body.sr-charte .sr-footer .sr-footer-payments { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-space-2) var(--sc-space-3); margin-top: var(--sc-space-4); padding: 0; border: 0; }
body.sr-charte .sr-footer .sr-footer-payments p { margin: 0; font-size: 14px; opacity: .8; }
body.sr-charte .sr-footer .sr-footer-bottom { margin-top: var(--sc-space-5); border-top: 1px solid rgba(253, 246, 234, .18); background: transparent !important; }
body.sr-charte .sr-footer .sr-footer-bottom__inner { font-size: 14px; opacity: .8; }

@media (max-width: 1020px) {
	body.sr-charte .sr-footer .sr-footer-intro, body.sr-charte .sr-footer .sr-footer-brand { grid-template-columns: minmax(0, 1fr); }
	body.sr-charte .sr-footer .sr-footer-brand__copy > p:not(.sr-footer-brand__signature), body.sr-charte .sr-footer .sr-footer-intro__aside { grid-column: auto; }
}

body.sr-charte .sr-prefooter .sr-prefooter__cta { display: inline-flex; align-items: center; background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; border: 0 !important; text-decoration: none; }
body.sr-charte .sr-footer .sr-footer-help-card .sr-footer-help-card__title { font: 800 24px/1.05 "Bricolage Grotesque", "Arial Narrow", sans-serif !important; letter-spacing: -0.035em !important; text-transform: lowercase !important; }
body.sr-charte .sr-footer .sr-footer-trust { justify-content: flex-start !important; }
body.sr-charte .sr-footer .sr-footer-trust li { flex: 0 0 auto !important; padding: 0 !important; border: 0 !important; }
body.sr-charte .sr-footer .sr-footer-trust li::before, body.sr-charte .sr-footer .sr-footer-trust li::after { display: none !important; }
body.sr-charte aside.sr-prefooter .sr-prefooter__inner a.sr-button.sr-prefooter__cta { background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; border-color: var(--sc-ink, #2a1a12) !important; }
/* Pré-pied ancré : bande crème pleine largeur posée contre le pied de page, filet de 1 px au-dessus (plus de panneau isolé). */
body.sr-charte .sr-prefooter { padding: 0 !important; margin: 0 !important; background: var(--sc-cream, #fdf6ea) !important; border-top: 1px solid var(--sc-line, #eadfc4) !important; }
body.sr-charte .sr-prefooter__inner { max-width: 1200px; padding: clamp(var(--sc-space-8), 7vw, var(--sc-space-10)) clamp(var(--sc-space-4), 4vw, var(--sc-space-7)) !important; border-radius: 0; background: transparent !important; }

/* ===== Pied de page aligné sur la maquette validée (7 octobre 2026) =====
 * Mêmes valeurs que la maquette, ordinateur et mobile ; les logos des moyens de paiement du site sont conservés
 * dans des pastilles crème. Retour arrière : supprimer ce bloc. */
body.sr-charte footer.sr-footer { padding: var(--sc-space-9) 0 var(--sc-space-6) !important; font: 400 16px/1.55 "Figtree", system-ui, sans-serif; }
body.sr-charte footer.sr-footer > .sr-container,
body.sr-charte footer.sr-footer .sr-footer-bottom__inner { width: auto !important; max-width: 1200px !important; margin: 0 auto !important; padding-inline: clamp(var(--sc-space-4), 4vw, var(--sc-space-7)) !important; }
/* Signature à gauche ; phrase, lien et réseaux serrés à droite, alignés sur le bas de la signature. */
body.sr-charte footer.sr-footer .sr-footer-intro { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important; grid-template-rows: auto auto; column-gap: var(--sc-space-6) !important; row-gap: 0 !important; align-items: end; }
body.sr-charte footer.sr-footer .sr-footer-brand, body.sr-charte footer.sr-footer .sr-footer-brand__copy { display: contents !important; }
body.sr-charte footer.sr-footer .sr-footer-brand__signature { grid-column: 1; grid-row: 1 / span 2; align-self: end; }
body.sr-charte footer.sr-footer .sr-footer-brand__copy > p:not(.sr-footer-brand__signature) { grid-column: 2 !important; grid-row: 1; align-self: end; margin: 0 !important; font-size: 16px !important; line-height: 1.55 !important; color: var(--sc-cream, #fdf6ea) !important; opacity: .86; }
body.sr-charte footer.sr-footer .sr-footer-intro__aside { grid-column: 2 !important; grid-row: 2; align-self: start; display: block !important; margin: 0; }
body.sr-charte footer.sr-footer .sr-footer-story { display: inline-flex !important; align-items: center; gap: var(--sc-space-2); margin-top: var(--sc-space-3); font: 600 16px/1.55 "Figtree", system-ui, sans-serif !important; text-decoration-thickness: 1.5px; }
body.sr-charte footer.sr-footer .sr-footer-story svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); }
body.sr-charte footer.sr-footer .sr-footer-social { display: flex !important; flex-wrap: wrap; gap: var(--sc-space-2) var(--sc-space-4) !important; margin-top: var(--sc-space-4); font: 600 14px/1.55 "Figtree", system-ui, sans-serif !important; }
body.sr-charte footer.sr-footer .sr-footer-social > span { color: var(--sc-cream, #fdf6ea); opacity: 1; font: inherit; text-transform: none; letter-spacing: 0; }
/* Ruban et colonnes */
body.sr-charte footer.sr-footer .sr-footer-gestes { margin: var(--sc-space-7) 0 !important; }
body.sr-charte footer.sr-footer .sr-footer-nav ul { gap: var(--sc-space-3) !important; font-size: 16px !important; }
body.sr-charte footer.sr-footer .sr-footer-nav li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.sr-charte footer.sr-footer .sr-footer-nav li a { display: inline !important; min-height: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1.55 !important; }
body.sr-charte footer.sr-footer .sr-footer-help-card > a { min-height: 44px !important; padding: 0 var(--sc-space-5) !important; font: 700 16px/1 "Figtree", system-ui, sans-serif !important; text-decoration: none !important; }
body.sr-charte footer.sr-footer .sr-footer-help-card > a:hover { background: var(--sc-ink-soft, #4a2f22) !important; }
/* Réassurance et moyens de paiement sur une même ligne, comme la maquette */
body.sr-charte footer.sr-footer .sr-footer-trust { display: inline-flex !important; flex-wrap: wrap; vertical-align: middle; gap: var(--sc-space-3) var(--sc-space-6) !important; margin: var(--sc-space-7) var(--sc-space-6) 0 0 !important; font: 600 14px/1.55 "Figtree", system-ui, sans-serif !important; }
body.sr-charte footer.sr-footer .sr-footer-trust a { font: inherit !important; }
body.sr-charte footer.sr-footer .sr-footer-payments { display: inline-flex !important; flex-wrap: wrap; vertical-align: middle; align-items: center; gap: var(--sc-space-2) !important; margin: var(--sc-space-7) 0 0 !important; }
body.sr-charte footer.sr-footer .sr-footer-payments p { margin: 0 !important; font: 400 14px/1.55 "Figtree", system-ui, sans-serif !important; opacity: 1 !important; color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte footer.sr-footer .sr-footer-payments ul { display: flex !important; flex-wrap: wrap; gap: var(--sc-space-2) !important; margin: 0 !important; padding: 0 !important; list-style: none; }
body.sr-charte footer.sr-footer .sr-footer-payment { display: inline-grid !important; place-items: center; height: auto !important; min-height: 0 !important; padding: var(--sc-space-1) var(--sc-space-2) !important; border: 0 !important; border-radius: var(--sc-r-xs) !important; background: var(--sc-cream, #fdf6ea) !important; box-shadow: none !important; }
body.sr-charte footer.sr-footer .sr-footer-payment img { display: block; width: auto !important; height: 16px !important; max-width: none; }
/* Bas de page */
body.sr-charte footer.sr-footer .sr-footer-bottom { margin-top: var(--sc-space-5) !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.sr-charte footer.sr-footer .sr-footer-bottom__inner { display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--sc-space-3) var(--sc-space-6) !important; padding-top: var(--sc-space-5) !important; padding-bottom: 0 !important; border-top: 1px solid rgba(253, 246, 234, .18); font-size: 14px !important; opacity: .8; }
body.sr-charte footer.sr-footer .sr-footer-bottom__inner > p { display: block !important; margin: 0 !important; font-size: 14px !important; color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte footer.sr-footer .sr-footer-bottom__inner nav { display: flex !important; flex-wrap: wrap; gap: 0 var(--sc-space-4) !important; }
body.sr-charte footer.sr-footer .sr-footer-bottom__inner nav a { display: inline-flex; align-items: center; padding: 0 !important; font-size: 14px !important; color: var(--sc-cream, #fdf6ea) !important; text-decoration: underline; }
@media (max-width: 1020px) {
	body.sr-charte footer.sr-footer .sr-footer-intro { grid-template-columns: minmax(0, 1fr) !important; }
	body.sr-charte footer.sr-footer .sr-footer-brand__signature { grid-row: 1; margin-bottom: var(--sc-space-6) !important; }
	body.sr-charte footer.sr-footer .sr-footer-brand__copy > p:not(.sr-footer-brand__signature) { grid-column: 1 !important; grid-row: 2; }
	body.sr-charte footer.sr-footer .sr-footer-intro__aside { grid-column: 1 !important; grid-row: 3; }
}
body.sr-charte footer.sr-footer .sr-footer-nav ul { grid-template-columns: minmax(0, 1fr) !important; columns: auto !important; }
body.sr-charte footer.sr-footer .sr-footer-social { flex-direction: row !important; align-items: baseline; }
body.sr-charte footer.sr-footer .sr-footer-social > * { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
body.sr-charte footer.sr-footer .sr-footer-intro__aside { text-align: left !important; justify-self: stretch; }
body.sr-charte footer.sr-footer .sr-footer-social { justify-content: flex-start !important; }
body.sr-charte footer.sr-footer .sr-footer-social { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: none !important; }
body.sr-charte footer.sr-footer .sr-footer-social { float: none !important; position: static !important; left: auto !important; transform: none !important; justify-self: start !important; margin-inline: 0 !important; }
/* Alignements (retour du 7 octobre 2026) : bloc de droite posé sur le bas de la signature ; paiement sur la ligne de réassurance. */
body.sr-charte footer.sr-footer .sr-footer-intro { grid-template-rows: 1fr auto !important; }
body.sr-charte footer.sr-footer .sr-footer-intro__aside { align-self: end !important; }
body.sr-charte footer.sr-footer .sr-footer-social a { min-height: 0 !important; }
body.sr-charte footer.sr-footer :is(.sr-footer-trust, .sr-footer-payments) { vertical-align: top !important; align-items: center !important; min-height: 44px; height: auto !important; padding: 0 !important; }
body.sr-charte footer.sr-footer .sr-footer-trust li, body.sr-charte footer.sr-footer .sr-footer-trust a { display: inline-flex !important; align-items: center; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.55 !important; }
@media (max-width: 1020px) { body.sr-charte footer.sr-footer .sr-footer-intro { grid-template-rows: auto auto auto !important; } }

/* La lettre Sanrival (21 oct. 2026) : bloc d'inscription en tête du pied de page, maquette validée. */
body.sr-charte .sr-footer .sr-lettre { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--sc-space-7); align-items: center; padding: 0 0 var(--sc-space-6); margin: 0 0 var(--sc-space-6); border-bottom: 1px solid rgba(233, 220, 195, .18); }
body.sr-charte .sr-footer .sr-lettre__sur { margin: 0 0 var(--sc-space-3); font: 700 14px/1.3 var(--sc-font); color: var(--sc-green-light); }
body.sr-charte .sr-footer .sr-lettre__titre { margin: 0; font-family: var(--sc-display); font-weight: 800; color: var(--sc-canvas); text-wrap: balance; text-transform: none; }
body.sr-charte .sr-footer .sr-lettre__chapo { margin: var(--sc-space-4) 0 0; max-width: 44ch; font-size: 18px; line-height: 1.5; color: #e9dcc3; }
body.sr-charte .sr-footer .sr-lettre__form { display: flex; flex-direction: column; gap: var(--sc-space-3); margin: 0; }
body.sr-charte .sr-footer .sr-lettre__form > label { font: 700 14px/1.3 var(--sc-font); color: var(--sc-canvas); }
body.sr-charte .sr-footer .sr-lettre__piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
body.sr-charte .sr-footer .sr-lettre__mention { margin: 2px 0 0; font-size: 14px; line-height: 1.5; color: #e9dcc3; }
body.sr-charte .sr-footer .sr-lettre__mention a { color: var(--sc-canvas); text-decoration: underline; }
body.sr-charte .sr-footer .sr-lettre__msg:empty { display: none; }
body.sr-charte .sr-footer .sr-lettre__retour { padding: var(--sc-space-4) var(--sc-space-4); border-radius: var(--sc-r-sm); font-size: 16px; line-height: 1.45; }
body.sr-charte .sr-footer .sr-lettre__retour b { display: block; font-family: var(--sc-display); font-weight: 800; font-size: 20px; letter-spacing: -0.03em; color: var(--sc-ink); }
body.sr-charte .sr-footer .sr-lettre__retour--ok { background: var(--sc-green-soft); color: var(--sc-green); }
body.sr-charte .sr-footer .sr-lettre__retour--err { background: var(--sc-red-soft); color: var(--sc-red-dark); }
body.sr-charte .sr-footer .sr-lettre__retour--info { background: var(--sc-cream-deep); color: var(--sc-ink-soft); }
@media (max-width: 1020px) {
	body.sr-charte .sr-footer .sr-lettre { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
}
@media (max-width: 600px) {
	
}
/* Case « Recevoir la lettre Sanrival » dans la commande et dans Mon compte */
body.sr-charte .sr-lettre-case label.checkbox { display: block !important; position: relative; padding-left: var(--sc-space-6) !important; font: 400 16px/1.45 var(--sc-font) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--sc-ink-soft) !important; cursor: pointer; }
body.sr-charte .sr-lettre-case label.checkbox input[type=checkbox] { position: absolute; left: 0; top: -1px; margin: 0 !important; }
body.sr-charte .sr-lettre-case label.checkbox b { color: var(--sc-ink); font-weight: 700; }

/* ===== Grille du pied de page, passe responsive du 21 octobre 2026 : une seule définition par largeur
   (les cinq règles concurrentes, dont deux imposaient 4 colonnes partout, ont été retirées). ===== */
body.sr-charte footer.sr-footer .sr-footer-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr) !important; gap: var(--sc-space-6) !important; align-items: start; }
body.sr-charte footer.sr-footer .sr-footer-payments p { text-align: left !important; }
@media (max-width: 1100px) {
	body.sr-charte footer.sr-footer .sr-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--sc-space-6) var(--sc-space-5) !important; }
	body.sr-charte footer.sr-footer .sr-footer-help-card { grid-column: 1 / -1 !important; grid-template-columns: minmax(0, 1fr) auto !important; column-gap: var(--sc-space-5) !important; row-gap: var(--sc-space-2) !important; align-items: center !important; padding: var(--sc-space-5) var(--sc-space-5) !important; border-radius: var(--sc-r-md) !important; }
	body.sr-charte footer.sr-footer .sr-footer-help-card > :not(a) { grid-column: 1 !important; }
	body.sr-charte footer.sr-footer .sr-footer-help-card > a { grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: center !important; white-space: nowrap; }
}
@media (max-width: 600px) {
	body.sr-charte footer.sr-footer .sr-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--sc-space-6) var(--sc-space-5) !important; }
	/* Trois groupes de liens sur deux colonnes : « nos univers » occupe la colonne de gauche, les deux autres s'empilent à droite (pas de case vide). */
	body.sr-charte footer.sr-footer .sr-footer-nav--universes { grid-row: span 2; }
	body.sr-charte footer.sr-footer .sr-footer-help-card { grid-template-columns: minmax(0, 1fr) !important; row-gap: var(--sc-space-2) !important; padding: var(--sc-space-5) !important; }
	body.sr-charte footer.sr-footer .sr-footer-help-card > a { grid-column: 1 !important; grid-row: auto !important; justify-self: start !important; margin-top: var(--sc-space-2) !important; }
	body.sr-charte footer.sr-footer .sr-footer-help-card .sr-footer-help-card__title { font-size: 20px !important; }
	body.sr-charte footer.sr-footer .sr-footer-payments { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: var(--sc-space-2) !important; }
}