/* Fourth approved Breaking Budz banner, limited to the main header only.
   Navigation functionality / structure and the scrolling ticker are preserved. */
.brand-nav{
  box-sizing:border-box;
  display:grid;grid-template-columns:62px minmax(0,1fr) 62px;
  align-items:center;gap:10px;
  min-height:132px;padding:8px clamp(20px,4vw,64px);
  position:relative;isolation:isolate;overflow:hidden;
  background:#0a0511;
  border-bottom:1px solid #bb63ff70;
}
/* Broad blurred continuation fills ultrawide screen edges, no letter stretching. */
.brand-nav::before{
  content:"";position:absolute;inset:-16px;z-index:-2;pointer-events:none;
  background-image:linear-gradient(90deg,#0b0318b8 0%,#0a061242 24%,#0a061242 76%,#0b0318b8 100%),url("assets/breaking-budz-banner-four-back.webp");
  background-size:cover;background-position:center;filter:blur(8px) brightness(.58);
}
.brand-nav::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#0b041bd9 0%,transparent 24%,transparent 76%,#0b041bd9 100%);
}
.brand-nav-home{
  display:flex;align-items:center;justify-content:center;justify-self:center;
  min-width:0;min-height:0;max-width:min(100%,465px);width:100%;
  position:relative;z-index:1;padding:0;overflow:visible;
}
.brand-nav-banner{
  display:block;width:100%;height:auto;max-height:116px;object-fit:contain;
  filter:drop-shadow(0 3px 9px #000a);
  -webkit-mask-image:linear-gradient(to right,transparent,black 11%,black 89%,transparent);
  mask-image:linear-gradient(to right,transparent,black 11%,black 89%,transparent);
}
.brand-nav .site-menu-toggle,.brand-nav .cart-trigger{
  position:relative;z-index:2;top:auto;right:auto;margin:0;
  justify-self:center;align-self:center;width:48px;height:48px;
  min-width:48px;min-height:48px;
  background:#10091bdc;border:1px solid #ab60d18a;
  border-radius:13px;box-shadow:0 0 11px #0009;
  color:#f9ebff;transition:background-color .18s,border-color .18s;
}
.brand-nav .site-menu-toggle:hover,.brand-nav .cart-trigger:hover{
  background:#29113b;border-color:#acfa64;transform:none;
}
.brand-nav .site-menu-toggle svg,.brand-nav .cart-trigger svg{width:25px;height:25px;}
.site-quick-nav{top:100%;}
@media(max-width:819px){
  .brand-nav{min-height:103px;padding:5px 9px;grid-template-columns:46px minmax(0,1fr) 46px;gap:5px;}
  .brand-nav-home{max-width:100%;min-height:0;}
  .brand-nav-banner{max-height:94px;width:100%;height:auto;object-fit:contain;}
  .brand-nav .site-menu-toggle,.brand-nav .cart-trigger{width:43px;height:43px;min-width:43px;min-height:43px;border-radius:12px;}
  .brand-nav .site-menu-toggle svg,.brand-nav .cart-trigger svg{width:23px;height:23px;}
}
@media(max-width:350px){
  .brand-nav{min-height:89px;grid-template-columns:42px minmax(0,1fr) 42px;padding:4px 5px;gap:2px;}
  .brand-nav-banner{max-height:82px;}
  .brand-nav .site-menu-toggle,.brand-nav .cart-trigger{width:40px;height:40px;min-width:40px;min-height:40px;}
}
@media(prefers-reduced-motion:reduce){.brand-nav *{transition:none!important}}
