.cont-comprar.disabled > * {
    cursor: not-allowed;
    opacity: .5;
}
.cont-comprar {
    position: relative;
    display: flex;
    margin-right: 10px;
    align-items: center;

    input {
        border: 1px solid #f3efed;
        padding: 5px 7px;
        text-align: center;
        width: 50px;
        font-size: 14px;
        border-radius: 7px;
        margin: 0 10px;
        color: #bfaea0;
    }
    button{
        border: none;
        color: #bfaea0;
        background-color: #f5f2f0;
    }
}

.msg-sacola {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(calc(-100% - 7px));
    text-wrap-mode: nowrap;
    background-color: #eeeeee;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 3px;
}
.msg-sacola::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 9px;
    width: 8px;
    height: 8px;
    background-color: #eeeeee;
    transform: rotate(45deg);
}

.msg-sacola.erro{
    background-color: #fad4cd;
    color: tomato;
}
.msg-sacola.erro::after {
    background-color: #fad4cd;
}




[data-layout="comprar-atacado2"] {

    [data-produto="grades"] .cont-comprar{
        display: inline-block;
        margin-right: unset;
        box-shadow: unset;
        margin: 7px 0;
    }
    [data-produto="grades"] .tabela-estoque td{
        text-align: center;
    }

    ul[data-produto="estampas"] li {
        width: 50px!important;
        height: 50px!important;
    }

    ul[data-produto="estampas"] li.active::after {
        content: "✔";
        position: absolute;
        width: 26px;
        height: 26px;
        top: 12px;
        left: 12px;
        font-family: 'Font Awesome 6 Pro';
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgb(166 166 166 / 50%);
        border-radius: 50px;
        color: white;
    }

    li[data-cod-barras-via] {
        cursor: pointer;
    }

    ul[data-produto="estampas"] li {
        position: relative!important;
        margin: 0 8px 8px 0 !important;
    }

    .estampa-selecionada {
        font-size: 12px;
    }


    table#tabelaEstoque thead tr td {
        min-width: 150px;
        background-color: #f5f2f0;
    }

    table#tabelaEstoque thead tr {
        padding: 10px;
    }
}