.tcbh-wrap{max-width:640px;margin:0 auto 30px;padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.tcbh-title{text-align:center;margin-bottom:18px;text-transform:uppercase}
.tcbh-form .tcbh-field{margin-bottom:10px}
.tcbh-form label{display:block;font-weight:600;margin-bottom:4px;font-size:.9em}
.tcbh-form input{margin-bottom:0;width:100%}
.tcbh-or{text-align:center;color:#999;margin:6px 0;font-size:.85em;text-transform:uppercase}
.tcbh-btn{display:block;width:100%;margin:14px 0 0!important}
.tcbh-result{margin-top:20px}
.tcbh-error{padding:12px 14px;background:#fdecea;border-left:4px solid #d63638;color:#8a1f1f;border-radius:4px}
.tcbh-card{border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;margin-bottom:16px}
.tcbh-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;color:#fff}
.tcbh-card.is-active .tcbh-card-head{background:#1a8f3c}
.tcbh-card.is-expired .tcbh-card-head{background:#c0392b}
.tcbh-code{font-weight:700;letter-spacing:.5px}
.tcbh-badge{font-size:.8em;background:rgba(255,255,255,.22);padding:3px 10px;border-radius:20px}
.tcbh-table{width:100%;margin:0;border:0}
.tcbh-table th,.tcbh-table td{padding:9px 14px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top;font-size:.95em}
.tcbh-table tr:last-child th,.tcbh-table tr:last-child td{border-bottom:0}
.tcbh-table th{width:38%;color:#666;font-weight:600;background:#fafafa}
@media(max-width:480px){.tcbh-wrap{padding:16px}.tcbh-table th{width:42%}}
.tcbh-img-wrap{padding:12px;background:#fafafa;border-bottom:1px solid #f0f0f0;text-align:center}
.tcbh-img-wrap img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 1px 6px rgba(0,0,0,.15);cursor:zoom-in}
.tcbh-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.tcbh-lightbox img{max-width:100%;max-height:100%;border-radius:6px}
/* Slider ảnh tự chuyển (hiệu ứng mờ dần) */
.tcbh-slider{display:grid}
.tcbh-slide{grid-area:1/1;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s ease}
.tcbh-slide.active{opacity:1;pointer-events:auto}
.tcbh-slider .tcbh-img{max-width:100%;height:auto}
.tcbh-banner{border:1px solid #e5e5e5;border-radius:8px;margin-bottom:18px}
/* Ảnh trình chiếu: khối riêng phía trên ô tra cứu */
.tcbh-banner-outer{max-width:640px;margin:0 auto 16px;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);background:#fff}
.tcbh-banner-outer .tcbh-img{cursor:zoom-in}

/* Khung tỷ lệ cố định (mặc định 4:3): ảnh lấp đầy, không chừa khoảng trống */
.tcbh-slider{position:relative;display:block;width:100%;overflow:hidden}
.tcbh-slider .tcbh-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.tcbh-slider .tcbh-slide .tcbh-img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0}
/* Chế độ "Tự động theo ảnh" */
.tcbh-slider.tcbh-slider--auto{display:grid}
.tcbh-slider--auto .tcbh-slide{position:static;grid-area:1/1;display:flex}
.tcbh-slider--auto .tcbh-slide .tcbh-img{width:auto;height:auto;max-width:100%;object-fit:initial}