<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 ">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Ceramic" class="aspect-square rounded-full block w-full h-full object-contain grayscale"                                    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>
                        
                        <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  border-b border-dark dark:border-[#f4f4f5]">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Table" class="aspect-square rounded-full block w-full h-full object-contain"                                    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 class="absolute inset-0 bg-primary-600 rounded-full z-10 mix-blend-multiply pointer-events-none"></div>
                                                            </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/3793/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_NARRO.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_NARRO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_NARRO.jpg 340w, https://www.bright.gr/images/styles/post/MINI_NARRO.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">
                NARRO

                                    <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/11670/index" data-turbo-frame="_top" class="chip">
                    NARRO
                </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/3795/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/ANIMO.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ANIMO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ANIMO.jpg 340w, https://www.bright.gr/images/styles/post/ANIMO.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">
                ANIMO

                                    <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/11672/index" data-turbo-frame="_top" class="chip">
                    ANIMO
                </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/3797/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/KAPAX_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/KAPAX_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/KAPAX_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/KAPAX_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">
                KAPAX

                                    <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/11675/index" data-turbo-frame="_top" class="chip">
                    KAPAX
                </a>
                            <a href="https://www.bright.gr/subgroup/11676/index" data-turbo-frame="_top" class="chip">
                    KAPAX SMALL
                </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/3798/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/ARIES_CUP_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ARIES_CUP_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ARIES_CUP_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/ARIES_CUP_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">
                ARIES

                                    <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/11677/index" data-turbo-frame="_top" class="chip">
                    ARIES CUP
                </a>
                            <a href="https://www.bright.gr/subgroup/11679/index" data-turbo-frame="_top" class="chip">
                    ARIES
                </a>
                            <a href="https://www.bright.gr/subgroup/11680/index" data-turbo-frame="_top" class="chip">
                    ARIES 10
                </a>
                            <a href="https://www.bright.gr/subgroup/11681/index" data-turbo-frame="_top" class="chip">
                    ARIES 12
                </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/3799/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/CUP_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CUP_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CUP_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/CUP_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">
                CUP

                                    <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/11678/index" data-turbo-frame="_top" class="chip">
                    CUP TABLE
                </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/3800/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/FERUS_20_TABLE_A.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_20_TABLE_A.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_20_TABLE_A.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_20_TABLE_A.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">
                FERUS

                                    <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/11682/index" data-turbo-frame="_top" class="chip">
                    FERUS 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/3801/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_AVOLO_16_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_16_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_AVOLO_16_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/MINI_AVOLO_16_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">
                AVOLO

                                    <span class="text-xs">(5)</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/11683/index" data-turbo-frame="_top" class="chip">
                    AVOLO 16
                </a>
                            <a href="https://www.bright.gr/subgroup/11684/index" data-turbo-frame="_top" class="chip">
                    AVOLO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11685/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11686/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11992/index" data-turbo-frame="_top" class="chip">
                    MINI AVOLO C
                </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/3802/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/PENNA_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENNA_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENNA_1.jpg 340w, https://www.bright.gr/images/styles/post/PENNA_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">
                PENNA

                                    <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/11687/index" data-turbo-frame="_top" class="chip">
                    PENNA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11688/index" data-turbo-frame="_top" class="chip">
                    PENNA 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/3804/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/RETE_S.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/RETE_S.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/RETE_S.jpg 340w, https://www.bright.gr/images/styles/post/RETE_S.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">
                RETE

                                    <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/11690/index" data-turbo-frame="_top" class="chip">
                    RETE
                </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/3805/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/BALLA_5_TABLE_L.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BALLA_5_TABLE_L.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BALLA_5_TABLE_L.jpg 340w, https://www.bright.gr/images/styles/post/BALLA_5_TABLE_L.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">
                BALLA

                                    <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/11691/index" data-turbo-frame="_top" class="chip">
                    BALLA 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11692/index" data-turbo-frame="_top" class="chip">
                    BALLA 7
                </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/3806/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/TORRIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TORRIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TORRIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/TORRIS_3_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">
                TORRIS

                                    <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/11693/index" data-turbo-frame="_top" class="chip">
                    TORRIS 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/3807/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/DICTO_1_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_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">
                DICTO

                                    <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/11694/index" data-turbo-frame="_top" class="chip">
                    DICTO 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/3808/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/VECTIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VECTIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VECTIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VECTIS_3_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">
                VECTIS

                                    <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/11695/index" data-turbo-frame="_top" class="chip">
                    VECTIS 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/3809/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/ORNO_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORNO_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORNO_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/ORNO_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">
                ORNO

                                    <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/11696/index" data-turbo-frame="_top" class="chip">
                    ORNO
                </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/3810/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/VERNO_60_LR_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VERNO_60_LR_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VERNO_60_LR_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VERNO_60_LR_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">
                VERNO

                                    <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/11697/index" data-turbo-frame="_top" class="chip">
                    VERNO 60
                </a>
                            <a href="https://www.bright.gr/subgroup/11698/index" data-turbo-frame="_top" class="chip">
                    VERNO 35
                </a>
                            <a href="https://www.bright.gr/subgroup/11699/index" data-turbo-frame="_top" class="chip">
                    VERNO 36
                </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/3811/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/MONS_A_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MONS_A_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MONS_A_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/MONS_A_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">
                MONS

                                    <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/11700/index" data-turbo-frame="_top" class="chip">
                    MONS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11701/index" data-turbo-frame="_top" class="chip">
                    MONS 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/3812/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/TALIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TALIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TALIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/TALIS_3_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">
                TALIS

                                    <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/11702/index" data-turbo-frame="_top" class="chip">
                    TALIS 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/3813/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/HERES_TABLE_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/HERES_TABLE_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/HERES_TABLE_2.jpg 340w, https://www.bright.gr/images/styles/post/HERES_TABLE_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">
                HERES

                                    <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/11703/index" data-turbo-frame="_top" class="chip">
                    HERES 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11704/index" data-turbo-frame="_top" class="chip">
                    HERES 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/3814/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/LOCUS_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LOCUS_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LOCUS_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/LOCUS_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">
                LOCUS

                                    <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/11705/index" data-turbo-frame="_top" class="chip">
                    LOCUS
                </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/4035/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/VALLO_1_TABLE_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALLO_1_TABLE_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALLO_1_TABLE_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/VALLO_1_TABLE_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">
                VALLO

                                    <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/12218/index" data-turbo-frame="_top" class="chip">
                    VALLO 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/4038/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/VEXO_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VEXO_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VEXO_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/VEXO_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">
                VEXO

                                    <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/12224/index" data-turbo-frame="_top" class="chip">
                    VEXO
                </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/3793/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_NARRO.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_NARRO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_NARRO.jpg 340w, https://www.bright.gr/images/styles/post/MINI_NARRO.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">
                NARRO

                                    <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/11670/index" data-turbo-frame="_top" class="chip">
                    NARRO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3795/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/ANIMO.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ANIMO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ANIMO.jpg 340w, https://www.bright.gr/images/styles/post/ANIMO.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">
                ANIMO

                                    <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/11672/index" data-turbo-frame="_top" class="chip">
                    ANIMO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3797/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/KAPAX_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/KAPAX_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/KAPAX_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/KAPAX_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">
                KAPAX

                                    <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/11675/index" data-turbo-frame="_top" class="chip">
                    KAPAX
                </a>
                            <a href="https://www.bright.gr/subgroup/11676/index" data-turbo-frame="_top" class="chip">
                    KAPAX SMALL
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3798/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/ARIES_CUP_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ARIES_CUP_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ARIES_CUP_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/ARIES_CUP_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">
                ARIES

                                    <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/11677/index" data-turbo-frame="_top" class="chip">
                    ARIES CUP
                </a>
                            <a href="https://www.bright.gr/subgroup/11679/index" data-turbo-frame="_top" class="chip">
                    ARIES
                </a>
                            <a href="https://www.bright.gr/subgroup/11680/index" data-turbo-frame="_top" class="chip">
                    ARIES 10
                </a>
                            <a href="https://www.bright.gr/subgroup/11681/index" data-turbo-frame="_top" class="chip">
                    ARIES 12
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3799/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/CUP_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CUP_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CUP_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/CUP_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">
                CUP

                                    <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/11678/index" data-turbo-frame="_top" class="chip">
                    CUP TABLE
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3800/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/FERUS_20_TABLE_A.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_20_TABLE_A.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_20_TABLE_A.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_20_TABLE_A.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">
                FERUS

                                    <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/11682/index" data-turbo-frame="_top" class="chip">
                    FERUS 20
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3801/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_AVOLO_16_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_16_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_AVOLO_16_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/MINI_AVOLO_16_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">
                AVOLO

                                    <span class="text-xs">(5)</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/11683/index" data-turbo-frame="_top" class="chip">
                    AVOLO 16
                </a>
                            <a href="https://www.bright.gr/subgroup/11684/index" data-turbo-frame="_top" class="chip">
                    AVOLO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11685/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11686/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11992/index" data-turbo-frame="_top" class="chip">
                    MINI AVOLO C
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3802/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/PENNA_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENNA_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENNA_1.jpg 340w, https://www.bright.gr/images/styles/post/PENNA_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">
                PENNA

                                    <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/11687/index" data-turbo-frame="_top" class="chip">
                    PENNA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11688/index" data-turbo-frame="_top" class="chip">
                    PENNA 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3804/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/RETE_S.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/RETE_S.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/RETE_S.jpg 340w, https://www.bright.gr/images/styles/post/RETE_S.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">
                RETE

                                    <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/11690/index" data-turbo-frame="_top" class="chip">
                    RETE
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3805/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/BALLA_5_TABLE_L.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BALLA_5_TABLE_L.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BALLA_5_TABLE_L.jpg 340w, https://www.bright.gr/images/styles/post/BALLA_5_TABLE_L.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">
                BALLA

                                    <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/11691/index" data-turbo-frame="_top" class="chip">
                    BALLA 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11692/index" data-turbo-frame="_top" class="chip">
                    BALLA 7
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3806/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/TORRIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TORRIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TORRIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/TORRIS_3_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">
                TORRIS

                                    <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/11693/index" data-turbo-frame="_top" class="chip">
                    TORRIS 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3807/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/DICTO_1_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_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">
                DICTO

                                    <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/11694/index" data-turbo-frame="_top" class="chip">
                    DICTO 1
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3808/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/VECTIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VECTIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VECTIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VECTIS_3_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">
                VECTIS

                                    <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/11695/index" data-turbo-frame="_top" class="chip">
                    VECTIS 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3809/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/ORNO_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORNO_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORNO_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/ORNO_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">
                ORNO

                                    <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/11696/index" data-turbo-frame="_top" class="chip">
                    ORNO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3810/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/VERNO_60_LR_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VERNO_60_LR_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VERNO_60_LR_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/VERNO_60_LR_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">
                VERNO

                                    <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/11697/index" data-turbo-frame="_top" class="chip">
                    VERNO 60
                </a>
                            <a href="https://www.bright.gr/subgroup/11698/index" data-turbo-frame="_top" class="chip">
                    VERNO 35
                </a>
                            <a href="https://www.bright.gr/subgroup/11699/index" data-turbo-frame="_top" class="chip">
                    VERNO 36
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3811/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/MONS_A_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MONS_A_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MONS_A_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/MONS_A_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">
                MONS

                                    <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/11700/index" data-turbo-frame="_top" class="chip">
                    MONS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11701/index" data-turbo-frame="_top" class="chip">
                    MONS 4
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3812/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/TALIS_3_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TALIS_3_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TALIS_3_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/TALIS_3_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">
                TALIS

                                    <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/11702/index" data-turbo-frame="_top" class="chip">
                    TALIS 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3813/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/HERES_TABLE_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/HERES_TABLE_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/HERES_TABLE_2.jpg 340w, https://www.bright.gr/images/styles/post/HERES_TABLE_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">
                HERES

                                    <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/11703/index" data-turbo-frame="_top" class="chip">
                    HERES 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11704/index" data-turbo-frame="_top" class="chip">
                    HERES 4
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3814/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/LOCUS_TABLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LOCUS_TABLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LOCUS_TABLE.jpg 340w, https://www.bright.gr/images/styles/post/LOCUS_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">
                LOCUS

                                    <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/11705/index" data-turbo-frame="_top" class="chip">
                    LOCUS
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/4035/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/VALLO_1_TABLE_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALLO_1_TABLE_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALLO_1_TABLE_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/VALLO_1_TABLE_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">
                VALLO

                                    <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/12218/index" data-turbo-frame="_top" class="chip">
                    VALLO 1
                </a>
            
            
                    </div>
    </div>
    </div>

<div id="subcategory-673-pagination" class="hidden lg:flex items-center justify-center text-center my-8">
    <a class="cta-secondary" href="https://www.bright.gr/category/673/child/696/section/paginate?expand-table-6=2" data-turbo-stream>
        <svg class="w-4 h-4 transform rotate-90" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
        Show more
    </a>

</div>
            </div>
</section>
</template></turbo-stream>