/* ═══════════════════════════════════════════════════════════════════════════
   v733950 — AS CATEGORIAS ACIMA DA LISTA.

   José: "as categorias não estão aparecendo no perfil acima da lista de
   produtos" e "categorias só aparecem se clicarem em produtos".

   Estavam mesmo escondidas: a única coisa que existia acima da grade era o
   filtro de VERTICAL (#idlinkFilterPillsV73195 — "Todos / Produtos"), e ele
   vinha com display:none. A categoria de cada produto existia só como
   etiqueta dentro do card, e essa etiqueta também está oculta. Ou seja: a
   loja sabia a categoria de cada item e não oferecia nenhum caminho por ela.

   Numa vitrine de 548 produtos, categoria não é enfeite: é o único jeito de
   quem entrou procurando bong não ter de rolar por 300 sedas.

   As cápsulas nascem do que a vitrine tem na tela e CRESCEM conforme o
   "Carregar mais" traz mais itens — sem inventar categoria que não existe e
   sem pedir nada ao servidor. Só aparecem com duas ou mais: uma categoria só
   não é escolha, é rótulo.
   ═══════════════════════════════════════════════════════════════════════════ */
html .idlk-cats-v733950{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;margin:0 0 11px;padding:1px 0 3px}
html .idlk-cats-v733950::-webkit-scrollbar{display:none}
html .idlk-cats-v733950:empty{display:none!important}
html .idlk-cat-v733950{flex:none;cursor:pointer;border-radius:999px;padding:7px 13px;
  font:900 11.5px/1.2 Inter,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;
  color:rgba(255,255,255,.80);background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);white-space:nowrap;
  transition:background .16s ease,color .16s ease,border-color .16s ease}
html .idlk-cat-v733950:hover{border-color:rgba(215,255,1,.40);color:#fff}
html .idlk-cat-v733950.on{background:#D7FF01;border-color:#D7FF01;color:#0a0b0a}
html .idlk-cat-v733950 b{font-weight:900;opacity:.55;margin-left:5px}
html .idlk-cat-v733950.on b{opacity:.62}
/* v734299 — a cápsula de categoria com página própria é um <a href> (rastreável); visual idêntico ao botão */
html body a.idlk-cat-v733950,html body a.idlk-cat-v733950:visited{display:inline-block;text-decoration:none!important;color:rgba(255,255,255,.80)!important}
html body a.idlk-cat-v733950:hover{color:#fff!important;text-decoration:none!important}
html body a.idlk-cat-v733950.on,html body a.idlk-cat-v733950.on:visited{color:#0a0b0a!important}
/* v733952 — 🔴 O FILTRO MARCAVA OS CARDS E ELES CONTINUAVAM NA TELA.

   A classe era aplicada nos 40 cards (conferido) e o `display:none!important`
   perdia mesmo assim: quem desenha o card é
   `html #bio-shop-panel .shop-card{display:grid!important}`, que tem um ID e
   por isso vence qualquer quantidade de classes — !important dos dois lados
   não desempata, especificidade sim.

   É a mesma pedra de sempre nesta página (ID vence classe). Aqui a regra
   carrega o ID duas vezes: nada que venha do tema alcança. */
html #bio-shop-panel#bio-shop-panel .shop-card.idlk-cat-oculto-v733950,
html #bio-shop-panel#bio-shop-panel .idlink-v22-card.idlk-cat-oculto-v733950,
html .shop-shell .shop-card.idlk-cat-oculto-v733950{display:none!important}