/* ---------------------------------------------------------------------------
   Africanshopsnearme — brand lock-up + 3-item header nav.
   assets/style.css is frozen (22,229 B, visual identity v5). These are the
   only rules the logo and the shortened nav need: they sit on top of v5
   without changing its palette, patterns or tokens.
   No animation, no box-shadow, no new colours.
   --------------------------------------------------------------------------- */

/* logo panel sits to the LEFT of the wordmark, on the painted band */
.brand{flex-direction:row;align-items:center;gap:13px}
.brand::before{display:none}          /* the little flag bar is now the mark */
.brand .logo{display:block;flex:none;line-height:0}
.brand .logo svg{display:block;width:54px;height:54px}
.brand .lock{display:flex;flex-direction:column;justify-content:center;min-width:0}

/* three nav items must stay on one row on a phone: no hamburger, no scroll */
@media(max-width:640px){
  .nav a{flex:1 1 auto;white-space:nowrap;font-size:12.5px;padding:12px 8px}
  .nav a + a{border-left:1px solid #6B6152}
}

@media(max-width:880px){
  .brand .logo svg{width:46px;height:46px}
}

@media(max-width:460px){
  .brand{gap:10px}
  .brand .word{font-size:20px;letter-spacing:-.5px}
  .brand .tag{font-size:10.5px}
  .brand .logo svg{width:40px;height:40px}
  .nav a{font-size:12px;padding:11px 6px}
}