.hover_show_hs_loyalty{
    font-size: 12px;
    text-wrap: nowrap;
}
.product-miniature:has(.privilege-price) {
    .prices_product_list_p_flex  {
        flex-basis: 82%;
    }
    .product-price-and-shipping .regular-price-block {
        height: unset;
    }
    button.add-to-cart {
        margin-top: 0;
        min-height: 50px;
    }    
}
#add-to-cart-or-refresh{
    p, a, b{
        font-size: .875rem;
        margin: 0;
    }
    .rewards_product_txt{
        margin-top: 15px;
    }
}
.product-miniature:has(.privilege-price), #product .actions-block .product-price {
    .privilege-price {
        min-height: 50px;
        border: 1px solid var(--gray-hsl-color);
        font-family: 'Nunito';
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        border-radius: 5px;  
        .privilege-cash-amount {
            font-weight: 800;
        }      
        > div:has(> .privilege-pts-amount) {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            &::after {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }
            .privilege-pts-amount {
                font-weight: 600;
                + span {
                    white-space: nowrap;
                }
            }
        }
    }
}
.product-miniature:has(.privilege-price) .privilege-price {
    padding: 0 4px;
    font-size: 18px;
    .plus {
        font-size: 30px;
    }
    > div:has(> .privilege-pts-amount) {
        padding-right: 30px;
        &::after {
            content: url(../img/icons/alloc-s.svg);
            width: 25px;
            height: 25px;
        }
        .privilege-pts-amount {
            font-size: 18px;
            + span {
                font-size: 10px;
                margin-top: -5px;
            }
        }
    }
}
#product .actions-block .product-price .privilege-price {
    padding: 5px 15px;
    font-size: 22px;
    width: fit-content;
    gap: 10px;
    margin-top: 1rem;
    .plus {
        font-size: 45px;
    }
    .privilege-cash-amount {
        font-size: 26px;
    }  
    > div:has(> .privilege-pts-amount) {
        padding-right: 65px;
        &::after {
            content: url(../img/icons/alloc-m.svg);
            width: 55px;
            height: 55px;
        }
        .privilege-pts-amount {
            font-size: 26px;
            font-weight: 400;
            + span {
                font-size: 14px;
                margin-top: -5px;
            }
        }
    }
}
.product-miniature, #product .products-imagescover {
    .gains-hsl {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 5px;
        margin-bottom: 5px;
        .badge-hs_loyalty{
            display: flex;
            gap: 5px;
            justify-content: center;
            align-items: center;
            text-wrap: nowrap;
        }
        .gain-loy-hsl, .gain-alloc-hsl {
            padding: 3px 8px;   
            border-radius: 5px;
            font-size: 14px;
            img {
                width: 20px;
                height: auto;
                display: inline;
            }
            &:hover .hover_show_hs_loyalty{
                display: block;
            }
        }
        .gain-loy-hsl {
            /* border: 1px solid var(--main-hsl-color); */
            color: var(--main-hsl-color);
        }
        .gain-alloc-hsl {
            background-color: var(--allocation-hsl-color);
            border: 1px solid var(--allocation-hsl-color);
            color: #fff;
        }
    }
}
@media(max-width: 992px) {
    #product .products-imagescover .gains-hsl {
        flex-direction: column;
        align-items: start;
    }
}
/* product page privilege css */
#product {
    .actions-block {
        .underline {
            text-decoration: underline;
        }
        .faq-link {
            display: block;
            margin: 20px 0;
        }
        .product-price {
            #exclusivite-privilege-not-connected {
                /* border-bottom: 1px solid var(--allocation-hsl-color); */
                padding-bottom: 1rem;
               .exclusivite-privilege {
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    img {
                        width: 50px;
                    }
                    p {
                        margin-bottom: 0;
                    }
                    & ~ a.btn-primary {
                        padding: 12px 40px;
                    }
                } 
            }
            .product-info-solde-insuffisant {
                padding: 1rem 0;
                margin-top: 1rem;
                border-top: 1px solid var(--allocation-hsl-color);
                border-bottom: 1px solid var(--allocation-hsl-color);
                display: flex;
                flex-wrap: wrap;
                gap: 5px 30px;
                align-items: center;
                p {
                    margin-bottom: 5px;
                }
                .btn {
                    padding: 8px 30px;
                    border-radius: 5px;
                    font-weight: 600;
                }
            }
            .current-price {
                font-size: 30px;
                font-weight: 600;
            }
            
        }
    }
}