/* Popup-ul badge-ului "Curand" (My Black Friday): "Suna-ne / iti returnam diferenta".
   Folosit de lista de produse (helpers/products/pagedProducts.phtml, varianta .bf-pop--float, pozitionata din JS in
   interiorul cardului) si de pagina de produs (helpers/products/productBfBadges.phtml, pozitionat inline).
   Acelasi panou ca notificarile site-ului (css/avtoast.css): #2B2C2E, bara coral la stanga, hanken-grotesk. */

.bf-pop {
    box-sizing: border-box;
    width: 340px;
    max-width: calc(100% - 24px);
    padding: 16px 18px;
    background: #2B2C2E;
    border-left: 4px solid var(--clr-orange, #F16A52);
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);
    color: #EEEEEE;
    font-family: var(--ff-hg, 'hanken-grotesk'), 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
}

.bf-pop__title {
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    color: #FFFFFF;
}

.bf-pop__text {
    margin: 8px 0 0;
}

.bf-pop__text b {
    font-weight: 700;
    color: var(--clr-orange, #F16A52);
}

.bf-pop__note {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--clr-lightgrey, #ACAAAA);
}

/* lista: panou plutitor (fixed) pe care il aseaza avsBfPopup() din pagedProducts.phtml; nu prinde mouse-ul,
   ca sa nu se inchida/deschida cand cursorul trece de pe badge pe popup */
.bf-pop--float {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    pointer-events: none;
}