<turbo-stream action="replace" target="subcategory-673-section"><template><section id="subcategory-673-section">
    <div id="decorative" class="max-w-2xl lg:max-w-7xl mx-auto space-y-4">
        <div class="pl-6 lg:pl-0">
            <a
                alt="Decorative"
                data-turbo-frame="_top"
                                    href="https://www.bright.gr/decorative-11"
                                class="flex items-end justify-between w-full border-b border-primary pb-4 text-dark dark:text-[#f4f4f5] pr-6">
                <h2 class="text-2xl lg:text-3xl   lg:pr-0">
                    Decorative
                </h2>

                <span class="cta-secondary">
                    <svg class="w-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
                    <span>View All</span>
                </span>
            </a>

        </div>

        
                    <div class="flex items-center border-b border-[#E4E4E4] mb-8 overflow-x-auto lg:overflow-x-hidden gap-1.5">
                <a
                    href="https://www.bright.gr/category/673/child"
                    class="flex items-center gap-x-2 p-4 ">
                    <span class="block">All</span>
                </a>

                                    <a
                        href="https://www.bright.gr/category/673/child/694"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Pendant" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/DUMUS_2.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/DUMUS_2.jpg 2x"
                                    alt="Pendant"/>

                                                            </div>
                        
                        <span class="block">Pendant</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/695"
                        class="flex items-center gap-x-2 p-4  border-b border-dark dark:border-[#f4f4f5]">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Ceramic" class="aspect-square rounded-full block w-full h-full object-contain"                                    src="https://www.bright.gr/images/styles/category_thumbnail/ORDO_1_SP.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/ORDO_1_SP.jpg 2x"
                                    alt="Ceramic"/>

                                                                    <div class="absolute inset-0 bg-primary-600 rounded-full z-10 mix-blend-multiply pointer-events-none"></div>
                                                            </div>
                        
                        <span class="block">Ceramic</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/696"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Table" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/MINI_NARRO.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/MINI_NARRO.jpg 2x"
                                    alt="Table"/>

                                                            </div>
                        
                        <span class="block">Table</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/697"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Floor Lights" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/NARRO_FLOOR.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/NARRO_FLOOR.jpg 2x"
                                    alt="Floor Lights"/>

                                                            </div>
                        
                        <span class="block">Floor Lights</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/698"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Ceiling" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/VANILLA.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/VANILLA.jpg 2x"
                                    alt="Ceiling"/>

                                                            </div>
                        
                        <span class="block">Ceiling</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/699"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Wall" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/LATER.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/LATER.jpg 2x"
                                    alt="Wall"/>

                                                            </div>
                        
                        <span class="block">Wall</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/700"
                        class="flex items-center gap-x-2 p-4 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Reading" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    src="https://www.bright.gr/images/styles/category_thumbnail/CUP_WALL_3.jpg"
                                    srcset="https://www.bright.gr/images/styles/category_thumbnail@2x/CUP_WALL_3.jpg 2x"
                                    alt="Reading"/>

                                                            </div>
                        
                        <span class="block">Reading</span>
                    </a>
                            </div>
        
                    
            <div class="lg:hidden">
        <turbo-frame id="subsection-mobile-673">
    <div class="px-3 py-4 overflow-auto flex items-start gap-x-6">
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3773/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/ORDO_1_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORDO_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORDO_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/ORDO_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                ORDO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11604/index" data-turbo-frame="_top" class="chip">
                    ORDO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11605/index" data-turbo-frame="_top" class="chip">
                    ORDO 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3778/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PALLA_2_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PALLA_2_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PALLA_2_SP.jpg 340w, https://www.bright.gr/images/styles/post/PALLA_2_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PALLA

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11614/index" data-turbo-frame="_top" class="chip">
                    PALLA 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11615/index" data-turbo-frame="_top" class="chip">
                    PALLA 1
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3779/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/EBUR_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/EBUR_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/EBUR_3.jpg 340w, https://www.bright.gr/images/styles/post/EBUR_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                EBUR

                                    <span class="text-xs">(4)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11616/index" data-turbo-frame="_top" class="chip">
                    EBUR 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11617/index" data-turbo-frame="_top" class="chip">
                    EBUR 4
                </a>
                            <a href="https://www.bright.gr/subgroup/11618/index" data-turbo-frame="_top" class="chip">
                    EBUR 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11619/index" data-turbo-frame="_top" class="chip">
                    EBUR 6
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3780/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/FILIA_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FILIA_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FILIA_1.jpg 340w, https://www.bright.gr/images/styles/post/FILIA_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                FILIA

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11620/index" data-turbo-frame="_top" class="chip">
                    FILIA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11621/index" data-turbo-frame="_top" class="chip">
                    FILIA 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11622/index" data-turbo-frame="_top" class="chip">
                    FILIA 3
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3781/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BIVIUS_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BIVIUS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BIVIUS_1.jpg 340w, https://www.bright.gr/images/styles/post/BIVIUS_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BIVIUS

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11623/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11624/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11979/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 3
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3782/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PUDOR_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PUDOR_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PUDOR_3.jpg 340w, https://www.bright.gr/images/styles/post/PUDOR_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PUDOR

                                    <span class="text-xs">(1)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11625/index" data-turbo-frame="_top" class="chip">
                    PUDOR 3
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3783/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BONUS_1_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BONUS_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BONUS_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/BONUS_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BONUS

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11626/index" data-turbo-frame="_top" class="chip">
                    BONUS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11627/index" data-turbo-frame="_top" class="chip">
                    BONUS 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3784/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BELLE_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BELLE_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BELLE_1.jpg 340w, https://www.bright.gr/images/styles/post/BELLE_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BELLE

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11628/index" data-turbo-frame="_top" class="chip">
                    BELLE 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11629/index" data-turbo-frame="_top" class="chip">
                    BELLE 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3785/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MALUM.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MALUM.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MALUM.jpg 340w, https://www.bright.gr/images/styles/post/MALUM.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                MALUM

                                    <span class="text-xs">(4)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11630/index" data-turbo-frame="_top" class="chip">
                    MALUM
                </a>
                            <a href="https://www.bright.gr/subgroup/11631/index" data-turbo-frame="_top" class="chip">
                    MALUM 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11632/index" data-turbo-frame="_top" class="chip">
                    MALUM 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11633/index" data-turbo-frame="_top" class="chip">
                    MALUM 4
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3786/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/LENIS_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LENIS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LENIS_1.jpg 340w, https://www.bright.gr/images/styles/post/LENIS_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                LENIS

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11634/index" data-turbo-frame="_top" class="chip">
                    LENIS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11635/index" data-turbo-frame="_top" class="chip">
                    LENIS 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3787/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/TEGO_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TEGO_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TEGO_1.jpg 340w, https://www.bright.gr/images/styles/post/TEGO_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                TEGO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11636/index" data-turbo-frame="_top" class="chip">
                    TEGO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11637/index" data-turbo-frame="_top" class="chip">
                    TEGO 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3790/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PLANUS_18.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PLANUS_18.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PLANUS_18.jpg 340w, https://www.bright.gr/images/styles/post/PLANUS_18.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PLANUS

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11647/index" data-turbo-frame="_top" class="chip">
                    PLANUS 18
                </a>
                            <a href="https://www.bright.gr/subgroup/11648/index" data-turbo-frame="_top" class="chip">
                    PLANUS 19
                </a>
                            <a href="https://www.bright.gr/subgroup/11649/index" data-turbo-frame="_top" class="chip">
                    PLANUS 20
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3791/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/CODEX_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CODEX_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CODEX_2.jpg 340w, https://www.bright.gr/images/styles/post/CODEX_2.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                CODEX

                                    <span class="text-xs">(9)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11650/index" data-turbo-frame="_top" class="chip">
                    CODEX 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11651/index" data-turbo-frame="_top" class="chip">
                    CODEX 12
                </a>
                            <a href="https://www.bright.gr/subgroup/11652/index" data-turbo-frame="_top" class="chip">
                    CODEX 12 MAX
                </a>
                            <a href="https://www.bright.gr/subgroup/11653/index" data-turbo-frame="_top" class="chip">
                    CODEX 4
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11654/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11655/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 6
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11656/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 7
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11657/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 13
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11658/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 20
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+5 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +5
                </button>
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3792/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MINI_DEUS_B2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_DEUS_B2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_DEUS_B2.jpg 340w, https://www.bright.gr/images/styles/post/MINI_DEUS_B2.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                DEUS

                                    <span class="text-xs">(12)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11659/index" data-turbo-frame="_top" class="chip">
                    MINI DEUS
                </a>
                            <a href="https://www.bright.gr/subgroup/11660/index" data-turbo-frame="_top" class="chip">
                    DEUS 600
                </a>
                            <a href="https://www.bright.gr/subgroup/11661/index" data-turbo-frame="_top" class="chip">
                    DEUS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11662/index" data-turbo-frame="_top" class="chip">
                    DEUS B
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11663/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS E
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11664/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS F
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11665/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS K
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11666/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS L
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11667/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS M
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11668/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS R
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11669/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS T
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11792/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS CORNER
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+8 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +8
                </button>
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3796/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/VIBRO_1_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VIBRO_1_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VIBRO_1_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VIBRO_1_TABLE.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                VIRBO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11673/index" data-turbo-frame="_top" class="chip">
                    VIBRO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11674/index" data-turbo-frame="_top" class="chip">
                    VIBRO 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3803/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/KION.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/KION.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/KION.jpg 340w, https://www.bright.gr/images/styles/post/KION.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                KION

                                    <span class="text-xs">(1)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11689/index" data-turbo-frame="_top" class="chip">
                    KION
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3967/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/VOCO_1_WALL_V36_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VOCO_1_WALL_V36_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VOCO_1_WALL_V36_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/VOCO_1_WALL_V36_MAIN.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                VOCO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/12080/index" data-turbo-frame="_top" class="chip">
                    VOCO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/12081/index" data-turbo-frame="_top" class="chip">
                    VOCO 2
                </a>
            
            
                    </div>
    </div>
            </div>
            </div>
</turbo-frame>
    </div>

<div class="hidden lg:grid lg:grid-cols-4 lg:gap-8 lg:pb-8 lg:pt-4">
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3773/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/ORDO_1_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORDO_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORDO_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/ORDO_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                ORDO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11604/index" data-turbo-frame="_top" class="chip">
                    ORDO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11605/index" data-turbo-frame="_top" class="chip">
                    ORDO 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3778/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PALLA_2_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PALLA_2_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PALLA_2_SP.jpg 340w, https://www.bright.gr/images/styles/post/PALLA_2_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PALLA

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11614/index" data-turbo-frame="_top" class="chip">
                    PALLA 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11615/index" data-turbo-frame="_top" class="chip">
                    PALLA 1
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3779/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/EBUR_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/EBUR_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/EBUR_3.jpg 340w, https://www.bright.gr/images/styles/post/EBUR_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                EBUR

                                    <span class="text-xs">(4)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11616/index" data-turbo-frame="_top" class="chip">
                    EBUR 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11617/index" data-turbo-frame="_top" class="chip">
                    EBUR 4
                </a>
                            <a href="https://www.bright.gr/subgroup/11618/index" data-turbo-frame="_top" class="chip">
                    EBUR 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11619/index" data-turbo-frame="_top" class="chip">
                    EBUR 6
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3780/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/FILIA_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FILIA_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FILIA_1.jpg 340w, https://www.bright.gr/images/styles/post/FILIA_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                FILIA

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11620/index" data-turbo-frame="_top" class="chip">
                    FILIA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11621/index" data-turbo-frame="_top" class="chip">
                    FILIA 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11622/index" data-turbo-frame="_top" class="chip">
                    FILIA 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3781/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BIVIUS_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BIVIUS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BIVIUS_1.jpg 340w, https://www.bright.gr/images/styles/post/BIVIUS_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BIVIUS

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11623/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11624/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11979/index" data-turbo-frame="_top" class="chip">
                    BIVIUS 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3782/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PUDOR_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PUDOR_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PUDOR_3.jpg 340w, https://www.bright.gr/images/styles/post/PUDOR_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PUDOR

                                    <span class="text-xs">(1)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11625/index" data-turbo-frame="_top" class="chip">
                    PUDOR 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3783/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BONUS_1_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BONUS_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BONUS_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/BONUS_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BONUS

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11626/index" data-turbo-frame="_top" class="chip">
                    BONUS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11627/index" data-turbo-frame="_top" class="chip">
                    BONUS 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3784/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/BELLE_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BELLE_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BELLE_1.jpg 340w, https://www.bright.gr/images/styles/post/BELLE_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                BELLE

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11628/index" data-turbo-frame="_top" class="chip">
                    BELLE 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11629/index" data-turbo-frame="_top" class="chip">
                    BELLE 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3785/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MALUM.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MALUM.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MALUM.jpg 340w, https://www.bright.gr/images/styles/post/MALUM.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                MALUM

                                    <span class="text-xs">(4)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11630/index" data-turbo-frame="_top" class="chip">
                    MALUM
                </a>
                            <a href="https://www.bright.gr/subgroup/11631/index" data-turbo-frame="_top" class="chip">
                    MALUM 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11632/index" data-turbo-frame="_top" class="chip">
                    MALUM 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11633/index" data-turbo-frame="_top" class="chip">
                    MALUM 4
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3786/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/LENIS_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LENIS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LENIS_1.jpg 340w, https://www.bright.gr/images/styles/post/LENIS_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                LENIS

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11634/index" data-turbo-frame="_top" class="chip">
                    LENIS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11635/index" data-turbo-frame="_top" class="chip">
                    LENIS 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3787/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/TEGO_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TEGO_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TEGO_1.jpg 340w, https://www.bright.gr/images/styles/post/TEGO_1.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                TEGO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11636/index" data-turbo-frame="_top" class="chip">
                    TEGO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11637/index" data-turbo-frame="_top" class="chip">
                    TEGO 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3790/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/PLANUS_18.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PLANUS_18.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PLANUS_18.jpg 340w, https://www.bright.gr/images/styles/post/PLANUS_18.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                PLANUS

                                    <span class="text-xs">(3)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11647/index" data-turbo-frame="_top" class="chip">
                    PLANUS 18
                </a>
                            <a href="https://www.bright.gr/subgroup/11648/index" data-turbo-frame="_top" class="chip">
                    PLANUS 19
                </a>
                            <a href="https://www.bright.gr/subgroup/11649/index" data-turbo-frame="_top" class="chip">
                    PLANUS 20
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3791/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/CODEX_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CODEX_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CODEX_2.jpg 340w, https://www.bright.gr/images/styles/post/CODEX_2.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                CODEX

                                    <span class="text-xs">(9)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11650/index" data-turbo-frame="_top" class="chip">
                    CODEX 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11651/index" data-turbo-frame="_top" class="chip">
                    CODEX 12
                </a>
                            <a href="https://www.bright.gr/subgroup/11652/index" data-turbo-frame="_top" class="chip">
                    CODEX 12 MAX
                </a>
                            <a href="https://www.bright.gr/subgroup/11653/index" data-turbo-frame="_top" class="chip">
                    CODEX 4
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11654/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11655/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 6
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11656/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 7
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11657/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 13
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11658/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        CODEX 20
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+5 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +5
                </button>
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3792/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MINI_DEUS_B2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_DEUS_B2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_DEUS_B2.jpg 340w, https://www.bright.gr/images/styles/post/MINI_DEUS_B2.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                DEUS

                                    <span class="text-xs">(12)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11659/index" data-turbo-frame="_top" class="chip">
                    MINI DEUS
                </a>
                            <a href="https://www.bright.gr/subgroup/11660/index" data-turbo-frame="_top" class="chip">
                    DEUS 600
                </a>
                            <a href="https://www.bright.gr/subgroup/11661/index" data-turbo-frame="_top" class="chip">
                    DEUS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11662/index" data-turbo-frame="_top" class="chip">
                    DEUS B
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11663/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS E
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11664/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS F
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11665/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS K
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11666/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS L
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11667/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS M
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11668/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS R
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11669/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS T
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11792/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        DEUS CORNER
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+8 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +8
                </button>
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3796/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/VIBRO_1_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VIBRO_1_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VIBRO_1_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VIBRO_1_TABLE.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                VIRBO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11673/index" data-turbo-frame="_top" class="chip">
                    VIBRO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11674/index" data-turbo-frame="_top" class="chip">
                    VIBRO 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3803/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/KION.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/KION.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/KION.jpg 340w, https://www.bright.gr/images/styles/post/KION.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                KION

                                    <span class="text-xs">(1)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11689/index" data-turbo-frame="_top" class="chip">
                    KION
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3967/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/VOCO_1_WALL_V36_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VOCO_1_WALL_V36_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VOCO_1_WALL_V36_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/VOCO_1_WALL_V36_MAIN.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                VOCO

                                    <span class="text-xs">(2)</span>
                            </div>

            <svg class="w-5 h-5 inline-block transition delay-300 duration-300
                       ease-in-out shrink-0 z-10 opacity-0 transform -translate-x-1/2
                       group-hover/category:translate-x-0 group-hover/category:opacity-100 dark:group-hover/category:text-[#383a3b]" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z"/></svg>
        </div>
    </a>

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/12080/index" data-turbo-frame="_top" class="chip">
                    VOCO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/12081/index" data-turbo-frame="_top" class="chip">
                    VOCO 2
                </a>
            
            
                    </div>
    </div>
    </div>

<div id="subcategory-673-pagination" class="hidden lg:flex items-center justify-center text-center my-8">
    
</div>
            </div>
</section>
</template></turbo-stream>