/* Real category children, including empty categories while the assortment is prepared. */
.gx-grubox .gx-catalog-subcategories { margin: 5px 0 30px; }
.gx-grubox .gx-catalog-subcategories h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.3; }
.gx-grubox .gx-catalog-children { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gx-grubox .gx-catalog-child { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 78px; padding: 14px 16px; border: 1px solid #e4e8e2; border-radius: 9px; background: #fff; color: #1b281d; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.gx-grubox .gx-catalog-child:hover, .gx-grubox .gx-catalog-child:focus-visible { border-color: var(--gx-accent, #c2410c); color: var(--gx-accent, #c2410c); }
.gx-grubox .gx-catalog-child:focus-visible { outline: 2px solid var(--gx-accent, #c2410c); outline-offset: 3px; }
.gx-grubox .gx-catalog-child-image { display: flex; flex: 0 0 46px; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 7px; background: #f5f7f3; border-radius: 7px; color: #73816f; }
.gx-grubox .gx-catalog-child-image img { width: 100%; height: 100%; object-fit: contain; }
.gx-grubox .gx-catalog-child-image svg { width: 28px; height: 28px; }
.gx-grubox .gx-catalog-child-arrow { margin-left: auto; }
/* Native WoodMart walkers retain the hover layout; keyboard focus also exposes each level. */
.gx-grubox .wd-nav:not(.wd-nav-mobile) .gx-catalog-menu-root:focus-within > .wd-dropdown,
.gx-grubox .wd-nav:not(.wd-nav-mobile) .gx-dynamic-category:focus-within > .sub-sub-menu,
.gx-grubox .wd-nav:not(.wd-nav-mobile) .gx-dynamic-category:focus-within > .wd-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.gx-grubox .gx-dynamic-category > a:focus-visible { outline: 2px solid var(--gx-accent, #c2410c); outline-offset: -2px; }
@media (max-width: 1024px) {
  .gx-grubox .gx-catalog-children { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .gx-grubox .gx-catalog-children { grid-template-columns: minmax(0, 1fr); }
  .gx-grubox .gx-catalog-child { min-height: 68px; padding: 11px 13px; }
}