/* Ofiescola Product Icons — overlay sobre la miniatura */

.thumbnail-container,
.product-cover,
.product-images,
.js-qv-product-cover,
.product-image,
.quickview .product-cover,
.quickview .images-container,
#quickview-modal .product-cover,
#quickview-modal .images-container,
.leo-quickview .product-cover,
.modal.quickview .product-cover {
  position: relative;
}

.of-product-icons {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.of-product-icons__list {
  position: absolute;
  right: 10%;
  bottom: 10%;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  width: 19.2%;
  max-width: 19.2%;
  gap: 5%;
  opacity: 1;
}

.of-product-icon-wrap {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  flex-shrink: 0;
  isolation: isolate;
}

.of-product-icon-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid #1a1a1a;
  box-sizing: border-box;
  z-index: 2;
  pointer-events: none;
}

.of-product-icon__bg {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 1;
}

.of-product-icon {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.of-product-icons.is-hidden {
  display: none;
}

/* LeoTheme hover buttons per sobre */
.functional-buttons,
.leo-wishlist-bt,
.leo-compare-bt,
.quick-view,
.product-thumbnail .highlighted-informations,
.thumbnail-container .product-actions,
.thumbnail-container .leo-list-product-loading {
  z-index: 10;
}