/* ---------- Banner trượt (nhiều slide) ---------- */
.bsl{position:relative}
.bstrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:6px}
.bstrack::-webkit-scrollbar{display:none}
.bslide{flex:0 0 100%;scroll-snap-align:start;position:relative}
.bslide>.ph{height:420px;border-radius:0}
.mobile .bslide>.ph{height:240px}
.bslide .bcta{position:absolute;left:60px;bottom:40px}
.mobile .bslide .bcta{left:16px;bottom:16px}
.bsl .parrow{top:calc(50% - 12px)}
.bsl .parrow.l{left:12px}.bsl .parrow.r{right:12px}
.mobile .bsl .parrow{display:block}
.bdots{display:flex;gap:7px;justify-content:center;margin-top:12px}
.bdots i{width:8px;height:8px;border-radius:4px;background:var(--line);cursor:pointer;transition:.2s}
.bdots i.on{width:24px;background:var(--ink)}
.bsl-ed{position:absolute;top:10px;left:10px;display:none;gap:6px;z-index:4}
.sec:hover .bsl-ed{display:flex}
.bsl-ed button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 10px;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.bsl-ed button:hover{border-color:var(--ui);background:var(--ui-soft)}
.bsl-ed .bcount{background:var(--ink);color:#fff;border-color:var(--ink);cursor:default}
body.shot .bsl-ed{display:none!important}