/* ---------- Banner chính: slide giữa + hé 2 bên ---------- */
.bstrack{position:relative}
.peek{padding:16px 0 4px}
.peek .bstrack{gap:12px;padding:0 7%;scroll-padding:0 7%;border-radius:0}
.peek .bslide{flex:0 0 100%;scroll-snap-align:center;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#f4ece6,#ead9d3)}
.mobile .peek .bstrack{padding:0 4%}
.mobile .peek .bslide{flex-basis:100%}
.hp-in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:440px;padding:40px 9% 64px}
.mobile .hp-in{grid-template-columns:1fr;min-height:0;padding:24px 18px 56px}
.hp-eb{font-size:14px;margin-bottom:12px}
.hp-h{font-size:34px;font-weight:700;line-height:1.3;margin-bottom:20px}
.mobile .hp-h{font-size:22px}
.hp-lk{font-size:13px;font-weight:700}
.hp-img{position:relative}
.hp-img>.ph{height:320px}
.mobile .hp-img>.ph{height:180px}
.hp-img .nw-badge{top:-14px;right:-10px;width:110px;height:110px;background:#8b2635}
.peek .parrow{background:transparent;border:0;box-shadow:none;font-size:34px;color:var(--ink);top:calc(50% - 10px)}
.peek .parrow.l{left:calc(7% + 14px)}.peek .parrow.r{right:calc(7% + 14px)}
.hp-bar{position:absolute;left:0;right:0;bottom:26px;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:none}
.hp-prog{width:min(36%,520px);height:2px;background:rgba(29,36,48,.15);position:relative;pointer-events:auto}
.hp-prog i{position:absolute;top:0;bottom:0;background:var(--ink);transition:left .3s,width .3s}
.hp-pp{pointer-events:auto;border:0;background:none;font-size:13px;font-weight:700;width:22px;height:22px;cursor:pointer}
.peek .bsl-ed{left:calc(7% + 10px);top:26px}