/* R108 — full desktop hairline + two new licensed service photos + deterministic Arabic CTA bidi.
 * User review of R107 showed the portrait crop still removed the top of the hair,
 * Kinderzahnheilkunde/Zahnerhaltung needed new imagery, and the Arabic CTA label
 * inside service cards was visually reversed. This layer only overrides those points.
 */

/* Desktop hero: preserve the complete hairline. The source image already contains
 * the full head; aligning the cover crop to the top removes only lower-torso pixels. */
@media (min-width: 961px) {
  body.home .r90-hero__slide.r106-hero__slide--doctor > .r106-hero-doctor__portrait > img,
  body.home .r90-hero__slide.r106-hero__slide--doctor:first-child img {
    object-position: 50% 0% !important;
  }
}

/* New R108 imagery focal points.
 * Card 5: horizontal restorative model / filling detail.
 * Card 6: portrait child brushing teeth; bias upward so face + toothbrush stay visible. */
body.home .r106-services .service-card:nth-child(5) > img {
  object-position: 50% 50% !important;
}
body.home .r106-services .service-card:nth-child(6) > img {
  object-position: 50% 25% !important;
}

/* Arabic service CTA: isolate the Arabic label from flexbox/arrow direction.
 * Parent stays LTR for deterministic flex layout; row-reverse puts the Arabic label
 * on the right and the mirrored arrow on the left. */
html[dir="rtl"] body.home .r106-services .card-copy button {
  direction: ltr !important;
  flex-direction: row-reverse !important;
  text-align: right !important;
}
html[dir="rtl"] body.home .r106-services .card-copy button .r108-service-cta-ar {
  display: block !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[dir="rtl"] body.home .r106-services .card-copy button > b {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  transform: scaleX(-1) !important;
  flex: 0 0 auto !important;
}
