/* FRNKY second image: desktop fine-pointer only. Secondary stays hidden without JS. */
.frnky-hover-secondary { display: none !important; }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .frnky-hover-media { position: relative; display: block; width: 100%; overflow: hidden; }
  .frnky-hover-media > img.frnky-hover-primary { display: block; width: 100%; height: auto; transition: opacity .22s ease; }
  .frnky-hover-media > img.frnky-hover-secondary {
    display: block !important; position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; opacity: 0; transition: opacity .22s ease;
    pointer-events: none;
  }
  li.product a:hover .frnky-hover-media > img.frnky-hover-primary,
  li.product a:focus-visible .frnky-hover-media > img.frnky-hover-primary { opacity: 0; }
  li.product a:hover .frnky-hover-media > img.frnky-hover-secondary,
  li.product a:focus-visible .frnky-hover-media > img.frnky-hover-secondary { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .frnky-hover-media > img.frnky-hover-secondary,
  .frnky-hover-media > img.frnky-hover-primary { transition: none !important; }
}