<turbo-stream action="replace" target="product-17821-variants-pagination"><template><tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1407cl001dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1407cl001dac">
                <span>DL1407CL001DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1407CL001DAC"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                684
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_MItjRGLgdssze3Jm"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312157-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312157"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312157-actions"
        style="position-anchor: --action-1312157;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312157" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312157?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312157">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.0W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312157"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312157-sAjIXA-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312157-sAjIXA-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312157"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312157-sAjIXA-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312157-sAjIXA-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1407cl002on'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1407cl002on">
                <span>DL1407CL002ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1407CL002ON"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                684
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_n8A99dsu9OnLOemk"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312158-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312158"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312158-actions"
        style="position-anchor: --action-1312158;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312158" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312158?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312158">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.0W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312158"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312158-NnNhyp-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312158-NnNhyp-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312158"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312158-NnNhyp-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312158-NnNhyp-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1407cl002da'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1407cl002da">
                <span>DL1407CL002DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1407CL002DA"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                684
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_SqjeRk1dUGZwYrrl"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312159-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312159"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312159-actions"
        style="position-anchor: --action-1312159;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312159" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312159?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312159">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.0W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312159"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312159-m4jqa3-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312159-m4jqa3-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312159"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312159-m4jqa3-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312159-m4jqa3-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1407cl002dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1407cl002dac">
                <span>DL1407CL002DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1407CL002DAC"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                684
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_1xjdGuKz1dYf2wfQ"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312160-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312160"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312160-actions"
        style="position-anchor: --action-1312160;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312160" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312160?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312160">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.0W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312160"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312160-2c2Pg2-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312160-2c2Pg2-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312160"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312160-2c2Pg2-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312160-2c2Pg2-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl001on'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl001on">
                <span>DL1408CL001ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL001ON"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_sO5jv1Ul6LVELpyW"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312161-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312161"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312161-actions"
        style="position-anchor: --action-1312161;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312161" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312161?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312161">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312161"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312161-mxf4Kg-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312161-mxf4Kg-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312161"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312161-mxf4Kg-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312161-mxf4Kg-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl001da'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl001da">
                <span>DL1408CL001DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL001DA"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_qlJHyNqekXwvx4CR"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312162-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312162"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312162-actions"
        style="position-anchor: --action-1312162;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312162" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312162?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312162">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312162"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312162-2THCP3-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312162-2THCP3-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312162"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312162-2THCP3-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312162-2THCP3-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl001dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl001dac">
                <span>DL1408CL001DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL001DAC"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_kvSLFkCrBFJkckg7"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312163-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312163"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312163-actions"
        style="position-anchor: --action-1312163;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312163" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312163?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312163">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312163"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312163-50CMY0-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312163-50CMY0-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312163"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312163-50CMY0-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312163-50CMY0-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl002on'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl002on">
                <span>DL1408CL002ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL002ON"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_nI6DKrLa6rH5x9pP"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312164-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312164"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312164-actions"
        style="position-anchor: --action-1312164;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312164" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312164?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312164">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312164"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312164-BPwEFq-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312164-BPwEFq-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312164"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312164-BPwEFq-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312164-BPwEFq-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl002da'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl002da">
                <span>DL1408CL002DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL002DA"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_wPoDA1wklL7vNCTk"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312165-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312165"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312165-actions"
        style="position-anchor: --action-1312165;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312165" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312165?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312165">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312165"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312165-eC2cxK-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312165-eC2cxK-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312165"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312165-eC2cxK-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312165-eC2cxK-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/cerno-8-led-19-dl1408cl002dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/cerno-8-led-19-dl1408cl002dac">
                <span>DL1408CL002DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL1408CL002DAC"
                form="variants-download-17821">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                119
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                82
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                6,7
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                16
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_dt6y47cGDV3VEmxo"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1312166-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1312166"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1312166-actions"
        style="position-anchor: --action-1312166;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1312166" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1312166?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1312166">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/CERNO 8 6.7W 940 18D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1312166"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1312166-1sZiwt-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1312166-1sZiwt-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1312166"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312166-1sZiwt-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-f6728782-2672-4330-ac52-ae32c5be887f-collection-item-add-dialog-variant-1312166-1sZiwt-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>

    <tr id="product-17821-variants-pagination"
        class="bg-[#F8F8F8] dark:bg-[#1f2020] border-t border-[#E4E4E4]">
        <td colspan="15" class="text-end text-xs  py-4">
            <div
    class="flex justify-end gap-2"    class="flex justify-center">
            <a href="https://www.bright.gr/product/17821/variants/pagination?glare_indicator_ugr_longwise_optics=16&amp;variants_page=4"
            data-mkey="next"
            class="relative cta-secondary text-xs">
            Load more variants
            <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>
    
            
        <form id="variants-download-17821"
            action="https://www.bright.gr/variants/download"
            method="POST"
            data-turbo="false">
            <input type="hidden" name="_token" value="gXtBxHt8SoayfsDKGOjGtLXEoc3V4rThf5xYKgoN" autocomplete="off">
            <button type="submit" class="relative cta-secondary text-xs">
                Download files
            </button>
        </form>
    </div>

        </td>
    </tr>
</template></turbo-stream>