/*
 * En-tête v3 (maquette validée le 6 octobre 2026), sur tout le site.
 * Charte : rouge réservé à l'achat (pastille du panier), brun = explorer, fond crème, pastilles « un mot, une couleur »,
 * peu d'icônes, filets nets pleine largeur. Retour arrière : retirer 'header-v3' de la liste dans inc/charte.php.
 */

/* Bandeau d'annonce : brun terre (fond sombre de la charte). */
body.sr-charte .sr-topbar { background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; border: 0 !important; }
body.sr-charte .sr-topbar a, body.sr-charte .sr-topbar p { color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-topbar strong, body.sr-charte .sr-topbar b, body.sr-charte .sr-topbar code { color: var(--sc-attendre, #f0c96a) !important; background: none !important; }
body.sr-charte .sr-topbar svg { color: var(--sc-cream, #fdf6ea); opacity: .8; }

/* Barre principale : fond crème pleine largeur, filet net dessous. */
body.sr-charte .sr-header-main { background: var(--sc-canvas, #fffcf5) !important; border-bottom: 1px solid var(--sc-line, #eadfc4) !important; box-shadow: none !important; }
body.sr-charte .sr-header-search :is(form, .sr-search) { box-shadow: none !important; }
body.sr-charte .sr-header-search :is(input[type="search"], input[type="text"]) { background: var(--sc-cream, #fdf6ea) !important; border-color: transparent !important; box-shadow: none !important; }
body.sr-charte .sr-header-search :is(.sr-search__field, .sr-search__form, .sr-search__box) { background: var(--sc-cream, #fdf6ea) !important; border-color: transparent !important; box-shadow: none !important; }
body.sr-charte .sr-header-search .sr-search__icon, body.sr-charte .sr-header-search svg { color: var(--sc-ink, #2a1a12) !important; background: transparent !important; }
body.sr-charte .sr-header-action { gap: var(--sc-space-2); border-radius: var(--sc-r-pill); }
body.sr-charte .sr-header-action:hover { background: var(--sc-cream, #fdf6ea); }
body.sr-charte .sr-header-action__icon { width: auto !important; height: auto !important; background: none !important; border: 0 !important; box-shadow: none !important; color: var(--sc-ink, #2a1a12) !important; }
body.sr-charte .sr-header-action__icon svg { width: var(--sc-icon-md); height: var(--sc-icon-md); }
body.sr-charte .sr-header-action small { display: none; }
body.sr-charte .sr-header-action > span:not(.sr-header-action__icon) { font-weight: 600; font-size: 16px; color: var(--sc-ink, #2a1a12); }

/* Navigation des univers : pastilles de famille sur le fond crème, entre deux filets (≥ 1101 px). */
@media (min-width: 1101px) {
	body.sr-charte .sr-nav-wrap { background: var(--sc-canvas, #fffcf5) !important; color: var(--sc-ink, #2a1a12) !important; border-bottom: 1px solid var(--sc-line, #eadfc4); }
	body.sr-charte .sr-primary-menu { justify-content: flex-start; gap: var(--sc-space-1); min-height: 60px; }
	body.sr-charte .sr-primary-menu > li { flex: 0 0 auto !important; }
	body.sr-charte .sr-mega-trigger { height: 60px; align-items: center; }
	body.sr-charte .sr-mega-trigger > a { --fam: var(--sc-ink, #2a1a12); width: auto; min-height: 40px; height: 40px; gap: var(--sc-space-2); padding: 0 var(--sc-space-4); border: 0 !important; border-radius: var(--sc-r-pill); background: none !important; color: var(--sc-ink, #2a1a12) !important; font: 800 20px/1 "Bricolage Grotesque", "Arial Narrow", sans-serif !important; letter-spacing: -0.03em; text-transform: lowercase; transition: background-color .15s, color .15s; }
	body.sr-charte .sr-mega-item:first-child .sr-mega-trigger > a { margin-left: -16px; }
	body.sr-charte .sr-mega-trigger > a svg { display: none; }
	body.sr-charte .sr-mega-trigger > a::after { content: ""; width: 7px; height: 7px; margin: -3px 0 0 2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .6; }
	body.sr-charte .sr-mega-item:nth-child(1) .sr-mega-trigger > a { --fam: var(--sc-fam-potageres, #4e8f2f); }
	body.sr-charte .sr-mega-item:nth-child(2) .sr-mega-trigger > a { --fam: var(--sc-fam-fleurs, #c2336b); }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { background: var(--fam) !important; color: var(--sc-cream, #fdf6ea) !important; }

	/* Méga-menu : pleine largeur, photo + signature + bouton, colonnes à filets. */
	body.sr-charte .sr-mega-panel { left: calc(50% - 50vw) !important; right: auto; width: 100vw !important; transform: none !important; grid-template-columns: 220px minmax(0, 1fr) minmax(0, 3fr); gap: var(--sc-space-6); padding: var(--sc-space-6) max(var(--sc-space-5), calc((100vw - 1240px) / 2)) var(--sc-space-6) !important; transition: none !important; border: 0 !important; border-top: 1px solid var(--sc-line, #eadfc4) !important; border-bottom: 1px solid var(--sc-line, #eadfc4) !important; border-radius: 0 !important; background: var(--sc-canvas, #fffcf5) !important; box-shadow: none !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-panel, body.sr-charte .sr-mega-item:focus-within .sr-mega-panel { transform: none !important; }
	body.sr-charte .sr-mega-feature { position: relative; display: block; aspect-ratio: 4 / 5; min-height: 0 !important; padding: 0 !important; border-radius: var(--sc-r-lg) !important; overflow: hidden; background-color: var(--sc-cream, #fdf6ea); background-size: cover !important; background-position: center !important; box-shadow: none !important; }
	body.sr-charte .sr-mega-feature > :is(span, strong, small) { display: none !important; }
	body.sr-charte .sr-mega-feature::before, body.sr-charte .sr-mega-feature::after { display: none !important; }
	body.sr-charte .sr-mega-count { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; height: 26px; padding: 0 var(--sc-space-3); border-radius: var(--sc-r-pill); background: var(--sc-ink, #2a1a12); color: var(--sc-cream, #fdf6ea); font: 700 14px/1 "Bricolage Grotesque", sans-serif; font-style: normal; }
	body.sr-charte .sr-mega-item:nth-child(1) .sr-mega-count { background: var(--sc-fam-potageres, #4e8f2f); }
	body.sr-charte .sr-mega-item:nth-child(2) .sr-mega-count { background: var(--sc-fam-fleurs, #c2336b); }
	body.sr-charte .sr-mega-intro { display: grid; gap: var(--sc-space-4); align-content: start; justify-items: start; }
	body.sr-charte .sr-mega-intro .sr-family-signature { margin: 0; font: 800 32px/1 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.05em; text-transform: lowercase; color: var(--sc-ink, #2a1a12); }
	body.sr-charte .sr-mega-explore { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; color: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-mega-intro .sr-mega-cta { display: inline-flex; align-items: center; background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; text-decoration: none; }
	body.sr-charte .sr-mega-intro .sr-mega-cta svg { display: none; }
	body.sr-charte .sr-mega-groups { gap: var(--sc-space-6); align-items: start; }
	body.sr-charte .sr-mega-groups .sr-mega-group-title { margin: 0 0 var(--sc-space-3); padding-bottom: var(--sc-space-3); border-bottom: 1px solid rgba(42, 26, 18, .16); font: 800 18px/1.1 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.03em; text-transform: lowercase; color: var(--sc-ink, #2a1a12); }
	body.sr-charte .sr-mega-groups li a { min-height: 0 !important; padding: var(--sc-space-1) 0 !important; font-size: 16px; color: var(--sc-ink-soft, #4a2f22) !important; background: none !important; }
	body.sr-charte .sr-mega-groups li a:hover { color: var(--sc-ink, #2a1a12) !important; text-decoration: underline; }
	body.sr-charte .sr-mega-groups li a svg { display: none; }
}

/* Méga-menu mobile (tiroir) : les titres de groupes gardent leur rendu. */
@media (max-width: 1100px) {
	body.sr-charte .sr-mega-groups .sr-mega-group-title { margin: 0 0 var(--sc-space-2); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--sc-ink-mute, #6b4a38); }
	body.sr-charte .sr-mega-intro, body.sr-charte .sr-mega-count { display: none; }
}

/* Retours du 6 octobre 2026 : chevrons discrets à trait arrondi (signes de la charte), méga-menu aéré et centré. */
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-trigger > a::after { content: ""; width: 12px; height: 12px; margin: 2px 0 0 0; border: 0; transform: none; opacity: .6; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .15s; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a::after { opacity: .8; transform: rotate(180deg); }
	body.sr-charte .sr-mega-panel { grid-template-columns: 220px 240px auto !important; justify-content: center; column-gap: var(--sc-space-8) !important; padding: var(--sc-space-7) var(--sc-space-7) var(--sc-space-8) !important; }
	body.sr-charte .sr-mega-intro { gap: var(--sc-space-5); padding-top: var(--sc-space-1); }
	body.sr-charte .sr-mega-groups { grid-template-columns: repeat(var(--sr-mega-cols, 3), auto) !important; column-gap: var(--sc-space-8) !important; }
	body.sr-charte .sr-mega-groups:has(ul.is-wide) { grid-template-columns: auto auto auto !important; }
	body.sr-charte .sr-mega-groups ul.is-wide { column-gap: var(--sc-space-7) !important; }
	body.sr-charte .sr-mega-groups .sr-mega-group-title { margin-bottom: var(--sc-space-4); padding-bottom: var(--sc-space-3); }
	body.sr-charte .sr-mega-groups ul { row-gap: var(--sc-space-2); }
	body.sr-charte .sr-mega-groups li a { padding: var(--sc-space-1) 0 !important; line-height: 1.4; }
}
@media (prefers-reduced-motion: reduce) { body.sr-charte .sr-mega-trigger > a::after { transition: none; } }
/* L'ancien soulignement animé (style.css) est remplacé par le chevron : position et taille rétablies. */
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-trigger > a::after { position: static !important; inset: auto !important; display: inline-block !important; flex: 0 0 12px; height: 12px !important; border-radius: 0 !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { transform: none !important; }
}
/* Chevron en image SVG (le masque CSS était trop pâle) : brun au repos, crème sur la pastille ouverte. */
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-trigger > a::after { -webkit-mask: none !important; mask: none !important; opacity: .65 !important; 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 12px no-repeat !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a::after { opacity: 1 !important; background-image: 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='%23fdf6ea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
}
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-trigger { width: auto !important; }
	body.sr-charte .sr-mega-trigger > a { width: auto !important; max-width: none !important; overflow: visible !important; white-space: nowrap; }
	body.sr-charte .sr-mega-trigger > a > span { overflow: visible !important; }
}
@media (min-width: 1101px) { body.sr-charte .sr-mega-trigger > a::after { content: "" !important; } }
@media (min-width: 1101px) { body.sr-charte .sr-mega-trigger > button { display: none !important; } }

/* Retours du 6 octobre 2026 (2) : actions en cercles de la charte, navigation centrée, méga-menu réparti sur toute la largeur. */
body.sr-charte .sr-header-actions { gap: var(--sc-space-3); }
body.sr-charte .sr-header-action { position: relative; width: 46px; height: 46px; min-width: 0; padding: 0 !important; justify-content: center; border-radius: 50% !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--sc-ink, #2a1a12) !important; color: var(--sc-ink, #2a1a12) !important; transition: background-color .15s, color .15s; }
body.sr-charte .sr-header-action:hover, body.sr-charte .sr-header-action:focus-visible { background: var(--sc-ink, #2a1a12) !important; }
body.sr-charte .sr-header-action:hover .sr-header-action__icon, body.sr-charte .sr-header-action:focus-visible .sr-header-action__icon { color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-header-action > span:not(.sr-header-action__icon) { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.sr-charte .sr-header-action__icon svg { width: var(--sc-icon-md); height: var(--sc-icon-md); }
/* Panier : rouge = acheter. */
body.sr-charte .sr-header-action.sr-cart-button { background: var(--sc-red, #b21c2d) !important; box-shadow: none !important; }
body.sr-charte .sr-header-action.sr-cart-button .sr-header-action__icon { color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-header-action.sr-cart-button:hover { background: var(--sc-red-dark, #8e1424) !important; }
body.sr-charte .sr-header-action > b { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 var(--sc-space-1); border-radius: var(--sc-r-pill); background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; font: 700 12px/1 "Figtree", sans-serif; box-shadow: 0 0 0 2px var(--sc-canvas, #fffcf5) !important; }
body.sr-charte .sr-header-action.sr-cart-button > b { background: var(--sc-cream, #fdf6ea) !important; color: var(--sc-red, #b21c2d) !important; }
body.sr-charte .sr-header-action.sr-wishlist-header > b:is(:empty, [data-count="0"]) { display: none; }
@media (prefers-reduced-motion: reduce) { body.sr-charte .sr-header-action { transition: none; } }

@media (min-width: 1101px) {
	body.sr-charte .sr-primary-menu { justify-content: center !important; }
	body.sr-charte .sr-mega-item:first-child .sr-mega-trigger > a { margin-left: 0; }
	body.sr-charte .sr-mega-panel { grid-template-columns: 240px 280px minmax(0, 1fr) !important; justify-content: stretch !important; column-gap: var(--sc-space-8) !important; padding-inline: max(var(--sc-space-5), calc((100vw - 1240px) / 2)) !important; }
	body.sr-charte .sr-mega-groups { grid-template-columns: repeat(var(--sr-mega-cols, 3), minmax(0, 1fr)) !important; }
	body.sr-charte .sr-mega-groups:has(ul.is-wide) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important; }
}
body.sr-charte .sr-header-action > b[hidden] { display: none !important; }
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-panel { grid-template-columns: 220px 220px minmax(0, 1fr) !important; column-gap: var(--sc-space-7) !important; }
	body.sr-charte .sr-mega-intro .sr-family-signature { font-size: 32px; }
	body.sr-charte .sr-mega-groups { column-gap: var(--sc-space-7) !important; }
	body.sr-charte .sr-mega-groups li a { white-space: nowrap; }
}
/* Mobile : mêmes cercles que sur ordinateur (le thème posait une pastille blanche dans le panier et un menu à coins carrés). */
@media (max-width: 1100px) {
	body.sr-charte .sr-header-action .sr-header-action__icon, body.sr-charte .sr-header-action.sr-cart-button .sr-header-action__icon { width: auto !important; height: auto !important; background: transparent !important; border-radius: 0 !important; }
	body.sr-charte .sr-header-action { width: 46px !important; height: 46px !important; border-width: 0 !important; }
	body.sr-charte .sr-menu-toggle { width: 46px; height: 46px; border-radius: 50% !important; border: 0 !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--sc-ink, #2a1a12) !important; color: var(--sc-ink, #2a1a12) !important; }
}
body.sr-charte .sr-header-action.sr-cart-button .sr-header-action__icon svg, body.sr-charte .sr-header-action.sr-cart-button .sr-header-action__icon svg * { color: var(--sc-cream, #fdf6ea) !important; stroke: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-header-action:not(.sr-cart-button) .sr-header-action__icon svg { color: inherit; }
body.sr-charte .sr-header-actions .sr-header-action .sr-header-action__icon { width: auto !important; height: auto !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
body.sr-charte .sr-header-actions .sr-header-action { width: 46px !important; height: 46px !important; min-height: 0 !important; border-width: 0 !important; }

/* ===== Harmonisation du 6 octobre 2026 (3) : actions en texte, panier en pastille rouge, survols de la charte, méga-menu stable, tiroir mobile ===== */

/* Actions : texte sans icône pour compte et favoris (peu d'icônes), soulignement au survol ; panier = pastille rouge (acheter). */
body.sr-charte .sr-header-actions { gap: var(--sc-space-5) !important; align-items: center; }
body.sr-charte .sr-header-actions .sr-header-action { width: auto !important; height: 44px !important; padding: 0 !important; gap: var(--sc-space-2); border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body.sr-charte .sr-header-actions .sr-header-action:hover, body.sr-charte .sr-header-actions .sr-header-action:focus-visible { background: transparent !important; }
body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button) .sr-header-action__icon { display: none !important; }
body.sr-charte .sr-header-actions .sr-header-action > span:not(.sr-header-action__icon) { position: static !important; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: nowrap; font: 600 16px/1 "Figtree", system-ui, sans-serif; color: var(--sc-ink, #2a1a12) !important; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 6px; text-decoration-thickness: 1.5px; transition: text-decoration-color .15s; }
body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button):hover > span:not(.sr-header-action__icon) { text-decoration-color: currentColor; }
body.sr-charte .sr-header-actions .sr-header-action small { display: none !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-wishlist-header > b { position: static; box-shadow: none !important; margin-left: -2px; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button { padding: 0 var(--sc-space-2) 0 var(--sc-space-4) !important; border-radius: var(--sc-r-pill) !important; background: var(--sc-red, #b21c2d) !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button:hover { background: var(--sc-red-dark, #8e1424) !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon { display: none !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > span:not(.sr-header-action__icon) { color: var(--sc-cream, #fdf6ea) !important; text-decoration: none; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > b { position: static; min-width: 28px; height: 28px; padding: 0 var(--sc-space-2); box-shadow: none !important; background: var(--sc-cream, #fdf6ea) !important; color: var(--sc-red, #b21c2d) !important; font-size: 14px; }

/* Liens du méga-menu : pastille crème au survol (vocabulaire des pastilles), sans soulignement. */
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-groups li a { display: inline-flex !important; margin-left: -12px; padding: var(--sc-space-2) var(--sc-space-3) !important; border-radius: var(--sc-r-pill); text-decoration: none !important; transition: background-color .12s; }
	body.sr-charte .sr-mega-groups li a:hover, body.sr-charte .sr-mega-groups li a:focus-visible { background: var(--sc-cream, #fdf6ea) !important; color: var(--sc-ink, #2a1a12) !important; text-decoration: none !important; }
	body.sr-charte .sr-mega-groups ul { row-gap: 2px !important; }
	/* Colonne de la signature : le bouton tient sur une ligne. */
	body.sr-charte .sr-mega-panel { grid-template-columns: 220px 260px minmax(0, 1fr) !important; }
	body.sr-charte .sr-mega-intro .sr-mega-cta { white-space: nowrap; }
	/* Méga-menu stable : passerelle invisible entre l'univers et le panneau, fermeture différée de 200 ms. */
	body.sr-charte .sr-mega-panel::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 28px; }
	body.sr-charte .sr-mega-panel { transition: opacity .15s ease .2s, visibility 0s linear .35s !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-panel, body.sr-charte .sr-mega-item:focus-within .sr-mega-panel { transition: opacity .15s ease 0s, visibility 0s linear 0s !important; }
}
@media (prefers-reduced-motion: reduce) { body.sr-charte .sr-mega-panel { transition: none !important; } }

/* Tiroir mobile : même DA (Bricolage bas de casse, pastilles de famille, signature, listes à filets, pas d'icônes). */
@media (max-width: 1100px) {
	body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button) { display: none !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button { height: 44px !important; padding: 0 var(--sc-space-2) 0 var(--sc-space-4) !important; }
	body.sr-charte .sr-nav-inner { background: var(--sc-canvas, #fffcf5) !important; }
	body.sr-charte .sr-mobile-nav-head strong { font: 800 28px/1 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.04em; text-transform: lowercase; color: var(--sc-ink, #2a1a12); }
	body.sr-charte .sr-mobile-search :is(input, .sr-search__field, form) { background: var(--sc-cream, #fdf6ea) !important; border-color: transparent !important; box-shadow: none !important; }
	body.sr-charte .sr-mobile-search svg, body.sr-charte .sr-mobile-search .sr-search__icon { color: var(--sc-ink, #2a1a12) !important; background: transparent !important; }
	body.sr-charte .sr-primary-menu > li { border-bottom: 1px solid rgba(42, 26, 18, .16); }
	body.sr-charte .sr-mega-trigger { height: auto !important; align-items: center; background: transparent !important; }
	body.sr-charte .sr-mega-trigger > a { --fam: var(--sc-ink, #2a1a12); min-height: 56px !important; padding: 0 !important; background: transparent !important; color: var(--sc-ink, #2a1a12) !important; font: 800 24px/1 "Bricolage Grotesque", "Arial Narrow", sans-serif !important; letter-spacing: -0.04em; text-transform: lowercase; border: 0 !important; }
	body.sr-charte .sr-mega-trigger > a svg { display: none !important; }
	body.sr-charte .sr-mega-trigger > a > span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: var(--sc-space-3); border-radius: 50%; background: var(--fam); vertical-align: middle; }
	body.sr-charte .sr-mega-item:nth-child(1) .sr-mega-trigger > a { --fam: var(--sc-fam-potageres, #4e8f2f); }
	body.sr-charte .sr-mega-item:nth-child(2) .sr-mega-trigger > a { --fam: var(--sc-fam-fleurs, #c2336b); }
	body.sr-charte .sr-mega-trigger > button { width: 40px !important; height: 40px !important; margin: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--sc-ink, #2a1a12) !important; color: var(--sc-ink, #2a1a12) !important; border: 0 !important; }
	body.sr-charte .sr-mega-trigger > button svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); }
	body.sr-charte .sr-mega-panel { padding: var(--sc-space-1) 0 var(--sc-space-5) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
	body.sr-charte .sr-mega-intro { display: grid !important; gap: var(--sc-space-3); justify-items: start; margin: var(--sc-space-1) 0 var(--sc-space-4); }
	body.sr-charte .sr-mega-intro .sr-family-signature { margin: 0; font: 800 28px/1 "Bricolage Grotesque", "Arial Narrow", sans-serif; letter-spacing: -0.04em; text-transform: lowercase; color: var(--sc-ink, #2a1a12); }
	body.sr-charte .sr-mega-explore { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; color: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-mega-intro .sr-mega-cta { display: inline-flex; align-items: center; background: var(--sc-ink, #2a1a12) !important; color: var(--sc-cream, #fdf6ea) !important; text-decoration: none; white-space: nowrap; }
	body.sr-charte .sr-mega-intro .sr-mega-cta svg { display: none; }
	body.sr-charte .sr-mega-feature { display: none !important; }
	body.sr-charte .sr-mega-groups { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
	body.sr-charte .sr-mega-groups section { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; margin-bottom: var(--sc-space-4); }
	body.sr-charte .sr-mega-groups .sr-mega-group-title { margin: 0 0 var(--sc-space-2); padding-bottom: var(--sc-space-2); border-bottom: 1px solid rgba(42, 26, 18, .16); font: 800 18px/1.1 "Bricolage Grotesque", "Arial Narrow", sans-serif !important; letter-spacing: -0.03em; text-transform: lowercase !important; color: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-mega-groups li a { min-height: 44px !important; padding: 0 !important; font-size: 16px !important; color: var(--sc-ink-soft, #4a2f22) !important; background: transparent !important; border: 0 !important; }
	body.sr-charte .sr-mobile-actions { display: grid; gap: var(--sc-space-1); padding-top: var(--sc-space-3); }
	body.sr-charte .sr-mobile-actions a { display: flex; align-items: center; min-height: 48px; border-bottom: 1px solid rgba(42, 26, 18, .16); font-weight: 600; color: var(--sc-ink, #2a1a12) !important; text-decoration: none; background: transparent !important; }
	body.sr-charte .sr-mobile-actions a.sr-mobile-panier { justify-content: center; margin-top: var(--sc-space-3); border: 0; border-radius: var(--sc-r-pill); background: var(--sc-red, #b21c2d) !important; color: var(--sc-cream, #fdf6ea) !important; }
}
/* Icône + texte pour compte, favoris et panier (retour du 6 octobre 2026) : icônes de 18 px, sans cercle. */
body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button) .sr-header-action__icon, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon { display: inline-flex !important; color: var(--sc-ink, #2a1a12) !important; }
body.sr-charte .sr-header-actions .sr-header-action .sr-header-action__icon svg { width: var(--sc-icon-md) !important; height: var(--sc-icon-md) !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon svg, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon svg * { color: var(--sc-cream, #fdf6ea) !important; stroke: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button { padding-left: var(--sc-space-4) !important; }
/* Barre des univers en rouge Sanrival (retour du 6 octobre 2026) : textes et chevrons crème, pastille crème au survol ; méga-menu sur le fond crème. */
@media (min-width: 1101px) {
	body.sr-charte .sr-nav-wrap { background: var(--sc-red, #b21c2d) !important; border-bottom: 0 !important; }
	body.sr-charte .sr-mega-trigger > a, body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a { color: var(--sc-cream, #fdf6ea) !important; }
	body.sr-charte .sr-mega-trigger > a::after { background-image: 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='%23fdf6ea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; opacity: .75 !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { background: var(--sc-cream, #fdf6ea) !important; color: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a::after { background-image: 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") !important; opacity: 1 !important; }
	body.sr-charte .sr-mega-panel { border-top: 0 !important; }
	body.sr-charte .sr-mega-trigger a:focus-visible { outline: 2px solid var(--sc-cream, #fdf6ea); outline-offset: 2px; }

	/* Liens du méga-menu : pas de fond ; un chevron discret à trait arrondi glisse à côté du mot au survol. */
	body.sr-charte .sr-mega-groups li a, body.sr-charte .sr-mega-groups li a:hover, body.sr-charte .sr-mega-groups li a:focus-visible { margin-left: 0; padding: var(--sc-space-2) 0 !important; background: transparent !important; color: var(--sc-ink-soft, #4a2f22) !important; }
	body.sr-charte .sr-mega-groups li a:hover, body.sr-charte .sr-mega-groups li a:focus-visible { color: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-mega-groups li a::after { content: "" !important; position: static !important; display: inline-block !important; width: 12px !important; height: 12px !important; margin-left: var(--sc-space-2); border: 0 !important; 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 !important; opacity: 0; transform: translateX(-4px); transition: opacity .15s, transform .15s; }
	body.sr-charte .sr-mega-groups li a:hover::after, body.sr-charte .sr-mega-groups li a:focus-visible::after { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { body.sr-charte .sr-mega-groups li a::after { transition: none; } }
@media (min-width: 1101px) { body.sr-charte .sr-primary-menu .sr-mega-item .sr-mega-trigger > button[data-mega-toggle] { display: none !important; } }
/* Tiroir mobile (retour du 6 octobre 2026) : recherche en pilule, chevrons fins sans cercle, actions en lignes à filets, panier en pastille rouge pleine largeur. */
@media (max-width: 1100px) {
	body.sr-charte .sr-primary-menu .sr-mega-item .sr-mega-trigger > button[data-mega-toggle] { width: 32px !important; height: 32px !important; box-shadow: none !important; background: transparent !important; }
	body.sr-charte .sr-primary-menu .sr-mega-item .sr-mega-trigger > button[data-mega-toggle] svg { display: none !important; }
	body.sr-charte .sr-primary-menu .sr-mega-item .sr-mega-trigger > button[data-mega-toggle]::after { content: ""; width: 14px; height: 14px; 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 / 14px no-repeat; opacity: .7; transition: transform .15s; }
	body.sr-charte .sr-primary-menu .sr-mega-item .sr-mega-trigger > button[aria-expanded="true"]::after { transform: rotate(180deg); }
	body.sr-charte .sr-mobile-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin-top: var(--sc-space-2); padding-top: 0 !important; }
	body.sr-charte .sr-mobile-actions a { display: flex !important; align-items: center; gap: var(--sc-space-3); width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(42, 26, 18, .16) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font: 600 16px/1 "Figtree", system-ui, sans-serif !important; color: var(--sc-ink, #2a1a12) !important; text-align: left; justify-content: flex-start !important; }
	body.sr-charte .sr-mobile-actions a::before { content: ""; flex: 0 0 18px; height: 18px; background: center / 18px no-repeat; }
	body.sr-charte .sr-mobile-actions a:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1a12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
	body.sr-charte .sr-mobile-actions a:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1a12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.6 4.3 4.3 0 0 1 19.5 10c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E"); }
	body.sr-charte .sr-mobile-actions a.sr-mobile-panier { justify-content: center !important; min-height: 52px !important; margin-top: var(--sc-space-5) !important; border: 0 !important; border-radius: var(--sc-r-pill) !important; background: var(--sc-red, #b21c2d) !important; color: var(--sc-cream, #fdf6ea) !important; font-weight: 700 !important; }
	body.sr-charte .sr-mobile-actions a.sr-mobile-panier::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdf6ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
	body.sr-charte .sr-mobile-actions a [data-sr-wishlist-count] { margin-left: auto; }
}
@media (max-width: 1100px) {
	body.sr-charte .sr-mobile-actions a { gap: 0 !important; }
	body.sr-charte .sr-mobile-actions a::before { margin-right: var(--sc-space-3); }
}
/* Barre mobile (retour du 6 octobre 2026) : menu et panier en cercles de même taille, nombre d'articles en pastille, recherche en pilule crème. */
@media (max-width: 1100px) {
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button { position: relative; width: 44px !important; height: 44px !important; padding: 0 !important; gap: 0 !important; justify-content: center; border-radius: 50% !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > span:not(.sr-header-action__icon) { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > b { position: absolute !important; top: -4px; right: -6px; min-width: 20px; height: 20px; padding: 0 var(--sc-space-1); font-size: 12px; box-shadow: 0 0 0 2px var(--sc-canvas, #fffcf5) !important; }
	body.sr-charte .sr-menu-toggle { width: 44px !important; height: 44px !important; }
	body.sr-charte .sr-mobile-search-toggle { border: 0 !important; border-radius: var(--sc-r-pill) !important; background: var(--sc-cream, #fdf6ea) !important; box-shadow: none !important; color: var(--sc-ink-mute, #6b4a38) !important; }
	body.sr-charte .sr-mobile-search-toggle svg { color: var(--sc-ink, #2a1a12) !important; }
}
/* Bouton menu mobile : cercle brun plein (explorer), trois traits crème à bouts arrondis, pendant du cercle rouge du panier. */
@media (max-width: 1100px) {
	body.sr-charte:not(.sr-checkout-minimal) .sr-menu-toggle { display: grid !important; place-items: center; padding: 0 !important; background: var(--sc-ink, #2a1a12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 6.5h12M4 10h12M4 13.5h8' fill='none' stroke='%23fdf6ea' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important; box-shadow: none !important; }
	body.sr-charte .sr-menu-toggle svg { display: none !important; }
	body.sr-charte .sr-menu-toggle:hover { background-color: var(--sc-ink-soft, #4a2f22) !important; }
	body.sr-charte .sr-menu-toggle:focus-visible { outline: 2px solid var(--sc-ink, #2a1a12); outline-offset: 3px; }
}
@media (max-width: 1100px) {
	body.sr-charte .sr-header-main .sr-header-actions a.sr-header-action.sr-cart-button { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; flex: 0 0 44px !important; aspect-ratio: 1; }
	body.sr-charte .sr-header-main .sr-header-actions a.sr-header-action.sr-cart-button .sr-header-action__icon svg { width: var(--sc-icon-md) !important; height: var(--sc-icon-md) !important; }
	body.sr-charte .sr-menu-toggle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 6h13M3.5 10h13M3.5 14h9' fill='none' stroke='%23fdf6ea' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size: 22px 22px !important; flex: 0 0 44px; }
}
@media (max-width: 1100px) { body.sr-charte .sr-menu-toggle { background-size: 26px 26px !important; } }

/* ===== En-tête blanc (maquette validée le 7 octobre 2026), fond du site depuis le retour du 7 octobre : un seul fond pour l'en-tête et le méga-menu, puis la bande crème =====
 * Barre des univers sur fond blanc, centrée, pastille ronde de la couleur de l'univers devant chaque nom,
 * trait de la même couleur au survol. Méga-menu blanc, même structure pour les cinq univers : colonne « univers »
 * (photo + nombre, signature au verbe surligné dans la couleur de l'univers, bouton « Voir tout… »), groupes sur 4 colonnes.
 * Retour arrière : supprimer ce bloc (l'état précédent, barre rouge, reprend). */
body.sr-charte .sr-mega-item { --fam: var(--sc-ink, #2a1a12); }
body.sr-charte .sr-mega-item:nth-child(1) { --fam: var(--sc-fam-potageres, #4e8f2f); }
body.sr-charte .sr-mega-item:nth-child(2) { --fam: var(--sc-fam-fleurs, #c2336b); }
body.sr-charte .sr-mega-item:nth-child(3) { --fam: var(--sc-fam-jardin, #a1512b); }
body.sr-charte .sr-mega-item:nth-child(4) { --fam: var(--sc-fam-animalerie, #3f67a0); }
body.sr-charte .sr-mega-item:nth-child(5) { --fam: var(--sc-fam-nuisibles, #6a3f86); }
body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a { --fam: inherit; }
@media (min-width: 1101px) {
	/* Barre des univers */
	body.sr-charte .sr-nav-wrap { background: var(--sc-canvas, #fffcf5) !important; border-bottom: 1px solid var(--sc-line, #eadfc4) !important; }
	body.sr-charte .sr-primary-menu { justify-content: center !important; gap: var(--sc-space-2) !important; min-height: 60px; }
	body.sr-charte .sr-mega-trigger { position: relative; height: 60px; }
	body.sr-charte .sr-mega-trigger > a, body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a,
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { height: 60px; min-height: 60px; gap: var(--sc-space-3); padding: 0 var(--sc-space-4); border-radius: 0; background: transparent !important; color: var(--sc-ink, #2a1a12) !important; font-size: 18px !important; }
	body.sr-charte .sr-mega-trigger > a > span { display: inline-flex; align-items: center; gap: var(--sc-space-3); }
	body.sr-charte .sr-mega-trigger > a > span::before { content: ""; flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; background: var(--fam); transition: transform .15s; }
	body.sr-charte .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a::after { background-image: 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") !important; }
	body.sr-charte .sr-mega-trigger > a::after { opacity: .55 !important; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a::after { opacity: 1 !important; transform: rotate(180deg); }
	body.sr-charte .sr-mega-trigger::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -1px; z-index: 2; height: 3px; border-radius: 3px 3px 0 0; background: var(--fam); transform: scaleX(0); transition: transform .18s; pointer-events: none; }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger::after, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger::after { transform: scaleX(1); }
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a > span::before, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a > span::before { transform: scale(1.25); }
	body.sr-charte .sr-mega-trigger a:focus-visible { outline: 2px solid var(--sc-ink, #2a1a12); outline-offset: -4px; }

	/* Méga-menu : colonne univers à gauche, groupes à droite, sur la grille de 1 200 px */
	body.sr-charte .sr-mega-panel { grid-template-columns: 300px minmax(0, 1fr) !important; grid-template-rows: auto auto 1fr; column-gap: var(--sc-space-8) !important; row-gap: var(--sc-space-4) !important; align-items: start; padding: var(--sc-space-7) max(clamp(var(--sc-space-4), 4vw, var(--sc-space-7)), calc((100vw - 1200px) / 2 + clamp(var(--sc-space-4), 4vw, var(--sc-space-7)))) var(--sc-space-7) !important; background: var(--sc-canvas, #fffcf5) !important; border-top: 1px solid var(--sc-line, #eadfc4) !important; border-bottom: 1px solid var(--sc-line, #eadfc4) !important; }
	body.sr-charte .sr-mega-feature { grid-column: 1; grid-row: 1; aspect-ratio: 4 / 3; border-radius: var(--sc-r-md) !important; }
	body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-count { background: var(--fam); color: var(--sc-cream, #fdf6ea); }
	body.sr-charte .sr-mega-intro { grid-column: 1; grid-row: 2; display: grid; gap: var(--sc-space-4); justify-items: stretch; padding: 0; }
	body.sr-charte .sr-mega-intro .sr-family-signature { font-size: 28px !important; line-height: 1.05; letter-spacing: -0.045em; }
	body.sr-charte .sr-mega-intro .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(--fam); color: var(--sc-cream, #fdf6ea); }
	body.sr-charte .sr-mega-intro .sr-mega-cta { display: flex !important; width: 100%; box-sizing: border-box; justify-content: space-between; gap: var(--sc-space-3); white-space: nowrap; transition: background-color .15s; }
	body.sr-charte .sr-mega-intro .sr-mega-cta:hover { background: var(--sc-ink-soft, #4a2f22) !important; }
	body.sr-charte .sr-mega-intro .sr-mega-cta::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='%23fdf6ea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; transition: transform .15s; }
	body.sr-charte .sr-mega-intro .sr-mega-cta:hover::after { transform: translateX(3px); }
	body.sr-charte .sr-mega-groups, body.sr-charte .sr-mega-groups:has(ul.is-wide) { grid-column: 2; grid-row: 1 / span 3; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: var(--sc-space-7) !important; row-gap: var(--sc-space-6) !important; align-content: start; }
	body.sr-charte .sr-mega-groups section { min-width: 0; }
	body.sr-charte .sr-mega-groups section:has(ul.is-wide), body.sr-charte .sr-mega-groups section:has(li:nth-child(8)) { grid-column: span 2; }
	/* Univers à trois groupes sans colonne large (Fleurs & bulbes, Jardin & entretien) : trois colonnes au lieu de quatre, pour que chaque titre tienne sur une ligne. */
	body.sr-charte .sr-mega-groups:has(> section:nth-child(3):last-child):not(:has(ul.is-wide)):not(:has(li:nth-child(8))) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	body.sr-charte .sr-mega-groups section ul { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
	body.sr-charte .sr-mega-groups section:is(:has(ul.is-wide), :has(li:nth-child(8))) ul { display: block !important; columns: 2; column-gap: var(--sc-space-7); }
	body.sr-charte .sr-mega-groups section li { break-inside: avoid; }
	body.sr-charte .sr-mega-groups .sr-mega-group-title { display: flex; align-items: flex-start; gap: var(--sc-space-2); margin: 0 0 var(--sc-space-3); padding-bottom: var(--sc-space-3); border-bottom: 1px solid rgba(42, 26, 18, .14); font-size: 18px !important; }
	body.sr-charte .sr-mega-groups .sr-mega-group-title::before { content: ""; flex: 0 0 8px; height: 8px; margin-top: var(--sc-space-1); border-radius: 50%; background: var(--fam); }
	body.sr-charte .sr-mega-groups li a, body.sr-charte .sr-mega-groups li a:hover, body.sr-charte .sr-mega-groups li a:focus-visible { padding: var(--sc-space-2) 0 !important; white-space: normal; }
	body.sr-charte .sr-mega-groups li a:hover, body.sr-charte .sr-mega-groups li a:focus-visible { text-decoration: underline !important; text-decoration-color: var(--fam) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
	body.sr-charte .sr-mega-groups li a::after { width: 10px !important; height: 10px !important; background: var(--fam) !important; -webkit-mask: 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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat; mask: 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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat; }
}
@media (prefers-reduced-motion: reduce) { body.sr-charte :is(.sr-mega-trigger::after, .sr-mega-intro .sr-mega-cta::after) { transition: none; } }
/* Tiroir mobile : pastille de la bonne couleur pour les cinq univers. */
@media (max-width: 1100px) {
	body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a { --fam: inherit; }
	body.sr-charte .sr-mega-intro .sr-family-signature .sr-surligneur { background: var(--fam); }
}
/* En-tête d'un seul bloc (retour du 7 octobre 2026) : plus de filet entre la barre du logo et la barre des univers. */
@media (min-width: 1101px) {
	body.sr-charte .sr-header-main { border-bottom: 0 !important; }
	body.sr-charte .sr-primary-menu { min-height: 58px !important; }
	body.sr-charte .sr-mega-trigger, body.sr-charte .sr-mega-trigger > a, body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a,
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { height: 58px !important; min-height: 58px !important; }
}
/* Liens du méga-menu (retour du 7 octobre 2026) : au survol, seulement le soulignement de la couleur de l'univers (plus de pilule, de gras ni de chevron). */
@media (min-width: 1101px) {
	body.sr-charte .sr-mega-groups li a:is(:hover, :focus-visible) { box-shadow: none !important; background: transparent !important; transform: none !important; font-weight: inherit !important; border-radius: 0 !important; }
	body.sr-charte .sr-mega-groups li a::after, body.sr-charte .sr-mega-groups li a:is(:hover, :focus-visible)::after { content: none !important; display: none !important; }
	body.sr-charte .sr-mega-groups li a:focus-visible { outline: 2px solid var(--sc-ink, #2a1a12) !important; outline-offset: 2px; }
}
/* Finitions de l'en-tête (retour du 7 octobre 2026) : une seule pilule de recherche (plus de halo autour),
 * croix d'effacement seulement quand un texte est saisi, barre des univers rapprochée de la recherche, filet de fin d'en-tête lisible. */
body.sr-charte .sr-header-search :is(form, .sr-search) { border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; }
body.sr-charte .sr-header-search .sr-search__field { border: 0 !important; box-shadow: none !important; outline: 0 !important; }
body.sr-charte .sr-search__field:has(input:placeholder-shown) .sr-search__clear { visibility: hidden !important; }
@media (min-width: 1101px) {
	body.sr-charte .sr-header-main__inner { padding-bottom: 0 !important; }
	body.sr-charte .sr-primary-menu { min-height: 54px !important; }
	body.sr-charte .sr-mega-trigger, body.sr-charte .sr-mega-trigger > a, body.sr-charte .sr-mega-item:nth-child(n) .sr-mega-trigger > a,
	body.sr-charte .sr-mega-item:hover .sr-mega-trigger > a, body.sr-charte .sr-mega-item:focus-within .sr-mega-trigger > a { height: 54px !important; min-height: 54px !important; }
	body.sr-charte .sr-nav-wrap { border-bottom: 1px solid rgba(42, 26, 18, .14) !important; }
}
/* Recherche sur le fond du site (7 octobre 2026) : pilule blanche cernée d'un filet de la charte, filet brun au focus. */
body.sr-charte .sr-header-search :is(input[type="search"], input[type="text"], .sr-search__form, .sr-search__box) { background: transparent !important; }
body.sr-charte .sr-header-search .sr-search__field { background: #fff !important; border: 1.5px solid var(--sc-line, #eadfc4) !important; }
body.sr-charte .sr-header-search .sr-search__field:focus-within { border-color: var(--sc-ink, #2a1a12) !important; }
body.sr-charte :is(.sr-mobile-search, .sr-mobile-search-toggle) :is(.sr-search__field, input) { }
body.sr-charte .sr-mobile-search .sr-search__field, body.sr-charte .sr-mobile-search-toggle { border: 1.5px solid var(--sc-line, #eadfc4) !important; background: #fff !important; }
/* Bouton « Rechercher » en rouge Sanrival (demande du 7 octobre 2026). */
body.sr-charte .sr-search .sr-search__submit, body.sr-charte .sr-header-search .sr-search__submit { background: var(--sc-red, #b21c2d) !important; border-color: var(--sc-red, #b21c2d) !important; color: var(--sc-cream, #fdf6ea) !important; }
body.sr-charte .sr-search .sr-search__submit:hover, body.sr-charte .sr-header-search .sr-search__submit:hover { background: var(--sc-red-dark, #8e1424) !important; border-color: var(--sc-red-dark, #8e1424) !important; }

/* ===== En-tête mobile, piste B validée le 21 octobre 2026 : logo à gauche ; compte, panier et menu à droite ;
   icônes au trait brunes (plus de ronds pleins) ; pastille du panier en rouge, seulement à partir d'un article. ===== */
@media (max-width: 1100px) {
	body.sr-charte .sr-header-main__inner { grid-template-columns: minmax(0, 1fr) auto auto !important; column-gap: var(--sc-space-1) !important; align-items: center; }
	body.sr-charte .sr-header-main__inner > .sr-brand { grid-area: 1 / 1 !important; justify-self: start !important; }
	body.sr-charte .sr-header-main__inner > .sr-header-actions { grid-area: 1 / 2 !important; gap: 0 !important; }
	body.sr-charte .sr-header-main__inner > .sr-menu-toggle { grid-area: 1 / 3 !important; margin-left: var(--sc-space-1) !important; border-radius: var(--sc-r-sm) !important; }
	body.sr-charte .sr-header-main__inner > .sr-mobile-search-toggle { grid-area: 2 / 1 / auto / -1 !important; border-radius: var(--sc-r-sm) !important; }
	body.sr-charte .sr-brand img { width: 84px !important; height: auto !important; max-height: none !important; }
	/* Compte : icône seule, au trait. Favoris : dans le menu. */
	body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button):not(.sr-wishlist-header) { display: inline-flex !important; width: 44px !important; height: 44px !important; padding: 0 !important; justify-content: center; align-items: center; }
	body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button):not(.sr-wishlist-header) .sr-header-action__icon { display: inline-flex !important; }
	body.sr-charte .sr-header-actions .sr-header-action:not(.sr-cart-button) > span:not(.sr-header-action__icon) { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	/* Panier : icône au trait sur fond transparent. */
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button:hover { background: transparent !important; border-radius: var(--sc-r-sm) !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon svg, body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button .sr-header-action__icon svg * { color: var(--sc-ink, #2a1a12) !important; stroke: var(--sc-ink, #2a1a12) !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > b { top: 2px !important; right: 0 !important; background: var(--sc-red, #b21c2d) !important; color: var(--sc-cream, #fdf6ea) !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > b.is-zero { display: none !important; }
	body.sr-charte .sr-header-actions .sr-header-action .sr-header-action__icon svg { width: var(--sc-icon-lg) !important; height: var(--sc-icon-lg) !important; stroke-width: 1.9; }
	body.sr-charte .sr-header-main__inner > .sr-mobile-search-toggle { background: var(--sc-cream-deep, #f8eedc) !important; border: 0 !important; box-shadow: none !important; }
	/* Ligne du haut : 64 px, tout centré verticalement, un peu d'air sous le bandeau. */
	body.sr-charte .sr-header-main__inner { grid-template-rows: 64px auto !important; padding-top: var(--sc-space-2) !important; row-gap: var(--sc-space-2) !important; }
	body.sr-charte .sr-header-main__inner > :is(.sr-brand, .sr-header-actions, .sr-menu-toggle) { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; }
	body.sr-charte:not(.sr-checkout-minimal) .sr-header-main__inner > .sr-header-actions { display: flex !important; width: auto !important; height: 44px !important; gap: var(--sc-space-2) !important; align-items: center; }
	body.sr-charte .sr-header-main__inner > .sr-menu-toggle { width: 44px !important; height: 44px !important; margin-left: var(--sc-space-4) !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button { position: relative !important; width: 60px !important; min-width: 60px !important; max-width: 60px !important; height: 44px !important; padding: 0 0 0 var(--sc-space-2) !important; display: inline-flex !important; align-items: center; justify-content: flex-start !important; }
	body.sr-charte .sr-header-actions .sr-header-action.sr-cart-button > b { position: absolute !important; top: 2px !important; left: 26px !important; right: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-width: 18px !important; height: 18px !important; padding: 0 var(--sc-space-1) !important; border-radius: var(--sc-r-pill) !important; font: 700 10.5px/1 var(--sc-font, "Figtree", sans-serif) !important; font-variant-numeric: tabular-nums; letter-spacing: 0 !important; text-align: center; box-shadow: 0 0 0 2px var(--sc-canvas, #fffcf5) !important; }
	/* Panier : bouton de 44 px comme le compte, icône centrée de 23 px ; la pastille déborde dans l'espace de 14 px réservé avant le menu, si bien que les écarts entre icônes ne changent jamais, panier vide ou non. */
	body.sr-charte .sr-header-main .sr-header-actions a.sr-header-action.sr-cart-button { width: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important; aspect-ratio: auto; padding: 0 !important; justify-content: center !important; overflow: visible !important; }
	body.sr-charte .sr-header-main .sr-header-actions a.sr-header-action.sr-cart-button .sr-header-action__icon svg { width: var(--sc-icon-lg) !important; height: var(--sc-icon-lg) !important; }
	body.sr-charte .sr-header-actions .sr-header-action:focus-visible, body.sr-charte .sr-menu-toggle:focus-visible { outline: 2px solid var(--sc-ink, #2a1a12) !important; outline-offset: 2px; }
}

/* ===== Tablette (821–1100 px), 21 octobre 2026 : l'en-tête y est déjà en version mobile ; le menu devient
   lui aussi un tiroir fermé par défaut (mêmes règles que sous 820 px, reprises de style.css et charte-gestes.css),
   et la recherche s'affiche comme sur mobile. Retour arrière : tmp/rollbacks/entete-tablette-2026-10-21/ ===== */
@media (min-width: 761px) and (max-width: 1100px) {
	.sr-nav-wrap { position: fixed; z-index: 10000; inset: 0; visibility: hidden; color: var(--sr-ink); background: rgba(21,28,22,.45); opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
	.sr-nav-wrap.is-open { visibility: visible; opacity: 1; }
	.sr-nav-inner { position: absolute; top: 0; left: 0; width: min(90vw, 390px); height: 100%; margin: 0; padding: 0 var(--sc-space-5) var(--sc-space-6); overflow-y: auto; background: #fff; transform: translateX(-100%); transition: transform .25s ease; }
	.sr-nav-wrap.is-open .sr-nav-inner { transform: translateX(0); }
	.sr-mobile-nav-head { position: sticky; z-index: 3; top: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--sr-line); }
	.sr-mobile-nav-head button { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; background: var(--sr-beige-light); border: 0; border-radius: 50%; }
	.sr-mobile-nav-head svg { width: var(--sc-icon-md); height: var(--sc-icon-md); }
	.sr-mobile-search { display: block; padding: var(--sc-space-4) 0 var(--sc-space-2); }
	.sr-mobile-search form{ max-width: none !important; margin: 0 !important; }
	.sr-mobile-search .search-field{ height: 48px !important; background: var(--sr-beige-light) !important; border: 1px solid var(--sr-line) !important; border-radius: var(--sc-r-pill) !important; }
	.sr-primary-menu { display: block; padding: var(--sc-space-4) 0; }
	.sr-primary-menu > li > a { min-height: 50px; justify-content: space-between; padding: 0 var(--sc-space-2); color: var(--sr-ink); border: 0; border-bottom: 1px solid var(--sr-line); font-size: 14px; }
	.sr-primary-menu > li:hover > a { color: var(--sr-red); background: transparent; }
	.sr-primary-menu .sub-menu { position: static; display: block; visibility: visible; width: auto; padding: var(--sc-space-2) 0 var(--sc-space-4) var(--sc-space-4); border: 0; box-shadow: none; opacity: 1; transform: none; }
	.sr-primary-menu .sub-menu a { padding: var(--sc-space-2) 0; }
	.sr-mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sc-space-2); }
	.sr-mobile-actions a { padding: var(--sc-space-3); color: #fff; background: var(--sr-green); border-radius: var(--sc-r-sm); font-size: 14px; font-weight: 800; text-align: center; }
	.sr-nav-inner { padding-right: var(--sc-space-4); padding-left: var(--sc-space-4); }
	.sr-primary-menu { padding: var(--sc-space-3) 0 var(--sc-space-4); }
	.sr-mega-item { width: 100%; }
	.sr-mega-trigger { display: grid; height: auto; grid-template-columns: 1fr 44px; border-bottom: 1px solid var(--sr-line); }
	.sr-mega-trigger > a { min-height: 54px; justify-content: flex-start; padding: 0 var(--sc-space-1); color: var(--sr-ink); border: 0; font-size: 14px; }
	.sr-mega-trigger > a svg { display: block; color: var(--sr-green); }
	.sr-mega-trigger > button { display: grid; place-items: center; padding: 0; color: var(--sr-ink); background: transparent; border: 0; }
	.sr-mega-trigger > button svg { width: var(--sc-icon-md); height: var(--sc-icon-md); transition: transform .2s ease; }
	.sr-mega-item.is-open .sr-mega-trigger > button svg { transform: rotate(90deg); }
	.sr-mega-panel { position: static; display: none; visibility: visible; width: auto; grid-template-columns: 1fr; gap: var(--sc-space-4); padding: var(--sc-space-4) 0 var(--sc-space-5); border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none; }
	.sr-mega-item.is-open .sr-mega-panel { display: grid; }
	.sr-mega-feature { min-height: 155px; }
	.sr-mega-groups { grid-template-columns: 1fr; gap: var(--sc-space-4); }
	.sr-mega-groups li a { min-height: 38px; padding-left: 0; }
	.sr-nav-wrap { position: fixed !important; inset: 0 !important; }
	.sr-nav-inner { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; }
	.sr-mobile-search { margin: 0 0 var(--sc-space-4); }
	body.sr-charte .sr-mega-trigger > a { font-size: 16px; }
	body.sr-charte .sr-mega-groups ul.is-wide { grid-template-columns: 1fr; }
	body.sr-charte .sr-mega-groups li a { font-size: 16px; }
	body.sr-charte .sr-mega-panel:has(.sr-mega-cta) .sr-mega-feature { display: none; }
}
@media (min-width: 761px) and (max-width: 1100px) {
	body.sr-charte .sr-header-main__inner > .sr-header-search { display: none !important; }
	body.sr-charte .sr-nav-wrap { background: rgba(42, 26, 18, .45) !important; }
	body.sr-charte .sr-mega-panel, body.sr-charte .sr-mega-item.is-open .sr-mega-panel, body.sr-charte .sr-mega-item:hover .sr-mega-panel { position: static !important; left: auto !important; width: auto !important; transform: none !important; }
	body.sr-charte .sr-mobile-search-toggle { display: flex; grid-column: 1 / -1; grid-row: 2; justify-self: stretch; align-items: center; gap: var(--sc-space-3); width: 100%; height: 46px; padding: 0 var(--sc-space-4); color: var(--sc-ink-mute, #6b4a38); background: #fff; border: 1px solid var(--sc-line); border-radius: var(--sc-r-pill); box-shadow: none; font: inherit; font-size: 16px; text-align: left; }
	body.sr-charte .sr-mobile-search-toggle svg { flex: none; width: var(--sc-icon-md); height: var(--sc-icon-md); color: var(--sc-red); }
	body.sr-charte .sr-mobile-search-toggle__label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

/* ===== Univers dépliés dans le tiroir (mobile et tablette), 21 octobre 2026 : ordre titre → familles → bouton,
   espacements réguliers (20 px sous l'univers, 28 px entre les blocs, lignes de 44 px). ===== */
@media (max-width: 1100px) {
	body.sr-charte .sr-mega-item.is-open .sr-mega-panel { display: flex !important; flex-direction: column; gap: var(--sc-space-6) !important; padding: var(--sc-space-5) 0 var(--sc-space-6) !important; }
	body.sr-charte .sr-mega-panel > .sr-mega-intro { display: contents !important; }
	body.sr-charte .sr-mega-panel .sr-family-signature { order: 1; margin: 0 !important; }
	body.sr-charte .sr-mega-panel > .sr-mega-groups { order: 2; display: flex !important; flex-direction: column; gap: var(--sc-space-6) !important; margin: 0 !important; padding: 0 !important; }
	body.sr-charte .sr-mega-panel .sr-mega-groups section { margin: 0 !important; }
	body.sr-charte .sr-mega-panel .sr-mega-group-title { margin: 0 0 var(--sc-space-2) !important; padding-bottom: var(--sc-space-3) !important; }
	body.sr-charte .sr-mega-panel .sr-mega-groups ul { display: flex !important; flex-direction: column; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
	body.sr-charte .sr-mega-panel .sr-mega-groups li a { display: flex !important; align-items: center; min-height: 44px !important; }
	body.sr-charte .sr-mega-panel .sr-mega-cta { order: 3; align-self: flex-start; margin: var(--sc-space-1) 0 0 !important; }
}
/* Titres de groupe du méga-menu et du menu tablette : toujours sur une ligne ; la taille se réduit (18 → 15 px) quand les colonnes se resserrent. */
body.sr-charte .sr-mega-groups .sr-mega-group-title { white-space: nowrap !important; font-size: clamp(15px, 1.35vw, 18px) !important; }