/** Shopify CDN: Minification failed

Line 67:1 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/*
 * ===================================================
 * Código para alterar a barra flutuante (Sticky ATC)
 * Tema Kalles (versão T4S)
 * ===================================================
*/

/* 1. Altera a cor de fundo e BORDAS da TARJA */
.t4s-sticky-atc {
    background-color: #b18dd9 !important; /* Sua cor para a tarja */
    
    /* (NOVO) Adiciona as bordas pretas */
    border-top: 1px solid #000000 !important; /* Borda preta em CIMA */
    border-bottom: 1px solid #000000 !important; /* Borda preta em BAIXO */
}

/* 2. (CORRIGIDO) Altera a cor do BOTÃO "Comprar Agora" */
/* Usando o seletor .t4s-sticky-atc__atc da sua imagem */
.t4s-sticky-atc .t4s-sticky-atc__atc {
    background: #4B9976 !important; /* Sua cor para o botão */
    color: #FFFFFF !important;       /* Cor do texto do botão (branco) */
    
    /* (ATUALIZADO) Adiciona a borda preta */
    border: 1px solid #000000 !important; 
}

/* 3. (ATUALIZADO) Define Título, Variante e Preço como BRANCO e NEGRITO (Padrão) */
/*
  Isso define TUDO na barra como branco e negrito por padrão.
  Isso já cumpre sua regra para "quando não tiver comparação de preço".
*/
.t4s-sticky-atc .t4s-sticky-atc__title,
.t4s-sticky-atc .t4s-sticky-atc__variant, /* Seletor da Variante (ex: Azul/P) */
.t4s-sticky-atc .t4s-sticky-atc__price .price { /* Container dos preços */
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* 4. (CORRIGIDO) Altera a cor do BOTÃO ao passar o mouse (HOVER) */
.t4s-sticky-atc .t4s-sticky-atc__atc:hover {
    background: #88C999 !important; /* Cor do botão NO HOVER (um verde mais escuro) */
    color: #FFFFFF !important;       /* Cor do texto do botão no hover (branco) */
    
    /* (ATUALIZADO) Mantém a borda preta no hover */
    border: 1px solid #000000 !important; 
}

/* 5. (NOVO) Define o PREÇO FINAL */
/*
  Este código sobrescreve o Item 3, mas SOMENTE para o preço
  final quando ele está em promoção (a tag <ins>).
  O preço antigo (riscado, <del>) continuará branco e negrito.
*/
.t4s-sticky-atc .t4s-sticky-atc__price ins {
    color: #770A0A !important;       /* Sua cor verde para o preço final */
    font-weight: bold !important;    /* Garante o negrito */
    text-decoration: none !important; /* Remove o sublinhado que a tag <ins> às vezes coloca */
}</ins></del></ins>

/* Estado Normal */
#t4s-backToTop#t4s-backToTop {
  background: #b18dd9 !important; 
  border: none !important;
  transition: all 0.3s ease;
}
#t4s-backToTop#t4s-backToTop span,
#t4s-backToTop#t4s-backToTop svg {
  color: #fff !important;
  fill: #fff !important;  
}

/* Hover */
#t4s-backToTop#t4s-backToTop:hover {
  background: #fff !important;
  border: 1px solid #b18dd9 !important; 
}
#t4s-backToTop#t4s-backToTop:hover span,
#t4s-backToTop#t4s-backToTop:hover svg {
  color: #000 !important;
  fill: #000 !important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}