.mounts-filters {
	position: relative;
	background: #e5d0aa;
	border: 1px solid #e5d0aa;
	border-radius: 10px;
	padding: 0px 110px 12px 16px;
	margin-bottom: 10px;
}
.mount-group {
	margin-top: 12px;
}
.mount-filter {
	font-size: 13px;
	font-weight: 600;
	color: #3b3b3b;
	margin-bottom: 6px;
}
.mount-choice {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mount-btn {
	display: inline-flex;
	align-items: center;
	border: 1px solid #d6c6a5;
	background: #fff6e4;
	padding: 6px 10px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	color: #5c4b2d;
	transition: all 0.15s ease;
}
.mount-btn:hover {
	background: #f3e3c1;
}
.mount-btn.mnt-active {
	background: #7d634c;
	color: #eee;
	border-color: #5a4635;
}
.mount-btn[data-type="bonus"]:not([data-filter="all"]) {
	gap: 6px;
}
.mount-btn[data-type="bonus"]:not([data-filter="all"])::before {
	content: "";
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#mount-search {
	width: 100%;
	border: 1px solid #d6c6a5;
	background: #fff6e4;
	padding: 7px 10px;
	border-radius: 6px;
	font-size: 14px;
	color: #5c4b2d;
	outline: none;
	box-sizing: border-box;
}
#mount-search:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(49, 48, 46, 0.8);
}
#mount-reset {
	position: absolute;
	right: 12px;
	bottom: 15px;
	background: #dc3545;
	color: white;
	border: none;
	padding: 6px 12px;
	border-radius: 6px;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}
#mount-reset.visible {
	opacity: 1;
	pointer-events: auto;
}
.mounts-infos {
	font-size: 14px;
	color: #3b3b3b;
	margin-bottom: 20px;
	text-align: right;
}
.mount-btn[data-filter="vita"]::before { background-image: url("/tools-assets/mounts/icons/vitalite.png"); }
.mount-btn[data-filter="ini"]::before { background-image: url("/tools-assets/mounts/icons/initiative.png"); }
.mount-btn[data-filter="invo"]::before { background-image: url("/tools-assets/mounts/icons/invocations.png"); }
.mount-btn[data-filter="so"]::before { background-image: url("/tools-assets/mounts/icons/soins.png"); }
.mount-btn[data-filter="age"]::before { background-image: url("/tools-assets/mounts/icons/agilite.png"); }
.mount-btn[data-filter="cha"]::before { background-image: url("/tools-assets/mounts/icons/chance.png"); }
.mount-btn[data-filter="fo"]::before { background-image: url("/tools-assets/mounts/icons/force.png"); }
.mount-btn[data-filter="ine"]::before { background-image: url("/tools-assets/mounts/icons/intelligence.png"); }
.mount-btn[data-filter="pui"]::before { background-image: url("/tools-assets/mounts/icons/puissance.png"); }
.mount-btn[data-filter="prospe"]::before { background-image: url("/tools-assets/mounts/icons/prospection.png"); }
.mount-btn[data-filter="cri"]::before { background-image: url("/tools-assets/mounts/icons/critique.png"); }
.mount-btn[data-filter="po"]::before { background-image: url("/tools-assets/mounts/icons/portee.png"); }
.mount-btn[data-filter="res"]::before { background-image: url("/tools-assets/mounts/icons/resistance.png"); }
.mount-btn[data-filter="renvoi"]::before { background-image: url("/tools-assets/mounts/icons/renvoi.png"); }
.mount-btn[data-filter="pm"]::before { background-image: url("/tools-assets/mounts/icons/pm.png"); }
.mount-btn[data-filter="perair"]::before { background-image: url("/tools-assets/mounts/icons/perair.png"); }
.mount-btn[data-filter="pereau"]::before { background-image: url("/tools-assets/mounts/icons/pereau.png"); }
.mount-btn[data-filter="perterre"]::before { background-image: url("/tools-assets/mounts/icons/perterre.png"); }
.mount-btn[data-filter="perfeu"]::before { background-image: url("/tools-assets/mounts/icons/perfeu.png"); }
.mount-btn[data-filter="docri"]::before { background-image: url("/tools-assets/mounts/icons/docri.png"); }
.mount-btn[data-filter="doair"]::before { background-image: url("/tools-assets/mounts/icons/agilite.png"); }
.mount-btn[data-filter="doeau"]::before { background-image: url("/tools-assets/mounts/icons/chance.png"); }
.mount-btn[data-filter="doterre"]::before { background-image: url("/tools-assets/mounts/icons/force.png"); }
.mount-btn[data-filter="dofeu"]::before { background-image: url("/tools-assets/mounts/icons/intelligence.png"); }
.mount-btn[data-filter="tac"]::before { background-image: url("/tools-assets/mounts/icons/tacle.png"); }
.mount-btn[data-filter="fui"]::before { background-image: url("/tools-assets/mounts/icons/fuite.png"); }
.mount-btn[data-filter="repa"]::before { background-image: url("/tools-assets/mounts/icons/esquive-pa.png"); }
.mount-btn[data-filter="repm"]::before { background-image: url("/tools-assets/mounts/icons/esquive-pm.png"); }
.mount-btn[data-filter="pa"]::before { background-image: url("/tools-assets/mounts/icons/pa.png"); }
.mount-btn[data-filter="retpa"]::before { background-image: url("/tools-assets/mounts/icons/retrait-pa.png"); }
.mount-btn[data-filter="retpm"]::before { background-image: url("/tools-assets/mounts/icons/retrait-pm.png"); }
.mount-btn[data-filter="dopou"]::before { background-image: url("/tools-assets/mounts/icons/dommages-poussee.png"); }
.mount-btn[data-filter="repou"]::before { background-image: url("/tools-assets/mounts/icons/resistances-poussee.png"); }
.mount-btn[data-filter="recri"]::before { background-image: url("/tools-assets/mounts/icons/resistances-critiques.png"); }

@media (max-width: 600px) {
	.mounts-filters {
		padding: 0px 16px 12px 16px;
	}
	#mount-reset {
		position: static;
		margin-top: 10px;
		width: 100%;
	}
}
.mount-gen {
	margin-bottom: 8px;
	padding: 10px;
	border-radius: 10px;
}
.mounts-container {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}
.mount-card {
	max-width: 190px;
	width: 180px;
	border-radius: 8px;
	padding: 12px;
	background: rgba(242, 238, 226, 0.75);
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.mount-img {
	position: relative;
}
.gen-badge {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 10px;
	padding: 0px 6px;
	border-radius: 4px;
	color: #fff;
}
.mount-card img {
	width: 100%;
	height: 70px;
	object-fit: contain;
	margin-bottom: 8px;
}
.mount-name {
	font-size: 15px;
	margin: 2px 0 2px;
	color: #3b3b3b;
	font-weight: bold;
	font-family: nunito;
}
.bonus-list {
	list-style: disc inside;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.bonus-list li {
	font-size: 14px;
	position: relative;
}
.mount-breeding {
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px solid #b2b2b2;
	font-size: 13px;
	color: #555;
	text-align: center;
}
.mount-breeding img {
	height: 30px;
}
.mount-breeding .extra-breed {
	display: none;
}
.mount-breeding.expanded-more .extra-breed {
	display: inline;
}
.breeding-full {
	display: block;
	color: #da4444;
	cursor: pointer;
	font-size: 12px;
}
.generation-1 { background: rgba(79, 108, 255, 0.10); }
.generation-2 { background: rgba(47, 191, 113, 0.10); }
.generation-3 { background: rgba(255, 159, 67, 0.10); }
.generation-4 { background: rgba(214, 51, 132, 0.10); }
.generation-5 { background: rgba(0, 168, 232, 0.10); }
.generation-6 { background: rgba(111, 66, 193, 0.10); }
.generation-7 { background: rgba(255, 193, 7, 0.10); }
.generation-8 { background: rgba(32, 201, 151, 0.10); }
.generation-9 { background: rgba(220, 53, 69, 0.10); }
.generation-10 { background: rgba(108, 117, 125, 0.10); }
.generation-11 { background: rgba(30, 30, 30, 0.2); }
.gen-1 { background: rgb(79, 108, 255); }
.gen-2 { background: rgb(47, 191, 113); }
.gen-3 { background: rgb(255, 159, 67); }
.gen-4 { background: rgb(214, 51, 132); }
.gen-5 { background: rgb(0, 168, 232); }
.gen-6 { background: rgb(111, 66, 193); }
.gen-7 { background: rgb(255, 193, 7); color: #3b3b3b !important; }
.gen-8 { background: rgb(32, 201, 151); }
.gen-9 { background: rgb(220, 53, 69); }
.gen-10 { background: rgb(108, 117, 125); }
.hr-genetique {
	border: none;
	height: 1px;
	background: #bdbdbd;
	width: 60%;
	margin: 0 auto;
}