/* ---------- Khối clip ngắn ---------- */
.clips{display:flex;gap:24px}
.clips-side{width:220px;flex:none}
.clips-main{flex:1;min-width:0;position:relative}
.mobile .clips{flex-direction:column}
.mobile .clips-side{width:auto}
.ctabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.ctabs span{border:1px solid var(--line);border-radius:20px;padding:7px 18px;font-size:12.5px;cursor:pointer}
.ctabs span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ctrack{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.ctrack::-webkit-scrollbar{display:none}
.ccard{flex:0 0 220px;scroll-snap-align:start}
.mobile .ccard{flex-basis:170px}
.cvid{position:relative;aspect-ratio:9/16;border-radius:6px;overflow:hidden}
.cvid .ph{height:100%;border-radius:0}
.cplay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(29,36,48,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.cprod{position:absolute;left:0;right:0;bottom:0;background:rgba(29,36,48,.72);color:#fff;display:flex;gap:8px;align-items:center;padding:8px}
.cprod .ph{width:46px;height:46px;flex:none;background:#fff;font-size:9px}
.cprod div{font-size:11.5px;line-height:1.35}
.ccap{font-weight:700;font-size:14px;line-height:1.4;margin-top:8px}
.cnext{position:absolute;right:-6px;top:42%;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px;z-index:2}
.cprog{height:3px;background:var(--fill);width:140px;margin:14px auto 0;border-radius:2px;overflow:hidden}
.cprog i{display:block;height:100%;width:30%;background:var(--ink)}
@media(prefers-reduced-motion:reduce){.ctrack{scroll-behavior:auto}}