<turbo-stream action="replace" target="product-16390-variants-pagination"><template><tr onclick="window.open('https://www.bright.gr/comis-5-ii-sp-14-des0239cl001', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0239cl001">
                <span>DES0239CL001</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1056
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_3H3VlltrCiWyLyin"
    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-1193905-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193905"
        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-1193905-actions"
        style="position-anchor: --action-1193905;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193905" 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">
                <a href="https://www.bright.gr/tender-text/1193905?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">
                <a href="https://www.bright.gr/technical-data/1193905">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193905"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193905-eGQDu6-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-1193905-eGQDu6-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/1193905"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193905-eGQDu6-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193905-eGQDu6-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0239cl002', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0239cl002">
                <span>DES0239CL002</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1056
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_z7Exqe4kAsrX6Njq"
    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-1193906-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193906"
        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-1193906-actions"
        style="position-anchor: --action-1193906;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193906" 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">
                <a href="https://www.bright.gr/tender-text/1193906?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">
                <a href="https://www.bright.gr/technical-data/1193906">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193906"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193906-v94fAH-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-1193906-v94fAH-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/1193906"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193906-v94fAH-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193906-v94fAH-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0239cl003', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0239cl003">
                <span>DES0239CL003</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1056
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_GAm6pC9Dr6x0SrZk"
    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-1193907-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193907"
        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-1193907-actions"
        style="position-anchor: --action-1193907;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193907" 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">
                <a href="https://www.bright.gr/tender-text/1193907?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">
                <a href="https://www.bright.gr/technical-data/1193907">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193907"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193907-ex5GwP-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-1193907-ex5GwP-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/1193907"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193907-ex5GwP-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193907-ex5GwP-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0240cl001', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0240cl001">
                <span>DES0240CL001</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1650
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_gX2xOTMD7PwMaCpR"
    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-1193908-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193908"
        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-1193908-actions"
        style="position-anchor: --action-1193908;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193908" 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">
                <a href="https://www.bright.gr/tender-text/1193908?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">
                <a href="https://www.bright.gr/technical-data/1193908">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193908"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193908-FvNyAI-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-1193908-FvNyAI-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/1193908"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193908-FvNyAI-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193908-FvNyAI-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0240cl002', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0240cl002">
                <span>DES0240CL002</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1650
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_Q0iZ0NmQngd8VNlG"
    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-1193909-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193909"
        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-1193909-actions"
        style="position-anchor: --action-1193909;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193909" 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">
                <a href="https://www.bright.gr/tender-text/1193909?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">
                <a href="https://www.bright.gr/technical-data/1193909">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193909"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193909-Gdm0bH-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-1193909-Gdm0bH-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/1193909"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193909-Gdm0bH-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193909-Gdm0bH-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0240cl003', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0240cl003">
                <span>DES0240CL003</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1650
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_15hVRmPs9bkabN51"
    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-1193910-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193910"
        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-1193910-actions"
        style="position-anchor: --action-1193910;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193910" 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">
                <a href="https://www.bright.gr/tender-text/1193910?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">
                <a href="https://www.bright.gr/technical-data/1193910">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193910"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193910-7Dpo2V-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-1193910-7Dpo2V-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/1193910"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193910-7Dpo2V-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193910-7Dpo2V-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0241cl001', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0241cl001">
                <span>DES0241CL001</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1344
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_HqRmj5QJlqkbV4MG"
    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-1193911-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193911"
        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-1193911-actions"
        style="position-anchor: --action-1193911;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193911" 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">
                <a href="https://www.bright.gr/tender-text/1193911?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">
                <a href="https://www.bright.gr/technical-data/1193911">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193911"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193911-bN9OZg-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-1193911-bN9OZg-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/1193911"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193911-bN9OZg-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193911-bN9OZg-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0241cl002', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0241cl002">
                <span>DES0241CL002</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1344
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_8TexEI5STR2waqzL"
    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-1193912-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193912"
        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-1193912-actions"
        style="position-anchor: --action-1193912;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193912" 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">
                <a href="https://www.bright.gr/tender-text/1193912?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">
                <a href="https://www.bright.gr/technical-data/1193912">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193912"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193912-fuDst5-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-1193912-fuDst5-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/1193912"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193912-fuDst5-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193912-fuDst5-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0241cl003', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0241cl003">
                <span>DES0241CL003</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                19,2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1344
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_fJlM2AOVwTuDE8GB"
    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-1193913-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193913"
        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-1193913-actions"
        style="position-anchor: --action-1193913;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193913" 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">
                <a href="https://www.bright.gr/tender-text/1193913?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">
                <a href="https://www.bright.gr/technical-data/1193913">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193913"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193913-mBc2VT-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-1193913-mBc2VT-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/1193913"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193913-mBc2VT-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193913-mBc2VT-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.open('https://www.bright.gr/comis-5-ii-sp-14-des0242cl001', 'COMIS 5 II SP')"
        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/comis-5-ii-sp-14-des0242cl001">
                <span>DES0242CL001</span>
            </a>

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

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                LED Strip
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                VW
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                360º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1000
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                113
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                79
            </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 class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                30
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                2100
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                940
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </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_TA5TTXcmvplL53FG"
    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-1193914-actions"
        aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1193914"
        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-1193914-actions"
        style="position-anchor: --action-1193914;" 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="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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/1193914" 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">
                <a href="https://www.bright.gr/tender-text/1193914?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">
                <a href="https://www.bright.gr/technical-data/1193914">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

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

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1193914"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1193914-z6pu8V-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-1193914-z6pu8V-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/1193914"
                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="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" 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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193914-z6pu8V-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-695a720f-cb95-4e13-bf89-1c3a7fd6f1c9-collection-item-add-dialog-variant-1193914-z6pu8V-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-16390-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/16390/variants/pagination?variants_page=2"
            data-mkey="next"
            class="relative cta-secondary text-xs">
            Load more variants
            <svg class="w-4 h-4 transform rotate-90" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
        </a>
    
            
        <form id="variants-download-16390"
            class="pr-2"
            action="https://www.bright.gr/variants/download"
            method="POST"
            data-turbo="false">
            <input type="hidden" name="_token" value="59UJNkIoQqLitdq4THBmLQIWIgl2wBZiA4cbMBQi" autocomplete="off">
            <button type="submit" class="relative cta-secondary text-xs">
                Download files
            </button>
        </form>
    </div>

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