/* V59 — Communication Hub phone fit correction */
.page-communication-hub .commhub-phone-demo-section{
  padding-top:22px !important;
  padding-bottom:18px !important;
  min-height:calc(100vh - 150px) !important;
  grid-template-columns:minmax(360px,.92fr) minmax(560px,1.08fr) !important;
  gap:28px !important;
  align-items:center !important;
}
.page-communication-hub .commhub-copy h1{
  font-size:clamp(52px,5.1vw,78px) !important;
  line-height:.96 !important;
  margin-bottom:18px !important;
}
.page-communication-hub .commhub-copy .lead{
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.42 !important;
  max-width:560px !important;
  margin-bottom:22px !important;
}
.page-communication-hub .commhub-demo-right{
  grid-template-columns:clamp(285px,25vw,335px) minmax(270px,320px) !important;
  gap:18px !important;
  align-items:center !important;
  justify-content:end !important;
}
.page-communication-hub .hub-phone-frame{
  width:clamp(285px,25vw,335px) !important;
  max-height:calc(100vh - 190px) !important;
  min-height:0 !important;
}
.page-communication-hub .phone-pack-panel{
  min-height:0 !important;
  height:auto !important;
  max-height:calc(100vh - 190px) !important;
  overflow:auto !important;
  padding:20px !important;
}
.page-communication-hub .phone-pack-panel h3{
  font-size:clamp(1.35rem,2vw,1.65rem) !important;
}
.page-communication-hub .phone-replica-shell .replica-avatar-rail{
  gap:5px !important;
  padding-top:16px !important;
}
.page-communication-hub .phone-replica-shell .replica-avatar{
  width:32px !important;
  height:32px !important;
  font-size:11px !important;
}
.page-communication-hub .phone-replica-shell .replica-menu-dot{
  width:32px !important;
  height:32px !important;
}
.page-communication-hub .phone-replica-shell .replica-hub-topbar{
  min-height:58px !important;
  padding:12px 12px 9px !important;
}
.page-communication-hub .phone-replica-shell .replica-utility-pills span{
  font-size:9px !important;
  padding:5px 7px !important;
}
.page-communication-hub .phone-replica-shell .replica-chat-scroll{
  padding:12px 10px 8px !important;
}
.page-communication-hub .phone-replica-shell .replica-composer-shell{
  padding:0 9px 10px !important;
}
.page-communication-hub .phone-replica-shell .replica-owner-pill{
  bottom:62px !important;
}
@media (max-width:1180px){
  .page-communication-hub .commhub-phone-demo-section{
    grid-template-columns:1fr !important;
    padding-top:30px !important;
  }
  .page-communication-hub .commhub-demo-right{
    justify-content:center !important;
    grid-template-columns:minmax(270px,335px) minmax(270px,340px) !important;
  }
}
@media (max-width:760px){
  .page-communication-hub .commhub-demo-right{grid-template-columns:1fr !important;}
  .page-communication-hub .hub-phone-frame{margin:0 auto !important;}
}