/* Product facts rendered as three separate, editable circles over the photo. */
.bl-shop-card__media:has(> .bl-pvh-card-markers),
.pcard--tenty .media:has(> .bl-pvh-card-markers) { position: relative; }

/* Keep the full square product artwork visible inside wide catalog photos. */
body.woocommerce-shop .bl-catalog-products .bl-shop-card__media:has(> .bl-pvh-card-markers) .bl-shop-card__image-link > img,
.woocommerce ul.products li.pcard--tenty .media:has(> .bl-pvh-card-markers) > a img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

.bl-pvh-card-markers {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 8px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  transform: translateY(-50%);
  pointer-events: none;
}

.bl-pvh-card-markers__circle {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 49px;
  height: 49px;
  border: 4px solid #f7fafc;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, #e8eef3);
  box-shadow: 5px 7px 13px rgba(19, 44, 68, .24), -3px -3px 7px rgba(255, 255, 255, .85), inset 2px 2px 4px rgba(255, 255, 255, .9);
  color: #183959;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.bl-pvh-card-markers__circle--kind { font-size: 19px; }
.bl-pvh-card-markers__circle--strip { border-color: #def7e8; box-shadow: 5px 7px 13px rgba(19, 44, 68, .24), inset 0 0 0 1px #22bd74; font-size: 11px; letter-spacing: -.04em; }
.bl-pvh-card-markers__circle--size { font-size: 10px; }
.bl-pvh-card-markers__standard { font-size: 13px; letter-spacing: .02em; }

body.woocommerce-shop .bl-catalog-products .bl-shop-card__media:has(> .bl-pvh-card-markers) .bl-shop-card__tools {
  left: auto;
  right: 14px;
}

@media (max-width: 480px) {
  .bl-pvh-card-markers { left: 6px; gap: 5px; }
  .bl-pvh-card-markers__circle { width: 43px; height: 43px; font-size: 10px; border-width: 3px; }
  .bl-pvh-card-markers__circle--kind { font-size: 17px; }
  .bl-pvh-card-markers__circle--strip { font-size: 10px; }
  .bl-pvh-card-markers__circle--size { font-size: 9px; }
}