/* HUB ZONE landing responsive refinement — desktop identity preserved */
.hz-mobile-menu{display:none;position:relative;margin-right:auto}
.hz-mobile-menu summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;gap:4px;border:1px solid #d7e6f2;border-radius:13px;background:#f8fcff;cursor:pointer}
.hz-mobile-menu summary::-webkit-details-marker{display:none}.hz-mobile-menu summary span{width:19px;height:2px;border-radius:99px;background:var(--hz-navy);transition:.2s}.hz-mobile-menu[open] summary span:first-child{transform:translateY(6px) rotate(45deg)}.hz-mobile-menu[open] summary span:nth-child(2){opacity:0}.hz-mobile-menu[open] summary span:last-child{transform:translateY(-6px) rotate(-45deg)}
.hz-mobile-menu-panel{position:absolute;top:54px;left:0;width:min(330px,calc(100vw - 24px));padding:14px;border:1px solid #d8e7f2;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(8,48,92,.2);display:grid;gap:5px;backdrop-filter:blur(18px)}
.hz-mobile-menu-panel strong{padding:7px 10px;color:var(--hz-blue);font-size:.78rem}.hz-mobile-menu-panel a,.hz-mobile-menu-panel button{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:0;border-radius:12px;background:#f7fafc;color:#38536b;font:800 .83rem Tajawal,sans-serif;text-decoration:none;box-shadow:none}.hz-mobile-menu-panel button{width:100%;cursor:pointer}.hz-mobile-menu-panel a.login{background:#eef6fc}.hz-mobile-menu-panel a.register{justify-content:center;background:linear-gradient(135deg,var(--hz-blue),var(--hz-cyan));color:#fff}.hz-mobile-menu-panel a.demo{justify-content:center;border:1px solid #cfe3f3;background:#fff;color:var(--hz-blue)}

@media (min-width:761px) and (max-width:1100px){
  .hz-landing-header{padding-inline:22px}.hz-landing-header nav{display:none}.hz-mobile-menu{display:block}.hz-nav-actions{margin-right:auto}
  .hz-landing-hero{padding:54px 34px 72px;gap:42px}.hz-landing-hero-copy{text-align:center}.hz-landing-hero-copy p{margin-inline:auto}.hz-landing-actions,.hz-mini-benefits{justify-content:center}
  .hz-product-preview{max-width:760px}.hz-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-showcase-section,.hz-booking-feature{width:min(94%,900px);gap:38px}.hz-process-section,.hz-landing-section,.hz-pricing-section,.hz-landing-faq{width:min(94%,900px)}
}

@media (max-width:760px){
  html{scroll-padding-top:74px}.hz-landing{overflow:hidden;background:#fff}
  .hz-landing-header{height:66px;padding:6px 11px;gap:8px;border-bottom-color:#dce9f4;background:rgba(255,255,255,.97)}
  .hz-landing-header>.hz-brand img{width:122px;height:48px;object-position:right}.hz-landing-header>nav,.hz-landing-header>.hz-nav-actions{display:none!important}.hz-mobile-menu{display:block;margin-right:auto}
  .hz-mobile-menu summary{width:42px;height:42px}

  .hz-landing-hero{padding:30px 14px 52px;gap:28px;background:radial-gradient(circle at 8% 5%,rgba(8,199,203,.12),transparent 30%),linear-gradient(180deg,#fff,#f4faff)}
  .hz-landing-hero-copy{text-align:right}.hz-landing-pill{font-size:.68rem;padding:7px 10px}.hz-landing-hero-copy h1{font-size:clamp(2rem,10vw,2.65rem);line-height:1.2;margin:13px 0}.hz-landing-hero-copy h1 br{display:none}.hz-landing-hero-copy p{font-size:.9rem;line-height:1.85;margin:0;color:#60758a}
  .hz-landing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.hz-landing-actions a{min-height:47px;width:auto!important;padding:10px 8px;border-radius:13px;font-size:.78rem;text-align:center}.hz-landing-actions .hz-primary-btn{grid-column:1/-1}.hz-landing-actions .hz-text-action{border:1px solid #d7e6f2;background:#fff}
  .hz-mini-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.hz-mini-benefits span{min-width:0;padding:8px 4px;border:1px solid #e0ebf3;border-radius:11px;background:#fff;text-align:center;font-size:.61rem}

  .hz-product-preview{width:100%;min-height:345px;grid-template-columns:1fr;border-radius:23px;box-shadow:0 24px 60px rgba(14,64,108,.15)}.hz-preview-sidebar{display:none}.hz-preview-body{padding:13px}.hz-preview-head{min-height:42px}.hz-preview-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.hz-preview-metrics article{padding:9px;border-radius:11px}.hz-preview-metrics article span,.hz-preview-metrics article small{font-size:.58rem}.hz-preview-metrics article b{font-size:1.02rem}.hz-preview-grid{grid-template-columns:1fr;margin-top:8px}.hz-calendar-mock{display:block;padding:10px}.hz-days{gap:3px}.hz-days i{font-size:.55rem}.hz-appointments-mock{padding:10px}.hz-appointments-mock p{padding:7px}.hz-chart-mock{height:55px;margin-top:8px}.hz-floating-appointment{right:12px;left:12px;bottom:-24px;width:auto;min-height:62px;border-radius:16px}.hz-floating-appointment div{min-width:0}.hz-floating-appointment b{font-size:.85rem}

  .hz-logo-strip{width:100%;margin:22px 0 0;padding:11px 12px;display:flex;justify-content:flex-start;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;background:#fff;border-block:1px solid #e5eef5}.hz-logo-strip span{flex:0 0 auto;scroll-snap-align:start;padding:8px 11px;border:1px solid #dce8f2;border-radius:999px;background:#f7fbfe;font-size:.68rem}

  .hz-landing-section,.hz-pricing-section,.hz-landing-faq,.hz-process-section{width:100%;margin:58px auto;padding-inline:13px}.hz-landing-section-head{text-align:right}.hz-landing-section-head>span,.hz-showcase-copy>span{font-size:.72rem}.hz-landing-section-head h2,.hz-showcase-copy h2{font-size:1.55rem;line-height:1.38;margin:6px 0}.hz-landing-section-head p,.hz-showcase-copy p{font-size:.82rem;line-height:1.8}
  .hz-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hz-feature-grid article{min-height:176px;padding:15px 12px;border-radius:18px}.hz-feature-grid article i{width:42px;height:42px;border-radius:13px;font-size:1.15rem}.hz-feature-grid h3{font-size:.9rem;line-height:1.4}.hz-feature-grid p{font-size:.72rem;line-height:1.65}

  .hz-showcase-section,.hz-booking-feature{width:100%;margin:58px auto;padding:0 13px;gap:22px}.hz-showcase-copy{order:1}.hz-clinic-showcase,.hz-booking-feature-visual{order:2}.hz-showcase-copy ul{gap:8px;margin:18px 0}.hz-showcase-copy li{font-size:.78rem;line-height:1.6}
  .hz-clinic-showcase{min-height:auto;padding:13px;border-radius:22px}.hz-showcase-window{padding:12px;border-radius:17px}.hz-showcase-window header{font-size:.8rem}.hz-showcase-window header button{font-size:.7rem;padding:7px 8px}.hz-showcase-window article{padding:10px;grid-template-columns:36px 1fr auto}.hz-showcase-window article>i{width:34px;height:34px}.hz-showcase-window article b{font-size:.77rem}.hz-showcase-window article span,.hz-showcase-window article em{font-size:.62rem}.hz-showcase-schedule{position:static;width:100%;margin-top:9px;padding:11px;border-radius:15px}.hz-showcase-schedule div{grid-template-columns:repeat(3,1fr);gap:5px}.hz-showcase-schedule i{padding:7px 2px;font-size:.65rem}
  .hz-booking-feature{padding:0 13px;background:none}.hz-booking-feature-visual{padding:14px;border-radius:21px}.hz-date-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.hz-date-demo button{padding:7px 3px;font-size:.61rem}.hz-date-demo b{font-size:1rem}.hz-slots-demo{grid-template-columns:repeat(3,1fr);gap:6px}.hz-slots-demo button{min-height:40px;padding:7px 3px;font-size:.68rem}.hz-guard-demo{font-size:.68rem;line-height:1.6}

  .hz-process-grid{display:grid;grid-auto-flow:column;grid-auto-columns:74%;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 12px}.hz-process-grid article{scroll-snap-align:center;min-height:165px;padding:19px;border-radius:18px}.hz-process-grid article>b{top:9px;right:9px}.hz-process-grid i{width:48px;height:48px}.hz-process-grid h3{font-size:1rem}.hz-process-grid p{font-size:.76rem}
  .hz-doctor-cards{display:grid;grid-auto-flow:column;grid-auto-columns:88%;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.hz-doctor-cards article{scroll-snap-align:center;padding:13px;border-radius:18px}.hz-doctor-cards img{width:82px;height:92px}
  .hz-price-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 18px;align-items:stretch}.hz-price-grid article,.hz-price-grid article.featured{scroll-snap-align:center;transform:none;padding:23px;border-radius:21px}.hz-price-grid h3{font-size:1.15rem}.hz-price-grid article>b{font-size:1.5rem}
  .hz-landing-faq{display:grid;gap:20px}.hz-faq-list details{border-radius:15px}.hz-faq-list summary{font-size:.83rem}.hz-faq-list p{font-size:.76rem}

  .hz-final-cta{width:calc(100% - 20px);margin:55px auto 18px;padding:28px 17px;border-radius:25px;text-align:right}.hz-final-cta h2{font-size:1.75rem;line-height:1.35}.hz-final-cta p{font-size:.82rem;line-height:1.7}.hz-final-cta>div>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hz-final-cta a{padding:11px 7px;text-align:center;font-size:.72rem}.hz-final-cta>div>div>a:first-child{grid-column:1/-1}.hz-final-cta img{display:none}
  .hz-landing-footer{padding:26px 15px 34px;gap:17px}.hz-landing-footer img{margin:auto}.hz-landing-footer nav{gap:8px 14px}.hz-landing-footer nav a{font-size:.72rem}.hz-landing-footer>span{text-align:center;font-size:.7rem}
}

@media (max-width:420px){
  .hz-feature-grid{grid-template-columns:1fr}.hz-feature-grid article{min-height:auto}
  .hz-preview-metrics{grid-template-columns:1fr 1fr}.hz-preview-metrics article:last-child{display:none}
  .hz-calendar-mock{display:none}.hz-product-preview{min-height:300px}
  .hz-landing-actions{grid-template-columns:1fr}.hz-landing-actions .hz-primary-btn{grid-column:auto}
  .hz-final-cta>div>div{grid-template-columns:1fr}.hz-final-cta>div>div>a:first-child{grid-column:auto}
}