/** Shopify CDN: Minification failed

Line 123:27 Unexpected "{"
Line 123:28 Expected identifier but found "%"
Line 123:60 Expected identifier but found whitespace
Line 123:97 Expected identifier but found "%"
Line 124:2 Unexpected "{"
Line 124:3 Expected identifier but found "%"
Line 125:4 Unexpected "{"
Line 125:5 Expected identifier but found "%"
Line 126:4 Unexpected "{"
Line 126:5 Expected identifier but found "%"
... and 13 more hidden warnings

**/
/* ==========================================================================
   1. POSICIONAMENTO E FIXAÇÃO (STICKY)
   ========================================================================== */

/* Garante que o Header não "atropele" a citação visualmente */
.shopify-section-group-header-group{
  position: sticky !important;
  top: 39px !important;
  z-index: 2000 !important;
}

/* IMPORTANTE: Remove possíveis travas de fixação */
#MainContent {
  overflow: visible !important; /* Sticky não funciona se o pai for 'hidden' ou 'clip' */
}


/* ========================================================================== */
/* 2. Barra de frete grátis no topo do site */
/* ========================================================================== */
#free-shipping-top-bar {
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: #eaad3f; /* laranja */
  color: #ffffff; /* texto branco */
  font-weight: 400;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Valor destacado na barra do topo */
#free-shipping-top-bar strong {
  color: #FFF176; /* amarelo claro */
  font-weight: 700;
}

/* Eleva o grupo de seções do cabeçalho (Obrigatório para o tema Balance) */
.shopify-section-group-header-group {
  position: sticky !important;
  top: 0;
  z-index: 2000 !important; /* Valor alto para flutuar sobre as citações */
}

/* Garante que o conteúdo do header (menus) não seja cortado */
#shopify-section-header, 
.header-wrapper {
  position: relative !important;
  z-index: 2000 !important;
  overflow: visible !important;
}




/* ==========================================================================
   2. MENU LATERAL (DRAWER / HAMBÚRGUER)
   ========================================================================== */

/* Ajuste de Largura do Menu Lateral */
.menu-drawer {
  width: 200px !important; /* Menu mais estreito */
  max-width: 85vw !important;
  z-index: 3000 !important; /* O nível mais alto da página */
}

/* Ajuste de Fonte e Espaçamento no Menu Lateral */
.menu-drawer__menu-item {
  font-size: 1.3rem !important; /* Fonte menor */
  padding-top: 0.8rem !important; /* Itens mais compactos */
  padding-bottom: 0.8rem !important;
  min-height: auto !important;
}

/* Ajuste dos ícones dentro do menu lateral */
.menu-drawer__menu-item .icon-arrow {
  height: 1.2rem !important;
}

/* ==========================================================================
   3. MENU PRINCIPAL (DESKTOP / MEGA MENU)
   ========================================================================== */

/* Fonte do menu horizontal (topo) */
.menu-list__link-title {
  font-size: 1.2rem !important;
}

/* Fonte dos links dentro do Mega Menu */
.mega-menu__link {
  font-size: 1.2rem !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Títulos das colunas no Mega Menu */
.mega-menu__link--parent {
  font-size: 1.2rem !important;
  font-weight: bold !important;
}

/* Força os submenus a ficarem sempre no topo */
header-menu, 
.header__drawer, 
.menu-list__submenu {
  z-index: 3000 !important;{%- comment -%} BLOCO MODIFICADO: APARECE APENAS NO CATÁLOGO E HOME {%- endcomment -%}
  {%- unless template.name == 'product' -%}
    {% assign first_variant = product_resource.variants.first %}
    {% if first_variant.available == false %}
      {% assign first_available_variant = product_resource.variants | where: "available", true | first %}
      {% if first_available_variant %}
        <div class="variant-name-available">
          {{ first_available_variant.title }}
        </div>
      {% endif %}
    {% endif %}
  {%- endunless -%}
}

/* OCULTAR BLOCO DE TEXTO ESPECÍFICO NA HOME (MOBILE) */
@media screen and (max-width: 1050px) {
    /* Alvo 1: Pela parte fixa da classe que você enviou */
    [class*="text-block--AbWh6NC9zTlE5WkQrT"] {
        display: none !important;
    }
}

/* OCULTAR SEÇÃO ESPECÍFICA NO DESKTOP - PROTEGENDO O HEADER */
@media screen and (min-width: 1051px) {
    #shopify-section-template--25809376084284__section_x8mrnx {
        display: none !important;
    }
}

/* ========================================================================== */
/* 1. Barra embaixo do botão de compra */
/* ========================================================================== */
.free-shipping-message {
  background-color: #012344; /* azul escuro */
  color: #eaad3f; /* dourado */
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}

.free-shipping-message .highlight {
  color: #FFF176; /* amarelo claro para valores */
  font-weight: 400;
}


/* ========================================================================== */
/* 3. Highlight global (caso queira usar em outras barras) */
/* ========================================================================== */
.highlight {
  color: #FFF176;
  font-weight: 500;
}


/* Força o container principal a alinhar tudo em linha */
.jdgm-prev-badge {
    display: flex !important;
    align-items: center !important; /* Centraliza verticalmente o texto com as estrelas */
    flex-direction: row !important;
}

/* Ajusta o texto da badge */
.jdgm-prev-badge__text {
    font-size: 15px !important;
    color: #2c2c2c !important;
    font-weight: 300 !important;
    margin: 0 0 0 0px !important; /* Remove margem superior e adiciona 8px à esquerda */
    display: inline-block !important;
    font-family: Sans-serif !important; 
    line-height: 1 !important;
}

/* Garante que as estrelas não ocupem a linha toda */
.jdgm-prev-badge__stars {
    display: inline-block !important;
}

/* ========================================================================== */
/* 3. Fonte do nome da variante disponível quando a primeira não está disponível */
/* ========================================================================== */

.variant-name-available {
    font-size: 15px !important;
    color: #2c2c2c !important;
    font-weight: 300 !important;
    margin-top: 4px !important;
    display: block !important;
    font-family: Sans-serif !important; 
}


/* =========================================================
   HERO – BOTÃO "COMPRE AGORA" (posição + forma + destaque)
   Tema: Balance | Apenas seção Hero
   ========================================================= */

/* Centralizar botão na seção hero */
.section--hero .banner__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 200px; /* distância do texto */
}

/* Estilo do botão */
.section--hero .banner__buttons .button {
  border-radius: 14px;      /* botão mais arredondado */
  padding: 18px 36px;       /* tamanho do botão */
  font-size: 18px;
  font-weight: 600;
  text-transform: none;     /* mantém leitura natural */
  transition: all 0.2s ease-in-out;
}

/* Efeito hover (desktop) */
.section--hero .banner__buttons .button:hover {
  transform: scale(1.05);
}

/* Mobile – botão mais largo */
@media (max-width: 768px) {
  .section--hero .banner__buttons .button {
    width: 90%;
    text-align: center;
  }
}