<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]  ">
                STELLA 3
            </h3>

            <a href="https://www.bright.gr/subgroup/11196/index" alt="STELLA 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-17795"
    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/17795/variants?page=10&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/STELLA_3_S.S._LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_3_S.S._LED.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/stella-3-led-20" alt="STELLA 3 LED" target="_top">
                    STELLA 3 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="lighting-tool-product-17796"
    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/17796/variants?page=10&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/STELLA_3.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_3.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/stella-3-42" alt="STELLA 3" target="_top">
                    STELLA 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-11196-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]  ">
                STELLA 4
            </h3>

            <a href="https://www.bright.gr/subgroup/11197/index" alt="STELLA 4" 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-17797"
    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/17797/variants?page=10&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/STELLA_4.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_4.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-4-42" alt="STELLA 4" target="_top">
                    STELLA 4
                </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-17798"
    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/17798/variants?page=10&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/STELLA_4_FUSUS.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_4_FUSUS.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-4-fusus-20" alt="STELLA 4 FUSUS" target="_top">
                    STELLA 4 FUSUS
                </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-17799"
    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/17799/variants?page=10&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/STELLA_4_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_4_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-4-led-20" alt="STELLA 4 LED" target="_top">
                    STELLA 4 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-11197-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]  ">
                STELLA 5
            </h3>

            <a href="https://www.bright.gr/subgroup/11198/index" alt="STELLA 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-17800"
    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/17800/variants?page=10&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/STELLA_5.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_5.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-5-42" alt="STELLA 5" target="_top">
                    STELLA 5
                </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-17801"
    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/17801/variants?page=10&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/STELLA_5_FUSUS.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_5_FUSUS.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-5-fusus-20" alt="STELLA 5 FUSUS" target="_top">
                    STELLA 5 FUSUS
                </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-17802"
    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/17802/variants?page=10&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/STELLA_5_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_5_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-5-led-20" alt="STELLA 5 LED" target="_top">
                    STELLA 5 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-11198-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]  ">
                STELLA 6
            </h3>

            <a href="https://www.bright.gr/subgroup/11199/index" alt="STELLA 6" 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-17803"
    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/17803/variants?page=10&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/STELLA_6_SS_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_6_SS_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-6-led-20" alt="STELLA 6 LED" target="_top">
                    STELLA 6 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="lighting-tool-product-17804"
    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/17804/variants?page=10&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/STELLA_6.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_6.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-6-41" alt="STELLA 6" target="_top">
                    STELLA 6
                </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-17805"
    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/17805/variants?page=10&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/STELLA_6_FUSUS.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_6_FUSUS.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-6-fusus-19" alt="STELLA 6 FUSUS" target="_top">
                    STELLA 6 FUSUS
                </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-11199-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]  ">
                STELLA
            </h3>

            <a href="https://www.bright.gr/subgroup/11200/index" alt="STELLA" 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-17806"
    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/17806/variants?page=10&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/STELLA_HP_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_HP_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-hpled-19" alt="STELLA H.P.LED" target="_top">
                    STELLA H.P.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-11200-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]  ">
                STELLA 7
            </h3>

            <a href="https://www.bright.gr/subgroup/11201/index" alt="STELLA 7" 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-17807"
    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/17807/variants?page=10&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/STELLA_7_IP_54.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_7_IP_54.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-7-led-ip54-19" alt="STELLA 7 LED IP54" target="_top">
                    STELLA 7 LED IP54
                </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-17808"
    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/17808/variants?page=10&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/STELLA_7.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_7.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-7-40" alt="STELLA 7" target="_top">
                    STELLA 7
                </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-17809"
    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/17809/variants?page=10&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/STELLA_7_SS_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_7_SS_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-7-led-19" alt="STELLA 7 LED" target="_top">
                    STELLA 7 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-11201-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]  ">
                STELLA 8
            </h3>

            <a href="https://www.bright.gr/subgroup/11202/index" alt="STELLA 8" 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-17810"
    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/17810/variants?page=10&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/STELLA_8.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_8.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-8-led-19" alt="STELLA 8 LED" target="_top">
                    STELLA 8 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-11202-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]  ">
                STELLA 9
            </h3>

            <a href="https://www.bright.gr/subgroup/11203/index" alt="STELLA 9" 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-17811"
    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/17811/variants?page=10&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/STELLA_9.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_9.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-9-led-19" alt="STELLA 9 LED" target="_top">
                    STELLA 9 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-11203-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]  ">
                STELLA 14
            </h3>

            <a href="https://www.bright.gr/subgroup/11204/index" alt="STELLA 14" 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-17812"
    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/17812/variants?page=10&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/STELLA_14_SS_LED.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_14_SS_LED.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-14-led-19" alt="STELLA 14 LED" target="_top">
                    STELLA 14 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-11204-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]  ">
                STELLA 20
            </h3>

            <a href="https://www.bright.gr/subgroup/11205/index" alt="STELLA 20" 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-17813"
    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/17813/variants?page=10&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/STELLA_20.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/STELLA_20.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/stella-20-led-19" alt="STELLA 20 LED" target="_top">
                    STELLA 20 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-11205-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=11"
            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>