/*
 * ifs-Boutique – Super deals : variante « Fil d'actions » (ligne de texte défilante).
 * Feuille chargée par le gabarit du module lui-même (un module rendu dans le corps ne peut pas
 * toujours ajouter au <head>). Couleurs : variables du composant (--ifs-accent) avec repli.
 */
.ifs-fil { --ifs-fil-accent: var(--ifs-accent, #1799b8); --ifs-fil-texte: var(--ifs-text, #1d2b2a); position: relative; font-family: var(--ifs-sans, inherit); font-size: 14px; line-height: 1.3; }
.ifs-fil.is-fond-discret { background: color-mix(in srgb, var(--ifs-fil-accent) 9%, #fff); background: #eef6f8; }
@supports (color: color-mix(in srgb, red 50%, blue)) { .ifs-fil.is-fond-discret { background: color-mix(in srgb, var(--ifs-fil-accent) 9%, #fff); } }
.ifs-fil.is-fond-accent { background: var(--ifs-fil-accent); color: #fff; --ifs-fil-texte: #fff; }
.ifs-fil.is-fond-aucun { background: transparent; border-top: 1px solid rgba(0, 0, 0, .08); border-bottom: 1px solid rgba(0, 0, 0, .08); }
.ifs-fil-inner { display: flex; align-items: center; gap: 14px; min-height: 40px; padding: 0 16px; }
.ifs-fil.is-bande .ifs-fil-inner { max-width: var(--container, 1200px); margin: 0 auto; padding: 0 32px; }
.ifs-fil-intro { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ifs-fil-texte); white-space: nowrap; }
.ifs-fil-pct { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #d64545; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0; }
.ifs-fil.is-fond-accent .ifs-fil-pct { background: #fff; color: var(--ifs-fil-accent); }
.ifs-fil-viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.ifs-fil-piste { display: flex; width: max-content; animation: ifs-fil-defile var(--ifs-fil-duree, 60s) linear infinite; will-change: transform; }
.ifs-fil:focus-within .ifs-fil-piste { animation-play-state: paused; }
.ifs-fil-liste { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; }
.ifs-fil-liste li { display: flex; align-items: center; white-space: nowrap; }
.ifs-fil-liste li::after { content: "•"; margin: 0 18px; opacity: .45; }
.ifs-fil-liste a { color: var(--ifs-fil-texte); text-decoration: none; }
.ifs-fil-liste a:hover, .ifs-fil-liste a:focus-visible { text-decoration: underline; }
.ifs-fil-titre { font-weight: 600; }
.ifs-fil-prix { margin-left: 8px; font-weight: 700; color: #d64545; }
.ifs-fil.is-fond-accent .ifs-fil-prix { color: #fff; }
.ifs-fil-ancien { margin-left: 6px; opacity: .6; text-decoration: line-through; }
.ifs-fil-remise { margin-left: 6px; font-weight: 700; color: #d64545; }
.ifs-fil.is-fond-accent .ifs-fil-remise { color: #fff; opacity: .9; }
.ifs-fil-lien { flex: 0 0 auto; font-weight: 700; color: var(--ifs-fil-accent); text-decoration: none; white-space: nowrap; }
.ifs-fil.is-fond-accent .ifs-fil-lien { color: #fff; }
.ifs-fil-lien:hover { text-decoration: underline; }
@keyframes ifs-fil-defile { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 640px) {
	.ifs-fil-inner { gap: 10px; padding: 0 12px; }
	.ifs-fil.is-bande .ifs-fil-inner { padding: 0 16px; }
	.ifs-fil-intro span:not(.ifs-fil-pct) { display: none; }
	.ifs-fil-lien { display: none; }
}