:root{--green:#123e32;--green-dark:#0c3129;--cream:#f7f2ea;--sand:#e9dccb;--ink:#173b32;--muted:#746f67;--line:#e7ded2;--shadow:0 12px 32px rgba(38,51,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Tajawal,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1240px,calc(100% - 56px));margin:auto}.site-header{position:absolute;z-index:10;top:14px;left:0;right:0}.nav-shell{height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 18px 0 12px;background:rgba(255,253,249,.94);border-radius:0 0 20px 20px;box-shadow:0 2px 12px #57473813}.brand{display:flex;align-items:center;gap:8px;flex:none;direction:ltr}.brand-mark{width:32px;height:44px;display:grid;place-items:center}.brand-mark svg{height:42px;width:32px;stroke:var(--green);stroke-width:1.2}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-name{font-family:'DM Serif Display',Georgia,serif;color:var(--green);font-size:20px;white-space:nowrap}.brand-name span{font-weight:400;color:#a88b78;margin-left:3px}.brand-copy small{font-family:Arial,sans-serif;color:#8c7768;font-size:7px;letter-spacing:2.3px;margin-top:4px}.desktop-nav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:700;white-space:nowrap}.desktop-nav a{padding:8px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#9b7157}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;min-height:42px;padding:9px 20px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #173b3226}.btn svg{width:16px;height:16px}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#1f5949}.nav-book{border-radius:13px;font-size:12px;padding:8px 14px}.btn-outline{background:rgba(255,255,255,.58);border-color:#8d8d81}.btn-light{background:#f8f7f1;color:var(--green)}.menu-toggle,.mobile-nav{display:none}
.hero{height:600px;position:relative;overflow:hidden;background:#e8d8c5}.hero-image,.hero-wash{position:absolute;inset:0}.hero-image{background:url('assets/doctor.webp') center 37%/cover no-repeat}.hero-wash{background:linear-gradient(90deg,rgba(251,247,238,.88) 0%,rgba(251,247,238,.33) 42%,transparent 65%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start;direction:ltr}.hero-copy{width:44%;padding-top:50px;text-align:center;direction:rtl}.eyebrow{font-size:17px;color:#8f7b6b;margin:0 0 8px}.hero h1{margin:0;font:normal clamp(40px,5.3vw,75px)/1 'DM Serif Display',Georgia,serif;direction:ltr;white-space:nowrap;color:#947964}.hero h1 span{color:var(--green)}.hero-subtitle{font-size:21px;font-weight:800;margin:3px 0 28px;color:#1d2b25}.hero-points{display:flex;justify-content:space-around;margin:0 auto 25px;background:#fffcf9c7;padding:15px 10px;border-radius:14px;max-width:470px}.hero-points span{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:1.25}.hero-points svg{width:27px;height:27px;flex:none}.hero-actions{display:flex;justify-content:center;gap:12px}.hero-quote{position:absolute;right:4%;top:106px;font-size:25px;line-height:1.3;color:#8f755f;transform:rotate(-7deg);font-weight:500;text-align:center;direction:rtl}.feature-strip{background:#f9f5edeb;position:relative;z-index:2;margin-top:-1px;border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:78px;align-items:center}.feature-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;border-left:1px solid #e4dacc;min-height:48px;font-size:13px;font-weight:700}.feature-grid>div:last-child{border:0}.feature-grid svg{width:30px;height:30px;flex:none}
.section{padding:62px 0}.services{background:radial-gradient(circle at 1% 93%,#e9f2ed 0,transparent 20%),#fff}.section-heading{text-align:center;margin-bottom:32px}.section-heading>span{font-size:10px;letter-spacing:2px;color:#ad9681;display:block;margin-bottom:5px}.section-heading>span:before,.section-heading>span:after{content:'——';margin:0 9px;color:#d4c6b5}.section-heading h2{font-size:27px;margin:0;color:#263b32;font-weight:800}.section-heading p{font-size:14px;margin:4px 0 0;color:#655f55}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{background:#fff;border:1px solid #eae7e0;overflow:hidden;border-radius:11px;box-shadow:0 5px 20px #263b320e;display:flex;flex-direction:column;align-items:center;min-height:246px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-photo{display:block;width:100%;height:159px;background-image:url('assets/services.webp');background-size:300% 200%;background-repeat:no-repeat}.p1{background-position:0 0}.p2{background-position:50% 0}.p3{background-position:100% 0}.p4{background-position:0 100%}.p5{background-position:50% 100%}.p6{background-position:100% 100%}.service-title{padding:13px 9px 5px;line-height:1.25;text-align:center;font-size:12px;font-weight:800;min-height:44px;display:grid;place-items:center}.service-arrow{background:#f2eee8;width:24px;height:24px;border-radius:50%;font-size:17px;text-align:center;line-height:25px;margin:4px 0 10px}
.why{display:grid;grid-template-columns:44% 56%;min-height:430px;background:var(--green);color:#fff}.why-image{background:url('assets/room.webp') center/cover}.why-content{display:flex;align-items:center;justify-content:center;gap:28px;padding:34px 38px;background:linear-gradient(90deg,#0c3129,#17503f)}.why-text{min-width:230px}.why h2{font-size:28px;line-height:1.05;margin:0 0 20px}.why h2 span{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:29px}.why ul{list-style:none;padding:0;margin:0 0 23px}.why li{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:13px}.why li svg{fill:#f4f0e8;stroke:var(--green);width:18px;height:18px}.why .btn-light{min-height:36px;font-size:12px;padding:6px 15px}.booking-card{background:#f9f5ee;color:#1e342c;width:300px;flex:none;border-radius:14px;padding:22px 20px;box-shadow:0 12px 30px #09241d24;text-align:center;scroll-margin-top:30px}.booking-card h3{font-size:21px;margin:0 0 3px}.booking-card>p{font-size:12px;color:#766b5d;margin:0 0 17px}.booking-card form{display:grid;gap:8px}.booking-card label{height:37px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #eae5dd;border-radius:6px;padding:0 9px;color:#756d63}.booking-card label svg{width:16px;height:16px;flex:none}.booking-card input,.booking-card select{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#5f5a52;font-size:12px}.booking-card select{cursor:pointer}.booking-card input:focus,.booking-card select:focus{color:var(--green)}.booking-card label:focus-within{outline:2px solid #a9c6b7}.booking-card button{border-radius:6px;width:100%;height:38px;min-height:38px;margin-top:2px}.booking-card .form-note{font-size:11px;line-height:1.45;margin:10px 0 0;color:#3d5c4b;min-height:0}.reviews{padding:38px 0 48px}.reviews .section-heading{margin-bottom:18px}.reviews-panel{max-width:650px;margin:auto;display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:#726d63}.reviews-panel p{font-size:14px}.reviews-ornament{font-family:Georgia,serif;color:#b9a38e;font-size:40px}footer{background:#f8f4ed;padding:23px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-inner p{color:#7c7368}.footer-inner>a:last-child{color:var(--green);font-weight:800}
@media(max-width:1100px){.desktop-nav{gap:10px;font-size:11px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-photo{height:190px}.why{grid-template-columns:40% 60%}.why-content{gap:16px;padding:25px}.hero-copy{width:48%}.hero-quote{display:none}}
@media(max-width:760px){.container{width:min(100% - 28px,540px)}.site-header{top:10px}.nav-shell{height:62px;border-radius:12px;padding:0 13px}.brand-name{font-size:18px}.brand-mark{width:27px}.brand-mark svg{width:28px}.desktop-nav,.nav-book{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--green);border-radius:2px}.mobile-nav:not([hidden]){display:grid;background:#fffdf9;width:min(100% - 28px,540px);margin:5px auto;border-radius:12px;padding:9px 16px;box-shadow:var(--shadow)}.mobile-nav a{padding:10px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.mobile-nav a:last-child{border:0}.hero{height:auto;min-height:0;padding-top:70px;background:#faf6ee}.hero-image{position:relative;height:360px;background-position:66% center}.hero-wash{display:none}.hero-inner{display:block}.hero-copy{width:100%;padding:23px 0 29px}.eyebrow{font-size:14px}.hero h1{font-size:clamp(40px,10vw,63px)}.hero-subtitle{font-size:17px;margin:1px 0 21px}.hero-points{padding:12px 2px;margin-bottom:21px;gap:3px}.hero-points span{font-size:10px;gap:4px}.hero-points svg{width:23px;height:23px}.hero-actions{display:grid;gap:10px}.hero-actions .btn{width:100%;height:44px;border-radius:8px}.feature-strip{display:none}.section{padding:44px 0}.services-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:110px;display:grid;grid-template-columns:112px 1fr 28px;align-items:center;padding:6px;gap:12px;text-align:right}.service-photo{height:96px;border-radius:6px}.service-title{min-height:0;text-align:right;display:block;padding:0;font-size:14px}.service-arrow{margin:0}.section-heading{margin-bottom:26px}.section-heading h2{font-size:25px}.section-heading p{font-size:13px}.why{display:flex;flex-direction:column}.why-image{height:220px}.why-content{display:flex;flex-direction:column;align-items:stretch;padding:36px 22px}.why-text{width:min(100%,470px);margin:auto}.why h2{font-size:26px}.booking-card{width:min(100%,470px);margin:14px auto 0}.reviews{padding:39px 0}.reviews-panel p{line-height:1.5}.footer-inner{flex-direction:column;text-align:center;gap:6px}.footer-inner p{margin:0}}
@media(max-width:380px){.hero-image{height:300px}.hero-points span{font-size:9px}.service-card{grid-template-columns:95px 1fr 24px}.service-photo{height:85px}}
.nav-shell{direction:ltr}.desktop-nav{direction:rtl}

.why{direction:ltr}.why-content{direction:rtl}.booking-card{order:-1}
.hero-quote{color:#fff8ee;text-shadow:0 2px 9px #17372dc9}
@media(max-width:760px){.booking-card{order:0}}
.brand-logo{width:58px;height:43px;object-fit:cover;clip-path:ellipse(39% 45% at 50% 50%);flex:none}.brand-name{font-size:19px}.brand-copy small{letter-spacing:1.25px;font-size:6px}.hero{background:linear-gradient(120deg,#f5ebdd,#f9f4ec)}.hero-image{inset:0 0 0 46%;background-image:url('assets/doctor.webp');background-size:205% auto;background-position:left 36%;background-repeat:no-repeat}.hero-wash{background:linear-gradient(90deg,#fbf7f0 0%,rgba(251,247,240,.88) 35%,rgba(251,247,240,.08) 60%,transparent 100%)}.hero h1{font-size:clamp(39px,4.5vw,61px)}.hero-quote{color:#315143;text-shadow:0 1px 8px #faf1eacc}.contact-section{background:#f7f3ed}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.contact-details{background:#fff;border:1px solid #ebe4d8;border-radius:18px;padding:25px 30px;box-shadow:0 8px 24px #243c3210}.doctor-brand{display:flex;align-items:center;gap:13px;margin-bottom:18px}.doctor-brand img{width:92px;height:auto;clip-path:ellipse(39% 45% at 50% 50%)}.doctor-brand h3,.contact-details h3{margin:0 0 4px;font-size:21px}.doctor-brand p{margin:0;color:var(--muted);font-size:13px}.contact-details address{font-style:normal;display:grid;gap:9px;margin:12px 0 19px}.contact-details address div{display:flex;align-items:center;gap:10px;background:#f8f5ef;padding:11px 13px;border-radius:8px;font-size:14px}.contact-details address strong{color:var(--green);white-space:nowrap}.contact-details address span{color:#4f514a}.contact-whatsapp{border-radius:9px;width:100%;margin-bottom:15px}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{border:1px solid #d6cdbf;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.social-links a:hover{background:var(--green);color:#fff}.address-poster{display:block;width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow)}.form-note a{font-weight:800;text-decoration:underline;color:var(--green)}
@media(max-width:1100px){.contact-grid{gap:20px}.contact-details{padding:20px}.hero-image{background-size:215% auto}}
@media(max-width:760px){.brand-logo{width:47px;height:39px}.brand-name{font-size:16px}.brand-copy small{font-size:5px}.hero-image{position:relative;inset:auto;height:410px;background-size:215% auto;background-position:left 34%}.hero-wash{display:none}.hero h1{font-size:clamp(32px,8vw,44px)}.hero-subtitle{font-size:15px}.contact-grid{grid-template-columns:1fr}.contact-details{order:1}.address-poster{order:2}.contact-details address div{align-items:flex-start;flex-direction:column;gap:3px}.doctor-brand img{width:78px}}
@media(max-width:380px){.hero-image{height:355px;background-size:215% auto}}
.hero-image{background-position:left 25%}.hero-quote{display:none}
@media(max-width:760px){.hero-image{background-position:left 23%}}

/* Show the complete doctor portrait at a comfortable scale in the hero. */
.hero{background:linear-gradient(100deg,#fbf7f0 0%,#f5ebdf 56%,#e8d7c4 100%)}
.hero-image{inset:0 0 0 45%;background-image:url('assets/doctor-hero.png');background-size:auto 530px;background-position:65% bottom;background-repeat:no-repeat}
.hero-wash{background:linear-gradient(90deg,rgba(251,247,240,.92),rgba(251,247,240,.35) 43%,transparent 66%)}
@media(max-width:1100px){.hero-image{background-size:auto 520px}}
@media(max-width:760px){.hero-image{position:relative;inset:auto;height:385px;background-color:#eee0d0;background-size:auto 385px;background-position:center bottom}.hero-wash{display:none}}
@media(max-width:380px){.hero-image{height:335px;background-size:auto 330px}}

.hero-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:19px}
.hero-social>span{font-size:12px;font-weight:700;color:#766e63}
.hero-social a,.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.hero-social a{padding:6px 10px;border:1px solid #c8b9a7;border-radius:999px;background:#fffaf1d9;color:var(--green);font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.hero-social a:hover{background:#fff;transform:translateY(-2px)}
.hero-social svg,.social-links svg{width:16px;height:16px;flex:none}
@media(max-width:760px){.hero-social{margin-top:19px;gap:7px}.hero-social>span{width:100%}.hero-social a{font-size:11px;padding:7px 9px}}
.service-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-groups .service-card{display:flex;align-items:stretch;min-height:0}.service-groups .service-photo{height:175px;flex:none}.service-body{display:flex;flex-direction:column;flex:1;padding:17px;text-align:right}.service-body h3{font-size:18px;line-height:1.35;margin:0 0 8px}.service-body p{font-size:14px;line-height:1.6;color:#5e625b;margin:0 0 16px}.service-body a{margin-top:auto;color:var(--green);font-size:13px;font-weight:800;align-self:flex-start}.service-body a:hover{text-decoration:underline}
@media(max-width:760px){.service-groups{grid-template-columns:1fr}.service-groups .service-card{display:flex;flex-direction:row;gap:0;padding:0}.service-groups .service-photo{width:112px;height:auto;min-height:170px}.service-body{padding:14px}.service-body h3{font-size:16px}.service-body p{font-size:12px;margin-bottom:10px}.service-body a{font-size:12px}}
.about{background:#faf6ef;scroll-margin-top:25px}.about-layout{display:grid;grid-template-columns:38% 1fr;align-items:center;gap:55px}.about-photo{height:480px;background:#eadac8 url('assets/doctor-hero.png') center bottom/auto 460px no-repeat;border-radius:22px}.about-kicker{color:#9a7b66;font-size:13px;font-weight:700}.about-copy h2{font-size:34px;margin:7px 0 10px}.about-copy p{font-size:16px;line-height:1.8;color:#4f5b51}.about-copy .about-lead{font-size:18px;font-weight:700;color:var(--green)}.about-credentials{padding-right:22px;line-height:1.8}.about-credentials li{margin:8px 0}.about-copy .btn{margin-top:5px}
@media(max-width:760px){.about-layout{grid-template-columns:1fr;gap:25px}.about-photo{height:340px;background-size:auto 325px}.about-copy h2{font-size:28px}.about-copy p{font-size:14px}.about-copy .about-lead{font-size:16px}}