/* Catálogo Globb — mesma linguagem do site: preto, azul elétrico, branco, Montserrat.
   Tudo dentro de .gbc, para não mexer no resto do site (e para não herdar o
   rosa dos botões do tema Hello). */

.gbc {
  --gbc-azul: #0000ff;
  --gbc-azul-2: #0000cc;
  --gbc-azul-noite: #4d5cff;   /* azul sobre preto (legível) */
  --gbc-azul-kicker: #8c96ff;
  --gbc-azul-fundo: #eef0ff;
  --gbc-preto: #000;
  --gbc-grafite: #1b1b1b;
  --gbc-texto: #14161c;
  --gbc-texto-2: #5b616e;
  --gbc-texto-3: #8a909c;
  --gbc-linha: #e2e4ea;
  --gbc-linha-2: #d3d6de;
  --gbc-fundo: #f4f5f8;
  --gbc-branco: #fff;
  --gbc-raio: 6px;
  --gbc-raio-2: 10px;
  --gbc-sombra: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .07);
  --gbc-sombra-2: 0 12px 32px rgba(16, 24, 40, .14);
  --gbc-topo: var(--wp-admin--admin-bar--height, 0px);
  --gbc-fonte: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  display: block;
  font-family: var(--gbc-fonte);
  font-size: 15px;
  line-height: 1.5;
  color: var(--gbc-texto);
  background: var(--gbc-fundo);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------------------------------------------------------------- base */
.gbc *, .gbc *::before, .gbc *::after { box-sizing: border-box; }
/* :where() deixa a especificidade baixa: as regras dos componentes, mais abaixo, sempre ganham */
.gbc :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, li) { margin: 0; padding: 0; }
.gbc :where(h1, h2, h3, h4) { font-family: var(--gbc-fonte); font-size: inherit; color: inherit; line-height: 1.15; }
.gbc :where(ul, ol) { list-style: none; }
.gbc :where(a) { color: var(--gbc-azul); text-decoration: none; }
.gbc :where(a):hover, .gbc :where(a):focus { color: var(--gbc-azul-2); text-decoration: none; }
.gbc :where(img) { display: block; max-width: 100%; height: auto; }
.gbc svg { flex: none; }
.gbc mark { background: #fff1a8; color: inherit; padding: 0 1px; border-radius: 2px; }
.gbc [hidden] { display: none !important; }
.gbc .gbc-oculto { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* o tema estiliza button/input com cor e borda próprias: zera dentro do catálogo */
.gbc button, .gbc [type="button"], .gbc [type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: inherit;
  font: inherit; letter-spacing: inherit; text-transform: none; white-space: normal;
  line-height: 1.2; cursor: pointer; box-shadow: none; transition: none; user-select: none;
}
.gbc button:hover, .gbc button:focus, .gbc [type="button"]:hover, .gbc [type="button"]:focus,
.gbc [type="submit"]:hover, .gbc [type="submit"]:focus { background: none; color: inherit; text-decoration: none; }
.gbc input[type="search"], .gbc input[type="text"], .gbc select {
  width: auto; margin: 0; border: 0; border-radius: 0; padding: 0; background: none; color: inherit;
  font: inherit; line-height: 1.3; box-shadow: none; transition: none; -webkit-appearance: none; appearance: none;
}
.gbc input[type="search"]::-webkit-search-cancel-button, .gbc input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.gbc :where(label) { display: block; line-height: inherit; vertical-align: baseline; }
.gbc :focus { outline: none; }
.gbc :focus-visible { outline: 3px solid rgba(77, 92, 255, .55); outline-offset: 2px; }
.gbc table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: inherit; }
.gbc table th, .gbc table td { padding: 0; border: 0; background: none; line-height: 1.45; vertical-align: top; }
.gbc table tbody > tr:nth-child(odd) > td, .gbc table tbody > tr:nth-child(odd) > th,
.gbc table tbody tr:hover > td, .gbc table tbody tr:hover > th { background: none; }
.gbc details > summary { list-style: none; cursor: pointer; }
.gbc details > summary::-webkit-details-marker { display: none; }

.gbc-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* ---------------------------------------------------------------- botões */
.gbc .gbc-btn {
  min-height: 44px; padding: 12px 20px; border-radius: 5px;
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
}
.gbc .gbc-btn .gbc-svg { width: 18px; height: 18px; }
.gbc .gbc-btn--azul { background: var(--gbc-azul); color: #fff; }
.gbc .gbc-btn--azul:hover, .gbc .gbc-btn--azul:focus-visible { background: var(--gbc-azul-2); color: #fff; }
.gbc .gbc-btn--branco { background: #fff; color: #000; }
.gbc .gbc-btn--branco:hover, .gbc .gbc-btn--branco:focus-visible { background: #e9ebff; color: #000; }
.gbc .gbc-btn--contorno { background: #fff; color: var(--gbc-texto); box-shadow: inset 0 0 0 1px var(--gbc-linha-2); }
.gbc .gbc-btn--contorno:hover, .gbc .gbc-btn--contorno:focus-visible { background: #fff; color: var(--gbc-azul); box-shadow: inset 0 0 0 1px var(--gbc-azul); }
.gbc .gbc-btn--largo { width: 100%; }
.gbc .gbc-btn { max-width: 100%; }
.gbc .gbc-link { color: var(--gbc-azul); font-size: 13px; font-weight: 600; }
.gbc .gbc-link:hover { color: var(--gbc-azul-2); text-decoration: underline; }

.gbc-kicker {
  font-size: 13px; font-weight: 700; letter-spacing: .38em; text-transform: uppercase; color: var(--gbc-azul-kicker);
}
.gbc-kicker--escuro { color: var(--gbc-azul); letter-spacing: .3em; font-size: 12px; }

/* ---------------------------------------------------------------- faixa (topo preto) */
.gbc-faixa {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(900px 420px at 88% -12%, rgba(0, 0, 255, .55), rgba(0, 0, 255, 0) 70%),
    radial-gradient(700px 360px at -8% 120%, rgba(0, 0, 255, .28), rgba(0, 0, 255, 0) 70%),
    #000;
  padding: 56px 0 32px;
}
.gbc-faixa::before {
  /* trama sutil, lembrando o mapa do site */
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%); mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}
.gbc-faixa > .gbc-container { position: relative; }
.gbc .gbc-faixa__logo { position: absolute; top: 4px; right: 24px; width: min(330px, 25vw); height: auto; pointer-events: none; }
@media (max-width: 1199px) { .gbc .gbc-faixa__logo { display: none; } }
.gbc-faixa__titulo { margin-top: 10px; font-size: clamp(34px, 5.2vw, 58px); font-weight: 800; letter-spacing: .2px; line-height: 1.04; color: #fff; }
.gbc-faixa__titulo span { color: var(--gbc-azul-noite); }
.gbc-faixa__sub { margin-top: 12px; max-width: 640px; font-size: 17px; color: rgba(255, 255, 255, .78); }

/* busca */
.gbc-busca { position: relative; display: flex; align-items: center; background: #fff; border-radius: 6px; color: var(--gbc-texto); }
.gbc-busca--grande { margin-top: 26px; max-width: 860px; height: 62px; box-shadow: 0 10px 40px rgba(0, 0, 255, .25); }
.gbc-busca:focus-within { box-shadow: 0 0 0 3px rgba(77, 92, 255, .6), 0 10px 40px rgba(0, 0, 255, .25); }
.gbc-busca__icone { display: flex; padding: 0 6px 0 18px; color: var(--gbc-texto-3); }
.gbc-busca__icone .gbc-svg { width: 22px; height: 22px; }
.gbc input.gbc-busca__campo { flex: 1; min-width: 0; height: 100%; padding: 0 8px; font-size: 17px; font-weight: 500; color: var(--gbc-texto); }
.gbc input.gbc-busca__campo::placeholder { color: #9aa0ab; font-weight: 400; opacity: 1; }
.gbc .gbc-busca__limpar { width: 40px; height: 40px; border-radius: 50%; color: var(--gbc-texto-3); }
.gbc .gbc-busca__limpar:hover { color: var(--gbc-texto); background: var(--gbc-fundo); }
.gbc .gbc-busca__limpar .gbc-svg { width: 18px; height: 18px; }
.gbc .gbc-busca__ir {
  align-self: stretch; margin: 7px; padding: 0 26px; border-radius: 5px; background: var(--gbc-azul); color: #fff;
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase;
}
.gbc .gbc-busca__ir:hover, .gbc .gbc-busca__ir:focus-visible { background: var(--gbc-azul-2); color: #fff; }
.gbc .gbc-busca__ir .gbc-svg { display: none; width: 20px; height: 20px; }

.gbc-exemplos { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; font-size: 13px; color: rgba(255, 255, 255, .6); }
.gbc-exemplos span { margin-right: 2px; }
.gbc .gbc-exemplos a {
  padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #fff; font-weight: 500;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); transition: background-color .15s;
}
.gbc .gbc-exemplos a:hover { background: rgba(77, 92, 255, .45); color: #fff; }

/* atalhos por tipo de peça */
.gbc-atalhos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 34px; }
.gbc .gbc-atalho {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  padding: 14px 16px 14px; border-radius: 8px; color: #fff;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  transition: background-color .15s, box-shadow .15s, transform .15s;
}
.gbc .gbc-atalho:hover { color: #fff; background: rgba(77, 92, 255, .22); box-shadow: inset 0 0 0 1px rgba(140, 150, 255, .6); }
.gbc .gbc-atalho[aria-pressed="true"] { background: var(--gbc-azul); box-shadow: inset 0 0 0 1px var(--gbc-azul); }
.gbc-atalho .gbc-icone-peca { width: 58px; height: 39px; color: rgba(255, 255, 255, .9); }
.gbc-atalho__nome { font-size: 14px; font-weight: 700; line-height: 1.2; }
.gbc-atalho__qtd { position: absolute; top: 12px; right: 12px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .62); }
.gbc .gbc-atalho[aria-pressed="true"] .gbc-atalho__qtd { color: rgba(255, 255, 255, .9); }

/* faixa compacta (página da peça) */
.gbc-faixa--compacta { padding: 14px 0; }
.gbc-faixa--compacta::before { display: none; }
.gbc-faixa__linha { display: flex; align-items: center; gap: 20px; }
.gbc .gbc-faixa__voltar { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; }
.gbc .gbc-faixa__voltar:hover { color: var(--gbc-azul-kicker); }
.gbc-faixa__voltar .gbc-svg { width: 18px; height: 18px; }
.gbc-busca--compacta { flex: 1; max-width: 560px; margin-left: auto; height: 46px; }
.gbc-busca--compacta .gbc-busca__icone { padding-left: 14px; }
.gbc-busca--compacta .gbc-busca__icone .gbc-svg { width: 18px; height: 18px; }
.gbc .gbc-busca--compacta input.gbc-busca__campo { font-size: 15px; }
.gbc .gbc-busca--compacta .gbc-busca__ir { margin: 5px; padding: 0 16px; }

/* sugestões da busca compacta */
.gbc-sugestoes {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 30; overflow: hidden;
  background: #fff; border-radius: 8px; box-shadow: var(--gbc-sombra-2), 0 0 0 1px var(--gbc-linha);
}
.gbc .gbc-sugestao { display: flex; align-items: center; gap: 12px; padding: 10px 14px; color: var(--gbc-texto); border-bottom: 1px solid var(--gbc-linha); }
.gbc .gbc-sugestao:last-child { border-bottom: 0; }
.gbc .gbc-sugestao:hover, .gbc .gbc-sugestao[aria-selected="true"] { background: var(--gbc-azul-fundo); color: var(--gbc-texto); }
.gbc-sugestao__cod { flex: none; font-size: 13px; font-weight: 700; color: var(--gbc-azul); }
.gbc-sugestao__txt { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gbc-sugestao__cat { flex: none; font-size: 11px; color: var(--gbc-texto-3); text-transform: uppercase; letter-spacing: .06em; }
.gbc .gbc-sugestao--todos { justify-content: center; font-size: 13px; font-weight: 700; color: var(--gbc-azul); }
.gbc-sugestoes__vazio { padding: 14px; font-size: 14px; color: var(--gbc-texto-2); }

/* ---------------------------------------------------------------- lista */
.gbc-lista { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 28px; align-items: start; padding-top: 28px; padding-bottom: 56px; }

.gbc-filtros {
  position: sticky; top: calc(var(--gbc-topo) + 16px);
  max-height: calc(100vh - var(--gbc-topo) - 32px); overflow: auto; overscroll-behavior: contain;
  background: #fff; border-radius: 8px; box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha);
  scrollbar-width: thin;
}
.gbc-filtros__cabeca { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 16px 18px 14px; background: #fff; border-bottom: 1px solid var(--gbc-linha); }
.gbc-filtros__titulo { display: flex; align-items: center; gap: 8px; margin-right: auto; font-size: 15px; font-weight: 800; }
.gbc-filtros__titulo .gbc-svg { width: 18px; height: 18px; color: var(--gbc-azul); }
.gbc .gbc-filtros__fechar { display: none; width: 40px; height: 40px; border-radius: 50%; }
.gbc .gbc-filtros__fechar .gbc-svg { width: 22px; height: 22px; }
.gbc-filtros__rodape { display: none; }
.gbc-filtros__fundo { display: none; }

.gbc-filtro { border-bottom: 1px solid var(--gbc-linha); }
.gbc-filtro:last-child { border-bottom: 0; }
.gbc-filtro__titulo { display: flex; align-items: center; gap: 8px; padding: 14px 18px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gbc-texto); }
.gbc-filtro__titulo:hover { color: var(--gbc-azul); }
.gbc-filtro__nome { margin-right: auto; }
.gbc-filtro__titulo .gbc-svg { width: 16px; height: 16px; color: var(--gbc-texto-3); transition: transform .2s; }
.gbc-filtro[open] > .gbc-filtro__titulo .gbc-svg { transform: rotate(90deg); }
.gbc-filtro__marcados { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--gbc-azul); color: #fff; font-size: 11px; line-height: 20px; text-align: center; letter-spacing: 0; }
.gbc-filtro__corpo { padding: 0 10px 14px; }
.gbc-filtro__nota { margin: -4px 8px 8px; font-size: 12px; color: var(--gbc-texto-3); }
.gbc-filtro__busca { position: relative; margin: 0 8px 8px; }
.gbc-filtro__busca .gbc-svg { position: absolute; left: 10px; top: 50%; width: 15px; height: 15px; transform: translateY(-50%); color: var(--gbc-texto-3); pointer-events: none; }
.gbc .gbc-filtro__busca input { width: 100%; height: 36px; padding: 0 10px 0 32px; border-radius: 5px; background: var(--gbc-fundo); font-size: 13px; }
.gbc .gbc-filtro__busca input:focus { box-shadow: inset 0 0 0 1px var(--gbc-azul); background: #fff; }
.gbc-filtro__opcoes--rolagem { max-height: 268px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.gbc-filtro__vazio { padding: 6px 8px; font-size: 13px; color: var(--gbc-texto-3); }

.gbc .gbc-opcao { position: relative; display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 6px 8px; border-radius: 5px; cursor: pointer; font-size: 14px; }
.gbc .gbc-opcao:hover { background: var(--gbc-fundo); }
.gbc-opcao input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.gbc-opcao__caixa { flex: none; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--gbc-linha-2); background: #fff; color: #fff; transition: background-color .12s, box-shadow .12s; }
.gbc-opcao__caixa::after { content: ""; width: 5px; height: 10px; margin-top: -2px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); opacity: 0; }
.gbc-opcao input:checked + .gbc-opcao__caixa { background: var(--gbc-azul); box-shadow: inset 0 0 0 1.5px var(--gbc-azul); }
.gbc-opcao input:checked + .gbc-opcao__caixa::after { opacity: 1; }
.gbc-opcao input:focus-visible + .gbc-opcao__caixa { outline: 3px solid rgba(77, 92, 255, .55); outline-offset: 2px; }
.gbc-opcao__nome { flex: 1; min-width: 0; line-height: 1.25; }
.gbc-opcao__nome small { font-size: 12px; color: var(--gbc-texto-3); }
.gbc-opcao__qtd { flex: none; font-size: 12px; color: var(--gbc-texto-3); font-variant-numeric: tabular-nums; }
.gbc .gbc-opcao--zero { opacity: .42; }
.gbc .gbc-opcao--zero .gbc-opcao__qtd { visibility: hidden; }

/* barra de resultados */
.gbc-resultados { min-width: 0; }
.gbc-resultados__barra { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 14px; }
.gbc-resultados__total { margin-right: auto; font-size: 15px; color: var(--gbc-texto-2); }
.gbc-resultados__total strong { font-size: 22px; font-weight: 800; color: var(--gbc-texto); margin-right: 2px; }
.gbc-resultados__total em { font-style: normal; font-weight: 700; color: var(--gbc-texto); }
.gbc-resultados__acoes { display: flex; align-items: center; gap: 10px; }
.gbc .gbc-abre-filtros { display: none; min-height: 40px; padding: 8px 14px; }
.gbc-contador { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--gbc-azul); color: #fff; font-size: 11px; line-height: 20px; letter-spacing: 0; }
.gbc .gbc-ordem { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gbc-texto-2); }
.gbc .gbc-ordem select {
  height: 40px; padding: 0 34px 0 12px; border-radius: 5px; background: #fff; color: var(--gbc-texto); font-size: 13px; font-weight: 600;
  box-shadow: inset 0 0 0 1px var(--gbc-linha-2); cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b616e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
}
.gbc-vista { display: flex; padding: 3px; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px var(--gbc-linha-2); }
.gbc .gbc-vista button { width: 34px; height: 34px; border-radius: 4px; color: var(--gbc-texto-3); }
.gbc .gbc-vista button:hover { color: var(--gbc-texto); }
.gbc .gbc-vista button[aria-pressed="true"] { background: var(--gbc-azul-fundo); color: var(--gbc-azul); }
.gbc-vista .gbc-svg { width: 18px; height: 18px; }

.gbc-ativos { display: flex; flex-wrap: wrap; gap: 8px; margin: -2px 0 16px; }
.gbc .gbc-ativo { gap: 6px; height: 32px; padding: 0 8px 0 12px; border-radius: 999px; background: #fff; color: var(--gbc-texto); font-size: 13px; font-weight: 600; box-shadow: inset 0 0 0 1px var(--gbc-linha-2); }
.gbc .gbc-ativo:hover { color: var(--gbc-azul); box-shadow: inset 0 0 0 1px var(--gbc-azul); }
.gbc-ativo small { font-weight: 500; color: var(--gbc-texto-3); }
.gbc-ativo .gbc-svg { width: 14px; height: 14px; }
.gbc .gbc-ativo--limpar { padding: 0 12px; background: none; box-shadow: none; color: var(--gbc-azul); }

/* espera a busca aplicar o endereço com parâmetros, para não piscar a lista inteira */
.gbc-js .gbc-resultados[aria-busy="true"] .gbc-grade { visibility: hidden; }

.gbc-previa-faixa { margin: 0 0 16px; padding: 10px 14px; border-radius: var(--gbc-raio); background: #fff7cc; color: #5b4a00; font-size: 13px; }
.gbc-previa-faixa a { color: inherit; font-weight: 700; text-decoration: underline; }

/* cartões */
.gbc-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); gap: 16px; }
.gbc-card { min-width: 0; }
.gbc .gbc-card__link {
  display: flex; flex-direction: column; height: 100%; overflow: hidden; color: var(--gbc-texto);
  background: #fff; border-radius: 8px; box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha);
  transition: box-shadow .18s, transform .18s;
}
.gbc .gbc-card__link:hover, .gbc .gbc-card__link:focus-visible { color: var(--gbc-texto); transform: translateY(-2px); box-shadow: var(--gbc-sombra-2), 0 0 0 1px #c5cafa; }
.gbc-card__img { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 10px; background: #fff; border-bottom: 1px solid var(--gbc-linha); }
.gbc-card__img img { width: 100%; height: 100%; object-fit: contain; }
.gbc-card__img .gbc-icone-peca { width: 58%; height: auto; color: #c3c7d2; }
.gbc-sem-foto { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #b3b8c4; }
.gbc-card__corpo { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 12px 14px 14px; }
.gbc-card__topo { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.gbc-card__cod { flex: none; font-size: 14px; font-weight: 800; letter-spacing: .01em; color: var(--gbc-azul); }
.gbc-card__cat { order: -1; max-width: 100%; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gbc-texto-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gbc-card__titulo { font-size: 15px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gbc-card__apps { font-size: 12.5px; line-height: 1.4; color: var(--gbc-texto-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gbc-card__specs { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: 4px; }
.gbc-card__specs li { padding: 3px 7px; border-radius: 4px; background: var(--gbc-fundo); font-size: 11.5px; font-weight: 600; color: var(--gbc-texto-2); }
.gbc-card__specs li:first-child { background: var(--gbc-azul-fundo); color: var(--gbc-azul); }

/* vista em lista */
.gbc-grade--linhas { grid-template-columns: 1fr; gap: 10px; }
.gbc-grade--linhas .gbc-card__link { flex-direction: row; align-items: stretch; }
.gbc-grade--linhas .gbc-card__img { flex: none; width: 132px; aspect-ratio: auto; border-bottom: 0; border-right: 1px solid var(--gbc-linha); }
.gbc-grade--linhas .gbc-sem-foto { display: none; }
.gbc-grade--linhas .gbc-card__corpo { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; padding: 12px 18px; }
.gbc-grade--linhas .gbc-card__topo { flex-direction: column; align-items: flex-start; gap: 2px; width: 150px; }
.gbc-grade--linhas .gbc-card__titulo { flex: 1 1 260px; }
.gbc-grade--linhas .gbc-card__apps { flex: 1 1 100%; order: 3; -webkit-line-clamp: 1; padding-left: 168px; }
.gbc-grade--linhas .gbc-card__specs { margin-top: 0; padding-top: 0; justify-content: flex-end; max-width: 260px; }

.gbc-mais { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 28px; }
.gbc-mais__conta { font-size: 13px; color: var(--gbc-texto-3); }

.gbc-vazio { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 56px 24px; text-align: center; background: #fff; border-radius: 8px; box-shadow: 0 0 0 1px var(--gbc-linha); }
.gbc-vazio .gbc-icone-peca { width: 120px; height: 80px; color: #c3c7d2; }
.gbc-vazio h2 { font-size: 22px; font-weight: 800; }
.gbc-vazio h2 span { color: var(--gbc-azul); }
.gbc-vazio p { max-width: 520px; color: var(--gbc-texto-2); }
.gbc-vazio__acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }

/* ---------------------------------------------------------------- página da peça */
.gbc-peca { padding-bottom: 56px; }
.gbc-migalhas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 18px 0; font-size: 13px; color: var(--gbc-texto-3); }
.gbc .gbc-migalhas a { color: var(--gbc-texto-2); font-weight: 500; }
.gbc .gbc-migalhas a:hover { color: var(--gbc-azul); }
.gbc-migalhas [aria-current] { font-weight: 700; color: var(--gbc-texto); }

.gbc-ficha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; padding: 28px; background: #fff; border-radius: var(--gbc-raio-2); box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha); }

.gbc-galeria { min-width: 0; }
.gbc-galeria__palco { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--gbc-linha); overflow: hidden; }
.gbc .gbc-galeria__ampliar { display: block; width: 100%; height: 100%; padding: 18px; cursor: zoom-in; }
.gbc-galeria__ampliar img { width: 100%; height: 100%; object-fit: contain; }
.gbc-galeria__lupa { position: absolute; top: 12px; right: 12px; display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--gbc-texto-2); box-shadow: var(--gbc-sombra); opacity: 0; transition: opacity .15s; }
.gbc-galeria__lupa .gbc-svg { width: 18px; height: 18px; }
.gbc-galeria__palco:hover .gbc-galeria__lupa, .gbc-galeria__ampliar:focus-visible .gbc-galeria__lupa { opacity: 1; }
.gbc .gbc-galeria__seta { position: absolute; top: 50%; width: 42px; height: 42px; margin-top: -21px; border-radius: 50%; background: rgba(255, 255, 255, .95); color: var(--gbc-texto); box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha); opacity: 0; transition: opacity .15s, color .15s; }
.gbc .gbc-galeria__seta:hover { color: var(--gbc-azul); background: #fff; }
.gbc-galeria__seta .gbc-svg { width: 20px; height: 20px; }
.gbc-galeria__seta--ant { left: 12px; }
.gbc-galeria__seta--prox { right: 12px; }
.gbc-galeria__palco:hover .gbc-galeria__seta, .gbc-galeria__seta:focus-visible { opacity: 1; }
.gbc-galeria__contador { position: absolute; left: 12px; bottom: 12px; padding: 3px 10px; border-radius: 999px; background: rgba(20, 22, 28, .72); color: #fff; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.gbc-galeria__desenho { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; background: linear-gradient(180deg, #fff, #f6f7fa); }
.gbc-galeria__desenho .gbc-icone-peca { width: 52%; height: auto; color: #c3c7d2; }
.gbc-galeria__desenho span { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #aab0bc; }
.gbc .gbc-galeria__marca { position: absolute; bottom: 7%; width: 26%; height: auto; opacity: .22; filter: grayscale(1); }
.gbc-galeria__desenho { position: relative; }
.gbc-galeria__miniaturas { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; padding: 2px; scrollbar-width: thin; scrollbar-color: #c9cdd8 transparent; }
.gbc .gbc-galeria__mini { flex: none; width: 70px; height: 70px; padding: 4px; border-radius: 6px; background: #fff; box-shadow: 0 0 0 1px var(--gbc-linha); transition: box-shadow .12s; }
.gbc .gbc-galeria__mini:hover { box-shadow: 0 0 0 1px var(--gbc-linha-2); }
.gbc .gbc-galeria__mini[aria-current="true"] { box-shadow: 0 0 0 2px var(--gbc-azul); }
.gbc-galeria__mini img { width: 100%; height: 100%; object-fit: contain; }

.gbc-resumo { display: flex; flex-direction: column; gap: 18px; min-width: 0; padding-top: 4px; }
.gbc-titulo { font-size: clamp(25px, 2.9vw, 38px); font-weight: 800; line-height: 1.12; letter-spacing: .1px; color: var(--gbc-texto); }
.gbc-titulo__cod { color: var(--gbc-azul); }
.gbc-titulo__sep { color: var(--gbc-texto-3); font-weight: 600; }
.gbc-rotulo { margin-bottom: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gbc-texto-3); }
.gbc-etiquetas { display: flex; flex-wrap: wrap; gap: 6px; }
.gbc-etiquetas li { padding: 6px 11px; border-radius: 5px; background: var(--gbc-fundo); font-size: 14px; font-weight: 600; color: var(--gbc-texto); }
.gbc-etiquetas__mais { background: none !important; padding-left: 4px !important; }
.gbc .gbc-etiquetas__mais a { font-weight: 700; }
.gbc-destaques { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 8px; }
.gbc-destaque { padding: 11px 14px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--gbc-linha); }
.gbc-destaque dt { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gbc-texto-3); }
.gbc-destaque dd { margin-top: 2px; font-size: 18px; font-weight: 800; color: var(--gbc-texto); line-height: 1.25; }
.gbc-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.gbc-nota-b2b { font-size: 12.5px; color: var(--gbc-texto-3); }

.gbc-descricao, .gbc-relacionados { margin-top: 40px; }
.gbc-secao__titulo { position: relative; padding-bottom: 12px; margin-bottom: 18px; font-size: 24px; font-weight: 800; }
.gbc-secao__titulo::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 4px; border-radius: 2px; background: var(--gbc-azul); }
.gbc-blocos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.gbc-bloco { padding: 22px 22px 24px; background: #fff; border-radius: var(--gbc-raio-2); box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha); min-width: 0; }
.gbc-bloco__titulo { margin-bottom: 14px; font-size: 16px; font-weight: 800; }
.gbc .gbc-tabela th, .gbc .gbc-tabela td { padding: 9px 0; border-bottom: 1px solid var(--gbc-linha); font-size: 14px; }
.gbc .gbc-tabela tr:last-child th, .gbc .gbc-tabela tr:last-child td { border-bottom: 0; }
.gbc .gbc-tabela th { width: 44%; padding-right: 12px; font-weight: 500; color: var(--gbc-texto-2); text-align: left; }
.gbc .gbc-tabela td { font-weight: 600; color: var(--gbc-texto); }
.gbc-descricao__original { margin-top: 14px; padding: 12px 14px; border-radius: 6px; background: var(--gbc-fundo); font-size: 13px; color: var(--gbc-texto-2); word-break: break-word; }
.gbc-descricao__original span { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gbc-texto-3); }
.gbc-aplicacoes { columns: 2; column-gap: 18px; margin-bottom: 18px; }
.gbc-aplicacoes li { position: relative; break-inside: avoid; padding: 4px 0 4px 14px; font-size: 14px; font-weight: 600; line-height: 1.35; }
.gbc-aplicacoes li::before { content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 1px; background: var(--gbc-azul); }
.gbc-montadoras { display: flex; flex-direction: column; gap: 10px; }
.gbc-montadoras li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gbc .gbc-montadoras__marca { margin-right: 4px; font-size: 14px; font-weight: 800; color: var(--gbc-texto); }
.gbc .gbc-montadoras__marca:hover { color: var(--gbc-azul); }
.gbc .gbc-montadoras__modelo { padding: 3px 9px; border-radius: 4px; background: var(--gbc-azul-fundo); color: var(--gbc-azul); font-size: 13px; font-weight: 600; }
.gbc .gbc-montadoras__modelo:hover { background: var(--gbc-azul); color: #fff; }
.gbc-discreto { margin-bottom: 12px; font-size: 13px; color: var(--gbc-texto-3); }
.gbc-codigos + .gbc-codigos { margin-top: 18px; }
.gbc-codigos__titulo { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; font-weight: 700; }
.gbc-codigos__titulo span { padding: 1px 7px; border-radius: 10px; background: var(--gbc-fundo); font-size: 11px; color: var(--gbc-texto-2); }
.gbc-codigos__lista { display: flex; flex-wrap: wrap; gap: 5px; }
.gbc .gbc-codigo {
  padding: 5px 8px; border-radius: 4px; background: var(--gbc-fundo); color: var(--gbc-texto); font-size: 12.5px; font-weight: 600;
  letter-spacing: .02em; font-variant-numeric: tabular-nums; user-select: text; transition: background-color .12s, color .12s;
}
.gbc .gbc-codigo:hover { background: var(--gbc-azul-fundo); color: var(--gbc-azul); }
.gbc .gbc-codigo.gbc-copiado, .gbc .gbc-btn.gbc-copiado { background: #e3f7ea; color: #0f7a3a; box-shadow: none; }
.gbc-codigos__mais { margin-top: 8px; }
.gbc-codigos__mais > summary { display: inline-block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--gbc-azul); }
.gbc-codigos__mais > summary:hover { text-decoration: underline; }
.gbc-codigos__ocultar, .gbc-codigos__mais[open] .gbc-codigos__mostrar { display: none; }
.gbc-codigos__mais[open] .gbc-codigos__ocultar { display: inline; }
.gbc-codigos__mais[open] > summary { order: 2; }

.gbc-relacionados__cabeca { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.gbc-esteira__setas { display: flex; gap: 8px; margin-bottom: 18px; }
.gbc .gbc-seta { width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--gbc-texto); box-shadow: var(--gbc-sombra), 0 0 0 1px var(--gbc-linha); }
.gbc .gbc-seta:hover { color: var(--gbc-azul); background: #fff; }
.gbc .gbc-seta:disabled { opacity: .35; cursor: default; }
.gbc-seta .gbc-svg { width: 20px; height: 20px; }
.gbc-esteira { display: grid; grid-auto-flow: column; grid-auto-columns: 232px; gap: 16px; overflow-x: auto; padding: 4px 4px 14px; margin: -4px -4px 0; scroll-snap-type: x mandatory; scroll-padding: 4px; scrollbar-width: thin; scrollbar-color: #c9cdd8 transparent; }
.gbc-esteira .gbc-card { scroll-snap-align: start; }

.gbc-nao-encontrado { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 64px 24px 72px; text-align: center; }
.gbc-nao-encontrado .gbc-icone-peca { width: 140px; height: 94px; color: #c3c7d2; }
.gbc-nao-encontrado .gbc-titulo span { color: var(--gbc-azul); }
.gbc-nao-encontrado p { max-width: 520px; color: var(--gbc-texto-2); }

/* ---------------------------------------------------------------- aviso B2B */
.gbc-b2b { padding: 30px 0; background: #000; color: rgba(255, 255, 255, .86); }
.gbc-b2b__linha { display: flex; align-items: center; gap: 28px; }
.gbc-b2b__linha > div { flex: 1; }
.gbc-b2b__titulo { margin-bottom: 4px; font-size: 22px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: var(--gbc-azul-noite); }
.gbc-b2b p { font-size: 14px; }
.gbc-b2b strong { color: #fff; }

/* ---------------------------------------------------------------- avisos flutuantes e zoom */
.gbc-toast {
  position: fixed; left: 50%; bottom: 24px; z-index: 100000; display: flex; align-items: center; gap: 8px;
  padding: 12px 18px; border-radius: 8px; background: #14161c; color: #fff; font-family: var(--gbc-fonte); font-size: 14px; font-weight: 600;
  box-shadow: var(--gbc-sombra-2); transform: translate(-50%, 20px); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.gbc-toast.gbc-toast--visivel { opacity: 1; transform: translate(-50%, 0); }
.gbc-toast svg { width: 18px; height: 18px; color: #6be39a; }

.gbc-zoom { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8, 9, 14, .94); color: #fff; overflow: hidden; }
.gbc-zoom::backdrop { background: rgba(8, 9, 14, .94); }
.gbc-zoom__palco { position: absolute; inset: 56px 64px 56px; display: flex; align-items: center; justify-content: center; }
.gbc-zoom__palco img { max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; border-radius: 6px; }
.gbc-zoom button { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; }
.gbc-zoom button:focus { background: rgba(255, 255, 255, .1); color: #fff; outline: none; }
.gbc-zoom button:hover, .gbc-zoom button:focus-visible { background: rgba(255, 255, 255, .22); color: #fff; }
.gbc-zoom button:focus-visible { outline: 3px solid rgba(140, 150, 255, .7); outline-offset: 2px; }
.gbc-zoom button svg { width: 24px; height: 24px; }
.gbc-zoom__fechar { top: 14px; right: 14px; }
.gbc-zoom__ant { left: 10px; top: 50%; margin-top: -24px; }
.gbc-zoom__prox { right: 10px; top: 50%; margin-top: -24px; }
.gbc-zoom__contador { position: absolute; top: 24px; left: 24px; font-family: var(--gbc-fonte); font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .8); }

/* ---------------------------------------------------------------- telas menores */
@media (max-width: 1180px) {
  .gbc-blocos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gbc-blocos > .gbc-bloco:last-child { grid-column: 1 / -1; }
}

@media (max-width: 1024px) {
  .gbc-lista { grid-template-columns: minmax(0, 1fr); }
  .gbc .gbc-abre-filtros { display: inline-flex; }
  .gbc-filtros {
    position: fixed; z-index: 100001; top: 0; bottom: 0; left: 0; width: min(380px, 92vw); max-height: none; height: 100%;
    border-radius: 0; transform: translateX(-102%); display: flex; flex-direction: column;
    visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s;
  }
  .gbc-filtros__form { flex: 1; overflow: auto; }
  .gbc-filtros.gbc-filtros--aberto { transform: none; visibility: visible; transition: transform .25s ease, visibility 0s; box-shadow: 0 0 60px rgba(0, 0, 0, .35); }
  .gbc .gbc-filtros__fechar { display: inline-flex; }
  .gbc-filtros__rodape { display: block; position: sticky; bottom: 0; padding: 12px 16px; background: #fff; border-top: 1px solid var(--gbc-linha); }
  .gbc-filtros__fundo { display: block; position: fixed; inset: 0; z-index: 100000; background: rgba(8, 9, 14, .45); }
  .gbc-atalhos { display: flex; overflow-x: auto; margin-right: -24px; padding-right: 24px; scrollbar-width: none; }
  .gbc-atalhos::-webkit-scrollbar { display: none; }
  .gbc-atalho { flex: none; width: 168px; }
  .gbc-ficha { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 20px; }
  .gbc-galeria { max-width: 640px; }
}

@media (max-width: 782px) {
  .gbc-blocos { grid-template-columns: minmax(0, 1fr); }
  .gbc-b2b__linha { flex-direction: column; align-items: flex-start; gap: 16px; }
  .gbc-grade--linhas .gbc-card__apps { padding-left: 0; }
  .gbc-grade--linhas .gbc-card__topo { width: auto; }
  .gbc-grade--linhas .gbc-card__specs { justify-content: flex-start; max-width: none; }
}

@media (max-width: 640px) {
  .gbc { font-size: 14px; }
  .gbc-container { padding: 0 16px; }
  .gbc-faixa { padding: 34px 0 22px; }
  .gbc-faixa__sub { font-size: 15px; }
  .gbc-busca--grande { height: 54px; margin-top: 20px; }
  .gbc input.gbc-busca__campo { font-size: 16px; }
  .gbc-busca__icone { padding-left: 14px; }
  .gbc .gbc-busca__ir { padding: 0 14px; }
  .gbc .gbc-busca__ir span { display: none; }
  .gbc .gbc-busca__ir .gbc-svg { display: block; }
  .gbc-exemplos { font-size: 12px; }
  .gbc-atalhos { margin-top: 24px; margin-right: -16px; padding-right: 16px; gap: 8px; }
  .gbc-atalho { width: 142px; padding: 12px; }
  .gbc-atalho .gbc-icone-peca { width: 48px; height: 32px; }
  .gbc-atalho__nome { font-size: 13px; }
  .gbc-lista { padding-top: 18px; gap: 18px; }
  .gbc-resultados__barra { gap: 10px; }
  .gbc-resultados__total { flex: 1 1 100%; }
  .gbc-resultados__acoes { flex: 1 1 100%; }
  .gbc-ordem { margin-left: auto; }
  .gbc-ordem > span { display: none; }
  .gbc-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .gbc-card__corpo { padding: 10px 11px 12px; gap: 5px; }
  .gbc-card__cod { font-size: 13px; }
  .gbc-card__cat { font-size: 9px; letter-spacing: .06em; }
  .gbc-card__titulo { font-size: 13.5px; }
  .gbc-card__apps { font-size: 12px; }
  .gbc-card__specs li { font-size: 10.5px; padding: 2px 6px; }
  .gbc-card__specs li:nth-child(n+3) { display: none; }
  .gbc-grade--linhas .gbc-card__img { width: 96px; }
  .gbc-grade--linhas .gbc-card__corpo { padding: 10px 12px; row-gap: 4px; }
  .gbc-faixa__linha { gap: 12px; }
  .gbc-faixa__voltar span { display: none; }
  .gbc-busca--compacta { height: 44px; }
  .gbc .gbc-busca--compacta .gbc-busca__ir { display: none; }
  .gbc-migalhas { padding: 12px 0; font-size: 12px; }
  .gbc-ficha { padding: 14px; border-radius: 8px; }
  .gbc .gbc-galeria__ampliar { padding: 10px; }
  .gbc-galeria__seta { opacity: 1 !important; width: 36px !important; height: 36px !important; margin-top: -18px !important; }
  .gbc-galeria__lupa { display: none; }
  .gbc .gbc-galeria__mini { width: 58px; height: 58px; }
  .gbc .gbc-acoes .gbc-btn { flex: 1 1 100%; white-space: normal; text-align: center; line-height: 1.35; letter-spacing: 1px; padding-left: 14px; padding-right: 14px; }
  .gbc-destaques { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gbc-destaque dd { font-size: 16px; }
  .gbc-aplicacoes { columns: 1; }
  .gbc-bloco { padding: 18px 16px 20px; }
  .gbc-secao__titulo { font-size: 21px; }
  .gbc-esteira { grid-auto-columns: 62%; }
  .gbc-zoom__palco { inset: 64px 8px 72px; }
  .gbc-zoom__ant, .gbc-zoom__prox { top: auto !important; bottom: 12px; margin-top: 0 !important; }
  .gbc-zoom__ant { left: calc(50% - 60px) !important; }
  .gbc-zoom__prox { right: calc(50% - 60px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .gbc *, .gbc-toast, .gbc-filtros { transition: none !important; scroll-behavior: auto !important; }
}

/* sem JavaScript: filtros ficam na página, sem gaveta */
html:not(.gbc-js) .gbc-filtros { position: static; transform: none; width: auto; max-height: none; }
html:not(.gbc-js) .gbc .gbc-abre-filtros, html:not(.gbc-js) .gbc-ordem, html:not(.gbc-js) .gbc-vista { display: none; }