/* ---------- Khung tiêu đề trái + danh mục dọc ---------- */
.sidecat{display:flex;gap:24px;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid var(--line)}
.mobile .sidecat{flex-direction:column}
.mobile .sidecat>*{align-self:stretch;min-width:0;max-width:100%}
.sc-side{width:220px;flex:none}
.mobile .sc-side{width:auto}
.sc-main{flex:1;min-width:0}
.catlist{display:flex;flex-direction:column;gap:14px;margin-top:34px}
.mobile .catlist{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin-top:14px}
.ci{font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap}
.ci.on{color:var(--ink);font-weight:700;font-size:15.5px}
.ci.on::after{content:"";display:inline-block;width:70px;height:1.5px;background:var(--ink);vertical-align:middle;margin-left:12px}
.mobile .ci.on::after{display:none}
/* thẻ đánh giá */
.rvc{background:var(--paper);display:flex;flex-direction:column}
.rvc>.ph{aspect-ratio:1.1/1;border-radius:0}
.rvc-b{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.rvc-b b{font-size:14.5px}
.rvc-ex{font-size:12.5px;color:var(--muted);line-height:1.55}
.rvc-p{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.rvc-p .ph{width:62px;height:62px;flex:none;background:#fff}
/* thẻ gói / combo ảnh lớn */
.pkc{position:relative;overflow:hidden;border-radius:4px}
.pkc>.ph{aspect-ratio:1.4/1;border-radius:0}
.pkc-cap{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 18px;background:linear-gradient(transparent,rgba(20,26,34,.62));color:#fff}
.pkc-cap b{display:block;font-size:20px;margin-bottom:4px}
.pkc-cap div{font-size:13px;opacity:.92}