/* Match the chapter and nested copy widths, as approved for Minisklad. */
@media (min-width: 1024px) {
  body[data-case-slug="schaeferfliesen"] .case-constructor-page .content-bottom > .content-marketing:not(.numbered) > .content {
    padding-right: 0;
  }
}

/* Keep the site walkthrough within the same responsive frame as screenshots. */
body[data-case-slug="schaeferfliesen"] .chart-swiper__chart > video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* Reserve lazy media height before it loads, so chapter anchors stay stable. */
body[data-case-slug="schaeferfliesen"] .chart-swiper__chart > img {
  aspect-ratio: 9 / 5;
}
body[data-case-slug="schaeferfliesen"] img[src$="/reviews.webp"] {
  aspect-ratio: 925 / 563;
}
body[data-case-slug="schaeferfliesen"] img[src$="/prototype.webp"] {
  aspect-ratio: 886 / 505;
}
body[data-case-slug="schaeferfliesen"] img[src$="/responsive.webp"] {
  aspect-ratio: 928 / 560;
}

/* Crop only the wide source image inside the standard review avatar. */
body[data-case-slug="schaeferfliesen"] .case-constructor-page .case-review .quote-block .quote-header .avatar--logo {
  object-fit: cover;
  background: #292929;
}