.featured-recommend-products {
  display: flex;
  background-color: rgba(var(--color-background));
  color: rgba(var(--color-text));
}
.featured-recommend-products .featured-recommend-products__body {
  display: flex;
  min-height: 480px;
}
.featured-recommend-products__image {
  width: 25%;
  box-sizing: border-box;
  align-items: center;
}
.featured-recommend-products__image .main {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.featured-recommend-products__image .main img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline;
  object-fit: cover;
}
.featured-recommend-products__image .default-image {
  height: 200%;
  background-color: rgb(var(--color-image-background));
  width: 200%;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
.featured-recommend-products__image .line {
  display: block;
  width: 90%;
  height: 95%;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  border-block-end: 1px solid rgba(255, 255, 255, 0.8);
  border-inline-start: 1px solid rgba(255, 255, 255, 0.8);
}
.featured-recommend-products__products-list {
  flex: 1;
  padding-inline-start: 40px;
}
.featured-recommend-products__heading {
  margin-block-end: 16px;
}
.featured-recommend-products__heading h2 {
  color: rgba(var(--color-text));
}
.featured-recommend-products__heading p {
  color: rgba(var(--color-light-text));
}
@media screen and (max-width: 959px) {
  .featured-recommend-products__products-list {
    padding-inline-start: 0;
    width: 100%;
  }
  .featured-recommend-products__mobile--image {
    line-height: 0;
    margin-block-start: 20px;
    margin-block-end: calc(var(--grid-vertical-spacing) / 2);
  }
  .featured-recommend-products__mobile--image img {
    width: 100%;
    height: 100%;
    object-fit: var(--featured-recommend-products-product-image-style);
  }
  .featured-recommend-products__mobile--image .default-image {
    height: 100%;
    background-color: rgb(var(--color-image-background));
    width: 100%;
  }
}
html[dir="rtl"] .featured-recommend-products__image .default-image {
  transform: translate(50%, -50%);
}