/* ==========================================================================
   header.css · Topo fixo, menu e sacola
   ========================================================================== */
/* cabeçalho */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;transition:background .3s,box-shadow .3s}
.hd.solid{background:rgba(244,228,212,.92);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);box-shadow:0 1px 0 var(--line)}
.hd .wrap{display:flex;align-items:center;gap:26px;height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand svg{width:40px;height:42px}
.brand b{display:block;font:750 23px/1 var(--disp);letter-spacing:-.04em;font-variation-settings:"opsz" 48}
.brand small{display:block;margin-top:4px;font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{position:relative;padding:9px 12px;border-radius:999px;font:500 14.5px/1 var(--disp);text-decoration:none;color:var(--ink2);transition:background .2s,color .2s}
.nav a:hover{background:rgba(29,29,27,.06);color:var(--ink)}
.nav a.cur{color:var(--ink);background:rgba(29,29,27,.07)}
.hd-a{display:flex;align-items:center;gap:10px}
.bagb{position:relative;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font:600 14px/1 var(--disp)}
.bagb svg{width:19px;height:19px}
.bagb .n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--crema);color:var(--ink);font:600 12px/1 var(--mono)}
.bagb.bump{animation:bump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes bump{40%{transform:scale(1.1)}}
.mb{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:transparent;cursor:pointer;place-items:center;padding:0}
.mb svg{width:20px;height:20px}
@media (max-width:1120px){.nav{display:none}.hd-a{margin-left:auto}.mb{display:grid}}
@media (max-width:520px){.hd .wrap{height:68px;gap:12px}.brand svg{width:34px;height:36px}.brand b{font-size:20px}.brand small{font-size:8px;letter-spacing:.12em}.bagb{padding:0 12px;height:44px}.bagb .t{display:none}.mb{width:44px;height:44px}}
@media (max-width:360px){.brand small{display:none}}