/* ============================================================
   Lorente Scarcity Stock – Frontend CSS
   ============================================================ */

/* ── PLP: texto puro, sin fondo, sin borde, sin animación ── */
.lss-badge--plp {
    margin: 3px 0 5px;
    padding: 0;
    font-size: 0.80em;
    font-weight: 600;
    line-height: 1.2;
    background: none;
    border: none;
}

/* ── PDP: badge completo, visible inmediatamente ── */
.lss-badge--pdp {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 0.93em;
    font-weight: 600;
    line-height: 1.3;
    border: 1px solid currentColor;
    animation: lss-pulse 3s ease-in-out infinite;
}

.lss-badge__icon {
    font-size: 1.05em;
    flex-shrink: 0;
    line-height: 1;
}

/* ── Carrito: texto pequeño discreto ── */
.lss-badge--cart {
    display: inline-block;
    margin-top: 3px;
    font-size: 0.78em;
    font-weight: 600;
    opacity: 0.9;
}

/* ── Pulso suave solo en PDP ── */
@keyframes lss-pulse {
    0%, 100% { opacity: 1;    }
    50%       { opacity: 0.70; }
}