<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]  ">
                FERUS 20
            </h3>

            <a href="https://www.bright.gr/subgroup/11682/index" alt="FERUS 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-16796"
    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/16796/variants?page=58&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/FERUS_20_TABLE_A.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/FERUS_20_TABLE_A.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/ferus-20-table-a-6" alt="FERUS 20 TABLE A" target="_top">
                    FERUS 20 TABLE A
                </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-16797"
    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/16797/variants?page=58&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/FERUS_20_TABLE_B.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/FERUS_20_TABLE_B.jpg 2x"
                    width="60"
                    height="60"
                    
                    alt="" />
                            <a href="https://www.bright.gr/ferus-20-table-b-6" alt="FERUS 20 TABLE B" target="_top">
                    FERUS 20 TABLE B
                </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-11682-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]  ">
                AVOLO 16
            </h3>

            <a href="https://www.bright.gr/subgroup/11683/index" alt="AVOLO 16" 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-16798"
    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/16798/variants?page=58&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_AVOLO_16_TABLE.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_AVOLO_16_TABLE.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mini-avolo-16-table-6" alt="MINI AVOLO 16 TABLE" target="_top">
                    MINI AVOLO 16 TABLE
                </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-16799"
    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/16799/variants?page=58&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_AVOLO_16_TABLE_2F.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_AVOLO_16_TABLE_2F.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mini-avolo-16-table-2f-6" alt="MINI AVOLO 16 TABLE 2F" target="_top">
                    MINI AVOLO 16 TABLE 2F
                </a>
        </div>

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

    </div>

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

        <div id="subgroup-11683-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]  ">
                AVOLO 1
            </h3>

            <a href="https://www.bright.gr/subgroup/11684/index" alt="AVOLO 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-16800"
    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/16800/variants?page=58&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_AVOLO_A_1_TABLE_2F.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_AVOLO_A_1_TABLE_2F.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mini-avolo-a-1-table-2f-6" alt="MINI AVOLO A 1 TABLE 2F" target="_top">
                    MINI AVOLO A 1 TABLE 2F
                </a>
        </div>

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

    </div>

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

        <div id="subgroup-11684-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]  ">
                AVOLO
            </h3>

            <a href="https://www.bright.gr/subgroup/11685/index" alt="AVOLO" 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-16801"
    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/16801/variants?page=58&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_AVOLO_A_TABLE.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_AVOLO_A_TABLE.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mini-avolo-a-table-6" alt="MINI AVOLO A TABLE" target="_top">
                    MINI AVOLO A TABLE
                </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-16802"
    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/16802/variants?page=58&amp;query=">
    <div class="flex justify-between items-center border-b border-[#E4E4E4] py-4">
        <div class="flex items-center gap-x-5">
                            <img
                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_AVOLO_TABLE.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_AVOLO_TABLE.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/mini-avolo-table-6" alt="MINI AVOLO TABLE" target="_top">
                    MINI AVOLO TABLE
                </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-11685-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]  ">
                AVOLO 2
            </h3>

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

        
        <div
    id="lighting-tool-product-16803"
    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/16803/variants?page=58&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/AVOLO_M_A_2_TABLE.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/AVOLO_M_A_2_TABLE.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/avolo-m-a-2-table-6" alt="AVOLO M A 2 TABLE" target="_top">
                    AVOLO M A 2 TABLE
                </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-16804"
    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/16804/variants?page=58&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/AVOLO_M_A_2_TABLE_2F.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/AVOLO_M_A_2_TABLE_2F.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/avolo-m-a-2-table-2f-6" alt="AVOLO M A 2 TABLE 2F" target="_top">
                    AVOLO M A 2 TABLE 2F
                </a>
        </div>

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

    </div>

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

        <div id="subgroup-11686-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/11687/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-16805"
    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/16805/variants?page=58&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.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_1.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-1-24" alt="PENNA 1" target="_top">
                    PENNA 1
                </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-16806"
    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/16806/variants?page=58&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_PLEXY.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_1_PLEXY.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-1-plexy-6" alt="PENNA 1 PLEXY" target="_top">
                    PENNA 1 PLEXY
                </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-11687-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/11688/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-16807"
    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/16807/variants?page=58&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_PLEXY.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_3_PLEXY.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-3-plexy-6" alt="PENNA 3 PLEXY" target="_top">
                    PENNA 3 PLEXY
                </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-16808"
    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/16808/variants?page=58&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_TABLE.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_3_TABLE.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-3-table-6" alt="PENNA 3 TABLE" target="_top">
                    PENNA 3 TABLE
                </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-16809"
    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/16809/variants?page=58&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_TABLE_BALLA.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_3_TABLE_BALLA.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-3-table-balla-6" alt="PENNA 3 TABLE BALLA" target="_top">
                    PENNA 3 TABLE BALLA
                </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-16810"
    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/16810/variants?page=58&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_TABLE_BALLA_OVAL.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/PENNA_3_TABLE_BALLA_OVAL.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/penna-3-table-balla-oval-6" alt="PENNA 3 TABLE BALLA OVAL" target="_top">
                    PENNA 3 TABLE BALLA OVAL
                </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-11688-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]  ">
                KION
            </h3>

            <a href="https://www.bright.gr/subgroup/11689/index" alt="KION" 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-16811"
    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/16811/variants?page=58&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/KION.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/KION.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/kion-18" alt="KION" target="_top">
                    KION
                </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-16812"
    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/16812/variants?page=58&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/KION_OVAL.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/KION_OVAL.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/kion-oval-6" alt="KION OVAL" target="_top">
                    KION OVAL
                </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-11689-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]  ">
                RETE
            </h3>

            <a href="https://www.bright.gr/subgroup/11690/index" alt="RETE" 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-16813"
    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/16813/variants?page=58&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/RETE_S.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/RETE_S.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/rete-s-6" alt="RETE S" target="_top">
                    RETE S
                </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-16814"
    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/16814/variants?page=58&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/RETE_M.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/RETE_M.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/rete-m-6" alt="RETE M" target="_top">
                    RETE M
                </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-16815"
    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/16815/variants?page=58&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/RETE_L.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/RETE_L.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/rete-l-6" alt="RETE L" target="_top">
                    RETE L
                </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-11690-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]  ">
                BALLA 5
            </h3>

            <a href="https://www.bright.gr/subgroup/11691/index" alt="BALLA 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-16817"
    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/16817/variants?page=58&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/BALLA_5_TABLE_L.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BALLA_5_TABLE_L.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/balla-5-table-l-6" alt="BALLA 5 TABLE L" target="_top">
                    BALLA 5 TABLE L
                </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-17256"
    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/17256/variants?page=58&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/BALLA_5_TABLE_M_V32_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BALLA_5_TABLE_M_V32_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/balla-5-table-m-1" alt="BALLA 5 TABLE M" target="_top">
                    BALLA 5 TABLE M
                </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-17257"
    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/17257/variants?page=58&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/BALLA_5_TABLE_S_V32_MAIN.jpg"
                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/BALLA_5_TABLE_S_V32_MAIN.jpg 2x"
                    width="60"
                    height="60"
                    loading="lazy"
                    alt="" />
                            <a href="https://www.bright.gr/balla-5-table-s-1" alt="BALLA 5 TABLE S" target="_top">
                    BALLA 5 TABLE S
                </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-11691-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=59"
            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>