/* Customer Help: desktop Home topbar, separate from account layout. */
@media(max-width:767px){
.customerApp.psAccountPage>.ps-desktop-topbar{display:none!important}
.customerApp.psAccountPage>.ps-help-mobile-topbar{display:block!important}
.customerApp.psAccountPage>.ps-help-mobile-topbar .ph-nav{display:none!important}
}
@media(min-width:768px){
html body .customerApp.psAccountPage{max-width:none!important;width:100%!important;margin:0!important;padding:0 0 32px!important}
.customerApp.psAccountPage>.ps-help-mobile-topbar{display:none!important}
.customerApp.psAccountPage>.ps-desktop-topbar{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.customerApp.psAccountPage>.ps-desktop-topbar>.ph-reference-header{display:block!important;width:100%!important;max-width:none!important;margin:0!important;background:#ff6500!important}
.customerApp.psAccountPage>.ps-desktop-topbar .ph-header{width:100%!important;max-width:1260px!important;margin:0 auto!important;display:grid!important;grid-template-columns:210px auto minmax(180px,1fr) auto!important;gap:28px!important;min-height:64px!important;padding:8px 16px!important;color:#fff!important}
.customerApp.psAccountPage>.ps-desktop-topbar .ph-search{grid-row:auto!important;grid-column:auto!important;height:38px!important;background:#fff!important;color:#344054!important}
.customerApp.psAccountPage>.ps-desktop-topbar .ph-actions{color:#fff!important}
.customerApp.psAccountPage>.ps-desktop-topbar .ph-nav{width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;color:#242424!important;justify-content:center!important}
}

/* Keep Help account content contained after making only the header full width. */
@media(min-width:768px){
html body .customerApp.psAccountPage>.ac-page{
width:calc(100% - 48px)!important;max-width:1150px!important;
margin:0 auto!important;padding:26px 0 40px!important;box-sizing:border-box!important;
}
html body .customerApp.psAccountPage>.ac-page>.cp-layout{
display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;
gap:20px!important;align-items:start!important;
}
html body .customerApp.psAccountPage .ac-content{min-width:0!important;max-width:100%!important}
html body .customerApp.psAccountPage .ac-sidebar{display:block!important;min-width:0!important}
html body .customerApp.psAccountPage .ac-content>.psFloat{max-width:100%!important;box-sizing:border-box!important}
html body .customerApp.psAccountPage .ac-content>.psContent{max-width:100%!important;min-width:0!important}
}
@media(min-width:768px) and (max-width:1100px){
html body .customerApp.psAccountPage>.ac-page>.cp-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important}
}
