<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]  ">
                MINI ROLLER FLUXUS M-T
            </h3>

            <a href="https://www.bright.gr/subgroup/11396/index" alt="MINI ROLLER FLUXUS M-T" 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-18051"
    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/18051/variants?page=30&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/MINI_ROLLER_FLUXUS_M-T_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_ROLLER_FLUXUS_M-T_LED.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/mini-roller-fluxus-m-t-led-17" alt="MINI ROLLER FLUXUS M-T LED" target="_top">
                    MINI ROLLER FLUXUS M-T 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-11396-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]  ">
                BELL 30
            </h3>

            <a href="https://www.bright.gr/subgroup/11397/index" alt="BELL 30" 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-18052"
    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/18052/variants?page=30&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/BELL_30_CEILING.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BELL_30_CEILING.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/bell-30-ceiling-17" alt="BELL 30 CEILING" target="_top">
                    BELL 30 CEILING
                </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-11397-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]  ">
                FIGO DZ UP DOWN
            </h3>

            <a href="https://www.bright.gr/subgroup/11398/index" alt="FIGO DZ UP DOWN" 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-18053"
    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/18053/variants?page=30&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/FIGO_DZ_UP_DOWN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/FIGO_DZ_UP_DOWN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/figo-dz-up-down-38" alt="FIGO DZ UP DOWN" target="_top">
                    FIGO DZ UP DOWN
                </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-11398-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]  ">
                FIGO UP DOWN
            </h3>

            <a href="https://www.bright.gr/subgroup/11399/index" alt="FIGO UP DOWN" 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-18054"
    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/18054/variants?page=30&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/FIGO_UP_DOWN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/FIGO_UP_DOWN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/figo-up-down-50" alt="FIGO UP DOWN" target="_top">
                    FIGO UP DOWN
                </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-11399-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]  ">
                SALUS 5
            </h3>

            <a href="https://www.bright.gr/subgroup/11400/index" alt="SALUS 5" 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-18055"
    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/18055/variants?page=30&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/SALUS_5_CEILING.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/SALUS_5_CEILING.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/salus-5-ceiling-17" alt="SALUS 5 CEILING" target="_top">
                    SALUS 5 CEILING
                </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-11400-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]  ">
                ULNA 1F
            </h3>

            <a href="https://www.bright.gr/subgroup/11401/index" alt="ULNA 1F" 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-18056"
    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/18056/variants?page=30&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/ULNA_1F.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/ULNA_1F.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/ulna-1f-38" alt="ULNA 1F" target="_top">
                    ULNA 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="subgroup-11401-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]  ">
                ULNA 2F
            </h3>

            <a href="https://www.bright.gr/subgroup/11402/index" alt="ULNA 2F" 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-18057"
    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/18057/variants?page=30&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/ULNA_2F_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/ULNA_2F_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/ulna-2f-38" alt="ULNA 2F" target="_top">
                    ULNA 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-11402-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]  ">
                LINE 1F
            </h3>

            <a href="https://www.bright.gr/subgroup/11403/index" alt="LINE 1F" 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-18058"
    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/18058/variants?page=30&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/LINE_T8_2F.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/LINE_T8_2F.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/line-1f-38" alt="LINE 1F" target="_top">
                    LINE 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="subgroup-11403-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]  ">
                BACKLIGHT PANEL
            </h3>

            <a href="https://www.bright.gr/subgroup/11404/index" alt="BACKLIGHT PANEL" 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-18059"
    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/18059/variants?page=30&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/BACKLIGHT_PANEL_PRISMATIC_UGR.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BACKLIGHT_PANEL_PRISMATIC_UGR.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/backlight-panel-prismatic-ugr-17" alt="BACKLIGHT PANEL PRISMATIC UGR" target="_top">
                    BACKLIGHT PANEL PRISMATIC UGR
                </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-11404-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]  ">
                BACKLIGHT PANEL 2
            </h3>

            <a href="https://www.bright.gr/subgroup/11405/index" alt="BACKLIGHT PANEL 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-18060"
    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/18060/variants?page=30&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/BACKLIGHT_PANEL_2_PRISMATIC_UGR.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BACKLIGHT_PANEL_2_PRISMATIC_UGR.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/backlight-panel-2-prismatic-ugr-17" alt="BACKLIGHT PANEL 2 PRISMATIC UGR" target="_top">
                    BACKLIGHT PANEL 2 PRISMATIC UGR
                </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-11405-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=31"
            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>