.pi-msg-title {
    display: inline-flex;
    flex-direction: column;
    align-items: center;

    background: rgb(255, 26, 68);
    color: #ffffff !important;

    font-weight: 600;
    font-size: 15px; /* un poco más grande */
    padding: 14px 26px; /* MÁS espacio = más tamaño */

    border-radius: 999px;
    margin-top: 14px;

    /* MÁS IMPORTANTE 👇 */
    min-width: 300px;  /* antes 220 */
    max-width: 360px;  /* control elegante */

    text-align: center;

    box-shadow: 0 10px 22px rgba(108, 76, 241, 0.28);

    transition: all 0.3s ease;
}

    /* CLAVE: tamaño medio elegante */
    width: auto;
    min-width: 220px;
    text-align: center;

    /* VISUAL IMPACTO SIN EXAGERAR */
    box-shadow: 0 8px 18px rgba(108, 76, 241, 0.25);

    /* TRANSICIÓN SUAVE */
    transition: all 0.3s ease;
}

/* efecto hover*/
.pi-msg-title:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(108, 76, 241, 0.35);
}

.pi-msg-title::after {
    content: "Add 3 items to your cart to activate this benefit";
    display: block;

    font-size: 12px; /* un poco más legible */
    font-weight: 400;

    margin-top: 8px; /* más espacio visible */

    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;

    max-width: 260px; /* más ancho */
}