/* R106 — responsive truthful hero + localized/readable service cards.
 * Desktop hero uses the untouched practice-supplied portrait beside a clearly graphic brand panel.
 * Mobile hero shows the portrait source without vertical cropping. No synthetic wall/photo compositing.
 * Service labels are rendered per-language in PHP and protected from the legacy text translator.
 */

/* ===== HERO: deliberate editorial split, no fake photographic extension ===== */
body.home .r90-hero__media{
  background:#edf1ef!important;
}
body.home .r90-hero__slide.r106-hero__slide--doctor{
  display:grid!important;
  grid-template-columns:minmax(0,32%) minmax(0,68%)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#f1f2ef!important;
}
body.home .r106-hero__slide--doctor::before,
body.home .r106-hero__slide--doctor::after,
body.home .r106-hero-doctor__portrait::after{
  content:none!important;
  display:none!important;
}
body.home .r106-hero-doctor__brand{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  min-width:0!important;
  height:100%!important;
  padding:clamp(28px,3vw,48px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 15% 14%,rgba(230,183,93,.13) 0 2px,transparent 3px),
    radial-gradient(circle at 86% 78%,rgba(255,255,255,.055) 0 1px,transparent 2px),
    linear-gradient(147deg,#082b49 0%,#0b3659 56%,#0b2945 100%)!important;
  color:#fff!important;
  box-shadow:inset -1px 0 0 rgba(231,187,99,.34)!important;
}
body.home .r106-hero-doctor__brand::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:240px!important;
  height:240px!important;
  left:-122px!important;
  top:-104px!important;
  border:1px solid rgba(227,181,88,.18)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.012)!important;
  pointer-events:none!important;
}
body.home .r106-hero-doctor__brand::after{
  content:"KA"!important;
  display:block!important;
  position:absolute!important;
  right:-12px!important;
  top:38px!important;
  color:rgba(255,255,255,.035)!important;
  font:400 clamp(76px,7vw,126px)/1 "DM Serif Display",Georgia,serif!important;
  letter-spacing:-.08em!important;
  pointer-events:none!important;
}
body.home .r106-hero-doctor__brand-name{
  position:relative!important;
  z-index:2!important;
  max-width:220px!important;
  color:#fff!important;
  font:400 clamp(25px,2vw,35px)/1.07 "DM Serif Display",Georgia,serif!important;
  letter-spacing:-.026em!important;
  text-shadow:0 2px 16px rgba(0,0,0,.16)!important;
}
body.home .r106-hero-doctor__brand-name b{
  display:inline!important;
  color:#e8bd68!important;
  font:800 11px/1 "Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:.02em!important;
}
body.home .r106-hero-doctor__brand>i{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:72px!important;
  height:1px!important;
  margin:18px 0 14px!important;
  background:linear-gradient(90deg,#e7b85c,rgba(231,184,92,.14))!important;
}
body.home .r106-hero-doctor__brand>small{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  color:#dbe7ef!important;
  font:750 9px/1.55 "Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body.home .r106-hero-doctor__portrait{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:#ecefed!important;
}
body.home .r90-hero__slide.r106-hero__slide--doctor>.r106-hero-doctor__portrait>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:50% 48%!important;
  transform:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html[dir="rtl"] body.home .r106-hero-doctor__brand{
  align-items:flex-end!important;
  text-align:right!important;
}
html[dir="rtl"] body.home .r106-hero-doctor__brand>small{
  font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:12px!important;
  line-height:1.65!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] body.home .r106-hero-doctor__brand>i{
  background:linear-gradient(270deg,#e7b85c,rgba(231,184,92,.14))!important;
}

/* ===== SERVICES: readability first, consistently premium across all photos ===== */
body.home .r106-services .service-card{
  border:1px solid rgba(8,43,73,.11)!important;
  background:#0a2c4a!important;
  box-shadow:0 16px 42px rgba(5,35,58,.105)!important;
}
body.home .r106-services .service-card>img{
  z-index:0!important;
  object-fit:cover!important;
  filter:saturate(.78) contrast(1.025) brightness(.94)!important;
  transform:scale(1.002)!important;
}
body.home .r106-services .service-card:hover>img{
  transform:scale(1.022)!important;
  filter:saturate(.84) contrast(1.035) brightness(.955)!important;
}
body.home .r106-services .service-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(3,25,45,.08) 0%,rgba(3,25,45,.02) 31%,rgba(3,25,45,.28) 56%,rgba(3,24,45,.86) 78%,rgba(2,22,41,.97) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
body.home .r106-services .service-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:1!important;
  width:100%!important;
  height:52%!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(2,23,43,0),rgba(2,23,43,.40) 28%,rgba(2,23,43,.94) 100%)!important;
}
body.home .r106-services .card-copy{
  z-index:4!important;
  inset:auto 26px 22px!important;
  color:#fff!important;
}
body.home .r106-services .card-copy small{
  display:block!important;
  margin:0 0 7px!important;
  color:#f1ca73!important;
  font:800 9px/1.35 "Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 10px rgba(0,0,0,.40)!important;
}
body.home .r106-services .card-copy h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font:400 clamp(27px,2vw,34px)/1.04 "DM Serif Display",Georgia,serif!important;
  letter-spacing:-.015em!important;
  text-wrap:balance!important;
  text-shadow:0 2px 16px rgba(0,0,0,.42)!important;
}
body.home .r106-services .card-copy button{
  width:100%!important;
  min-height:37px!important;
  margin-top:0!important;
  padding:11px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.40)!important;
  background:transparent!important;
  color:#fff!important;
  font:800 9px/1.25 "Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 10px rgba(0,0,0,.30)!important;
}
body.home .r106-services .card-copy button b{
  color:#f0c66c!important;
  font-size:14px!important;
}

/* Keep each photo's key subject inside the crop. */
body.home .r106-services .service-card:nth-child(1)>img{object-position:50% 50%!important}
body.home .r106-services .service-card:nth-child(2)>img{object-position:50% 52%!important}
body.home .r106-services .service-card:nth-child(3)>img{object-position:50% 40%!important}
body.home .r106-services .service-card:nth-child(4)>img{object-position:50% 48%!important}
body.home .r106-services .service-card:nth-child(5)>img{object-position:50% 45%!important}
body.home .r106-services .service-card:nth-child(6)>img{object-position:50% 44%!important}

/* Arabic service typography: readable, non-Latin spacing, no accidental uppercase styles. */
html[dir="rtl"] body.home .r106-services .section-top{
  text-align:right!important;
}
html[dir="rtl"] body.home .r106-services .section-top h2{
  font-family:"Noto Kufi Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:clamp(40px,4vw,58px)!important;
  line-height:1.38!important;
  letter-spacing:0!important;
}
html[dir="rtl"] body.home .r106-services .section-top h2 em{
  font-family:inherit!important;
  font-style:normal!important;
}
html[dir="rtl"] body.home .r106-services .section-top>p{
  font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:16px!important;
  line-height:1.95!important;
}
html[dir="rtl"] body.home .r106-services .card-copy{
  text-align:right!important;
  direction:rtl!important;
}
html[dir="rtl"] body.home .r106-services .card-copy small{
  font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:12px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] body.home .r106-services .card-copy h3{
  font-family:"Noto Kufi Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:clamp(22px,1.75vw,29px)!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
html[dir="rtl"] body.home .r106-services .card-copy button{
  direction:rtl!important;
  font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] body.home .r106-services .card-copy button b{
  transform:scaleX(-1)!important;
}

@media(max-width:1180px){
  body.home .r90-hero__slide.r106-hero__slide--doctor{grid-template-columns:minmax(0,29%) minmax(0,71%)!important}
  body.home .r106-hero-doctor__brand{padding:30px!important}
  body.home .r106-hero-doctor__brand-name{font-size:27px!important}
}

/* Mobile/tablet: the portrait itself fills the hero. No split and no crop of the source height. */
@media(max-width:960px){
  body.home .r90-hero__slide.r106-hero__slide--doctor{
    display:block!important;
    background:#eef0ed!important;
  }
  body.home .r106-hero-doctor__brand{display:none!important}
  body.home .r106-hero-doctor__portrait{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:#eef0ed!important;
  }
  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{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  /* A controlled white veil under the copy; the photo remains untouched below it. */
  body.home .r90-hero__media::after{
    z-index:4!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.94) 35%,rgba(255,255,255,.66) 49%,rgba(255,255,255,.10) 66%,rgba(255,255,255,0) 78%)!important;
  }
  html[dir="rtl"] body.home .r90-hero__media::after{
    background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.94) 35%,rgba(255,255,255,.66) 49%,rgba(255,255,255,.10) 66%,rgba(255,255,255,0) 78%)!important;
  }
  body.home .r90-hero__copy{z-index:6!important}
  body.home .r90-hero__controls{z-index:7!important}

  html[dir="rtl"] body.home .r106-services .section-top h2{
    font-size:clamp(36px,8.6vw,48px)!important;
    line-height:1.42!important;
  }
}

@media(max-width:720px){
  body.home .r106-services .card-copy{inset:auto 23px 21px!important}
  body.home .r106-services .service-card::before{
    background:linear-gradient(180deg,rgba(3,25,45,.05) 0%,rgba(3,25,45,.03) 28%,rgba(3,25,45,.30) 52%,rgba(3,24,45,.88) 76%,rgba(2,22,41,.98) 100%)!important;
  }
  body.home .r106-services .card-copy h3{font-size:30px!important;line-height:1.06!important}
  html[dir="rtl"] body.home .r106-services .card-copy h3{font-size:27px!important;line-height:1.48!important}
}

@media(max-width:560px){
  body.home .r90-hero__shell,
  body.home .r90-hero__media{min-height:520px!important}
  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-fit:contain!important;
    object-position:center center!important;
  }
  body.home .r106-services .service-card::after{height:57%!important}
  body.home .r106-services .card-copy{inset:auto 22px 20px!important}
  html[dir="rtl"] body.home .r106-services .section-top h2{
    font-size:clamp(34px,9.1vw,43px)!important;
    line-height:1.48!important;
  }
}