/* BREAKING BUDZ — full-width fourth banner and vivid orange nav icons. */
:root{--bb-header-height:136px;}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
/* Use approved banner as the header artwork, with a wide responsive composition on desktop. */
.brand-nav{
  display:grid; grid-template-columns:60px minmax(0,1fr) 60px;
  gap:8px; align-items:center; position:relative; isolation:isolate;
  box-sizing:border-box; height:var(--bb-header-height); min-height:0;
  width:100%; padding:8px clamp(13px,2.2vw,36px);
  background:#09040f url('assets/breaking-budz-header-wide.webp') center center/cover no-repeat;
  border-bottom:2px solid #ff9b24a9;
  box-shadow:inset 0 -3px 14px #09030b66;
}
.brand-nav::before,.brand-nav::after{display:none!important;content:none!important;}
.brand-nav-home{
  display:flex;position:relative;min-width:0;max-width:100%;width:100%;height:100%;
  min-height:0;z-index:1;align-items:center;justify-content:center;justify-self:stretch;
  padding:0;margin:0;overflow:visible;
}
.brand-nav-banner{display:none!important;}
.brand-nav .site-menu-toggle,.brand-nav .cart-trigger{
  position:relative; z-index:4; top:auto;right:auto; margin:0;
  width:53px;height:53px; min-width:53px;min-height:53px;
  display:grid;place-items:center;justify-self:center;align-self:center;
  color:#1b0a11; background:linear-gradient(150deg,#ffe262 0%,#ff9826 32%,#ff6810 100%);
  border:2px solid #ffd066; border-radius:15px;
  box-shadow:0 0 0 1px #33100c, 0 0 18px #ff690ac4,0 0 27px #ff8d1473, inset 0 1px 4px #fff7;
  transition:background-color .15s ease, box-shadow .15s ease,transform .15s ease;
}
.brand-nav .site-menu-toggle svg,.brand-nav .cart-trigger svg{width:29px;height:29px;stroke-width:2.6;filter:drop-shadow(0 1px 0 #ffda5555)}
.brand-nav .site-menu-toggle:hover,.brand-nav .cart-trigger:hover,
.brand-nav .site-menu-toggle[aria-expanded='true']{
  color:#18070d; background:linear-gradient(150deg,#ffeb7f,#ffab27 46%,#ff790a);
  border-color:#fff0a3;box-shadow:0 0 0 1px #38160c,0 0 28px #ff821be9,0 0 36px #ff821b86;
  transform:translateY(-1px);
}
.brand-nav .site-menu-toggle:active,.brand-nav .cart-trigger:active{transform:scale(.96)}
.brand-nav .cart-count{background:#230714;color:#fff;border:1px solid #ffe073;box-shadow:0 0 9px #ff9427}
/* Dropdown remains anchored directly below enlarged top bar, not the full page. */
.site-quick-nav{top:var(--bb-header-height);left:clamp(10px,3vw,40px);z-index:40;}
/* Stable GPU-transform marquees. Matching repeated segments ensure no jump at loop. */
.welcome-marquee{display:flex;align-items:center;overflow:hidden;white-space:nowrap;contain:layout paint;}
.marquee-track{display:flex;width:max-content;flex:0 0 auto;animation:marquee 32s linear infinite;will-change:transform}
.marquee-track span{display:inline-flex;align-items:center;gap:0;flex:0 0 auto;white-space:nowrap;padding-right:26px;line-height:1}
.marquee-track b{margin:0 18px;line-height:1}
.category-marquee{
  height:48px;position:relative;z-index:5;
  border-block:1px solid #f7933bdb;
  background:linear-gradient(90deg,#160521 0%,#170922 48%,#102317 100%);
  box-shadow:0 0 13px #be3b8c35,inset 0 1px 0 #ffca9d2c;
}
.category-marquee .marquee-track{animation-duration:24s;animation-direction:reverse}
.category-marquee .marquee-track span{font:1000 18px/1 Impact,'Arial Black',system-ui,sans-serif;letter-spacing:.09em;padding-right:28px}
.category-marquee .marquee-track b{color:#ff9e2e;text-shadow:0 0 10px #fe842cab;font-size:12px;margin-inline:16px}
.category-marquee em{font-style:normal}
.category-flower{color:#baff4b;text-shadow:0 0 8px #8eff4a55}
.category-hash{color:#fc85ff;text-shadow:0 0 8px #cb3aff62}
/* Static caption was retired in favor of the lower product-category ticker. */
.skate-hero-layout{justify-content:center}
@media(min-width:820px){
  .brand-nav{background-image:url('assets/breaking-budz-header-wide.webp')}
  .skate-hero-layout{max-width:730px;min-height:0;padding:18px 16px 20px}
  .skate-art-wrap{flex:0 1 650px;max-width:650px}
}
@media(max-width:819px){
  :root{--bb-header-height:104px}
  .brand-nav{
    height:var(--bb-header-height);min-height:0;
    grid-template-columns:45px minmax(0,1fr) 45px;
    gap:3px;padding:5px 9px;
    background-image:url('assets/breaking-budz-banner-four.webp');
    background-size:cover;background-position:center;
  }
  .brand-nav .site-menu-toggle,.brand-nav .cart-trigger{
    width:44px;height:44px;min-width:44px;min-height:44px;
    border-radius:12px; border-width:1.6px;
    box-shadow:0 0 0 1px #2e0a0b,0 0 14px #ff7c11c2,0 0 24px #ff8d1469;
  }
  .brand-nav .site-menu-toggle svg,.brand-nav .cart-trigger svg{width:26px;height:26px}
  .welcome-marquee:not(.category-marquee){height:38px}
  .welcome-marquee .marquee-track span{font-size:11px;letter-spacing:.075em}
  .category-marquee{height:42px}
  .category-marquee .marquee-track span{font-size:16px}
  .skate-hero-content{display:none}
  .skate-hero-layout{padding:0;min-height:0;width:min(100%,570px)}
  .skate-art-wrap{width:100%;max-width:none}
}
@media(max-width:360px){
  :root{--bb-header-height:91px}
  .brand-nav{grid-template-columns:42px minmax(0,1fr) 42px;padding:3px 6px;gap:2px}
  .brand-nav .site-menu-toggle,.brand-nav .cart-trigger{width:40px;height:40px;min-width:40px;min-height:40px}
  .brand-nav .site-menu-toggle svg,.brand-nav .cart-trigger svg{width:24px;height:24px}
  .welcome-marquee .marquee-track span{font-size:10px;letter-spacing:.055em}
}
@media(prefers-reduced-motion:reduce){.welcome-marquee .marquee-track{animation:none!important;transform:none!important;will-change:auto}}

.category-marquee .category-flower{color:#b8ff6a;font-style:normal}.category-marquee .category-hash{color:#ff9826;font-style:normal}.category-marquee .category-vapes{color:#68e6ff;font-style:normal}.category-marquee .category-edibles{color:#d88cff;font-style:normal}