/* ═══════════════════════════════════════════════════════════════════════════
   v733728 — 🔴 O AVISO DE COOKIE COBRIA 58% DA TELA E ENGOLIA TODO TOQUE.

   Medido agora, num aparelho de 375x812 e num visitante novo:

       #idlink-cookie-banner  ·  472 px de altura  ·  y 330 → 802
       z-index 2.147.483.000 (o teto)  ·  58% da tela
       elementFromPoint no meio de um card de produto → P.idlink-cookie-text

   Ou seja: a pessoa tocava no produto e acertava o texto do aviso. Do meio da
   tela para baixo, NADA da loja recebia toque.

   O funil da Coronel Fumaça nas últimas 6 horas: **359 pessoas visitaram, 12
   abriram um produto, zero carrinhos**. 3,3% de abertura — contra 40% quando
   medi a mesma loja com a janela inteira disponível.

   A v731532 já tinha tirado o véu preto e liberado a leitura, com a razão
   certa escrita no comentário ("a LGPD exige consentimento LIVRE"). Só que no
   celular o `grid-template-columns:1fr` empilha os QUATRO botões em largura
   total, e o aviso vira uma parede.

   Aqui o aviso continua inteiro — mesma informação, aceitar e recusar com o
   MESMO peso, política a um toque. Só deixa de ocupar a tela: os botões
   voltam para uma linha, o texto ganha duas linhas e o conjunto fica em
   ~150 px. Consentimento continua livre; a loja volta a ser tocável.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  #idlink-cookie-banner{
    max-height:none!important;
    left:8px!important; right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
  }
  /* o miolo deixa de empilhar em bloco único */
  #idlink-cookie-banner .idlink-cookie-inner{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:13px 14px!important;
  }
  /* selo e título encolhem: a informação continua, o volume não */
  #idlink-cookie-banner .idlink-cookie-kicker{font-size:10px!important;margin-bottom:3px!important}
  #idlink-cookie-banner .idlink-cookie-title{font-size:15px!important;margin:0 0 3px!important}
  /* duas linhas e reticências — quem quiser o texto inteiro abre a política */
  #idlink-cookie-banner .idlink-cookie-text{
    font-size:12.5px!important; line-height:1.4!important;
    display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden!important;
  }
  #idlink-cookie-banner .idlink-cookie-policy-line{display:inline!important;margin-left:4px!important}

  /* 🔴 o que criava a parede: quatro botões, cada um em 100% de largura */
  #idlink-cookie-banner .idlink-cookie-actions{
    display:flex!important; flex-wrap:nowrap!important; gap:7px!important;
    align-items:center!important; justify-content:stretch!important;
  }
  #idlink-cookie-banner .idlink-cookie-btn{
    width:auto!important; flex:1 1 auto!important;
    padding:11px 10px!important; font-size:13px!important; border-radius:12px!important;
  }
  /* idioma e ajustes viram ícone de 44 px — alvo de toque continua legal */
  #idlink-cookie-banner .idlink-cookie-btn-icon{
    width:44px!important; min-width:44px!important; height:44px!important;
    flex:0 0 44px!important; padding:0!important; border-radius:12px!important;
  }
  /* aceitar e recusar com o MESMO tamanho: exigência de consentimento livre */
  #idlink-cookie-banner .idlink-cookie-btn-accept,
  #idlink-cookie-banner .idlink-cookie-btn-decline{flex:1 1 0!important;min-width:0!important}
  /* a faixa "cookies necessários" cabe numa linha só */
  #idlink-cookie-banner .idlink-cookie-required{
    margin:0 14px 13px!important; padding:9px 11px!important;
    font-size:11.5px!important; line-height:1.35!important;
  }
}
/* telas muito baixas (iPhone SE deitado, teclado aberto): nada passa de 40% */
@media (max-width: 768px) and (max-height: 720px) {
  #idlink-cookie-banner{max-height:40vh!important;overflow:auto!important}
}