<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]  ">
                SILVA 12
            </h3>

            <a href="https://www.bright.gr/subgroup/11497/index" alt="SILVA 12" 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-16528"
    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/16528/variants?page=40&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/SILVA_12_P.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/SILVA_12_P.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/silva-12-p-9" alt="SILVA 12 P" target="_top">
                    SILVA 12 P
                </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-11497-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]  ">
                MONS A
            </h3>

            <a href="https://www.bright.gr/subgroup/11498/index" alt="MONS A" 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-16529"
    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/16529/variants?page=40&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/MONS_A_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_A_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-a-sp-9" alt="MONS A SP" target="_top">
                    MONS A SP
                </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-16532"
    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/16532/variants?page=40&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/MONS_A_OPAL.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_A_OPAL.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-a-opal-9" alt="MONS A OPAL" target="_top">
                    MONS A OPAL
                </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-11498-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]  ">
                MONS B
            </h3>

            <a href="https://www.bright.gr/subgroup/11499/index" alt="MONS B" 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-16530"
    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/16530/variants?page=40&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/MONS_B_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_B_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-b-sp-9" alt="MONS B SP" target="_top">
                    MONS B SP
                </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-16533"
    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/16533/variants?page=40&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/MONS_B_OPAL.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_B_OPAL.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-b-opal-9" alt="MONS B OPAL" target="_top">
                    MONS B OPAL
                </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-16534"
    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/16534/variants?page=40&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/MONS_B_OPAL_COLORS.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_B_OPAL_COLORS.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-b-opal-colors-9" alt="MONS B OPAL COLORS" target="_top">
                    MONS B OPAL COLORS
                </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-11499-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]  ">
                MONS D
            </h3>

            <a href="https://www.bright.gr/subgroup/11500/index" alt="MONS D" 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-16531"
    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/16531/variants?page=40&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/MONS_D_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_D_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-d-sp-9" alt="MONS D SP" target="_top">
                    MONS D SP
                </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-11500-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]  ">
                MONS W
            </h3>

            <a href="https://www.bright.gr/subgroup/11501/index" alt="MONS W" 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-16535"
    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/16535/variants?page=40&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/MONS_W_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MONS_W_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mons-w-sp-9" alt="MONS W SP" target="_top">
                    MONS W SP
                </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-11501-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]  ">
                PENNA 1
            </h3>

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

        
        <div
    id="lighting-tool-product-16536"
    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/16536/variants?page=40&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/PENNA_1_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_1_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-1-sp-9" alt="PENNA 1 SP" target="_top">
                    PENNA 1 SP
                </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-11502-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]  ">
                PENNA 12
            </h3>

            <a href="https://www.bright.gr/subgroup/11503/index" alt="PENNA 12" 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-16537"
    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/16537/variants?page=40&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/PENNA_12_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_12_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-12-sp-9" alt="PENNA 12 SP" target="_top">
                    PENNA 12 SP
                </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-11503-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]  ">
                PENNA 3
            </h3>

            <a href="https://www.bright.gr/subgroup/11504/index" alt="PENNA 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-16538"
    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/16538/variants?page=40&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/PENNA_3_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_3_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-3-sp-8" alt="PENNA 3 SP" target="_top">
                    PENNA 3 SP
                </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-11504-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]  ">
                PENNA 40
            </h3>

            <a href="https://www.bright.gr/subgroup/11505/index" alt="PENNA 40" 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-16539"
    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/16539/variants?page=40&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/PENNA_40_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_40_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-40-sp-8" alt="PENNA 40 SP" target="_top">
                    PENNA 40 SP
                </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-11505-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]  ">
                PENNA 71
            </h3>

            <a href="https://www.bright.gr/subgroup/11506/index" alt="PENNA 71" 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-16540"
    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/16540/variants?page=40&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/PENNA_71_SP.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_71_SP.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-71-sp-8" alt="PENNA 71 SP" target="_top">
                    PENNA 71 SP
                </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-11506-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=41"
            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>