/* ═══════════════════════════════════════════════════════════════════════════
   v733939 — 🔴 O TÍTULO DO PRODUTO SAÍA CORTADO AO MEIO.

   José: "unnixgrow no web não aparece o título"; e antes: "o título deve
   começar na linha de baixo do desconto relâmpago"; e agora: "esse leve 5 e
   ganhe x deveria estar em cima, do lado do relâmpago também".

   As três frases são o mesmo problema. A cápsula da campanha era inserida
   DENTRO de `.shop-card-title`, e esse bloco tem teto de 2,6em (v733931, para
   não sobrar linha vazia em quem não tem campanha). Medido na unnixgrow:

       cápsula ....... 21 px + 5 px de margem = 26 px
       título ........ 2 linhas × 18,85 px    = 37,7 px
       necessário .... 63,7 px   ·   teto ..... 37,7 px

   Faltavam 26 px — exatamente a cápsula. O navegador cortava no meio da
   segunda linha, e o nome do produto aparecia decapitado.

   Fazer o teto crescer resolveria o corte e traria de volta o vão em quem não
   tem campanha. A saída é tirar a cápsula de dentro do título: ela nunca foi
   parte do nome do produto.

   Agora existe uma FAIXA DE PROMOÇÕES, uma linha própria acima do título, e
   ela recebe os dois selos — o relâmpago e o "Leve 5+ e ganhe 3%", que estava
   perdido embaixo do nome. Promoção junto com promoção, nome do produto
   inteiro, e nenhuma linha reservada para quem não tem nada a anunciar
   (`:empty` some sozinha).
   ═══════════════════════════════════════════════════════════════════════════ */
html .idlk-promo-faixa-v733939{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 5px}
html .idlk-promo-faixa-v733939:empty{display:none!important}
html .idlk-promo-faixa-v733939 .idlk-camp-selo-v733248{display:inline-flex!important;margin:0!important;width:auto!important}
html .idlk-promo-faixa-v733939 .idinc-selo-card-v731531{margin:0!important;display:inline-flex!important}
/* ═══════════════════════════════════════════════════════════════════════════
   v733970 — o parcelamento ABAIXO do preço, não acima.

   Devolvido ao corpo (v733969), ele caiu onde sempre esteve no HTML: antes do
   preço. "3x de R$ 26,33 sem juros" lido ANTES de saber que o produto custa
   R$ 70,82 não ajuda ninguém — parcela é resposta a uma pergunta que o preço
   ainda não fez.

   O corpo do card é flex em coluna, então a ordem se resolve sem tocar no
   HTML: preço, parcela, frete. Seletor com o ID dobrado porque nesta folha
   existe regra com mais IDs do que qualquer classe alcança (v733952). */
html #bio-shop-panel#bio-shop-panel .shop-card .shop-card-price{order:1}
html #bio-shop-panel#bio-shop-panel .shop-card .idinc-card-extra-v731531{order:2;margin-top:2px}
html #bio-shop-panel#bio-shop-panel .shop-card .idmk-fp{order:3}
html #bio-shop-panel#bio-shop-panel .shop-card .idinc-mods-v731589{order:4}
html .shop-card .idinc-card-extra-v731531:empty{display:none!important}
/* o título volta a ser só o título */
html .shop-card .shop-card-title{max-height:2.6em;overflow:hidden}
/* ═══════════════════════════════════════════════════════════════════════════
   v733940 — os dois selos na MESMA linha, e por isso menores.

   Medido depois da v733939: a coluna de texto do card tem 169 px (a foto e os
   botões + / olho ficam com o resto), e os selos somavam 182 px — o relâmpago
   com 66 e o "Leve 5+ e ganhe 3%" com 110. Sobravam 13 px de falta, então a
   linha quebrava e os dois voltavam a ficar empilhados, que é o que o José
   não quer.

   Em vez de encolher a promessa (o texto é a oferta: "Leve 5+ e ganhe 3%"
   vende, "5+" não), encolhe a tipografia: 10 px, respiro menor e o raio em
   disco de 14 px. Dá 157 px com folga de 12 — e de quebra fica mais leve, do
   jeito que ele pediu para os cards.
   ═══════════════════════════════════════════════════════════════════════════ */
html .shop-card > .idlk-promo-faixa-v733939{grid-column:1/-1;margin:0 0 2px}
html .idlk-promo-faixa-v733939{gap:6px}