.vc-hz{--vc-navy:#010d21;--vc-neon:#83eb03;--vc-soft:#f5f7ff;--vc-grey:#4a5870;position:relative;aspect-ratio:1/1;width:100%;background:var(--vc-soft);overflow:hidden}
  .vc-hz::after{content:"";position:absolute;inset:0;z-index:3;border:2px solid transparent;pointer-events:none;transition:border-color .2s ease}
  .vc-hz .vc-pc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease,transform .5s ease}
  .vc-hz .vc-pc__img--back{opacity:0}
  .vc-hz .vc-pc__badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--vc-neon);color:var(--vc-navy);font-size:12px;font-weight:700;padding:4px 8px;line-height:1.4}
  .vc-hz .vc-pc__badge--out{background:var(--vc-navy);color:#fff}
  .vc-hz .vc-pc__view{position:absolute;left:12px;bottom:12px;z-index:2;min-height:40px;padding:0 16px;background:var(--vc-navy);color:#fff;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
  product-card:has(.vc-hz) [role="heading"]{font-weight:700;font-size:15px;line-height:1.35;color:#010d21}
  product-card:has(.vc-hz) .price{font-weight:700;font-size:16px;color:#010d21}
  product-card:has(.vc-hz) .compare-at-price{font-weight:400;font-size:14px;color:#4a5870}
  product-card:has(.vc-hz) .product-card__content{gap:14px}
  product-card:has(.vc-hz) .product-card__content > *:not(.vc-hz){margin-block:0}
  @media (hover:hover){
    product-card:hover .vc-hz::after,product-card:focus-within .vc-hz::after{border-color:#010d21}
    product-card:hover .vc-hz .vc-pc__view,product-card:focus-within .vc-hz .vc-pc__view{opacity:1;transform:translateY(0)}
    product-card:hover .vc-hz .vc-pc__img,product-card:focus-within .vc-hz .vc-pc__img{transform:scale(1.05)}
    product-card:hover .vc-pc__media--swap .vc-pc__img--front,product-card:focus-within .vc-pc__media--swap .vc-pc__img--front{opacity:0}
    product-card:hover .vc-hz .vc-pc__img--back,product-card:focus-within .vc-hz .vc-pc__img--back{opacity:1}
    product-card:hover [role="heading"]{text-decoration:underline;text-underline-offset:3px}
  }
  @media (max-width:749px){.vc-hz .vc-pc__view{display:none}}
  @media (prefers-reduced-motion:reduce){.vc-hz .vc-pc__img,.vc-hz .vc-pc__view{transition:none}}