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