/* ---------- Ảnh sản phẩm thật (thẻ khung xanh, thư viện ảnh, ảnh đặc tính) ---------- */
.ph.has-img{background-color:#fff!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;color:transparent;position:relative}
.cat-card,.prtrack .card{position:relative}
.cat-card{cursor:pointer}
.cc-new{position:absolute;top:8px;right:8px;z-index:1;background:#e5484d;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px}
.cc-mua{font-size:12.5px;color:var(--muted)}.cc-mua b{color:var(--ink,#222)}
.cc-thue{font-size:13px}.cc-thue b{color:#1a5fb4;font-size:15px}
.pd-thumbs>.ph{position:relative}
.img-x{position:absolute;top:2px;right:2px;font-size:10px;background:#fff;border-radius:8px;padding:0 5px;cursor:pointer;color:#c33;box-shadow:0 1px 2px rgba(0,0,0,.25);display:none}
.pd-thumbs>.ph:hover .img-x{display:block}
.img-add{cursor:pointer;background:var(--paper)!important;border:1px dashed var(--line);color:var(--muted)}
.fchips[data-pf=mau]>span{cursor:pointer}.sp-addc{cursor:pointer;color:var(--muted);padding:2px 8px}
.mt-nb{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:18px;background:var(--paper)}
.mt-nb h4{font-size:16px;margin-bottom:8px}.mt-nb ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px}
.mt-nb li{position:relative}
.mt-nb li:hover>.sp-act{display:flex}
.pdh>*{min-width:0}
/* nút YouTube cạnh tên sản phẩm */
.pd-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.pd-yt{display:inline-flex;align-items:center;gap:4px;cursor:pointer;line-height:0;opacity:.45;transition:transform .15s,opacity .15s}
.pd-yt.on{opacity:1}.pd-yt:hover{transform:scale(1.08)}
body.shot .pd-yt{opacity:1}
.pd-yt i{font-style:normal;font-size:11px;font-weight:600;line-height:1;color:var(--ui)}
/* thẻ sản phẩm đồng bộ chiều cao: tên luôn chiếm 2 dòng, giá ghim đáy thẻ */
.cat-card,.prtrack .card.cat-card{display:flex;flex-direction:column;gap:4px;height:100%}
.pg4{align-items:stretch}
.cc-ten{font-size:15px;font-weight:600;line-height:1.35;min-height:calc(2em*1.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
.mobile .cc-ten{font-size:13.5px}
.cc-ma{color:var(--muted)}
.cc-gia{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:2px}
.cc-na{visibility:hidden}
.mobile .cc-thue b{font-size:14px}.mobile .cc-mua,.mobile .cc-thue{font-size:12px}