/* Blog article bouquet picklists — hover affordance only (not catalog / homepage / PDP sliders). */

.grid .content_collection-list .unit:not(:has(.vs-card-add)),
.content_collection-list .unit:not(:has(.vs-card-add)) {
  cursor: pointer;
}

.grid .slider-puntits .unit {
  cursor: pointer;
}

.grid .slider-puntits .pic-format,
.grid .slider-puntits .pic-format.sq,
.grid .content_collection-list .unit:not(:has(.vs-card-add)) .pic-format,
.content_collection-list .unit:not(:has(.vs-card-add)) .pic-format,
.content_collection-list .unit:not(:has(.vs-card-add)) .slider-unit {
  overflow: hidden;
}

.grid .slider-puntits .unitpic,
.grid .slider-puntits ._2nd-pic,
.grid .content_collection-list .unit:not(:has(.vs-card-add)) .unitpic,
.grid .content_collection-list .unit:not(:has(.vs-card-add)) .slider-unit .unitpic,
.content_collection-list .unit:not(:has(.vs-card-add)) .unitpic,
.content_collection-list .unit:not(:has(.vs-card-add)) .slider-unit .unitpic {
  transition: transform 0.25s ease;
  transform-origin: center center;
}

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

  .grid .slider-puntits .unit:hover .unitpic,
  .grid .slider-puntits .unit:hover ._2nd-pic,
  .grid .content_collection-list .unit:not(:has(.vs-card-add)):hover .unitpic,
  .grid .content_collection-list .unit:not(:has(.vs-card-add)):hover .slider-unit .unitpic,
  .content_collection-list .unit:not(:has(.vs-card-add)):hover .unitpic,
  .content_collection-list .unit:not(:has(.vs-card-add)):hover .slider-unit .unitpic {
    transform: scale(1.03);
  }

  /* Keep blog slider cards on scale-only hover (no second-image fade). */
  .grid .slider-puntits .unit:hover ._2nd-pic {
    opacity: 0;
  }
}