/* Bổ sung cho giao diện prototype (app.css, site.css giữ nguyên bản gốc):
   kho mẫu dùng ảnh chụp theme thật thay cho bản dựng thu nhỏ của prototype. */
.thumb>img.shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.hx a.theme-card,.hx a.hx-theme{color:inherit;text-decoration:none}
/* nút dạng liên kết <a> (prototype dùng <button>): giữ màu chữ như nút, ".hx a{color:inherit}" không đè được */
.hx a.hx-btn{color:#f4f5f6}
.hx a.hx-btn.light,.hx .hx-plan.hot a.hx-btn{color:var(--hx-dark)}
.hx a.hx-btn-line{color:var(--hx-ink)}
.hx a.hx-btn-line.light{color:#fff}
.hx a.hx-btn-ghost.light{color:#d9dce1}
.hx a.hx-btn:hover,.hx a.hx-btn-line:hover,.hx a.hx-btn.light:hover,.hx a.hx-btn-line.light:hover,.hx .hx-plan.hot a.hx-btn:hover{color:#fff}
.pv a.btn{text-decoration:none}
.hx-empty{padding:60px 0 20px;color:var(--hx-mute)}
.hx-empty h3{font-weight:500;font-size:28px;letter-spacing:-.035em;color:var(--hx-ink);margin:0 0 10px}
.hx-pager{display:flex;gap:6px;justify-content:center;margin-top:80px}
.hx-pager a,.hx-pager span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--hx-line);font-size:13px}
.hx-pager span{background:var(--hx-dark);border-color:var(--hx-dark);color:#fff}
.pv-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.pv-stage{display:flex;flex-direction:column}
.pv-frame{flex:1;width:100%}

/* mẫu riêng của Opend trong kho (themes/list exclusive) */
.theme-card{position:relative}
.op-excl{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:99px;background:#18181b;color:#fff;font:600 11px/1.4 'Instrument Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}