/* ============================================================ цена со скидкой */
.vx-price{display:inline-flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.vx-price del{opacity:1;color:rgba(255,255,255,.34);text-decoration:line-through;text-decoration-thickness:1px;font-weight:400}
.vx-price del .woocommerce-Price-amount{color:inherit!important;font-size:.82em}
.vx-price ins{background:none;text-decoration:none;color:#6df800}
.vx-price ins .woocommerce-Price-amount{color:#6df800!important}
.vx-price__off{
  display:inline-flex;align-items:center;padding:3px 7px;
  font-size:10.5px;font-weight:600;letter-spacing:.06em;line-height:1;
  color:#0c0c0c;background:#6df800;
  clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));
}
.single-product .vx-price__off{font-size:12px;padding:5px 10px}

/* в сетке товаров процент уже показывает бейдж темы — не дублируем */
.products .vx-price__off,
.wd-products .vx-price__off,
.elementor-widget-wd_products .vx-price__off{display:none}

/* ============================================================
   Кнопки на карточке товара при наведении
   Круглые иконки поверх картинки; текст скрыт, иконка видна.
   У кнопки «View item» тема иконку не отдаёт — рисуем свою.
   ============================================================ */
.wd-buttons{
  background:transparent!important;
  display:flex!important;flex-direction:column;gap:6px;
  padding:8px!important;box-shadow:none!important;border:0!important;
}
.wd-buttons .wd-action-btn{
  width:34px!important;height:34px!important;min-width:0!important;
  display:flex!important;align-items:center;justify-content:center;
  border-radius:50%;overflow:hidden;color:#fff;
  background:rgba(10,10,10,.72)!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 2px 10px rgba(0,0,0,.5);
  transition:background .18s,box-shadow .18s,transform .18s,color .18s;
}
.wd-buttons .wd-action-btn > a,
.wd-buttons .wd-action-btn > div{
  position:relative;width:100%!important;height:100%!important;padding:0!important;
  display:flex!important;align-items:center;justify-content:center;
  color:inherit!important;background:transparent!important;border:0!important;
}
/* подписи прячем, иконку темы показываем */
.wd-buttons .wd-action-text{display:none!important}
.wd-buttons .wd-action-icon{
  display:flex!important;align-items:center;justify-content:center;
  font-size:15px!important;line-height:1!important;color:inherit!important;
}
/* «View item» — своя иконка-лупа через маску, наследует цвет */
.wd-buttons .wd-add-btn > a{font-size:0!important;line-height:0!important}
.wd-buttons .wd-add-btn > a:before{
  content:"";width:17px;height:17px;background:currentColor;
  -webkit-mask:var(--vx-eye) center/contain no-repeat;mask:var(--vx-eye) center/contain no-repeat;
}
.wd-buttons{
  --vx-eye:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16z'/><path d='M21 21l-4.5-4.5'/></svg>");
}
.wd-buttons .wd-action-btn:hover{
  background:#6df800!important;color:#0b0b0b;transform:scale(1.08);
  box-shadow:0 0 0 1px rgba(109,248,0,.6),0 0 16px rgba(109,248,0,.35);
}

/* лёгкое затемнение картинки вместо перекрытия блоком */
.product-grid-item .product-image-link,
.wd-product .product-image-link{transition:filter .25s}
.product-grid-item:hover .product-image-link,
.wd-product:hover .product-image-link{filter:brightness(.82)}