/* Cabeçalho de loja compartilhado (produto, grupos, privacidade, 404).
   Mesmas cores da barra da home (template.html); só layout. Classes com prefixo sb- para não colidir. */
.storebar{--sb-bar:#24470a;--sb-bar2:#2f5d0e;--sb-cta:#b64a0a;--sb-foco:#ffd28a;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--sb-bar),var(--sb-bar2));box-shadow:0 2px 10px rgba(0,0,0,.18);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:left}
.sb-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px}
.sb-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto}
.sb-tile{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#9fca27,#6ca80b)}
.sb-tile svg{width:29px;height:29px;display:block}
.sb-brand{display:none;font-family:'Baloo 2',cursive;font-weight:800;font-size:22px;line-height:1}
.sb-brand .w1{color:#fff}
.sb-brand .w2{color:#ffd28a;margin-left:5px}
.sb-busca{position:relative;flex:1;min-width:0;margin:0}
.sb-busca input{width:100%;border:0;border-radius:10px;padding:11px 50px 11px 14px;font-size:16px;font-family:inherit;color:#181a1b;background:#fff;outline:none}
.sb-busca input:focus{box-shadow:0 0 0 3px var(--sb-foco)}
.sb-busca button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:38px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--sb-cta);color:#fff;cursor:pointer}
.sb-busca button svg{width:19px;height:19px}
.sb-busca button:focus-visible,.sb-cats a:focus-visible,.sb-logo:focus-visible,.sb-grp:focus-visible{outline:3px solid var(--sb-foco);outline-offset:2px}
.sb-grp{display:none;color:#fff;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;padding:9px 12px;border:1px solid rgba(255,255,255,.35);border-radius:10px}
.sb-grp:hover{background:rgba(255,255,255,.12)}
.sb-cats{display:flex;gap:4px;overflow-x:auto;max-width:1240px;margin:0 auto;padding:0 10px 8px;scrollbar-width:none}
.sb-cats::-webkit-scrollbar{display:none}
.sb-cats a{flex:0 0 auto;min-height:40px;display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:600;font-size:13px;padding:8px 12px;border-radius:999px;white-space:nowrap}
.sb-cats a:hover{background:rgba(255,255,255,.12)}
.sb-cats a[aria-current="page"]{background:#fff;color:var(--sb-bar)}
.sb-trilha{max-width:1240px;margin:0 auto;padding:10px 14px 0;font-size:12.5px;color:#657067}
.sb-trilha a{color:#657067;text-decoration:none}
.sb-trilha a:hover{text-decoration:underline}
.sb-trilha span[aria-current]{color:#181a1b;font-weight:600}
@media(min-width:768px){
  .sb-in{padding:10px 24px;gap:18px}
  .sb-tile{width:46px;height:46px}
  .sb-tile svg{width:35px;height:35px}
  .sb-brand{display:block}
  .sb-grp{display:inline-flex}
  .sb-cats{justify-content:center;padding:0 24px 8px}
  .sb-trilha{padding:14px 24px 0}
}