.viva-card{position:relative;min-width:0;color:var(--viva-card-ink,#111);font-family:Arial,sans-serif;text-align:left}.viva-card *{box-sizing:border-box}.viva-card__media{position:relative;overflow:hidden;aspect-ratio:1/1;background:var(--viva-card-bg,#f2f2f2)}.viva-card__image-link{display:block;width:100%;height:100%}.viva-card__image-link img.viva-card__image{display:block;width:100%;height:100%;object-fit:cover;max-width:none}.viva-card__badge,.viva-card__stock{position:absolute;top:8px;left:8px;z-index:1;padding:5px 7px;font:600 11px/1.2 Arial,sans-serif;background:var(--viva-card-badge,#111);color:#fff}.viva-card__stock{top:auto;bottom:8px}.viva-card__action{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;width:36px;height:36px;align-items:center;justify-content:center;color:#111;background:rgba(255,255,255,.92);border-radius:50%;text-decoration:none}.viva-card__action:hover,.viva-card__action:focus-visible{color:#fff;background:#111;outline:2px solid currentColor;outline-offset:2px}.viva-card__action svg{display:block;flex:none;width:20px;height:20px;aspect-ratio:1}.viva-card__details{padding:12px 0 0;line-height:1.35}.viva-card__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--viva-card-size,16px);font-weight:400;color:var(--viva-card-ink,#111);text-decoration:none}.viva-card__title:hover{text-decoration:underline}.viva-card__price{margin-top:6px;color:var(--viva-card-ink,#111);font-size:calc(var(--viva-card-size,16px) * .88)}.viva-card__price del{opacity:.65;margin-right:4px}.viva-card__price ins{text-decoration:none}.viva-card__price .amount{color:inherit}@media(max-width:767px){.viva-card__title{font-size:clamp(13px,3.6vw,var(--viva-card-size,16px))}.viva-card__price{font-size:13px}.viva-card__details{padding-top:8px}.viva-card__action{width:32px;height:32px;right:6px;bottom:6px}}
/* The slot invokes Flatsome's outer sale hook. Keep its non-sale labels while
   avoiding a duplicate generic Sale bubble when this provider owns the card. */
.col-inner:has(> .viva-card) > .badge-container .on-sale{display:none}
.col-inner:has(> .viva-card) > .badge-container .callout:has(.on-sale){display:none!important}