/* English (LTR) pages: overrides for the few rules in style.css that are written for RTL. */
body{letter-spacing:0}
.link:hover .ic,.hero-doctors-link:hover .ic{transform:translateX(3px)}
.bcard:hover .bcard-go{transform:translateX(4px)}
.fpdoc-all a:hover .fpdoc-go{transform:translateX(5px)}
.home-help-options .ic{transform:translateX(-8px)}
.doctors-page .doc-more-btn{left:auto;right:12px}
.doctors-page .doc-more-btn:hover,.doctors-page .doc-more-btn:focus-visible{transform:translateX(3px)}
/* hero: fully mirrored in English. The copy follows the reading direction (start = left), and the
   media layer (photos, videos, pattern) and the reading scrim are flipped so subjects stay clear of it */
.hero-bg,.hero-scrim{transform:scaleX(-1)}
/* fertility page: the Arabic layout pins these grids physically (intro on the right); English mirrors them */
.fpx,.fpd{direction:rtl}
.fpx>*,.fpd>*{direction:ltr}
/* the lab photo has its egg on the left, so the copy sits on the right in both languages */
@media (min-width:901px){.fpx-test{align-items:flex-end;text-align:right;padding-inline-start:44%;padding-inline-end:clamp(24px,2.2vw,40px)}}
.hero-band{direction:rtl}
.fpdoc-head .fpd-title{white-space:normal}
/* departments panel: the photo's slanted red edge faces the copy, so it mirrors in English */
.dimg-stage::after{background:linear-gradient(to right,rgba(23,46,118,.5),rgba(23,46,118,.08) 38%,transparent 62%),linear-gradient(to top,rgba(13,26,72,.22),transparent 40%)}
.dimg .tag{left:auto;right:0;padding:0 16px 0 22px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}
@media (min-width:1101px){
  .bento.is-open .dpanel .dimg{margin-inline:0 -40px}
  .bento.is-open .dpanel .dimg-stage{clip-path:polygon(var(--lean) 0,100% 0,100% 100%,0 100%)}
  .bento.is-open .dpanel .dimg-edge{left:-7px;right:0;clip-path:polygon(var(--lean) 0,100% 0,100% 100%,0 100%)}
}
/* call-to-action photo: fades into the navy on the copy side */
.cta-photo img{-webkit-mask-image:linear-gradient(to left,#000 40%,transparent 96%);mask-image:linear-gradient(to left,#000 40%,transparent 96%)}
/* other fades and fills that follow the reading direction */
.page-hero.dark::after{background:linear-gradient(to right,rgba(13,26,72,.4),rgba(13,26,72,.1) 60%),linear-gradient(to top,rgba(13,26,72,.42),transparent 50%)}
.ga-hero::after{background:linear-gradient(to right,rgba(13,26,72,.66) 0%,rgba(13,26,72,.44) 45%,rgba(13,26,72,.14) 100%)}
.docs-progress i b{background:linear-gradient(to right,#fff,var(--brand-300));transform-origin:left}
.fpt-head::after{background-position:0 0;-webkit-mask-image:linear-gradient(to right,#000 25%,transparent 100%);mask-image:linear-gradient(to right,#000 25%,transparent 100%)}
/* header: the English name is long, so it sets on two compact lines without the tagline */
.header .brand-text b{font-size:16px;line-height:1.2;max-width:15em;white-space:normal}
.header .brand-text span{display:none}
.nav a{padding-inline:12px}
.fpx-guide::before{transform:scaleX(-1)}  /* guide tile: its line pattern hugs the outer edge, as in Arabic */
/* phones: fertility page top and footer */
.footer .brand-text b{white-space:normal}
@media (max-width:700px){
  .fpx::before{background-position:left 20px center}
  .fpx-intro .crumbs{background-position:right center}
  .fpx-lead{text-align:left;text-align-last:auto}
  .fpx-book-t b{white-space:normal;font-size:15px;line-height:1.15}
  .fpx-book::before{transform:scaleX(-1)}
}