/* ===== 通用页面 Hero 横幅（由 silu-page-hero.php 专用入队） =====
   全宽通栏 + 左对齐 + 深海军蓝纯色（对齐 /provider-plans/ hero）
   标题响应式 clamp(32px,3.6vw,44px)；背景图模式(bgimg)带深色遮罩。
   通过 ACF「页面 Hero 横幅」字段组驱动，任意页面可复用。 */
.silu-page-hero{position:relative;margin:0 calc(50% - 50vw) 40px;padding:24px 0 50px;overflow:hidden;color:#fff;background:#0B1F46;box-shadow:0 22px 54px rgba(8,43,73,.18)}
/* 修复：hero 用 50vw 负边距做全宽时，页面一旦出现垂直滚动条，可用宽度会比视口窄，
   hero 会按 100vw 撑到比可用区宽数像素，导致右侧溢出出现横向空白(scrollWidth>clientWidth)。
   给 html 横向隐藏溢出（带 !important 覆盖插件 html{overflow:visible!important}），
   仅 hero 页加载本 CSS，不影响其他页面。 */
html:root{overflow-x:hidden!important}
body.silu-page-hero-on .jeg_content{padding-top:0 !important}
.silu-page-hero-gradient{background:#0B1F46}
.silu-page-hero-bgimg{background-size:cover;background-position:center;background-color:#0B1F46}
.silu-page-hero::after{content:"";position:absolute;inset:0;background:transparent;z-index:0}
.silu-page-hero-bgimg::after{background:linear-gradient(135deg,rgba(10,20,50,.72),rgba(6,15,38,.86))}
.silu-page-hero-inner{position:relative;z-index:1;max-width:1340px;margin:0 auto;padding:0 20px;text-align:left}
.silu-page-hero-breadcrumb{margin:0 0 48px;font-size:13px;color:rgba(255,255,255,.85)}
.silu-page-hero-breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none}
.silu-page-hero-breadcrumb a:hover{color:#fff}
.silu-page-hero-breadcrumb .sep{margin:0 8px;opacity:.6}
.silu-page-hero-title{margin:0 0 8px;font-size:clamp(32px,3.6vw,44px);font-weight:800;line-height:1.24;letter-spacing:0;color:#F8FBFF;text-shadow:0 12px 28px rgba(0,0,0,.18)}
.silu-page-hero-desc{margin:0;max-width:760px;font-size:16px;line-height:1.8;color:rgba(220,232,248,.92)}
body.silu-page-hero-on .entry-header,
body.silu-page-hero-on .jeg_breadcrumbs{display:none}
@media(max-width:760px){.silu-page-hero{padding:24px 0 36px}.silu-page-hero-desc{font-size:14px}}