/* =====================================================================
   TEMA CONVERSÃO (v2) · COLEÇÃO / BUSCA / TODOS OS PRODUTOS e POLÍTICAS
   (usa também home.css e produto.css)
   ===================================================================== */
.col-topo{padding:20px 0 0;background:var(--branco)}
.col-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:16px}
.col-cab h1{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;color:var(--text)}
.col-cab p{margin:6px 0 0;font-size:15px;color:var(--cinza-600)}
.col-subs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:16px}
.col-subs::-webkit-scrollbar{display:none}
.col-subs button{flex:none;min-height:40px;padding:0 16px;border:1px solid var(--cinza-200);border-radius:999px;background:var(--branco);font:inherit;font-size:14px;font-weight:500;color:var(--cinza-800);cursor:pointer}
.col-subs button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#FFFFFF}

.col-barra{position:sticky;top:var(--altura-header,73px);z-index:30;background:var(--branco);border-top:1px solid var(--cinza-100);border-bottom:1px solid var(--cinza-100)}
.col-barra .container{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}
.col-qtd{font-size:14px;color:var(--cinza-600)}
.col-qtd b{color:var(--cinza-900)}
.col-ferramentas{display:flex;align-items:center;gap:8px}
.btn-filtrar{display:none;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--cinza-200);border-radius:10px;background:var(--branco);font:inherit;font-size:14px;font-weight:600;color:var(--cinza-900);cursor:pointer}
.btn-filtrar .n[hidden]{display:none}
.btn-filtrar .n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--btnPrimary);color:var(--btnPrimaryText);font-size:11.5px;display:inline-flex;align-items:center;justify-content:center}
.ordenar{position:relative;display:flex;align-items:center}
.ordenar label{margin-right:8px;font-size:14px;color:var(--cinza-600)}
.ordenar select{appearance:none;-webkit-appearance:none;min-height:42px;padding:0 38px 0 14px;border:1px solid var(--cinza-200);border-radius:10px;background:var(--branco);font:inherit;font-size:16px;font-weight:600;color:var(--cinza-900);cursor:pointer}
.ordenar svg{position:absolute;right:12px;pointer-events:none;color:var(--cinza-600)}

.col-corpo{padding:24px 0 56px;background:var(--branco)}
.col-grade{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}

/* Filtros */
.filtros{position:sticky;top:calc(var(--altura-header,73px) + 82px);display:flex;flex-direction:column}
.filtros-topo{display:none}
.filtro-grupo{padding:16px 0;border-bottom:1px solid var(--cinza-100)}
.filtro-grupo:first-of-type{padding-top:0}
.filtro-grupo h3{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--cinza-900)}
.filtro-op{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14.5px;color:var(--cinza-800);cursor:pointer}
.filtro-op input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1.5px solid var(--cinza-400);border-radius:5px;background:var(--branco);display:grid;place-content:center;cursor:pointer}
.filtro-op input[type="radio"]{border-radius:50%}
.filtro-op input:checked{border-color:var(--primary);background:var(--primary)}
.filtro-op input:checked::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.filtro-op input[type="radio"]:checked::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.filtro-op .cont{margin-left:auto;font-size:12.5px;color:var(--cinza-400)}
.filtro-op .estrelas-mini{margin-right:2px}
.filtros-rodape{display:none}
.limpar{align-self:flex-start;margin-top:14px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.ativos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ativos:empty{display:none}
.filtro-ativo{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 14px;border-radius:999px;background:var(--primary-suave);border:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--primary);cursor:pointer}
.filtro-ativo svg{width:14px;height:14px}

.grade-produtos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grade-produtos .produto{flex:none;min-width:0;box-shadow:none;border:1px solid var(--cinza-200)}
.grade-produtos .produto:hover{box-shadow:var(--sombra-hover)}
.col-vazio{grid-column:1/-1;padding:48px 16px;text-align:center;color:var(--cinza-600)}
.col-vazio b{display:block;margin-bottom:6px;font-size:18px;color:var(--cinza-900)}
.col-vazio button{margin-top:14px}
.col-mais{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px;font-size:14px;color:var(--cinza-600)}
.col-progresso{width:220px;height:4px;border-radius:4px;background:var(--cinza-100);overflow:hidden}
.col-progresso i{display:block;height:100%;background:var(--primary)}
.btn-mais{min-height:48px;padding:0 28px;border:1.5px solid var(--cinza-900);border-radius:10px;background:var(--branco);font:inherit;font-size:15px;font-weight:700;color:var(--cinza-900);cursor:pointer}
.btn-mais[hidden]{display:none}

.filtros-fundo{position:fixed;inset:0;z-index:150;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .3s}

@media (max-width:1100px){
  .col-grade{grid-template-columns:minmax(0,1fr)}
  .btn-filtrar{display:inline-flex}
  .ordenar label{display:none}
  .filtros{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:160;max-height:86vh;background:var(--branco);border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .35s cubic-bezier(.4,0,.2,1);visibility:hidden}
  body.filtro-aberto .filtros{transform:none;visibility:visible}
  body.filtro-aberto .filtros-fundo{opacity:1;pointer-events:auto}
  body.filtro-aberto{overflow:hidden}
  .filtros-topo{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 20px;border-bottom:1px solid var(--cinza-100)}
  .filtros-topo b{font-size:18px}
  .filtros-lista{overflow-y:auto;padding:4px 20px 8px}
  .filtro-grupo:first-of-type{padding-top:16px}
  .limpar{display:none}
  .filtros-rodape{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--cinza-100)}
  .filtros-rodape .btn{border-radius:10px}
  .filtros-rodape .btn-limpar{min-height:48px;padding:0 18px;border:1.5px solid var(--cinza-200);border-radius:10px;background:var(--branco);font:inherit;font-weight:600;color:var(--cinza-800);cursor:pointer}
  .grade-produtos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .col-topo{padding-top:12px}
  .col-cab{margin-bottom:12px}
  .col-cab p{font-size:14px}
  .col-subs{margin:0 -16px;padding:0 16px 14px}
  .col-barra .container{min-height:56px}
  .col-qtd{display:none}
  .col-ferramentas{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .btn-filtrar{justify-content:center}
  .ordenar select{width:100%;font-size:16px;font-weight:600}
  .ordenar select option{font-weight:400}
  .col-corpo{padding:16px 0 40px}
  .grade-produtos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* ===== Políticas ===== */
.pol-capa{padding:28px 0 32px;background:var(--primary-suave)}
.pol-capa h1{margin:0 0 8px;font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.02em;color:var(--text)}
.pol-capa p{margin:0 0 14px;max-width:640px;font-size:16px;line-height:1.6;color:var(--cinza-600)}
.pol-data{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--branco);font-size:13px;font-weight:600;color:var(--cinza-600)}
.pol-corpo{padding:40px 0 64px;background:var(--branco)}
.pol-grade{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.pol-lateral{position:sticky;top:96px;display:flex;flex-direction:column;gap:28px}
.pol-menu{display:flex;flex-direction:column;gap:2px}
.pol-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--cinza-800)}
.pol-menu a:hover{background:var(--cinza-50)}
.pol-menu a[aria-current="page"]{background:var(--primary-suave);color:var(--primary);font-weight:700}
.pol-indice b{display:block;margin:0 0 8px 14px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-400)}
.pol-indice a{display:block;padding:6px 14px;border-left:2px solid var(--cinza-100);font-size:13.5px;color:var(--cinza-600)}
.pol-indice a.ativo{border-color:var(--primary);color:var(--primary);font-weight:600}
.pol-texto{max-width:760px;font-size:16px;line-height:1.75;color:var(--cinza-800)}
.pol-texto > p:first-child{font-size:17.5px;color:var(--cinza-900)}
.pol-texto h2{margin:36px 0 10px;font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--text);scroll-margin-top:110px}
.pol-texto p{margin:0 0 14px}
.pol-texto ul{margin:0 0 16px;padding-left:22px}
.pol-texto li{margin-bottom:8px}
.pol-texto a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){
  .pol-grade{grid-template-columns:minmax(0,1fr);gap:24px}
  .pol-lateral{display:none}
}
@media (max-width:760px){
  .pol-capa{padding:16px 0 22px}
  .pol-capa p{font-size:15px}
  .pol-corpo{padding:20px 0 44px}
  .pol-texto{font-size:15.5px}
  .pol-texto > p:first-child{font-size:16.5px}
  .pol-texto h2{font-size:19px;margin-top:30px}
  }

/* ===== Ajustes da versão instalada ===== */
.col-subs a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--cinza-200);border-radius:999px;background:var(--branco);font-size:14px;font-weight:500;color:var(--cinza-800);white-space:nowrap}
.col-subs a:hover{border-color:var(--primary)}
.col-subs a[aria-current="page"]{background:var(--primary);border-color:var(--primary);color:#FFFFFF}
.col-vazio .btn{margin-top:16px}
.col-mais[hidden]{display:none}
.pol-indice:empty{display:none}
.pol-texto h3{margin:28px 0 8px;font-size:18px;font-weight:700;color:var(--cinza-900);scroll-margin-top:110px}
.col-grade.sem-filtros{grid-template-columns:minmax(0,1fr)}
.col-grade.sem-filtros .grade-produtos{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.col-grade.sem-filtros .grade-produtos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.col-grade.sem-filtros .grade-produtos{grid-template-columns:repeat(2,minmax(0,1fr))}.col-ferramentas:has(.btn-filtrar[hidden]){grid-template-columns:1fr}}
.filtros[hidden],.btn-filtrar[hidden]{display:none!important}
