<section class="sizeCenterElm mainContent">
    <div class="grid-x grid-margin-x">
        <div class="headlineProduct wordCenter gridCenter medium-6 small-12">
            <h1 class="titleProduct">
                {{ category.title }}
            </h1>
            <h2 class="headline">
                {{ category.highlight_text }}
            </h2>
        </div>
    </div>
    <div class="grid-x grid-margin-x">
        <div class="categoryProduct cell small-12">
            {% for camera in cameras %}
                <div class="item">
                    <div class="i-camera">
                        <h1 class="categCamera">{{ category.title }}</h1>
                        <ul class="slides columns">
                            {% for product in camera.product_camera %}
                            <li style="color: {{ product.camera_color }}">
                                <div class="boxProduct">
                                    <div class="cameraproduct">
                                        <h2 class="titleProduct">{{ camera.title }}</h2>
                                        <a href="#" class="imgCamera">
                                            {{ img(product.camera_image.cropped()).resize(224,152)|raw }}
                                        </a>
                                        <div class="detail columns">
                                            <a href="{{ url('product/' ~ category.slug ~ '/' ~ camera.slug) }}" class="arrow">
                                                <span class="ic-arrow"></span>
                                                <span class="text">view detail</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            {% endfor %}
                        </ul>
						
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</section>
            