header{background:#000;}
a{color:#000;}
.bar:before,
input ~ .bar:before,
button, .button {background:#e00200}
fieldset input:focus ~ label,
fieldset input:valid ~ label{color:#e00200;}
fieldset input:valid:not(:focus):not(:placeholder-shown) ~ label{color:#e00200;}

#checkout-salesmen{display:none}

/*Aviso final de ano
#cart h1:after,
#com-carriers h1:after,
#checkout h1:after {
	content: 'Os pedidos efetuados entre os dias 18/12/2023 á 07/01/2024 serão enviados a partir do dia 08/01/2024, pois a loja estará de recesso no fim de ano.';
	display: block; margin-top: 10px; line-height: 1.75; font-size: .9rem; font-weight: bold; color:#c33; white-space: pre-wrap;
}*/

.order_info #pix:before{
  content:'ATENÇÃO \ O PIX SERÁ CONFIRMADO EM ATÉ 1 DIA ÚTIL \A O PRAZO PARA PAGAMENTO É DE ATÉ 2 DIAS ÚTEIS, APÓS ESTE PRAZO O PEDIDO SERÁ CANCELADO';
  display: block; margin-top: 10px; line-height: 1.75em; font-size: .9em; font-weight: bold; color:#c33; white-space: pre-wrap;
}

#order_id::after {content: "Obrigado por nos escolher. Após realizar o pagamento, você receberá atualizações sobre o status de sua compra pelo e-mail";}

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #e00200;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #e00200}

.button:active {
  background-color: #F42E8E;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#forgot h1:after{
  content:'Atenção: \A Não é possível recuperar a senha da conta através de um e-mail diferente do e-mail vinculado ao cadastro. Em caso de dúvida contate-nos para mais informações.'; 
  display:block;
  margin-top:10px;
  font-size:.95rem;
  font-weight:600;
  color:#c00;
  white-space: pre-wrap;
}

#payment h1:before {
  content: 'Por favor, pedimos que antes de efetuar o pagamento, confira se os itens estão corretos, pois não conseguimos alterar os pedidos após a finalização.';
  display:block;
  margin-top:10px;
  margin-block-end: 15px;
  font-size:.95rem;
  font-weight:600;
  white-space: pre-wrap;
  color:#fff;
  background: #c00;
  padding: 10px;
}

#cart-summary::after {
  content: '';
  background-image: url("/octopus/design/images/102/misc/aviso_checkout.jpg");
  display: inline-block;
  width: 366px;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #cart-summary::after {
    width: 60%;
    height: auto;
    top: 10px;
    background-size: contain;
  }
}