/* Realistic garment mockups (generated). Each view = shading + highlights, recoloured with --garment. */
.mock[data-garment="tshirt"]{--shade:url(../mockups/tshirt-front-shade.webp);--light:url(../mockups/tshirt-front-light.webp)}
.mock[data-garment="tshirt"][data-side="back"]{--shade:url(../mockups/tshirt-back-shade.webp);--light:url(../mockups/tshirt-back-light.webp)}
.mock[data-garment="ladies"]{--shade:url(../mockups/ladies-front-shade.webp);--light:url(../mockups/ladies-front-light.webp)}
.mock[data-garment="ladies"][data-side="back"]{--shade:url(../mockups/ladies-back-shade.webp);--light:url(../mockups/ladies-back-light.webp)}
.mock[data-garment="longsleeve"]{--shade:url(../mockups/longsleeve-front-shade.webp);--light:url(../mockups/longsleeve-front-light.webp)}
.mock[data-garment="longsleeve"][data-side="back"]{--shade:url(../mockups/longsleeve-back-shade.webp);--light:url(../mockups/longsleeve-back-light.webp)}
.mock[data-garment="crewneck"]{--shade:url(../mockups/crewneck-front-shade.webp);--light:url(../mockups/crewneck-front-light.webp)}
.mock[data-garment="crewneck"][data-side="back"]{--shade:url(../mockups/crewneck-back-shade.webp);--light:url(../mockups/crewneck-back-light.webp)}
.mock[data-garment="quarter-zip"]{--shade:url(../mockups/quarter-zip-front-shade.webp);--light:url(../mockups/quarter-zip-front-light.webp)}
.mock[data-garment="quarter-zip"][data-side="back"]{--shade:url(../mockups/quarter-zip-back-shade.webp);--light:url(../mockups/quarter-zip-back-light.webp)}
.mock[data-garment="hoodie"]{--shade:url(../mockups/hoodie-front-shade.webp);--light:url(../mockups/hoodie-front-light.webp)}
.mock[data-garment="hoodie"][data-side="back"]{--shade:url(../mockups/hoodie-back-shade.webp);--light:url(../mockups/hoodie-back-light.webp)}
.mock[data-garment="zip-hoodie"]{--shade:url(../mockups/zip-hoodie-front-shade.webp);--light:url(../mockups/zip-hoodie-front-light.webp)}
.mock[data-garment="zip-hoodie"][data-side="back"]{--shade:url(../mockups/zip-hoodie-back-shade.webp);--light:url(../mockups/zip-hoodie-back-light.webp)}
.mock[data-garment="polo"]{--shade:url(../mockups/polo-front-shade.webp);--light:url(../mockups/polo-front-light.webp)}
.mock[data-garment="polo"][data-side="back"]{--shade:url(../mockups/polo-back-shade.webp);--light:url(../mockups/polo-back-light.webp)}
.mock[data-garment="tank"]{--shade:url(../mockups/tank-front-shade.webp);--light:url(../mockups/tank-front-light.webp)}
.mock[data-garment="tank"][data-side="back"]{--shade:url(../mockups/tank-back-shade.webp);--light:url(../mockups/tank-back-light.webp)}
.mock[data-garment="tote"]{--shade:url(../mockups/tote-front-shade.webp);--light:url(../mockups/tote-front-light.webp)}
.mock[data-garment="tote"][data-side="back"]{--shade:url(../mockups/tote-back-shade.webp);--light:url(../mockups/tote-back-light.webp)}