<turbo-stream action="replace" target="product-17618-variants-pagination"><template><tr onclick="window.location='https://www.bright.gr/stradale-l-2-st0559da'"
        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/stradale-l-2-st0559da">
                <span>ST0559DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0559DA"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                II
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_oDHh55efqXze1hpO"
    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-1276989-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276989"
        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-1276989-actions"
        style="position-anchor: --action-1276989;" 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/1276989" 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/1276989?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/1276989">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276989"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276989-6Pqltb-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-1276989-6Pqltb-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/1276989"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276989-6Pqltb-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276989-6Pqltb-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/stradale-l-2-st0560an'"
        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/stradale-l-2-st0560an">
                <span>ST0560AN</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0560AN"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1–10V
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_olCy4cqDzQ8A4Ahm"
    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-1276990-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276990"
        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-1276990-actions"
        style="position-anchor: --action-1276990;" 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/1276990" 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/1276990?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/1276990">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276990"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276990-HOeqKx-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-1276990-HOeqKx-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/1276990"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276990-HOeqKx-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276990-HOeqKx-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/stradale-l-2-st0560da'"
        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/stradale-l-2-st0560da">
                <span>ST0560DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0560DA"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_9uEOuxphpb1Fjn7L"
    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-1276991-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276991"
        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-1276991-actions"
        style="position-anchor: --action-1276991;" 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/1276991" 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/1276991?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/1276991">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276991"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276991-abX28B-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-1276991-abX28B-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/1276991"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276991-abX28B-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276991-abX28B-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/stradale-l-2-st0561an'"
        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/stradale-l-2-st0561an">
                <span>ST0561AN</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0561AN"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1–10V
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_cViwYJSLGIezXVkT"
    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-1276992-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276992"
        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-1276992-actions"
        style="position-anchor: --action-1276992;" 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/1276992" 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/1276992?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/1276992">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276992"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276992-tzW75N-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-1276992-tzW75N-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/1276992"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276992-tzW75N-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276992-tzW75N-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/stradale-l-2-st0561da'"
        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/stradale-l-2-st0561da">
                <span>ST0561DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0561DA"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_Foa5QIMX60Wzhrfp"
    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-1276993-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276993"
        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-1276993-actions"
        style="position-anchor: --action-1276993;" 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/1276993" 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/1276993?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/1276993">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276993"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276993-Q1ifqF-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-1276993-Q1ifqF-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/1276993"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276993-Q1ifqF-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276993-Q1ifqF-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/stradale-l-2-st0562an'"
        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/stradale-l-2-st0562an">
                <span>ST0562AN</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0562AN"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1–10V
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_X7w5WdTaeKV48o2P"
    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-1276994-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276994"
        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-1276994-actions"
        style="position-anchor: --action-1276994;" 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/1276994" 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/1276994?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/1276994">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276994"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276994-Be23I4-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-1276994-Be23I4-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/1276994"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276994-Be23I4-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276994-Be23I4-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/stradale-l-2-st0562da'"
        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/stradale-l-2-st0562da">
                <span>ST0562DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0562DA"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                III
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23250
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                757
            </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]">
                
            </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_78ZyPlfFKNRLvX0T"
    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-1276995-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276995"
        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-1276995-actions"
        style="position-anchor: --action-1276995;" 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/1276995" 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/1276995?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/1276995">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276995"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276995-W3UAMw-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-1276995-W3UAMw-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/1276995"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276995-W3UAMw-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276995-W3UAMw-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/stradale-l-2-st0563an'"
        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/stradale-l-2-st0563an">
                <span>ST0563AN</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0563AN"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                II
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1–10V
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23513
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                730
            </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]">
                
            </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_hwUz9ePzBeMdoAOX"
    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-1276996-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276996"
        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-1276996-actions"
        style="position-anchor: --action-1276996;" 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/1276996" 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/1276996?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/1276996">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276996"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276996-Ordd6b-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-1276996-Ordd6b-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/1276996"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276996-Ordd6b-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276996-Ordd6b-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/stradale-l-2-st0563da'"
        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/stradale-l-2-st0563da">
                <span>ST0563DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0563DA"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                II
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23513
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                730
            </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]">
                
            </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_hXjUoGY70G0hjGEO"
    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-1276997-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276997"
        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-1276997-actions"
        style="position-anchor: --action-1276997;" 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/1276997" 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/1276997?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/1276997">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276997"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276997-Z4cSuR-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-1276997-Z4cSuR-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/1276997"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276997-Z4cSuR-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276997-Z4cSuR-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/stradale-l-2-st0564an'"
        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/stradale-l-2-st0564an">
                <span>ST0564AN</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="ST0564AN"
                form="variants-download-17618">
        </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]">
                SMD LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                II
            </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]">
                762
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                290
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                143
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1–10V
            </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]">
                150
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                23513
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                730
            </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]">
                
            </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_eHQ1IVXaAzhDTDjP"
    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-1276998-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1276998"
        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-1276998-actions"
        style="position-anchor: --action-1276998;" 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/1276998" 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/1276998?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/1276998">
                    <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>

            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1276998"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1276998-JN0M26-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-1276998-JN0M26-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/1276998"
                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="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" 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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276998-JN0M26-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-af86bed5-8c24-434f-9071-2d7d9992ce43-collection-item-add-dialog-variant-1276998-JN0M26-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-17618-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/17618/variants/pagination?variants_page=3"
            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-17618"
            action="https://www.bright.gr/variants/download"
            method="POST"
            data-turbo="false">
            <input type="hidden" name="_token" value="4TZ1ccOT6hHYwe09lLjkwpLHZKEZlh9gZTpundHo" autocomplete="off">
            <button type="submit" class="relative cta-secondary text-xs">
                Download files
            </button>
        </form>
    </div>

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