Contexto: tengo una tienda PrestaShop [9 / indica versión] con un menú de
navegación móvil actual en formato hamburguesa (off-canvas con lista de
texto por familias/subfamilias). Uso el tema [Classic / nombre de tu tema
hijo] y quiero sustituir ese menú móvil por un sistema de navegación por
iconos con drill-down.

Objetivo:
Crear un componente de menú móvil donde:
1. Al abrir el menú se muestre una rejilla (grid) de iconos, uno por cada
   familia de nivel 1 (categoría raíz), con el nombre debajo del icono.
2. Al pulsar un icono con subfamilias, la vista "navega" hacia dentro:
   se sustituye la rejilla por los iconos de las subfamilias de esa
   categoría, con un botón "atrás" (o breadcrumb) arriba para volver al
   nivel anterior.
3. Si la categoría pulsada NO tiene subfamilias, se navega directamente
   a la página de listado de esa categoría.
4. El comportamiento debe ser tipo "stack" (pila de navegación), soportando
   varios niveles si el catálogo los tiene.

Requisitos técnicos:
- Integrarlo en el hook de menú actual de PrestaShop (indica cuál usas:
  displayNav / displayNav2 / hook de módulo propio) sin romper el menú de
  escritorio existente (esto es solo para el breakpoint móvil).
- Los iconos de cada categoría deben poder asignarse desde el back-office
  o desde un mapeo controlado en el propio tema (propon la opción más
  simple de mantener: campo custom en la tabla de categorías, feature de
  categoría, o array de mapeo id_category -> icono en el .tpl/JS).
- Usa [Tabler icons / FontAwesome / SVGs propios — indica cuál prefieres].
- Decide y justifica si el árbol de categorías se pre-renderiza oculto en
  el HTML (Smarty) y se muestra/oculta con JS, o si se carga por AJAX al
  pulsar cada icono. Ten en cuenta que mi catálogo tiene aproximadamente
  [X categorías / X subcategorías por familia].
- El JS debe quedar aislado (sin dependencias de jQuery si el tema no lo
  requiere ya) y no interferir con el resto del theme.js existente.
- Mantén la accesibilidad básica: los iconos deben ser botones reales
  (no divs con onclick), con aria-label con el nombre de la categoría.

Entregables:
- Código del/los archivo(s) .tpl necesarios (o el override que corresponda).
- CSS para la rejilla de iconos, responsive, encajando con el resto del
  tema (indica si tienes variables SCSS/CSS propias que deba reutilizar).
- JS de la navegación por niveles (stack + render).
- Instrucciones de dónde colocar cada archivo dentro de la estructura de
  mi tema [indica ruta del tema, ej: /themes/mi-tema-hijo/].

Antes de escribir código, pregúntame si algo no está claro (ej: ruta del
tema, si ya existe algún mapeo de iconos, o el hook exacto que usa mi
menú actual).