/* =====================================================================
   PELE — INTEGRE AR-CONDICIONADOS
   ---------------------------------------------------------------------
   A BASE (integre-arcondicionados.css) é o motor e é igual byte a byte
   nos temas da casa. Esta folha entra DEPOIS dela e só troca a APARÊNCIA,
   presa ao escopo `.iac` do <body>.

   O PARTIDO, medido na loja de referência (friopecas.com.br, 19/10/2026,
   1568 px): loja de ar-condicionado e peças. Cabeçalho em faixa cheia com
   a busca larga no meio, menu de categorias logo abaixo, banner largo de
   canto 16 px com respiro lateral, a faixa de vantagens em «pílulas»
   cinza, categorias em quadrado arredondado, vitrines de cartão branco
   com nome azul, preço «Por» em preto e o preço do Pix em azul na
   frente, seção de ofertas dentro de um bloco arredondado de 24 px e o
   rodapé claro em quatro colunas. Uma família só (Quicksand), títulos de
   seção centrados.

   A COR É DA LOJISTA. Tudo aqui lê os ajustes do editor (--pri-…). Onde
   há hex cravado é porque o editor não oferece o ajuste, e aí vem o
   contraste MEDIDO no comentário.
   ===================================================================== */

.iac {
  --iac-gutter: 16px;
  --iac-respiro: 48px;
  --iac-respiro-cel: 32px;
  --iac-raio-bloco: 24px;           /* o bloco de ofertas e as vitrines em caixa */
  --iac-raio-banner: 16px;          /* banner largo e herói */
  --iac-raio-pilula: 12px;          /* a faixa de vantagens e a busca */
  --iac-fio: 1px solid var(--pri-bordas);
  --iac-cinza: #F3F3F3;             /* o cinza das pílulas e do bloco da referência */
  --iac-apoio: #4b5563;             /* piso da lei da casa: 7,56:1 sobre branco */
  --iac-sombra: 0 1px 3px rgba(9, 30, 66, .08);
  --iac-sombra-alta: 0 12px 28px rgba(9, 30, 66, .14);
}

/* ── o corpo ───────────────────────────────────────────────────────── */
.iac { font-family: Quicksand, system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.iac h1, .iac h2, .iac h3, .iac h4, .iac h5, .iac h6 { font-family: Quicksand, system-ui, sans-serif; letter-spacing: -.005em; }
.iac .pri-container { padding-left: var(--iac-gutter); padding-right: var(--iac-gutter); }
.iac .pri-secao { padding-block: var(--iac-respiro); }
@media (max-width: 767px) { .iac .pri-secao { padding-block: var(--iac-respiro-cel); } }

/* ── o cabeçalho de seção: centrado, sem traço, na cor do link ───────
   Na referência o título é uma frase («Navegue por nossas categorias»)
   no azul da marca, 24 px, peso 600, centrada. */
.iac .pri-titulo { text-align: center; margin-bottom: 24px; }
/* a cor do título obedece à da seção quando ela pede (o bloco de ofertas em fundo escuro) e, sem pedido, é a do link */
.iac .pri-titulo h2 { color: var(--pri-secao-titulo, var(--pri-link)); font-weight: 700; line-height: 1.25; }
.iac .pri-titulo .pri-sub { font-size: 15px; line-height: 22px; color: var(--iac-apoio); margin-top: 6px; }
.iac .pri-titulo::after { display: none; }

/* ── a barra de avisos: links miúdos na cor do link, centrada ─────── */
.iac .pri-adbar-item { font-weight: 600; font-size: 13.5px; }

/* ── o cabeçalho ────────────────────────────────────────────────────
   A busca é larga e branca, com canto de pílula; o menu de categorias
   abaixo em peso 600. NÃO mexo no fundo (vem do editor) nem no modo
   «sobre a foto» (a base o declara em .pri-cab-transparente). */
.iac .pri-cabecalho:not(.pri-cab-transparente) { box-shadow: 0 1px 0 rgba(9, 30, 66, .06); }
.iac .pri-busca input, .iac .pri-busca .pri-campo {
  border-radius: var(--iac-raio-pilula);
  border: 1px solid transparent;
  min-height: 44px;
  font-size: 15px;
}
.iac .pri-busca input:focus { border-color: var(--pri-destaque); outline: none; }
/* No computador, duas linhas como na referência: logo · busca larga · ícones; e o menu de categorias embaixo, de
   ponta a ponta. A base põe tudo numa linha de 100 px, e com nove categorias o menu passava por cima do logo. */
@media (min-width: 992px) {
  .iac .pri-cab-pc { height: auto; padding: 0; }
  .iac .pri-cab-pc .pri-container { flex-wrap: wrap; row-gap: 0; column-gap: 32px; height: auto; }
  .iac .pri-cab-pc .pri-logo { order: 1; padding: 14px 0; }
  .iac .pri-cab-pc .pri-busca { order: 2; flex: 1 1 520px; max-width: 640px; }
  .iac .pri-cab-pc .pri-cab-icones { order: 3; margin-left: auto; }
  .iac .pri-cab-pc .pri-nav { order: 4; flex: 1 1 100%; border-top: 1px solid rgba(9, 30, 66, .08); }
  .iac .pri-cab-pc .pri-nav-lista { justify-content: space-between; min-height: 48px; }
}
.iac .pri-nav-link { font-weight: 600; text-transform: none; letter-spacing: 0; }
.iac .pri-nav-item:first-child .pri-nav-link { color: var(--pri-destaque); }   /* «Ofertas» em laranja, como na referência */
.iac .pri-nav-sub { border-radius: 12px; box-shadow: var(--iac-sombra-alta); border: 0; }

/* ── os botões: cheios, canto de 6 px, peso 700 ────────────────────── */
.iac .pri-btn { font-weight: 700; letter-spacing: 0; border-radius: 6px; }
.iac .pri-btn-primario:hover { opacity: 1; filter: brightness(1.08); }
.iac .pri-btn-secundario:hover, .iac .pri-btn-contorno:hover { background: var(--iac-cinza); }

/* ── o herói: o banner com respiro lateral e canto de 16 px ─────────── */
@media (min-width: 768px) {
  .iac .pri-slider:not(.pri-largura-total) .pri-slide,
  .iac .pri-slider .pri-slide-midia,
  .iac .pri-slider .pri-slide img { border-radius: var(--iac-raio-banner); overflow: hidden; }
}
.iac .pri-slide-texto b, .iac .pri-slide-texto h2 { letter-spacing: -.01em; line-height: 1.08; font-weight: 700; font-style: normal; }
.iac .pri-slider .pri-slide-texto h2 { font-size: clamp(30px, 3.6vw, 52px); }
.iac .pri-slide-texto p { font-size: 16px; line-height: 1.45; }

/* ── os benefícios: as «pílulas» cinza da referência ────────────────── */
.iac .pri-beneficios { background: transparent; }
.iac .pri-beneficio {
  background: var(--iac-cinza);
  border-radius: var(--iac-raio-pilula);
  padding: 12px 16px;
  align-items: center;
}
.iac .pri-beneficio b, .iac .pri-beneficio strong { font-size: 14px; font-weight: 700; color: var(--pri-texto); }
.iac .pri-beneficio span, .iac .pri-beneficio p { font-size: 13.5px; color: var(--iac-apoio); line-height: 1.35; }
.iac .pri-beneficio svg, .iac .pri-beneficio .pri-icone { color: var(--pri-link); }

/* ── as categorias: quadrado de canto 16 px, nome azul embaixo ─────── */
.iac .pri-cat-quadrado .pri-categoria-foto,
.iac .pri-cat-arredondado .pri-categoria-foto {
  max-width: 132px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--iac-cinza);
  box-shadow: var(--iac-sombra);
  transition: transform .2s ease, box-shadow .2s ease;
}
.iac .pri-categoria:hover .pri-categoria-foto { transform: translateY(-3px); box-shadow: var(--iac-sombra-alta); }
.iac .pri-categoria-nome { font-size: 14px; font-weight: 700; margin-top: 10px; color: var(--pri-link); }
@media (max-width: 991px) {
  .iac .pri-cat-quadrado .pri-categoria-foto,
  .iac .pri-cat-arredondado .pri-categoria-foto { max-width: 96px; border-radius: 14px; }
  .iac .pri-categoria-nome { font-size: 13.5px; line-height: 1.3; }
}

/* ── o cartão do produto ────────────────────────────────────────────
   Branco, fio de 1 px, canto de 8 px. Nome em azul (a cor do link),
   «Por R$» em preto, o Pix em destaque. Nada por cima da foto: as
   etiquetas moram abaixo dela por ordem do dono, e a base já as põe lá. */
.iac .pri-cartao {
  color: var(--pri-texto);           /* o cartão é branco mesmo dentro de seção escura: o texto não herda o branco dela */
  background: #fff;
  border: var(--iac-fio);
  border-radius: 8px;
  box-shadow: none;
  transition: box-shadow .25s ease, transform .25s ease;
}
.iac .pri-cartao:hover { box-shadow: var(--iac-sombra-alta); transform: translateY(-2px); }
.iac .pri-cartao-foto { border-width: 0; background: #fff; }
.iac .pri-cartao-corpo, .iac .pri-cartao-info { padding: 12px 14px 16px; }
.iac .pri-cartao-nome, .iac .pri-cartao h3 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--pri-link);
}
.iac .pri-preco { font-weight: 700; color: var(--pri-texto); }
.iac .pri-preco-de { color: var(--iac-apoio); opacity: 1; font-size: 13.5px; }
.iac .pri-cartao .pri-parcelas, .iac .pri-cartao small { font-size: 13.5px; color: var(--iac-apoio); }
.iac .pri-cartao .pri-pix, .iac .pri-produto .pri-pix { color: var(--pri-link); font-weight: 700; }
.iac .pri-cartao .pri-btn { min-height: 44px; width: 100%; }
/* a etiqueta de desconto: verde da referência, pílula curta */
.iac .pri-etiqueta { font-weight: 700; font-size: 12.5px; padding: 4px 8px; border-radius: 4px; }

/* ── a vitrine com banner: o bloco «Ofertas do dia» arredondado ───── */
.iac .pri-vitrine-banner, .iac .pri-vcb { border-radius: var(--iac-raio-bloco); overflow: hidden; }
.iac .pri-vitrine-banner .pri-cartao, .iac .pri-vcb .pri-cartao { border-color: transparent; }

/* ── a vitrine de produtos em caixa cinza (quando a seção pede fundo) ─ */
.iac .pri-secao[style*="--pri-secao-fundo"] > .pri-container { border-radius: var(--iac-raio-bloco); }

/* ── os banners em linha: o mosaico, canto de 12 px ────────────────── */
.iac .pri-banners-linha a, .iac .pri-banners-linha img { border-radius: 12px; overflow: hidden; }
.iac .pri-banner-texto { background: rgba(9, 30, 66, .40); } /* branco sobre este véu: 9,4:1 na arte mais clara medida */
.iac .pri-banner-texto b { font-weight: 700; }

/* ── o banner largo: canto de 16 px como o herói ───────────────────── */
.iac .pri-banner-largo:not(.pri-largura-total) img,
.iac .pri-banner-largo:not(.pri-largura-total) .pri-banner-largo-midia { border-radius: var(--iac-raio-banner); overflow: hidden; }
.iac .pri-banner-largo-texto b { font-weight: 700; font-style: normal; max-width: 15ch; display: block; }
.iac .pri-banner-largo-texto p { max-width: 36ch; }
.iac .pri-banner-texto b { font-style: normal; }

/* ── a página do produto ───────────────────────────────────────────── */
.iac .pri-produto-titulo, .iac .pri-produto h1 { font-size: 24px; line-height: 1.3; font-weight: 700; color: var(--pri-texto); }
.iac .pri-produto-preco b { font-weight: 700; color: var(--pri-link); }
.iac .pri-variante-grupo label { font-size: 13.5px; font-weight: 700; color: var(--iac-apoio); }
.iac .pri-produto-info, .iac .pri-produto-abas { border: 0; background: var(--iac-cinza); border-radius: 12px; }
.iac .pri-produto-descricao h4 { font-size: 16px; font-weight: 700; margin-top: 20px; }
.iac .pri-produto-descricao ul { padding-left: 20px; }
.iac .pri-produto-descricao li { margin-bottom: 6px; line-height: 1.55; }
.iac .pri-produto-galeria img, .iac .pri-produto-foto { border-radius: 12px; }
.iac .pri-qtd { border-color: var(--pri-bordas); border-radius: 6px; }

/* ── a coleção ─────────────────────────────────────────────────────── */
.iac .pri-colecao-topo h1 { font-weight: 700; color: var(--pri-texto); }
.iac .pri-colecao-contagem, .iac .pri-ordenar { color: var(--iac-apoio); }
.iac .pri-filtros .pri-filtro-titulo, .iac .pri-filtro-caixa summary { color: var(--pri-link); font-weight: 700; }
.iac .pri-filtro-caixa { border: 0; border-bottom: var(--iac-fio); background: transparent; }

/* ── depoimentos e perguntas ───────────────────────────────────────── */
.iac .pri-depoimento { background: #fff; border: var(--iac-fio); border-radius: 12px; box-shadow: none; }
.iac .pri-faq-item { border-bottom: var(--iac-fio); }
.iac .pri-faq-pergunta { font-size: 16px; font-weight: 700; min-height: 52px; color: var(--pri-link); }
.iac .pri-faq-resposta { font-size: 15px; line-height: 1.6; color: var(--iac-apoio); }

/* ── «quem somos» ──────────────────────────────────────────────────── */
.iac .pri-sobre-texto .pri-sobretitulo { font-size: 13.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pri-destaque); }
.iac .pri-sobre-foto { border-radius: var(--iac-raio-banner); overflow: hidden; }

/* ── o rodapé ──────────────────────────────────────────────────────── */
.iac .pri-rodape { font-size: 14px; }
.iac .pri-rodape h4, .iac .pri-rodape .pri-rodape-titulo { font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.iac .pri-rodape a:hover { text-decoration: underline; }

/* ── o carrinho ────────────────────────────────────────────────────── */
.iac .pri-gaveta-item, .iac .pri-aviso-carrinho-item { border-color: var(--pri-bordas); }
.iac .pri-gaveta-item .pri-nome, .iac .pri-aviso-carrinho-item .pri-nome { font-size: 15px; font-weight: 700; }

/* ── a lei da casa ─────────────────────────────────────────────────── */
.iac input, .iac select, .iac textarea { font-size: 16px; }
.iac .pri-campo { min-height: 44px; }

/* =====================================================================
   SEGUNDA PASSADA (19/10/2026, o dono: «olha a qualidade da página de
   produto, categoria, final de página e rodapé, não quero menos que isso»)
   Medidas da referência em docs/modulos/loja-online/mapas/mapa-friopecas.md
   ===================================================================== */

/* ── o cartão: o preço em degraus ───────────────────────────────────── */
.iac .pri-cartao-nome span { -webkit-line-clamp: 3; }
.iac .iac-precos { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; }
.iac .iac-de { font-size: 13.5px; color: var(--iac-apoio); text-decoration: line-through; }
.iac .iac-precos .pri-preco-linha { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.iac .iac-por { font-size: 15px; font-weight: 700; color: var(--pri-texto); }
.iac .iac-precos .pri-preco { font-size: 16px; font-weight: 700; }
.iac .iac-off, .iac .pri-off {
  background: var(--pri-sucesso, #2E8B3D); color: #fff;               /* branco sobre #2E8B3D: 4,6:1 */
  font-size: 12.5px; font-weight: 700; line-height: 1; padding: 4px 6px; border-radius: 4px;
}
.iac .iac-parcelas { font-size: 13.5px; color: var(--iac-apoio); }
.iac .iac-pix { display: flex; flex-direction: column; margin-top: 4px; }
.iac .iac-pix b { font-size: 19px; font-weight: 700; color: var(--pri-link); line-height: 1.2; }
.iac .iac-pix small { font-size: 13.5px; color: var(--iac-apoio); }
.iac .pri-cartao .pri-pix-linha svg { display: none; }

/* ── a página do produto ───────────────────────────────────────────── */
.iac .pri-produto-info { background: transparent; padding: 0; }
.iac .pri-produto-info h1 { font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--pri-texto); margin: 6px 0 8px; }
.iac .iac-ref { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: var(--iac-apoio); margin-bottom: 14px; }
.iac .iac-ref > * + *::before { content: "|"; margin-right: 14px; color: var(--pri-bordas); }
.iac .iac-produto-precos { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.iac .iac-de-linha { display: flex; align-items: center; gap: 8px; }
.iac .iac-de-linha[hidden] { display: none; }
.iac .iac-de-linha .pri-produto-preco-de { font-size: 15px; color: var(--iac-apoio); text-decoration: line-through; }
.iac .iac-produto-precos .pri-produto-preco { display: flex; align-items: baseline; gap: 6px; font-size: 16px; }
.iac .iac-produto-precos .pri-produto-preco b { font-size: 17px; font-weight: 700; color: var(--pri-texto); }
.iac .iac-pix-grande { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.iac .iac-pix-grande .pri-produto-pix { font-size: 32px; line-height: 1.1; font-weight: 700; color: var(--pri-link); letter-spacing: -.01em; }
.iac .iac-pix-selo { background: var(--pri-link); color: #fff; font-size: 12.5px; font-weight: 700; padding: 4px 7px; border-radius: 4px; }
.iac .iac-pix-no { font-size: 16px; color: var(--pri-link); font-weight: 600; }
.iac .iac-economize {
  display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
  background: var(--pri-botao-fundo); color: var(--pri-botao-texto);
  font-size: 14px; font-weight: 600; padding: 7px 12px; border-radius: 6px; margin-top: 4px;
}
.iac .iac-economize svg { width: 18px; height: 18px; }
.iac .pri-produto-parcelas { margin: 6px 0 14px; }
.iac .pri-parcela-linha { font-size: 14px; color: var(--iac-apoio); }
.iac .pri-parcela-pix { display: none; }
.iac .pri-ver-parcelas { color: var(--pri-link); text-decoration: underline; font-weight: 600; font-size: 14px; }
.iac .pri-comprar { gap: 12px; }
.iac .pri-btn-comprar { min-height: 52px; font-size: 16px; border-radius: 8px; }
.iac .pri-qtd { min-height: 52px; border-radius: 8px; }
.iac .pri-envio { border: 0; margin-top: 16px; }
.iac .iac-envio-titulo { font-size: 14px; font-weight: 700; color: var(--iac-apoio); margin-bottom: 8px; }
.iac .pri-envio .pri-envio-corpo { display: block !important; max-height: none !important; overflow: visible; }
.iac .pri-cep-form { display: flex; }
.iac .pri-cep-form input { flex: 1; min-height: 46px; border: 1px solid var(--pri-bordas); border-right: 0; border-radius: 8px 0 0 8px; padding: 0 14px; background: #fff; }
.iac .pri-cep-form button { min-height: 46px; padding: 0 22px; border: 0; background: #E5E7EB; color: var(--pri-texto); font-weight: 700; border-radius: 0 8px 8px 0; cursor: pointer; }
.iac .pri-cep-ajuda { display: inline-block; margin-top: 6px; font-size: 13.5px; color: var(--pri-texto); text-decoration: underline; }
.iac .iac-prazo-aviso { background: var(--iac-cinza); border-radius: 8px; padding: 12px 14px; font-size: 13.5px; color: var(--iac-apoio); margin-top: 12px; }
.iac .pri-info-importante { background: var(--iac-cinza); border: 0; border-radius: 10px; }
.iac .pri-compartilhar a, .iac .pri-compartilhar button { color: var(--pri-link); }

/* a galeria num quadro de canto 12 px, miniaturas em quadros */
.iac .pri-produto-palco { border: 1px solid var(--pri-bordas); border-radius: 12px; overflow: hidden; background: #fff; }
.iac .pri-produto-miniaturas button { border: 1px solid var(--pri-bordas); border-radius: 8px; overflow: hidden; background: #fff; }
.iac .pri-produto-miniaturas button.on { border-color: var(--pri-link); box-shadow: 0 0 0 1px var(--pri-link); }

/* os quadros de vantagem debaixo da galeria */
.iac .iac-vantagens { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 16px 0 0; }
.iac .iac-vantagens li { background: var(--iac-cinza); border-radius: 12px; padding: 12px 8px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 13.5px; color: var(--iac-apoio); line-height: 1.3; }
.iac .iac-vantagens svg { width: 26px; height: 26px; color: var(--pri-link); }
.iac .iac-vantagens b { display: block; color: var(--pri-texto); font-weight: 700; }
@media (max-width: 767px) { .iac .iac-vantagens { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* «Sobre o produto» em sanfona */
.iac .iac-sobre { border-top: 1px solid var(--pri-bordas); margin-top: 40px; padding-top: 24px; }
.iac .iac-sobre-titulo { font-size: 18px; font-weight: 700; color: var(--iac-apoio); margin-bottom: 14px; }
.iac .iac-sanfona { background: var(--iac-cinza); border-radius: 12px; margin-bottom: 10px; }
.iac .iac-sanfona summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 0 18px; font-size: 15px; font-weight: 700; color: var(--iac-apoio); }
.iac .iac-sanfona summary::-webkit-details-marker { display: none; }
.iac .iac-sanfona summary::after { content: "+"; font-size: 26px; font-weight: 300; color: var(--iac-apoio); line-height: 1; }
.iac .iac-sanfona[open] summary::after { content: "\2014"; font-size: 18px; }
.iac .iac-sanfona-corpo { padding: 0 18px 18px; }
.iac .iac-descricao { max-height: 280px; overflow: hidden; position: relative; border: 0; background: transparent; padding: 0; margin: 0; }
.iac .iac-descricao:not(.aberta)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(to bottom, rgba(243, 243, 243, 0), var(--iac-cinza)); }
.iac .iac-descricao.aberta { max-height: none; }
.iac .iac-descricao-titulo { font-size: 20px; font-weight: 700; color: var(--iac-apoio); margin: 4px 0 14px; line-height: 1.3; }
.iac .iac-descricao .pri-conteudo { font-size: 15px; line-height: 1.6; color: var(--iac-apoio); }
.iac .iac-ver-mais { display: block; margin: 8px 0 0 auto; background: none; border: 0; color: var(--pri-link); font-weight: 700; text-decoration: underline; cursor: pointer; font-size: 14px; }
.iac .iac-ficha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; background: #fff; border-radius: 8px; overflow: hidden; }
.iac .iac-ficha div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--pri-bordas); font-size: 14px; }
.iac .iac-ficha dt { color: var(--iac-apoio); font-weight: 600; }
.iac .iac-ficha dd { margin: 0; color: var(--pri-texto); text-align: right; }
@media (max-width: 767px) { .iac .iac-ficha { grid-template-columns: 1fr; } }

/* as perguntas frequentes da página do produto, como lista com seta */
.iac .pri-faq-item { background: transparent; border: 0; border-bottom: var(--iac-fio); border-radius: 0; }

/* ── a coleção ─────────────────────────────────────────────────────── */
.iac .pri-colecao-topo { text-align: left; }
.iac .pri-colecao-topo h1 { font-size: 26px; color: var(--pri-link); }
.iac .pri-filtros { border: 0; background: transparent; }
.iac .pri-filtros .pri-filtro-titulo, .iac .pri-filtros h3, .iac .pri-filtros summary { font-size: 16px; font-weight: 700; color: var(--pri-link); }

/* ── o rodapé: a faixa da newsletter em cinza e as colunas claras ──── */
.iac .pri-rodape-news, .iac .pri-rodape-topo { background: var(--iac-cinza); }
.iac .pri-rodape-news input, .iac .pri-rodape input { background: #fff; border: 1px solid var(--pri-bordas); border-radius: 8px; min-height: 46px; }
.iac .pri-rodape-news button, .iac .pri-rodape .pri-btn { border-radius: 8px; min-height: 46px; background: var(--pri-botao-fundo); color: var(--pri-botao-texto); font-weight: 700; }
.iac .pri-rodape h4, .iac .pri-rodape .pri-rodape-titulo { color: var(--iac-apoio); font-size: 17px; }
.iac .pri-rodape a { color: var(--iac-apoio); }

/* ── as marcas: ladrilhos cinza, 6 por linha ───────────────────────── */
.iac .iac-marcas { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(var(--iac-marcas-colunas, 6), minmax(0, 1fr)); gap: 10px; }
.iac .iac-marcas a { display: flex; align-items: center; justify-content: center; min-height: 72px; padding: 12px; background: #F2F2F2; border-radius: 10px; transition: background .2s ease; }
.iac .iac-marcas a:hover { background: #E8E8E8; }
.iac .iac-marcas img { max-height: 44px; width: auto; filter: grayscale(1); opacity: .8; }
.iac .iac-marcas span { font-size: 18px; font-weight: 700; color: #4b5563; letter-spacing: .02em; text-transform: uppercase; text-align: center; }
@media (max-width: 767px) { .iac .iac-marcas { grid-template-columns: repeat(3, minmax(0, 1fr)); } .iac .iac-marcas span { font-size: 14px; } .iac .iac-marcas a { min-height: 58px; } }

/* ── o texto institucional: título na cor do link e «VER MAIS» ─────── */
.iac .iac-institucional-titulo { font-size: 20px; font-weight: 700; color: var(--pri-link); text-align: center; margin: 0 0 12px; }
.iac .iac-institucional { font-size: 14px; line-height: 21px; color: #404040; text-align: center; max-height: 84px; overflow: hidden; position: relative; }
.iac .iac-institucional.aberto { max-height: none; }
.iac .iac-institucional a { color: var(--pri-link); text-decoration: underline; }
.iac .iac-institucional-mais { display: block; margin: 10px auto 0; background: none; border: 0; color: #4b5563; font-weight: 700; text-decoration: underline; cursor: pointer; font-size: 14px; min-height: 38px; }

/* os quadros de vantagem moram dentro de .pri-produto-fotos, que é uma fileira (miniaturas | palco): a fileira quebra e eles
   ocupam a linha inteira debaixo da foto, sem roubar largura do palco */
.iac .pri-produto-fotos { flex-wrap: wrap; align-content: flex-start; }
.iac .pri-produto-fotos > .iac-vantagens { flex: 1 1 100%; order: 3; }
@media (max-width: 991px) { .iac .pri-produto-fotos > .iac-vantagens { padding: 0 16px; } }

/* o rodapé como o da referência: os quatro títulos de coluna com o mesmo peso (o primeiro vem em h3, o do atendimento em h4),
   e as redes em círculo na cor da loja, não em preto */
.iac .pri-rodape-colunas .pri-rodape-coluna > h3,
.iac .pri-rodape-colunas .pri-rodape-coluna > h4 { font-size: 17px; font-weight: 700; color: var(--pri-texto); margin: 0 0 14px; letter-spacing: 0; text-transform: none; }
.iac .pri-rodape-redes a, .iac .pri-rodape-redes.pri-redes-escuras a { background: var(--pri-link); color: #fff; border-color: transparent; }
.iac .pri-rodape-redes a:hover { background: var(--pri-botao, var(--pri-link)); }

/* as avaliações vestem a cor da loja: título como os outros títulos de seção, botão no azul da marca */
.iac .ig-av { --ig-ink: var(--pri-link); }
.iac .ig-av__h2 { color: var(--pri-secao-titulo, var(--pri-link)); font-size: 24px; letter-spacing: 0; }

/* a coluna dos filtros como a da referência (230 px): «Filtros · Limpar filtros» no topo, grupos separados por fio, a marca em
   lista com rolagem própria quando são muitas, e o preço em duas caixas que cabem o número inteiro com o «Aplicar» embaixo */
.iac .pri-colecao-grade { grid-template-columns: 230px minmax(0, 1fr); gap: 32px; }
@media (max-width: 991px) { .iac .pri-colecao-grade { grid-template-columns: 1fr; } }
.iac .iac-filtros-topo { display: flex; align-items: baseline; justify-content: space-between; padding: 0 0 12px; border-bottom: var(--iac-fio); margin-bottom: 14px; }
.iac .iac-filtros-topo b { font-size: 17px; color: var(--pri-texto); }
.iac .iac-filtros-topo button { background: none; border: 0; padding: 0; font: inherit; font-size: 13.5px; color: var(--pri-link); text-decoration: underline; cursor: pointer; }
.iac .pri-filtros .pri-filtro-grupo { padding: 0 0 16px; margin: 0 0 16px; border-bottom: var(--iac-fio); }
.iac .pri-filtros .pri-filtro-grupo h5 { font-size: 15px; font-weight: 700; color: var(--pri-texto); margin-bottom: 12px; }
.iac .iac-filtro-marca { max-height: 320px; overflow-y: auto; scrollbar-width: thin; }
.iac .pri-filtro-preco { flex-wrap: wrap; }
.iac .pri-filtro-preco .pri-cp { flex: 1 1 calc(50% - 4px); min-width: 0; }
.iac .pri-filtro-preco .pri-campo { width: 100%; min-width: 0; }
.iac .pri-filtro-preco .pri-btn { flex: 1 1 100%; background: var(--pri-link); color: #fff; border-radius: var(--pri-raio); }
.iac .pri-colecao-descricao { color: var(--iac-apoio); font-size: 15px; line-height: 1.5; margin: 4px 0 18px; }
.iac .pri-filtros .pri-filtro-preco button.pri-btn { background: var(--pri-link); color: #fff; border-color: var(--pri-link); }

/* o quadro «Nota fiscal e garantia» debaixo do frete: ícone à esquerda, título e texto respirando */
.iac .pri-info-importante { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: var(--iac-cinza); margin-top: 12px; }
.iac .pri-info-importante > .pri-i { width: 24px; height: 24px; flex: none; color: var(--pri-link); }
.iac .pri-info-importante b { display: block; font-size: 15px; color: var(--pri-texto); margin-bottom: 2px; }
.iac .pri-info-importante div { font-size: 14px; color: var(--iac-apoio); line-height: 1.45; }

/* a pergunta frequente é um <button>: herda a letra da loja (sem isto sai na letra do sistema) */
.iac .pri-faq-pergunta { font-family: inherit; font-size: 16px; font-weight: 700; color: var(--pri-texto); }
@media (max-width: 767px) {
  .iac .pri-rodape-envios, .iac .pri-rodape-seguranca { text-align: center; }
  .iac .pri-rodape-envios .pri-selos, .iac .pri-rodape-seguranca .pri-selos { justify-content: center; }
}
@media (max-width: 991px) {
  .iac .pri-produto-info { padding: 0 16px; }
  /* no celular a galeria é coluna (foto, miniaturas, vantagens): sem quebra de fileira, cada um na ordem dele */
  .iac .pri-produto-fotos { flex-wrap: nowrap; }
}
@media (max-width: 991px) {
  .iac .pri-produto-fotos > .pri-produto-palco { order: 1; }
  .iac .pri-produto-fotos > .pri-produto-miniaturas { order: 2; }
  .iac .pri-produto-fotos > .iac-vantagens { order: 3; margin-top: 14px; }
}
/* a galeria «miniaturas ao lado» vira bloco no celular na base (as miniaturas ficavam ACIMA da foto); aqui ela é coluna */
@media (max-width: 991px) { .iac .pri-produto-fotos.pri-galeria-miniaturas_lado { display: flex; flex-direction: column; } }

/* o subtítulo da seção com fundo próprio (ofertas em azul) segue a cor de texto da seção, não o cinza de apoio */
.iac .pri-com-fundo .pri-titulo .pri-sub { color: var(--pri-secao-texto, inherit); opacity: .85; }

/* a gaveta do carrinho fechada mora fora da tela, mas a sombra dela vazava uma faixa cinza na borda direita da página */
.iac .pri-gaveta:not(.on) { box-shadow: none; }


/* ═══ SEGUNDA REVISÃO (20/10/2026, dono: «revise tudo detalhe por detalhe») ═════════════════════════════════════════════ */

/* O CARTÃO: a oferta com destaque (o preço do Pix grande na cor do destaque, a frase do desconto num selo verde) e o Comprar
   em todo cartão, cheio, na largura do cartão */
.iac .pri-cartao { transition: box-shadow .2s ease, transform .2s ease; }
.iac .pri-cartao:hover { box-shadow: 0 10px 28px rgba(10, 30, 60, .12); transform: translateY(-2px); }
.iac .iac-precos .iac-por, .iac .iac-precos .pri-preco { color: #4b5563; }
.iac .iac-precos .pri-preco { font-size: 15px; font-weight: 600; }
.iac .iac-pix { margin-top: 6px; gap: 4px; }
.iac .iac-pix b { font-size: 22px; font-weight: 800; color: var(--pri-destaque, #E2560C); letter-spacing: -.01em; }
.iac .iac-pix small { align-self: flex-start; font-size: 12.5px; font-weight: 700; color: #0F6B3A; background: #E6F6EC; border-radius: 999px; padding: 3px 9px; line-height: 1.35; }
.iac .pri-cartao-acoes { padding: 0 12px 12px; margin-top: auto; }
.iac .pri-cartao-acoes .pri-btn-comprar { width: 100%; min-height: 42px; border-radius: 8px; font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--pri-link); color: #fff; border: 0; text-transform: none; letter-spacing: 0; }
.iac .pri-cartao-acoes .pri-btn-comprar:hover { background: var(--pri-destaque, #E2560C); }
.iac .pri-cartao-acoes .pri-btn-comprar svg { width: 18px; height: 18px; }

/* A PÁGINA DO PRODUTO NO COMPUTADOR: miniaturas inteiras (a coluna é do tamanho do botão), a foto no espaço que sobra e um vão
   de verdade até a coluna da direita, que volta a ter o recuo dela */
@media (min-width: 992px) {
  .iac .pri-produto-fotos { padding: 0 40px 0 15px; gap: 14px; }
  .iac .pri-produto-fotos > .pri-produto-miniaturas { flex: 0 0 84px; width: 84px; min-width: 84px; gap: 10px; }
  .iac .pri-produto-miniaturas button { width: 84px; height: 84px; aspect-ratio: 1 / 1; opacity: 1; }
  .iac .pri-produto-miniaturas img { object-fit: contain; padding: 4px; background: #fff; }
  .iac .pri-produto-fotos > .pri-produto-palco { flex: 1 1 0; min-width: 0; border: 1px solid var(--pri-bordas); border-radius: 12px; background: #fff; }
  .iac .pri-produto-palco .pri-carrossel-trilho .pri-slide img { object-fit: contain; background: #fff; }
  .iac .pri-produto-info { padding: 0 15px 0 8px; }
  .iac .pri-produto-fotos > .iac-vantagens { margin-top: 18px; }
  .iac .iac-vantagens-cel { display: none; }
}

/* A PÁGINA DO PRODUTO NO CELULAR: os quadros de vantagem saem de cima do título e vão para depois do Comprar; a foto inteira; a
   descrição como um cartão cheio, de borda a borda */
@media (max-width: 991px) {
  .iac .pri-produto-fotos > .iac-vantagens { display: none; }
  .iac .iac-vantagens-cel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 16px 0 4px; padding: 0; }
  .iac .iac-vantagens-cel li { flex-direction: row; justify-content: flex-start; text-align: left; padding: 10px 12px; gap: 10px; font-size: 13.5px; }
  .iac .iac-vantagens-cel svg { width: 22px; height: 22px; flex: none; }
  .iac .pri-produto-palco .pri-carrossel-trilho .pri-slide img { object-fit: contain; background: #fff; }
  .iac .pri-produto-info h1 { font-size: 21px; }
  .iac .iac-sanfona { border-radius: 0; margin-left: -16px; margin-right: -16px; }
  .iac .iac-sanfona summary { padding: 0 16px; }
  .iac .iac-sanfona-corpo { padding: 0 16px 18px; }
  .iac .iac-descricao { max-height: 520px; }
}

/* A DESCRIÇÃO FORMATADA (a hospedagem transforma o texto com quebras de linha em títulos, listas e ficha) */
.iac .iac-descricao .pri-conteudo { color: #374151; }
.iac .iac-descricao .pri-conteudo p { margin: 0 0 12px; }
.iac .iac-descricao .pri-conteudo h4 { font-size: 16px; font-weight: 700; color: var(--pri-link); margin: 20px 0 8px; padding-top: 14px; border-top: 1px solid var(--pri-bordas); }
.iac .iac-descricao .pri-conteudo h4:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.iac .iac-descricao .pri-conteudo ul { margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 6px; }
.iac .iac-descricao .pri-conteudo li { position: relative; padding-left: 22px; }
.iac .iac-descricao .pri-conteudo li::before { content: ""; position: absolute; left: 4px; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--pri-destaque, #E2560C); }
.iac .iac-descricao .pri-conteudo .integre-ficha { width: 100%; border-collapse: collapse; margin: 0 0 14px; background: #fff; border-radius: 8px; overflow: hidden; font-size: 14px; }
.iac .iac-descricao .pri-conteudo .integre-ficha th, .iac .iac-descricao .pri-conteudo .integre-ficha td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--pri-bordas); vertical-align: top; }
.iac .iac-descricao .pri-conteudo .integre-ficha th { width: 42%; font-weight: 600; color: #4b5563; background: #FAFAFB; }
.iac .iac-descricao .pri-conteudo .integre-ficha tr:last-child th, .iac .iac-descricao .pri-conteudo .integre-ficha tr:last-child td { border-bottom: 0; }
.iac .iac-descricao .pri-conteudo .integre-rotulo { margin-bottom: 6px; }
.iac .iac-descricao .pri-conteudo .integre-aviso { background: #FFF6E5; border-left: 3px solid #E8A317; padding: 10px 12px; border-radius: 6px; }

/* OS BENEFÍCIOS NO CELULAR: os quatro em grade 2 × 2, à vista, sem carrossel e sem setas por cima do texto */
@media (max-width: 991px) {
  .iac .pri-beneficios .pri-carrossel-janela { overflow: visible; }
  .iac .pri-beneficios .pri-carrossel-trilho { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; transform: none !important; }
  .iac .pri-beneficios .pri-slide { width: auto !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
  .iac .pri-beneficios .pri-slide.pri-clone { display: none !important; }
  .iac .pri-beneficios .pri-seta, .iac .pri-beneficios .pri-bolinhas { display: none !important; }
  .iac .pri-beneficio { flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; height: 100%; }
}

/* AS MARCAS COM A LOGO DE CADA UMA: ladrilho branco com fio, a logo inteira e na cor dela */
.iac .iac-marcas a { background: #fff; border: 1px solid var(--pri-bordas); min-height: 88px; padding: 14px 18px; border-radius: 12px; transition: border-color .2s, box-shadow .2s; }
.iac .iac-marcas a:hover { background: #fff; border-color: var(--pri-link); box-shadow: 0 6px 18px rgba(10, 30, 60, .08); }
.iac .iac-marcas img { max-height: 48px; max-width: 100%; height: auto; width: auto; object-fit: contain; filter: none; opacity: 1; }
@media (max-width: 767px) { .iac .iac-marcas a { min-height: 70px; padding: 10px 12px; } .iac .iac-marcas img { max-height: 36px; } }

/* O «SOBRE A LOJA»: texto alinhado à esquerda, com a foto ao lado no computador e em cima no celular */
.iac .iac-institucional-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: center; }
.iac .iac-institucional-grade.iac-com-foto { grid-template-columns: minmax(0, 46%) minmax(0, 1fr); gap: 48px; }
.iac .iac-institucional-grade.iac-foto-direita .iac-institucional-foto { order: 2; }
.iac .iac-institucional-foto img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; display: block; }
.iac .iac-institucional-sobre { margin: 0 0 6px; font-size: 13.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pri-destaque, #E2560C); }
.iac .iac-institucional-titulo { text-align: left; font-size: 26px; line-height: 1.25; margin: 0 0 14px; }
.iac .iac-institucional { text-align: left; font-size: 15px; line-height: 1.65; color: #374151; max-height: 200px; }
.iac .iac-institucional p { margin: 0 0 12px; }
.iac .iac-institucional:not(.aberto)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; background: linear-gradient(to bottom, rgba(255,255,255,0), var(--pri-fundo, #fff)); }
.iac .iac-institucional-mais { margin: 12px 0 0; display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border: 1px solid var(--pri-link); border-radius: 8px; color: var(--pri-link); text-decoration: none; font-size: 14px; }
.iac .iac-institucional-mais:hover { background: var(--pri-link); color: #fff; }
@media (max-width: 991px) {
  .iac .iac-institucional-grade.iac-com-foto { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .iac .iac-institucional-grade.iac-foto-direita .iac-institucional-foto { order: 0; }
  .iac .iac-institucional-titulo { font-size: 21px; }
  .iac .iac-institucional { max-height: 230px; }
}

/* A REVISÃO NO CELULAR (20/10/2026): o selo do Pix numa linha só (no cartão estreito ele virava três linhas de pílula), o
   Comprar na largura do cartão, as setas dos carrosséis fora de cima das fotos (no celular se arrasta com o dedo), o quadro
   «Nota fiscal e garantia» alinhado à esquerda */
.iac .pri-cartao .pri-cartao-acoes .pri-btn-comprar { width: 100%; }
@media (max-width: 767px) {
  .iac .iac-pix b { font-size: 19px; }
  .iac .iac-pix small { background: none; padding: 0; border-radius: 0; font-size: 12px; line-height: 1.3; font-weight: 700; }
  .iac .pri-cartao-acoes { padding: 0 10px 10px; }
  .iac .pri-cartao-acoes .pri-btn-comprar { min-height: 40px; font-size: 14px; }
}
@media (max-width: 991px) {
  .iac .pri-carrossel > .pri-seta, .iac .pri-carrossel .pri-seta:not(.pri-seta-foto) { display: none !important; }
  .iac .pri-info-importante { text-align: left; }
  .iac .pri-info-importante b { display: flex; align-items: center; gap: 8px; }
}
/* as setas no computador: círculo branco com sombra suave e o ícone no azul da marca */
.iac .pri-seta { width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--pri-link); box-shadow: 0 4px 14px rgba(10, 30, 60, .14); border: 1px solid rgba(10, 30, 60, .06); }
.iac .pri-seta:hover { background: var(--pri-link); color: #fff; }
/* o corpo do cartão já tem o recuo: a caixa do Comprar não soma outro, e o botão vai de borda a borda do texto */
.iac .pri-cartao .pri-cartao-acoes { padding: 0; margin-top: auto; padding-top: 10px; }
.iac .pri-cartao .pri-cartao-acoes .pri-btn-comprar { padding-left: 10px; padding-right: 10px; }
/* «Nota fiscal e garantia» no celular igual ao computador: o ícone à esquerda, título e texto alinhados à esquerda */
@media (max-width: 991px) {
  .iac .pri-info-importante > .pri-i.pri-so-pc { display: inline-block !important; }
  .iac .pri-info-importante b .pri-so-cel { display: none !important; }
  .iac .pri-info-importante b { display: block; text-align: left; justify-content: flex-start; }
  .iac .pri-info-importante, .iac .pri-info-importante div { text-align: left; }
}
.iac .iac-descricao .pri-conteudo h5 { font-size: 15px; font-weight: 700; color: var(--pri-texto); margin: 16px 0 4px; }
/* as setas das categorias fora das fotos no computador, na mesma linha das setas das vitrines; e o selo do Pix vira uma frase
   verde simples também no computador (a pílula quebrava em duas linhas e desalinhava os cartões) */
@media (min-width: 992px) {
  .iac .pri-categorias .pri-seta-ant, .iac .pri-categoria ~ .pri-seta-ant { left: -30px; }
  .iac .pri-categorias .pri-seta-prox { right: -30px; }
  .iac .pri-categorias .pri-seta { top: 38%; }
}
.iac .iac-pix small { background: none; padding: 0; border-radius: 0; font-size: 12.5px; line-height: 1.35; font-weight: 700; color: #0F6B3A; }
/* na vitrine com banner as setas ficam na borda da moldura branca, fora dos cartões */
@media (min-width: 992px) {
  .iac .pri-vitrine-banner-secao .pri-seta-prox { right: -21px; }
  .iac .pri-vitrine-banner-secao .pri-seta-ant { left: -21px; }
}
/* O CARTÃO NO CELULAR (20/10/2026, dono: «altura muito grande, largura muito pequena»; o mesmo defeito que a BELMONTE já teve):
   nas vitrines o cartão tinha 164 px fixos e o texto virava uma coluna estreita. Agora são dois cartões por tela com a ponta
   do próximo à vista, o recuo interno menor e o nome sem recuo próprio, então o cartão fica largo e baixo */
@media (max-width: 991px) {
  body.iac { --pri-vb-cel-slide: 46%; --pri-vb-cel-vao: 10px; }
  .iac .pri-cartao-corpo, .iac .pri-cartao-info { padding: 10px 10px 12px; }
  .iac .pri-cartao-nome { padding: 0; min-height: 0; font-size: 14px; line-height: 1.35; }
  .iac .pri-cartao-precos { padding-top: 8px; }
  .iac .iac-pix { margin-top: 4px; }
  .iac .iac-pix small { font-size: 11.5px; }
  .iac .pri-cartao .pri-cartao-acoes { padding-top: 10px; }
}

/* ═══ O CABEÇALHO COM CATEGORIAS (20/10/2026; referência friopecas.com.br, dono: «essa parte está bem inferior … svgs bem
   bonitos»), seção cabecalho-arcondicionados: a linha de cima com logo, busca e os atalhos (atendimento, «Entre, ou
   cadastre-se», favoritos, carrinho) e a linha do menu com «Todas as categorias» e cada item com o seu ícone ═══════════════ */
.iac .iac-ic { width: 24px; height: 24px; flex: none; display: block; }
@media (min-width: 992px) {
  .iac .iac-cab-pc .pri-container { flex-wrap: nowrap; height: auto; }
  .iac .iac-cab-topo { display: flex; align-items: center; gap: 36px; min-height: 92px; }
  .iac .iac-cab-topo .pri-logo { order: 0; padding: 12px 0; flex: none; }
  .iac .iac-cab-topo .pri-busca { order: 0; flex: 1 1 auto; max-width: 620px; }
  .iac .iac-cab-atalhos { display: flex; align-items: center; gap: 24px; margin-left: auto; flex: none; }
  .iac .iac-cab-atalho { display: flex; align-items: center; gap: 10px; color: var(--pri-link); text-decoration: none; font-size: 13.5px; line-height: 1.3; }
  .iac .iac-cab-atalho .iac-ic { width: 28px; height: 28px; }
  .iac .iac-cab-atalho span { display: flex; flex-direction: column; color: #4b5563; }
  .iac .iac-cab-atalho small { font-size: 12.5px; color: #4b5563; }
  .iac .iac-cab-atalho b { font-size: 14px; font-weight: 700; color: var(--pri-link); }
  .iac .iac-cab-conta span { display: block; }
  .iac .iac-cab-conta a { color: #4b5563; text-decoration: none; }
  .iac .iac-cab-conta a:hover, .iac a.iac-cab-atalho:hover b { color: var(--pri-destaque); }
  .iac .iac-cab-icone { color: var(--pri-link); min-width: 44px; min-height: 44px; padding: 8px; }
  .iac .iac-cab-icone .iac-ic { width: 28px; height: 28px; }
  .iac .iac-cab-icone:hover { color: var(--pri-destaque); }
  .iac .iac-cab-icone .pri-bolinha { right: -2px; bottom: auto; top: 2px; background: var(--pri-destaque); border-color: var(--pri-destaque); }

  /* a linha do menu */
  .iac .iac-cab-menu { border-top: 1px solid rgba(9, 30, 66, .08); }
  .iac .iac-cab-menu .pri-container { display: flex; align-items: stretch; gap: 8px; min-height: 52px; }
  .iac .iac-cab-menu .pri-nav { order: 0; flex: 1 1 auto; border-top: 0; display: flex; }
  .iac .iac-cab-menu .pri-nav-lista { flex: 1; justify-content: space-between; min-height: 52px; padding: 0; }
  .iac .iac-cab-menu .pri-nav-link { gap: 8px; height: 52px; padding: 0 8px; font-size: 14.5px; color: var(--pri-link); }
  .iac .iac-cab-menu .pri-nav-link .iac-ic { width: 22px; height: 22px; transition: transform .2s ease; }
  .iac .iac-cab-menu .pri-nav-link:hover .iac-ic { transform: translateY(-2px); }
  .iac .iac-cab-menu .pri-nav-link:hover span { color: var(--pri-destaque); }
  .iac .iac-cab-menu .pri-nav-item:first-child .pri-nav-link, .iac .iac-cab-menu .pri-nav-item:first-child .pri-nav-link span { color: var(--pri-destaque); }

  /* «Todas as categorias» */
  .iac .iac-todas { position: relative; display: flex; align-items: stretch; padding-right: 14px; margin-right: 6px; border-right: 1px solid rgba(9, 30, 66, .1); }
  .iac .iac-todas-botao { display: flex; align-items: center; gap: 10px; background: none; border: 0; padding: 0 6px 0 0; font: inherit; font-size: 14.5px; font-weight: 600; color: #374151; cursor: pointer; white-space: nowrap; min-height: 44px; }
  .iac .iac-todas-botao .iac-ic { width: 22px; height: 22px; color: var(--pri-link); }
  .iac .iac-todas-seta { width: 14px; height: 14px; transition: transform .2s ease; }
  .iac .iac-todas-painel { position: absolute; top: 100%; left: 0; z-index: 30; width: 320px; background: #fff; border-radius: 0 0 14px 14px; box-shadow: 0 18px 40px rgba(10, 30, 60, .16); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s ease, transform .15s ease, visibility .15s; }
  .iac .iac-todas:hover .iac-todas-painel, .iac .iac-todas.on .iac-todas-painel, .iac .iac-todas:focus-within .iac-todas-painel { opacity: 1; visibility: visible; transform: none; }
  .iac .iac-todas:hover .iac-todas-seta, .iac .iac-todas.on .iac-todas-seta { transform: rotate(180deg); }
  .iac .iac-todas-painel ul { list-style: none; margin: 0; padding: 0; }
  .iac .iac-todas-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: #1f2937; text-decoration: none; font-size: 15px; font-weight: 600; }
  .iac .iac-todas-item .iac-ic { width: 24px; height: 24px; color: var(--pri-link); }
  .iac .iac-todas-item span { flex: 1; }
  .iac .iac-todas-ir { width: 14px; height: 14px; opacity: .45; }
  .iac .iac-todas-item:hover { background: #F3F6FA; color: var(--pri-link); }
  .iac .iac-todas-sub { padding: 0 0 6px 48px !important; }
  .iac .iac-todas-sub a { display: block; padding: 4px 0; font-size: 14px; color: #4b5563; text-decoration: none; }
}

/* os favoritos */
.iac .iac-fav { position: relative; }
.iac .iac-fav-painel { position: absolute; right: -8px; top: calc(100% + 8px); z-index: 40; width: 340px; background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(10, 30, 60, .18); padding: 14px; }
.iac .iac-fav-painel[hidden] { display: none; }
.iac .iac-fav-titulo { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: var(--pri-link); }
.iac .iac-fav-lista { max-height: 380px; overflow: auto; display: grid; gap: 8px; }
.iac .iac-fav-vazio { margin: 0; font-size: 14px; color: #4b5563; line-height: 1.45; }
.iac .iac-fav-item { display: flex; align-items: center; gap: 8px; border: 1px solid var(--pri-bordas); border-radius: 10px; padding: 6px; }
.iac .iac-fav-item a { flex: 1; display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1f2937; min-width: 0; }
.iac .iac-fav-item img { width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: 8px; flex: none; }
.iac .iac-fav-item span { display: flex; flex-direction: column; min-width: 0; }
.iac .iac-fav-item b { font-size: 14px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.iac .iac-fav-item small { font-size: 14px; font-weight: 700; color: var(--pri-destaque); }
.iac .iac-fav-item button { width: 38px; height: 38px; flex: none; border: 0; background: none; font-size: 22px; line-height: 1; color: #6b7280; cursor: pointer; border-radius: 8px; }
.iac .iac-fav-item button:hover { background: #F3F4F6; color: #111827; }

/* no celular: os ícones do topo na cor da marca e o menu lateral com os ícones de cada categoria */
@media (max-width: 991px) {
  .iac .iac-cabecalho .pri-cab-cel-icones { gap: 4px; }
  .iac .iac-cabecalho .pri-cab-cel-icones .pri-cab-icone { color: var(--pri-link); }
  .iac .iac-cabecalho .pri-cab-cel-icones .iac-ic { width: 26px; height: 26px; }
  .iac .iac-menu-cel .pri-menu-cel-topo { background: var(--pri-link); }
  .iac .iac-menu-cel-conta { display: flex; align-items: center; gap: 10px; font-size: 15px; }
  .iac .iac-menu-cel-conta a { color: #fff; text-decoration: none; }
  .iac .iac-menu-cel-conta b { text-decoration: underline; text-underline-offset: 3px; }
  .iac .iac-menu-cel .pri-menu-cel-topo .iac-ic { color: #fff; }
  .iac .iac-menu-cel-rotulo { margin: 16px 24px 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
  .iac .iac-menu-cel .pri-menu-cel-lista > li > a, .iac .iac-menu-cel .pri-menu-cel-linha > a { display: flex; align-items: center; gap: 14px; font-weight: 600; color: #1f2937; }
  .iac .iac-menu-cel .pri-menu-cel-lista .iac-ic { width: 24px; height: 24px; color: var(--pri-link); }
  .iac .iac-menu-cel .pri-menu-cel-lista > li:first-child > a { background: none; color: var(--pri-destaque); }
  .iac .iac-menu-cel .pri-menu-cel-lista > li:first-child .iac-ic { color: var(--pri-destaque); }
}
/* no cabeçalho que acompanha a rolagem, os ícones novos no tamanho dos outros */
.iac .pri-cab-fixo .iac-ic { width: 26px; height: 26px; color: var(--pri-link); }
@media (min-width: 992px) {
  .iac .iac-todas { flex: none; }
  .iac .iac-cab-menu .pri-nav { min-width: 0; overflow: hidden; }
  .iac .iac-cab-menu .pri-nav-lista { flex: 1 1 auto; min-width: 0; justify-content: space-between; gap: 4px; }
  .iac .iac-cab-menu .pri-nav-item[hidden] { display: none; }
  .iac .iac-cab-menu .pri-nav-link { gap: 7px; padding: 0 6px; font-size: 14px; }
}
/* os ícones do ramo em traço fino (o desenho já vem com 1,4) */
.iac .iac-ic { stroke-width: 1.4; }
/* menu lateral do celular: o «Entre, ou cadastre-se» numa linha só e o nome de cada categoria colado ao ícone */
@media (max-width: 991px) {
  .iac .iac-menu-cel .pri-menu-cel-topo .iac-menu-cel-conta, .iac .iac-menu-cel .pri-menu-cel-topo .iac-menu-cel-conta > span { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .iac .iac-menu-cel .pri-menu-cel-topo .iac-menu-cel-conta > span { gap: 0 4px; }
  .iac .iac-menu-cel .pri-menu-cel-topo .iac-menu-cel-conta a { display: inline; padding: 0; }
  .iac .iac-menu-cel .pri-menu-cel-lista > li > a, .iac .iac-menu-cel .pri-menu-cel-linha > a { justify-content: flex-start; text-align: left; }
  .iac .iac-menu-cel .pri-menu-cel-lista > li > a span, .iac .iac-menu-cel .pri-menu-cel-linha > a span { flex: 1; }
}
@media (max-width: 991px) { .iac .iac-menu-cel .pri-menu-cel-topo .iac-menu-cel-conta > span { display: inline; } }
/* A VITRINE QUE NÃO ENCHE A LINHA (20/10/2026, dono: «as coleções mostrando só 4 ficou espaço vazio»): com menos cartões do que
   cabem, eles ficam no centro da faixa em vez de encostados à esquerda com um buraco à direita */
@media (min-width: 992px) { .iac .pri-produtos-carrossel .pri-carrossel-trilho:not(:has(> .pri-slide:nth-child(6))) { justify-content: center; } }

/* =====================================================================
   A REVISÃO DE 22/10/2026 (TurboAr, a lista do cliente: «redimensionamento e distribuição dos textos dentro das caixas,
   apresentação uniforme e responsiva» e «fonte mais grossa e destacada nos preços, padronizar o dimensionamento dos
   textos e melhorar a exibição das estrelas de avaliação»). Medido antes, em 1440: as quatro caixas de benefício tinham
   237 px dentro de uma faixa de 1.009 px e «Envio para todo o Brasil» quebrava; os nomes dos cartões com 1, 2 ou 3 linhas
   deixavam o preço de cada cartão numa altura.
   ===================================================================== */
/* os benefícios: quatro caixas iguais na largura inteira, o ícone num círculo, o título numa linha */
.iac .pri-beneficio { display: flex; align-items: center; gap: 14px; padding: 16px 18px; min-height: 84px; }
.iac .pri-beneficio > svg, .iac .pri-beneficio > .pri-icone { flex: none; width: 46px; height: 46px; padding: 11px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px var(--pri-bordas); box-sizing: border-box; }
.iac .pri-beneficio > div { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.iac .pri-beneficio b { font-size: 15px; line-height: 1.25; }
.iac .pri-beneficio p { margin: 0; font-size: 13.5px; line-height: 1.3; }
@media (min-width: 992px) {
  .iac .pri-beneficios .pri-carrossel-janela { overflow: visible; }
  .iac .pri-beneficios .pri-carrossel-trilho { display: grid !important; grid-template-columns: repeat(var(--pri-ben-pc, 4), minmax(0, 1fr)); gap: 16px; width: 100% !important; transform: none !important; }
  .iac .pri-beneficios .pri-slide { width: auto !important; flex: none !important; margin: 0 !important; }
  .iac .pri-beneficios .pri-slide.pri-clone { display: none !important; }
  .iac .pri-beneficios .pri-seta, .iac .pri-beneficios .pri-bolinhas { display: none !important; }
  .iac .pri-beneficio b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 991px) {
  .iac .pri-beneficio { gap: 8px; padding: 12px; min-height: 0; }
  .iac .pri-beneficio > svg, .iac .pri-beneficio > .pri-icone { width: 38px; height: 38px; padding: 9px; }
  .iac .pri-beneficio b { font-size: 14px; }
  .iac .pri-beneficio p { font-size: 12.5px; }
}

/* o cartão: o nome sempre no espaço de três linhas e a linha das estrelas guardada mesmo sem avaliação, então o «Por» de todo
   cartão da fileira fica na mesma altura; só o «Comprar» desce para o fim */
.iac .pri-cartao { display: flex; flex-direction: column; height: 100%; }
.iac .pri-cartao-corpo, .iac .pri-cartao-info { display: flex; flex-direction: column; flex: 1 1 auto; }
.iac .pri-cartao-nome { font-size: 14.5px; line-height: 1.35; font-weight: 700; }
.iac .pri-cartao-nome span { min-height: calc(1.35em * 3); }
.iac .pri-cartao-precos { margin-top: 0; }
.iac .pri-cartao .pri-cartao-corpo > .pri-cartao-acoes { margin-top: auto; }
.iac .pri-cartao-corpo:not(:has(.ig-nota)) > .pri-cartao-nome { margin-bottom: 23px; }
.iac .iac-de { font-size: 13px; color: #6b7280; }
.iac .iac-precos .pri-preco-linha { font-size: 13.5px; color: #374151; }
.iac .iac-precos .pri-preco { font-weight: 700; color: #111827; }
.iac .iac-precos .iac-parcelas { font-size: 12.5px; line-height: 1.35; }
.iac .iac-pix b { font-size: 23px; font-weight: 800; letter-spacing: -.02em; color: var(--pri-destaque); }
/* o preço do Pix encosta à esquerda como o «Por» e as parcelas (24/10/2026, TurboAr: «deixa ele no canto esquerdo»; o
   align-items:center da linha o deixava sozinho no meio do cartão) */
.iac .iac-pix { align-items: flex-start; }
/* as estrelas no cartão: maiores, com o número em peso e a contagem em cinza, e o espaço guardado também no cartão sem
   avaliação (a linha de preço fica na mesma altura dos vizinhos) */
.iac .pri-cartao .ig-nota { margin: 6px 0 2px; font-size: 12.5px; gap: 6px; min-height: 15px; }
.iac .pri-cartao .ig-nota .ig-st svg { width: 15px; height: 15px; margin-right: 1px; }
.iac .pri-cartao .ig-nota b { font-weight: 700; color: #111827; }
@media (max-width: 767px) {
  .iac .pri-cartao-nome { font-size: 13.5px; }
  .iac .iac-pix b { font-size: 19px; }
  .iac .pri-cartao .ig-nota .ig-st svg { width: 13px; height: 13px; }
}

/* a página do produto: o cashback que a compra rende (a régua de Loja online › Cashback) e o vídeo na galeria */
.iac .iac-cashback { display: flex; align-items: center; gap: 10px; margin: 12px 0 2px; padding: 10px 14px; border-radius: 10px; background: #E9F7FC; color: #022E58; font-size: 14px; line-height: 1.35; }
.iac .iac-cashback svg { flex: none; width: 22px; height: 22px; color: #076D83; }
.iac .iac-cashback b { font-weight: 800; }
.iac .iac-cashback small { display: block; font-size: 12.5px; color: #3F5568; }
.iac .iac-slide-video { position: relative; background: #0B1220; aspect-ratio: var(--pri-prop-foto, .75); overflow: hidden; cursor: pointer; }
.iac .iac-slide-video img.iac-video-capa, .iac .iac-slide-video video, .iac .iac-slide-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; border: 0; display: block; background: #0B1220; }
.iac .iac-slide-video video, .iac .iac-slide-video iframe { opacity: 0; transition: opacity .25s; }
.iac .iac-slide-video.iac-tocando video, .iac .iac-slide-video.iac-tocando iframe { opacity: 1; }
.iac .iac-video-play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(255,255,255,.92); display: grid; place-items: center; color: #022E58; box-shadow: 0 6px 18px rgba(0,0,0,.25); pointer-events: none; transition: opacity .2s; }
.iac .iac-video-play svg { width: 26px; height: 26px; margin-left: 4px; }
.iac .iac-slide-video.iac-tocando .iac-video-play { opacity: 0; }
/* o vídeo «só o vídeo» (ajuste produto_video_limpo, 24/10/2026): fundo branco no lugar das faixas pretas, sem o botão de play */
.iac .iac-slide-video.iac-video-limpo, .iac .iac-video-limpo img.iac-video-capa, .iac .iac-video-limpo video, .iac .iac-video-limpo iframe { background: #fff; }
.iac .iac-slide-video.iac-video-limpo { cursor: default; }
.iac .pri-produto-miniaturas .iac-mini-video { position: relative; }
.iac .pri-produto-miniaturas .iac-mini-video::after { content: ""; position: absolute; inset: 0; margin: auto; width: 26px; height: 26px; border-radius: 50%; background: rgba(2,46,88,.85) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 7l9 5-9 5z' fill='white'/></svg>") center/16px no-repeat; }

/* os Stories (22/10/2026): o título como os das vitrines e a fileira de bolinhas centrada quando cabe na linha */
.iac .iv-fila h2 { text-align: center; color: #076D83; font-size: 24px; font-weight: 700; margin-bottom: 14px; }
.iac .iv-stories { justify-content: safe center; }
.iac .iv-story span { font-size: 12.5px; color: #1F2937; }

/* O CARTÃO EM UMA LINHA POR PREÇO (25/10/2026, TurboAr), as duas escolhas do preço em degraus: «% OFF ao lado do preço
   riscado» (cartao_oferta_no_preco) e os «Textos curtos» (cartao_precos_textos). A linha não quebra; no cartão estreito a
   letra encolhe pela largura do bloco de preços (container query), até 9,5 px, e volta ao tamanho de sempre onde cabe. */
.iac .pri-cartao .iac-precos { container-type: inline-size; }
.iac .iac-de-cartao { display: flex; align-items: center; gap: 5px; white-space: nowrap; min-width: 0; }
.iac .iac-de-cartao .iac-de { font-size: clamp(9.5px, 8.4cqi, 13px); }
.iac .iac-de-cartao .iac-off { flex: none; font-size: clamp(9.5px, 7.7cqi, 12px); padding: 3px 4px; }
.iac .iac-precos .iac-uma-linha { white-space: nowrap; }
.iac .iac-precos .iac-parcelas.iac-uma-linha { font-size: clamp(10px, 9cqi, 12.5px); }
.iac .iac-pix small.iac-uma-linha { font-size: clamp(10px, 10.4cqi, 12.5px); }
@media (max-width: 991px) { .iac .iac-pix small.iac-uma-linha { font-size: clamp(10px, 10.4cqi, 11.5px); } }