/*
 * VULQIR v2.7.5 — The Collection
 * Model portraits are the default; the original jewelry still life appears
 * on desktop mouse hover and when keyboard focus is visible.
 * This affects ONLY homepage s03, not Products or WooCommerce product cards.
 */
#vulqir-home .vq-collection .vq-product .vq-collection-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: #eee7dc;
  transition: box-shadow .42s ease;
}

#vulqir-home .vq-collection .vq-product .vq-collection-media > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: center center;
  transition:
    opacity .46s cubic-bezier(.2,.75,.2,1),
    transform .65s cubic-bezier(.2,.75,.2,1);
}

/* Default state: the owner-uploaded editorial portrait is visible. */
#vulqir-home .vq-collection .vq-product .vq-collection-media > img.vq-collection-portrait {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}
/* The original product image is loaded behind an opacity-only transition. */
#vulqir-home .vq-collection .vq-product .vq-collection-media > img.vq-collection-product {
  z-index: 2;
  opacity: 0;
  transform: scale(1.025);
}

/* Mouse interaction is limited to actual hover-capable pointing devices.
   This avoids the 'sticky hover' problem on phones and tablets. */
@media (hover: hover) and (pointer: fine) {
  #vulqir-home .vq-collection .vq-product:hover .vq-collection-media > img.vq-collection-portrait {
    opacity: 0;
    transform: scale(1.025);
  }
  #vulqir-home .vq-collection .vq-product:hover .vq-collection-media > img.vq-collection-product {
    opacity: 1;
    transform: scale(1);
  }
  #vulqir-home .vq-collection .vq-product:hover .vq-collection-media {
    box-shadow: 0 18px 46px rgba(68, 47, 27, .10);
  }
}

/* Keyboard access: focus the link to see the product still life.
   The existing link navigation and focus outline are left intact. */
#vulqir-home .vq-collection .vq-product:focus-visible .vq-collection-media > img.vq-collection-portrait {
  opacity: 0;
  transform: scale(1.025);
}
#vulqir-home .vq-collection .vq-product:focus-visible .vq-collection-media > img.vq-collection-product {
  opacity: 1;
  transform: scale(1);
}

/* In mobile/touch mode, a tap follows the existing Products link directly.
   The portrait stays visible (no extra tap required to reach the page). */
@media (hover: none) {
  #vulqir-home .vq-collection .vq-product:not(:focus-visible) .vq-collection-media > img.vq-collection-portrait {
    opacity: 1;
    transform: none;
  }
  #vulqir-home .vq-collection .vq-product:not(:focus-visible) .vq-collection-media > img.vq-collection-product {
    opacity: 0;
    transform: none;
  }
}

/* Preserve the original responsive two-column/single-last-card grid. */
@media (max-width: 760px) {
  #vulqir-home .vq-collection .vq-product .vq-collection-media {
    aspect-ratio: 4 / 5;
  }
}

@media (prefers-reduced-motion: reduce) {
  #vulqir-home .vq-collection .vq-product .vq-collection-media,
  #vulqir-home .vq-collection .vq-product .vq-collection-media > img {
    transition: none !important;
  }
}