/* Componente: header (logo, busca, atendimento, carrinho) */
.cab{background:#fff;border-bottom:1px solid var(--linha);position:relative;z-index:30}
.cab__in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-block:12px}
.cab__logo img{width:96px;height:96px;filter:drop-shadow(0 6px 10px rgba(6,45,110,.25));transition:transform .2s}
.cab__logo:hover img{transform:rotate(-4deg) scale(1.03)}

.cab__busca{display:flex;align-items:stretch;border:2px solid var(--azul);border-radius:999px;overflow:hidden;background:#fff;max-width:620px;width:100%;justify-self:center}
.cab__busca input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15px;padding:13px 20px;color:var(--texto);background:transparent}
.cab__busca button{border:0;background:var(--azul);color:#fff;padding:0 22px;cursor:pointer}
.cab__busca button:hover{background:var(--azul-escuro)}
.cab__busca:focus-within{box-shadow:0 0 0 4px var(--azul-claro)}

.cab__acoes{display:flex;align-items:center;gap:22px}
.cab__acao{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto);background:none;border:0;padding:0;cursor:pointer;text-align:left}
.cab__ico{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--azul-claro);color:var(--azul);flex:none}
.cab__acao--zap .cab__ico{background:#e6f7ee;color:#1fae5b}
.cab__carrinho .cab__ico{background:var(--vermelho);color:#fff}
.cab__qtd{position:absolute;top:-4px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--amarelo);color:var(--azul-noite);font-size:12px;font-weight:900;display:grid;place-items:center;padding:0 5px;border:2px solid #fff;font-variant-numeric:tabular-nums}
.cab__txt{display:flex;flex-direction:column;line-height:1.2}
.cab__txt small{font-size:12px;color:var(--texto-2)}
.cab__txt b{font-family:var(--fonte-titulo);font-weight:800;font-size:14.5px;color:var(--azul-noite);font-variant-numeric:tabular-nums;white-space:nowrap}

@media (max-width:1100px){.cab__acao:not(.cab__carrinho) .cab__txt{display:none}.cab__acoes{gap:12px}}
@media (max-width:760px){
  .cab__in{grid-template-columns:auto 1fr;gap:12px 14px;padding-block:10px}
  .cab__logo img{width:68px;height:68px}
  .cab__acoes{justify-self:end}
  .cab__acao--zap{display:none}
  .cab__carrinho .cab__txt{display:none}
  .cab__busca{grid-column:1/-1;max-width:none;order:3}
}