:root{--ink:#121417;--muted:#667079;--white:#fff;--paper:#f4f7f8;--line:#1214171a;--teal:#1b7a84;--teal-bright:#24939f;--teal-soft:#e7f4f6;--navy:#16343d;--navy-deep:#0d151b;--rail:300px;--promo:34px;--shadow:0 22px 48px #0d151b1f;--shadow-soft:0 10px 28px #0d151b12;--radius:6px;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Cairo,Segoe UI,Tahoma,sans-serif;line-height:1.7}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}::selection{color:var(--navy-deep);background:#1f6f782e}body{background:var(--white);min-width:320px;margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,strong,button,input,select,textarea,.brand,.btn-primary,.btn-ghost{font-family:Cairo,Segoe UI,Tahoma,sans-serif}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:700;line-height:1.25}p{margin:0 0 .8rem}ul{margin:0;padding:0;list-style:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:-999px;background:var(--ink);color:var(--white);z-index:80;padding:.5rem 1rem;position:absolute;top:0}.skip-link:focus{inset-inline-start:1rem}.container{width:min(1180px,100% - 2.4rem);margin-inline:auto}.site{background:var(--white)}.site-main{padding-top:var(--promo);min-height:100vh;margin-inline-start:var(--rail)}.promo-bar{inset-inline:0;z-index:50;height:var(--promo);background:var(--ink);color:#f2f2f0;align-items:center;display:flex;position:fixed;top:0;overflow:hidden}.promo-track{white-space:nowrap;letter-spacing:.04em;gap:3rem;padding-inline:1rem;font-size:.78rem;font-weight:600;animation:28s linear infinite marquee;display:flex}.promo-track span:after{content:"•";opacity:.45;margin-inline-start:3rem}.side-rail{inset-block:var(--promo) 0;width:var(--rail);z-index:45;background:linear-gradient(165deg,#fffffff0 0%,#f1f7f8eb 100%),url(/images/hospital-lobby.jpg) 50%/cover;border-inline-end:1px solid #12141714;flex-direction:column;padding:1.25rem 1.15rem 1.1rem;display:flex;position:fixed;inset-inline-start:0;overflow:hidden;box-shadow:inset -1px 0 #ffffffa6}.rail-glow{pointer-events:none;background:radial-gradient(circle at 15% 0,#24939f29,#0000 42%),linear-gradient(#ffffff59,#0000 28%,#0d151b0a 100%);position:absolute;inset:0}.rail-top,.rail-menu-label,.rail-nav,.rail-actions,.rail-foot{z-index:1;position:relative}.rail-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.15rem;display:flex}.rail-brand{gap:.7rem;display:grid}.rail-logo-wrap{background:#ffffffe6;border:1px solid #12141714;border-radius:15px;width:52px;height:52px;padding:.28rem;box-shadow:0 12px 28px #1b7a8429}.rail-logo-wrap img{object-fit:cover;border-radius:12px;width:100%;height:100%}.rail-brand-text{gap:.18rem;display:grid}.rail-brand-mark{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-family:Syne,Cairo,sans-serif;font-size:.68rem;font-weight:700}.rail-brand strong{color:var(--ink);font-size:1.05rem;line-height:1.3;display:block}.rail-brand small{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:500}.rail-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffffd1;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:none}.rail-toggle span:not(.sr-only){background:var(--ink);width:16px;height:1.5px;display:block}.rail-menu-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-family:Syne,Cairo,sans-serif;font-size:.68rem;font-weight:700}.rail-nav{flex-direction:column;flex:1;gap:.12rem;min-height:0;padding-bottom:.25rem;display:flex;overflow:auto}.rail-nav a{color:var(--ink);transition:background .25s ease, border-color .25s ease, transform .25s var(--ease), box-shadow .25s ease;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.rail-nav a:hover{background:#ffffffb8;border-color:#1b7a841f;transform:translate(-2px)}html[dir=rtl] .rail-nav a:hover{transform:translate(2px)}.rail-nav a.is-active{box-shadow:var(--shadow-soft);background:#ffffffe0;border-color:#1b7a8433}.rail-index{letter-spacing:.08em;color:var(--teal);opacity:.85;font-family:Syne,Cairo,sans-serif;font-size:.7rem;font-weight:700}.rail-link-copy{gap:.05rem;display:grid}.rail-link-ar{font-size:.9rem;font-weight:700;line-height:1.25}.rail-link-en{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:Syne,Cairo,sans-serif;font-size:.62rem}.rail-actions{gap:.45rem;margin-top:.65rem;display:grid}.rail-cta,.rail-secondary{width:100%;min-height:42px;transition:transform .25s var(--ease), background .25s ease, color .25s ease, border-color .25s ease;border-radius:999px;justify-content:center;align-items:center;font-size:.88rem;font-weight:800;display:inline-flex!important}.rail-cta{background:var(--ink);box-shadow:0 14px 28px #0d151b38;color:var(--white)!important}.rail-cta:hover{transform:translateY(-2px);background:var(--teal)!important}.rail-secondary{background:#ffffffb3;border:1px solid #1214171a;color:var(--ink)!important}.rail-secondary:hover{border-color:#1b7a8459;color:var(--teal)!important}.rail-foot{border-top:1px solid #12141714;gap:.35rem;margin-top:1rem;padding-top:1rem;display:grid}.rail-phone{color:var(--navy);letter-spacing:.02em;font-size:1rem;font-weight:800}.rail-foot p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.rail-copy{letter-spacing:.04em;font-family:Syne,Cairo,sans-serif;margin-top:.35rem!important;font-size:.66rem!important}.rail-backdrop,.mobile-bar{display:none}.hero-stage{min-height:calc(100vh - var(--promo));color:var(--white);background:#111;position:relative;overflow:hidden}.hero-stage-image{object-fit:cover;object-position:center 28%;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease), transform 6.5s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.hero-stage-image.is-active{opacity:1;transform:scale(1)}.hero-stage-fade{pointer-events:none;background:linear-gradient(105deg,#080e12b8 0%,#080e1247 46%,#080e126b 100%),linear-gradient(#0000 54%,#080e129e 100%);position:absolute;inset:0}.hero-stage-copy{inset-inline-start:clamp(1.4rem,4vw,3.2rem);z-index:2;max-width:min(34rem,100% - 3rem);animation:riseIn .9s var(--ease) both;position:absolute;bottom:clamp(1.8rem,5vw,3.4rem)}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;margin:0 0 .65rem;font-family:Syne,Cairo,sans-serif;font-size:.78rem;font-weight:700}.hero-stage h1{color:#fff;text-transform:none;margin-bottom:.55rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:800}.hero-lead{color:#ffffffe0;margin-bottom:1.25rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-bottom:1.4rem;display:flex}.hero-controls{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.85rem;font-family:Syne,Cairo,sans-serif;font-size:.72rem;font-weight:700;display:flex}.hero-controls button{color:#fff;cursor:pointer;font:inherit;opacity:.85;background:0 0;border:0;padding:0}.hero-controls button:hover{opacity:1}.hero-controls span{background:#ffffff8c;width:42px;height:1px}.hero-dots{gap:.45rem;margin-top:1.1rem;display:flex}.hero-dots button{cursor:pointer;width:7px;height:7px;transition:width .3s var(--ease), background .3s ease;background:#ffffff59;border:0;border-radius:999px;padding:0}.hero-dots button.is-active{background:#fff;width:28px}.hero-shop{inset-inline-end:clamp(1.4rem,4vw,3rem);z-index:2;letter-spacing:.12em;text-transform:uppercase;color:#fff;border-bottom:1px solid #ffffff8c;padding-bottom:.2rem;font-family:Syne,Cairo,sans-serif;font-size:.78rem;font-weight:700;position:absolute;bottom:clamp(1.8rem,5vw,3.4rem)}.btn-primary,.btn-ghost{min-height:46px;transition:transform .25s var(--ease), background .25s ease, color .25s ease, border-color .25s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.92rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--white);color:var(--ink)}.btn-primary:hover{background:#f0f0ee;transform:translateY(-2px)}.btn-ghost{color:#fff;background:0 0;border-color:#ffffff73}.btn-ghost:hover{background:#ffffff1a}.text-link,.shop-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;width:fit-content;padding-bottom:.15rem;font-family:Syne,Cairo,sans-serif;font-size:.78rem;font-weight:700}.shop-link{color:var(--ink);margin-top:1rem;display:inline-block}.section{padding:clamp(3.8rem,7.5vw,5.8rem) 0}.section-soft{background:var(--paper)}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin:0 0 .45rem;font-family:Syne,Cairo,sans-serif;font-size:.72rem;font-weight:700}.section-label.light{color:#ffffffb8}.section-head{margin-bottom:2rem}.section-head.split{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-head h2{font-size:clamp(1.85rem,3.2vw,2.55rem)}.lead{color:var(--muted);max-width:40rem;font-size:1.02rem}.about-note{color:var(--navy);margin:1rem 0 0;font-weight:700}.about-row,.rooms-panel,.management-panel,.contact-grid,.appointment-shell{align-items:center;gap:clamp(1.4rem,3vw,2.4rem);display:grid}.about-row,.rooms-panel,.management-panel{grid-template-columns:1fr 1fr}.photo-frame,.rooms-photo,.management-photo{border-radius:var(--radius);margin:0;overflow:hidden}.photo-frame img,.rooms-photo img{object-fit:cover;width:100%;height:360px}.dentist-photo{border-radius:8px;max-width:min(100%,400px);margin-inline:auto}.dentist-photo img{aspect-ratio:1;object-fit:cover;object-position:center 22%;height:auto}.rooms-features{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.rooms-features li{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:700}.rooms-copy .role,.management .role{color:var(--teal);margin-bottom:.7rem;font-weight:700}.lookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:min(1180px,100% - 2.4rem);margin-inline:auto;display:grid}.lookbook-tile{color:#fff;border-radius:var(--radius);min-height:300px;position:relative;overflow:hidden}.lookbook-tile img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.lookbook-tile:hover img{transform:scale(1.05)}.lookbook-tile span{background:linear-gradient(#0000 42%,#000000ad);flex-direction:column;justify-content:end;padding:1.45rem;display:flex;position:absolute;inset:0}.lookbook-tile small{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-family:Syne,Cairo,sans-serif;font-size:.68rem}.lookbook-tile strong{margin:.25rem 0 .55rem;font-size:1.35rem}.lookbook-tile em{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff8c;width:fit-content;padding-bottom:.15rem;font-family:Syne,Cairo,sans-serif;font-size:.72rem;font-style:normal}.dept-grid,.packages-grid,.doctors-grid{gap:.9rem;display:grid}.dept-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.packages-grid,.doctors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dept-card,.package-card,.shop-card{background:var(--white);border:1px solid var(--line);height:100%;transition:transform .25s var(--ease), box-shadow .25s ease, border-color .25s ease;border-radius:14px;padding:1.35rem 1.3rem}.dept-card:hover,.package-card:hover,.shop-card:hover{box-shadow:var(--shadow-soft);border-color:#1b7a8447;transform:translateY(-5px)}.dept-num{letter-spacing:.08em;color:var(--teal);margin-bottom:.7rem;font-family:Syne,Cairo,sans-serif;font-size:.75rem;display:inline-block}.dept-card h3,.package-card h3{margin-bottom:.45rem;font-size:1.05rem}.dept-card p,.package-card p{color:var(--muted);margin:0;font-size:.92rem}.shop-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--teal)!important;margin-bottom:.7rem!important;font-family:Syne,Cairo,sans-serif!important;font-size:.68rem!important}.package-price{font-weight:800;color:var(--ink)!important;margin:.55rem 0!important;font-size:1.2rem!important}.doctor-card{background:var(--white);border:1px solid var(--line);height:100%;transition:transform .25s var(--ease), box-shadow .25s ease;border-radius:14px;overflow:hidden}.doctor-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-5px)}.shop-doctor{display:grid}.shop-doctor .doctor-photo{object-fit:cover;border-radius:0;width:100%;height:260px}.shop-doctor>div{padding:1rem 1.05rem 1.2rem}.doctor-title{color:var(--teal);margin:0;font-size:.82rem;font-weight:700}.doctor-specialty{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.management-photo{position:relative}.management-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#1018202e);position:absolute;inset:0}.management-photo img{object-fit:cover;width:100%;height:100%;min-height:380px}.management .badge{border:1px solid var(--line);color:var(--navy);background:var(--paper);border-radius:999px;margin:0 0 .85rem;padding:.35rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.director-quote{border-top:1px solid var(--line);color:var(--muted);margin:1rem 0 0;padding:1rem 0 0;font-size:1rem}.contact-grid{grid-template-columns:.9fr 1.1fr}.contact-list{gap:.85rem;margin-top:1.2rem;display:grid}.contact-list li{border-bottom:1px solid var(--line);gap:.15rem;padding-bottom:.75rem;display:grid}.contact-list strong{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:Syne,Cairo,sans-serif;font-size:.78rem}.map-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:320px;overflow:hidden}.map-frame iframe{border:0;width:100%;height:100%;min-height:320px}.appointment-section{color:#fff;background:linear-gradient(125deg,#101820f0,#1f6f78e0),url(/images/hospital-corridor.jpg) 50%/cover;position:relative;overflow:hidden}.appointment-section h2{color:#fff}.appointment-section .lead{color:#ffffffdb}.appointment-shell{z-index:1;grid-template-columns:.8fr 1.2fr;position:relative}.appointment-intro .btn-ghost{margin-top:.4rem}.appointment-form{color:var(--ink);background:#fffffffa;border-radius:8px;gap:.9rem;padding:1.45rem;display:grid;box-shadow:0 24px 60px #00000038}.appointment-form .btn-primary{background:var(--ink);width:100%;color:var(--white);margin-top:.2rem}.appointment-form .btn-primary:hover{background:var(--teal)}.field{gap:.3rem;display:grid}.field label{color:var(--ink);font-size:.88rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;padding:.75rem .85rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1f6f788c;outline:none;box-shadow:0 0 0 4px #1f6f781f}.field-error{color:#9b1c1c;margin:0;font-size:.84rem}.form-success{color:#14532d;background:#e8f6ee;border:1px solid #14532d1f;border-radius:8px;padding:1.2rem;font-weight:600}.footer{background:var(--ink);color:#ffffffc7;padding:2.2rem 0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:1.2rem;display:grid}.footer-brand{align-items:flex-start;gap:.65rem;display:flex}.footer-brand strong,.footer-grid strong{color:#fff;margin-bottom:.35rem;display:block}.footer p{margin:0 0 .25rem;font-size:.88rem}.brand-logo.small{border-radius:8px;width:34px;height:34px}.brand{align-items:center;gap:.6rem;display:flex}.brand-logo{object-fit:cover;border-radius:8px;width:36px;height:36px}.whatsapp-float{inset-inline-end:1.1rem;z-index:55;color:#fff;background:#1fa855;border-radius:999px;padding:.85rem 1.15rem;font-weight:800;animation:2.8s ease-in-out infinite softFloat;position:fixed;bottom:1.1rem;box-shadow:0 14px 30px #1fa85559}.whatsapp-float:hover{animation:none;transform:translateY(-3px)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cascadeIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes photoSettle{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.dept-grid .dept-card,.packages-grid .package-card,.shop-grid .doctor-card{opacity:0}.dept-grid.is-visible .dept-card,.packages-grid.is-visible .package-card,.shop-grid.is-visible .doctor-card{animation:cascadeIn .55s var(--ease) both}.dept-grid.is-visible .dept-card:first-child,.packages-grid.is-visible .package-card:first-child,.shop-grid.is-visible .doctor-card:first-child{animation-delay:50ms}.dept-grid.is-visible .dept-card:nth-child(2),.packages-grid.is-visible .package-card:nth-child(2),.shop-grid.is-visible .doctor-card:nth-child(2){animation-delay:.12s}.dept-grid.is-visible .dept-card:nth-child(3),.packages-grid.is-visible .package-card:nth-child(3),.shop-grid.is-visible .doctor-card:nth-child(3){animation-delay:.19s}.dept-grid.is-visible .dept-card:nth-child(4),.packages-grid.is-visible .package-card:nth-child(4),.shop-grid.is-visible .doctor-card:nth-child(4){animation-delay:.26s}.dept-grid.is-visible .dept-card:nth-child(5){animation-delay:.33s}.dept-grid.is-visible .dept-card:nth-child(6){animation-delay:.4s}.dept-grid.is-visible .dept-card:nth-child(7){animation-delay:.47s}.dept-grid.is-visible .dept-card:nth-child(8){animation-delay:.54s}.dentist-photo.is-visible img{animation:photoSettle 1s var(--ease) both}@media (width<=1100px){.dept-grid,.doctors-grid,.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){:root{--rail:0px}.site-main{padding-top:calc(var(--promo) + 64px);margin-inline-start:0}.mobile-bar{inset-inline:0;top:var(--promo);z-index:46;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.7rem 1rem;display:flex;position:fixed}.mobile-menu-btn{border:1px solid var(--line);background:var(--white);font:inherit;cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-weight:700}.side-rail{transition:transform .35s var(--ease);width:min(320px,88vw);box-shadow:var(--shadow);transform:translate(-110%)}html[dir=rtl] .side-rail{transform:translate(110%)}.menu-open .side-rail{transform:translate(0)!important}.rail-backdrop{z-index:44;background:#00000059;border:0;display:none;position:fixed;inset:0}.menu-open .rail-backdrop{display:block}.about-row,.rooms-panel,.management-panel,.contact-grid,.appointment-shell{grid-template-columns:1fr}.lookbook-grid{grid-template-columns:1fr 1fr}.hero-stage{min-height:calc(100vh - var(--promo) - 64px)}.hero-shop{display:none}.photo-frame img,.rooms-photo img{height:260px}.dentist-photo img{height:auto}.management-photo img{min-height:260px}}@media (width<=640px){.dept-grid,.packages-grid,.doctors-grid,.lookbook-grid,.footer-grid{grid-template-columns:1fr}.lookbook-tile{min-height:220px}.hero-stage-copy{inset-inline-end:1.2rem}}@media (prefers-reduced-motion:reduce){.promo-track,.hero-stage-image,.whatsapp-float,.reveal,.dentist-photo img,.dept-card,.package-card,.doctor-card{transition:none!important;animation:none!important}.reveal,.dept-grid .dept-card,.packages-grid .package-card,.shop-grid .doctor-card{opacity:1!important;transform:none!important}}
