<turbo-stream action="replace" target="subgroups-pagination"><template><div class="flex flex-col">
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                NIXOR 3
            </h3>

            <a href="https://www.bright.gr/subgroup/12077/index" alt="NIXOR 3" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17440"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17440/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/NIXOR_3_V36_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/NIXOR_3_V36_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/nixor-3-3" alt="NIXOR 3" target="_top">
                    NIXOR 3
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12077-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                NOVUS OUT
            </h3>

            <a href="https://www.bright.gr/subgroup/12078/index" alt="NOVUS OUT" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17443"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17443/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/NOVUS_OUT_TAPE_LED_LENS_V36_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/NOVUS_OUT_TAPE_LED_LENS_V36_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/novus-out-tape-led-lens-1" alt="NOVUS OUT TAPE LED LENS" target="_top">
                    NOVUS OUT TAPE LED LENS
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12078-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                NOVUS PLEXY
            </h3>

            <a href="https://www.bright.gr/subgroup/12079/index" alt="NOVUS PLEXY" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17444"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17444/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/NOVUS_PLEXY_OPAL_TAPE_LED_V36_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/NOVUS_PLEXY_OPAL_TAPE_LED_V36_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/novus-plexy-opal-tape-led-1" alt="NOVUS PLEXY OPAL TAPE LED" target="_top">
                    NOVUS PLEXY OPAL TAPE LED
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12079-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                VOCO 1
            </h3>

            <a href="https://www.bright.gr/subgroup/12080/index" alt="VOCO 1" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17445"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17445/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/VOCO_1_WALL_V36_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/VOCO_1_WALL_V36_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/voco-1-wall-1" alt="VOCO 1 WALL" target="_top">
                    VOCO 1 WALL
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12080-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                VOCO 2
            </h3>

            <a href="https://www.bright.gr/subgroup/12081/index" alt="VOCO 2" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17446"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17446/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/VOCO_2_WALL_V36_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/VOCO_2_WALL_V36_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/voco-2-wall-1" alt="VOCO 2 WALL" target="_top">
                    VOCO 2 WALL
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12081-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                SOLUS 2
            </h3>

            <a href="https://www.bright.gr/subgroup/12082/index" alt="SOLUS 2" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17447"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17447/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/SOLUS_2_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/SOLUS_2_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/solus-2-2" alt="SOLUS 2" target="_top">
                    SOLUS 2
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12082-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                TERES M7
            </h3>

            <a href="https://www.bright.gr/subgroup/12083/index" alt="TERES M7" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17448"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17448/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_SQUARE_HEAVY_WALL_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_SQUARE_HEAVY_WALL_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-square-heavy-wall-1" alt="TERES M7 SQUARE HEAVY WALL" target="_top">
                    TERES M7 SQUARE HEAVY WALL
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>
    <div
    id="lighting-tool-product-17453"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17453/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_URBAN_WALL_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_URBAN_WALL_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-urban-wall-1" alt="TERES M7 URBAN WALL" target="_top">
                    TERES M7 URBAN WALL
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12083-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                TERES M7
            </h3>

            <a href="https://www.bright.gr/subgroup/12084/index" alt="TERES M7" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17449"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17449/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_SQUARE_SH_1F_HEAVY_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_SQUARE_SH_1F_HEAVY_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-square-sh-1f-heavy-1" alt="TERES M7 SQUARE SH 1F HEAVY" target="_top">
                    TERES M7 SQUARE SH 1F HEAVY
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>
    <div
    id="lighting-tool-product-17450"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17450/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_SQUARE_SH_2F_HEAVY_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_SQUARE_SH_2F_HEAVY_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-square-sh-2f-heavy-1" alt="TERES M7 SQUARE SH 2F HEAVY" target="_top">
                    TERES M7 SQUARE SH 2F HEAVY
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>
    <div
    id="lighting-tool-product-17451"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17451/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_URBAN_1F_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_URBAN_1F_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-urban-1f-1" alt="TERES M7 URBAN 1F" target="_top">
                    TERES M7 URBAN 1F
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>
    <div
    id="lighting-tool-product-17452"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17452/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/TERES_M7_URBAN_2F_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/TERES_M7_URBAN_2F_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/teres-m7-urban-2f-1" alt="TERES M7 URBAN 2F" target="_top">
                    TERES M7 URBAN 2F
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12084-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                BARO 2
            </h3>

            <a href="https://www.bright.gr/subgroup/12085/index" alt="BARO 2" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17454"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17454/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/BARO_2_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BARO_2_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/baro-2-2" alt="BARO 2" target="_top">
                    BARO 2
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12085-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
            <div class="flex items-center justify-between pt-6 pb-4">
            <h3 class="text-lg md:text-2xl text-dark dark:text-[#f4f4f5]  ">
                CERVA 3
            </h3>

            <a href="https://www.bright.gr/subgroup/12086/index" alt="CERVA 3" class="cta-secondary">
                <span>Product Overview</span>
                <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
            </a>
        </div>

        
        <div
    id="lighting-tool-product-17456"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17456/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/CERVA_3_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/CERVA_3_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/cerva-3-3" alt="CERVA 3" target="_top">
                    CERVA 3
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>
    <div
    id="lighting-tool-product-17457"
    data-controller="product-teaser"
    data-action="findastic:filtered-paginated@window->product-teaser#loadAfterMorphdom"
    data-product-teaser-variants-expanded-class="bg-primary"
    data-product-teaser-variants-collapsed-class="bg-white dark:bg-[#28292a]"
    data-product-teaser-expanded-value="false"
    data-product-teaser-loading-value="false"
    data-product-teaser-route-value="https://www.bright.gr/lighting-tool/product/17457/variants?page=98&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/CERVA_3_SQ_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/CERVA_3_SQ_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/cerva-3-sq-1" alt="CERVA 3 SQ" target="_top">
                    CERVA 3 SQ
                </a>
        </div>

        <button type="button" data-action="product-teaser#toggleVariants" data-product-teaser-target="toggleButton"
        aria-label="Toggle variants"
            class="flex items-center justify-center border border-primary rounded-full aspect-square w-10 h-10 dark:bg-primary">
                <svg data-product-teaser-target="expandIcon" class="w-4 h-4 text-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
</svg>
                <svg data-product-teaser-target="collapseIcon" class="w-4 h-4 text-dark hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/>
</svg>
                <svg data-product-teaser-target="spinnerIcon" class="w-4 h-4 text-dark hidden" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
        </button>

    </div>

    <div data-product-teaser-target="variantsContainer"></div>
</div>

        <div id="subgroup-12086-products-pagination" class="mt-4">
            <div
    class="flex justify-start"    class="flex justify-center">
    
    </div>

        </div>
    </div>

<div id="subgroups-pagination" class="py-6">
    <div
    class="flex justify-center"    class="flex justify-center">
            <a href="https://www.bright.gr/lighting-tool/subgroups/paginate?page=99"
            data-mkey="next"
            class="relative cta-secondary text-xs">
            Load more subgroups
            <svg class="w-4 h-4 transform rotate-90" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
        </a>
    
    </div>

</div>
</template></turbo-stream>