@font-face{font-family:ClinicArabic;src:url('/fonts/clinic-arabic.woff') format('woff');font-weight:400 500;font-display:swap}
@font-face{font-family:ClinicArabic;src:url('/fonts/clinic-arabic-bold.woff') format('woff');font-weight:600 800;font-display:swap}

/* Clinic identity with a system-first, accessible interface. */
:root{--navy:#071e63;--deep:#041647;--orange:#ed6a0b;--orange-ink:#a14709;--ink:#1d1d1f;--muted:#626269;--paper:#fff;--soft:#f5f5f7;--line:#dedee3;--shadow:0 12px 40px #071e6308}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65}
html[lang=ar] body{font-family:-apple-system,BlinkMacSystemFont,ClinicArabic,Tahoma,Arial,sans-serif;line-height:1.9}
h1,h2,h3{color:var(--ink);font-family:inherit;font-weight:600;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}h3{letter-spacing:-.025em;line-height:1.3}p{color:var(--muted)}em{font-style:normal;color:var(--navy)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:inherit;letter-spacing:0;line-height:1.5}::selection{background:#dce4fa;color:var(--navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #315bb5;outline-offset:4px}html{scroll-padding-top:104px}.skip-link{z-index:100;border-radius:12px}
.preview-strip{height:auto;min-height:32px;padding:7px 20px;background:var(--soft);color:var(--muted);font-size:11px;letter-spacing:0;text-align:center}.tiny-dot{background:var(--orange)}
.site-header{position:sticky;top:0;z-index:30;max-width:none;height:88px;padding-inline:max(28px,calc((100vw - 1200px)/2));background:#ffffffed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #1d1d1f12;gap:24px}
.clinic-wordmark{background:white;border-radius:0}.clinic-logo{width:196px}.clinic-logo-ar{width:180px}.site-header nav{gap:25px;font-size:13px}.site-header nav a{padding:13px 0;min-height:44px;color:var(--muted)}.site-header nav a.active,.site-header nav a:hover{color:var(--navy)}.site-header nav a.active:after{bottom:5px;left:0;width:100%;height:2px;background:var(--navy)}
.header-actions{gap:16px}.language-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:13px;color:var(--navy)}.menu-button{min-width:44px;min-height:44px;border-radius:50%;color:var(--navy)}
.button{min-height:48px;padding:13px 24px;border-radius:999px;font-size:15px;font-weight:500;gap:12px;transition:background .18s,box-shadow .18s;line-height:1.5}.button:hover{transform:none}.primary{background:var(--navy);color:white;box-shadow:none}.primary:hover{background:#183b86}.secondary{background:var(--paper);color:var(--navy);border-color:#b7bccb}.secondary:hover{background:var(--soft)}.header-book{min-height:44px;padding:10px 20px;font-size:13px}.text-link{font-size:15px;color:var(--navy);font-weight:500;min-height:44px}.text-link:hover{text-underline-offset:5px}
.main-container{max-width:1264px;padding-inline:32px}.hero{display:flex;flex-direction:column;gap:40px;padding:76px 0 80px;align-items:center}.hero-copy{text-align:center;padding:0;max-width:880px}.eyebrow{color:var(--orange-ink);font-size:12px;font-weight:600;letter-spacing:.09em;margin-bottom:20px}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(52px,6.5vw,86px);line-height:1.07;letter-spacing:-.055em;margin-bottom:26px}.hero h1 em{color:var(--navy)}.hero-copy>p:not(.hero-note){font-size:21px;line-height:1.6;max-width:650px;margin-inline:auto}.hero-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.hero-note{justify-content:center;font-size:12px;line-height:1.7;margin-top:18px;max-width:670px;margin-inline:auto}.hero-note svg{margin-top:2px;color:var(--muted)}
.hero-art{width:100%;max-width:1000px;height:440px;border-radius:32px;background:var(--soft);border:1px solid #1d1d1f08;isolation:isolate}.hero-art img{object-fit:cover;object-position:center 47%;opacity:.93}.art-top{top:28px;inset-inline:30px;justify-content:center;color:var(--navy);font-size:10px;letter-spacing:.12em}.art-card{inset-inline:24px;bottom:24px;max-width:390px;margin-inline:auto;border:1px solid #ffffffc9;background:#fffffff0;border-radius:20px;padding:20px 24px;box-shadow:0 8px 32px #071e6310;gap:16px}.art-card strong{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--navy)}.art-card span:not(.icon-box){font-size:12px;line-height:1.65;color:var(--muted)}.art-caption{display:none}.icon-box{border-radius:15px;background:#edf1fa;color:var(--navy);width:48px;height:48px;flex-shrink:0}.art-card .brand-symbol{border-radius:12px;background:white}
.section{padding:80px 0;border-top:1px solid var(--line)}.section-heading{gap:40px;margin-bottom:36px;align-items:flex-end}.section-heading h2{font-size:clamp(34px,4vw,48px)}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{font-size:16px;line-height:1.7;max-width:360px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{padding:32px;background:var(--soft);border:1px solid transparent;border-radius:24px;min-height:280px;transition:box-shadow .2s,background .2s}.service-card:hover{background:#efeff3;border-color:transparent;box-shadow:var(--shadow);transform:none}.card-top{margin-bottom:27px}.index{font-size:12px;color:var(--muted)}.service-card h3{font-size:23px;margin-bottom:12px}.service-card p{font-size:15px;line-height:1.7}.card-action{font-size:14px;margin-top:26px;color:var(--navy)}.card-action svg{color:var(--navy)}
.home-page .tools-section{background:var(--soft);border:0;border-radius:32px;padding:48px;margin-bottom:64px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{padding:25px;background:white;border:1px solid #1d1d1f08;border-radius:20px;gap:18px;transition:box-shadow .2s}.tool-card:hover{background:white;border-color:#071e6333;box-shadow:var(--shadow)}.tool-card h3{font-size:19px}.tool-card p{font-size:14px;line-height:1.7}.tool-card>svg:last-child{color:var(--navy)}.emergency-card,.emergency-card:hover{background:#fff8f1;border-color:#edd9c5}.emergency-card .icon-box{background:#ffead6;color:#92410a}.emergency-bar{background:#fff8f1;border-color:#ead8c5;border-radius:16px;padding:20px 24px;font-size:14px;line-height:1.7;flex-wrap:wrap;color:#793c15}.emergency-bar span{flex:1;min-width:180px}.emergency-bar a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;border:0}
.page-head{padding:64px 0 40px;max-width:860px}.page-head h1{font-size:clamp(40px,5vw,64px);margin-bottom:22px}.page-head>p{font-size:19px;line-height:1.7}.inline-cta{background:var(--soft);border:0;border-radius:28px;padding:48px;gap:40px;margin-top:64px}.inline-cta h2{font-size:36px}.inline-cta p{font-size:16px;line-height:1.7;max-width:610px}.inline-cta .button{flex-shrink:0}.service-hero,.about-hero{padding:64px 0;gap:64px}.service-hero h1,.about-hero h1{font-size:clamp(40px,4.7vw,64px)}.service-hero .lead{font-size:23px;color:var(--navy)}.service-hero p,.about-hero p{line-height:1.8}.service-visual{position:relative;background:var(--soft);border-radius:28px;color:var(--navy);border:1px solid #1d1d1f08}.service-visual span{font-size:13px}.service-details{border-color:var(--line);gap:64px}.service-details h2{font-size:30px}.check-list li{font-size:16px;color:var(--muted);line-height:1.8}.check-list svg{color:var(--navy)}.compact-section{padding-top:48px}.compact-section>h2{font-size:36px}.home-journey{margin-top:0;border:0;padding-top:0}.journey{gap:32px}.step{color:var(--orange-ink);font-size:14px;border-color:var(--line);font-weight:600}.journey h3{font-size:21px}.journey p{font-size:15px;line-height:1.75}
.notice{background:#f0f3fa;color:var(--navy);border:1px solid #e1e6f0;border-radius:16px;padding:22px 24px}.notice p{font-size:15px;line-height:1.8}.tool-panel,.booking-panel,.paper-card,.auth-card{padding:36px;border:1px solid var(--line);border-radius:24px;box-shadow:none}.tool-panel{max-width:840px}.question{margin-bottom:30px}.question legend{font-size:17px;line-height:1.8}.choices span{min-height:48px;padding:11px 28px;border-radius:12px;font-size:16px;border-color:#b9bdc7}.choices input:checked+span{background:var(--navy);border-color:var(--navy)}.symptom-options label{min-height:52px;padding:16px;border-radius:12px;font-size:16px;line-height:1.7;border-color:var(--line)}.symptom-options label:has(input:checked){background:#edf1fa;border-color:var(--navy)}.symptom-options input{width:18px;height:18px;flex-shrink:0}.source-row,.caption{font-size:13px;line-height:1.8}.source-row a{display:inline-flex;align-items:center;min-height:44px}.tool-panel>p{font-size:16px}.result-box{background:#f0f3fa;border-color:#ccd5ea;border-radius:18px;padding:28px}.result-box h2{font-size:32px}.result-box p{font-size:16px;line-height:1.8}.result-box .restart{min-height:44px;font-size:15px}.booking-layout{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.booking-steps{font-size:13px;padding-bottom:24px;border-bottom:1px solid var(--line)}.step-dot{background:var(--navy);width:28px;height:28px}.step-dot.muted{background:var(--soft);color:var(--muted)}.step-line{background:var(--line)}.form-grid{gap:24px}.form-grid label,.auth-card label,.admin-toolbar label{font-size:15px}.required{color:var(--orange-ink)}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:17px;min-height:52px;border:1px solid #b9bdc7;border-radius:12px;background:white;color:var(--ink);padding:13px 15px;margin-top:8px}input[aria-invalid=true],select[aria-invalid=true]{border-color:#a13b32}.consent{font-size:14px;gap:12px;line-height:1.8;color:var(--muted)}.consent input{width:20px;height:20px;accent-color:var(--navy)}.small-text{font-size:13px;line-height:1.8}.field-error{font-size:14px}.booking-aside{padding:32px;border-radius:24px;background:var(--soft);position:sticky;top:112px}.booking-aside h2{font-size:38px}.booking-aside h3{font-size:21px}.booking-aside>p{font-size:16px}.notice.compact{background:#fff8f1;border:1px solid #ead8c5;color:#793c15;font-size:14px;line-height:1.8}.reference{font-size:24px;border-radius:12px}.doctor-placeholder{border-radius:28px;background:var(--soft)}.doctor-placeholder>span:first-child{font-family:inherit;font-size:88px;font-weight:600;color:var(--navy)}.doctor-placeholder p{font-size:15px}.about-grid{gap:24px;border-color:var(--line)}.about-grid article{background:var(--soft);border-radius:24px;padding:28px}.about-grid article>svg{color:var(--navy)}.about-grid h3{font-size:22px}.about-grid p{font-size:16px}.placeholder-note{font-size:14px;line-height:1.8;border-color:var(--orange);border-radius:12px;background:#fff8f1}.placeholder-tag{font-size:12px;line-height:1.6;border-radius:8px}.placeholder-box{background:var(--soft);border-radius:24px}.placeholder-box h2{font-size:30px}.placeholder-box p{font-size:16px}.paper-card h2{font-size:30px}.paper-card>p{font-size:16px}.paper-card.blue{background:var(--soft)}.faq-list{max-width:960px}.faq-list details{padding:26px 0;border-color:var(--line)}.faq-list summary{font-size:20px;line-height:1.6;align-items:center;min-height:44px}.faq-list summary svg{color:var(--navy)}.faq-list p{font-size:16px;line-height:1.8}.location-grid{border-color:var(--line)}.location-grid h2{font-size:36px}.location-grid p{font-size:16px}.map-placeholder{border-radius:24px;font-size:15px}.source-links>a{font-size:15px;min-height:44px;display:flex;align-items:center;gap:8px}.auth-card h2{font-size:30px}.auth-card p{font-size:15px}.admin-counts span{background:var(--soft);border-radius:10px;font-size:14px}.request-card{border-color:var(--line);border-radius:20px}.request-meta{font-size:14px;color:var(--muted)}.admin-edit label{font-size:15px}.empty-state{background:var(--soft);border-radius:20px}.delete-link{min-height:44px;font-size:14px}.status{font-size:13px}dialog{border-radius:24px;border-color:var(--line);max-width:min(520px,calc(100vw - 32px));box-shadow:0 24px 80px #04164733}dialog::backdrop{background:#1d1d1f66}
.site-footer{margin-top:64px;padding:48px max(32px,calc((100vw - 1200px)/2)) 28px;background:var(--soft);border-top:1px solid #1d1d1f08}.footer-top{align-items:center}.site-footer .clinic-wordmark{background:white;border-radius:12px;padding:10px 16px;width:244px}.site-footer .clinic-logo{width:212px}.site-footer .clinic-logo-ar{width:196px}.footer-top p{font-size:13px}.footer-links{font-size:14px;gap:24px;flex-wrap:wrap}.footer-links a,.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{font-size:12px;color:var(--muted);border-color:var(--line);align-items:center;gap:24px}
@media(max-width:1050px){.site-header{padding-inline:24px;gap:16px}.site-header nav{gap:18px;font-size:12px}.clinic-logo{width:178px}.clinic-logo-ar{width:165px}.header-actions{gap:10px}.header-book{font-size:12px;padding-inline:16px}.hero{padding-top:60px}.service-card{padding:26px}.home-page .tools-section{padding:36px}.service-hero,.about-hero{gap:36px}.booking-layout{grid-template-columns:1fr}.booking-aside{display:none}}
@media(max-width:960px){.site-header{height:80px}.site-header nav{display:none;position:absolute;top:79px;inset-inline:0;z-index:31;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #071e6308;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:14px 16px;font-size:17px;min-height:52px}.site-header nav a.active{background:var(--soft);border-radius:12px}.site-header nav a.active:after{display:none}.menu-button{display:block}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{height:410px}.section-heading{gap:24px}.section-heading>p{max-width:300px}.tool-card{padding:22px;gap:14px}.tool-card h3{font-size:18px}.tool-card p{font-size:14px}.journey{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-cta{padding:36px}.inline-cta h2{font-size:32px}.footer-top{flex-direction:column;align-items:flex-start;gap:28px}}
@media(max-width:700px){.main-container{padding-inline:24px}.hero{gap:32px;padding:48px 0 56px}.hero h1{font-size:60px}.hero-copy>p:not(.hero-note){font-size:19px}.section{padding:56px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-heading h2{font-size:38px}.section-heading>p{max-width:100%;font-size:16px}.home-page .tools-section{padding:28px;margin-bottom:48px}.tool-grid{grid-template-columns:1fr}.tool-card:nth-child(5){grid-column:auto}.service-hero,.about-hero{grid-template-columns:1fr;gap:32px}.service-details{grid-template-columns:1fr;gap:32px}.about-grid,.resource-grid,.location-grid{grid-template-columns:1fr}.inline-cta{flex-direction:column;align-items:flex-start;gap:24px}.inline-cta .button{width:100%}.service-visual{height:250px}.service-visual>svg{width:120px;height:120px}.location-grid{gap:28px}.home-journey{padding-top:0}.page-head>p{font-size:18px}}
@media(max-width:600px){body{font-size:17px}.preview-strip{font-size:10px;padding:7px 16px;line-height:1.7;gap:6px}.site-header,.main-container{padding-inline:20px}.site-header{height:76px}.site-header nav{top:75px}.site-header .clinic-logo{width:175px}.site-header .clinic-logo-ar{width:165px}.site-header .header-actions{gap:8px}.header-book{display:none}.hero{display:flex;align-items:center;padding-top:40px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,11vw,60px);line-height:1.1;margin-bottom:22px}.hero .eyebrow{font-size:11px;margin-bottom:18px}.hero-copy>p:not(.hero-note){font-size:18px;line-height:1.65}.hero-actions{flex-direction:row;align-items:center;gap:12px 24px;margin-top:26px}.hero-actions .button{font-size:15px;padding:13px 22px}.hero-actions .text-link{font-size:15px;gap:8px}.hero-note{font-size:12px;line-height:1.7;margin-top:16px;text-align:start}.hero-art{height:340px;border-radius:24px}.art-top{font-size:8px;top:24px;inset-inline:20px}.art-card{padding:16px;inset-inline:16px;bottom:16px;border-radius:16px;gap:12px}.art-card strong{font-size:18px}.art-card span:not(.icon-box){font-size:11px}.art-card .icon-box{width:40px;height:40px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:26px;min-height:0;border-radius:22px}.service-card h3{font-size:24px;line-height:1.3}.service-card p{font-size:16px;line-height:1.7}.card-top{margin-bottom:22px}.card-top .icon-box{width:48px;height:48px}.card-top .icon-box svg{width:28px}.index{font-size:12px}.card-action{font-size:14px;margin-top:24px}.card-action svg{width:19px}.home-page .tools-section{padding:28px 20px;border-radius:24px}.tool-card{padding:20px;gap:14px;align-items:flex-start}.tool-card h3{font-size:18px}.tool-card p{font-size:14px}.tool-card>.icon-box{width:40px;height:40px;border-radius:12px}.tool-card>svg:last-child{width:17px;margin-top:10px}.emergency-bar{font-size:14px;padding:18px;gap:10px}.emergency-bar>svg{margin-top:4px}.emergency-bar a{margin-inline-start:28px}.emergency-bar span{min-width:160px}.page-head{padding:40px 0 28px}.page-head h1,.service-hero h1,.about-hero h1{font-size:40px;line-height:1.18}.page-head .eyebrow{font-size:11px}.page-head>p{font-size:17px}.service-hero,.about-hero{padding:40px 0}.service-hero p,.about-hero p{font-size:17px}.service-hero .lead{font-size:21px}.service-visual{border-radius:24px}.section-heading h2{font-size:36px}.journey{gap:28px;grid-template-columns:1fr}.journey h3{font-size:22px}.journey p{font-size:16px}.step{margin-bottom:14px}.compact-section>h2{font-size:34px}.inline-cta{padding:30px 24px;border-radius:24px;margin-top:40px}.inline-cta h2{font-size:32px}.inline-cta p{font-size:16px}.inline-cta .button{font-size:15px}.tool-panel,.booking-panel,.paper-card,.auth-card{padding:24px 20px;border-radius:20px}.booking-steps{font-size:12px;gap:8px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr;gap:22px}.full{grid-column:auto}.notice{padding:18px;gap:12px}.notice p{font-size:14px}.question legend{font-size:16px}.symptom-options label{font-size:15px;padding:14px}.result-box{padding:24px 20px}.result-box h2{font-size:28px}.result-box p{font-size:16px}.source-row{font-size:13px}.about-grid{gap:20px}.doctor-placeholder{min-height:300px;border-radius:24px}.doctor-placeholder h2{font-size:27px}.doctor-placeholder>span:first-child{font-size:72px}.faq-list summary{font-size:18px}.faq-list p{font-size:16px}.location-grid h2{font-size:34px}.admin-toolbar{flex-wrap:wrap;gap:12px}.admin-toolbar label{flex-basis:100%;max-width:none}.admin-toolbar .button{font-size:14px}.admin-edit{grid-template-columns:1fr;gap:18px}.request-card{padding:24px 20px}.request-top{align-items:flex-start}.request-actions .button{font-size:14px}.reference{font-size:20px}.privacy-copy p{font-size:16px}.site-footer{margin-top:48px;padding:36px 20px 112px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:14px}.footer-bottom{font-size:12px;align-items:flex-start;flex-direction:column;gap:8px}.footer-top p{font-size:13px}.mobile-booking{display:flex;z-index:40;gap:14px;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:none}.mobile-booking .button{font-size:15px;min-height:48px;padding:12px 20px}.mobile-booking>a:last-child{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:50%;color:var(--navy)}html[lang=ar] .hero h1{font-size:clamp(39px,10vw,54px);line-height:1.55}html[lang=ar] .hero .eyebrow{font-size:12px}html[lang=ar] .hero-actions .button,html[lang=ar] .hero-actions .text-link{font-size:15px}html[lang=ar] .service-card h3{font-size:23px;line-height:1.5}html[lang=ar] .page-head h1{line-height:1.5}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header nav,.mobile-booking,.art-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#414148;--line:#93939c}.service-card,.tool-card{border-color:#93939c}.preview-strip{color:#414148}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.hero-art{height:260px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{break-inside:avoid}.site-header,.preview-strip,.mobile-booking,.site-footer{display:none!important}.hero,.section{padding:24px 0}.main-container{padding:0}}

/* Review refinements: quick access and unobstructed forms. */
.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:24px}.quick-links a{font-size:14px;color:var(--navy);text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.quick-links a:last-child{color:#934e18}.home-faq{padding-top:0}.home-faq .faq-list{max-width:none}.mobile-booking.contextual-hidden{display:none}#faq,main,[tabindex="-1"]{scroll-margin-top:110px}input,select,textarea{scroll-margin-block:120px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:360px){.site-header{gap:8px;padding-inline:12px}.site-header .clinic-logo{width:140px}.site-header .clinic-logo-ar{width:140px}.header-actions{gap:4px}.main-container{padding-inline:16px}}

/* Appointment scheduling extends the clinic's existing design system. */
.appointment-time{font-size:22px;font-weight:600;color:var(--navy);margin-top:24px}.appointment-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.schedule-admin{margin-bottom:40px}.schedule-admin h3{margin:30px 0 20px}.schedule-row{display:flex;gap:20px;align-items:flex-end;margin:24px 0}.schedule-row label{flex:1;max-width:280px}.schedule-block,.notification-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.schedule-block button{margin-inline-start:auto}.notification-row small{color:var(--muted);flex-basis:100%}#reschedule-form{margin:30px 0;padding-top:28px;border-top:1px solid var(--line)}#reschedule-form h3{margin-bottom:24px}#schedule-message{margin:20px 0}#slots-status{margin:0}.schedule-admin #block-form button{margin-top:16px}@media(max-width:600px){.schedule-row{flex-wrap:wrap}.schedule-row label{flex-basis:100%;max-width:none}.appointment-actions .button{width:100%}.schedule-admin{padding:24px 20px}.appointment-time{font-size:19px}}
.credential-panel{margin-bottom:32px}.credential-panel h2{margin-top:0}.credential-panel p{margin-bottom:24px}.credential-panel button{margin-top:24px}

/* Apple-design refinement: calm materials, immediate feedback, readable hierarchy. */
body{font-optical-sizing:auto}
.site-header{background:rgba(255,255,255,.88);border-bottom-color:transparent;box-shadow:0 8px 28px -20px #04164745;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.hero h1{letter-spacing:-.045em}.hero-art{box-shadow:0 24px 64px -32px #071e6333}
.art-card{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.service-card{background:linear-gradient(145deg,#f7f8fb,#f0f2f6);border:1px solid #071e6308}
.button,.menu-button,.language-button,.service-card,.tool-card,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.button,.menu-button,.language-button{transition:transform 160ms ease-out,background-color 160ms ease-out,box-shadow 160ms ease-out}
.button:active:not(:disabled),.menu-button:active,.language-button:active{transform:scale(.97);transition-duration:70ms}
.service-card:active,.tool-card:active{background:#e9edf5;box-shadow:inset 0 0 0 1px #071e6320}
button:disabled{cursor:not-allowed;opacity:.55}
.booking-panel,.tool-panel,.auth-card{border-color:#071e6314;box-shadow:0 12px 48px -24px #071e6326}
.booking-panel input:not([type=checkbox]),.booking-panel select,.auth-card input{background:#f8f9fc;border-color:#c9ceda;transition:background-color 150ms,box-shadow 150ms}
.booking-panel input:focus,.booking-panel select:focus,.auth-card input:focus{background:#fff;box-shadow:0 0 0 4px #071e630a}
.booking-panel select:disabled{background:#f0f1f4;color:#626269;cursor:not-allowed}
#slots-status:not(:empty){padding:12px 16px;margin:0;border-radius:12px;background:#f0f3fa;color:var(--navy)}
.faq-list summary svg{flex-shrink:0;transition:transform 180ms ease-out}
.faq-list summary:active{color:var(--navy)}
html[lang=ar] .eyebrow,html[lang=ar] .hero h1{letter-spacing:0}
@media(hover:hover){.service-card:hover,.tool-card:hover{box-shadow:0 12px 32px -16px #071e6330}.language-button:hover,.menu-button:hover{background:#edf1fa}}
@media(max-width:960px){.site-header nav{inset-inline:12px;top:calc(100% + 8px);border:1px solid #071e6314;border-radius:22px;padding:12px;box-shadow:0 20px 48px -16px #04164740;background:rgba(255,255,255,.97)}}
@media(max-width:600px){.mobile-booking{inset-inline:12px;bottom:8px;border:1px solid #071e6314;border-radius:24px;box-shadow:0 8px 32px #0416471a;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,.95)}.hero-art{border-radius:28px}.booking-panel{padding:28px 20px}.site-footer{padding-bottom:136px}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header nav,.mobile-booking,.art-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#34343b;--line:#6b7180}.site-header,.site-header nav,.mobile-booking,.art-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #535b70}.service-card,.tool-card,.booking-panel,.tool-panel,.auth-card{border:1px solid #535b70}}
@media(prefers-reduced-motion:reduce){.button:active:not(:disabled),.menu-button:active,.language-button:active{transform:none}html{scroll-behavior:auto}}

/* Blend the supplied white-backed artwork into each light surface.
   Multiply is applied to the whole logo, so its white pixels take on the
   surface beneath it without regenerating or recoloring the source asset. */
.clinic-wordmark,.site-footer .clinic-wordmark{background:transparent;mix-blend-mode:multiply}
.art-card .brand-symbol{background:transparent;mix-blend-mode:multiply}
.site-footer .clinic-wordmark{padding:0;border-radius:0}
.site-header,.site-footer,.art-card{isolation:isolate}
@media print{.clinic-wordmark,.art-card .brand-symbol{mix-blend-mode:normal}}

/* Doctor biography: an editorial introduction and a readable training timeline. */
.profile-hero{max-width:880px;padding:5rem 0 3rem}.profile-hero h1{font-size:clamp(2.6rem,6vw,4.5rem);margin-bottom:1rem}.profile-role{color:var(--navy);font-size:1.3rem;font-weight:500;margin-bottom:1.5rem}.profile-intro{font-size:1.15rem;line-height:1.85;max-width:760px}.profile-hero .button{margin-top:1.75rem}.profile-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:2rem;background:var(--soft);border-radius:24px;margin-bottom:3rem}.profile-highlights strong{font-size:1.2rem;color:var(--navy)}.profile-highlights p{font-size:.95rem;margin-top:.35rem}.profile-jobs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-jobs article{padding:2rem;border:1px solid var(--line);border-radius:24px}.profile-jobs .eyebrow{display:block;margin-bottom:1rem}.profile-jobs h3{font-size:1.6rem}.profile-location{font-size:.95rem;margin:.6rem 0 1.3rem}.profile-training{display:grid;grid-template-columns:1fr 1.6fr;gap:4rem}.profile-training h2,.profile-care h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem}.profile-timeline{list-style:none;margin:0;padding:0}.profile-timeline li{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;padding:0 0 2rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}.profile-timeline li>span{font-variant-numeric:tabular-nums;color:var(--orange-ink);font-weight:600}.profile-timeline h3{font-size:1.25rem;margin-bottom:.6rem}.profile-timeline p,.profile-course p{font-size:1rem}.profile-course{padding:1.5rem;background:var(--soft);border-radius:20px}.profile-course h3{margin-bottom:.7rem}.profile-care{max-width:820px;padding:2rem 0}.profile-care .icon-box{margin-bottom:1.5rem}.profile-care p{font-size:1.1rem;line-height:1.85}
@media(max-width:700px){.profile-hero{padding:3rem 0 2rem}.profile-highlights,.profile-jobs,.profile-training{grid-template-columns:1fr}.profile-highlights{gap:1.25rem;padding:1.5rem}.profile-highlights>div+div{border-top:1px solid var(--line);padding-top:1.25rem}.profile-training{gap:2rem}.profile-jobs article{padding:1.5rem}.profile-timeline li{grid-template-columns:1fr;gap:.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem}.profile-intro{font-size:1.05rem}}

/* Focused clinic workspace: compact schedule first, setup on demand. */
.admin-page-head{padding:32px 0 24px}.admin-page-head h1{font-size:clamp(30px,4vw,44px);margin-bottom:10px}.admin-page-head p{font-size:16px}.admin-panel{max-width:1100px;margin-inline:auto}.admin-workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.admin-view-switch{display:flex;background:#edeff5;border-radius:14px;padding:4px;gap:4px}.admin-view-switch button{border:0;border-radius:10px;background:transparent;color:#606579;padding:11px 18px;min-height:44px;font-size:14px;font-weight:600}.admin-view-switch button[aria-pressed=true]{background:white;color:var(--navy);box-shadow:0 2px 6px #12205410}.admin-workspace-nav>.button{padding:10px 14px;font-size:13px}.admin-panel [hidden]{display:none!important}#admin-bookings-view{scroll-margin-top:110px}.admin-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.admin-counts>span{display:flex;flex-direction:column;background:#f2f3f7;border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-size:13px;color:#636979}.admin-counts strong{font-size:28px;line-height:1.3;color:var(--navy);font-weight:600}.compact-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:12px;margin:0 0 20px;padding:0;background:transparent;border:0}.compact-toolbar label{font-size:12px;gap:5px;min-width:0}.compact-toolbar input,.compact-toolbar select{min-height:46px;width:100%;margin:0;font-size:15px;padding:10px 12px}.compact-toolbar>.button{min-height:46px;padding:10px 16px;font-size:13px}.admin-date-heading{font-size:14px;font-weight:600;color:#666b78;padding:12px 4px;margin:8px 0;letter-spacing:0}#admin-requests .request-card{display:block;padding:0;margin:0 0 8px;border:1px solid #e4e6ee;border-radius:14px;background:white;box-shadow:none;overflow:hidden}#admin-requests .request-summary{display:flex;align-items:center;gap:16px;cursor:pointer;padding:16px;list-style:none;min-height:84px}#admin-requests .request-summary::-webkit-details-marker{display:none}.request-slot{font-size:17px;font-weight:600;color:var(--navy);min-width:48px;font-variant-numeric:tabular-nums}.request-summary .request-top{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;min-width:0}.request-summary .request-top>div{min-width:0}.request-summary h3{font-size:17px;line-height:1.35;margin:0;overflow-wrap:anywhere}.request-summary .small-text{font-size:12px;line-height:1.4;display:block;color:#727784;margin-top:4px}.request-summary .status{font-size:11px;padding:4px 9px;white-space:nowrap;flex-shrink:0}.request-chevron{color:#70798e;transition:transform .15s}.request-card[open] .request-chevron{transform:rotate(180deg)}.request-card[open]{border-color:#bbc5de!important}.request-detail{border-top:1px solid #e7e9f0;padding:20px;background:#fafbfe}.request-detail .request-meta{margin-bottom:18px;font-size:13px;gap:8px 18px}.request-detail .admin-edit{gap:14px}.request-detail .admin-edit label{font-size:13px}.request-detail input,.request-detail select,.request-detail textarea{font-size:16px;background:white}.request-detail .request-actions{margin-top:14px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.admin-pagination .button{font-size:13px;padding:10px 18px;min-height:44px}.admin-pagination span{font-size:13px;color:#646b7b;font-variant-numeric:tabular-nums}.admin-pagination button:disabled{cursor:default;opacity:.35}.admin-setting{border:1px solid var(--line);background:white;border-radius:16px;margin-bottom:12px;overflow:hidden}.admin-setting>summary{padding:20px;cursor:pointer;font-size:17px;font-weight:600;color:var(--navy);min-height:60px}.admin-setting-body{border-top:1px solid var(--line)}.admin-setting-body>.paper-card{border:0;border-radius:0;margin:0;padding:24px}.admin-setting h2{font-size:23px}.admin-setting h3{font-size:19px;margin-top:22px}.admin-setting p{font-size:14px;line-height:1.7}#admin-message:not(:empty){padding:14px;background:#edf4ee;border-radius:12px;margin-block:14px}#notification-list{max-height:400px;overflow:auto}.admin-setting summary:focus-visible,.request-summary:focus-visible{outline:3px solid #b7713e;outline-offset:-4px}
@media(max-width:600px){.admin-page-head{padding:24px 0 20px}.admin-page-head h1{font-size:30px}.admin-workspace-nav{gap:8px}.admin-view-switch{flex:1}.admin-view-switch button{flex:1;padding:10px 8px;font-size:13px}.admin-workspace-nav>.button{padding:10px;font-size:12px}.admin-counts{gap:8px}.admin-counts>span{padding:10px 12px;font-size:12px}.admin-counts strong{font-size:25px}.compact-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.compact-toolbar .admin-search-label{grid-column:1/-1}.compact-toolbar input{font-size:16px}.compact-toolbar select{font-size:16px}#admin-requests .request-summary{padding:13px 12px;gap:10px;min-height:86px}.request-slot{font-size:16px;min-width:43px}.request-summary .request-top{flex-wrap:wrap;gap:5px}.request-summary .request-top>div{flex:1 1 100%}.request-summary h3{font-size:16px}.request-summary .small-text{font-size:11px}.request-summary .status{font-size:10px;padding:2px 7px}.request-detail{padding:16px}.request-detail .admin-edit{grid-template-columns:1fr}.admin-setting-body>.paper-card{padding:18px}.admin-setting>summary{padding:18px;font-size:16px}}

.patient-contact{display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.patient-contact a{color:var(--navy,#10205c);text-decoration:underline;display:inline-block;padding:4px 0}.patient-card{padding:20px;border:1px solid #e5e5ea;border-radius:16px;margin:12px 0;background:#fff}.patient-card h3{margin:0 0 10px}.admin-view-switch{flex-wrap:wrap}#admin-patients-view input{width:100%}

.hero-portrait{height:500px}.hero-portrait>img{opacity:1;object-position:50% 32%}.hero-portrait .art-top{display:none}@media(max-width:600px){.hero-portrait{height:400px}.hero-portrait>img{object-position:50% 28%}}