/* Corredor (categoria), loja e busca. Prévia aprovada: artes/2026-09-29-categoria/categoria.css (29/09/2026).
   Cabeçalho, rodapé, cartão de produto e selos estão em loja.css; trilha e avaliações vêm iguais aos da PDP. */

.cat{max-width:var(--largura-loja);margin-inline:auto;padding:20px clamp(16px,3vw,32px) 64px}
.trilha{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:.875rem;color:var(--apoio);margin-bottom:12px}
.trilha a{color:var(--apoio);display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center}
.trilha span[aria-hidden]{padding:0 2px}
.trilha [aria-current]{color:var(--tinta);font-weight:500}
.cat-cab{display:grid;gap:10px;margin-bottom:18px;max-width:78ch}
.cat-cab h1{font-size:2rem;font-weight:900;letter-spacing:-.01em;line-height:1.1}
.cat-cab p{font-size:1.0625rem;line-height:1.6;color:var(--tinta)}

/* Subcorredor (link, vai para outra página) diferente de filtro (botão de alternar, muda esta página) */
.linha-chips{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-bottom:14px}
.linha-chips:empty{display:none}
.grupo-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rot-chips{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio);margin-right:2px}
.grupo-chips a.subcorr{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;font-size:.9375rem;font-weight:700;color:var(--terra-dk);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.grupo-chips a.subcorr em{font-style:normal;font-weight:500;color:var(--apoio);text-decoration:none}
.grupo-chips a.subcorr span{font-size:1.25rem;line-height:1;text-decoration:none}
.grupo-chips a.subcorr[aria-current]{color:var(--tinta);text-decoration:none}
.grupo-chips button.filtro{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--borda);font:inherit;font-size:.9375rem;font-weight:700;color:var(--tinta);cursor:pointer;white-space:nowrap}
.grupo-chips button.filtro em{font-style:normal;font-weight:500;color:var(--apoio)}
.grupo-chips button.filtro[aria-pressed=true]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.grupo-chips button.filtro[aria-pressed=true] em{color:#e9dccd}
.grupo-chips button.filtro svg{width:16px;height:16px}
@media (hover:hover){.grupo-chips button.filtro:hover{border-color:var(--tinta)}.trilha a:hover{color:var(--terra-dk)}}

/* Barra de ordem: a contagem aparece uma vez só, aqui */
.barra-ord{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0 16px;border-top:1px solid var(--linha)}
.barra-ord .contagem{font-size:.9375rem;color:var(--apoio)}
.barra-ord .contagem b{color:var(--tinta)}
.barra-ord .dir{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.barra-ord label{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:600}
.barra-ord select{font:inherit;font-size:.9375rem;min-height:44px;padding:8px 36px 8px 12px;border:1px solid var(--borda);border-radius:var(--raio-in);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1d17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;appearance:none;-webkit-appearance:none;color:var(--tinta)}
.barra-ord .check{min-height:44px}
.barra-ord .check input{width:20px;height:20px;accent-color:var(--terra-dk)}
.btn-filtrar{display:none}

/* Grade: 4 colunas (3 no tablet, 2 no celular), botões alinhados na mesma linha */
.grade-cat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grade-cat .card-p{display:flex;flex-direction:column}
.grade-cat .card-p .btn-sec{margin-top:auto}
.grade-cat .card-p .pr{margin-bottom:8px}
#an-produtos[aria-busy=true] .grade-cat{opacity:.45;transition:opacity .15s}

/* Páginas: "Ver mais produtos" e os links para quem navega sem JavaScript */
.paginas{display:grid;justify-items:center;gap:14px;margin-top:24px}
.paginas .mais-prod-bt{min-width:240px}
.paginas ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.paginas li a,.paginas li span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--raio-in);font-weight:700;color:var(--tinta);text-decoration:none}
.paginas li span[aria-current]{background:var(--tinta);color:#fff}
.js .paginas ul{display:none}
.vazio-bloco{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:40px 20px;text-align:center;display:grid;justify-items:center;gap:6px}
.vazio-bloco b{font-size:1.125rem}
.vazio-bloco p{color:var(--apoio);margin-bottom:8px}
.vazio-bloco .btn-sec{display:inline-flex}
.vazio-bts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* Avaliações do Google: o mesmo bloco da PDP */
.avaliacoes{margin-top:48px;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:24px}
.rev-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.rev-cab h2{font-size:1.5rem;font-weight:900}
.rev-cab .nota{display:flex;align-items:center;gap:12px}
.rev-cab .nota b{font-size:2rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--tinta)}
.rev-cab .nota small{display:block;font-size:.875rem;color:var(--apoio)}
.rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rev-card{border:1px solid var(--linha);border-radius:var(--raio-in);padding:16px;display:grid;gap:8px;align-content:start}
.rev-card .quem b{display:block;font-size:.9375rem}
.rev-card .quem small{display:block;font-size:.8125rem;color:var(--apoio)}
.rev-card .txt-rev{font-size:1.0625rem;line-height:1.5}
.rev-card .txt-rev.corta{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rev-card a{font-size:.875rem;font-weight:700;color:var(--terra-dk);justify-self:start;display:inline-flex;align-items:center;min-height:44px;margin-block:-8px}
.rev-cta{background:var(--papel);border-style:dashed;align-content:center}
.rev-cta .btn-sec{min-height:44px;justify-self:start;color:var(--tinta);margin-block:0}
.rev-rod{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.rev-rod .btn-sec{min-height:44px}

/* Texto do corredor (SEO), visível, com as perguntas ao lado */
.cat-texto{margin-top:48px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.cat-texto.so-texto{grid-template-columns:minmax(0,1fr)}
.cat-texto .corpo{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:26px 28px}
.cat-texto h2{font-size:1.375rem;font-weight:900;margin-bottom:12px}
.cat-texto .corpo p{font-size:1rem;line-height:1.7;max-width:70ch}
.cat-texto .corpo p+p{margin-top:12px}
.faq{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:22px 24px}
.faq h2{font-size:1.1875rem;font-weight:700;margin-bottom:6px}
.faq details{border-top:1px solid var(--linha)}
.faq details:first-of-type{border-top:0}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 0;font-weight:700;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);flex:none;margin-top:-4px}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faq details p{padding:0 0 14px;font-size:.9375rem;line-height:1.6}

/* Outros corredores (ligação interna) */
.outros{margin-top:40px}
.outros h2{font-size:1.25rem;font-weight:900;margin-bottom:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.outros .chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--borda);font-size:.9375rem;font-weight:700;color:var(--tinta);text-decoration:none;white-space:nowrap}
@media (hover:hover){.outros .chips a:hover{border-color:var(--terra-dk);color:var(--terra-dk)}}

/* Folha "Ordenar e filtrar" (celular): abre por baixo */
.folha{border:0;padding:0;margin:auto auto 0;width:100%;max-width:520px;background:#fff;border-radius:var(--raio) var(--raio) 0 0;box-shadow:0 -8px 24px rgba(42,29,23,.18);color:var(--tinta)}
.folha::backdrop{background:rgba(42,29,23,.45)}
.folha form{padding:18px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:14px}
.folha h2{font-size:1.1875rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.folha h2 button{border:0;background:none;width:44px;height:44px;display:grid;place-items:center;color:var(--tinta);cursor:pointer;border-radius:var(--raio-in)}
.folha fieldset{border:0;display:grid;gap:4px}
.folha legend{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio);margin-bottom:6px}
.folha .op{display:flex;align-items:center;gap:10px;min-height:44px;font-size:1rem}
.folha .op input{width:20px;height:20px;accent-color:var(--terra-dk)}
.folha .acoes-f{display:grid;grid-template-columns:auto 1fr;gap:10px}
.folha .acoes-f .btn{min-height:52px}

@media (max-width:1000px){.grade-cat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .cat-texto,.rev-grid{grid-template-columns:minmax(0,1fr)}
  .grade-cat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat-cab h1{font-size:1.625rem}
  .linha-chips{gap:8px 20px}
  .chips.rolar,.grupo-chips.rolar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,3vw,32px));padding-inline:clamp(16px,3vw,32px)}
  .rolar::-webkit-scrollbar{display:none}
  .js .barra-ord .dir label,.js .barra-ord .dir .check{display:none}
  .js .btn-filtrar{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--borda);border-radius:999px;background:#fff;font:inherit;font-size:.9375rem;font-weight:700;color:var(--tinta);cursor:pointer}
  .cat-texto .corpo{padding:22px 20px}
}

/* Topo do corredor com o ícone no círculo da cor de assunto (casario) */
.cat-cab.com-ic{display:flex;gap:18px;align-items:flex-start;max-width:none}
.cat-cab.com-ic>div{display:grid;gap:10px;max-width:78ch}
.bola-cat{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:var(--c-clara,#fdf1ea);color:var(--c-escuro,var(--terra-dk));margin-top:2px}
.bola-cat .ic-cat{width:44px;height:44px}

/* Lateral retrátil de corredores (computador, acima de 1100 px) */
.com-lateral{max-width:var(--largura-loja);margin-inline:auto;display:grid;grid-template-columns:232px minmax(0,1fr);gap:24px;padding:20px clamp(16px,3vw,32px) 64px;align-items:start}
.com-lateral.fechada{grid-template-columns:64px minmax(0,1fr)}
.com-lateral>.cat{max-width:none;margin:0;padding:0;min-width:0}
.lateral{position:sticky;top:148px;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:10px 8px 12px;max-height:calc(100vh - 168px);overflow:auto;scrollbar-width:thin}
.lat-cab{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px 8px 10px;border-bottom:1px solid var(--linha);margin-bottom:6px}
.lat-cab h2{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apoio)}
.lat-bt{display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:44px;padding:0 8px;border:0;border-radius:var(--raio-in);background:none;font:inherit;font-size:.8125rem;font-weight:700;color:var(--apoio);cursor:pointer}
.lat-bt .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lat-bt:hover{background:var(--papel);color:var(--terra-dk)}
.lat-bt:focus-visible,.lat-l a:focus-visible{outline:2px solid var(--terra-dk);outline-offset:1px}
.lat-l,.lat-sub{list-style:none}
.lat-l>li>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:var(--raio-in);color:var(--tinta);text-decoration:none;font-size:.9375rem;font-weight:500}
.lat-l a:hover{background:var(--papel);color:var(--terra-dk)}
.lat-l .ic-lat{width:24px;height:24px;color:var(--terra-dk)}
.lat-l .nm{flex:1;min-width:0;line-height:1.25}
.lat-l .qt{font-size:.75rem;color:var(--apoio);font-variant-numeric:tabular-nums}
.lat-l a[aria-current="page"],.lat-l a.no-caminho{background:#fdf1ea;color:var(--terra-dk);font-weight:700}
.lat-sub{margin:2px 0 6px 44px;border-left:2px solid var(--linha)}
.lat-sub a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 10px 0 12px;color:var(--tinta);text-decoration:none;font-size:.875rem}
.lateral.recolhida{padding:8px 6px}
.lateral.recolhida .lat-cab{justify-content:center;padding:4px 0 8px}
.lateral.recolhida .lat-cab h2,.lateral.recolhida .nm,.lateral.recolhida .lat-rot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lateral.recolhida .lat-bt svg{transform:scaleX(-1)}
.lateral.recolhida .lat-l>li>a{justify-content:center;padding:0;min-height:44px}
.lateral.recolhida .qt,.lateral.recolhida .lat-sub{display:none}
.com-lateral .grade-cat{grid-template-columns:repeat(4,minmax(0,1fr))}
.com-lateral.fechada .grade-cat{grid-template-columns:repeat(5,minmax(0,1fr))}
.com-lateral:has(.lateral) .b-longo{display:none}
.com-lateral:has(.lateral) .b-curto{display:inline}
/* "Outros corredores" fica redundante com a lateral: só aparece onde a lateral não aparece */
@media (min-width:1101px){.outros.so-cel-lat{display:none}.com-lateral:has(.lateral) .chips-lat{display:none}} /* com a lateral na tela, as pílulas de corredor repetiriam a lateral (revisão de 30/09, item 16) */
@media (max-width:1100px){.com-lateral{grid-template-columns:minmax(0,1fr);padding:0;display:block}.lateral{display:none}.com-lateral>.cat{max-width:var(--largura-loja);margin-inline:auto;padding:20px clamp(16px,3vw,32px) 64px}.com-lateral .grade-cat{grid-template-columns:repeat(3,minmax(0,1fr))}.com-lateral:has(.lateral) .b-longo{display:inline}.com-lateral:has(.lateral) .b-curto{display:none}}
@media (max-width:900px){.com-lateral .grade-cat{grid-template-columns:repeat(2,minmax(0,1fr))}.com-lateral:has(.lateral) .b-longo{display:none}.com-lateral:has(.lateral) .b-curto{display:inline}.bola-cat{width:52px;height:52px}.bola-cat .ic-cat{width:36px;height:36px}}

.hub-loc{margin-top:14px;font-size:.9375rem}
.hub-loc a{color:var(--terra-dk);font-weight:700}