/* drag-to-rotate tiles on the home product grid (js/rotate.js; home page only) */
.mini-img.rot{position:relative;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.mini.rot-drag .mini-img.rot{cursor:grabbing}
.mini-img.rot .rot-stack{position:absolute;inset:0;display:block;background:#fff;mix-blend-mode:multiply;isolation:isolate;transition:transform .8s ease}  /* white inside the group is multiplied away onto the page colour, like the other product photos */
.mini:hover .mini-img.rot .rot-stack{transform:scale(1.04)}
.mini-img.rot .rot-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-drag:none;transition:none;transform:none}
.mini:hover .mini-img.rot img{transform:none}
.mini-img.rot .rot-orig{display:none}
.mini-img.rot .rot-hint{position:absolute;left:0;right:0;bottom:.55rem;display:flex;align-items:center;justify-content:center;gap:.4rem;pointer-events:none;color:var(--muted,#8a8680);font-family:var(--geo,inherit);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.85;transition:opacity .5s ease}
.mini-img.rot .rot-hint i{font-style:normal}
.mini-img.rot.used .rot-hint{opacity:0}
html:is([lang="zh-CN"],[lang="ja"]) .mini-img.rot .rot-hint{font-size:.64rem;letter-spacing:.08em;text-transform:none}
@media (max-width:760px){.mini-img.rot .rot-hint{font-size:.5rem;letter-spacing:.1em;bottom:.45rem}html:is([lang="zh-CN"],[lang="ja"]) .mini-img.rot .rot-hint{font-size:.58rem}}