{% if categories or headerlinks2 %}
	{% if menu_type == 1 %}
		{% if menu_positions %}
			{% set class = ' new' %}
		{% else %}
			{% set class = ' col-md-3 col-lg-3 col-xxl-4' %}
		{% endif %}
	{% else %}
		{% set class = ' col-md-12' %}
	{% endif %}
	<div class="main-menu {{ menu_type == 1 and headerlinks2 or menu_type == 2 ? ' set-before' : ' not-before' }}">
	<div class="menu-wrapper {{ class }}">
		<nav id="menu" class="menu {{ menu_type == 1 ? ' menu1' : ' menu2' }} {{ menu_positions ? ' new' }}">
      
			<div class="menu__header">
        <a href="tovary">
				  <i class="menu__header-icon fa fa-fw fa-bars hidden-xs hidden-sm"></i>
				  <span class="menu__header-title">{{ text_menu }}</span>
        </a>
			  <i class="menu-close menu__header-icon fas fa-times visible-xs visible-sm"></i>
      </div>

			<ul class="menu__collapse main-menu__collapse">
				{% for key, category in categories %}
					<li class="menu__level-1-li {{ category.children ? ' has-children' }}">
						<a class="menu__level-1-a custom-menu__item" href="javascript:;" data-href="{{ category.href }}">
							{% if 'fa-' in category.icon %}<i class="menu__level-1-icon {{ category.icon }} fa-fw"></i>{% elseif category.icon %}<img src="image/{{ category.icon }}" alt="{{ category.name }}" class="menu__level-1-img" />{% endif %}
							{{ category.name }}
						</a>
						{% if category.children %}
							{% set column = category.column > 4 ? 4 : category.column %}
							{% if category.banner %}
								{% set column = (column == 2 or column == 3) ? column + 1 : column %}
								{% set class = ' col-md-'~12/(column - 1) %}
							{% else %}
								{% set class = ' col-md-'~12/column %}
							{% endif %}
							<span class="menu__pm menu__level-1-pm visible-xs visible-sm"><i class="fa fa-plus"></i><i class="fa fa-minus"></i></span>
							<div class="menu__level-2 {{ category.banner ? ' has-banner' }} column-{{ column }}">
								{{ category.banner ? '<div class="menu__level-2-wrap">' }}
								{% for child in category.children %}
									<div class="menu__level-2-ul {{ child.image ? ' has-image ' }} {{ class }}">
										{% if child.image %}<img src="{{ child.image }}" loading="lazy" alt="{{ child.name }}" class="menu__level-2-img" />{% endif %}
										<a class="menu__level-2-a custom-menu__item {{ child.children ? ' has-children' }}" href="javascript:;" data-href="{{ child.href }}">{{ child.name }}</a>
										{% if child.children %}
											<span class="menu__pm menu__level-2-pm visible-xs visible-sm"><i class="fa fa-plus"></i><i class="fa fa-minus"></i></span>
											<div class="menu__level-3">
												<ul class="menu__level-3-ul">
													{% for child in child.children %}
														<li class="menu__level-3-li"><a class="menu__level-3-a custom-menu__item" href="javascript:;" data-href="{{ child.href }}">{{ child.name }}</a></li>
													{% endfor %}
													{% if child.more %}
														<li class="menu__level-3-li"><a class="menu__level-3-a custom-menu__item menu__more uni-href" href="javascript:;" data-href="{{ child.href }}"><span class="menu__more-span">{{ text_all_categories }} ({{ child.more }})</span></a></li>
													{% endif %}
												</ul>
											</div>
										{% endif %}
									</div>
								{% endfor %}
								{% if category.banner %}
									</div>
									<div class="menu__banner">
										{% if category.banner.html %}
											{{ category.banner.html }}
										{% elseif category.banner.img %}
											<img src="image/{{ category.banner.img }}" alt="" class="uni-href img-responsive" data-href="{{ category.banner.href }}" width="{{ category.banner.img_width }}" height="{{ category.banner.img_height }}" loading="lazy" />
										{% endif %}
									</div>
								{% endif %}
							</div>
						{% endif %}
					</li>
				{% endfor %}
			</ul>
		</nav>
	</div>
	<div class="menu-open visible-xs visible-sm">
		<i class="menu-open__icon fas fa-bars"></i>
		<span class="menu-open__title {{ show_title_on_mobile ? ' show-on-mobile' }}">{{ text_menu }}</span>
	</div>
	{% if menu_type == 1 and headerlinks2 %}
		<div class="col-xs-12 {{ menu_positions == 0 ? ' col-md-9 col-lg-9 col-xxl-16' }} hidden-xs hidden-sm">
			<nav id="menu2" class="menu menu2 menu-right  {{ menu_positions ? ' new' }}">
				<ul class="menu__collapse">
					{% for headerlink in headerlinks2 %}
						<li class="menu__level-1-li {{ headerlink.children ? ' has-children' }}">
							<a class="menu__level-1-a custom-menu__item" href="javascript:;" data-href="{{ headerlink.href }}">
								{% if 'fa-' in headerlink.icon %}
									<i class="menu__level-1-icon {{ headerlink.icon }} fa-fw"></i>
								{% elseif headerlink.icon %}
									<img src="image/{{ headerlink.icon }}" alt="{{ headerlink.name }}" class="menu__level-1-img" />
								{% endif %}
								{{ headerlink.name }}
							</a>
							{% if headerlink.children %}
								<span class="menu__pm menu__level-1-pm visible-xs visible-sm"><i class="fa fa-plus"></i><i class="fa fa-minus"></i></span>
								<div class="menu__level-2 column-{{ headerlink.column }}">
									{% for child in headerlink.children %}
										<ul class="menu__level-2-ul {{ headerlink.column < 5 ? ' col-md-'~12/headerlink.column : ' col-md-4' }}">
											<li class="menu__level-2-li">
												<a class="menu__level-2-a custom-menu__item {{ child.children ? ' has-children' }}" href="javascript:;" data-href="{{ child.href }}">{{ child.name }}</a>
												{% if child.children and child.children|length > 0 %}
													<span class="menu__pm menu__level-2-pm visible-xs visible-sm"><i class="fa fa-plus" ></i><i class="fa fa-minus" ></i></span>
													<div class="menu__level-3">
														<ul class="list-unstyled">
															{% for child in child.children %}
																<li class="menu__level-3-li">
																	<a class="menu__level-3-a custom-menu__item" href="javascript:;" data-href="{{ child.href }}">{{ child.name }}</a>
																</li>
															{% endfor %}
														</ul>
													</div>
												{% endif %}
											</li>
										</ul>
									{% endfor %}
								</div>
							{% endif %}
						</li>
					{% endfor %}
				</ul>
			</nav>
		</div>
	{% endif %}
	<script>uniMenuUpd('header .menu2 .menu__collapse');</script>
	</div>
{% endif %}