/* 661b4d9d1123fa991b7d0ae16ef8ec75bcd3601b */
/* v732998perf — Chrome Android: sem desfoque de vidro (backdrop-filter é o maior custo por frame), cards fora da tela não são pintados, animações pausam enquanto rola */
@media (max-width:640px){
  *,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  /* ═══════════════════════════════════════════════════════════════════════
     v733831 — 🔴 O QUE FAZIA O PERFIL PISCAR AO ROLAR ERA A OTIMIZAÇÃO.

     José: "quando scrolla o perfil do coronelfumaca o scroll pisca o fundo,
     imagens somem e voltam dos produtos".

     Medido no aparelho, numa rolagem curta de descer-e-subir:
       · 38 trocas de `contentvisibilityautostatechange` em 15 dos 40 cards —
         cada troca é a foto saindo do quadro e sendo repintada;
       · altura do documento oscilando 3963 → 3974 → 4033 px, CLS 0,0193.
         Com `content-visibility` desligado: 4033 px fixos, CLS ZERO.

     A causa é `content-visibility:auto`. Ele manda o navegador não pintar o
     que está fora da tela — e repintar ao voltar. Some com a imagem e, pior,
     usa o `contain-intrinsic-size` como altura provisória: 120 px declarados
     contra 167 px reais, então o documento encolhe e estica debaixo do dedo.

     A troca nunca valeu a pena aqui: uma linha de 167 px com miniatura de
     82 px não custa quase nada para pintar. Pagávamos um repaint por card
     para economizar o que já era barato.

     `animation-play-state` fica — pausar animação enquanto rola é de graça e
     não mexe em layout. `transition:none` sai junto com o resto da máquina de
     rolagem (ver v733831b em layouts/profile.php): é ele que, ao voltar,
     ANIMA o fundo das barras de volta — a piscada do fundo, literalmente.
     ═══════════════════════════════════════════════════════════════════════ */
  html.idlk-rolando *{animation-play-state:paused!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* a15c6c7f12d3e67b44cdbab7b8b01a8f6c7b6377 */

.idlk-kr{margin:10px 0 16px;padding:14px;border-radius:20px;border:1px solid rgba(215,255,1,.35);background:linear-gradient(135deg,rgba(215,255,1,.12),rgba(0,208,255,.05));color:#fff}
.idlk-kr b.t{display:block;font-size:15px;font-weight:950}.idlk-kr small{display:block;color:rgba(255,255,255,.7);font-size:12px;line-height:1.35;margin:3px 0 10px}
.idlk-kr .b{display:inline-block;background:#D7FF01;color:#050607;font-weight:900;font-size:12.5px;border-radius:999px;padding:9px 16px;text-decoration:none;border:0;cursor:pointer}
.idlk-kr .p{display:inline-block;margin-right:6px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800}
#idlkKrSheet{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.72);display:none}#idlkKrSheet.on{display:block}
#idlkKrSheet .c{position:absolute;left:0;right:0;bottom:0;max-height:92dvh;overflow:auto;background:#0b0e0c;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));color:#fff;-webkit-overflow-scrolling:touch}
#idlkKrSheet h3{margin:0;font-size:19px;font-weight:950}#idlkKrSheet .per{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}#idlkKrSheet .per button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}#idlkKrSheet .per button.on{background:#D7FF01;color:#050607;border-color:transparent}
#idlkKrSheet .it{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}#idlkKrSheet .it img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#111}#idlkKrSheet .it b{font-size:13px;display:block}#idlkKrSheet .it i{font-style:normal;color:#D7FF01;font-size:12px;font-weight:900}#idlkKrSheet .it s{color:rgba(255,255,255,.4);font-size:11px;margin-left:5px}
#idlkKrSheet .q{display:flex;align-items:center;gap:6px}#idlkKrSheet .q button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-weight:900}#idlkKrSheet .q span{min-width:18px;text-align:center;font-weight:900}
#idlkKrSheet .tot{position:sticky;bottom:0;background:#0b0e0c;padding:12px 0 0;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:10px}#idlkKrSheet .tot b{font-size:18px;color:#D7FF01}#idlkKrSheet .tot small{display:block;color:rgba(255,255,255,.55);font-size:11px}

/* 8295c2c90451ee6ae28b52ec778c565199068ffc */

/* ═══════════════════════════════════════════════════════════════════════════
   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}
}