#vetement-container,
#accessoire-container { transition: all 0.3s ease-in-out }

#vetement-container img,
#accessoire-container img {
	object-fit: cover;
	aspect-ratio: 3/4;
}

.paginate-vetement,
.paginate-accessoire { cursor: pointer }

.dataTables_processing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: #ffffff;
    color: #0058ff;
	line-height: 60px;
}

.text-center.mt-3.mb-3 {
	display: inline-block;
	padding: 5px 10px;
	user-select: none;
}

.text-center.mt-3.mb-3 .btn {
	font-size: 1rem;
	padding: 0.35rem 0.7rem;
	min-width: 38px;
	border-radius: 0.3rem;
	transition: all 0.3s ease;
}

.text-center.mt-3.mb-3 span.mx-2 {
	font-weight: bold;
	font-size: 1.2rem;
	vertical-align: middle;
	user-select: none;
}

@media (max-width: 767px) {
    .first-render .article:nth-child(n+8) { display: none !important }
}

@media (max-width: 575.98px) {
	.text-center.mt-3.mb-3 { padding: 3px 5px }

	.text-center.mt-3.mb-3 .btn {
		font-size: 0.8rem;
		padding: 0.25rem 0.5rem;
		min-width: 30px;
		margin: 0 2px;
	}

	.text-center.mt-3.mb-3 span.mx-2 {
		font-size: 1rem;
		margin: 0 5px;
	}
}