/**
 * Realted products
 */
 
.mm-related-products {
  margin: 0 0 32px 0;
  width: 100%;
}

.mm-related-products .mm-products-title {
	display: block;
	font-size: 17px;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
  margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.35;
	position: relative;
	text-align: left;
	color: var(--td_text_header_color, #000);
}

.mm-related-products .mm-products-title:before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #f5f5f5;
}

.mm-related-products .mm-products-title:after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	top: 100%;
	left: 0;
	margin: auto;
	background-color: var(--td_header_color, var(--td_theme_color, #000));
}

.mm-product-container {
  display: flex;
  flex-direction: column;
}

.mm-related-products .mm-products-container > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 1018px) {
  .mm-related-products .mm-products-container > div {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .mm-related-products .mm-products-container > div {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}

.mm-product > a {
  display: flex;
  height: 100%;
  width: 100%;
}

.mm-product .mm-product-container {
  display: flex;
  height: 100%;
  width: 100%;
}

.mm-product .mm-product-container .mm-product-info {
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

.mm-product .mm-product-container > .mm-product-image {
  display: block;
  height: 120px;
  width: auto;
  border-radius: 6px;
  margin-bottom: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .mm-product .mm-product-container > .mm-product-image {
    height: auto;
    min-height: 180px;
    width: 100%;
  }
}

.mm-product .mm-product-container .mm-product-info > span {
  display: block;
  flex: 2 1 auto;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.32;
  letter-spacing: -0.2px;
  margin: 0;
  color: var(--td_text_header_color, #000);
  margin-bottom: 8px;
}

.mm-product .mm-product-container .mm-product-info > p {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.32;
  letter-spacing: -0.2px;
  margin: 0;
  color: #6a6a6a;
  margin-bottom: 0px;
}