/* Product-card hover + whole-card click affordance (catalog, homepage sliders, blog). */

.content_collection-list .unit,
.slider-puntits .unit {
  cursor: pointer;
}

.content_collection-list .unit .pic-format,
.content_collection-list .unit .slider-unit,
.slider-puntits .pic-format,
.slider-puntits .pic-format.sq {
  overflow: hidden;
}

.content_collection-list .unit .unitpic,
.content_collection-list .unit .slider-unit .unitpic,
.slider-puntits .unitpic,
.slider-puntits ._2nd-pic {
  transition: transform 0.25s ease;
  transform-origin: center center;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .content_collection-list .unit:hover .tilele,
  .content_collection-list .unit:hover a.tilele,
  .slider-puntits .unit:hover .tilele-16,
  .slider-puntits .unit:hover a.tilele-16 {
    color: var(--goldenrod);
    text-decoration: none;
  }

  .content_collection-list .unit:hover .unitpic,
  .content_collection-list .unit:hover .slider-unit .unitpic,
  .slider-puntits .unit:hover .unitpic,
  .slider-puntits .unit:hover ._2nd-pic {
    transform: scale(1.03);
  }

  /* Prefer scale affordance over legacy second-image opacity swap. */
  .slider-puntits .unit:hover ._2nd-pic {
    opacity: 0;
  }
}