:root{
    --color-primary: #000000;
    --color-secondary: white;
}
#formWhatsApp button{
    background: var(--color-primary);
    color: var(--color-secondary);
    margin-left: auto;
    display: block;
}
.valor-item {
    display: block; /* Isso faz com que ocupe a própria linha */
    /* Adicione mais estilos conforme necessário */
}

.cp-gratis{
    background: #5be55b;
}

.botao-acao.indisponivel:not(.not-anim){
    background: none !important;
    border-color: #9f9f9f !important;
    color: #9f9f9f !important;
}

.compre-whatsapp{
    border: 1px solid #24bf24;
    padding: 10px;
    border-radius: 5px;
    color: #24bf24;
    margin-top: 10px;
    transition: .3s;
}
.compre-whatsapp:hover{
    background: #24bf24;
    color: #fff;
}

#modal-fechado .msg{
    background: #0000003d;
    border-left: 5px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 5px;
    text-align: center;
    padding: 20px;
}

.novalistagem{
    display: flex;
    flex-wrap: wrap;
}
#tarja-top{
    background: #000000c7;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.btn-radio{
    padding: 10px;
    border-radius: 7px;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    transition: .3s;
}
.btn-radio.selected{
    background: #00000059;
    color: var(--color-secondary);
}
.btn-radio:hover{
    background: #00000059;
    color: var(--color-secondary);
    cursor: pointer
}
.btn-radio.selected:hover{
    background: #000000c4;
}

#totop{
    background: #00000087 !important;
    width: 45px;
    height: 45px;
    border-radius: 25px !important;
    padding: 0;
    z-index: 9;
}
#totop i{
    color: var(--color-secondary) !important;
}

.produto a{
    position: relative;
}
@keyframes softPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1.05);
    opacity: 0.8;
  }
}

.emoferta-1, .emoferta {
    display: inline-block;
    background: var(--color-primary) !important;
    color: var(--color-secondary) !important;
    font-weight: bolder;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
    /* animation: softPulse 3s ease infinite; */
    transform: rotate(-45deg);
    margin-top: 6.8px;
    margin-left: -1.5rem;
    position: relative;
    z-index: 999999; 
}

.timer-produto{
    display: inline-block;
    color: var(--color-primary);
    background: #ffffff9e;
    border: 1px solid var(--color-primary);
    font-weight: bolder;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
}
.emoferta-2, .emoferta-3 {
    background: var(--color-primary);
    color: var(--color-secondary);
    font-weight: bolder;
    border-radius: 4px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-top: 1.4rem;
    margin-left: -2rem;
    margin-bottom: 0.5rem;
    padding: 0px 5px;
}
.emoferta{
    top: 35px;
}
.emoferta-3{
    transform: rotate(-45deg);
}
.container-ex3 .capa, .novoproduto .capa{
    flex-direction: column;
    height: auto !important;
}

.btn-1{
    background: var(--color-primary);
}
.btn-1 i{
    color: var(--color-secondary);
}
.logo-gray {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 250px;
    opacity: .4;
    filter: grayscale(100%);
}
#container-auth a{
    color: var(--color-primary);
}
#container-auth a.selected{
    font-weight: bolder;
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}
#container-auth button{
    background: var(--color-primary);
}
#container-auth nav a{
    color: #888;
    text-transform: uppercase;
}

#container-auth button.sem-cadastro{
    background: transparent !important;
    border: 1px solid var(--color-primary);
    margin-top: 10px;
}

.img-prod{
    padding-right: 10px;
}
.infos-prod, .infos-prod .descricao-prod > div:first-child{
    width: 100%;
}

.infos-prod .descricao-prod{
    display: flex;
}

.container-ex3 .capa img{
    width: 77px;
    height: 77px;
}
.quantidade input[disabled]{
    background: transparent;
    color: black !important;
}
:root {
  --button-transition-duration: 0.3s;
  --button-background-color: #f7f7f7;
  --button-hover-background-color: #e0e0e0;
  --button-border-radius: 10%;
  --button-font-size: 17px;
  --button-padding: 10px;
}

.quantidade i {
  background-color: var(--button-background-color);
  padding: var(--button-padding);
  border-radius: var(--button-border-radius);
  color: var(--color-primary);
  margin: 0;
  font-size: var(--button-font-size);
  cursor: pointer;
  transition: background-color var(--button-transition-duration) ease;
}

.quantidade i:hover {
  background-color: var(--button-hover-background-color);
}

.line-variacao .escolhas{
    background: var(--color-primary);
}

.btn-comprar{
    background: var(--color-primary);
    margin-top: 10px;
    width: 110px;
    padding: 5px;
}
.btn-comprar i:before{
    color: var(--color-secondary) !important;
}

.colored,
.shop-bag i,
.naver .navbar li > a i,
.header .naver .navbar .social a:hover i,
.naver .navbar a:hover,
.user-menu i,
.search-bar-mobile button i,
.categoria .vertudo i,
.categoria .counter,
.bread i,
.produto-detalhes .categoria a,
.campo-numero i,
.sacola-table .sacola-remover i,
.sacola-table .sacola-change i,
.adicionado .checkicon,
.title-line i,
.back-button i,
.filter-select .outside,
.filter-select .fake-select i,
.pagination i,
.funcionamento-mobile i,
.fake-select i,
.search-bar button i,
.holder-shop-bag i
 {
color: var(--color-primary) !important;
}

.top {
border-color: var(--color-primary) !important;
}

.footer-info,
.categoria .produto .detalhes,
.cover,
.carousel-indicators .active,
.botao-acao,
.sidebar .sidebar-header,
.minitop,
.opcoes .opcao.active .check,
.floatbar {
background: var(--color-primary) !important;

}
html .botao-acao {
    border: 2px solid var(--color-primary) !important;
    padding: 8px 5px 6px 5px;
}
html .botao-acao-gray {
    border: 2px solid var(--color-primary) !important;
    
}
html .botao-acao-gray span, html .botao-acao-gray i{
    color: var(--color-primary) !important;
}
.border-color,
.opcoes .opcao{
    border: 1px solid #615f5621;
}
.opcoes .opcao .check{
    background: #0000002f;
}
.opcoes .opcao.disabled{
    border-color: #dadada !important;
}
.opcoes .opcao.disabled .check{
    background: #dadada !important;
}

.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background: var(--color-primary) !important;
color: var(--color-secondary) !important;
}

.is-sticky .avatar {
height: 70px !important;
width: 70px !important;
}

.tv-infinite-menu a.active,
.tv-infinite-menu a:hover,
.fancybox-thumbs__list a::before {
border-color: var(--color-primary) !important;
}

/* ALL MOBILE */

@media (max-width: 991px) {

	.user-menu i {
	    color: var(--color-secondary) !important;
	}

	.shop-bag i {
    	color: var(--color-secondary) !important;
	}

	.shop-bag .counter {
	border: 0;
	padding-top: 2px;
	}

	.top {
	border-top: 0;
	background: var(--color-primary) !important;
	}

}

/* ALL DESK */

@media (min-width: 991px) {

}