/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 05 2026 | 13:04:05 */
/* ----------------------------------- */
/* BOTÕES CHECKOUT */
/* ----------------------------------- */
.editar-faturamento-carrinho, .editar-faturamento-carrinho:active, .editar-faturamento-carrinho:focus,
.abrir-faturamento-carrinho, .abrir-faturamento-carrinho:active, .abrir-faturamento-carrinho:focus,
.abrir-pagamento-carrinho, .abrir-pagamento-carrinho:active, .abrir-pagamento-carrinho:focus,
.editar-pagamento-carrinho, .editar-pagamento-carrinho:active, .editar-pagamento-carrinho:focus,
#place_order, #place_order:active, #place_order:focus {
	width: 100% !important;
	display:flex !important;
	flex-direction:row !important;
	justify-content: center !important;
	align-items: center !important;
    flex-wrap: nowrap !important;	
	gap: 5px !important;
	margin:5px 0px !important;
	padding:7.5px 5px !important;
	height: 40px !important;
	border: none !important;
	box-shadow: 0 0 5px black !important;
	border-radius: 5px !important;	
	color: #fff !important;
	background: red !important;
	font-size: 18px !important;
	font-weight:550 !important;
	white-space: nowrap !important;
	cursor:pointer !important;
	position:relative !important;
}

.editar-faturamento-carrinho, .editar-faturamento-carrinho:active, .editar-faturamento-carrinho:focus,
#place_order, #place_order:active, #place_order:focus {
	margin:5px 0px !important;
}

.abrir-faturamento-carrinho, .abrir-faturamento-carrinho:active, .abrir-faturamento-carrinho:focus,
.abrir-pagamento-carrinho, .abrir-pagamento-carrinho:active, .abrir-pagamento-carrinho:focus,
.editar-pagamento-carrinho, .editar-pagamento-carrinho:active, .editar-pagamento-carrinho:focus{
	margin:0px !important;
}

.editar-faturamento-carrinho:hover, .abrir-faturamento-carrinho:hover, .editar-pagamento-carrinho:hover, .abrir-pagamento-carrinho:hover, #place_order:hover {
	box-shadow: 0 0 5px black !important;
	border-radius: 5px !important;	
	color: red !important;
	background: #fff !important;
}

.sos-total-checkout {
	width: 100% ;
	display:flex ;
	flex-direction:row ;
	justify-content: center ;
	align-items: center ;
    flex-wrap: nowrap ;	
	gap: 5px ;
	margin:10px 0px ;
	padding:7.5px 5px ;
	height: 40px ;
	border: none ;
	box-shadow: 0 0 5px black ;
	border-radius: 5px ;	
	color: #000 ;
	background: #fff;
	font-size: 18px ;
	font-weight:550 ;
	white-space: nowrap ;
}

#payment-checkout {
	width:100%;	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
    flex-wrap:nowrap;	
	font-size: 18px;		
}

#erros-checkout {
	width:100%;	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
    flex-wrap:nowrap;	
	font-size: 18px;	
}

#resumo-checkout {
	width:100%;	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
    flex-wrap:nowrap;	
	font-size: 16px;	
}

/* ----------------------------------- */
/* WRAPPER CAPA GERAL */
/* ----------------------------------- */
#meu-carrinho {
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:10px;
}

#meu-carrinho .ocultar {
	display:none !important;
}

#meu-carrinho:not([data-block="0"]) button,
#meu-carrinho:not([data-block="0"]) a {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.5;
}

.wrapper-generico-carrinho{
	position:relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:5px;	
}

.wrapper-produtos-carrinho {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap:5px;
}

/* ----------------------------------- */
/* ROLAGEM CUSTOMIZADA */
/* ----------------------------------- */
.wrapper-nomes-carrinho {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	flex-wrap:nowrap;
	gap: 5px;
}

.wrapper-scrollbar-button {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	gap: 5px;	
}

.button-scrollbar, .button-scrollbar:active, .button-scrollbar:focus {
	cursor:pointer;
	position:relative;
	flex: 0 0 auto;
	height: 40px;
	text-align:center;
	font-size: 16px;
	white-space: nowrap;
	line-height:40px;
	font-weight:750;
	margin:0px;
	padding:0px 10px;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius: 5px;
	color:#fff;
	background:green;
}

.button-scrollbar:hover {
	border:none;
	box-shadow: 0 0 5px black;
	border-radius: 5px;
	color:green;
	background:#fff;
}

.custom-scrollbar-global{
	width:100%;
	height: 40px;
	position: relative;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	align-items: center;
    flex-wrap: nowrap;	
	margin:0px;		
	padding:5px;
	border: none;
	box-shadow: 0 0 5px black;
	border-radius: 5px;
	overflow:hidden;
}

.custom-scrollbar-wrapper {	
	display:flex;
	flex-direction:column;	
	min-height:0;
	width: 100%;
	height:100%;	
	position: relative;	
	margin:0px;
	padding:0px;
}

.custom-scrollbar-galeria {
	display: flex;
	flex-direction: row;
	align-items: stretch;
    flex-wrap: nowrap;	
	flex:1 1 auto;
	min-height: 16px;
	min-width:0;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	margin:0px;
	padding:0px;
	gap:7.5px;
}

.custom-scrollbar-galeria::-webkit-scrollbar {
	display: none;
}

.custom-scrollbar-title {
	display: flex;
	align-items: center;
	flex-direction:row;
	flex-wrap:nowrap;
	min-height: 16px;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	color: #000;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.custom-scrollbar {
	width:100%;
	height: 10px;
	background: rgba(0,0,0,0.25);
	position: relative;
	border-radius: 5px;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:4px;
	margin-bottom:0px;
	box-sizing: border-box;
}

.custom-scrollbar-icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20px;
	background: black;
	border-radius: 5px;
	cursor: grab;
	touch-action: none;	
}

/* ----------------------------------- */
/* PREÇOS */
/* ----------------------------------- */
.wrapper-precos-carrinho {
	display: flex;
	flex-direction: column;
	width: max-content;
	gap:5px;
}

.wrapper-precos-carrinho > * {
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 100%;
	height: 40px;
	white-space: nowrap;
	box-shadow: 0 0 5px black;
	border-radius:5px;
	margin:0px;
	padding:5px;
	font-size:16px;
	color:#000;
	background:#fff;
	text-align:center;
	overflow:hidden;
}

/* ----------------------------------- */
/* QUANTIDADES */
/* ----------------------------------- */
.wrapper-quantidades-carrinho {
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
	gap:5px;
}

.wrapper-quantidades-carrinho .opcao-quantidade-carrinho, .wrapper-quantidades-carrinho .opcao-ver-produto {
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;	
	flex-shrink: 0;
	width: 36.66px;
	height: 36.66px;
	overflow:hidden;
	box-shadow: 0 0 5px black;
	border-radius:5px;
	border:none;
	margin:0px;
	padding:0px;	
	text-decoration:none;
}

.wrapper-quantidades-carrinho .quantidade-produto {
	flex: 1 1 0;
	width: 0;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;	
	height: 36.66px;
	box-shadow: 0 0 5px black;
	border-radius:5px;
	margin:0px;
	padding:5px;	
	text-align:center;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

/* ----------------------------------- */
/* IMAGEM */
/* ----------------------------------- */
.wrapper-imagens-carrinho {
	display: flex;
	align-items: center;
	flex-direction:column;
	justify-content:center;
	flex-wrap:nowrap;
	margin: 0px;
	padding: 0px;
	gap:5px;	
}

.imagem-produto-carrinho {
	position:relative;
	height:85px;
	aspect-ratio:4/5;
	box-shadow: 0 0 5px black;
	border-radius:5px;
	border:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.imagem-produto-carrinho .acoes {
	position:absolute;
	top:5px;
	right:5px;
	height:25px;
	width:25px;
	box-shadow: 0 0 5px black;
	border-radius:5px;
	border:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.imagem-produto-carrinho img {
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;	
}

.imagem-icone-carrinho {
	position:relative;
	display: flex;
	align-items: center;
	justify-content:center;	
	height:40px;
	width:40px;
	min-height:40px;
	min-width:40px;	
	max-height:40px;
	max-width:40px;		
	box-shadow: 0 0 5px black;
	border-radius:5px;
	border:none;
	margin:0px;
	padding:0px;
	font-size:20px;
	color:#000;
	background:#fff;
}

/* ----------------------------------- */
/* CHECKBOX OPÇÕES FRETE */
/* ----------------------------------- */
.imagem-icone-carrinho.opcao-frete, .imagem-icone-carrinho.opcao-frete:active, .imagem-icone-carrinho.opcao-frete:focus {
	display: flex;
	align-items: center;
	justify-content:center;	
	width:100%;
	height:100%;
	cursor:pointer;
	background:#fff;
	color:#000;
}

.imagem-icone-carrinho.opcao-frete::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size:32px;
	content: "\f0c8"; /* square (checkbox vazio) */
	transition: transform 0.15s ease;
	display:inline-block;	
}

.imagem-icone-carrinho.opcao-frete.ativo::before {
	font-size:32px;
	content: "\f14a"; /* check-square (marcado) */
}

.imagem-icone-carrinho.opcao-frete:hover::before {
	transform: scale(1.1);
}

/* ----------------------------------- */
/* BLOCOS EXPANSIVEIS */
/* ----------------------------------- */
.bloco-expansivel{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	flex-wrap:nowrap;
	padding:0px;
	margin:5px 0px;
	gap:5px;
}

.bloco-expansivel-botao {
	width:100%;
	height:40px;
	border:none;
	border-radius:5px;
	box-shadow: 0 0 5px black;
	padding:0px 5px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	flex-wrap:nowrap;
	cursor:pointer;
	transition:background .2s ease;
	background:#fff;
	color:#000;	
}

.bloco-expansivel-botao.ativo{
	background:#000 !important;
	color:#fff !important;
	box-shadow: 0 0 5px black !important;
}

.bloco-expansivel-botao:hover{
	box-shadow: 0 0 5px black;
	background:lightgray;
	color:#000;
}

.bloco-expansivel-texto{
	font-size:16px;
	font-weight:600;
}

.bloco-expansivel-icone{
	font-size:20px;
	line-height:1;
	font-weight:700;
	padding:10px;
}

.bloco-expansivel-conteudo{
	width:100%;
	min-height:0px;
	background:#fff;
	color:#000;
	border-radius:5px;
	box-shadow: 0 0 5px black;
	margin:0px;
	padding:10px 5px;
	display:none;
	box-sizing:border-box;
	flex-direction:column;
	position:relative;
}

/* ----------------------------------- */
/* DICA CARREGANDO */
/* ----------------------------------- */
.check-dica {
	display:none;
}

@keyframes dots {

	0%{
		content:'';
	}

	25%{
		content:'.';
	}

	50%{
		content:'..';
	}

	75%{
		content:'...';
	}

}


/* ----------------------------------- */
/* DICA GERAL */
/* ----------------------------------- */
#fields-checkout[data-erro="1"] .check-geral {
	display:block;
}
#fields-checkout[data-erro="1"] .check-geral::before {
	content: "Para realizar o PAGAMENTO é necessário fazer as alterações indicadas em vermelho.";
	color:red;
}


/* ----------------------------------- */
/* DICA NOMES FATURAMENTO */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-name[data-first="0"][data-last="0"],
#fields-checkout[data-erro="1"] .check-billing-name[data-first="0"][data-last="0"],
#fields-checkout[data-erro="0"] .check-billing-name[data-first="0"][data-last="1"],
#fields-checkout[data-erro="1"] .check-billing-name[data-first="0"][data-last="1"],
#fields-checkout[data-erro="0"] .check-billing-name[data-first="1"][data-last="0"],
#fields-checkout[data-erro="1"] .check-billing-name[data-first="1"][data-last="0"],
.check-billing-name[data-first="3"], .check-billing-name[data-last="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-name[data-first="0"][data-last="0"]::before {
	content: "Insira o NOME e SOBRENOME do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-name[data-first="0"][data-last="0"]::before {
	content: "Insira o NOME e SOBRENOME do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-name[data-first="0"][data-last="1"]::before {
	content: "Insira o NOME do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-name[data-first="0"][data-last="1"]::before {
	content: "Insira o NOME do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-name[data-first="1"][data-last="0"]::before {
	content: "Insira o SOBRENOME do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-name[data-first="1"][data-last="0"]::before {
	content: "Insira o SOBRENOME do faturamento.";
	color:red;
}
.check-billing-name[data-first="3"]::before, .check-billing-name[data-last="3"]::before {
	content:'Aguarde, conferindo NOMES';
	color:black;
}
.check-billing-name[data-first="3"]::after, .check-billing-name[data-last="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA ENDEREÇO FATURAMENTO */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-address[data-address="0"][data-number="0"],
#fields-checkout[data-erro="1"] .check-billing-address[data-address="0"][data-number="0"],
#fields-checkout[data-erro="0"] .check-billing-address[data-address="0"][data-number="1"],
#fields-checkout[data-erro="1"] .check-billing-address[data-address="0"][data-number="1"],
#fields-checkout[data-erro="0"] .check-billing-address[data-address="1"][data-number="0"],
#fields-checkout[data-erro="1"] .check-billing-address[data-address="1"][data-number="0"],
.check-billing-address[data-address="3"], .check-billing-address[data-number="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-address[data-address="0"][data-number="0"]::before {
	content: "Insira o ENDEREÇO com Nº do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-address[data-address="0"][data-number="0"]::before {
	content: "Insira o ENDEREÇO com Nº do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-address[data-address="0"][data-number="1"]::before {
	content: "Insira o ENDEREÇO do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-address[data-address="0"][data-number="1"]::before {
	content: "Insira o ENDEREÇO do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-address[data-address="1"][data-number="0"]::before {
	content: "Insira o Nº do ENDEREÇO do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-address[data-address="1"][data-number="0"]::before {
	content: "Insira o Nº do ENDEREÇO do faturamento.";
	color:red;
}
.check-billing-address[data-address="3"]::before, .check-billing-address[data-number="3"]::before {
	content:'Aguarde, conferindo ENDEREÇO';
	color:black;
}
.check-billing-address[data-address="3"]::after, .check-billing-address[data-number="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA CIDADE FATURAMENTO */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-city[data-city="0"],
#fields-checkout[data-erro="1"] .check-billing-city[data-city="0"],
.check-billing-city[data-city="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-city[data-city="0"]::before {
	content: "Insira a CIDADE do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-city[data-city="0"]::before {
	content: "Insira a CIDADE do faturamento.";
	color:red;
}
.check-billing-city[data-city="3"]::before {
	content:'Aguarde, conferindo CIDADE';
	color:black;
}
.check-billing-city[data-city="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA EMAIL */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-email[data-email="0"],
#fields-checkout[data-erro="1"] .check-billing-email[data-email="0"],
.check-billing-email[data-email="2"], .check-billing-email[data-email="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-email[data-email="0"]::before {
	content: "Insira o E-MAIL do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-email[data-email="0"]::before {
	content: "Insira um E-MAIL do faturamento.";
	color:red;
}
.check-billing-email[data-email="2"]::before {
	content: "E-MAIL inválido, insira um E-MAIL válido.";
	color:red;
}
.check-billing-email[data-email="3"]::before {
	content:'Aguarde, validando E-MAIL';
	color:black;
}
.check-billing-email[data-email="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA CNPJ*/
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="0"][data-company="0"][data-persontype="2"],
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="0"][data-company="0"][data-persontype="2"],
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="1"][data-company="0"][data-persontype="2"],
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="1"][data-company="0"][data-persontype="2"],
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="0"][data-company="1"][data-persontype="2"],
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="0"][data-company="1"][data-persontype="2"],
.check-billing-juridica[data-cnpj="2"][data-company="0"][data-persontype="2"],
.check-billing-juridica[data-cnpj="2"][data-company="1"][data-persontype="2"],
.check-billing-juridica[data-cnpj="3"][data-persontype="2"], .check-billing-juridica[data-company="3"][data-persontype="2"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="0"][data-company="0"][data-persontype="2"]::before {
	content: "Insira o CNPJ e a RAZÃO SOCIAL do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="0"][data-company="0"][data-persontype="2"]::before {
	content: "Insira o CNPJ e a RAZÃO SOCIAL do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="1"][data-company="0"][data-persontype="2"]::before {
	content: "Insira a RAZÃO SOCIAL do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="1"][data-company="0"][data-persontype="2"]::before {
	content: "Insira a RAZÃO SOCIAL do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-juridica[data-cnpj="0"][data-company="1"][data-persontype="2"]::before {
	content: "Insira a CNPJ do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-juridica[data-cnpj="0"][data-company="1"][data-persontype="2"]::before {
	content: "Insira a CNPJ do faturamento.";
	color:red;
}
.check-billing-juridica[data-cnpj="2"][data-company="0"][data-persontype="2"]::before {
	content: "CNPJ inválido e RAZÃO SOCIAL ausente, insira um CNPJ válido e a RAZÃO SOCIAL.";
	color:red;
}
.check-billing-juridica[data-cnpj="2"][data-company="1"][data-persontype="2"]::before {
	content: "CNPJ inválido, insira um CNPJ válido.";
	color:red;
}
.check-billing-juridica[data-cnpj="3"]::before, .check-billing-juridica[data-company="3"][data-persontype="2"]::before {
	content:'Aguarde, validando RAZÃO SOCIAL e CNPJ';
	color:black;
}
.check-billing-juridica[data-cnpj="3"]::after, .check-billing-juridica[data-company="3"][data-persontype="2"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}


/* ----------------------------------- */
/* DICA CPF*/
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-fisica[data-cpf="0"][data-persontype="1"],
#fields-checkout[data-erro="1"] .check-billing-fisica[data-cpf="0"][data-persontype="1"],
.check-billing-fisica[data-cpf="2"][data-persontype="1"], .check-billing-fisica[data-cpf="3"][data-persontype="1"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-fisica[data-cpf="0"][data-persontype="1"]::before {
	content: "Insira o CPF do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-fisica[data-cpf="0"][data-persontype="1"]::before {
	content: "Insira um CPF do faturamento.";
	color:red;
}
.check-billing-fisica[data-cpf="2"][data-persontype="1"]::before {
	content: "CPF inválido, insira um CPF válido.";
	color:red;
}
.check-billing-fisica[data-cpf="3"][data-persontype="1"]::before {
	content:'Aguarde, validando CPF';
	color:black;
}
.check-billing-fisica[data-cpf="3"][data-persontype="1"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}


/* ----------------------------------- */
/* DICA PHONE */
/* ----------------------------------- */
.check-billing-phone[data-phone="2"], .check-billing-phone[data-phone="3"] {
	display:block;
}
.check-billing-phone[data-phone="2"]::before {
	content: "TELEFONE inválido, insira um TELEFONE válido com DDD.";
	color:red;
}
.check-billing-phone[data-phone="3"]::before {
	content:'Aguarde, validando TELEFONE';
	color:black;
}
.check-billing-phone[data-phone="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA CEP FATURAMENTO */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-billing-postcode[data-billing="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-billing-postcode[data-billing="0"][data-igual="0"],
#fields-checkout[data-erro="0"] .check-billing-postcode[data-shipping="0"][data-igual="1"],
#fields-checkout[data-erro="1"] .check-billing-postcode[data-shipping="0"][data-igual="1"],
.check-billing-postcode[data-shipping="1"][data-needs="1"][data-igual="1"],
.check-billing-postcode[data-billing="2"][data-igual="0"], 
.check-billing-postcode[data-shipping="2"][data-igual="1"],
.check-billing-postcode[data-billing="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-billing-postcode[data-billing="0"][data-igual="0"]::before {
	content: "Insira o CEP do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-postcode[data-billing="0"][data-igual="0"]::before {
	content: "Insira o CEP do faturamento.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-billing-postcode[data-shipping="0"][data-igual="1"]::before {
	content: "Insira o CEP do faturamento.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-billing-postcode[data-shipping="0"][data-igual="1"]::before {
	content: "Insira o CEP do faturamento.";
	color:red;
}
.check-billing-postcode[data-shipping="1"][data-needs="1"][data-igual="1"]::before {
	content: "CEP válido! Confira suas opções de FRETES DISPONÍVEIS.";
	color:green;
}
.check-billing-postcode[data-billing="2"][data-igual="0"]::before {
	content: "CEP inválido, insira um CEP válido.";
	color:red;
}
.check-billing-postcode[data-shipping="2"][data-igual="1"]::before {
	content: "CEP inválido, insira um CEP válido.";
	color:red;
}
.check-billing-postcode[data-billing="3"]::before {
	content:'Aguarde, validando CEP';
	color:black;
}
.check-billing-postcode[data-billing="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA CEP ENTREGA */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-shipping-postcode[data-shipping="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-postcode[data-shipping="0"][data-igual="0"],
.check-shipping-postcode[data-shipping="1"][data-needs="1"][data-igual="0"],
.check-shipping-postcode[data-shipping="2"][data-igual="0"], 
.check-shipping-postcode[data-shipping="3"][data-igual="0"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-shipping-postcode[data-shipping="0"][data-igual="0"]::before {
	content: "Insira o CEP da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-postcode[data-shipping="0"][data-igual="0"]::before {
	content: "Insira o CEP da entrega.";
	color:red;
}
.check-shipping-postcode[data-shipping="1"][data-needs="1"][data-igual="0"]::before {
	content: "CEP válido! Confira suas opções de FRETES DISPONÍVEIS.";
	color:green;
}
.check-shipping-postcode[data-shipping="2"][data-igual="0"]::before {
	content: "CEP inválido, insira um CEP válido.";
	color:red;
}
.check-shipping-postcode[data-shipping="3"][data-igual="0"]::before {
	content:'Aguarde, validando CEP';
	color:black;
}
.check-shipping-postcode[data-shipping="3"][data-igual="0"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA NOMES ENTREGA */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="0"][data-last="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="0"][data-last="0"][data-igual="0"],
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="0"][data-last="1"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="0"][data-last="1"][data-igual="0"],
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="1"][data-last="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="1"][data-last="0"][data-igual="0"],
.check-shipping-name[data-first="3"][data-igual="0"], 
.check-shipping-name[data-last="3"][data-igual="0"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="0"][data-last="0"][data-igual="0"]::before {
	content: "Insira o NOME e SOBRENOME da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="0"][data-last="0"][data-igual="0"]::before {
	content: "Insira o NOME e SOBRENOME da entrega.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="0"][data-last="1"][data-igual="0"]::before {
	content: "Insira o NOME da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="0"][data-last="1"][data-igual="0"]::before {
	content: "Insira o NOME da entrega.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-shipping-name[data-first="1"][data-last="0"][data-igual="0"]::before {
	content: "Insira o SOBRENOME da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-name[data-first="1"][data-last="0"][data-igual="0"]::before {
	content: "Insira o SOBRENOME da entrega.";
	color:red;
}
.check-shipping-name[data-first="3"][data-igual="0"]::before, .check-shipping-name[data-last="3"][data-igual="0"]::before {
	content:'Aguarde, conferindo NOMES';
	color:black;
}
.check-shipping-name[data-first="3"][data-igual="0"]::after, .check-shipping-name[data-last="3"][data-igual="0"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA ENDEREÇO ENTREGA */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="0"][data-number="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="0"][data-number="0"][data-igual="0"],
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="0"][data-number="1"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="0"][data-number="1"][data-igual="0"],
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="1"][data-number="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="1"][data-number="0"][data-igual="0"],
.check-shipping-address[data-address="3"][data-igual="0"], .check-shipping-address[data-number="3"][data-igual="0"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="0"][data-number="0"][data-igual="0"]::before {
	content: "Insira o ENDEREÇO com Nº da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="0"][data-number="0"][data-igual="0"]::before {
	content: "Insira o ENDEREÇO com Nº da entrega.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="0"][data-number="1"][data-igual="0"]::before {
	content: "Insira o ENDEREÇO da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="0"][data-number="1"][data-igual="0"]::before {
	content: "Insira o ENDEREÇO da entrega.";
	color:red;
}
#fields-checkout[data-erro="0"] .check-shipping-address[data-address="1"][data-number="0"][data-igual="0"]::before {
	content: "Insira o Nº do ENDEREÇO da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-address[data-address="1"][data-number="0"][data-igual="0"]::before {
	content: "Insira o Nº do ENDEREÇO da entrega.";
	color:red;
}
.check-shipping-address[data-address="3"][data-igual="0"]::before, .check-shipping-address[data-number="3"][data-igual="0"]::before {
	content:'Aguarde, conferindo ENDEREÇO';
	color:black;
}
.check-shipping-address[data-address="3"][data-igual="0"]::after, .check-shipping-address[data-number="3"][data-igual="0"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA CIDADE ENTREGA */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-shipping-city[data-city="0"][data-igual="0"],
#fields-checkout[data-erro="1"] .check-shipping-city[data-city="0"][data-igual="0"],
.check-shipping-city[data-city="3"][data-igual="0"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-shipping-city[data-city="0"][data-igual="0"]::before {
	content: "Insira a CIDADE da entrega.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-shipping-city[data-city="0"][data-igual="0"]::before {
	content: "Insira a CIDADE da entrega.";
	color:red;
}
.check-shipping-city[data-city="3"][data-igual="0"]::before {
	content:'Aguarde, conferindo CIDADE';
	color:black;
}
.check-shipping-city[data-city="3"][data-igual="0"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* DICA ACEITAR POLITICA */
/* ----------------------------------- */
#fields-checkout[data-erro="0"] .check-terms[data-terms="0"],
#fields-checkout[data-erro="1"] .check-terms[data-terms="0"],
.check-terms[data-terms="3"] {
	display:block;
}
#fields-checkout[data-erro="0"] .check-terms[data-terms="0"]::before {
	content: "Leia e aceite nossa POLÍTICA DE CADASTRO E PRIVACIDADE e nossa POLÍTICA DE REEMBOLSO E DEVOLUÇÃO.";
	color:black;
}
#fields-checkout[data-erro="1"] .check-terms[data-terms="0"]::before {
	content: "Leia e aceite nossa POLÍTICA DE CADASTRO E PRIVACIDADE e nossa POLÍTICA DE REEMBOLSO E DEVOLUÇÃO.";
	color:red;
}
.check-terms[data-terms="3"]::before {
	content:'Aguarde, conferindo aceitação';
	color:black;
}
.check-terms[data-terms="3"]::after {
	content:'';
	color:black;
	animation: dots 1.5s steps(4,end) infinite;
}

/* ----------------------------------- */
/* WRAPPER CUPOM UNICO */
/* ----------------------------------- */
.wrapper-cupom-unico {
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	flex-wrap:nowrap;
	padding:0px;
	margin:0px;
	gap:5px;	
}

.wrapper-cupom-unico img {
	width:40px;
	height:40px;
	padding:0px;
	margin:0px;
	border-radius:5px;
	box-shadow: 0 0 5px black;
	background:#fff;
}

.wrapper-cupom-unico button, .wrapper-cupom-unico button:active, .wrapper-cupom-unico button:focus {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	flex-wrap:nowrap;	
	cursor:pointer;
	position:relative;
	width:40px;
	height:40px;
	padding:0px;
	margin:0px;
	border-radius:5px;
	box-shadow: 0 0 5px black;
	border:none;
	background:red;
	color:#fff;
	font-size:25px;
}

.wrapper-cupom-unico button:hover {
	border-radius:5px;
	box-shadow: 0 0 5px black;
	border:none;
	background:#fff;
	color:red;
}