/* T-shirts in product lists, in every design: the back shows while the mouse is over the picture
   (themes/common.js → backImg; the back is the shirt's Tedit mockup). */
.has-back { position: relative; }
.has-back > img.img-back { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.has-back:hover > img.img-back, .has-back:focus-visible > img.img-back { opacity: 1; }
.has-back > .badge { z-index: 1; }