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

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

        </div>

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

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

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

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

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

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

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

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

                                    <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/11742/index" data-turbo-frame="_top" class="chip">
                    LATER
                </a>
                            <a href="https://www.bright.gr/subgroup/11743/index" data-turbo-frame="_top" class="chip">
                    LATER STONE
                </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/3841/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/LIMES_CIRCLE.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LIMES_CIRCLE.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LIMES_CIRCLE.jpg 340w, https://www.bright.gr/images/styles/post/LIMES_CIRCLE.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">
                LIMES

                                    <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/11744/index" data-turbo-frame="_top" class="chip">
                    LIMES
                </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/3842/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_M_A_WALL_15.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AVOLO_M_A_WALL_15.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AVOLO_M_A_WALL_15.jpg 340w, https://www.bright.gr/images/styles/post/AVOLO_M_A_WALL_15.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">(7)</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/11745/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11746/index" data-turbo-frame="_top" class="chip">
                    AVOLO 20
                </a>
                            <a href="https://www.bright.gr/subgroup/11747/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11748/index" data-turbo-frame="_top" class="chip">
                    AVOLO 3
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11749/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 4
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11750/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11751/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 16
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+3 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +3
                </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/3843/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/VASTE_CLEAR.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VASTE_CLEAR.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VASTE_CLEAR.jpg 340w, https://www.bright.gr/images/styles/post/VASTE_CLEAR.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">
                VASTE

                                    <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/11752/index" data-turbo-frame="_top" class="chip">
                    VASTE
                </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/3844/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CURA_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CURA_WALL.jpg 340w, https://www.bright.gr/images/styles/post/CURA_WALL.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">(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/11753/index" data-turbo-frame="_top" class="chip">
                    CURA WALL
                </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/3845/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_15_WALL_B.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BELL_15_WALL_B.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BELL_15_WALL_B.jpg 340w, https://www.bright.gr/images/styles/post/BELL_15_WALL_B.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">(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/11754/index" data-turbo-frame="_top" class="chip">
                    BELL 15
                </a>
                            <a href="https://www.bright.gr/subgroup/11755/index" data-turbo-frame="_top" class="chip">
                    BELL 6
                </a>
                            <a href="https://www.bright.gr/subgroup/11756/index" data-turbo-frame="_top" class="chip">
                    BELL 7
                </a>
                            <a href="https://www.bright.gr/subgroup/11757/index" data-turbo-frame="_top" class="chip">
                    BELL 8
                </a>
                            <a href="https://www.bright.gr/subgroup/11758/index" data-turbo-frame="_top" class="chip">
                    BELL 30
                </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/3846/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO_WALL.jpg 340w, https://www.bright.gr/images/styles/post/VALEO_WALL.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/11759/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/3847/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/ABACUS_WALL_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ABACUS_WALL_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ABACUS_WALL_2.jpg 340w, https://www.bright.gr/images/styles/post/ABACUS_WALL_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">
                ABACUS

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

                                    <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/11761/index" data-turbo-frame="_top" class="chip">
                    CENA WALL
                </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/3849/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_4.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/COMIS_4.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/COMIS_4.jpg 340w, https://www.bright.gr/images/styles/post/COMIS_4.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">(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/11762/index" data-turbo-frame="_top" class="chip">
                    COMIS 4
                </a>
                            <a href="https://www.bright.gr/subgroup/12065/index" data-turbo-frame="_top" class="chip">
                    COMIS 5
                </a>
                            <a href="https://www.bright.gr/subgroup/12068/index" data-turbo-frame="_top" class="chip">
                    COMIS STAIRS
                </a>
                            <a href="https://www.bright.gr/subgroup/12069/index" data-turbo-frame="_top" class="chip">
                    COMIS WALL
                </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/3850/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_WALL.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_1_WALL.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/11763/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/3851/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_4_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DONE_4_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DONE_4_WALL.jpg 340w, https://www.bright.gr/images/styles/post/DONE_4_WALL.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">(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/11764/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/3852/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_3_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_3_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_3_WALL.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_3_WALL.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

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

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

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11765/index" data-turbo-frame="_top" class="chip">
                    FERUS 3
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3853/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORNO_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORNO_WALL.jpg 340w, https://www.bright.gr/images/styles/post/ORNO_WALL.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/11766/index" data-turbo-frame="_top" class="chip">
                    ORNO
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3854/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_13.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PONOS_13.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PONOS_13.jpg 340w, https://www.bright.gr/images/styles/post/PONOS_13.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/11767/index" data-turbo-frame="_top" class="chip">
                    PONOS
                </a>
                            <a href="https://www.bright.gr/subgroup/12004/index" data-turbo-frame="_top" class="chip">
                    PONOS CURA
                </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/3855/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/RATIO_2_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/RATIO_2_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/RATIO_2_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/RATIO_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">
                RATIO

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

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

                                    <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/11770/index" data-turbo-frame="_top" class="chip">
                    SERO
                </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/3858/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SILVA_10_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SILVA_10_WALL.jpg 340w, https://www.bright.gr/images/styles/post/SILVA_10_WALL.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">(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/11771/index" data-turbo-frame="_top" class="chip">
                    SILVA 10
                </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/3859/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_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TORRIS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TORRIS_1.jpg 340w, https://www.bright.gr/images/styles/post/TORRIS_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">
                TORRIS

                                    <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/11772/index" data-turbo-frame="_top" class="chip">
                    TORRIS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11773/index" data-turbo-frame="_top" class="chip">
                    TORRIS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11774/index" data-turbo-frame="_top" class="chip">
                    TORRIS 3
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3860/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_WALL_5.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VISO_WALL_5.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VISO_WALL_5.jpg 340w, https://www.bright.gr/images/styles/post/VISO_WALL_5.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">(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/11775/index" data-turbo-frame="_top" class="chip">
                    VISO 5
                </a>
                            <a href="https://www.bright.gr/subgroup/11776/index" data-turbo-frame="_top" class="chip">
                    VISO 2
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3861/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_M_WALL_E27.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENDO_M_WALL_E27.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENDO_M_WALL_E27.jpg 340w, https://www.bright.gr/images/styles/post/PENDO_M_WALL_E27.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/11777/index" data-turbo-frame="_top" class="chip">
                    PENDO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11778/index" data-turbo-frame="_top" class="chip">
                    PENDO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11779/index" data-turbo-frame="_top" class="chip">
                    PENDO
                </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/3862/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

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

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

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

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

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11782/index" data-turbo-frame="_top" class="chip">
                    CUP SMALL
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3864/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CUP_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CUP_WALL.jpg 340w, https://www.bright.gr/images/styles/post/CUP_WALL.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 WALL

                                    <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/11783/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/3865/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

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

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

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

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

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11784/index" data-turbo-frame="_top" class="chip">
                    HERES 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11785/index" data-turbo-frame="_top" class="chip">
                    HERES 4
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3866/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/TONO_100_PA_1F.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TONO_100_PA_1F.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TONO_100_PA_1F.jpg 340w, https://www.bright.gr/images/styles/post/TONO_100_PA_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">
                TONNO

                                    <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/11786/index" data-turbo-frame="_top" class="chip">
                    TONO 100
                </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/3867/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/LOCUS_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/LOCUS_WALL.jpg 340w, https://www.bright.gr/images/styles/post/LOCUS_WALL.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/11787/index" data-turbo-frame="_top" class="chip">
                    LOCUS
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3868/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/STIPO_1_HP_LED.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/STIPO_1_HP_LED.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/STIPO_1_HP_LED.jpg 340w, https://www.bright.gr/images/styles/post/STIPO_1_HP_LED.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">
                STIPO

                                    <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/11788/index" data-turbo-frame="_top" class="chip">
                    STIPO 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11789/index" data-turbo-frame="_top" class="chip">
                    STIPO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11790/index" data-turbo-frame="_top" class="chip">
                    STIPO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/11791/index" data-turbo-frame="_top" class="chip">
                    STIPO R
                </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/3869/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/RAVUS_WALL_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/RAVUS_WALL_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/RAVUS_WALL_1.jpg 340w, https://www.bright.gr/images/styles/post/RAVUS_WALL_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">
                RAVUS

                                    <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/11793/index" data-turbo-frame="_top" class="chip">
                    RAVUS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11794/index" data-turbo-frame="_top" class="chip">
                    RAVUS 5
                </a>
                            <a href="https://www.bright.gr/subgroup/12184/index" data-turbo-frame="_top" class="chip">
                    RAVUS WALL
                </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/3931/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/ACTA_2_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ACTA_2_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ACTA_2_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/ACTA_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">
                ACTA

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

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

                                    <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/12063/index" data-turbo-frame="_top" class="chip">
                    CAVUS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/12064/index" data-turbo-frame="_top" class="chip">
                    CAVUS WALL
                </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/3999/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/FERIO_3_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERIO_3_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERIO_3_MAIN.png 340w, https://www.bright.gr/images/styles/post/FERIO_3_MAIN.png 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">
                FERIO

                                    <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/12141/index" data-turbo-frame="_top" class="chip">
                    FERIO 3
                </a>
                            <a href="https://www.bright.gr/subgroup/12142/index" data-turbo-frame="_top" class="chip">
                    FERIO 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/4002/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/LACUS_WALL_2_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/LACUS_WALL_2_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/LACUS_WALL_2_MAIN.png 340w, https://www.bright.gr/images/styles/post/LACUS_WALL_2_MAIN.png 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">
                LACUS

                                    <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/12152/index" data-turbo-frame="_top" class="chip">
                    LACUS WALL
                </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/4014/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/PAX_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/PAX_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/PAX_MAIN.png 340w, https://www.bright.gr/images/styles/post/PAX_MAIN.png 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">
                PAX

                                    <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/12167/index" data-turbo-frame="_top" class="chip">
                    PAX
                </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/4037/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/VERGO_WALL_10_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/VERGO_WALL_10_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/VERGO_WALL_10_MAIN.png 340w, https://www.bright.gr/images/styles/post/VERGO_WALL_10_MAIN.png 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">
                VERGO

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

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

                                    <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/11744/index" data-turbo-frame="_top" class="chip">
                    LIMES
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3842/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_M_A_WALL_15.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/AVOLO_M_A_WALL_15.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/AVOLO_M_A_WALL_15.jpg 340w, https://www.bright.gr/images/styles/post/AVOLO_M_A_WALL_15.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">(7)</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/11745/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
                            <a href="https://www.bright.gr/subgroup/11746/index" data-turbo-frame="_top" class="chip">
                    AVOLO 20
                </a>
                            <a href="https://www.bright.gr/subgroup/11747/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11748/index" data-turbo-frame="_top" class="chip">
                    AVOLO 3
                </a>
            
                            <a
                    href="https://www.bright.gr/subgroup/11749/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 4
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11750/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 5
                </a>
                            <a
                    href="https://www.bright.gr/subgroup/11751/index"
                    data-turbo-frame="_top"
                    data-child-chips-target="extra"
                    class="chip hidden">
                        AVOLO 16
                </a>
            
                            <button
                    type="button"
                    aria-expanded="false"
                    aria-label="+3 more"
                    data-child-chips-target="more"
                    data-action="child-chips#expand"
                    class="chip chip-more">
                        +3
                </button>
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3843/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/VASTE_CLEAR.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VASTE_CLEAR.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VASTE_CLEAR.jpg 340w, https://www.bright.gr/images/styles/post/VASTE_CLEAR.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">
                VASTE

                                    <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/11752/index" data-turbo-frame="_top" class="chip">
                    VASTE
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3844/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/CURA_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/CURA_WALL.jpg 340w, https://www.bright.gr/images/styles/post/CURA_WALL.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">(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/11753/index" data-turbo-frame="_top" class="chip">
                    CURA WALL
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3845/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_15_WALL_B.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/BELL_15_WALL_B.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/BELL_15_WALL_B.jpg 340w, https://www.bright.gr/images/styles/post/BELL_15_WALL_B.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">(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/11754/index" data-turbo-frame="_top" class="chip">
                    BELL 15
                </a>
                            <a href="https://www.bright.gr/subgroup/11755/index" data-turbo-frame="_top" class="chip">
                    BELL 6
                </a>
                            <a href="https://www.bright.gr/subgroup/11756/index" data-turbo-frame="_top" class="chip">
                    BELL 7
                </a>
                            <a href="https://www.bright.gr/subgroup/11757/index" data-turbo-frame="_top" class="chip">
                    BELL 8
                </a>
                            <a href="https://www.bright.gr/subgroup/11758/index" data-turbo-frame="_top" class="chip">
                    BELL 30
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3846/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO_WALL.jpg 340w, https://www.bright.gr/images/styles/post/VALEO_WALL.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/11759/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/3847/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/ABACUS_WALL_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ABACUS_WALL_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ABACUS_WALL_2.jpg 340w, https://www.bright.gr/images/styles/post/ABACUS_WALL_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">
                ABACUS

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

                                    <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/11761/index" data-turbo-frame="_top" class="chip">
                    CENA WALL
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3849/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_4.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/COMIS_4.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/COMIS_4.jpg 340w, https://www.bright.gr/images/styles/post/COMIS_4.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">(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/11762/index" data-turbo-frame="_top" class="chip">
                    COMIS 4
                </a>
                            <a href="https://www.bright.gr/subgroup/12065/index" data-turbo-frame="_top" class="chip">
                    COMIS 5
                </a>
                            <a href="https://www.bright.gr/subgroup/12068/index" data-turbo-frame="_top" class="chip">
                    COMIS STAIRS
                </a>
                            <a href="https://www.bright.gr/subgroup/12069/index" data-turbo-frame="_top" class="chip">
                    COMIS WALL
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3850/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DICTO_1_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DICTO_1_WALL.jpg 340w, https://www.bright.gr/images/styles/post/DICTO_1_WALL.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/11763/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/3851/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_4_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/DONE_4_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/DONE_4_WALL.jpg 340w, https://www.bright.gr/images/styles/post/DONE_4_WALL.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">(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/11764/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/3852/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_3_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_3_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_3_WALL.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_3_WALL.jpg 600w"
                sizes="(min-width: 1024px) 296px, 40vw"
                width="170"
                height="170"
                decoding="async"
                 loading="lazy" >
        
        <div class="inset-x-0 bg-transparent absolute   text-base left-0
            bottom-0 text-dark dark:text-[#f4f4f5] flex items-center justify-between
            pr-2 z-10 overflow-hidden after:absolute after:inset-0
            after:bg-white dark:after:bg-[#28292a] after:-translate-x-full
            group-hover/category:after:translate-x-0
            after:transition after:duration-500 after:ease-in-out
            group-hover/category:after:bg-primary-600 after:delay-0">

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

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

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

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11765/index" data-turbo-frame="_top" class="chip">
                    FERUS 3
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3853/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/ORNO_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/ORNO_WALL.jpg 340w, https://www.bright.gr/images/styles/post/ORNO_WALL.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/11766/index" data-turbo-frame="_top" class="chip">
                    ORNO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3854/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_13.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PONOS_13.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PONOS_13.jpg 340w, https://www.bright.gr/images/styles/post/PONOS_13.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/11767/index" data-turbo-frame="_top" class="chip">
                    PONOS
                </a>
                            <a href="https://www.bright.gr/subgroup/12004/index" data-turbo-frame="_top" class="chip">
                    PONOS CURA
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3855/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/RATIO_2_V32_MAIN.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/RATIO_2_V32_MAIN.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/RATIO_2_V32_MAIN.jpg 340w, https://www.bright.gr/images/styles/post/RATIO_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">
                RATIO

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

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

                                    <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/11770/index" data-turbo-frame="_top" class="chip">
                    SERO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3858/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_WALL.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/SILVA_10_WALL.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/SILVA_10_WALL.jpg 340w, https://www.bright.gr/images/styles/post/SILVA_10_WALL.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">(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/11771/index" data-turbo-frame="_top" class="chip">
                    SILVA 10
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3859/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_1.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/TORRIS_1.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/TORRIS_1.jpg 340w, https://www.bright.gr/images/styles/post/TORRIS_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">
                TORRIS

                                    <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/11772/index" data-turbo-frame="_top" class="chip">
                    TORRIS 1
                </a>
                            <a href="https://www.bright.gr/subgroup/11773/index" data-turbo-frame="_top" class="chip">
                    TORRIS 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11774/index" data-turbo-frame="_top" class="chip">
                    TORRIS 3
                </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/699/section/paginate?expand-wall-21=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>