/* IMAGEM PRODUTO */
.thumbnail-image{ border: 1px solid #fff; padding: 5px; height: 60px; text-align: center;}
.thumbnail-image img{ margin: 0 auto; max-height: 50px;}
.thumbnail-image:hover{ border: 1px solid #333;}
.img-full{ margin-top: 15px; min-height: 300px; width: 100%; display: flex; justify-content: center; align-items: center;}
.img-full img{ margin: 0 auto; }

/* PRECO */
.preco-produto{}
.preco-produto .desconto-pix{
    font-family: var(--Roboto-Bold);
    color: var(--smartGreen);
    font-size: 25px;
    margin: 0;
}
.preco-produto .desconto-pix small{
    font-family: var(--Roboto-Light);
    color: var(--smartGreen);
}
.preco-produto .desconto-pix svg,.preco-produto .desconto-pix path{fill: var(--smartGreen); width: 20px; height: 20px;}
.preco-produto small{color: var(--smartBlack); font-family: var(--Roboto-Light);}

#vf{
    color: var(--smartGray);
    font-size: 15px;
    line-height: 15px;
}

#vp{    color: var(--smartBlack);
    font-family: var(--Roboto-Black);
    font-size: 15px;
    line-height: 15px;}


.quantidade-estoque input{ padding: 25px; border-radius: 10px !important; padding-right: 0px; }
.quantidade-estoque label{ font-size: 17px; font-weight: 100; margin-top: 11px; }
.quantidade-estoque{ padding-right: 0px !important; }
.envio-valor{ padding-left: 0px !important; }

.nome-fabricante{
    color: var(--smartGray);
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    font-family: var(--Roboto-Light);
}
.info-produto p{ float: left; margin-right: 30px; }

/* TITULO */
.titulo-produto{  }
.titulo-produto h1 {
	font-family: var(--Roboto-Bold);
    font-size: 32px;
    color: var(--smartGreen);
    margin: 0;
    letter-spacing: 1.7px;
}

.frete-produto{ margin-top: 24px; }
.frete-produto input{     border: none !important;
    box-shadow: none;
    height: 57px !important;
    font-size: 18px;
    font-family: var(--Roboto-Bold);
    color: var(--smartGreen); }

.frete-produto input::placeholder{color: var(--smartGreen);}
.frete-produto button{ border: none !important; box-shadow: none; }
.frete-produto label{color: var(--smartGreenSecond); font-family: var(--Roboto-Bold);}
.frete-produto .input-group{
    border: 1px solid var(--smartGray);
    border-radius: 3px;
}
#insere_aqui{ margin: 10px -15px -15px; background: #f7f6f6; color: #949494;}
#cep:focus{ box-shadow: none; border: none; height: 57px; }
#carrega{ background: transparent; }
#carrega svg,#carrega svg path{ width: 20px; height: 20px; fill: var(--smartGreen); }
.breadcrumb{ background-color: #ffffff !important; border-radius: 0px !important; border: 1px solid #eeeeee !important; margin-top: 10px !important;}
.especificacoes, .comprejunto, .avaliacoes{ margin-top: 20px; margin-bottom: 20px; }
.produto-flutuante{ width: 100%; position: fixed; top: -90px; left: 0; z-index: 500; font-size: 2.5em; background-color: #fff; padding-bottom: 3px; }

#compra_link,#compra_link:hover{text-decoration:  none;}
.comprar-agora{ 
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 2%;
    width: 100%;
    height: 57px;
    background-color: var(--smartGreen) !important;
    border: 2px solid var(--smartGreen) !important;
    text-transform: uppercase;
    font-family: var(--Roboto-Black);
    font-size: 20px !important;
    border-radius: 3px !important;
    color: var(--smartWhite);
}
.comprar-agora:hover{ text-decoration: none; color: var(--smartWhite); }
.comprar-agora > svg,.comprar-agora > svg path{width: 30px; height: 30px; fill: var(--smartWhite);}


.btn-share{ color: #888 !important; border-radius: 5px !important;}
.btn-avaliar{ float: right; }

.titulo-avaliacao{
    background: url(../images/avaliacoes.png) no-repeat 0 0;
    width: 108px;
    height: 26px;
    background-position: 2px 2px;
}
.titulo-avaliacao .start-aval{
    background: url(../images/avaliacoes.png) no-repeat 0 0;
    /* width: 96px; */
    height: 26px;
    background-position: 2px -21px;
}

.variacao{ border-radius: 7px; margin-bottom: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #777777; text-transform: uppercase; color: #3a3a3a; cursor: pointer; display: inline-block; font-size: 12px; padding: 3px 8px; margin-right: 5px; }
.variacao:hover{color: #ef2229; text-decoration: none !important; border-color: #ef2229;}
.var-selec{/* background: #ef2229;*/ border-color: #ef2229; color: #ef2229 !important; text-decoration: none !important;}
.variacao .fa{ position: absolute; margin-top: -2px; color: black; }
/* POP UP AVALIACOES */
.comentarios{ cursor: pointer; position: fixed !important; z-index: 5000; bottom: 10px; left: 20px; padding-left: 0px !important; }
.comentarios>.alert{ border-radius: 2px; border: 1px solid rgb(124, 221, 119); box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px; background-color: rgb(188, 245, 188); color: darkgreen; }


#lista_desejo{ cursor: pointer;}
#lista_desejo i{ font-size: 17px !important; font-weight: bold; }
#lista_desejo a{font-family: var(--Roboto-Condensed); color: var(--smartGray);}
.produto-share{display: flex;align-items: center;gap: 27px;}
.social-share,.social-share path{width: 17px; height: 17px; fill: var(--smartGray); transition: all .7s ease-in-out;}
.social-share:hover,.social-share:hover path{fill: var(--smartGreen);}

/* CARROSSEL DE PRODUTOS */
#banner-loja .owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; }
#banner-loja .owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 19%; }
#banner-loja .owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 19%; }
.owl-pagination{ display: none; }

@media (max-width: 768px) {
	.produto-flutuante{display: none;}
	.thumbnail-image{ display: inline-block; margin-bottom: 30px;}
	.envio-valor{ padding-left: 15px !important; }
}

small[data-target='#exibir_parcelamento_button']{
    background: var(--smartGreen);
    color: #fff;
    padding: 4px 4px;
    border-radius: 1px;
    cursor: pointer;
    float:right;
}

.btn-quantidade{
    position: absolute;
    z-index: 1;
    top: 21px;
    cursor: pointer;
}
.btn-quantidade[id="mais"]{right: 20px;}
.btn-quantidade[id="menos"]{left: 20px;}
.btn-quantidade svg,.btn-quantidade path{fill: var(--smartGreen); width: 10px; height: 10px;}
input#quantidade_comprar{    height: 57px;
    text-align: center;
    border: 2px solid var(--smartGreen);
    border-radius: 3px !important;}
.visual3d{
    border: 1px solid var(--smartGray);
    margin-top: 7px;
    border-radius: 3px;

}
.visual3d > *{
    width: 100%;
    height: 300px;
}

.breadcrumb{border: none !important;}
.breadcrumb a{
    color: var(--smartGray);
    font-size: 11px;
    font-family: var(--Roboto-Bold);
}

.breadcrumb a:hover{text-decoration: none;}