/* ---------- Trang danh sách & chi tiết bài viết / khuyến mãi ---------- */
.blf{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}
.mobile .blf{grid-template-columns:1fr}
.blf-big{display:flex;flex-direction:column;gap:6px}
.blf-big .ph{height:300px}
.mobile .blf-big .ph{height:190px}
.blf-h{font-size:20px;font-weight:700;line-height:1.35}
.blf-side{display:flex;flex-direction:column;gap:16px}
.bl-card .ph{aspect-ratio:16/10;height:auto!important}
.bp-w{max-width:1100px}
.bp-h{font-size:30px;line-height:1.3;margin:6px 0 10px}
.mobile .bp-h{font-size:22px}
.shr{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.bp{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}
.mobile .bp{grid-template-columns:1fr}
.bp-main{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.7}
.bp-main h2{font-size:20px;margin-top:8px}
.bp-main ul{padding-left:22px}
.bp-main blockquote{border-left:4px solid var(--ui);padding:8px 16px;background:var(--paper);font-style:italic}
.mobile .bp-main .ph{height:200px!important}
.promo-box{border:1.5px solid var(--ui);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px;background:var(--ui-soft)}
.promo-box .btn{align-self:flex-start;margin-top:8px}
.bp-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.bp-tags{border-top:1px solid var(--line);padding-top:12px}