/* Center buyer page titles without changing card copy or dialog controls. */
/* The opened look occupies the phone canvas; a forced heading pushes its HUD below it. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.looks-reel-mode main > .page-hero{display:none!important;min-height:0!important;margin:0!important;padding:0!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .server-groups > header{position:relative!important;display:flex!important;justify-content:center!important;padding:0 44px!important;width:100%!important;box-sizing:border-box!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .server-groups > header h2{flex:1!important;width:100%!important;text-align:center!important;margin:0!important;padding:0!important}
html:root body .server-groups > header [data-social="close"]{position:absolute!important;right:8px;top:0}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main > .page-hero,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .customer-orders-page > header,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #recipient-page-content .server-groups > header {
  box-sizing:border-box!important;
  width:100%!important;
  padding:0 52px!important;
  margin:0 0 32px!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main > .page-hero,
html:root body main > .page-hero,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .customer-orders-page > header {
  text-align:center!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main > .page-hero h1,
html:root body main > .page-hero h1,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .customer-orders-page > header h1,
html:root body .customer-orders-page > header h1,
html:root body #recipient-page-content .server-groups > header h2 {
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-inline:auto!important;
}
html:root body #recipient-page-content .server-groups > header {
  justify-content:center!important;
  width:100%;
}