/**
* pageHeader.css - 保险超市全站通用页头
* 视觉对齐 health-newMall/productDetail（白底深色标题用 .gc-header）
* 配合 js/pageHeader.js；也可由 initPageHeader / ensurePageHeaderStyle 自动注入
*
* 用法：
*
*
*
*/
/* 只作用于通用页头节点，避免污染页面里其它 .header 内容区（否则会盖住返回箭头） */
.js-page-header {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
width: 100%;
}
.js-page-header .header-content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 1.08rem;
background: #EA5443;
box-sizing: border-box;
}
.js-page-header .header-arrow {
position: absolute;
top: 50%;
left: 0.3rem;
transform: translateY(-50%);
display: block;
width: 0.34rem;
height: 0.34rem;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.js-page-header .header-title {
font-weight: bold;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.34rem;
max-width: calc(100% - 1.6rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 与健康商城详情一致：白底 + 深色标题 */
.js-page-header.gc-header .header-content {
background: #fff !important;
}
.js-page-header.gc-header .header-title {
color: #343A40 !important;
}
body.has-page-header {
padding-top: 1.08rem !important;
box-sizing: border-box;
}