@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@500;600;700&display=swap');

/* R47: approved identity, authentic portrait treatment, readable footer and complete RTL shell. */
.approved-brand-symbol{width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(0 7px 10px rgba(0,19,39,.18))}
.footer-approved-logo{width:66px;height:66px;flex:0 0 66px;object-fit:contain!important;filter:drop-shadow(0 9px 16px rgba(0,0,0,.22))}
.doctor-photo,.doctor-page-photo{background:linear-gradient(145deg,#d8e9f3,#fff)}
.doctor-real-photo{position:relative;width:100%!important;height:118%!important;object-fit:cover!important;object-position:50% 17%!important;filter:saturate(.96) contrast(1.02);transform:translateY(-1%)}

footer .footer-grid strong,.site-footer .footer-grid>div>strong{font-size:12px!important;line-height:1.35;letter-spacing:.12em}
footer .footer-grid a,.site-footer .footer-links a{font-size:13px!important;line-height:1.75}
footer .footer-brand span,.site-footer .brand-copy strong{font-size:19px!important;line-height:1.2}
footer .footer-brand small,.site-footer .brand-copy small,.site-footer .brand-copy em{font-size:10px!important;line-height:1.5}
footer .legal,.site-footer .footer-bottom{font-size:11px!important;line-height:1.6}
.site-footer .contact-list li{font-size:13px;line-height:1.6}
.site-footer .hours-grid{font-size:12px;line-height:1.55}
.site-footer .appointment-card p{font-size:12px;line-height:1.6}
.site-footer .text-link,.site-footer .route-link{font-size:11px}

html[dir="rtl"]{--serif:'Noto Naskh Arabic','Tahoma',serif;--sans:'IBM Plex Sans Arabic','Tahoma',sans-serif}
html[dir="rtl"] body{direction:rtl;text-align:right;font-family:var(--sans)}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] blockquote,html[dir="rtl"] .brand-copy b,html[dir="rtl"] .brand-copy strong,html[dir="rtl"] .signature,html[dir="rtl"] .doctor-signature{font-family:var(--serif);letter-spacing:0}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .button,html[dir="rtl"] .site-header nav a,html[dir="rtl"] .nav-cta,html[dir="rtl"] .language-switch button,html[dir="rtl"] .footer-grid strong{letter-spacing:.02em}
html[dir="rtl"] .brand-mark{margin-right:0;margin-left:12px}
html[dir="rtl"] .brand{direction:ltr;text-align:left}
html[dir="rtl"] .brand-copy{direction:ltr;text-align:left}
html[dir="rtl"] .brand-copy{border-left:0;border-right:1px solid rgba(211,162,74,.42);padding-left:0;padding-right:15px}
html[dir="rtl"] .site-header nav,html[dir="rtl"] .desktop-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .language-switch{direction:ltr}
html[dir="rtl"] .header-cta{margin-left:0;margin-right:12px}
html[dir="rtl"] .menu-button,html[dir="rtl"] .menu-toggle{margin-left:0;margin-right:auto}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-top,html[dir="rtl"] .journey-heading,html[dir="rtl"] .doctor-content,html[dir="rtl"] .practice-head,html[dir="rtl"] .voices-label,html[dir="rtl"] .visit-heading{text-align:right}
html[dir="rtl"] .hero-copy{isolation:isolate}
html[dir="rtl"] .hero-copy:before{content:"";position:absolute;z-index:-1;inset:-36px -46px -34px -70px;border-radius:36px;background:linear-gradient(270deg,rgba(4,35,68,.78) 0%,rgba(4,35,68,.54) 54%,rgba(4,35,68,0) 100%);filter:blur(.2px);pointer-events:none}
html[dir="rtl"] .hero-copy h1,html[dir="rtl"] .hero-copy .eyebrow,html[dir="rtl"] .hero-intro{color:#f7fbff;text-shadow:0 3px 22px rgba(0,20,42,.62)}
html[dir="rtl"] .hero-copy h1 em{color:#e2b455}
html[dir="rtl"] .hero-intro{font-size:clamp(18px,1.18vw,22px);line-height:1.95;font-weight:500;max-width:620px}
html[dir="rtl"] .hero-card{text-align:right}
html[dir="rtl"] .text-link span{margin-left:0;margin-right:18px}
html[dir="rtl"] .manifesto-copy,html[dir="rtl"] .practice-head>p:last-child{padding-left:0;padding-right:40px;border-left:0;border-right:1px solid #d5c5a8}
html[dir="rtl"] .num{left:auto;right:18px}
html[dir="rtl"] .card-copy a span,html[dir="rtl"] [data-service-open] span{transform:scaleX(-1)}
html[dir="rtl"] .journey-step:not(:last-child):after{right:auto;left:-17px;transform:rotate(180deg)}
html[dir="rtl"] .photo-caption{left:auto;right:24px;text-align:right}
html[dir="rtl"] .doctor-content{padding-left:9vw;padding-right:7vw}
html[dir="rtl"] .doctor-stats span{border-right:0;border-left:1px solid rgba(255,255,255,.13)}
html[dir="rtl"] .doctor-stats span:last-child{border-left:0}
html[dir="rtl"] .practice-gallery figcaption span{margin-right:0;margin-left:12px}
html[dir="rtl"] .quote-stage{border-left:0;border-right:1px solid rgba(255,255,255,.18);padding-left:30px;padding-right:80px}
html[dir="rtl"] .quote-controls{left:30px;right:80px}
html[dir="rtl"] .quote-controls span{margin-right:0;margin-left:auto}
html[dir="rtl"] .contact-copy{padding-right:0;padding-left:45px}
html[dir="rtl"] .hours-list>div,html[dir="rtl"] .map-topbar,html[dir="rtl"] .map-details,html[dir="rtl"] .emergency-card,html[dir="rtl"] .contact-list li{direction:rtl}
html[dir="rtl"] .map-details{text-align:right}
html[dir="rtl"] .dialog-close{right:auto;left:22px}
html[dir="rtl"] .service-dialog-copy li{padding-left:0;padding-right:24px}
html[dir="rtl"] .service-dialog-copy li:before{left:auto;right:0}
html[dir="rtl"] .service-dialog-copy .button{align-self:flex-start}
html[dir="rtl"] .booking-side:after{right:auto;left:-30px}
html[dir="rtl"] .choice-grid input:checked+span:after{right:auto;left:16px}
html[dir="rtl"] .contact-phone{padding-left:0;padding-right:25px;border-left:0;border-right:1px solid rgba(255,255,255,.2)}
html[dir="rtl"] .doctor-page-photo figcaption{right:auto;left:0}
html[dir="rtl"] .credentials-grid li{grid-template-columns:1fr 55px}
html[dir="rtl"] .credentials-grid li>span{grid-column:2;grid-row:span 2}
html[dir="rtl"] .credentials-grid li>b,html[dir="rtl"] .credentials-grid li>small{grid-column:1}
html[dir="rtl"] .footer-brand{direction:rtl}
html[dir="rtl"] .footer-main .brand-copy{border-right-color:rgba(255,255,255,.22)}
html[dir="rtl"] .footer-bottom span:last-child{flex-direction:row-reverse}
html[dir="rtl"] input,html[dir="rtl"] textarea{direction:rtl;text-align:right}
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] time,html[dir="rtl"] .hours-grid b,html[dir="rtl"] .contact-phone b{direction:ltr;unicode-bidi:embed;text-align:right}
.floating-book.is-footer-hidden{transform:translateY(130px)!important;opacity:0!important;pointer-events:none}

@media(max-width:720px){
  .approved-brand-symbol{padding:4px}.footer-approved-logo{width:58px;height:58px;flex-basis:58px}
  footer .footer-grid a,.site-footer .footer-links a{font-size:12px!important}
  footer .legal,.site-footer .footer-bottom{font-size:10px!important}
  .doctor-real-photo{height:112%!important;object-position:50% 12%!important}
  .doctor>.doctor-photo{height:340px!important}
  .doctor-page-photo{height:390px!important}
  html[dir="rtl"] .manifesto-copy,html[dir="rtl"] .practice-head>p:last-child{padding-left:0;padding-right:18px}
  html[dir="rtl"] .service-bento{margin-right:0;margin-left:-15px}
  html[dir="rtl"] .doctor-content{padding:60px 20px 70px}
  html[dir="rtl"] .quote-stage{border-right:0;border-top:1px solid rgba(255,255,255,.18);padding:50px 0 60px}
  html[dir="rtl"] .quote-controls{left:0;right:0}
  html[dir="rtl"] .contact-copy{padding:0 0 35px}
  html[dir="rtl"] .contact-phone{padding:18px 0 0;border-right:0;border-top:1px solid rgba(255,255,255,.2)}
  html[dir="rtl"] .dialog-close{left:12px}
  html[dir="rtl"] .credentials-grid li{grid-template-columns:1fr 42px}
  html[dir="rtl"] .footer-bottom{align-items:flex-start}
  html[dir="rtl"] .site-header .brand{max-width:178px}
  html[dir="rtl"] .site-header .brand-mark{flex:0 0 44px;width:44px;height:44px;margin-left:7px}
  html[dir="rtl"] .site-header .brand-copy b,html[dir="rtl"] .site-header .brand-copy strong{font-size:9px;white-space:normal;line-height:1.08}
  html[dir="rtl"] .site-header .brand-copy small,html[dir="rtl"] .site-header .brand-copy em{font-size:5px;letter-spacing:.12em}
  html[dir="rtl"] .hero-copy:before{inset:-24px -18px -24px -18px;border-radius:26px;background:linear-gradient(180deg,rgba(4,35,68,.8),rgba(4,35,68,.48))}
  html[dir="rtl"] .hero-intro{font-size:16px;line-height:1.9}
}
@media(max-width:370px){html[dir="rtl"] .site-header .brand{max-width:54px}html[dir="rtl"] .site-header .brand-copy{display:none}}
