.featured-recommend-products {
  background-color: rgb(var(--color-background));
}

@media (min-width: 960px) {
  .featured-recommend-products__group {
    overflow: hidden;
  }
}

.featured-recommend-products__list {
  width: 100%;
}

.featured-recommend-products__image-wrapper {
  position: relative;
  overflow: hidden;
}

.featured-recommend-products__image-wrapper--show-line::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: block;
  width: 90%;
  height: 95%;
  content: "";
  border-block-end: 1px solid #fff;
  border-inline-start: 1px solid #fff;
}

.featured-recommend-products__image,
.featured-recommend-products__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--image-object-fit);
}

.featured-recommend-products__image-placeholder {
  background-color: rgb(var(--color-image-background));
}

/* Keep the dark feature as one surface, without a second black copy rectangle. */
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .featured-recommend-products__group {
  min-width: 0;
}
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .featured-recommend-products__group > .block-group {
  min-width: 0;
  max-width: 64ch;
  padding: 8px 0 8px 32px;
  background: transparent;
  border: 0;
  border-inline-start: 1px solid rgb(255 255 255 / 20%);
  border-radius: 0;
  box-shadow: none;
  row-gap: 20px;
}
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .block-description {
  color: #d5dcd5;
  font-size: 16px;
  line-height: 1.75;
}
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .block-heading { color: #fff; }
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .button:not(.button--icon):not(.button--link):not(.button--text) {
  --color-button-text: 32,40,32;
  --color-button-background: 238,242,233;
  color: #202820;
  background: #eef2e9;
}
body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .button.loading:not(.button--icon):not(.button--link):not(.button--text) { color: transparent; }
@media (min-width: 960px) {
  body.jj-neutral-ui .featured-recommend-products.color-scheme-3 > .page-width > div {
    align-items: center;
    column-gap: clamp(32px, 5vw, 72px);
    padding-block: 80px;
  }
}
@media (max-width: 959px) {
  body.jj-neutral-ui .featured-recommend-products.color-scheme-3 .featured-recommend-products__group > .block-group {
    max-width: 100%;
    padding: 24px 0 0;
    border-inline-start: 0;
    border-block-start: 1px solid rgb(255 255 255 / 20%);
    row-gap: 18px;
  }
}