<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  border-b border-dark dark:border-[#f4f4f5]">

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Pendant" class="aspect-square rounded-full block w-full h-full object-contain"                                    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 class="absolute inset-0 bg-primary-600 rounded-full z-10 mix-blend-multiply pointer-events-none"></div>
                                                            </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 ">

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

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

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

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

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

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

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

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

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

                                                            </div>
                        
                        <span class="block">Reading</span>
                    </a>
                            </div>
        
                    
            <div class="lg:hidden">
        <turbo-frame id="subsection-mobile-673">
    <div class="px-3 py-4 overflow-auto flex items-start gap-x-6">
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3734/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/DUMUS_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DUMUS_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DUMUS_2.jpg 340w, https://www.bright.gr/images/styles/post/DUMUS_2.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">
                DUMUS

                                    <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/11491/index" data-turbo-frame="_top" class="chip">
                    DUMUS
                </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/3740/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MONS_A_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MONS_A_SP.jpg 340w, https://www.bright.gr/images/styles/post/MONS_A_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11498/index" data-turbo-frame="_top" class="chip">
                    MONS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11499/index" data-turbo-frame="_top" class="chip">
                    MONS B
                </a>
                            <a href="https://www.bright.gr/subgroup/11500/index" data-turbo-frame="_top" class="chip">
                    MONS D
                </a>
                            <a href="https://www.bright.gr/subgroup/11501/index" data-turbo-frame="_top" class="chip">
                    MONS W
                </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/3741/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENNA_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENNA_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/PENNA_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <span class="text-xs">(11)</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/11502/index" data-turbo-frame="_top" class="chip">
                    PENNA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11503/index" data-turbo-frame="_top" class="chip">
                    PENNA 12
                </a>
                            <a href="https://www.bright.gr/subgroup/11504/index" data-turbo-frame="_top" class="chip">
                    PENNA 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11505/index" data-turbo-frame="_top" class="chip">
                    PENNA 40
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11506/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 71
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11507/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 72
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11508/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 73
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11509/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 74
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11510/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA FERUS
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11511/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 100
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11512/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 80
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+7 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +7
                </button>
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3742/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/CURA_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CURA_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CURA_SP.jpg 340w, https://www.bright.gr/images/styles/post/CURA_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11513/index" data-turbo-frame="_top" class="chip">
                    CURA
                </a>
                            <a href="https://www.bright.gr/subgroup/11983/index" data-turbo-frame="_top" class="chip">
                    CURA 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/3743/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/FIGO_SP_UP_DOWN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FIGO_SP_UP_DOWN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FIGO_SP_UP_DOWN.jpg 340w, https://www.bright.gr/images/styles/post/FIGO_SP_UP_DOWN.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">
                FIGO

                                    <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/11514/index" data-turbo-frame="_top" class="chip">
                    FIGO UP DOWN
                </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/3744/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/LIMO_9F_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LIMO_9F_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LIMO_9F_SP.jpg 340w, https://www.bright.gr/images/styles/post/LIMO_9F_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11515/index" data-turbo-frame="_top" class="chip">
                    LIMO 9F
                </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/3745/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/VALEO_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO_SP.jpg 340w, https://www.bright.gr/images/styles/post/VALEO_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

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

                                    <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/11517/index" data-turbo-frame="_top" class="chip">
                    PERIMO
                </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/3747/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                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/11518/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/3748/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/FIRMUS_50_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FIRMUS_50_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FIRMUS_50_SP.jpg 340w, https://www.bright.gr/images/styles/post/FIRMUS_50_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11519/index" data-turbo-frame="_top" class="chip">
                    FIRMUS 50
                </a>
                            <a href="https://www.bright.gr/subgroup/11520/index" data-turbo-frame="_top" class="chip">
                    FIRMUS B 50
                </a>
                            <a href="https://www.bright.gr/subgroup/11521/index" data-turbo-frame="_top" class="chip">
                    FIRMUS 60
                </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/3749/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/SILVA_10.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SILVA_10.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SILVA_10.jpg 340w, https://www.bright.gr/images/styles/post/SILVA_10.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">
                SILVA

                                    <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/11522/index" data-turbo-frame="_top" class="chip">
                    SILVA 10
                </a>
                            <a href="https://www.bright.gr/subgroup/11523/index" data-turbo-frame="_top" class="chip">
                    SILVA 12
                </a>
                            <a href="https://www.bright.gr/subgroup/12007/index" data-turbo-frame="_top" class="chip">
                    SILVA
                </a>
                            <a href="https://www.bright.gr/subgroup/12008/index" data-turbo-frame="_top" class="chip">
                    SILVA 8
                </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/3750/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/DONE_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DONE_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DONE_1.jpg 340w, https://www.bright.gr/images/styles/post/DONE_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">
                DONE

                                    <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/11524/index" data-turbo-frame="_top" class="chip">
                    DONE 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11525/index" data-turbo-frame="_top" class="chip">
                    DONE 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11526/index" data-turbo-frame="_top" class="chip">
                    DONE 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11527/index" data-turbo-frame="_top" class="chip">
                    DONE 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/3751/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/SERRA.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SERRA.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SERRA.jpg 340w, https://www.bright.gr/images/styles/post/SERRA.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">
                SERRA

                                    <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/11528/index" data-turbo-frame="_top" class="chip">
                    SERRA
                </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/3752/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_40_LR_V33_MAIN_b1a39978.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VERNO_40_LR_V33_MAIN_b1a39978.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VERNO_40_LR_V33_MAIN_b1a39978.jpg 340w, https://www.bright.gr/images/styles/post/VERNO_40_LR_V33_MAIN_b1a39978.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">(22)</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/11529/index" data-turbo-frame="_top" class="chip">
                    VERNO 40
                </a>
                            <a href="https://www.bright.gr/subgroup/11530/index" data-turbo-frame="_top" class="chip">
                    VERNO 41
                </a>
                            <a href="https://www.bright.gr/subgroup/11531/index" data-turbo-frame="_top" class="chip">
                    VERNO 42
                </a>
                            <a href="https://www.bright.gr/subgroup/11532/index" data-turbo-frame="_top" class="chip">
                    VERNO 32
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11533/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 38
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11534/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 30
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11535/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 33
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11536/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 34
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11537/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 6
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11538/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 7
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11539/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 10
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11540/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 12
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11541/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 20
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11542/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 3
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11543/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 1
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11544/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 2
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11545/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 4
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11546/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11547/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 8
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11548/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO V1
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11549/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 17
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11550/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 60
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+18 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +18
                </button>
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3753/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/FUMO_SP_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FUMO_SP_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FUMO_SP_1.jpg 340w, https://www.bright.gr/images/styles/post/FUMO_SP_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">
                FUMO

                                    <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/11551/index" data-turbo-frame="_top" class="chip">
                    FUMO
                </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/3754/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/BUCCA_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BUCCA_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BUCCA_3.jpg 340w, https://www.bright.gr/images/styles/post/BUCCA_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11552/index" data-turbo-frame="_top" class="chip">
                    BUCCA
                </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/3755/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/AVOLO_MAC_SP_20_F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AVOLO_MAC_SP_20_F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AVOLO_MAC_SP_20_F.jpg 340w, https://www.bright.gr/images/styles/post/AVOLO_MAC_SP_20_F.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">(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/11553/index" data-turbo-frame="_top" class="chip">
                    AVOLO MAC
                </a>
                            <a href="https://www.bright.gr/subgroup/11554/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11555/index" data-turbo-frame="_top" class="chip">
                    AVOLO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11559/index" data-turbo-frame="_top" class="chip">
                    MINI AVOLO
                </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/3756/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_2_FLEX_9F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_2_FLEX_9F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_2_FLEX_9F.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_2_FLEX_9F.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">(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/11556/index" data-turbo-frame="_top" class="chip">
                    FERUS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11557/index" data-turbo-frame="_top" class="chip">
                    FERUS 55
                </a>
                            <a href="https://www.bright.gr/subgroup/11558/index" data-turbo-frame="_top" class="chip">
                    FERUS SP
                </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/3757/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/PLORO_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PLORO_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PLORO_3.jpg 340w, https://www.bright.gr/images/styles/post/PLORO_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11560/index" data-turbo-frame="_top" class="chip">
                    PLORO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11561/index" data-turbo-frame="_top" class="chip">
                    PLORO 5
                </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/3758/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/FURO_2_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FURO_2_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FURO_2_SP.jpg 340w, https://www.bright.gr/images/styles/post/FURO_2_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11562/index" data-turbo-frame="_top" class="chip">
                    FURO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11563/index" data-turbo-frame="_top" class="chip">
                    FURO
                </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/3759/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/METAL_CAP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/METAL_CAP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/METAL_CAP.jpg 340w, https://www.bright.gr/images/styles/post/METAL_CAP.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">
                CAP

                                    <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/11564/index" data-turbo-frame="_top" class="chip">
                    METAL CAP
                </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/3760/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.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BALLA.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BALLA.jpg 340w, https://www.bright.gr/images/styles/post/BALLA.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">(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/11565/index" data-turbo-frame="_top" class="chip">
                    BALLA
                </a>
                            <a href="https://www.bright.gr/subgroup/11566/index" data-turbo-frame="_top" class="chip">
                    BALLA CUT
                </a>
                            <a href="https://www.bright.gr/subgroup/11567/index" data-turbo-frame="_top" class="chip">
                    BALLA OVAL
                </a>
                            <a href="https://www.bright.gr/subgroup/11568/index" data-turbo-frame="_top" class="chip">
                    BALLA SP
                </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/3761/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/COMIS_5_II_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/COMIS_5_II_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/COMIS_5_II_SP.jpg 340w, https://www.bright.gr/images/styles/post/COMIS_5_II_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11569/index" data-turbo-frame="_top" class="chip">
                    COMIS 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11570/index" data-turbo-frame="_top" class="chip">
                    COMIS 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/3762/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/TENDO_45.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TENDO_45.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TENDO_45.jpg 340w, https://www.bright.gr/images/styles/post/TENDO_45.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">
                TENDO

                                    <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/11571/index" data-turbo-frame="_top" class="chip">
                    TENDO 45
                </a>
                            <a href="https://www.bright.gr/subgroup/11572/index" data-turbo-frame="_top" class="chip">
                    TENDO 60
                </a>
                            <a href="https://www.bright.gr/subgroup/11573/index" data-turbo-frame="_top" class="chip">
                    TENDO 63
                </a>
                            <a href="https://www.bright.gr/subgroup/11574/index" data-turbo-frame="_top" class="chip">
                    TENDO 70
                </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/3763/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/NOVA_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/NOVA_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/NOVA_1.jpg 340w, https://www.bright.gr/images/styles/post/NOVA_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">
                NOXA

                                    <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/11575/index" data-turbo-frame="_top" class="chip">
                    NOVA 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/3764/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_CEILING.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORNO_CEILING.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORNO_CEILING.jpg 340w, https://www.bright.gr/images/styles/post/ORNO_CEILING.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/11576/index" data-turbo-frame="_top" class="chip">
                    ORNO CEILING
                </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/3765/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/BELL_10_GRID.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BELL_10_GRID.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BELL_10_GRID.jpg 340w, https://www.bright.gr/images/styles/post/BELL_10_GRID.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">
                BELL

                                    <span class="text-xs">(8)</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/11577/index" data-turbo-frame="_top" class="chip">
                    BELL 10
                </a>
                            <a href="https://www.bright.gr/subgroup/11578/index" data-turbo-frame="_top" class="chip">
                    BELL 11
                </a>
                            <a href="https://www.bright.gr/subgroup/11579/index" data-turbo-frame="_top" class="chip">
                    BELL 12
                </a>
                            <a href="https://www.bright.gr/subgroup/11580/index" data-turbo-frame="_top" class="chip">
                    BELL 14
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11581/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        BELL 15
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11582/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        BELL 22
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11583/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        BELL 6
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11584/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        BELL 9
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+4 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +4
                </button>
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3766/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/PONOS_COLOR_1F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PONOS_COLOR_1F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PONOS_COLOR_1F.jpg 340w, https://www.bright.gr/images/styles/post/PONOS_COLOR_1F.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">
                PONOS

                                    <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/11585/index" data-turbo-frame="_top" class="chip">
                    PONOS COLOR
                </a>
                            <a href="https://www.bright.gr/subgroup/11586/index" data-turbo-frame="_top" class="chip">
                    PONOS SHAPE
                </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/3767/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_2_2F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TORRIS_2_2F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TORRIS_2_2F.jpg 340w, https://www.bright.gr/images/styles/post/TORRIS_2_2F.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">(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/11587/index" data-turbo-frame="_top" class="chip">
                    TORRIS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11588/index" data-turbo-frame="_top" class="chip">
                    TORRIS 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11589/index" data-turbo-frame="_top" class="chip">
                    TORRIS PENDO
                </a>
                            <a href="https://www.bright.gr/subgroup/11590/index" data-turbo-frame="_top" class="chip">
                    TORRIS
                </a>
                            <a href="https://www.bright.gr/subgroup/12011/index" data-turbo-frame="_top" class="chip">
                    TORRIS SP
                </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/3768/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/VISO_1_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VISO_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VISO_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/VISO_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11591/index" data-turbo-frame="_top" class="chip">
                    VISO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11592/index" data-turbo-frame="_top" class="chip">
                    VISO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11593/index" data-turbo-frame="_top" class="chip">
                    VISO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11594/index" data-turbo-frame="_top" class="chip">
                    VISO 4
                </a>
                            <a href="https://www.bright.gr/subgroup/11595/index" data-turbo-frame="_top" class="chip">
                    VISO 5
                </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/3769/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_SMALL_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CUP_SMALL_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CUP_SMALL_SP.jpg 340w, https://www.bright.gr/images/styles/post/CUP_SMALL_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11596/index" data-turbo-frame="_top" class="chip">
                    CUP SMALL
                </a>
                            <a href="https://www.bright.gr/subgroup/11597/index" data-turbo-frame="_top" class="chip">
                    CUP
                </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/3770/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/BOOK_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BOOK_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BOOK_1.jpg 340w, https://www.bright.gr/images/styles/post/BOOK_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">
                BOOK

                                    <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/11598/index" data-turbo-frame="_top" class="chip">
                    BOOK 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11599/index" data-turbo-frame="_top" class="chip">
                    BOOK 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11600/index" data-turbo-frame="_top" class="chip">
                    BOOK 5
                </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/3771/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/COMO_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/COMO_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/COMO_3.jpg 340w, https://www.bright.gr/images/styles/post/COMO_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11601/index" data-turbo-frame="_top" class="chip">
                    COMO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11602/index" data-turbo-frame="_top" class="chip">
                    COMO 6
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3772/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/NINIO_S_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/NINIO_S_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/NINIO_S_SP.jpg 340w, https://www.bright.gr/images/styles/post/NINIO_S_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11603/index" data-turbo-frame="_top" class="chip">
                    NINIO S
                </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/3774/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/PENDO_1_LUX.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENDO_1_LUX.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENDO_1_LUX.jpg 340w, https://www.bright.gr/images/styles/post/PENDO_1_LUX.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">
                PENDO

                                    <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/11606/index" data-turbo-frame="_top" class="chip">
                    PENDO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11607/index" data-turbo-frame="_top" class="chip">
                    PENDO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11608/index" data-turbo-frame="_top" class="chip">
                    PENDO 50
                </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/3775/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/AMOR_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AMOR_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AMOR_2.jpg 340w, https://www.bright.gr/images/styles/post/AMOR_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">
                AMOR

                                    <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/11609/index" data-turbo-frame="_top" class="chip">
                    AMOR 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11610/index" data-turbo-frame="_top" class="chip">
                    AMOR 6
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3776/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_SP_1F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ARIES_SP_1F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ARIES_SP_1F.jpg 340w, https://www.bright.gr/images/styles/post/ARIES_SP_1F.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">(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/11611/index" data-turbo-frame="_top" class="chip">
                    ARIES 1F
                </a>
                            <a href="https://www.bright.gr/subgroup/11612/index" data-turbo-frame="_top" class="chip">
                    ARIES 2F
                </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/3777/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_SP_3F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LOCUS_SP_3F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LOCUS_SP_3F.jpg 340w, https://www.bright.gr/images/styles/post/LOCUS_SP_3F.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/11613/index" data-turbo-frame="_top" class="chip">
                    LOCUS 3F
                </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/3933/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/AGER_M_DZ_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AGER_M_DZ_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AGER_M_DZ_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/AGER_M_DZ_V32_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">
                AGER

                                    <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/11976/index" data-turbo-frame="_top" class="chip">
                    AGER M
                </a>
                            <a href="https://www.bright.gr/subgroup/11978/index" data-turbo-frame="_top" class="chip">
                    AGER S
                </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/3939/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/GIGA_5_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/GIGA_5_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/GIGA_5_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/GIGA_5_V32_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">
                GIGA

                                    <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/11991/index" data-turbo-frame="_top" class="chip">
                    GIGA 5
                </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/3941/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/NOVA_2_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/NOVA_2_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/NOVA_2_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/NOVA_2_V32_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">
                NOVA

                                    <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/11996/index" data-turbo-frame="_top" class="chip">
                    NOVA
                </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/3978/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/ARA_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ARA_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ARA_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/ARA_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">
                ARA

                                    <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/12101/index" data-turbo-frame="_top" class="chip">
                    ARA
                </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/3980/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/BACA_ROUND_80_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BACA_ROUND_80_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BACA_ROUND_80_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/BACA_ROUND_80_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">
                BACA

                                    <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/12105/index" data-turbo-frame="_top" class="chip">
                    BACA ROUND
                </a>
                            <a href="https://www.bright.gr/subgroup/12106/index" data-turbo-frame="_top" class="chip">
                    BACA SQ
                </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/3984/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/CLARUS_L_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CLARUS_L_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CLARUS_L_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/CLARUS_L_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">
                CLARUS

                                    <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/12114/index" data-turbo-frame="_top" class="chip">
                    CLARUS L
                </a>
                            <a href="https://www.bright.gr/subgroup/12115/index" data-turbo-frame="_top" class="chip">
                    CLARUS M
                </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/3987/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/CLEMENS_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CLEMENS_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CLEMENS_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/CLEMENS_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">
                CLEMENS

                                    <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/12118/index" data-turbo-frame="_top" class="chip">
                    CLEMENS
                </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/3988/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/COMITAS_M_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/COMITAS_M_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/COMITAS_M_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/COMITAS_M_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">
                COMITAS

                                    <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/12119/index" data-turbo-frame="_top" class="chip">
                    COMITAS M
                </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/3990/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/CORVUS_A_SP_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CORVUS_A_SP_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CORVUS_A_SP_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/CORVUS_A_SP_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">
                CORVUS

                                    <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/12121/index" data-turbo-frame="_top" class="chip">
                    CORVUS A
                </a>
                            <a href="https://www.bright.gr/subgroup/12122/index" data-turbo-frame="_top" class="chip">
                    CORVUS B
                </a>
                            <a href="https://www.bright.gr/subgroup/12123/index" data-turbo-frame="_top" class="chip">
                    CORVUS 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/3991/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/CULTUS_L_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CULTUS_L_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CULTUS_L_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/CULTUS_L_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">
                CULTUS

                                    <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/12124/index" data-turbo-frame="_top" class="chip">
                    CULTUS L
                </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/3994/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/DENS_C_60_SP_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DENS_C_60_SP_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DENS_C_60_SP_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/DENS_C_60_SP_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">
                DENS

                                    <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/12133/index" data-turbo-frame="_top" class="chip">
                    DENS 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/3996/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/DUX_A_80_UP_DOWN_SP_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DUX_A_80_UP_DOWN_SP_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DUX_A_80_UP_DOWN_SP_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/DUX_A_80_UP_DOWN_SP_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">
                DUX

                                    <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/12136/index" data-turbo-frame="_top" class="chip">
                    DUX A
                </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/3997/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/EXIMO_L_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/EXIMO_L_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/EXIMO_L_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/EXIMO_L_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">
                EXIMO

                                    <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/12137/index" data-turbo-frame="_top" class="chip">
                    EXIMO L
                </a>
                            <a href="https://www.bright.gr/subgroup/12138/index" data-turbo-frame="_top" class="chip">
                    EXIMO M
                </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/3998/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/FATUM_L_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FATUM_L_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FATUM_L_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/FATUM_L_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">
                FATUM

                                    <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/12139/index" data-turbo-frame="_top" class="chip">
                    FATUM L
                </a>
                            <a href="https://www.bright.gr/subgroup/12140/index" data-turbo-frame="_top" class="chip">
                    FATUM S
                </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/4000/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/FONS_L_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FONS_L_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FONS_L_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/FONS_L_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">
                FONS

                                    <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/12143/index" data-turbo-frame="_top" class="chip">
                    FONS L
                </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/4005/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/MANUS_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MANUS_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MANUS_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/MANUS_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">
                MANUS

                                    <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/12156/index" data-turbo-frame="_top" class="chip">
                    MANUS
                </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/4011/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/OLIM_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/OLIM_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/OLIM_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/OLIM_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">
                OLIM

                                    <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/12164/index" data-turbo-frame="_top" class="chip">
                    OLIM
                </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/4012/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/ONUS_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ONUS_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ONUS_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/ONUS_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">
                ONUS

                                    <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/12165/index" data-turbo-frame="_top" class="chip">
                    ONUS
                </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/4015/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/PILUM_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PILUM_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PILUM_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/PILUM_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">
                PILUM

                                    <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/12169/index" data-turbo-frame="_top" class="chip">
                    PILUM
                </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/4016/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/PINSO_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PINSO_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PINSO_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/PINSO_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">
                PINSO

                                    <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/12170/index" data-turbo-frame="_top" class="chip">
                    PINSO
                </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/4026/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/SPES_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SPES_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SPES_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/SPES_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">
                SPES

                                    <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/12200/index" data-turbo-frame="_top" class="chip">
                    SPES
                </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/4030/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/SULCO_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SULCO_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SULCO_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/SULCO_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">
                SULCO

                                    <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/12209/index" data-turbo-frame="_top" class="chip">
                    SULCO
                </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/4031/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/SUPRA_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SUPRA_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SUPRA_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/SUPRA_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">
                SUPRA

                                    <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/12210/index" data-turbo-frame="_top" class="chip">
                    SUPRA
                </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/4033/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/TUMOR_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TUMOR_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TUMOR_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/TUMOR_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">
                TUMOR

                                    <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/12215/index" data-turbo-frame="_top" class="chip">
                    TUMOR
                </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/3734/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/DUMUS_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DUMUS_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DUMUS_2.jpg 340w, https://www.bright.gr/images/styles/post/DUMUS_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">
                DUMUS

                                    <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/11491/index" data-turbo-frame="_top" class="chip">
                    DUMUS
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3740/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MONS_A_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MONS_A_SP.jpg 340w, https://www.bright.gr/images/styles/post/MONS_A_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11498/index" data-turbo-frame="_top" class="chip">
                    MONS A
                </a>
                            <a href="https://www.bright.gr/subgroup/11499/index" data-turbo-frame="_top" class="chip">
                    MONS B
                </a>
                            <a href="https://www.bright.gr/subgroup/11500/index" data-turbo-frame="_top" class="chip">
                    MONS D
                </a>
                            <a href="https://www.bright.gr/subgroup/11501/index" data-turbo-frame="_top" class="chip">
                    MONS W
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3741/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENNA_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENNA_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/PENNA_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <span class="text-xs">(11)</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/11502/index" data-turbo-frame="_top" class="chip">
                    PENNA 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11503/index" data-turbo-frame="_top" class="chip">
                    PENNA 12
                </a>
                            <a href="https://www.bright.gr/subgroup/11504/index" data-turbo-frame="_top" class="chip">
                    PENNA 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11505/index" data-turbo-frame="_top" class="chip">
                    PENNA 40
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11506/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 71
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11507/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 72
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11508/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 73
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11509/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 74
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11510/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA FERUS
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11511/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 100
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11512/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        PENNA 80
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+7 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +7
                </button>
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3742/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/CURA_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CURA_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CURA_SP.jpg 340w, https://www.bright.gr/images/styles/post/CURA_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

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

                                    <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/11514/index" data-turbo-frame="_top" class="chip">
                    FIGO UP DOWN
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3744/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/LIMO_9F_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LIMO_9F_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LIMO_9F_SP.jpg 340w, https://www.bright.gr/images/styles/post/LIMO_9F_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11515/index" data-turbo-frame="_top" class="chip">
                    LIMO 9F
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3745/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/VALEO_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO_SP.jpg 340w, https://www.bright.gr/images/styles/post/VALEO_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

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

                                    <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/11517/index" data-turbo-frame="_top" class="chip">
                    PERIMO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3747/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_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_SP.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_1_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

            <div class="max-w-52 py-2 px-3 break-words bg-white dark:bg-[#28292a] transition duration-500 ease-in-out
                        group-hover/category:bg-primary-600 dark:group-hover/category:text-[#383a3b] relative z-10">
                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/11518/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/3748/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/FIRMUS_50_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FIRMUS_50_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FIRMUS_50_SP.jpg 340w, https://www.bright.gr/images/styles/post/FIRMUS_50_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11519/index" data-turbo-frame="_top" class="chip">
                    FIRMUS 50
                </a>
                            <a href="https://www.bright.gr/subgroup/11520/index" data-turbo-frame="_top" class="chip">
                    FIRMUS B 50
                </a>
                            <a href="https://www.bright.gr/subgroup/11521/index" data-turbo-frame="_top" class="chip">
                    FIRMUS 60
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3749/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/SILVA_10.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SILVA_10.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SILVA_10.jpg 340w, https://www.bright.gr/images/styles/post/SILVA_10.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">
                SILVA

                                    <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/11522/index" data-turbo-frame="_top" class="chip">
                    SILVA 10
                </a>
                            <a href="https://www.bright.gr/subgroup/11523/index" data-turbo-frame="_top" class="chip">
                    SILVA 12
                </a>
                            <a href="https://www.bright.gr/subgroup/12007/index" data-turbo-frame="_top" class="chip">
                    SILVA
                </a>
                            <a href="https://www.bright.gr/subgroup/12008/index" data-turbo-frame="_top" class="chip">
                    SILVA 8
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3750/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/DONE_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DONE_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DONE_1.jpg 340w, https://www.bright.gr/images/styles/post/DONE_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">
                DONE

                                    <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/11524/index" data-turbo-frame="_top" class="chip">
                    DONE 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11525/index" data-turbo-frame="_top" class="chip">
                    DONE 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11526/index" data-turbo-frame="_top" class="chip">
                    DONE 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11527/index" data-turbo-frame="_top" class="chip">
                    DONE 4
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3751/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/SERRA.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SERRA.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SERRA.jpg 340w, https://www.bright.gr/images/styles/post/SERRA.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">
                SERRA

                                    <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/11528/index" data-turbo-frame="_top" class="chip">
                    SERRA
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3752/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_40_LR_V33_MAIN_b1a39978.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VERNO_40_LR_V33_MAIN_b1a39978.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VERNO_40_LR_V33_MAIN_b1a39978.jpg 340w, https://www.bright.gr/images/styles/post/VERNO_40_LR_V33_MAIN_b1a39978.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">(22)</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/11529/index" data-turbo-frame="_top" class="chip">
                    VERNO 40
                </a>
                            <a href="https://www.bright.gr/subgroup/11530/index" data-turbo-frame="_top" class="chip">
                    VERNO 41
                </a>
                            <a href="https://www.bright.gr/subgroup/11531/index" data-turbo-frame="_top" class="chip">
                    VERNO 42
                </a>
                            <a href="https://www.bright.gr/subgroup/11532/index" data-turbo-frame="_top" class="chip">
                    VERNO 32
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11533/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 38
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11534/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 30
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11535/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 33
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11536/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 34
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11537/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 6
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11538/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 7
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11539/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 10
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11540/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 12
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11541/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 20
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11542/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 3
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11543/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 1
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11544/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 2
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11545/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 4
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11546/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11547/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 8
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11548/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO V1
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11549/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 17
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11550/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        VERNO 60
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+18 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +18
                </button>
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3753/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/FUMO_SP_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FUMO_SP_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FUMO_SP_1.jpg 340w, https://www.bright.gr/images/styles/post/FUMO_SP_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">
                FUMO

                                    <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/11551/index" data-turbo-frame="_top" class="chip">
                    FUMO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3754/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/BUCCA_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BUCCA_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BUCCA_3.jpg 340w, https://www.bright.gr/images/styles/post/BUCCA_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11552/index" data-turbo-frame="_top" class="chip">
                    BUCCA
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3755/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/AVOLO_MAC_SP_20_F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AVOLO_MAC_SP_20_F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AVOLO_MAC_SP_20_F.jpg 340w, https://www.bright.gr/images/styles/post/AVOLO_MAC_SP_20_F.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">(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/11553/index" data-turbo-frame="_top" class="chip">
                    AVOLO MAC
                </a>
                            <a href="https://www.bright.gr/subgroup/11554/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11555/index" data-turbo-frame="_top" class="chip">
                    AVOLO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11559/index" data-turbo-frame="_top" class="chip">
                    MINI AVOLO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3756/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_2_FLEX_9F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_2_FLEX_9F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_2_FLEX_9F.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_2_FLEX_9F.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">(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/11556/index" data-turbo-frame="_top" class="chip">
                    FERUS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11557/index" data-turbo-frame="_top" class="chip">
                    FERUS 55
                </a>
                            <a href="https://www.bright.gr/subgroup/11558/index" data-turbo-frame="_top" class="chip">
                    FERUS SP
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3757/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/PLORO_3.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PLORO_3.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PLORO_3.jpg 340w, https://www.bright.gr/images/styles/post/PLORO_3.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11560/index" data-turbo-frame="_top" class="chip">
                    PLORO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11561/index" data-turbo-frame="_top" class="chip">
                    PLORO 5
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3758/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/FURO_2_SP.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FURO_2_SP.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FURO_2_SP.jpg 340w, https://www.bright.gr/images/styles/post/FURO_2_SP.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

                                    <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/11562/index" data-turbo-frame="_top" class="chip">
                    FURO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11563/index" data-turbo-frame="_top" class="chip">
                    FURO
                </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/694/section/paginate?expand-pendant-57=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>