.topski-wpgb-linked-products {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	gap: 4px;
	margin-bottom: 1rem !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.topski-wpgb-linked-products-item {
	display: block;
	flex: 1 1 0;
	min-width: 35px;
	max-width: 45px;
	aspect-ratio: 1 / 1;
	border: 0.125em solid rgb(221, 221, 221);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Plain [hidden] attribute doesn't work here since it's overridden by the explicit "display: block"
   rule above (author CSS always beats the UA default [hidden] rule) - use a dedicated class instead. */
.topski-wpgb-linked-products-item.is-hidden {
	display: none;
}

.topski-wpgb-linked-products-more {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 25px;
	aspect-ratio: 1 / 1;
	border: 0.125em solid rgb(221, 221, 221) !important;
	font-size: 0.9em !important;
}