/* Catálogo das páginas de produto (tools/catalogo.py), no padrão dos catálogos de exportação da BPG:
   famílias, cards com código e nome técnico, "Indicado para", segmentos, escala, tabela, embalagens,
   listas e chamada final. Tudo em .bpg-cat__* (fora das classes do Elementor); propriedades lógicas
   para o árabe. */
.bpg-cat {
  --bpg-preto: #000407;
  --bpg-ouro: #f3b626;
  --bpg-ouro-escuro: #7d5a12;
  --bpg-creme: #f4efe6;
  --bpg-card: #fffdf8;
  --bpg-linha: #e8e0cf;
  --bpg-texto: #1c1912;
  --bpg-suave: #5f5a4f;
  background: var(--bpg-creme);
  color: var(--bpg-texto);
  font-family: Sora, system-ui, sans-serif;
  padding-block: clamp(48px, 6vw, 96px);
}
.bpg-cat *,
.bpg-cat *::before,
.bpg-cat *::after {
  box-sizing: border-box;
}
.bpg-cat__wrap {
  width: min(1140px, 90%);
  margin-inline: auto;
}
/* zera o que vem do tema sem pesar mais que as classes do catálogo (:where não soma especificidade) */
.bpg-cat :where(h2, h3, h4, p, dl, dd, figure) {
  margin: 0;
  font-family: inherit;
}
.bpg-cat :where(ul, ol) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bpg-cat :where(a) {
  text-decoration: none;
}
.bpg-cat a:focus-visible {
  outline: 2px solid var(--bpg-preto);
  outline-offset: 2px;
}

/* ---------- abertura ---------- */
.bpg-cat__kicker,
.bpg-cat__seg-rot {
  color: var(--bpg-ouro-escuro);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
  margin-block-end: 10px;
}
.bpg-cat__titulo,
.bpg-cat__bloco-titulo,
.bpg-cat__cta-titulo {
  color: var(--bpg-preto);
  font-size: clamp(28px, 1rem + 2.2vw, 44px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin-block-end: 14px;
  text-wrap: balance;
}
/* selo da página (Halal na carne): a palavra em árabe e o texto ao lado */
.bpg-cat__selo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-block: 2px 16px;
  padding: 6px 14px 6px 8px;
  border: 1px solid var(--bpg-preto);
  border-radius: 999px;
  color: var(--bpg-preto);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.bpg-cat__selo-ar {
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--bpg-preto);
  color: var(--bpg-ouro);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.bpg-cat__lead {
  color: #3a362d;
  font-size: clamp(16px, 15px + 0.25vw, 18px);
  line-height: 1.6;
  max-width: 780px;
  margin-block-end: 10px;
}
/* aviso de produto que mudou de página (o "aviso" da abertura no produtos.json): escondido, aparece só para quem
   chega pelo link antigo (/pagina/#ancora-antiga), que é o alvo do endereço */
.bpg-cat__aviso {
  display: none;
  scroll-margin-top: 120px;
}
.bpg-cat__aviso:target {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  max-width: 780px;
  margin-block: 14px 4px;
  padding: 12px 16px;
  border: 1px solid #e9cf86;
  border-inline-start: 4px solid var(--bpg-ouro);
  border-radius: 10px;
  background: #fff4d4;
  color: var(--bpg-texto);
  font-size: 15px;
  line-height: 1.5;
}
.bpg-cat__aviso a {
  color: var(--bpg-preto);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bpg-cat__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-start: 24px;
}
.bpg-cat__chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px 8px 16px;
  padding-inline: 16px 10px;
  border: 1px solid var(--bpg-linha);
  border-radius: 999px;
  background: #fff;
  color: var(--bpg-preto);
  font-size: 14px;
  font-weight: 600;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.bpg-cat__chip:hover {
  border-color: var(--bpg-ouro);
  background: #fffaeb;
  color: var(--bpg-preto);
}
.bpg-cat__n {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  height: 26px;
  padding-inline: 6px;
  border-radius: 999px;
  background: var(--bpg-preto);
  color: var(--bpg-ouro);
  font-size: 12px;
  font-weight: 700;
}

/* ---------- famílias ---------- */
.bpg-cat__familia {
  margin-block-start: clamp(44px, 5vw, 72px);
  scroll-margin-top: 120px;
}
.bpg-cat__fam-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 16px;
  padding-block-start: 22px;
  margin-block-end: 20px;
  border-block-start: 1px solid var(--bpg-linha);
}
.bpg-cat__fam-titulo {
  color: var(--bpg-preto);
  font-size: clamp(22px, 1rem + 1vw, 30px);
  font-weight: 700;
  line-height: 1.2;
}
.bpg-cat__fam-sub {
  color: var(--bpg-ouro-escuro);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.bpg-cat__fam-texto {
  flex-basis: 100%;
  max-width: 820px;
  color: #3a362d;
  font-size: 16px;
  line-height: 1.6;
}
.bpg-cat__grade {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.bpg-cat__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--bpg-linha);
  border-radius: 14px;
  background: var(--bpg-card);
  box-shadow: 0 10px 24px -18px rgb(40 30 10 / 0.35);
  scroll-margin-top: 120px;
}
.bpg-cat__item:target {
  outline: 2px solid var(--bpg-ouro);
  outline-offset: 2px;
}
.bpg-cat__foto {
  position: relative;
  aspect-ratio: 2 / 1;
  background: #ebe4d5;
}
.bpg-cat__foto img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
/* foto de embalagem ou produto que não pode ser cortado: inteira, sobre fundo branco */
.bpg-cat__foto--inteira {
  background: #fff;
}
.bpg-cat__foto--inteira img {
  object-fit: contain;
}
.bpg-cat__foto--vazia {
  display: grid;
  place-items: center;
  background: var(--bpg-preto);
}
.bpg-cat__foto-codigo {
  padding: 12px;
  color: var(--bpg-ouro);
  font-size: clamp(18px, 1rem + 0.6vw, 24px);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
}
.bpg-cat__corpo {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 14px;
  padding: 18px 18px 20px;
}
.bpg-cat__cab {
  padding-block-end: 14px;
  border-block-end: 1px solid var(--bpg-linha);
}
.bpg-cat__nome {
  color: var(--bpg-preto);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  unicode-bidi: isolate;
}
.bpg-cat__codigo {
  display: inline-block;
  margin-block-start: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  background: var(--bpg-ouro);
  color: var(--bpg-preto);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
  unicode-bidi: isolate;
}
.bpg-cat__ficha {
  display: grid;
  gap: 12px;
}
.bpg-cat__ficha dt {
  color: var(--bpg-suave);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bpg-cat__ficha dd {
  margin-block-start: 3px;
  color: var(--bpg-texto);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}
.bpg-cat__campo--indicado {
  padding-block: 8px;
  padding-inline: 10px 8px;
  border-inline-start: 3px solid var(--bpg-ouro);
  border-radius: 0 6px 6px 0;
  background: #fff4d4;
}
.bpg-cat__item-nota,
.bpg-cat__nota {
  color: var(--bpg-suave);
  font-size: 14px;
  line-height: 1.55;
}
.bpg-cat__nota {
  margin-block-start: 16px;
}

.bpg-cat__v--resfriado {
  color: #2a6a96 !important;
}
.bpg-cat__v--congelado {
  color: #273a8c !important;
}

/* ---------- blocos ---------- */
.bpg-cat__bloco {
  margin-block-start: clamp(52px, 6vw, 88px);
  scroll-margin-top: 120px;
}
.bpg-cat__bloco > .bpg-cat__lead {
  margin-block-end: 6px;
}
.bpg-cat__segs,
.bpg-cat__lista,
.bpg-cat__embs {
  display: grid;
  gap: 16px;
  margin-block-start: 22px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.bpg-cat__seg,
.bpg-cat__li,
.bpg-cat__emb {
  border: 1px solid var(--bpg-linha);
  border-radius: 14px;
  background: var(--bpg-card);
}
.bpg-cat__seg,
.bpg-cat__li {
  padding: 18px;
}
.bpg-cat__seg-nome {
  margin-block-end: 12px;
  padding-block-end: 12px;
  border-block-end: 1px solid var(--bpg-linha);
  color: var(--bpg-preto);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.bpg-cat__seg-rot {
  margin-block-end: 8px;
  font-size: 12px;
}
.bpg-cat__codigos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.bpg-cat__codigos li > a,
.bpg-cat__codigos li > span {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 4px;
  background: var(--bpg-preto);
  color: var(--bpg-ouro);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
.bpg-cat__codigos a:hover {
  background: var(--bpg-ouro);
  color: var(--bpg-preto);
}
/* tela de toque: os códigos (26 px de altura) ganham uma área de toque de ~40 px, sem mudar o desenho */
@media (pointer: coarse) {
  .bpg-cat__codigos li > a {
    position: relative;
  }
  .bpg-cat__codigos li > a::after {
    content: "";
    position: absolute;
    inset: -7px -3px;
  }
}
.bpg-cat__seg-extra {
  margin-block-start: 10px;
  color: var(--bpg-suave);
  font-size: 14px;
}

/* escala ICUMSA */
.bpg-cat__escala {
  display: grid;
  gap: 8px;
  margin-block: 26px 10px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.bpg-cat__escala li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-block-start: 14px;
  border-block-start: 8px solid var(--c, #eee);
}
.bpg-cat__escala li:nth-child(1) { --c: #f1ede4; }
.bpg-cat__escala li:nth-child(2) { --c: #e9dfc8; }
.bpg-cat__escala li:nth-child(3) { --c: #e2d5b4; }
.bpg-cat__escala li:nth-child(4) { --c: #d9c79c; }
.bpg-cat__escala li:nth-child(5) { --c: #cbb07b; }
.bpg-cat__escala li:nth-child(6) { --c: #b38c53; }
.bpg-cat__escala li:nth-child(7) { --c: #7a552a; }
.bpg-cat__esc-n {
  color: var(--bpg-preto);
  font-size: clamp(20px, 1rem + 1vw, 28px);
  font-weight: 700;
  line-height: 1;
}
.bpg-cat__escala a,
.bpg-cat__escala li > span:not(.bpg-cat__esc-n) {
  color: var(--bpg-suave);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.bpg-cat__escala a:hover {
  color: var(--bpg-preto);
}
.bpg-cat__esc-leg {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--bpg-suave);
  font-size: 14px;
  font-weight: 600;
}

/* tabela de parâmetros */
.bpg-cat__tabela {
  margin-block-start: 22px;
  overflow-x: auto;
  border: 1px solid var(--bpg-linha);
  border-radius: 14px;
  background: var(--bpg-card);
}
.bpg-cat__tabela:focus-visible {
  outline: 2px solid var(--bpg-preto);
  outline-offset: 2px;
}
.bpg-cat__tabela table {
  width: 100%;
  min-width: 560px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}
.bpg-cat__tabela th,
.bpg-cat__tabela td {
  padding: 13px 16px;
  border: 0;
  border-block-end: 1px solid var(--bpg-linha);
  background: none;
  color: var(--bpg-texto);
  font-size: 15px;
  line-height: 1.45;
  text-align: start;
  vertical-align: top;
}
.bpg-cat__tabela thead th {
  background: #f6f0e3;
  color: var(--bpg-suave);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bpg-cat__tabela tbody th {
  font-weight: 700;
}
.bpg-cat__tabela td:last-child {
  color: var(--bpg-preto);
  font-weight: 700;
}
.bpg-cat__tabela tbody tr:last-child > * {
  border-block-end: 0;
}

/* embalagens */
.bpg-cat__emb {
  overflow: hidden;
}
.bpg-cat__emb img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  aspect-ratio: 800 / 621;
  object-fit: cover;
  border-radius: 0;
}
.bpg-cat__emb-txt {
  padding: 16px 18px 18px;
}
.bpg-cat__emb-medida {
  color: var(--bpg-preto);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}
.bpg-cat__emb-titulo {
  margin-block: 6px 6px;
  color: var(--bpg-preto);
  font-size: 16px;
  font-weight: 700;
}
.bpg-cat__emb-txt p:last-child,
.bpg-cat__li-texto {
  color: var(--bpg-suave);
  font-size: 14px;
  line-height: 1.55;
}
.bpg-cat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 16px;
}
.bpg-cat__chips li {
  padding: 7px 14px;
  border: 1px solid #d8ccb2;
  border-radius: 999px;
  color: #3a362d;
  font-size: 14px;
}

/* listas, passos e números */
.bpg-cat__li-titulo {
  margin-block-end: 6px;
  color: var(--bpg-preto);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
.bpg-cat__passo-n {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-block-end: 12px;
  border-radius: 999px;
  background: var(--bpg-preto);
  color: var(--bpg-ouro);
  font-size: 15px;
  font-weight: 700;
}
.bpg-cat__num {
  margin-block-end: 8px;
  padding-block-end: 8px;
  border-block-end: 3px solid var(--bpg-ouro);
  color: var(--bpg-preto);
  font-size: clamp(32px, 1rem + 2.6vw, 48px);
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
.bpg-cat__com-foto {
  display: grid;
  gap: 18px;
  margin-block-start: 22px;
  grid-template-columns: minmax(0, 1fr);
}
.bpg-cat__com-foto > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border-radius: 14px;
  object-fit: cover;
}
.bpg-cat__com-foto > .bpg-cat__lista {
  margin: 0;
  grid-template-columns: minmax(0, 1fr);
}
/* bloco "foto": uma foto larga com legenda, centrada e do tamanho da foto do bloco com lista (.bpg-cat__com-foto, a
   logística da carne bovina): no celular a largura toda na proporção da foto do reefer; do tablet largo para cima, a
   coluna da foto, centrada (pedido do dono, 22/10/2026: em /frangos/ ela saía com 760 px, alinhada à esquerda) */
.bpg-cat__foto-bloco {
  width: 100%;
  margin: 22px auto 0;
}
.bpg-cat__foto-bloco > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  border-radius: 14px;
  aspect-ratio: 800 / 415;
  object-fit: cover;
}
.bpg-cat__foto-legenda {
  margin-block-start: 10px;
  color: var(--bpg-suave);
  font-size: 14px;
  line-height: 1.5;
}

/* ---------- chamada final ---------- */
.bpg-cat__cta {
  margin-block-start: clamp(52px, 6vw, 88px);
  padding: clamp(28px, 4vw, 52px);
  border-radius: 18px;
  background: var(--bpg-preto);
  color: #fff;
}
.bpg-cat__cta .bpg-cat__kicker {
  color: var(--bpg-ouro);
}
.bpg-cat__cta-titulo {
  color: #fff;
}
.bpg-cat__cta-texto {
  max-width: 680px;
  color: #d8d3c6;
  font-size: 17px;
  line-height: 1.6;
}
.bpg-cat__cta-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block-start: 24px;
}
.bpg-cat__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding-inline: 26px;
  border: 1px solid var(--bpg-ouro);
  border-radius: 999px;
  background: var(--bpg-ouro);
  color: var(--bpg-preto) !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.bpg-cat__btn:hover {
  background: #ffcd4f;
}
.bpg-cat__cta a:focus-visible {
  outline-color: var(--bpg-ouro);
}

/* ---------- telas ---------- */
@media (min-width: 900px) {
  .bpg-cat__com-foto {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: stretch;
  }
  .bpg-cat__foto-bloco {
    width: calc((100% - 18px) * 1.1 / 2.1); /* a coluna da foto do .bpg-cat__com-foto */
  }
  .bpg-cat__foto-bloco > img {
    aspect-ratio: 7 / 4; /* a altura que a lista ao lado dá à foto do reefer */
  }
}
/* família de um produto só, em destaque ("destaque" no produtos.json, ex.: etanol): do tablet para cima o card ocupa a
   largura toda, com a ficha em duas colunas (foto em cima no tablet, à esquerda no computador); no celular, o card normal */
@media (min-width: 600px) {
  .bpg-cat__grade--destaque {
    grid-template-columns: minmax(0, 1fr);
  }
  .bpg-cat__grade--destaque .bpg-cat__foto {
    min-height: 0; /* a faixa 2:1 não cresce com uma foto mais alta que ela */
  }
  .bpg-cat__grade--destaque .bpg-cat__corpo {
    padding: 22px 24px 24px;
  }
  .bpg-cat__grade--destaque .bpg-cat__ficha {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
  }
  .bpg-cat__grade--destaque .bpg-cat__campo--indicado {
    grid-column: 1 / -1;
  }
}
@media (min-width: 900px) {
  .bpg-cat__grade--destaque > .bpg-cat__item {
    flex-direction: row;
  }
  .bpg-cat__grade--destaque .bpg-cat__foto {
    flex: 0 0 40%;
    aspect-ratio: auto;
    min-height: 280px;
  }
  .bpg-cat__grade--destaque .bpg-cat__corpo {
    padding: 26px 30px 30px;
  }
}
@media (max-width: 767px) {
  .bpg-cat__wrap {
    width: auto;
    margin-inline: 20px;
  }
  .bpg-cat__escala {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 18px;
  }
  .bpg-cat__escala a,
  .bpg-cat__escala li > span:not(.bpg-cat__esc-n) {
    font-size: 11px;
    white-space: nowrap;
  }
  .bpg-cat__esc-leg {
    font-size: 13px;
  }
}
/* celular: card compacto na horizontal (miniatura ao lado do texto), para a página não virar uma rolagem enorme */
@media (max-width: 599px) {
  .bpg-cat__grade {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .bpg-cat__item {
    flex-direction: row;
    align-items: stretch;
  }
  .bpg-cat__foto {
    flex: 0 0 104px;
    aspect-ratio: auto;
    min-height: 104px;
  }
  .bpg-cat__foto-codigo {
    font-size: 13px;
    padding: 8px;
  }
  /* páginas com recortes sobre fundo branco (carne, frango, carvão): o card do açúcar em pé, com a foto inteira em cima */
  .bpg-cat--celular-vertical .bpg-cat__item {
    flex-direction: column;
  }
  .bpg-cat--celular-vertical .bpg-cat__foto {
    flex: none;
    aspect-ratio: 2 / 1;
    min-height: 0;
  }
  .bpg-cat--celular-vertical .bpg-cat__foto--vazia {
    aspect-ratio: 4 / 1;
  }
  .bpg-cat__corpo {
    gap: 10px;
    padding: 14px 14px 16px;
  }
  .bpg-cat__cab {
    padding-block-end: 10px;
  }
  .bpg-cat__nome {
    font-size: 16px;
  }
  .bpg-cat__codigo {
    margin-block-start: 6px;
    font-size: 12px;
  }
  .bpg-cat__ficha dd {
    font-size: 14px;
  }
  .bpg-cat__chip {
    font-size: 13px;
  }
  /* tabela: cada parâmetro vira um bloco, com o valor em destaque e a explicação embaixo */
  .bpg-cat__tabela {
    overflow: visible;
  }
  .bpg-cat__tabela table {
    min-width: 0;
  }
  .bpg-cat__tabela thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .bpg-cat__tabela tr {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 16px;
    border-block-end: 1px solid var(--bpg-linha);
  }
  .bpg-cat__tabela tbody tr:last-child {
    border-block-end: 0;
  }
  .bpg-cat__tabela th,
  .bpg-cat__tabela td {
    display: block;
    padding: 0;
    border: 0;
  }
  .bpg-cat__tabela td:last-child {
    order: -1;
    font-size: 16px;
  }
  .bpg-cat__tabela tbody th {
    order: -2;
    color: var(--bpg-suave);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .bpg-cat__tabela td:nth-child(2) {
    color: var(--bpg-suave);
    font-size: 14px;
  }
  /* embalagens: foto pequena ao lado do texto */
  .bpg-cat__embs {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .bpg-cat__emb {
    display: flex;
  }
  .bpg-cat__emb img {
    flex: 0 0 120px;
    width: 120px;
    height: auto;
    aspect-ratio: auto;
    object-fit: cover;
  }
  .bpg-cat__emb-txt {
    padding: 12px 14px;
  }
  .bpg-cat__emb-medida {
    font-size: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bpg-cat__chip {
    transition: none;
  }
}