.bcg-category-nav { position: relative; z-index: 50; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.bcg-category-nav__list { display: flex; align-items: center; gap: 0; margin: 0; padding: 0 24px; list-style: none; }
.bcg-category-nav__item { position: static; }
.bcg-category-nav__link { display: block; padding: 14px 12px; color: #222; text-decoration: none; font-weight: 600; white-space: nowrap; }
.bcg-category-nav__link:hover { text-decoration: underline; }
.bcg-mega-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.bcg-category-nav__item:hover .bcg-mega-menu, .bcg-category-nav__item:focus-within .bcg-mega-menu { display: block; }
.bcg-mega-menu__inner { max-width: 1180px; margin: 0 auto; padding: 24px; }
.bcg-mega-menu__title { margin: 0 0 16px; font-size: 20px; }
.bcg-mega-menu__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 24px; }
.bcg-mega-menu__child { display: block; padding: 8px 0; color: #222; text-decoration: none; }
.bcg-mega-menu__child span { display: block; font-weight: 600; }
.bcg-mega-menu__child small { display: block; color: #666; margin-top: 2px; }
.bcg-mega-menu__child--featured span::after { content: ' Featured'; font-size: 11px; font-weight: 700; margin-left: 6px; }
@media (max-width: 900px) {
  .bcg-category-nav__list { overflow-x: auto; padding: 0 12px; }
  .bcg-mega-menu { position: static; box-shadow: none; border-top: 1px solid #eee; }
  .bcg-mega-menu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}