@font-face{font-family:Sky;src:url('../fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sky;src:url('../fonts/HelveticaNeueW23forSKY-Bd.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}:root{--ink:#073b3b;--deep:#063f3d;--teal:#168878;--mint:#dff4ee;--pale:#f5fbf9;--line:#dcebe7;--muted:#718987;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Sky,Arial,sans-serif;color:var(--ink);background:#f7fbfa;line-height:1.65}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,92%);margin-inline:auto}.topbar-pro{background:#0b4443;color:#d9efeb;font-size:12px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar-right,.topbar-left{display:flex;gap:24px;align-items:center}.topbar-pro a:hover{color:#8dd7c7}.tiny-icon{font-size:14px;margin-left:3px}.header-pro{background:rgba(255,255,255,.98);border-bottom:1px solid #edf2f0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav-pro{min-height:78px;display:flex;align-items:center;gap:28px}.brand-pro{display:flex;align-items:center;gap:10px;margin-left:auto;order:3}.brand-symbol{width:47px;height:47px;border:3px solid #0d6c63;border-radius:15px 15px 18px 18px;display:grid;place-items:center;font-size:33px;line-height:1;color:#0d6c63;transform:rotate(-2deg)}.brand-text b{display:block;font-size:20px}.brand-text small{display:block;color:#76908d;font-size:11px}.main-menu-pro{order:2;display:flex;align-items:center;gap:27px;flex:1}.main-menu-pro a{font-weight:700;color:#294c4c;padding:28px 0 24px;position:relative;white-space:nowrap}.main-menu-pro a:after{content:'';position:absolute;bottom:13px;right:0;width:0;height:2px;background:var(--teal);transition:.2s}.main-menu-pro a:hover:after,.main-menu-pro a.active:after{width:100%}.nav-actions-pro{order:1;display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 19px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 12px 24px rgba(22,136,120,.2)}.btn-primary:hover{transform:translateY(-1px);background:#0f7567}.btn-light{background:#fff;color:var(--teal);border-color:#8fc8bd}.btn-outline{background:#fff;color:var(--teal);border-color:#62aa9d}.notify-pro{position:relative;font-size:26px;color:var(--teal);line-height:1}.notify-pro i{position:absolute;right:-6px;top:-6px;background:#0e6d63;color:#fff;border-radius:50%;font-size:9px;width:16px;height:16px;display:grid;place-items:center;font-style:normal}.user-pro{position:relative}.user-pro button{border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer}.user-pro button small{display:none}.user-drop-pro{display:none;position:absolute;top:38px;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;min-width:205px;box-shadow:0 20px 45px rgba(7,59,59,.13)}.user-pro:hover .user-drop-pro,.user-pro:focus-within .user-drop-pro{display:block}.user-drop-pro a{display:block;padding:10px;border-radius:9px}.user-drop-pro a:hover{background:var(--pale)}.menu-toggle-pro{display:none;border:0;background:none;font-size:25px;color:var(--ink)}
.hero-pro{position:relative;min-height:470px;overflow:hidden;background:#edf8f5}.hero-pro-media{position:absolute;inset:0;background-size:cover;background-position:left center;filter:saturate(.9)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,63,61,.97) 0%,rgba(10,88,80,.91) 39%,rgba(233,248,244,.92) 72%,rgba(247,252,250,.98) 100%)}.hero-pro:after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:22px 22px;opacity:.24;pointer-events:none}.hero-pro-inner{position:relative;z-index:2;min-height:470px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-copy{width:58%;margin-right:0;text-align:right;color:#fff;padding:45px 0 35px}.hero-kicker{color:#a8dfd1;font-weight:700;font-size:14px}.hero-copy h1{font-size:44px;line-height:1.18;margin:12px 0 15px;color:#fff;max-width:650px}.hero-copy p{font-size:17px;max-width:620px;color:#dcefea;margin:0}.hero-actions{display:flex;gap:12px;margin-top:23px}.hero-trust{display:flex;gap:34px;margin-top:25px}.hero-trust>div{display:grid;grid-template-columns:42px 1fr;column-gap:9px;align-items:center;min-width:145px}.round-icon{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:#dff3ed;color:#087568;display:grid;place-items:center}.round-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.hero-trust b{font-size:13px}.hero-trust small{color:#b7d5cf;font-size:11px}.hero-video-card{position:absolute;left:0;bottom:34px;width:300px;height:112px;border-radius:15px;background:#fff;padding:7px;box-shadow:0 18px 40px rgba(0,0,0,.13);z-index:3}.hero-video-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.video-label{position:absolute;right:13px;bottom:13px;background:#fff;border-radius:9px;padding:7px 12px;display:flex;flex-direction:column;box-shadow:0 7px 18px rgba(0,0,0,.1)}.video-label b{font-size:13px}.video-label small{font-size:10px;color:var(--muted)}.video-trigger{border:0;cursor:pointer}.hero-video-card .video-trigger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18)}.hero-video-card .video-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.specialty-strip{background:#fff;border-bottom:1px solid #e9f0ee}.specialty-row{display:flex;align-items:stretch;gap:5px;padding:15px 0}.specialty-mini{flex:1;min-height:82px;border:1px solid #e6efec;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 7px 18px rgba(6,63,61,.035);transition:.2s}.specialty-mini:hover{transform:translateY(-2px);border-color:#b8ded6}.specialty-mini span{color:#0c7469}.specialty-mini svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5}.specialty-mini b{font-size:12px}.specialty-feature{flex:1.15;background:linear-gradient(135deg,#148778,#0a6c63);color:#fff;border-radius:12px;padding:13px 17px;display:flex;flex-direction:column;justify-content:center;gap:4px}.specialty-feature b{font-size:21px;line-height:1.15}.specialty-feature small{font-size:10px;color:#c9eee5}
.section-pro{padding:55px 0}.about-pro{background:#fff}.about-grid{display:grid;grid-template-columns:1.45fr 1.1fr .42fr;gap:40px;align-items:center}.about-media{position:relative}.about-media img{display:block;width:100%;height:230px;object-fit:cover;border-radius:18px}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.16)}.big-play svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.experience{position:absolute;bottom:-13px;right:-12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 15px;display:flex;gap:6px;align-items:center;box-shadow:0 9px 24px rgba(6,63,61,.08)}.experience strong{color:var(--ink);font-size:13px}.experience span{font-size:10px;color:var(--muted)}.section-kicker{color:#55a99b;font-weight:700;font-size:13px}.about-copy h2{font-size:28px;margin:6px 0 0}.about-copy h3{font-size:18px;margin:0 0 12px}.about-copy p{color:#6d8582;margin:0 0 16px;font-size:14px}.stats-pro{border-right:1px solid var(--line);padding-right:22px;display:grid;gap:14px}.stats-pro div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.stats-pro strong{font-size:19px;color:#087568}.stats-pro span{font-size:10px;color:#718987}
.section-head-pro{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-head-pro h2{margin:3px 0 0;font-size:27px}.section-head-pro p{margin:0;color:#829390;font-size:12px}.doctors-pro{background:#f7fbfa}.doctor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.doctor-card{background:#fff;border:1px solid #e0ece9;border-radius:13px;overflow:hidden;box-shadow:0 10px 25px rgba(6,63,61,.04)}.doctor-card>img{width:100%;height:190px;display:block;object-fit:cover;object-position:center top}.doctor-info{padding:10px 13px;display:flex;justify-content:space-between;align-items:center}.doctor-info h3{font-size:14px;margin:0}.doctor-info p{font-size:10px;color:#78908d;margin:2px 0 0}.doctor-info a{width:28px;height:28px;border:1px solid #a8d4cc;border-radius:50%;display:grid;place-items:center;color:#148778}
.booking-band{background:#0b625b;color:#fff;overflow:hidden}.booking-inner{min-height:165px;display:grid;grid-template-columns:1.1fr 1.55fr .55fr;align-items:center;gap:35px;position:relative}.booking-photo{height:165px;overflow:hidden;align-self:stretch}.booking-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.booking-inner>div:nth-child(2){padding:22px 0}.booking-inner>div:nth-child(2)>span{color:#a9e1d4;font-size:12px}.booking-inner h2{margin:4px 0;font-size:27px}.booking-inner p{margin:0 0 13px;color:#c7e4df;font-size:12px}.btn-white{background:#fff;color:#0a625b}.calendar-art{display:flex;align-items:center;gap:12px;justify-content:center}.calendar-art span{width:66px;height:66px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#0a625b}.calendar-art svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7}.calendar-art b{font-size:20px;line-height:1.2}
.content-pro{background:#fff}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:28px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{border:1px solid #e1ece9;border-radius:11px;overflow:hidden;background:#fff}.article-card img{width:100%;height:105px;object-fit:cover;display:block}.article-body{padding:10px 12px}.article-body small{color:#8a9a98;font-size:9px}.article-body h3{font-size:13px;margin:3px 0 10px;line-height:1.45}.article-body a{font-size:10px;color:#158476}.testimonial{background:#f5faf8;border-radius:13px;padding:22px;position:relative}.testimonial .quote{position:absolute;top:5px;left:16px;color:#168878;font-size:43px;line-height:1}.testimonial p{font-size:13px;color:#5f7774;margin:15px 0}.patient{display:flex;align-items:center;gap:10px}.patient-avatar{width:38px;height:38px;border-radius:50%;background:#d7eee7;display:grid;place-items:center;color:#117467}.patient b,.patient small{display:block}.patient b{font-size:12px}.patient small{font-size:9px;color:#83938f}.dots{display:flex;gap:5px;margin-top:15px}.dots i{width:6px;height:6px;border-radius:50%;background:#b8cbc7}.dots i.active{background:#168878}
.footer-pro{background:#063b3b;color:#d3e7e3}.footer-main{padding:48px 0 38px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr 1.55fr;gap:35px}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff}.footer-logo span{font-size:42px;line-height:.7}.footer-logo b{font-size:20px}.footer-brand p,.footer-contact p{font-size:11px;line-height:2;color:#bdd5d0}.footer-main h4{color:#fff;font-size:14px;margin:0 0 13px}.footer-main>div>a{display:block;color:#bdd5d0;font-size:11px;margin:7px 0}.socials{display:flex;gap:9px;margin-top:16px}.socials a{width:25px;height:25px;border:1px solid #477876;border-radius:50%;display:grid!important;place-items:center;color:#fff!important;margin:0!important}.newsletter p{font-size:11px;color:#bdd5d0}.newsletter form{display:flex;background:#fff;border-radius:9px;overflow:hidden;height:40px}.newsletter input{border:0;outline:0;padding:0 12px;flex:1;min-width:0;color:#315451}.newsletter button{width:48px;border:0;background:#168878;color:#fff}.copyright-pro{border-top:1px solid rgba(255,255,255,.08);padding:12px 0}.copyright-pro .wrap{display:flex;justify-content:space-between;font-size:10px;color:#a9c5c0}.copyright-pro a{margin-right:18px}.video-modal{position:fixed;inset:0;background:rgba(0,30,30,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.video-modal.open{display:flex}.video-modal-box{width:min(900px,95vw);background:#000;border-radius:16px;overflow:hidden;position:relative}.video-modal-box>button{position:absolute;left:10px;top:5px;border:0;background:#fff;color:#06403e;border-radius:50%;width:32px;height:32px;font-size:24px;z-index:2;cursor:pointer}.video-modal-box iframe,.video-modal-box video{width:100%;aspect-ratio:16/9;border:0;display:block}
/* Existing inner pages/admin */.page-hero{padding:50px 0;background:#e7f4ef}.page-hero h1{margin:0;font-size:38px}.form-box{background:#fff;border:1px solid #e1ece8;border-radius:18px;padding:25px;box-shadow:0 12px 40px rgba(6,63,61,.06)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:700}.field input,.field select,.field textarea{border:1px solid #d5e4df;border-radius:10px;padding:10px 12px;background:#fbfdfc;outline:none}.field.full{grid-column:1/-1}.notice{padding:12px 16px;border-radius:11px;background:#eaf7f1;color:#176457;margin-bottom:18px}.error{background:#fff0ef;color:#a13b35}.admin-body{background:#f4f8f7}.admin-shell{display:flex;min-height:100vh;direction:ltr}.admin-side{width:270px;background:#063b3b;color:#d9ece7;padding:22px;direction:rtl}.admin-side .logo{font-size:20px;font-weight:700;margin-bottom:25px}.admin-side a{display:block;padding:11px 13px;border-radius:10px;margin:4px 0;color:#d9ece7}.admin-side a:hover,.admin-side a.active{background:#168878;color:#fff}.admin-main{flex:1;direction:rtl}.admin-top{background:#fff;border-bottom:1px solid #e5eeeb;padding:17px 25px;display:flex;justify-content:space-between}.admin-content{padding:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #e1ece8;border-radius:15px;padding:20px}.stat strong{font-size:30px;display:block;color:#168878}.table-wrap{overflow:auto;background:#fff;border:1px solid #e1ece8;border-radius:15px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid #edf2f0;text-align:right;white-space:nowrap}.table th{background:#f7faf9}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#e6f5ef;color:#176457;font-size:12px}.admin-form{max-width:900px}.side-note{font-size:12px;color:#9db5b1}
/* Premium reference-matching corrections v3 */
.nav-pro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;direction:ltr;gap:30px;align-items:center}.brand-pro{grid-column:3;order:0;margin:0;direction:rtl;justify-self:end}.main-menu-pro{grid-column:2;order:0;direction:rtl;justify-content:center;align-items:center;gap:30px}.nav-actions-pro{grid-column:1;order:0;direction:rtl;justify-self:start}.menu-toggle-pro{grid-column:1;grid-row:1;justify-self:start}.brand-symbol{width:52px;height:52px;border:0;border-radius:0;transform:none;display:grid;place-items:center}.brand-symbol svg{width:52px;height:52px;fill:none;stroke:#0d756b;stroke-width:2}.brand-symbol .brand-leaf{fill:none}.brand-symbol .brand-stem{stroke-width:1.5}.topbar-inner{direction:ltr}.topbar-left{order:1}.topbar-right{order:2;direction:rtl}.top-action{height:34px;padding:5px 14px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(210,244,237,.55);font-weight:700}.top-action-outline{background:transparent;color:#fff}.top-action-solid{background:#168878;color:#fff;border-color:#168878;box-shadow:0 5px 14px rgba(0,0,0,.12)}.top-action:hover{transform:translateY(-1px);color:#fff}.top-action-icon{font-size:15px;line-height:1}.nav-login{min-width:124px}.notify-pro{display:grid;place-items:center}.notify-pro svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.user-pro button{display:flex;align-items:center;gap:6px}.user-pro button span{color:#78918d;font-size:11px}.user-pro button b{font-size:14px}.hero-pro{min-height:470px;background:#eef7f4}.hero-pro-media{background-size:100% 100%;background-repeat:no-repeat;background-position:center;filter:none}.hero-pro:after{display:none}.hero-copy{position:relative;z-index:3;width:55%;margin-left:0;margin-right:auto;text-align:right;color:var(--ink);padding:42px 0 28px}.hero-copy:before{content:'';position:absolute;inset:-25px -60px -25px -40px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(247,252,250,.72) 34%,rgba(247,252,250,.98) 70%);z-index:-1;border-radius:0}.hero-kicker{color:#61afa2}.hero-copy h1{color:#07514f;font-size:42px;line-height:1.22;margin:10px 0 12px;max-width:650px}.hero-copy p{color:#55716f;font-size:15px;max-width:610px;margin-right:0}.hero-actions{justify-content:flex-start}.hero-trust{justify-content:flex-start}.hero-trust b{color:#0c5552}.hero-trust small{color:#718987}.hero-video-card{display:none}.specialty-row{direction:rtl}.specialty-feature{order:0;min-width:180px;flex:1.15}.specialty-mini{order:1}.booking-inner{grid-template-columns:1.1fr 1.55fr .72fr}.calendar-art{position:relative;min-height:130px}.calendar-art:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.13);right:2px;top:-20px}.calendar-art span,.calendar-art b{position:relative;z-index:1}.calendar-art b{font-size:21px}.footer-brand-symbol{width:48px;height:48px;display:grid;place-items:center}.footer-brand-symbol svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:2}.footer-brand-symbol .brand-leaf{fill:none}.footer-brand-symbol .brand-stem{stroke-width:1.5}.socials a{width:32px;height:32px;border-color:#4b8580}.socials a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.socials a[aria-label="فيسبوك"] svg{fill:currentColor;stroke:none}.socials a[aria-label="يوتيوب"] svg{stroke:none}.socials a:hover{background:#168878;border-color:#168878;transform:translateY(-2px)}

/* Header reference match - final */
.header-pro{position:relative;top:auto;min-height:80px;background:#fff;border-bottom:1px solid #e6efed;backdrop-filter:none;z-index:100}
.nav-pro{width:min(1180px,92%);height:80px;min-height:80px;margin-inline:auto;display:grid;grid-template-columns:250px minmax(0,1fr) 250px;grid-template-areas:"actions menu brand";direction:ltr;align-items:center;gap:10px}
.brand-pro{grid-area:brand;display:flex;direction:rtl;align-items:center;justify-content:flex-start;gap:10px;margin:0;justify-self:end;min-width:0}
.brand-symbol{width:62px;height:58px;border:0;border-radius:0;display:grid;place-items:center;transform:none;flex:0 0 auto}
.brand-symbol svg{width:62px;height:58px;display:block;overflow:visible}
.brand-heart{fill:none;stroke:#08766d;stroke-width:2.2;stroke-linejoin:round}
.brand-leaf{fill:#79c9ad;stroke:#08766d;stroke-width:1.25;stroke-linejoin:round}
.brand-stem{fill:none;stroke:#08766d;stroke-width:1.7;stroke-linecap:round}
.brand-text{direction:rtl;text-align:right;white-space:nowrap}
.brand-text b{display:block;color:#073f3f;font-size:20px;line-height:1.25;font-weight:700}
.brand-text small{display:block;color:#7c9793;font-size:10px;line-height:1.4;margin-top:2px}
.main-menu-pro{grid-area:menu;display:flex;direction:rtl;align-items:center;justify-content:center;gap:30px;height:80px;min-width:0;flex:initial}
.main-menu-pro a{height:80px;display:flex;align-items:center;position:relative;padding:2px 0 0;color:#294c4c;font-size:14px;font-weight:700;white-space:nowrap}
.main-menu-pro a:after{content:"";position:absolute;right:0;left:0;bottom:16px;width:auto;height:2px;background:#15907e;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.main-menu-pro a:hover:after,.main-menu-pro a.active:after{transform:scaleX(1)}
.nav-actions-pro{grid-area:actions;display:flex;direction:ltr;align-items:center;justify-content:flex-start;gap:18px;min-width:0;justify-self:start}
.header-search-pro{width:32px;height:40px;border:0;background:transparent;color:#08766d;display:grid;place-items:center;padding:0;cursor:pointer}
.header-search-pro svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.header-search-pro:hover{color:#0c544f}
.notify-pro{position:relative;width:34px;height:42px;display:grid;place-items:center;color:#168b7b;line-height:1;flex:0 0 auto}
.notify-pro svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.notify-pro i{position:absolute;right:-1px;top:2px;width:18px;height:18px;background:#0c7168;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:700;border:2px solid #fff}
.user-pro{position:relative;direction:rtl;white-space:nowrap}
.user-pro button{height:48px;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:6px;color:#123f3e;font-size:12px;font-weight:700;cursor:pointer}
.user-pro button span{display:block;color:#7a9692;font-size:10px;font-weight:400}
.user-pro button b{font-size:13px;color:#6f8d89}
.user-drop-pro{display:none;position:absolute;top:50px;right:0;background:#fff;border:1px solid #dcebe7;border-radius:12px;padding:7px;min-width:200px;box-shadow:0 18px 40px rgba(7,59,59,.14);z-index:120}
.user-pro:hover .user-drop-pro,.user-pro:focus-within .user-drop-pro{display:block}
.user-drop-pro a{display:block;padding:10px;border-radius:8px;font-size:12px}
.user-drop-pro a:hover{background:#f3faf7;color:#08766d}
.nav-login{height:42px;min-width:130px;padding:0 17px;border-radius:11px;font-size:13px;gap:7px;direction:rtl;white-space:nowrap}
.nav-login svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle-pro{display:none}
.topbar-pro{height:38px}
.topbar-inner{height:38px;direction:ltr}
.topbar-left{order:1;direction:rtl;gap:8px}
.topbar-right{order:2;direction:rtl;gap:22px}
.tiny-icon{display:inline-grid;vertical-align:middle;margin-left:4px}
.tiny-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.top-action{height:30px;padding:3px 12px;border-radius:8px;font-size:11px;gap:6px}
.top-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.header-search-panel{display:none;background:#fff;border-bottom:1px solid #dcebe7;box-shadow:0 12px 28px rgba(7,59,59,.08);position:relative;z-index:95}
.header-search-panel.open{display:block}
.header-search-panel form{padding:14px 0}
.header-search-panel label{display:block;font-size:11px;color:#6c8884;margin-bottom:5px}
.header-search-panel form>div{display:flex;gap:8px}
.header-search-panel input{height:42px;flex:1;border:1px solid #d4e5e0;border-radius:9px;padding:0 13px;outline:0;color:#123f3e;background:#fbfefd}
.header-search-panel input:focus{border-color:#72bbae;box-shadow:0 0 0 3px rgba(22,136,120,.08)}
.header-search-panel button{height:42px;border:0;border-radius:9px;background:#168878;color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
@media(max-width:1100px) and (min-width:761px){.nav-pro{grid-template-columns:205px minmax(0,1fr) 210px}.main-menu-pro{gap:18px}.main-menu-pro a{font-size:12px}.brand-text b{font-size:17px}.brand-symbol{width:52px}.brand-symbol svg{width:52px}.nav-actions-pro{gap:11px}}

/* ===== Exact reference hero ===== */
.hero-reference{min-height:0;height:auto;background:#fff;overflow:hidden;position:relative}
.hero-reference-image{position:relative;width:100%;line-height:0}
.hero-reference-image>img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.hero-hotspot{position:absolute;display:block;border:0;background:transparent;padding:0;cursor:pointer;z-index:5;text-decoration:none}
.hero-hotspot-appointment{right:5.0%;top:59.0%;width:15.0%;height:10.5%}
.hero-hotspot-more{right:20.8%;top:59.0%;width:12.0%;height:10.5%}
.hero-hotspot-video{left:4.8%;bottom:7.2%;width:23.7%;height:21%;border-radius:14px}
.hero-hotspot:focus-visible{outline:2px solid #168878;outline-offset:2px}

/* Hero editable controls */
.hero-editable-copy{display:none;position:absolute;z-index:6;right:43%;top:16%;width:48%;text-align:right;color:#07514f;direction:rtl}
.hero-custom-mode .hero-editable-copy{display:block}
.hero-editable-copy>span{display:block;color:#168878;font-size:14px;font-weight:700;margin-bottom:10px}
.hero-editable-copy h1{font-size:42px;line-height:1.22;margin:0 0 14px;font-weight:700}
.hero-editable-copy p{font-size:16px;line-height:1.8;margin:0;max-width:620px}
.hero-editable-actions{position:absolute;z-index:7;right:43.7%;top:59.2%;display:flex;gap:12px;direction:rtl}
.hero-live-btn{height:43px;min-width:154px;padding:0 22px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 5px 14px rgba(7,59,59,.06);white-space:nowrap}
.hero-live-btn-primary{background:#168878;color:#fff;border:1px solid #168878}
.hero-live-btn-secondary{background:#fff;color:#08766d;border:1px solid #71c4b7}
.hero-live-btn:hover{transform:translateY(-1px)}
@media(max-width:760px){.hero-editable-copy{right:7%;top:13%;width:86%;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 25px rgba(7,59,59,.08)}.hero-editable-copy h1{font-size:27px}.hero-editable-copy p{font-size:12px}.hero-editable-actions{right:7%;top:59%;gap:7px}.hero-live-btn{height:36px;min-width:110px;padding:0 12px;font-size:11px}}

/* ===== Rebuilt editable medical hero ===== */
.medical-hero{position:relative;min-height:470px;overflow:hidden;background:#eef8f5;isolation:isolate}
.medical-hero-bg{position:absolute;inset:0;background-size:cover;background-position:left center;background-repeat:no-repeat;z-index:-3}
.medical-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,0) 8%,rgba(249,253,252,.08) 36%,rgba(244,251,249,.78) 63%,rgba(250,253,252,.98) 100%)}
.medical-hero-inner{position:relative;min-height:470px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:42px 0 30px}
.medical-hero-copy{width:min(58%,690px);text-align:right;direction:rtl;margin-right:0}
.medical-hero-badge{display:block;color:#55a99b;font-size:14px;font-weight:700;margin-bottom:7px}
.medical-hero-copy h1{margin:0 0 14px;color:#07514f;font-size:43px;line-height:1.2;font-weight:700;letter-spacing:-.5px}
.medical-hero-copy p{margin:0;color:#5e7774;font-size:16px;line-height:1.9;max-width:650px}
.medical-hero-actions{display:flex;direction:rtl;gap:12px;margin-top:22px}
.medical-hero-btn{height:44px;min-width:145px;padding:0 22px;border-radius:23px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.2s;border:1px solid transparent}
.medical-hero-btn-primary{background:#168878;color:#fff;box-shadow:0 10px 22px rgba(22,136,120,.16)}
.medical-hero-btn-secondary{background:rgba(255,255,255,.94);color:#08766d;border-color:#70c2b5}
.medical-hero-btn:hover{transform:translateY(-2px)}
.medical-hero-features{width:min(58%,690px);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px;direction:rtl}
.medical-feature{display:flex;align-items:center;justify-content:flex-start;gap:10px;direction:rtl;min-width:0}
.medical-feature-icon{width:43px;height:43px;border-radius:50%;background:rgba(223,244,238,.92);color:#0b7a6d;display:grid;place-items:center;font-size:24px;line-height:1;flex:0 0 43px;border:1px solid rgba(11,122,109,.05)}
.medical-feature div{display:flex;flex-direction:column;min-width:0}
.medical-feature b{font-size:13px;color:#07514f;white-space:nowrap}
.medical-feature small{font-size:11px;color:#728987;white-space:nowrap}
.medical-hero-video{position:absolute;left:max(3.5%,calc((100% - 1180px)/2));bottom:34px;width:290px;height:103px;padding:0;border:7px solid #fff;border-radius:15px;background:#eef7f4;overflow:hidden;box-shadow:0 14px 30px rgba(7,59,59,.13);cursor:pointer;display:flex;align-items:center;direction:rtl;text-align:right}
.medical-video-thumb{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,80,75,.15),rgba(10,80,75,.02));background-size:cover;background-position:center}
.medical-video-copy{position:absolute;right:9px;bottom:9px;background:#fff;border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;box-shadow:0 5px 14px rgba(0,0,0,.08);z-index:2}
.medical-video-copy b{font-size:12px;color:#07514f}.medical-video-copy small{font-size:9px;color:#718987}
.medical-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:#08766d;display:grid;place-items:center;font-size:16px;box-shadow:0 8px 18px rgba(0,0,0,.15);z-index:2}
@media(max-width:900px){.medical-hero-copy,.medical-hero-features{width:60%}.medical-hero-copy h1{font-size:36px}.medical-hero-video{left:3%;width:250px}}

/* Hero video hotspot: the visual card remains part of the supplied reference photo. */
.medical-hero-video{background:transparent;border:0;box-shadow:none;border-radius:15px;z-index:4}
.medical-feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-admin-head{margin-bottom:18px;display:flex;justify-content:space-between;align-items:end}.hero-admin-head h2{margin:4px 0;font-size:28px}.hero-admin-head p{margin:0;color:#718987}.hero-current{padding:13px 15px;border:1px dashed #c9dfda;border-radius:12px;background:#f7fbfa;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-current code{direction:ltr;color:#176457;word-break:break-all}

/* ===== Hero V9: exact desktop composition - copy/features right, video left ===== */
@media (min-width: 761px){
  .medical-hero{min-height:470px;}
  .medical-hero-inner{display:block;min-height:470px;position:relative;padding:0;}
  .medical-hero-copy{position:absolute;right:5.5%;top:68px;width:min(51%,650px);margin:0;text-align:right;z-index:5;}
  .medical-hero-copy h1{max-width:650px;}
  .medical-hero-copy p{max-width:620px;}
  .medical-hero-actions{justify-content:flex-start;}
  .medical-hero-features{position:absolute;right:5.5%;bottom:34px;width:min(51%,650px);margin:0;z-index:5;}
  .medical-hero-video{left:4.5%;bottom:32px;width:290px;height:103px;z-index:6;}
}

/* Keep the reference-style background balanced behind the real HTML content. */
@media (min-width: 1100px){
  .medical-hero-bg{background-position:left center;background-size:cover;}
}


/* ===== V10 Hero precision refinements ===== */
.medical-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 13px;background:rgba(223,244,238,.9);border:1px solid rgba(22,136,120,.18);border-radius:999px;color:#0b756b;box-shadow:0 7px 18px rgba(7,59,59,.07);position:relative;}
.medical-hero-badge i{width:7px;height:7px;border-radius:50%;background:#168878;display:block;box-shadow:0 0 0 4px rgba(22,136,120,.10);}
.medical-hero-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto;}
.medical-hero-video{display:block;background:#fff;border:7px solid #fff;box-shadow:0 14px 30px rgba(7,59,59,.16);z-index:8;}
.medical-video-thumb{position:absolute;inset:0;background-size:cover;background-position:center;display:block;}
.medical-video-label{position:absolute;right:10px;bottom:9px;background:#fff;border-radius:9px;padding:6px 10px;display:flex;flex-direction:column;box-shadow:0 5px 14px rgba(0,0,0,.10);z-index:3;text-align:right;}
.medical-video-label b{font-size:12px;color:#07514f;line-height:1.2}.medical-video-label small{font-size:9px;color:#718987;line-height:1.2}
.medical-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:#08766d;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.16);z-index:4;}
.medical-video-play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.video-empty{color:#d9efeb;text-align:center;padding:70px 20px;font-size:18px;line-height:1.8}.video-empty small{color:#a8c9c2;font-size:13px}
.video-modal.open{z-index:3000}
@media(min-width:761px){
 .medical-hero-copy{right:3.3%;width:min(54%,700px);}
 .medical-hero-features{right:3.3%;width:min(54%,700px);}
 .medical-hero-video{left:max(3.5%,calc((100% - 1180px)/2));bottom:32px;width:300px;height:106px;}
}
@media(min-width:1100px){
 .medical-hero-copy{right:3.1%;}
 .medical-hero-features{right:3.1%;}
}

/* ===== About statistics: reference-style icon + number + description ===== */
.stats-pro{border-right:1px solid var(--line);padding-right:22px;display:grid;gap:15px}
.stats-pro .stat-item{display:flex;direction:rtl;align-items:center;justify-content:flex-start;gap:10px;min-height:52px}
.stats-pro .stat-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;background:#e8f6f2;color:#0b7d70;display:grid;place-items:center}
.stats-pro .stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.stats-pro .stat-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.15;min-width:90px}
.stats-pro .stat-content strong{font-size:20px;line-height:1.1;color:#087568;font-weight:800;white-space:nowrap}
.stats-pro .stat-content span{margin-top:4px;font-size:10px;line-height:1.3;color:#718987;white-space:nowrap}
@media(max-width:1000px){
 .stats-pro{grid-template-columns:repeat(4,1fr);border-right:0;border-top:1px solid var(--line);padding:20px 0 0;gap:12px}
 .stats-pro .stat-item{justify-content:center}
}

/* ===== Booking CTA — reference visual refinement ===== */
.booking-band{position:relative;background:#0b6c65;overflow:hidden}
.booking-band:before,.booking-band:after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.booking-band:before{width:250px;height:250px;left:105px;top:-42px;background:rgba(255,255,255,.105)}
.booking-band:after{width:135px;height:135px;left:158px;top:15px;border:1px solid rgba(255,255,255,.10)}
.booking-inner{min-height:165px;grid-template-columns:.95fr 1.55fr .78fr;gap:30px;position:relative;z-index:1}
.booking-photo{height:165px;order:3;align-self:stretch;position:relative;z-index:2}
.booking-photo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0 0 0 2px;display:block}
.booking-inner>div:nth-child(2){order:2;padding:20px 0;text-align:right;position:relative;z-index:2}
.booking-inner>div:nth-child(2)>span{display:block;color:#a8dfd4;font-size:12px;margin-bottom:2px}
.booking-inner h2{margin:0 0 4px;font-size:27px;line-height:1.35;color:#fff}
.booking-inner p{margin:0 0 13px;color:#d2ece7;font-size:12px;line-height:1.7}
.booking-inner .btn-white{height:45px;padding-inline:22px;border-radius:11px;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.10)}
.calendar-art{order:1;position:relative;min-height:165px;display:flex;align-items:center;justify-content:center;gap:13px;z-index:2}
.calendar-art:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.14);right:auto;top:-3px;left:50%;transform:translateX(-50%);z-index:-1}
.calendar-art:after{content:'';position:absolute;width:102px;height:102px;border-radius:50%;border:1px solid rgba(255,255,255,.16);left:50%;top:31px;transform:translateX(-50%);z-index:-1}
.calendar-art span{width:66px;height:66px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#0a625b;box-shadow:0 7px 18px rgba(0,0,0,.06);position:relative;z-index:2;flex:0 0 66px}
.calendar-art b{font-size:20px;line-height:1.15;position:relative;z-index:2;text-align:right;color:#fff;white-space:nowrap}
@media(max-width:1000px){
 .booking-inner{grid-template-columns:.9fr 1.45fr .8fr;gap:22px}
 .booking-band:before{left:65px}
}
@media(max-width:760px){
 .booking-band:before{width:220px;height:220px;left:50%;top:-55px;transform:translateX(-50%)}
 .booking-band:after{left:50%;top:10px;transform:translateX(-50%)}
 .booking-inner{grid-template-columns:1fr;min-height:0;gap:0;padding-bottom:18px}
 .booking-photo{order:1;height:150px;width:100%;}
 .booking-inner>div:nth-child(2){order:2;text-align:center;padding:20px 0 10px}
 .booking-inner h2{font-size:24px}
 .calendar-art{order:3;min-height:130px}
 .calendar-art:before{width:155px;height:155px;top:-10px}
 .calendar-art:after{width:95px;height:95px;top:20px}
 .calendar-art b{font-size:19px}
}

/* Booking CTA — reference-scale family photo */
.booking-inner{grid-template-columns:1.35fr 1.45fr .78fr;gap:28px;min-height:205px}
.booking-photo{height:205px;align-self:stretch;position:relative;overflow:hidden}
.booking-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.booking-photo:after{content:'';position:absolute;top:0;right:-42px;width:105px;height:100%;background:#0b6c65;clip-path:polygon(55% 0,100% 0,100% 100%,0 100%);opacity:.98;pointer-events:none}
.booking-band:before{width:290px;height:290px;left:35px;top:-45px}
.booking-band:after{width:165px;height:165px;left:102px;top:20px}
@media (max-width:1100px){
 .booking-inner{grid-template-columns:1.15fr 1.5fr .75fr;gap:22px}
 .booking-photo{height:190px}
}
@media (max-width:760px){
 .booking-inner{grid-template-columns:1fr;min-height:0;gap:0;padding-bottom:18px}
 .booking-photo{order:1;height:190px;width:100%}
 .booking-photo:after{display:none}
 .booking-band:before{width:230px;height:230px;left:50%;top:-45px;transform:translateX(-50%)}
 .booking-band:after{width:140px;height:140px;left:50%;top:10px;transform:translateX(-50%)}
 .booking-inner>div:nth-child(2){order:2;text-align:center;padding:20px 0 10px}
 .calendar-art{order:3}
}