/* Khu ảnh lớn có thanh chủ đề + chọn loại khác cùng dòng (trang chi tiết sản phẩm) */
.qh-g__stage{position:relative}
.qh-g__panel{display:none}
.qh-g__panel.is-on{display:block}
.qh-g__tabs{display:flex;gap:6px;margin:10px 0 0;padding:8px;border-radius:12px;background:#f3f5f9;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center}
.qh-g__tabs::-webkit-scrollbar{display:none}
.qh-g__tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4b5563;font:inherit;font-size:12px;line-height:1.25;text-align:center;cursor:pointer}
.qh-g__tab:hover{background:#fff}
.qh-g__tab.is-on{background:#fff;border-color:#1c348d;color:#1c348d;font-weight:700}
.qh-g__tab svg{width:26px;height:26px}
/* hàng ảnh nhỏ: một hàng, cuộn ngang, không tràn khung */
.picture .colorandpic{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;padding:2px 2px 6px;scrollbar-width:thin}
.picture .colorandpic .gal{flex:0 0 auto}
.qh-g__view{display:flex;flex-direction:column;gap:10px}
.qh-g__big{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;background:#fff}
.qh-g__big img{max-width:100%;max-height:480px;width:auto;height:auto;object-fit:contain}
.qh-g__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 1px 6px rgba(0,0,0,.25);font-size:22px;line-height:1;cursor:pointer;color:#1c348d}
.qh-g__nav--prev{left:4px}.qh-g__nav--next{right:4px}
.qh-g__strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.qh-g__th{flex:0 0 auto;width:56px;height:56px;padding:2px;border:1px solid #e3e6ec;border-radius:6px;background:#fff;cursor:pointer}
.qh-g__th.is-on{border-color:#1c348d}
.qh-g__th img{width:100%;height:100%;object-fit:contain;display:block}
.qh-g__videos{display:grid;gap:12px;min-height:320px;align-content:start}
.qh-g__spec{max-height:480px;overflow:auto;padding:4px 6px}
.qh-g__spec h3{margin:10px 0 6px;font-size:14px}
.qh-g__spec table{width:100%;border-collapse:collapse;font-size:13px}
.qh-g__spec th,.qh-g__spec td{padding:6px 8px;border-bottom:1px solid #eceff4;text-align:left;vertical-align:top}
.qh-g__spec th{width:38%;font-weight:600;color:#4b5563}
.qh-g__more{margin:10px 0 0;text-align:center}
.qh-g__sum{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;text-align:center;padding:16px}
.qh-g__sum b{font-size:26px;color:#1c348d}
.qh-g__sum span{color:#4b5563;max-width:360px}
.qh-g__btn{padding:9px 18px;border:1px solid #1c348d;border-radius:8px;background:#fff;color:#1c348d;font:inherit;font-weight:600;cursor:pointer}
.qh-g__btn:hover{background:#1c348d;color:#fff}
/* chọn loại khác cùng dòng */
.qh-var__t{margin:0 0 8px;font-weight:700;font-size:14px}
.qh-var__list{display:flex;flex-wrap:wrap;gap:8px}
.qh-var__i{display:inline-block;padding:8px 14px;border:1px solid #d5dae3;border-radius:8px;background:#fff;color:#333;font-size:13px;text-decoration:none;line-height:1.2}
a.qh-var__i:hover{border-color:#1c348d;color:#1c348d}
.qh-var__i.is-on{border-color:#1c348d;background:#eef3fb;color:#1c348d;font-weight:700}
@media (max-width:600px){.qh-g__tabs{justify-content:flex-start}.qh-g__tab{min-width:68px}.qh-g__big{min-height:240px}.qh-g__big img{max-height:340px}}
/* cửa sổ phóng to ảnh/video */
.qh-lb{position:fixed;inset:0;z-index:200000;display:none;align-items:center;justify-content:center;background:rgba(10,14,25,.92)}
.qh-lb.is-on{display:flex}
body.qh-lb-open{overflow:hidden}
.qh-lb__body{width:min(1100px,92vw);height:86vh;display:flex;align-items:center;justify-content:center}
.qh-lb__body img{max-width:100%;max-height:100%;object-fit:contain}
.qh-lb__body iframe{width:100%;aspect-ratio:16/9;max-height:100%;border:0;background:#000}
.qh-lb__x{position:absolute;top:14px;right:16px;padding:8px 16px;border:0;border-radius:8px;background:#fff;color:#111;font:inherit;font-weight:600;cursor:pointer}
.qh-lb__n{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#1c348d;font-size:30px;line-height:1;cursor:pointer}
.qh-lb__n--prev{left:14px}.qh-lb__n--next{right:14px}
.qh-g__big img,.qh-g__yt{cursor:zoom-in}
/* mặc định chỉ hiện ảnh chính; bấm biểu tượng chủ đề mới hiện hàng ảnh nhỏ (căn giữa, không chừa khoảng trống) */
.qh-g:not(.is-open) .colorandpic,.qh-g:not(.is-open) .qh-g__strip{display:none}
.picture .colorandpic,.qh-g__strip{justify-content:flex-start}
.picture .colorandpic>.gal:first-child,.qh-g__strip>.qh-g__th:first-child{margin-left:auto}
.picture .colorandpic>.gal:last-child,.qh-g__strip>.qh-g__th:last-child{margin-right:auto}
.qh-g .sliderdetail{position:relative}
.qh-g__count{position:absolute;right:10px;bottom:10px;z-index:3;padding:3px 10px;border-radius:999px;background:rgba(17,24,39,.65);color:#fff;font-size:12px;line-height:1.4;pointer-events:none}