/**
 * Gabarit catégorie de variétés v3 — maquette validée le 7 octobre 2026 (charte PDF).
 * Valeurs reprises à l'identique de la maquette. Portée : main.src3 (templates/catalog-experience-v3.php).
 * Rollback : SANRIVAL_CATEGORY_V3 à false (inc/catalog-v3.php) ; ce fichier n'est alors plus chargé.
 */

/* ---------- Jetons ---------- */
body.sr-charte .src3 {
	--c3-rouge: var(--sc-red, #b21c2d);
	--c3-rouge-fonce: var(--sc-red-dark, #8e1424);
	--c3-brun: var(--sc-ink, #2a1a12);
	--c3-brun-doux: var(--sc-ink-soft, #4a2f22);
	--c3-brun-mute: var(--sc-ink-mute, #6b4a38);
	--c3-creme: var(--sc-cream, #fdf6ea);
	--c3-fond: var(--sc-canvas, #fffcf5);
	--c3-blanc: #fff;
	--c3-filet: var(--sc-line, #eadfc4);
	--c3-trait: rgba(42, 26, 18, .16);
	--c3-trait-fort: rgba(42, 26, 18, .18);
	--c3-display: var(--sc-display, "Bricolage Grotesque", system-ui, sans-serif);
	--c3-texte: var(--sc-font, "Figtree", system-ui, sans-serif);
	--c3-r-s: var(--sc-r-sm);
	--c3-r-m: var(--sc-r-md);
	--c3-r-l: var(--sc-r-lg);
	--c3-gouttiere: clamp(16px, 4vw, 40px);
	--c3-fam: var(--sc-fam-potageres, #4e8f2f);
	--c3-fam-texte: var(--c3-creme);
	background: var(--c3-fond);
	color: var(--c3-brun);
	font-family: var(--c3-texte);
}
body.sr-charte .src3.is-fam-aromatiques { --c3-fam: var(--sc-fam-aromatiques, #2c7a8c); }
body.sr-charte .src3.is-fam-fleurs { --c3-fam: var(--sc-fam-fleurs, #c2336b); }
body.sr-charte .src3.is-fam-anciennes { --c3-fam: var(--sc-fam-anciennes, #c9791b); --c3-fam-texte: var(--c3-brun); }
body.sr-charte .src3.is-fam-bio { --c3-fam: var(--sc-fam-bio, #a9b52a); --c3-fam-texte: var(--c3-brun); }
body.sr-charte .src3.is-fam-kids { --c3-fam: var(--sc-fam-kids, #f2a900); --c3-fam-texte: var(--c3-brun); }
body.sr-charte .src3.is-fam-jardin { --c3-fam: var(--sc-fam-jardin, #a1512b); }
body.sr-charte .src3.is-fam-animalerie { --c3-fam: var(--sc-fam-animalerie, #3f67a0); }
body.sr-charte .src3.is-fam-nuisibles { --c3-fam: var(--sc-fam-nuisibles, #6a3f86); }

body.sr-charte .src3 img { max-width: 100%; display: block; }
body.sr-charte .src3 a { color: inherit; }
body.sr-charte .src3 .src3-wrap { max-width: 1200px; margin: 0 auto; padding-inline: var(--c3-gouttiere); }
body.sr-charte .src3 .src3-section { padding-block: clamp(var(--sc-space-8), 9vw, 112px); }

/* ---------- Typographie ---------- */
body.sr-charte .src3 :is(.src3-h1, .src3-h2) { margin: 0; font-family: var(--c3-display); font-weight: 800; text-transform: lowercase; text-wrap: balance; color: inherit; }


body.sr-charte .src3 .src3-h2--grand { font-size: clamp(32px, 4.4vw, 64px); line-height: .98; letter-spacing: -0.05em; }
body.sr-charte .src3 .src3-surtitre { display: flex; flex-wrap: wrap; align-items: center; margin: 0; font-size: 14px; font-weight: 600; color: var(--c3-brun-mute); }
body.sr-charte .src3 .src3-mini { margin: var(--sc-space-2) 0 0; font-size: 16px; color: var(--c3-brun-mute); max-width: 62ch; }
body.sr-charte .src3 .src3-chapo { margin: 0; font-size: 18px; color: var(--c3-brun-doux); max-width: 58ch; }
body.sr-charte .src3 .src3-lien { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; justify-self: start; }
body.sr-charte .src3 .src3-tete { display: grid; gap: var(--sc-space-4); margin-bottom: var(--sc-space-7); }

/* ---------- Pastilles et boutons ---------- */
body.sr-charte .src3 .src3-pastille { display: inline-flex; align-items: center; white-space: nowrap; background: var(--c3-fam); color: var(--c3-fam-texte); }
body.sr-charte .src3 .src3-pastille.is-brun { background: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-pastille.is-semer { background: var(--sc-semer, #b7d34a); color: var(--c3-brun); }
body.sr-charte .src3 .src3-pastille.is-arroser { background: var(--sc-arroser, #8cc5e8); color: var(--c3-brun); }
body.sr-charte .src3 .src3-pastille.is-attendre { background: var(--sc-attendre, #f0c96a); color: var(--c3-brun); }
body.sr-charte .src3 .src3-pastille.is-recolter { background: var(--sc-recolter, #b21c2d); color: var(--c3-creme); }
body.sr-charte .src3 .src3-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-space-3); border: 0; text-decoration: none; cursor: pointer; transition: background-color .15s; }
body.sr-charte .src3 .src3-btn--explorer { background: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-btn--explorer:hover { background: var(--c3-brun-doux); }
body.sr-charte .src3 .src3-btn--appoint { background: transparent; color: var(--c3-brun); box-shadow: inset 0 0 0 2px var(--c3-brun); }
body.sr-charte .src3 .src3-btn--appoint:hover { background: rgba(42, 26, 18, .06); }
body.sr-charte .src3 .src3-btn--clair { background: transparent; color: var(--c3-creme); box-shadow: inset 0 0 0 2px var(--c3-creme); justify-self: start; }
body.sr-charte .src3 .src3-btn--clair:hover { background: rgba(253, 246, 234, .1); }

/* ---------- Premier écran ---------- */
body.sr-charte .src3 .src3-hero { background: var(--c3-fond); } /* fond du site depuis le 7 octobre 2026 (avant : crème soleil) */
body.sr-charte .src3 .src3-hero__grille { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: var(--sc-space-8); align-items: center; padding-block: clamp(var(--sc-space-7), 6vw, var(--sc-space-9)) clamp(var(--sc-space-8), 6vw, var(--sc-space-9)); }
body.sr-charte .src3 .src3-hero__grille.is-sans-photo { grid-template-columns: minmax(0, 1fr); }
body.sr-charte .src3 .src3-hero__texte { display: grid; gap: var(--sc-space-5); min-width: 0; }
body.sr-charte .src3 .src3-ariane { margin: 0 0 var(--sc-space-1); font-size: 14px; color: var(--c3-brun-mute); }
body.sr-charte .src3 .src3-ariane a { text-decoration: none; }
body.sr-charte .src3 .src3-ariane a:hover { text-decoration: underline; }
body.sr-charte .src3 .src3-ariane > span[aria-hidden] { margin: 0 var(--sc-space-2); }
body.sr-charte .src3 .src3-hero .src3-surtitre .src3-pastille { margin-right: var(--sc-space-3); }
body.sr-charte .src3 .src3-hero .sr-family-signature { margin: 0; font: 800 clamp(22px, 2.4vw, 30px)/1.05 var(--c3-display); letter-spacing: -0.04em; text-transform: lowercase; color: var(--c3-brun); }
body.sr-charte .src3 .src3-hero .sr-family-signature .sr-surligneur { display: inline-block; background: var(--c3-rouge); color: var(--c3-creme); border-radius: var(--sc-r-sm); padding: 0 .18em .06em; }
body.sr-charte .src3 .src3-accroche { margin: 0; font-size: 20px; line-height: 1.55; max-width: 46ch; color: var(--c3-brun-doux); }
body.sr-charte .src3 .src3-actions { display: flex; flex-wrap: wrap; gap: var(--sc-space-4); margin-top: var(--sc-space-1); }
body.sr-charte .src3 .src3-hero__photo { margin: 0; display: grid; gap: var(--sc-space-4); }
body.sr-charte .src3 .src3-cadre { position: relative; aspect-ratio: 1 / 1; border-radius: var(--c3-r-l); overflow: hidden; background: var(--c3-fond); }
body.sr-charte .src3 .src3-cadre img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }
body.sr-charte .src3 .src3-cadre.is-packshot img { object-fit: contain; padding: var(--sc-space-6); }
body.sr-charte .src3 .src3-cadre .src3-pastille { position: absolute; top: 16px; left: 16px; }
body.sr-charte .src3 .src3-hero__photo figcaption { border-top: 1px solid var(--c3-trait-fort); padding-top: var(--sc-space-3); font-size: 14px; color: var(--c3-brun); }
body.sr-charte .src3 .src3-ruban { display: grid; grid-template-columns: 4fr 2.2fr 2.2fr 4fr; }
body.sr-charte .src3 .src3-ruban i { height: 8px; }
body.sr-charte .src3 .src3-ruban i:nth-child(1) { background: var(--sc-semer, #b7d34a); }
body.sr-charte .src3 .src3-ruban i:nth-child(2) { background: var(--sc-arroser, #8cc5e8); }
body.sr-charte .src3 .src3-ruban i:nth-child(3) { background: var(--sc-attendre, #f0c96a); }
body.sr-charte .src3 .src3-ruban i:nth-child(4) { background: var(--sc-recolter, #b21c2d); }

/* ---------- Quel est votre projet ? (tuiles photo) ---------- */
body.sr-charte .src3 .src3-section--cat { padding-top: clamp(var(--sc-space-8), 7vw, var(--sc-space-10)); }
body.sr-charte .src3 .src3-projet { padding-bottom: clamp(var(--sc-space-7), 6vw, var(--sc-space-9)); margin-bottom: clamp(var(--sc-space-7), 6vw, var(--sc-space-9)); border-bottom: 1px solid var(--c3-trait); }
body.sr-charte .src3 .src3-projet .src3-tete { margin-bottom: var(--sc-space-6); }
body.sr-charte .src3 .src3-tuiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--sc-space-3); }
body.sr-charte .src3 .src3-tuile { position: relative; /* ancre le texte pour lecteur d'écran dans le défilement mobile */ display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; align-items: start; gap: var(--sc-space-3); width: 100%; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--c3-brun); font: inherit; text-align: left; text-decoration: none; cursor: pointer; transform: none; transition: none; }
body.sr-charte .src3 .src3-tuile:is(:hover, .is-active) { background: none; border: 0; transform: none; }
body.sr-charte .src3 .src3-tuile__ph { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: var(--c3-r-m); overflow: hidden; background: var(--c3-blanc); outline: 1px solid var(--c3-filet); outline-offset: -1px; transition: outline-color .15s; }
body.sr-charte .src3 .src3-tuile__ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
body.sr-charte .src3 .src3-tuile__ph svg { width: var(--sc-icon-xl); height: var(--sc-icon-xl); color: var(--c3-brun-mute); }
body.sr-charte .src3 .src3-tuile:hover .src3-tuile__ph img { transform: scale(1.04); }
body.sr-charte .src3 .src3-tuile__txt { display: grid; justify-items: start; gap: var(--sc-space-2); }
body.sr-charte .src3 .src3-tuile b { font: 800 20px/1.05 var(--c3-display); letter-spacing: -0.035em; text-transform: lowercase; }
body.sr-charte .src3 .src3-tuile__n { display: inline-flex; align-items: center; gap: var(--sc-space-2); height: 26px; padding: 0 var(--sc-space-3) 0 var(--sc-space-2); border-radius: var(--sc-r-pill); background: var(--c3-creme); outline: 1px solid var(--c3-trait); outline-offset: -1px; font: 600 14px/1 var(--c3-texte); color: var(--c3-brun); font-variant-numeric: tabular-nums; transition: background-color .15s, color .15s; }
body.sr-charte .src3 .src3-tuile__n::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c3-fam); }
body.sr-charte .src3 .src3-tuile:hover .src3-tuile__n { outline: 1.5px solid var(--c3-brun); outline-offset: -1.5px; }
body.sr-charte .src3 .src3-tuile.is-active .src3-tuile__ph { outline: 2.5px solid var(--c3-brun); outline-offset: 0; }
body.sr-charte .src3 .src3-tuile.is-active b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
body.sr-charte .src3 .src3-tuile.is-active .src3-tuile__n { background: var(--c3-brun); color: var(--c3-creme); outline: 0; }
body.sr-charte .src3 .src3-tuile:focus-visible { outline: 3px solid var(--c3-rouge); outline-offset: 4px; border-radius: var(--c3-r-m); }

/* ---------- Catalogue : en-tête, colonne de filtres, barre, grille ---------- */
body.sr-charte .src3 .src3-tete--cat { gap: 0; margin-bottom: var(--sc-space-7); }
body.sr-charte .src3 .src3-tete--cat .src3-h2 { margin-top: var(--sc-space-4); }
body.sr-charte .src3 .srce-catalogue-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--sc-space-8); align-items: start; }
body.sr-charte .src3 .srce-catalogue-layout--without-filters { grid-template-columns: minmax(0, 1fr); }

body.sr-charte .src3 .srce-filter-panel { position: sticky; top: 16px; overflow: visible; background: transparent; border: 0; border-radius: 0; }
body.sr-charte.admin-bar .src3 .srce-filter-panel { top: 48px; }
body.sr-charte .src3 .srce-filter-panel__head { display: flex; padding: 0 0 var(--sc-space-4); margin-bottom: var(--sc-space-1); border-bottom: 1px solid var(--c3-brun); }
body.sr-charte .src3 .srce-filter-panel__head .srce-eyebrow { display: block; margin: 0 0 var(--sc-space-2); font: 600 14px/1.3 var(--c3-texte); color: var(--c3-brun-mute); text-transform: none; letter-spacing: 0; }
body.sr-charte .src3 .srce-filter-panel__head h2 { margin: 0; font: 800 24px/1.05 var(--c3-display); letter-spacing: -0.035em; text-transform: lowercase; color: var(--c3-brun); }
body.sr-charte .src3 .srce-filter-panel__body { padding: 0; }
body.sr-charte .src3 .srce-filter-group { border-bottom: 1px solid var(--c3-trait); }
body.sr-charte .src3 .srce-filter-group[open] { padding-bottom: var(--sc-space-4); }
body.sr-charte .src3 .srce-filter-group > summary { min-height: 0; padding: var(--sc-space-4) 0; font: 800 18px/1.1 var(--c3-display); letter-spacing: -0.03em; text-transform: lowercase; color: var(--c3-brun); }
body.sr-charte .src3 .srce-filter-group__state svg { display: none; }
body.sr-charte .src3 .srce-filter-group__state::after { content: ""; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%232a1a12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; transition: transform .15s; }
body.sr-charte .src3 .srce-filter-group[open] .srce-filter-group__state::after { transform: rotate(180deg); }
body.sr-charte .src3 .srce-filter-group__state b { min-width: 22px; height: 22px; padding-inline: var(--sc-space-2); background: var(--c3-fam); color: var(--c3-fam-texte); font: 600 12px/1 var(--c3-texte); }
body.sr-charte .src3 .srce-filter-group__content { padding: 0; }
body.sr-charte .src3 .srce-filter-group__content > p { margin: -6px 0 var(--sc-space-3); font-size: 14px; line-height: 1.45; color: var(--c3-brun-mute); }
body.sr-charte .src3 .srce-filter-options { display: grid; gap: 0; }
body.sr-charte .src3 .srce-filter-option { display: flex; align-items: center; gap: var(--sc-space-3); min-height: 36px; margin: 0 -8px; padding: 0 var(--sc-space-2); background: transparent; border: 0; border-radius: var(--sc-r-xs); font-size: 16px; transition: background-color .15s; }
body.sr-charte .src3 .srce-filter-option:hover { background: var(--c3-creme); border: 0; }
body.sr-charte .src3 .srce-filter-option.is-selected,
body.sr-charte .src3 .srce-filter-option:has(input:checked) { background: transparent; border: 0; }
body.sr-charte .src3 .srce-filter-option.is-selected:hover { background: var(--c3-creme); }
body.sr-charte .src3 .srce-filter-option:has(input:focus-visible) { outline: 2px solid var(--c3-brun); outline-offset: 0; }
body.sr-charte .src3 .srce-filter-option__check { flex: 0 0 18px; width: 18px; height: 18px; border-radius: var(--sc-r-xs); background: var(--c3-blanc); border: 1.5px solid rgba(42, 26, 18, .45); color: var(--c3-fam-texte); }
body.sr-charte .src3 .srce-filter-option__check svg { width: 12px; height: 12px; stroke-width: 3; }
body.sr-charte .src3 .srce-filter-option input:checked + .srce-filter-option__check { background: var(--c3-fam); border-color: var(--c3-fam); }
body.sr-charte .src3 .srce-filter-option__swatch { flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(42, 26, 18, .18); }
body.sr-charte .src3 .srce-filter-option__label { flex: 1; font: 400 16px/1.3 var(--c3-texte); color: var(--c3-brun); }
body.sr-charte .src3 .srce-filter-option.is-selected .srce-filter-option__label { font-weight: 700; }
body.sr-charte .src3 .srce-filter-option__count { display: inline-grid; place-items: center; min-width: 26px; height: 22px; padding: 0 var(--sc-space-2); border-radius: var(--sc-r-pill); background: var(--c3-creme); font: 600 12px/1 var(--c3-texte); color: var(--c3-brun-mute); font-variant-numeric: tabular-nums; }
body.sr-charte .src3 .srce-filter-option.is-selected .srce-filter-option__count { background: var(--c3-fam); color: var(--c3-fam-texte); }
body.sr-charte .src3 .srce-filter-panel__foot { display: block; margin-top: var(--sc-space-4); padding: 0; background: none; border: 0; }
body.sr-charte .src3 .srce-filter-panel__foot .srce-button { display: none; }
body.sr-charte .src3 .srce-filter-panel__foot .srce-text-button { padding: 0; border: 0; background: none; font: 600 16px/1.4 var(--c3-texte); color: var(--c3-brun); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; cursor: pointer; }

body.sr-charte .src3 .srce-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sc-space-3); min-height: 0; margin: 0 0 var(--sc-space-5); padding: var(--sc-space-3) 0 var(--sc-space-4); background: var(--sc-canvas); border: 0; border-bottom: 1px solid var(--c3-trait); border-radius: 0; }
body.sr-charte .src3 .srce-result-count { margin: 0; font: 800 24px/1 var(--c3-display); letter-spacing: -0.03em; color: var(--c3-brun); }
body.sr-charte .src3 .srce-result-count strong { font: inherit; }
body.sr-charte .src3 .src3-actifs { flex: 1 1 auto; display: flex; justify-content: center; }
body.sr-charte .src3 .src3-actifs .srce-active { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-space-2); margin: 0; padding: 0; background: none; border: 0; }
body.sr-charte .src3 .src3-actifs .srce-active--empty { display: none; }
body.sr-charte .src3 .src3-actifs :is(.srce-active__label, .srce-active__clear) { display: none; }
body.sr-charte .src3 .src3-actifs .srce-active__list { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); }
body.sr-charte .src3 .src3-actifs .srce-active__pill { display: inline-flex; align-items: center; gap: var(--sc-space-2); height: 32px; padding: 0 var(--sc-space-3); border: 0; border-radius: var(--sc-r-pill); background: var(--c3-creme); font: 600 14px/1 var(--c3-texte); color: var(--c3-brun); cursor: pointer; }
body.sr-charte .src3 .src3-actifs .srce-active__pill svg { width: 12px; height: 12px; color: var(--c3-brun-mute); }
body.sr-charte .src3 .src3-actifs .srce-active__pill:hover { background: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-actifs .srce-active__pill:hover svg { color: var(--c3-creme); }
body.sr-charte .src3 .srce-sort { display: inline-flex; align-items: center; gap: var(--sc-space-3); margin: 0; font-size: 14px; color: var(--c3-brun-mute); }
body.sr-charte .src3 .srce-sort > span { font: 400 14px/1 var(--c3-texte); color: var(--c3-brun-mute); }
body.sr-charte .src3 .srce-sort select { -webkit-appearance: none; appearance: none; cursor: pointer; }
body.sr-charte .src3 .srce-filter-open { display: none; }

body.sr-charte .src3 .srce-pagination { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); justify-content: center; margin-top: var(--sc-space-6); }
body.sr-charte .src3 .srce-pagination :is(a, span, button) { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 var(--sc-space-2); border: 1.5px solid var(--c3-filet); border-radius: var(--sc-r-pill); background: transparent; font: 700 16px/1 var(--c3-texte); color: var(--c3-brun); text-decoration: none; }
body.sr-charte .src3 .srce-pagination [aria-current="page"] { background: var(--c3-brun); border-color: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .srce-pagination button[disabled] { opacity: .35; }
body.sr-charte .src3 .srce-pagination svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); }

/* ---------- Carte produit (maquette : carte blanche, badge sur la photo, nom en Bricolage) ---------- */

body.sr-charte .src3 li.sr-product-card .sr-product-card__price :is(.price, .amount, bdi, ins, del) { color: var(--c3-brun); }
/* Quantité et « Ajouter » sur la même ligne, même hauteur (44 px). */


/* ---------- Guide (bande brun terre) ---------- */
body.sr-charte .src3 .src3-guide { background: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-guide__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sc-space-8); align-items: center; }
body.sr-charte .src3 .src3-guide__photo { margin: 0; aspect-ratio: 5 / 4; border-radius: var(--c3-r-l); overflow: hidden; }
body.sr-charte .src3 .src3-guide__photo img { width: 100%; height: 100%; object-fit: cover; }
body.sr-charte .src3 .src3-guide__texte { display: grid; gap: var(--sc-space-4); }
body.sr-charte .src3 .src3-guide .src3-tete { margin: 0; }
body.sr-charte .src3 .src3-guide .src3-surtitre { color: var(--c3-creme); opacity: .8; }
body.sr-charte .src3 .src3-guide .src3-chapo { color: var(--c3-creme); opacity: .86; }
body.sr-charte .src3 .src3-etapes { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid rgba(253, 246, 234, .28); }
body.sr-charte .src3 .src3-etapes li { display: grid; grid-template-columns: auto 1fr; gap: var(--sc-space-4); align-items: center; padding: var(--sc-space-4) 0; border-bottom: 1px solid rgba(253, 246, 234, .18); }
body.sr-charte .src3 .src3-etapes .src3-pastille { min-width: 120px; justify-content: center; }

/* ---------- Questions (bande blanche) ---------- */
body.sr-charte .src3 .src3-faq { background: var(--c3-blanc); }
body.sr-charte .src3 .src3-faq__grille { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: var(--sc-space-8); align-items: start; }
body.sr-charte .src3 .src3-faq .src3-tete { margin: 0; }
body.sr-charte .src3 .src3-faq__liste details { border-top: 1px solid var(--c3-trait); }
body.sr-charte .src3 .src3-faq__liste details:last-of-type { border-bottom: 1px solid var(--c3-trait); }
body.sr-charte .src3 .src3-faq__liste summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 28px; gap: var(--sc-space-4); align-items: center; padding: var(--sc-space-5) 0; font: 800 20px/1.15 var(--c3-display); letter-spacing: -0.03em; color: var(--c3-brun); }
body.sr-charte .src3 .src3-faq__liste summary::-webkit-details-marker { display: none; }
body.sr-charte .src3 .src3-faq__liste summary::after { content: "+"; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--c3-brun); color: var(--c3-creme); font: 700 18px/1 var(--c3-texte); }
body.sr-charte .src3 .src3-faq__liste details[open] summary::after { content: "–"; }
body.sr-charte .src3 .src3-faq__liste details p { margin: 0 0 var(--sc-space-5); max-width: 62ch; color: var(--c3-brun-doux); }

/* ---------- Trois variétés à découvrir ---------- */


/* ---------- D'autres cultures (bande crème soleil) ---------- */
body.sr-charte .src3 .src3-autres { background: var(--c3-creme); }
body.sr-charte .src3 .src3-autres .src3-tete { margin-bottom: var(--sc-space-6); }
body.sr-charte .src3 .src3-autres__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sc-space-5); }
body.sr-charte .src3 .src3-guides__plus { margin: var(--sc-space-5) 0 0; }
body.sr-charte .src3 .src3-tuile--autre { gap: var(--sc-space-4); }
body.sr-charte .src3 .src3-tuile--autre .src3-tuile__ph { aspect-ratio: 4 / 3; }
body.sr-charte .src3 .src3-tuile--autre b { display: inline-flex; align-items: center; gap: var(--sc-space-2); font-size: 20px; }
body.sr-charte .src3 .src3-tuile--autre b::after { content: ""; flex: 0 0 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%232a1a12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; transition: transform .15s; }
body.sr-charte .src3 .src3-tuile--autre:hover b::after { transform: translateX(3px); }
body.sr-charte .src3 .src3-tuile--autre .src3-tuile__n { background: var(--c3-fond); }

/* ---------- Premier écran épuré (retour du 7 octobre 2026) : signature sous la photo, verbe à la couleur de la famille ---------- */
body.sr-charte .src3 .src3-hero__grille { gap: var(--sc-space-9); align-items: center; padding-block: clamp(var(--sc-space-7), 6vw, var(--sc-space-9)); }
body.sr-charte .src3 .src3-hero__texte { gap: var(--sc-space-5); }

body.sr-charte .src3 .src3-accroche { font-size: 18px; max-width: 48ch; }
body.sr-charte .src3 .src3-hero__photo { gap: 0; }
body.sr-charte .src3 .src3-hero .sr-family-signature { margin: 0; font: 800 32px/1.02 var(--c3-display); letter-spacing: -0.045em; text-transform: lowercase; color: var(--c3-brun); }
body.sr-charte .src3 .src3-hero__photo .sr-family-signature { margin-top: var(--sc-space-5); }
body.sr-charte .src3 .src3-hero .sr-family-signature .sr-surligneur { display: table; margin-top: var(--sc-space-1); padding: 0 .16em .05em; border-radius: var(--sc-r-sm); background: var(--c3-fam); color: var(--c3-fam-texte); }
body.sr-charte .src3 .src3-hero__photo figcaption { margin-top: var(--sc-space-4); }
@media (max-width: 1020px) {
	body.sr-charte .src3 .src3-hero__grille { gap: var(--sc-space-6); }
	body.sr-charte .src3 .src3-hero .sr-family-signature { font-size: 28px; }
	body.sr-charte .src3 .src3-hero__photo .sr-family-signature { margin-top: var(--sc-space-4); }
}

/* ---------- Répertoire des familles (grandes catégories) : onglets en pastilles, tuiles validées ---------- */
body.sr-charte .src3 .src3-onglets { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); margin: 0 0 var(--sc-space-5); padding: 0; overflow: visible; }
body.sr-charte .src3 .src3-onglets .sr-tabs__tab { border: 1.5px solid var(--c3-filet); background: transparent; color: var(--c3-brun); cursor: pointer; }
body.sr-charte .src3 .src3-onglets .sr-tabs__tab:hover { border-color: var(--c3-brun); }
body.sr-charte .src3 .src3-onglets .sr-tabs__tab[aria-selected="true"] { background: var(--c3-brun); border-color: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-onglets .sr-tabs__count { margin-left: var(--sc-space-1); font-size: 14px; opacity: .7; }
body.sr-charte .src3 .src3-tuiles--une { margin-bottom: var(--sc-space-6); }
/* Anti-nuisibles : 10 nuisibles en une grille de 5 colonnes (2 rangées pleines), 20 oct. 2026. */
@media (min-width: 1021px) { body.sr-charte.term-anti-nuisibles .src3 .src3-repertoire .src3-tuiles { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1020px) {
	body.sr-charte .src3 .src3-onglets { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--c3-gouttiere)); padding: 2px var(--c3-gouttiere) var(--sc-space-2); scrollbar-width: none; }
	body.sr-charte .src3 .src3-onglets .sr-tabs__tab { flex: 0 0 auto; }
}

/* ---------- Tablette et mobile ---------- */
@media (max-width: 1020px) {
	body.sr-charte .src3 .src3-hero__grille { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-6); padding-block: var(--sc-space-6) var(--sc-space-7); }
	body.sr-charte .src3 .src3-hero__texte { gap: var(--sc-space-5); }
	body.sr-charte .src3 .src3-accroche { font-size: 18px; }
	body.sr-charte .src3 .src3-actions .src3-btn { flex: 1 1 auto; }
	body.sr-charte .src3 .src3-cadre { aspect-ratio: 16 / 9; }
	body.sr-charte .src3 .src3-tuiles { display: flex; overflow-x: auto; gap: var(--sc-space-3); margin-inline: calc(-1 * var(--c3-gouttiere)); padding: 3px var(--c3-gouttiere) var(--sc-space-2); scrollbar-width: none; }
	body.sr-charte .src3 .src3-tuiles::-webkit-scrollbar { display: none; }
	body.sr-charte .src3 .src3-tuiles li { flex: 0 0 38%; }
	body.sr-charte .src3 .src3-tete--cat { margin-bottom: var(--sc-space-5); }
	body.sr-charte .src3 .srce-catalogue-layout { display: block; }
	body.sr-charte .src3 .srce-filter-open { position: sticky; top: 8px; z-index: 5; display: inline-flex; align-items: center; gap: var(--sc-space-2); }
	body.sr-charte .src3 .srce-filter-open b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 var(--sc-space-2); border-radius: var(--sc-r-pill); background: var(--c3-creme); color: var(--c3-brun); font-size: 12px; }
	body.sr-charte .src3 .srce-toolbar { justify-content: flex-start; }
	body.sr-charte .src3 .src3-actifs { flex: 0 1 auto; justify-content: flex-start; }
	body.sr-charte .src3 .srce-sort { flex-basis: 100%; }
	/* Panneau de filtres en feuille basse (comportement du moteur conservé). */
	body.sr-charte .src3 .srce-filter-panel { position: fixed; top: auto !important; box-sizing: border-box; padding: 0; background: var(--c3-fond); border-radius: var(--sc-r-lg) var(--sc-r-lg) 0 0; }
	body.sr-charte .src3 .srce-filter-panel__head { justify-content: space-between; margin: 0 var(--sc-space-5) var(--sc-space-1); padding-top: var(--sc-space-5); }
	body.sr-charte .src3 .srce-filter-panel__body { padding: 0 var(--sc-space-5); }
	body.sr-charte .src3 .srce-filter-panel__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sc-space-3); align-items: center; margin: 0; padding: var(--sc-space-4) var(--sc-space-4) calc(var(--sc-space-4) + env(safe-area-inset-bottom)); background: var(--c3-fond); border-top: 1px solid var(--c3-trait); }
	body.sr-charte .src3 .srce-filter-panel__foot .srce-button { display: inline-flex; }
	body.sr-charte .src3 .src3-guide__grille,
	body.sr-charte .src3 .src3-faq__grille { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-6); }
	body.sr-charte .src3 .src3-autres__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-4); }
	body.sr-charte .src3 .src3-tuile--autre b { font-size: 18px; }
}
@media (max-width: 600px) {
	/* Petit écran : badges en bas de la photo pour laisser le cœur seul en haut. */

	body.sr-charte .src3 .src3-etapes .src3-pastille { min-width: 104px; }
}
@media (prefers-reduced-motion: reduce) {
	body.sr-charte .src3 :is(.src3-tuile__ph img, .src3-tuile--autre b::after) { transition: none; }
}
body.sr-charte .src3:is(.is-fam-anciennes, .is-fam-bio, .is-fam-kids) .src3-hero .sr-family-signature .sr-surligneur { color: var(--c3-brun) !important; } /* familles claires : texte brun (contraste) */

/* ===================== Page de résultats de recherche (7 octobre 2026) ===================== */
body.sr-charte .srr3 .srr3-hero__in { padding-block: var(--sc-space-7) var(--sc-space-6); }
body.sr-charte .srr3 .src3-ariane { margin-bottom: var(--sc-space-4); }
body.sr-charte .srr3 .src3-h1 { margin-top: var(--sc-space-3); }
body.sr-charte .srr3 .src3-h1 .sr-surligneur { display: inline-block; padding: 0 .14em .05em; border-radius: var(--sc-r-sm); background: var(--c3-rouge); }
body.sr-charte .srr3 .srr3-compte { margin: var(--sc-space-4) 0 0; font-size: 16px; color: var(--c3-brun-doux); }
body.sr-charte .srr3 .srr3-raccourcis { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); margin-top: var(--sc-space-5); }
body.sr-charte .srr3 .srr3-raccourcis a { display: inline-flex; align-items: center; gap: var(--sc-space-2); min-height: 38px; padding: 0 var(--sc-space-4); border-radius: var(--sc-r-pill); border: 1.5px solid var(--c3-filet); font: 600 14px/1.2 var(--c3-texte); color: var(--c3-brun); text-decoration: none; }
body.sr-charte .srr3 .srr3-raccourcis a:hover { border-color: var(--c3-brun); }
body.sr-charte .srr3 .srr3-raccourcis em { font-style: normal; font-size: 12px; color: var(--c3-brun-mute); }
body.sr-charte .srr3 .srr3-c { padding-block: var(--sc-space-7) var(--sc-space-8); }
body.sr-charte .srr3 .srr3-grille { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--sc-space-7); align-items: start; }
body.sr-charte .srr3 .srr3-grille.is-sans-filtres { grid-template-columns: minmax(0, 1fr); }
body.sr-charte .srr3 .srr3-filtres > summary { display: none; }
body.sr-charte .srr3 .srr3-filtres__tete { padding-bottom: var(--sc-space-4); border-bottom: 1px solid var(--c3-brun); }
body.sr-charte .srr3 .srr3-filtres__tete h2 { margin: var(--sc-space-2) 0 0; text-transform: lowercase; color: var(--c3-brun); }
body.sr-charte .srr3 .srr3-groupe { padding: var(--sc-space-4) 0 var(--sc-space-3); border-bottom: 1px solid var(--c3-trait); }
body.sr-charte .srr3 .srr3-groupe__t { margin: 0 0 var(--sc-space-2); font: 800 16px/1.1 var(--c3-display); letter-spacing: -0.03em; text-transform: lowercase; }
body.sr-charte .srr3 .srr3-opt { display: flex; align-items: center; gap: var(--sc-space-3); min-height: 34px; margin: 0 -8px; padding: 0 var(--sc-space-2); border-radius: var(--sc-r-xs); font-size: 14px; color: var(--c3-brun); text-decoration: none; }
body.sr-charte .srr3 .srr3-opt:hover { background: var(--c3-creme); }
body.sr-charte .srr3 .srr3-opt i { flex: 0 0 17px; height: 17px; border-radius: var(--sc-r-xs); border: 1.5px solid rgba(42, 26, 18, .45); background: #fff; }
body.sr-charte .srr3 .srr3-opt.is-on i { border-color: var(--c3-fam); background: var(--c3-fam) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 6.2 2 2 4-4.4' fill='none' stroke='%23fdf6ea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat; }
body.sr-charte .srr3 .srr3-opt span { flex: 1; }
body.sr-charte .srr3 .srr3-opt.is-on span { font-weight: 700; }
body.sr-charte .srr3 .srr3-opt em { min-width: 24px; height: 21px; padding: 0 var(--sc-space-2); display: inline-grid; place-items: center; border-radius: var(--sc-r-pill); background: var(--c3-creme); font: 600 12px/1 var(--c3-texte); font-style: normal; color: var(--c3-brun-mute); }
body.sr-charte .srr3 .srr3-opt.is-on em { background: var(--c3-fam); color: var(--c3-fam-texte); }
body.sr-charte .srr3 .srr3-effacer { display: inline-block; margin-top: var(--sc-space-4); font-weight: 600; color: var(--c3-brun); text-decoration: underline; text-underline-offset: 3px; }
body.sr-charte .srr3 .srr3-barre { display: flex; justify-content: space-between; align-items: center; gap: var(--sc-space-3); margin: 0 0 var(--sc-space-5); padding-bottom: var(--sc-space-4); border-bottom: 1px solid var(--c3-trait); }
body.sr-charte .srr3 .srr3-barre__nb { margin: 0; font: 800 20px/1 var(--c3-display); letter-spacing: -0.03em; }
body.sr-charte .srr3 .woocommerce-ordering { margin: 0; }
body.sr-charte .srr3 .woocommerce-ordering select { -webkit-appearance: none; appearance: none; }
body.sr-charte .srr3 ul.products::before, body.sr-charte .srr3 ul.products::after { content: none; display: none; }
body.sr-charte .srr3 .woocommerce-pagination { margin-top: var(--sc-space-6); }
body.sr-charte .srr3 .woocommerce-pagination ul { display: flex; justify-content: center; gap: var(--sc-space-2); margin: 0; padding: 0; border: 0 !important; list-style: none; }
body.sr-charte .srr3 .woocommerce-pagination li { border: 0 !important; }
body.sr-charte .srr3 .woocommerce-pagination :is(a, span) { min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0 var(--sc-space-2); border-radius: var(--sc-r-pill); border: 1.5px solid var(--c3-filet); background: transparent; font: 700 16px/1 var(--c3-texte); color: var(--c3-brun); text-decoration: none; }
body.sr-charte .srr3 .woocommerce-pagination span.current { background: var(--c3-brun); border-color: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .srr3 .srr3-aide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sc-space-5); align-items: center; margin-top: var(--sc-space-7); padding: var(--sc-space-5) var(--sc-space-5); border-radius: var(--sc-r-md); background: var(--c3-creme); }
body.sr-charte .srr3 .srr3-aide b { display: block; font: 800 24px/1.05 var(--c3-display); letter-spacing: -0.04em; text-transform: lowercase; }
body.sr-charte .srr3 .srr3-aide span span { display: block; margin-top: var(--sc-space-1); font-size: 14px; color: var(--c3-brun-doux); }
body.sr-charte .srr3 .srr3-aide a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 var(--sc-space-5); border-radius: var(--sc-r-pill); background: var(--c3-brun); color: var(--c3-creme); font-weight: 700; text-decoration: none; white-space: nowrap; }
@media (max-width: 1020px) {
	body.sr-charte .srr3 .srr3-grille { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
	body.sr-charte .srr3 .srr3-filtres:not([open]) > :not(summary) { display: none; }
	body.sr-charte .srr3 .srr3-filtres > summary { display: inline-flex; align-items: center; height: 40px; padding: 0 var(--sc-space-4); border-radius: var(--sc-r-pill); background: var(--c3-brun); color: var(--c3-creme); font: 700 14px/1 var(--c3-texte); list-style: none; cursor: pointer; }
	body.sr-charte .srr3 .srr3-filtres > summary::-webkit-details-marker { display: none; }
	body.sr-charte .srr3 .srr3-filtres[open] > summary { margin-bottom: var(--sc-space-4); }
	body.sr-charte .srr3 .srr3-aide { grid-template-columns: minmax(0, 1fr); }
}
/* Résultats : rythme homogène (retour du 7 octobre 2026) — mêmes valeurs que les catégories. */
body.sr-charte .srr3 .srr3-hero__in { padding-block: clamp(var(--sc-space-7), 5vw, var(--sc-space-8)) clamp(var(--sc-space-7), 5vw, var(--sc-space-8)); }
body.sr-charte .srr3 .srr3-c { padding-block: clamp(var(--sc-space-7), 6vw, var(--sc-space-9)) clamp(var(--sc-space-8), 8vw, var(--sc-space-10)); }
body.sr-charte .srr3 .srr3-grille { gap: var(--sc-space-8); }
body.sr-charte .srr3 .srr3-barre { margin-bottom: var(--sc-space-5); padding-bottom: var(--sc-space-4); }
body.sr-charte .srr3 .srr3-barre__nb { white-space: nowrap; }
body.sr-charte .srr3 .woocommerce-pagination { margin-top: var(--sc-space-7); }
body.sr-charte .srr3 .srr3-aide { margin-top: var(--sc-space-8); }
@media (max-width: 1020px) { body.sr-charte .srr3 .srr3-grille { gap: var(--sc-space-5); } body.sr-charte .srr3 .srr3-aide { margin-top: var(--sc-space-7); } }
/* États du bouton d'ajout hors moteur catalogue (page de résultats) : mêmes règles que .srce. */


/* =====================================================================
 * Premier écran en bande brune (maquette « bande brune » validée le 7 octobre 2026).
 * Composant commun : assets/css/bande-v3.css. Ici, le gabarit catégorie (68 variétés + 5 grandes catégories).
 * Rollback : SANRIVAL_BANDE_BRUNE à false (la classe .sr-bande n'est plus posée).
 * ===================================================================== */
body.sr-charte .src3 .src3-hero.sr-bande { background: var(--c3-brun); color: var(--c3-creme); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__grille { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: var(--sc-space-7) var(--sc-space-8) var(--sc-space-8); grid-template-columns: minmax(0, 1fr) 400px; gap: var(--sc-space-8); align-items: end; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__grille.is-sans-photo { grid-template-columns: minmax(0, 1fr); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__texte { display: block; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-ariane { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); margin: 0 0 var(--sc-space-5); font: 400 14px/1.5 var(--c3-texte, inherit); color: rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-ariane > span[aria-hidden] { margin: 0; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-ariane a { color: rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-ariane a:hover { color: var(--c3-creme); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-ariane [aria-current] { color: var(--c3-creme); font-weight: 600; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-surtitre { gap: var(--sc-space-3); margin: 0 0 var(--sc-space-4); font-size: 14px; line-height: 1.5; color: rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-surtitre .src3-pastille { margin-right: 0; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-h1 { color: var(--c3-creme); }
/* Bandeau : fil d'Ariane → surtitre 24, surtitre → titre 16, titre → accroche 24, accroche → boutons 32, bas 64 (48 sur mobile). */
body.sr-charte .src3 .src3-hero.sr-bande .src3-accroche { max-width: 56ch; margin: var(--sc-space-5) 0 0; font-size: 16px; line-height: 1.5; color: rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-actions { gap: var(--sc-space-3); margin-top: var(--sc-space-6); }

body.sr-charte .src3 .src3-hero.sr-bande .src3-btn--explorer { background: var(--c3-rouge); color: var(--c3-creme); box-shadow: none; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-btn--explorer:hover { background: var(--sc-red-dark, #8e1424); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-btn--appoint { background: transparent; color: var(--c3-creme); box-shadow: inset 0 0 0 1.5px rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-btn--appoint:hover { background: rgba(253, 246, 234, .08); box-shadow: inset 0 0 0 1.5px var(--c3-creme); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__photo { gap: 0; }
body.sr-charte .src3 .src3-hero.sr-bande .src3-cadre { aspect-ratio: 4 / 3; border-radius: var(--sc-r-md); background: var(--c3-creme); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-cadre > .src3-pastille { display: none; } /* maquette : pas d'étiquette sur la photo */
body.sr-charte .src3 .src3-hero.sr-bande .sr-family-signature { margin: var(--sc-space-4) 0 0; font: 800 32px/1.02 var(--c3-display); letter-spacing: -0.045em; color: var(--c3-creme); }
body.sr-charte .src3 .src3-hero.sr-bande .sr-family-signature .sr-surligneur { display: inline-block; margin-top: 0; padding: 0 .12em .05em; border-radius: var(--sc-r-sm); background: var(--c3-fam); color: var(--c3-fam-texte); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__photo figcaption { margin-top: var(--sc-space-3); padding-top: var(--sc-space-3); border-top: 1px solid rgba(253, 246, 234, .2); font-size: 14px; color: rgba(253, 246, 234, .72); }
body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__photo figcaption b { font-weight: 600; }
@media (max-width: 1020px) {
	body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__grille { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-6); }
}
@media (max-width: 760px) {
	body.sr-charte .src3 .src3-hero.sr-bande .src3-hero__grille { gap: var(--sc-space-5); padding: var(--sc-space-6) var(--sc-space-4) var(--sc-space-7); }
	
	body.sr-charte .src3 .src3-hero.sr-bande .src3-accroche { font-size: 14px; }
	body.sr-charte .src3 .src3-hero.sr-bande .src3-actions .src3-btn { flex: 0 0 auto; }
	body.sr-charte .src3 .src3-hero.sr-bande .src3-cadre { aspect-ratio: 4 / 3; }
	body.sr-charte .src3 .src3-hero.sr-bande .sr-family-signature { font-size: 24px; }
}
/* Recherche : même bande brune, titre seul (maquette « bande brune », section 3). */
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-hero__in { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: var(--sc-space-7) var(--sc-space-8) var(--sc-space-7); }
body.sr-charte .srr3 .srr3-hero.sr-bande .src3-surtitre { margin-bottom: var(--sc-space-4); }
body.sr-charte .srr3 .srr3-hero.sr-bande .src3-h1 { margin-top: 0; }
body.sr-charte .srr3 .srr3-hero.sr-bande .src3-h1 .sr-surligneur { padding: 0 .12em .05em; border-radius: var(--sc-r-sm); background: var(--c3-rouge); color: var(--c3-creme); }
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-compte { margin: var(--sc-space-4) 0 0; font-size: 16px; line-height: 1.5; color: rgba(253, 246, 234, .72); }
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-compte b { font-weight: 700; color: var(--c3-creme); }
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-raccourcis a { border-color: rgba(253, 246, 234, .72); color: var(--c3-creme); background: transparent; }
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-raccourcis a:hover { border-color: var(--c3-creme); background: rgba(253, 246, 234, .08); }
body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-raccourcis em { color: rgba(253, 246, 234, .72); }
@media (max-width: 760px) {
	body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-hero__in { padding: var(--sc-space-5) var(--sc-space-4) var(--sc-space-6); }
}
@media (max-width: 760px) {
	body.sr-charte .srr3 .srr3-hero.sr-bande .srr3-raccourcis a { border-radius: var(--sc-r-md); padding-block: var(--sc-space-2); line-height: 1.3; }
}

/* Cartes produit communes hors catalogue (accueil, fiches, guides, favoris, panier, confirmation). */
body.sr-charte .src3.sr-cartes-v3 { background: transparent; color: inherit; padding: 0; margin: 0; }
body.sr-charte .src3.sr-cartes-v3 ul.products.srce-product-grid::before, body.sr-charte .src3.sr-cartes-v3 ul.products.srce-product-grid::after { content: none; }


/* Carte produit : quantité et « Ajouter » exactement à la même hauteur (44 px), partout et sur toutes les largeurs. */
html body.sr-charte ul.products li.product .sr-card-add > :is(.sr-qty, .sr-card-button, .button) { max-height: 44px; box-sizing: border-box !important; margin-top: 0 !important; margin-bottom: 0 !important; }
/* Cœur des cartes : le libellé (« Ajouter / Retirer des favoris ») reste pour les lecteurs d'écran, jamais affiché. */
html body .sr-wishlist-toggle--card > span { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }