/** Shopify CDN: Minification failed

Line 93:0 Comments in CSS use "/* ... */" instead of "//"
Line 94:0 Comments in CSS use "/* ... */" instead of "//"
Line 95:0 Comments in CSS use "/* ... */" instead of "//"
Line 95:23 Unexpected "{"
Line 95:33 Expected ":"
Line 96:0 Comments in CSS use "/* ... */" instead of "//"
Line 96:12 Unexpected "{"
Line 96:22 Expected ":"
Line 97:0 Comments in CSS use "/* ... */" instead of "//"
Line 98:0 Comments in CSS use "/* ... */" instead of "//"

**/
.related-products {
  padding: 10 px;
  clear: both;
}

.related-product-name {
  text-size: large;
}

.related-product-name:hover {
  font-weight: 500;
  transition-duration: 0.5;
}

.related-product-list {
  margin-top: 15px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  text-align: center;
}

.related-product {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 3px;
  max-width: 175px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .related-product {
    max-width: 21vh;
  }
}

.related-product-image {
  height: 175px;
  width: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .related-product-image {
    max-width: 21vh;
  }
}

.related-product-image img {
  max-width: 100%;
  max-height: 100%;
}

.related-product-price {
  color: $color-body-text;
  text-align: left;
}

.related-product-compare-at-price {
  color: $color-body-text;
  text-decoration: line-through;
  text-align: left;
}

.related-products-whole {
  padding: 100px 80px 0px 80px;
}

@media screen and (max-width: 1024px) {
  .related-products-whole {
    padding: 40px 30px 0px 30px;
    margin-left:auto;
    margin-right:auto;
  }
}
//a::before {
//  content: "SALE";
//  background-color: {{ settings.product_card_badge_sale_color }};
//  color: {{ settings.product_card_badge_sale_text_color }};
//  font-weight: 700;
//}