<turbo-stream action="replace" target="product-17964-variants-pagination"><template><tr onclick="window.location='https://www.bright.gr/mini-talus-4f-led-18-dl3887cl006da'"
        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/mini-talus-4f-led-18-dl3887cl006da">
                <span>DL3887CL006DA</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Chrome
            </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                26,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                2892
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_kM2ohxrt4zlbxvAY"
    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-1335479-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335479"
        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-1335479-actions"
        style="position-anchor: --action-1335479;" 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/1335479" 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/1335479?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/1335479">
                    <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/MINI TALUS 4F 26.8W 930 24D_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-1335479"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335479-hUpjbU-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-1335479-hUpjbU-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/1335479"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335479-hUpjbU-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335479-hUpjbU-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/mini-talus-4f-led-18-dl3887cl006dac'"
        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/mini-talus-4f-led-18-dl3887cl006dac">
                <span>DL3887CL006DAC</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Chrome
            </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                26,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                2892
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_C4W1MmRszLFyY8Ou"
    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-1335480-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335480"
        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-1335480-actions"
        style="position-anchor: --action-1335480;" 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/1335480" 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/1335480?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/1335480">
                    <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/MINI TALUS 4F 26.8W 930 24D_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-1335480"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335480-3WCfbA-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-1335480-3WCfbA-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/1335480"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335480-3WCfbA-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335480-3WCfbA-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/mini-talus-4f-led-18-dl3888cl001on'"
        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/mini-talus-4f-led-18-dl3888cl001on">
                <span>DL3888CL001ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL001ON"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_Fc32RDopN9fgmGmi"
    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-1335481-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335481"
        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-1335481-actions"
        style="position-anchor: --action-1335481;" 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/1335481" 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/1335481?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/1335481">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335481"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335481-UZabd7-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-1335481-UZabd7-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/1335481"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335481-UZabd7-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335481-UZabd7-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/mini-talus-4f-led-18-dl3888cl001da'"
        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/mini-talus-4f-led-18-dl3888cl001da">
                <span>DL3888CL001DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL001DA"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_lSHVxS3Up1Bv8KKN"
    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-1335482-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335482"
        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-1335482-actions"
        style="position-anchor: --action-1335482;" 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/1335482" 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/1335482?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/1335482">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335482"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335482-lmjxlf-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-1335482-lmjxlf-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/1335482"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335482-lmjxlf-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335482-lmjxlf-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/mini-talus-4f-led-18-dl3888cl001dac'"
        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/mini-talus-4f-led-18-dl3888cl001dac">
                <span>DL3888CL001DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL001DAC"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_7wbVozqHBs0pnFdk"
    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-1335483-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335483"
        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-1335483-actions"
        style="position-anchor: --action-1335483;" 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/1335483" 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/1335483?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/1335483">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335483"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335483-3JcQ9g-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-1335483-3JcQ9g-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/1335483"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335483-3JcQ9g-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335483-3JcQ9g-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/mini-talus-4f-led-18-dl3888cl002on'"
        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/mini-talus-4f-led-18-dl3888cl002on">
                <span>DL3888CL002ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL002ON"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_7UhI9EKLfhcbXhjK"
    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-1335484-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335484"
        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-1335484-actions"
        style="position-anchor: --action-1335484;" 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/1335484" 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/1335484?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/1335484">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335484"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335484-B5JzTe-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-1335484-B5JzTe-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/1335484"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335484-B5JzTe-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335484-B5JzTe-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/mini-talus-4f-led-18-dl3888cl002da'"
        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/mini-talus-4f-led-18-dl3888cl002da">
                <span>DL3888CL002DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL002DA"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_5Uqcj5iJFcgOs2Cr"
    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-1335485-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335485"
        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-1335485-actions"
        style="position-anchor: --action-1335485;" 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/1335485" 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/1335485?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/1335485">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335485"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335485-hlzzcN-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-1335485-hlzzcN-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/1335485"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335485-hlzzcN-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335485-hlzzcN-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/mini-talus-4f-led-18-dl3888cl002dac'"
        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/mini-talus-4f-led-18-dl3888cl002dac">
                <span>DL3888CL002DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="DL3888CL002DAC"
                form="variants-download-17964">
        </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_mSnbPcUTzFfAl74l"
    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-1335486-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335486"
        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-1335486-actions"
        style="position-anchor: --action-1335486;" 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/1335486" 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/1335486?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/1335486">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335486"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335486-8jedSB-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-1335486-8jedSB-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/1335486"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335486-8jedSB-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335486-8jedSB-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/mini-talus-4f-led-18-dl3888cl003on'"
        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/mini-talus-4f-led-18-dl3888cl003on">
                <span>DL3888CL003ON</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_gV5AEOv4fThs0qcz"
    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-1335487-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335487"
        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-1335487-actions"
        style="position-anchor: --action-1335487;" 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/1335487" 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/1335487?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/1335487">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335487"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335487-fspNff-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-1335487-fspNff-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/1335487"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335487-fspNff-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335487-fspNff-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/mini-talus-4f-led-18-dl3888cl003da'"
        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/mini-talus-4f-led-18-dl3888cl003da">
                <span>DL3888CL003DA</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </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]">
                NM
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                24º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                410
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                125
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                145
            </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]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                3184
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15
            </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_yAnbDBioezktFdZi"
    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-1335488-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1335488"
        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-1335488-actions"
        style="position-anchor: --action-1335488;" 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/1335488" 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/1335488?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/1335488">
                    <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/MINI TALUS 4F 30.0W 930 24D_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-1335488"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1335488-75efpL-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-1335488-75efpL-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/1335488"
                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="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" 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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335488-75efpL-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-d030ac7a-08a0-4881-aa48-daac87295aad-collection-item-add-dialog-variant-1335488-75efpL-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-17964-variants-pagination"
        class="bg-[#F8F8F8] dark:bg-[#1f2020] border-t border-[#E4E4E4]">
        <td colspan="16" 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/17964/variants/pagination?variants_page=2"
            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-17964"
            action="https://www.bright.gr/variants/download"
            method="POST"
            data-turbo="false">
            <input type="hidden" name="_token" value="Cru5SFHd6juhv3b6Wb9Nt47hiKHEvWZIGPmuL3pq" autocomplete="off">
            <button type="submit" class="relative cta-secondary text-xs">
                Download files
            </button>
        </form>
    </div>

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