/* "Shop by type" links on brand pages and brand × category pages. */
.mdo-type-links {
	margin: 0 0 1.5em;
}

.mdo-type-links__label {
	display: block;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	opacity: 0.7;
}

.mdo-type-links__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mdo-type-links__list li {
	margin: 0 !important;
}

.mdo-type-links__link {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.45em 0.9em;
	border: 1px solid #ccc;
	border-radius: 999px;
	color: inherit;
	font-size: 0.9em;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color 0.15s, background-color 0.15s;
}

.mdo-type-links__link:hover,
.mdo-type-links__link:focus-visible {
	border-color: currentColor;
}

.mdo-type-links__link.is-featured,
.mdo-type-links__link.is-current {
	border-color: #111;
	background: #111;
	color: #fff;
}

.mdo-type-links__count {
	font-size: 0.85em;
	opacity: 0.6;
}

/* On phones, one swipeable row keeps the products above the fold. */
@media (max-width: 549px) {
	.mdo-type-links__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 0.25em;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
}

.mdo-more-link {
	display: block;
}

.mdo-collection__header {
	margin: 1em 0;
}

.mdo-collection__outro {
	margin-bottom: 2em;
}

/* Flatsome's .entry-content adds 1.5em below; the sections and columns already space things. */
.mdo-collection .entry-content {
	padding-bottom: 0;
}

/* Keep plain copy readable; UX Builder sections and rows still span the full width. */
.mdo-collection__intro > :is(p, h2, h3, h4, ul, ol, blockquote),
.mdo-collection__outro > :is(p, h2, h3, h4, ul, ol, blockquote) {
	max-width: 50em;
}

.mdo-collection .mdo-collection__header-col,
.mdo-collection .mdo-collection__intro-col {
	padding-bottom: 0;
}

.mdo-collection__intro-col .mdo-collection__intro {
	padding-top: 0;
}

/* Flatsome pads sections inside a row 30px on every side (.row .section); drop the sides so
   UX Builder layouts line up with the heading and the product grid. */
.mdo-collection .mdo-collection__intro > .section {
	padding-left: 0;
	padding-right: 0;
}

.mdo-collection__products-heading {
	margin: 1.5em 0 1em;
}