@charset "UTF-8";
/**
 * Page « Toutes les catégories » (/categorie).
 *
 * Hub éditorial pleine largeur en six bandes rythmées : hero + collage animé,
 * carrousel infini des familles, bandeau d'engagements (fond plum), contenu
 * éditorial en zig-zag, FAQ en accordéon avec panneau latéral, appel final.
 * S'appuie sur les tokens de marque et le socle base.css. Zéro espace mort :
 * chaque bande occupe toute la largeur avec un contenu équilibré.
 */

.ff-catpage { display: block; overflow: clip; }
.ff-catpage h2, .ff-catpage h3 { letter-spacing: -.01em; }

/* ============================================================= HERO */

.ff-cat-hero {
	position: relative; overflow: clip;
	padding-inline: var(--gut);            /* Gouttière du site, comme .ff-section. */
	background:
		radial-gradient(90% 120% at 82% -8%, rgba(224,147,190,.28), transparent 55%),
		radial-gradient(70% 90% at 8% 108%, rgba(168,183,158,.18), transparent 60%),
		linear-gradient(170deg, var(--ff-bg-deep), var(--ff-bg) 60%);
	border-bottom: 1px solid var(--ff-line);
}
.ff-cat-hero__inner {
	max-width: var(--measure); margin: 0 auto;
	padding: clamp(26px, 4vw, 54px) 0 clamp(32px, 4vw, 60px);
	display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
	gap: clamp(26px, 4vw, 68px); align-items: center;
}

.ff-cat-hero__crumb {
	display: flex; align-items: center; gap: 8px; margin-bottom: 20px;
	font: 600 12.5px var(--ff-sans); color: var(--ff-ink-55);
}
.ff-cat-hero__crumb a { color: var(--ff-plum); }
.ff-cat-hero__crumb a:hover { text-decoration: underline; }
.ff-cat-hero__crumb b { color: var(--ff-ink); font-weight: 600; }

.ff-cat-hero__kick {
	display: flex; align-items: center; gap: 14px;
	font: 700 11.5px var(--ff-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--ff-plum);
}
.ff-cat-hero__kick span { width: 40px; height: 1.5px; background: var(--ff-pink); flex: none; }

.ff-cat-hero__h1 {
	margin: 16px 0 0; max-width: 15ch;
	font: 500 clamp(33px, 4.6vw, 60px)/1.04 var(--ff-serif); color: var(--ff-ink);
}
.ff-cat-hero__intro {
	margin: 20px 0 0; max-width: 48ch;
	font: 400 clamp(15px, 1.25vw, 17px)/1.75 var(--ff-sans); color: var(--ff-ink-70);
}
.ff-cat-hero__actions {
	margin: 28px 0 0; display: flex; align-items: center; gap: 20px 26px; flex-wrap: wrap;
}
.ff-cat-hero__scroll {
	display: inline-flex; align-items: center; gap: 9px;
	font: 700 11px var(--ff-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ff-plum);
}
.ff-cat-hero__scroll i { font-style: normal; transition: transform .3s var(--ff-ease); }
.ff-cat-hero__scroll:hover i { transform: translateY(3px); }

.ff-cat-hero__stats {
	margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 30px;
}
.ff-cat-hero__stats div {
	display: flex; flex-direction: column; padding-right: 30px; position: relative;
}
.ff-cat-hero__stats div + div::before {
	content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; margin-left: -30px; width: 1px; background: var(--ff-line-strong);
}
.ff-cat-hero__stats dt { font: 500 32px var(--ff-serif); color: var(--ff-plum); }
.ff-cat-hero__stats dd {
	margin: 2px 0 0; font: 700 10px var(--ff-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ff-ink-55);
}

/* Collage : trois colonnes de photos qui dérivent verticalement, en boucle. */
.ff-cat-hero__collage {
	position: relative; display: grid; grid-template-columns: repeat(3, 1fr);
	gap: clamp(10px, 1vw, 16px); height: clamp(440px, 46vw, 610px); overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 13%, #000 87%, transparent);
	        mask-image: linear-gradient(180deg, transparent, #000 13%, #000 87%, transparent);
}
.ff-cat-hero__col {
	display: flex; flex-direction: column; gap: clamp(10px, 1vw, 16px);
	animation: ff-rise 34s linear infinite; will-change: transform;
}
.ff-cat-hero__col--down { animation-name: ff-fall; animation-duration: 40s; }
@keyframes ff-rise { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes ff-fall { from { transform: translateY(-50%); } to { transform: translateY(0); } }
.ff-cat-hero__ph {
	flex: 0 0 auto; aspect-ratio: 3 / 4; border-radius: 16px;
	background-size: cover; background-position: center;
	box-shadow: var(--ff-shadow); border: 1px solid rgba(255,255,255,.5);
}
/* Le collage tourne en boucle en continu — pas de pause au survol du hero,
   sinon il se fige dès qu'on lit le texte. */

/* ================================================ Carrousel des familles */

.ff-cat-show {
	position: relative; padding: clamp(44px, 5vw, 76px) var(--gut) clamp(40px, 4.6vw, 68px);
	background: var(--ff-surface);
}
.ff-cat-show__head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 34px;
	flex-wrap: wrap; margin-bottom: clamp(22px, 2.6vw, 34px);
}
.ff-cat-show__kick {
	display: flex; align-items: center; gap: 12px;
	font: 700 11px var(--ff-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--ff-plum);
}
.ff-cat-show__t { margin: 12px 0 0; font: 500 clamp(26px, 3vw, 40px)/1.1 var(--ff-serif); color: var(--ff-ink); }
.ff-cat-show__note { margin: 0; font: 600 20px var(--ff-script); color: var(--ff-sage-deep); white-space: nowrap; }

/* Ruban plein écran, boucle sans couture (2 moitiés, translate 0 → -50 %). */
.ff-catloop {
	position: relative; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.ff-catloop__track {
	display: flex; width: max-content; padding: 14px 0;
	animation: ff-catloop 50s linear infinite; will-change: transform;
}
.ff-catloop:hover .ff-catloop__track,
.ff-catloop:focus-within .ff-catloop__track { animation-play-state: paused; }
@keyframes ff-catloop { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }

.ff-catloop__card {
	position: relative; flex: 0 0 auto; overflow: hidden;
	width: clamp(230px, 23vw, 320px); aspect-ratio: 4 / 5;
	margin-right: clamp(16px, 1.7vw, 24px); border-radius: var(--ff-r-lg);
	box-shadow: var(--ff-shadow); transition: transform .5s var(--ff-ease), box-shadow .5s var(--ff-ease);
}
.ff-catloop__card:hover { transform: translateY(-8px); box-shadow: var(--ff-shadow-lg); }
.ff-catloop__card:focus-visible { outline: 2px solid var(--ff-pink-deep); outline-offset: 3px; }
.ff-catloop__photo {
	position: absolute; inset: 0; background-size: cover; background-position: center;
	transition: transform .7s var(--ff-ease);
}
.ff-catloop__card:hover .ff-catloop__photo { transform: scale(1.08); }
.ff-catloop__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(43,34,38,.82), rgba(43,34,38,.08) 54%, rgba(43,34,38,0) 74%);
}
.ff-catloop__count {
	position: absolute; top: 14px; left: 14px; padding: 6px 13px; border-radius: var(--ff-r-pill);
	background: rgba(255,255,255,.94); color: var(--ff-plum);
	font: 800 9.5px var(--ff-sans); letter-spacing: .12em; text-transform: uppercase; box-shadow: var(--ff-shadow-sm);
}
.ff-catloop__cap {
	position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 7px;
	padding: 18px 19px 19px;
}
.ff-catloop__cap b { font: 500 23px/1.16 var(--ff-serif); color: #fff; }
.ff-catloop__go {
	display: inline-flex; align-items: center; gap: 7px;
	font: 700 10.5px var(--ff-sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.9);
}
.ff-catloop__go i { font-style: normal; transition: transform .3s var(--ff-ease); }
.ff-catloop__card:hover .ff-catloop__go i { transform: translateX(5px); }

/* ===================================================== Meilleures ventes

   Vraies cartes produit du thème (.ff-card, via shop.css) : prix, favori,
   badge « Best-seller » et ajout au panier fonctionnent comme en boutique.
   Desktop : grille 4 colonnes. Mobile : carrousel à défilement par accroche
   (scroll-snap), une carte bien lisible à la fois, dans la gouttière. */

.ff-cat-best { padding: clamp(44px, 5vw, 78px) var(--gut); background: var(--ff-bg); }
.ff-cat-best__head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 34px;
	flex-wrap: wrap; margin-bottom: clamp(22px, 2.6vw, 34px);
}
.ff-cat-best__kick {
	display: flex; align-items: center; gap: 12px;
	font: 700 11px var(--ff-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--ff-plum);
}
.ff-cat-best__t { margin: 12px 0 0; font: 500 clamp(26px, 3vw, 40px)/1.1 var(--ff-serif); color: var(--ff-ink); }
.ff-cat-best__lead { margin: 10px 0 0; max-width: 46ch; font: 400 15px/1.7 var(--ff-sans); color: var(--ff-ink-70); }
.ff-cat-best__grid {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px);
}
.ff-cat-best__cell { min-width: 0; display: flex; }
.ff-cat-best__cell > .ff-card { width: 100%; }

/* --- Onglets « par famille », 100 % CSS (radios cachés → onglet + panneau) --- */
/* Barre de filtres en boucle animée : la piste (deux jeux identiques) défile
   sans fin ; pause au survol, au focus, ou au toucher (classe .is-paused
   posée par categorie.js). Les onglets restent cliquables. */
.ff-cat-best__tabwrap {
	overflow: hidden; margin-bottom: clamp(22px, 2.6vw, 32px);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.ff-cat-best__track {
	display: flex; gap: 10px; width: max-content;
	animation: ff-tabloop 26s linear infinite; will-change: transform;
}
.ff-cat-best__tabs:hover .ff-cat-best__track,
.ff-cat-best__tabs:focus-within .ff-cat-best__track,
.ff-cat-best__track.is-paused { animation-play-state: paused; }
@keyframes ff-tabloop { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.ff-cat-best__tab {
	cursor: pointer; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 16px; border-radius: var(--ff-r-pill);
	border: 1px solid var(--ff-line-strong); background: var(--ff-surface); color: var(--ff-ink-70);
	font: 700 12px var(--ff-sans); white-space: nowrap;
	transition: color .25s, background .25s, border-color .25s;
}
.ff-cat-best__tab:hover { border-color: var(--ff-pink-mid); color: var(--ff-ink); }
.ff-cat-best__tab:focus-visible { outline: 2px solid var(--ff-pink-deep); outline-offset: 3px; }
.ff-cat-best__tab.is-active { background: var(--ff-plum); color: #fff; border-color: var(--ff-plum); }
.ff-cat-best__tabn {
	font: 700 10px var(--ff-sans); color: var(--ff-ink-55);
	background: var(--ff-veil); padding: 2px 7px; border-radius: var(--ff-r-pill);
	transition: color .25s, background .25s;
}
.ff-cat-best__tab.is-active .ff-cat-best__tabn { background: rgba(255,255,255,.22); color: #fff; }

.ff-cat-best__panel { display: none; }
.ff-cat-best__panel.is-active { display: block; }
.ff-cat-best__panelfoot { display: flex; justify-content: center; margin-top: clamp(22px, 2.6vw, 32px); }
.ff-cat-best__all {
	display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
	font: 700 11px var(--ff-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ff-pink-deep);
}
.ff-cat-best__all i { font-style: normal; transition: transform .3s var(--ff-ease); }
.ff-cat-best__all:hover i { transform: translateX(5px); }

@media (max-width: 1100px) { .ff-cat-best__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px)  { .ff-cat-best__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Mobile : le panneau devient un carrousel à défilement par accroche. */
@media (max-width: 620px) {
	.ff-cat-best__grid {
		display: flex; grid-template-columns: none; gap: 14px;
		overflow-x: auto; scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch; scrollbar-width: none;
		margin-right: calc(var(--gut) * -1); padding-right: var(--gut);
	}
	.ff-cat-best__grid::-webkit-scrollbar { display: none; }
	.ff-cat-best__cell { flex: 0 0 72%; scroll-snap-align: start; }
}

/* Mouvement réduit : pas de marquee — barre statique, on masque les clones. */
@media (prefers-reduced-motion: reduce) {
	.ff-cat-best__tabwrap { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	.ff-cat-best__track { animation: none; flex-wrap: wrap; }
	.ff-cat-best__tab[aria-hidden="true"] { display: none; }
}

/* ==================================================== Bandeau engagements */

.ff-cat-eng {
	padding: clamp(40px, 4.4vw, 62px) var(--gut);
	background:
		radial-gradient(80% 140% at 90% 0%, rgba(224,147,190,.22), transparent 60%),
		linear-gradient(135deg, var(--ff-plum-deep), var(--ff-plum));
}
.ff-cat-eng__grid {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 30px);
}
.ff-cat-eng__item {
	display: flex; flex-direction: column; gap: 10px; padding: 4px clamp(6px, 1vw, 14px);
	position: relative;
}
.ff-cat-eng__item + .ff-cat-eng__item::before {
	content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px;
	background: rgba(255,255,255,.16);
}
.ff-cat-eng__ico {
	width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
	background: rgba(255,255,255,.1); color: var(--ff-gold); margin-bottom: 4px;
	border: 1px solid rgba(255,255,255,.14);
}
.ff-cat-eng__ico svg { width: 24px; height: 24px; }
.ff-cat-eng__item b { font: 500 18px/1.25 var(--ff-serif); color: #fff; }
.ff-cat-eng__item span { font: 400 13.5px/1.6 var(--ff-sans); color: rgba(255,255,255,.72); }

/* ====================================================== Éditorial zig-zag */

.ff-cat-edito { padding: clamp(48px, 5.4vw, 88px) var(--gut); background: var(--ff-bg-soft); }
.ff-cat-edito__row {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
	gap: clamp(28px, 4vw, 66px); align-items: center;
}
.ff-cat-edito__row + .ff-cat-edito__row { margin-top: clamp(34px, 4.4vw, 72px); }
.ff-cat-edito__row--rev .ff-cat-edito__media { order: 2; }

.ff-cat-edito__media { position: relative; }
.ff-cat-edito__img {
	display: block; aspect-ratio: 4 / 3.3; border-radius: var(--ff-r-lg);
	background-size: cover; background-position: center; box-shadow: var(--ff-shadow-lg);
}
.ff-cat-edito__media::after {
	content: ''; position: absolute; inset: 0; border-radius: var(--ff-r-lg);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); pointer-events: none;
}
.ff-cat-edito__badge {
	position: absolute; top: -16px; left: -14px; width: 56px; height: 56px; border-radius: 50%;
	display: grid; place-items: center; background: var(--ff-surface); color: var(--ff-plum);
	font: italic 500 22px var(--ff-serif); box-shadow: var(--ff-shadow); border: 1px solid var(--ff-line);
}
.ff-cat-edito__row--rev .ff-cat-edito__badge { left: auto; right: -14px; }

.ff-cat-edito__body h2 { margin: 0 0 14px; font: 500 clamp(24px, 2.6vw, 34px)/1.15 var(--ff-serif); color: var(--ff-ink); }
.ff-cat-edito__body h3 {
	margin: 0 0 14px; font: 500 clamp(21px, 2.1vw, 28px)/1.18 var(--ff-serif); color: var(--ff-ink);
}
.ff-cat-edito__body p { margin: 0; max-width: 52ch; font: 400 15.5px/1.8 var(--ff-sans); color: var(--ff-ink-70); }
.ff-cat-edito__link {
	margin-top: 18px; display: inline-flex; align-items: center; gap: 8px;
	font: 700 11px var(--ff-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ff-pink-deep);
}
.ff-cat-edito__link i { font-style: normal; transition: transform .3s var(--ff-ease); }
.ff-cat-edito__link:hover i { transform: translateX(5px); }

/* =============================================================== FAQ */

.ff-cat-faq { padding: clamp(48px, 5.4vw, 88px) var(--gut); background: var(--ff-bg); }
.ff-cat-faq__wrap {
	display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.35fr);
	gap: clamp(28px, 3.6vw, 64px); align-items: start;
}
.ff-cat-faq__side { position: sticky; top: 96px; }
.ff-cat-faq__kick {
	display: flex; align-items: center; gap: 12px;
	font: 700 11px var(--ff-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--ff-plum);
}
.ff-cat-faq__t { margin: 12px 0 0; font: 500 clamp(25px, 2.7vw, 36px)/1.14 var(--ff-serif); color: var(--ff-ink); }
.ff-cat-faq__lead { margin: 16px 0 24px; font: 400 15px/1.75 var(--ff-sans); color: var(--ff-ink-70); }

.ff-cat-faq__list { min-width: 0; }
.ff-catfaq__item {
	border: 1px solid var(--ff-line); border-radius: 16px; background: var(--ff-surface);
	margin-bottom: 12px; overflow: hidden; transition: box-shadow .3s var(--ff-ease), border-color .3s;
}
.ff-catfaq__item.is-open { box-shadow: var(--ff-shadow); border-color: var(--ff-line-strong); }
.ff-catfaq__item > button {
	width: 100%; display: flex; align-items: center; gap: 14px; padding: 18px 20px;
	border: none; background: none; cursor: pointer; text-align: left;
}
.ff-catfaq__item .ffh-faq__num { flex: none; font: italic 500 15px var(--ff-serif); color: var(--ff-pink-mid); }
.ff-catfaq__item .ffh-faq__q { flex: 1; font: 500 16.5px/1.35 var(--ff-serif); color: var(--ff-ink); }
.ff-catfaq__item .ffh-faq__ico {
	flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
	background: var(--ff-veil); color: var(--ff-plum); transition: transform .35s var(--ff-ease), background .3s;
}
.ff-catfaq__item.is-open .ffh-faq__ico { transform: rotate(45deg); background: var(--ff-pink); color: var(--ff-ink-deep); }
.ff-catfaq__item .ffh-faq__body {
	display: grid; grid-template-rows: 0fr; transition: grid-template-rows .38s var(--ff-ease); padding: 0 20px;
}
.ff-catfaq__item.is-open .ffh-faq__body { grid-template-rows: 1fr; padding-bottom: 19px; }
.ff-catfaq__item .ffh-faq__body > div { overflow: hidden; }
.ff-catfaq__item .ffh-faq__body div { font: 400 14.5px/1.75 var(--ff-sans); color: var(--ff-ink-70); }
.ff-catfaq__item .ffh-faq__body div > * { margin: 0; }

/* ========================================================= Appel final */

.ff-cat-cta {
	position: relative; overflow: clip; padding: clamp(54px, 6vw, 96px) var(--gut);
	background:
		radial-gradient(70% 130% at 12% 0%, rgba(224,147,190,.3), transparent 55%),
		radial-gradient(60% 120% at 92% 100%, rgba(232,193,130,.18), transparent 60%),
		linear-gradient(160deg, var(--ff-bg-deep), var(--ff-bg));
}
.ff-cat-cta__inner { text-align: center; max-width: 720px; }
.ff-cat-cta { display: flex; }
.ff-cat-cta__inner { margin: 0 auto; }
.ff-cat-cta__kick { margin: 0; font: 600 24px var(--ff-script); color: var(--ff-pink-deep); }
.ff-cat-cta__t { margin: 8px 0 0; font: 500 clamp(28px, 3.4vw, 46px)/1.1 var(--ff-serif); color: var(--ff-ink); }
.ff-cat-cta__sub { margin: 16px auto 26px; max-width: 46ch; font: 400 15.5px/1.7 var(--ff-sans); color: var(--ff-ink-70); }

/* =========================================================== Responsive */

@media (max-width: 1000px) {
	.ff-cat-hero__inner { grid-template-columns: 1fr; }
	.ff-cat-hero__collage { height: clamp(300px, 52vw, 420px); grid-template-columns: repeat(3, 1fr); }
	.ff-cat-faq__wrap { grid-template-columns: 1fr; }
	.ff-cat-faq__side { position: static; }
}
@media (max-width: 860px) {
	.ff-cat-eng__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
	.ff-cat-eng__item:nth-child(odd)::before { display: none; }
	.ff-cat-edito__row, .ff-cat-edito__row--rev { grid-template-columns: 1fr; gap: 22px; }
	.ff-cat-edito__row--rev .ff-cat-edito__media { order: 0; }
	.ff-cat-edito__badge, .ff-cat-edito__row--rev .ff-cat-edito__badge { left: -10px; right: auto; top: -14px; }
}
@media (max-width: 620px) {
	.ff-cat-hero__collage { grid-template-columns: repeat(2, 1fr); height: clamp(280px, 74vw, 380px); }
	.ff-cat-hero__collage .ff-cat-hero__col:last-child { display: none; }
	.ff-catloop__card { width: clamp(168px, 60vw, 220px); }
	.ff-catloop__cap b { font-size: 19px; }
	.ff-cat-hero__stats dt { font-size: 27px; }
}
@media (max-width: 480px) {
	.ff-cat-eng__grid { grid-template-columns: 1fr; gap: 16px; }
	.ff-cat-eng__item::before { display: none !important; }
	.ff-cat-eng__item { flex-direction: row; align-items: flex-start; gap: 14px; }
	.ff-cat-eng__ico { flex: none; }
	.ff-cat-eng__item > b, .ff-cat-eng__item > span { }
}

/* Accessibilité : pas de mouvement → animations coupées, ruban défilable. */
@media (prefers-reduced-motion: reduce) {
	.ff-cat-hero__col { animation: none; }
	.ff-catloop { overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-mask-image: none; mask-image: none; }
	.ff-catloop__track { animation: none; }
	.ff-catloop__card[aria-hidden="true"] { display: none; }
}