/* 962e0f18bcb7994d9fdc4fa7858ce2f5fa10aab5 */

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

/* 8663cb6631d74105711496e335c7f9f17e0c49c1 */

/* ═══════════════════════════════════════════════════════════════════════════
   v734175 — 🔴 O VÃO ENTRE A TAG E O CARD.

   José: "tem um espaço muito grande entre a tag de desconto relâmpago /
   quantidade e onde a imagem do produto e o título começam".

   Medido na coronelfumaca (375 px, getBoundingClientRect):
       selo → foto ....... 33,2 px
       selo → título ..... 24,0 px

   Três parcelas somavam isso: o `gap:12px` da grade do card (pensado para
   separar FOTO de TEXTO na horizontal, mas gap vale entre LINHAS também), os
   2 px de margem da faixa e a foto centrada numa linha de 133 px. A faixa é
   uma linha de promoção, não um bloco: fica a 4 px do conteúdo. Só nos cards
   que receberam a faixa (atributo da v733939), para não mexer nos cards de
   evento (flex em coluna, onde o gap é o respiro entre foto e texto) nem
   nos cards sem promoção (uma linha só, sem row-gap para reduzir).
   ═══════════════════════════════════════════════════════════════════════════ */
html #bio-shop-panel#bio-shop-panel .shop-card[data-idlk-faixa-v733939]{row-gap:4px!important}
html #bio-shop-panel#bio-shop-panel .shop-card[data-idlk-faixa-v733939] > .idlk-promo-faixa-v733939{margin:0!important}
/* v734175 — ícone da campanha em SVG (traço fino), nunca emoji */
.idlk-camp-ic-v733655{display:inline-grid!important;place-items:center}
.idlk-camp-ic-v733655 svg{width:11px;height:11px;display:block;color:#fff}
#idlkCampBarraV733622 .ic{display:inline-flex;align-items:center}
#idlkCampBarraV733622 .ic svg{width:15px;height:15px;display:block}
#idlkCampanhaV733248 .nm svg{width:15px;height:15px;vertical-align:-3px;margin-right:6px}