.produtos-holder{
    height: 91%;
    text-align: center;
    overflow: auto;
}

.produto-mobile{
    display: inline-block;
    width: 45%;
    height: 49.5%;
    margin: 1%;
    border: 1px solid #000;
    vertical-align: top;
}

.alternative-screen .produto-mobile{
    border: 3px solid #809cab;
}

.produto-mobile-infos{
    height: 16.6%;
    color: #fff;
    background: #1ebb90;
    font-size: 1.3em; 
}

.alternative-screen .produto-mobile-infos{
    background: transparent;
    color: #000;
}

.produto-mobile-identificadores{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    height: 50%;
    border-bottom: 1px solid #fff;
}

.alternative-screen .produto-mobile-identificadores{
    border-color: #809cab;
}

.alternative-screen .selecionado .produto-mobile-identificadores{
    border-color: #fff;
}

.produto-mobile-valores{
    height: 50%;
    display: flex;
    justify-content: space-between;
    padding: 0px 2px;
}

.alternative-screen .produto-mobile-valores{
    border-bottom: 1px solid #809cab;
}

.link-buy .produto-mobile-valores{
    display: block;
}

.link-buy .produto-mobile-variante{
    display: none;
}

.produtos-mobile-qtde-comprada {
    display: inline-block;
    width: 47%;
    text-align: right;
}

.produtos-mobile-qtde-comprada{
    color: yellow;
}
/*
.produto-mobile-variante{
    width: 47%;
    display: inline-block;
    text-align: left;
}

.produtos-mobile-valor{
    display: inline-block;
    width: 48%;
    text-align: right;
}
*/
.produto-mobile-referencia {
    display: inline-block;
    /* width: 50%; */
    text-align: left;
}

.produto-mobile-img {
    height: 83.3%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
/*
.produto-mobile-desconto-holder{
    width: 100%;
    position: relative;
}
*/
.produto-mobile-desconto-unitario{
    color: #fff;
    background: #f13636;
    padding: 6px;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    /* pointer-events: none; */
    border: none;
    line-height: 1;
}

.produto-mobile-img .buying-mark{
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #ffeb3b;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    border-radius: 50%;
    font-size: 1.3em;
}

.produto-mobile.selecionado{
    border-color: #f23636;
    box-shadow: 0px 3px 3px 1px #f2363680;
}

.alternative-screen .produto-mobile.selecionado{
    border-color: #809cab;
    box-shadow: 0px 3px 4px 1px #809cab;
}

.produto-mobile.selecionado .produto-mobile-infos{
    background-color: #f23636;
}

.alternative-screen .produto-mobile.selecionado .produto-mobile-infos{
    background-color: #809cab;
    color: #fff;
}

.categories-holder{
    display: none;
    height: 6%;
    padding: 0 3px;
    align-items: center;
    justify-content: center;
}

.categories-holder > div{
    width: 100%;
    height: 70%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    display: flex;
}

.categories-holder > div::-webkit-scrollbar{
    display: none;
}

.categories-holder button{
    padding: 0 8px;
    height: 100%;
    margin-right: 5px;
    outline: none;
    border: 3px solid #1fbb90;
    border-radius: 3px;
    background-color: transparent;
    font-size: 1.3em;
}

.alternative-screen .categories-holder button{ border-color: #809cab; }

.categories-holder button.selected{
    border-color: #f13636;
}

.btns-layout{
    width: 100%;
    height: 10%;
}

.layout-prd{
    width: 30px;
    height: 30px !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 3px !important;
}

.alternative-screen .categories-holder button.selected{ border-color: #b8b8b8; }

.categories-holder button:last-child{
    margin-right: 0;
}

.link-buy .categories-holder{
    display: flex;
}

.link-buy .produtos-holder{
    height: 85%;
}

.cfg_trocar_tela .produtos-holder {
    height: 91%;
    text-align: center;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.cfg_trocar_tela .produto-mobile {
    width: 31%;
    height: 21.5%;
    margin: 1%;
    border: 1px solid #000;
    vertical-align: top;
    border-radius: 3px;
}

.cfg_trocar_tela .produto-mobile-infos {
    height: 17.6%;
    color: #fff;
    background: #1ebb90;
    font-size: 1.6em;
}

.cfg_trocar_tela .produto-mobile-img {
    height: 80.3%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.cfg_trocar_tela .produto-mobile-valores {
    height: 50%;
    display: flex;
    justify-content: center;
    padding: 0px 2px;
}