@media(max-width:1000px){.main-menu-pro{gap:15px}.main-menu-pro a{font-size:13px}.hero-copy{width:61%}.hero-copy h1{font-size:38px}.hero-trust{gap:15px}.about-grid{grid-template-columns:1.2fr 1fr}.stats-pro{grid-column:1/-1;grid-template-columns:repeat(4,1fr);border-right:0;border-top:1px solid var(--line);padding:20px 0 0}.doctor-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}.newsletter{grid-column:1/-1}}
@media(max-width:760px){.topbar-right span:first-child{display:none}.topbar-inner{height:34px}.topbar-right,.topbar-left{gap:14px;font-size:10px}.nav-pro{min-height:66px;gap:12px}.menu-toggle-pro{display:block;order:1}.brand-pro{order:2;margin-right:auto}.nav-actions-pro{order:3}.main-menu-pro{display:none;position:absolute;right:0;left:0;top:66px;background:#fff;padding:10px 5%;box-shadow:0 20px 30px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:0}.main-menu-pro.open{display:flex}.main-menu-pro a{padding:11px 4px;border-bottom:1px solid #eef3f1}.main-menu-pro a:after{display:none}.nav-login{padding:8px 11px;font-size:11px}.brand-text b{font-size:15px}.brand-text small{font-size:9px}.brand-symbol{width:38px;height:38px;font-size:27px}.hero-pro{min-height:640px}.hero-pro-media{background-position:35% center}.hero-overlay{background:linear-gradient(180deg,rgba(6,63,61,.92),rgba(6,63,61,.9) 58%,rgba(10,88,80,.96))}.hero-pro-inner{min-height:640px;display:block;padding-top:25px}.hero-copy{width:100%;padding:15px 0;text-align:center}.hero-copy h1{font-size:31px}.hero-copy p{font-size:14px}.hero-actions{justify-content:center}.hero-trust{justify-content:center;flex-wrap:wrap}.hero-trust>div{min-width:115px}.hero-video-card{position:relative;left:auto;bottom:auto;margin:12px auto 0;width:min(310px,88%);height:110px}.specialty-row{overflow-x:auto;padding:12px 0}.specialty-mini{min-width:95px}.specialty-feature{min-width:120px}.about-grid{grid-template-columns:1fr;gap:25px}.about-media img{height:220px}.stats-pro{grid-template-columns:repeat(2,1fr);gap:18px}.section-pro{padding:42px 0}.section-head-pro{align-items:start;gap:15px}.section-head-pro h2{font-size:24px}.doctor-grid{grid-template-columns:1fr 1fr;gap:12px}.doctor-card>img{height:170px}.booking-inner{display:grid;grid-template-columns:1fr;min-height:0;padding-bottom:25px;gap:0}.booking-photo{height:150px;order:1}.booking-inner>div:nth-child(2){order:2;text-align:center;padding:22px 0}.calendar-art{display:none}.content-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.testimonial{margin-top:5px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.copyright-pro .wrap{display:block}.copyright-pro .wrap span{display:block;margin:5px 0}}
@media(max-width:480px){.topbar-left a:first-child{display:none}.hero-copy h1{font-size:28px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{gap:10px}.hero-trust>div{grid-template-columns:35px 1fr;min-width:145px;text-align:right}.round-icon{width:35px;height:35px}.doctor-grid,.article-grid{grid-template-columns:1fr}.doctor-card>img{height:200px}.section-head-pro{display:block}.section-head-pro .btn{margin-top:12px}.footer-main{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}.newsletter{grid-column:auto}.grid-2{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.admin-side{position:fixed;right:-290px;top:0;bottom:0;z-index:200;transition:.2s}.admin-shell.side-open .admin-side{right:0}.admin-content{padding:15px}.admin-top{padding:13px 15px}.page-hero h1{font-size:30px}}
@media(max-width:1000px){.nav-pro{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}.main-menu-pro{gap:15px}.hero-copy{width:57%}.hero-copy h1{font-size:36px}.specialty-feature{min-width:160px}.booking-inner{grid-template-columns:1fr 1.45fr .7fr}}
@media(max-width:760px){.nav-pro{display:flex;direction:rtl;min-height:66px;gap:10px}.menu-toggle-pro{display:block;order:1;margin-right:0}.brand-pro{order:2;margin-right:auto;margin-left:0}.nav-actions-pro{order:3;margin-left:0}.topbar-inner{direction:rtl}.topbar-left{order:2}.topbar-right{order:1}.top-action{height:30px;padding:4px 9px;font-size:9px}.topbar-right span{font-size:9px}.topbar-right span:first-child{display:none}.hero-pro{min-height:640px}.hero-pro-media{background-size:auto 100%;background-position:left center}.hero-copy{width:100%;padding:20px 0 10px;text-align:right}.hero-copy:before{inset:-15px -20px 0 -20px;background:linear-gradient(180deg,rgba(247,252,250,.97),rgba(247,252,250,.83) 65%,rgba(247,252,250,.08))}.hero-copy h1{font-size:30px;color:#07514f}.hero-copy p{font-size:13px;color:#5c7471}.hero-actions{justify-content:flex-start}.hero-trust{justify-content:flex-start}.hero-pro-inner{padding-top:15px}.specialty-row{direction:rtl}.specialty-feature{order:0}.specialty-mini{order:1}.booking-inner{grid-template-columns:1fr;min-height:0}.calendar-art{display:flex;min-height:110px;justify-content:center}.calendar-art:before{width:150px;height:150px;top:-15px}.footer-brand-symbol{width:42px;height:42px}.footer-brand-symbol svg{width:42px;height:42px}.socials{gap:8px}.socials a{width:34px;height:34px}}
@media(max-width:480px){.topbar-left a:first-child{display:inline-flex}.top-action{font-size:9px}.hero-copy h1{font-size:27px}.hero-actions{flex-direction:row}.hero-actions .btn{width:auto}.hero-trust{flex-direction:column;gap:8px}.hero-pro{min-height:650px}.calendar-art{margin-top:2px}.specialty-feature{min-width:145px}}

/* Header reference match - responsive */
@media(max-width:760px){
    .topbar-pro{height:34px}
    .topbar-inner{height:34px;width:92%}
    .topbar-right{gap:10px;font-size:9px}
    .topbar-right span:nth-child(1){display:none}
    .topbar-left{gap:5px}
    .top-action{height:27px;padding:3px 8px;font-size:9px;border-radius:7px}
    .top-action svg{width:12px;height:12px}
    .header-pro{min-height:66px;height:66px}
    .nav-pro{height:66px;min-height:66px;width:92%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"menu brand actions";direction:ltr;gap:8px}
    .brand-pro{grid-area:brand;justify-self:center;gap:6px;max-width:100%;overflow:hidden}
    .brand-symbol{width:42px;height:42px}
    .brand-symbol svg{width:42px;height:42px}
    .brand-text b{font-size:14px}
    .brand-text small{font-size:8px}
    .main-menu-pro{grid-area:menu;display:none;position:absolute;right:4%;left:4%;top:66px;width:92%;height:auto;padding:7px;background:#fff;border:1px solid #e2eeeb;border-radius:0 0 13px 13px;box-shadow:0 18px 35px rgba(7,59,59,.13);flex-direction:column;align-items:stretch;gap:0;z-index:110}
    .main-menu-pro.open{display:flex}
    .main-menu-pro a{height:auto;min-height:43px;padding:9px 8px;font-size:12px;border-bottom:1px solid #edf3f1}
    .main-menu-pro a:last-child{border-bottom:0}
    .main-menu-pro a:after{display:none}
    .nav-actions-pro{grid-area:actions;justify-self:end;gap:6px;direction:ltr}
    .header-search-pro{width:28px;height:40px}
    .header-search-pro svg{width:19px;height:19px}
    .notify-pro{width:30px;height:38px}
    .notify-pro svg{width:25px;height:25px}
    .notify-pro i{width:16px;height:16px;font-size:8px;top:0}
    .user-pro{display:none}
    .nav-login{height:36px;min-width:0;padding:0 9px;font-size:10px;border-radius:9px}
    .nav-login svg{width:14px;height:14px}
    .menu-toggle-pro{grid-area:menu;display:flex;justify-self:start;align-self:center;width:36px;height:38px;border:1px solid #c9dfda;border-radius:9px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;cursor:pointer;color:#08766d;z-index:115}
    .menu-toggle-pro span{display:block;width:17px;height:1.7px;background:currentColor;border-radius:2px;transition:.2s}
    .menu-toggle-pro.is-open span:nth-child(1){transform:translateY(5.7px) rotate(45deg)}
    .menu-toggle-pro.is-open span:nth-child(2){opacity:0}
    .menu-toggle-pro.is-open span:nth-child(3){transform:translateY(-5.7px) rotate(-45deg)}
    .header-search-panel form{padding:10px 0}
    .header-search-panel label{font-size:10px}
    .header-search-panel input,.header-search-panel button{height:38px}
}
@media(max-width:480px){
    .topbar-right span:nth-child(2){display:none}
    .brand-text b{font-size:13px}
    .brand-text small{font-size:7px}
    .brand-symbol{width:37px;height:37px}
    .brand-symbol svg{width:37px;height:37px}
    .nav-pro{grid-template-columns:40px minmax(0,1fr) auto;gap:5px}
    .nav-login{padding:0 7px;font-size:9px}
    .header-search-pro{width:25px}
}

/* ===== Exact reference hero responsive handling ===== */
@media(max-width:760px){
  .hero-reference{min-height:0;height:auto}
  .hero-reference-image{width:100%;overflow:hidden}
  .hero-reference-image>img{width:100%;height:auto;object-fit:contain}
  .hero-hotspot-appointment{right:4.5%;top:59%;width:15.5%;height:11%}
  .hero-hotspot-more{right:20%;top:59%;width:13%;height:11%}
  .hero-hotspot-video{left:4%;bottom:6.5%;width:25%;height:22%}
}

@media(max-width:760px){.hero-editable-actions{direction:rtl}}

/* ===== Editable medical hero mobile ===== */
@media(max-width:760px){
 .medical-hero{min-height:520px}
 .medical-hero-bg{background-position:35% center}
 .medical-hero-shade{background:linear-gradient(180deg,rgba(248,252,251,.72) 0%,rgba(250,253,252,.94) 48%,rgba(250,253,252,.98) 100%)}
 .medical-hero-inner{min-height:520px;padding:34px 0 22px;justify-content:flex-start;align-items:center}
 .medical-hero-copy{width:92%;text-align:right;padding-top:8px}
 .medical-hero-badge{font-size:12px;margin-bottom:6px}
 .medical-hero-copy h1{font-size:29px;line-height:1.25;margin-bottom:10px}
 .medical-hero-copy p{font-size:12px;line-height:1.75}
 .medical-hero-actions{gap:8px;margin-top:17px}
 .medical-hero-btn{height:38px;min-width:120px;padding:0 14px;font-size:11px}
 .medical-hero-features{width:92%;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
 .medical-feature{gap:5px;align-items:flex-start;flex-direction:column;text-align:center}
 .medical-feature-icon{width:36px;height:36px;flex-basis:36px;font-size:19px;margin-inline:auto}
 .medical-feature b{font-size:10px;white-space:normal;display:block}
 .medical-feature small{font-size:8px;white-space:normal;line-height:1.4}
 .medical-hero-video{left:5%;bottom:14px;width:205px;height:78px;border-width:5px}
 .medical-video-copy{right:5px;bottom:5px;padding:4px 7px}.medical-video-copy b{font-size:9px}.medical-video-copy small{font-size:7px}.medical-video-play{width:34px;height:34px;font-size:11px}
}

/* ===== Hero V9 mobile: keep the same RTL hierarchy without desktop overlap ===== */
@media(max-width:760px){
  .medical-hero{min-height:520px;}
  .medical-hero-inner{display:flex;min-height:520px;padding:34px 0 22px;align-items:center;justify-content:flex-start;}
  .medical-hero-copy{position:relative;right:auto;top:auto;width:92%;margin:0;text-align:right;z-index:5;}
  .medical-hero-features{position:relative;right:auto;bottom:auto;width:92%;margin-top:20px;z-index:5;}
  .medical-hero-video{left:5%;bottom:14px;z-index:6;}
}


/* ===== V10 Hero mobile precision ===== */
@media(max-width:760px){
 .medical-hero-badge{padding:5px 11px 5px 10px;font-size:11px;}
 .medical-hero-badge i{width:6px;height:6px;}
 .medical-hero-btn svg{width:15px;height:15px;}
 .medical-video-label b{font-size:9px}.medical-video-label small{font-size:7px}
 .medical-video-play{width:36px;height:36px}.medical-video-play svg{width:16px;height:16px}
 .medical-hero-video{display:block;overflow:hidden;}
}

/* Statistics responsive refinement */
@media(max-width:760px){
 .stats-pro{grid-template-columns:repeat(2,1fr);gap:16px;padding-top:18px}
 .stats-pro .stat-item{justify-content:flex-start;gap:9px}
 .stats-pro .stat-icon{width:40px;height:40px;flex-basis:40px}
 .stats-pro .stat-content strong{font-size:18px}
 .stats-pro .stat-content span{font-size:10px}
}

/* Statistics responsive refinement */
@media(max-width:760px){
 .stats-pro{grid-template-columns:repeat(2,1fr);gap:16px;padding-top:18px}
 .stats-pro .stat-item{justify-content:flex-start;gap:9px}
 .stats-pro .stat-icon{width:40px;height:40px;flex-basis:40px}
 .stats-pro .stat-content strong{font-size:18px}
 .stats-pro .stat-content span{font-size:10px}
}
