/* ==========================================================================
   Bloque de ahorro del stock propio (Open Box / Demo / Usado).
   Precio publico tachado + precio final protagonista + pildora de ahorro.
   Vive en la zona de precio de la tarjeta/ficha, nunca sobre la fotografia.
   ========================================================================== */
:root {
    --sp-sv-anchor: #999999;     /* precio publico (ancla) */
    --sp-sv-pill-bg: #8a6d2f;    /* dorado oscuro (alternativas: #2b2f36 gris carbon, #086296 azul corporativo) */
    --sp-sv-pill-fg: #ffffff;
}

.sp-sv-anchor {
    color: var(--sp-sv-anchor);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    font-weight: 500;
    font-size: .72em;
    line-height: 1.2;
    letter-spacing: .01em;
}

.sp-sv-final {
    color: var(--primary, #258ece);
    font-weight: 800;
}

.sp-sv-pill {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--sp-sv-pill-bg);
    color: var(--sp-sv-pill-fg);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(17, 17, 26, .12);
}

/* Ficha de producto */
.sp-sv-block.sp-sv-lg { display: flex; flex-direction: column; align-items: flex-start; }
.sp-sv-block.sp-sv-lg .sp-sv-anchor { font-size: 18px; }
.sp-sv-block.sp-sv-lg .sp-sv-pill { font-size: 14px; padding: 6px 14px; margin-top: 8px; }

/* Movil: tarjetas en 2 columnas; la pildora puede romper linea sin desbordar */
@media (max-width: 576px) {
    .store-product-card .sp-sv-pill { white-space: normal; font-size: 10.5px; padding: 3px 9px; }
    .sp-sv-block.sp-sv-lg .sp-sv-anchor { font-size: 15px; }
    .sp-sv-block.sp-sv-lg .sp-sv-pill { font-size: 13px; }
}

/* Etiquetas de condicion del stock propio (OPEN BOX / DEMO / NUEVO): debajo de la foto, nunca encima */
.sp-card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; }
.store-product-card .sp-card-tags .sp-ob-badge,
.store-product-card .sp-card-tags .sp-offer-badge {
    position: static !important;
    top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    display: inline-flex !important;
    align-items: center;
    animation: none !important;
}