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

                                                    <div class="relative basis-[40px] shrink-0">
                                <img alt="Ceiling" class="aspect-square rounded-full block w-full h-full object-contain"                                    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 class="absolute inset-0 bg-primary-600 rounded-full z-10 mix-blend-multiply pointer-events-none"></div>
                                                            </div>
                        
                        <span class="block">Ceiling</span>
                    </a>
                                    <a
                        href="https://www.bright.gr/category/673/child/699"
                        class="flex items-center gap-x-2 p-4 ">

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

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

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

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

                                    <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/11734/index" data-turbo-frame="_top" class="chip">
                    VANILLA
                </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/3835/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.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO.jpg 340w, https://www.bright.gr/images/styles/post/VALEO.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/11735/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/3836/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_CEILING_E27.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENDO_M_CEILING_E27.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENDO_M_CEILING_E27.jpg 340w, https://www.bright.gr/images/styles/post/PENDO_M_CEILING_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">(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/11736/index" data-turbo-frame="_top" class="chip">
                    PENDO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11739/index" data-turbo-frame="_top" class="chip">
                    PENDO 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/3837/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

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

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

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

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

            <div class="flex flex-wrap gap-1.5">
                            <a href="https://www.bright.gr/subgroup/11737/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/3838/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_A_DZ_SP_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_A_DZ_SP_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_AVOLO_A_DZ_SP_2.jpg 340w, https://www.bright.gr/images/styles/post/MINI_AVOLO_A_DZ_SP_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">
                AVOLO

                                    <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/11738/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11740/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
            
            
                    </div>
    </div>
            </div>
                    <div class="w-5/12 flex-none">
                <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3839/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_STK.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_3_STK.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_3_STK.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_3_STK.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/11741/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/3993/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/DENS_A_50_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/DENS_A_50_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/DENS_A_50_MAIN.png 340w, https://www.bright.gr/images/styles/post/DENS_A_50_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">
                DENS

                                    <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/12130/index" data-turbo-frame="_top" class="chip">
                    DENS A
                </a>
                            <a href="https://www.bright.gr/subgroup/12131/index" data-turbo-frame="_top" class="chip">
                    DENS B
                </a>
                            <a href="https://www.bright.gr/subgroup/12132/index" data-turbo-frame="_top" class="chip">
                    DENS C
                </a>
                            <a href="https://www.bright.gr/subgroup/12134/index" data-turbo-frame="_top" class="chip">
                    DENS D
                </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/3834/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/VANILLA.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VANILLA.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VANILLA.jpg 340w, https://www.bright.gr/images/styles/post/VANILLA.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">
                VANILLA

                                    <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/11734/index" data-turbo-frame="_top" class="chip">
                    VANILLA
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3835/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.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/VALEO.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/VALEO.jpg 340w, https://www.bright.gr/images/styles/post/VALEO.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/11735/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/3836/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_CEILING_E27.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/PENDO_M_CEILING_E27.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/PENDO_M_CEILING_E27.jpg 340w, https://www.bright.gr/images/styles/post/PENDO_M_CEILING_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">(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/11736/index" data-turbo-frame="_top" class="chip">
                    PENDO M
                </a>
                            <a href="https://www.bright.gr/subgroup/11739/index" data-turbo-frame="_top" class="chip">
                    PENDO 2
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3837/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

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

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

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

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

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

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_A_DZ_SP_2.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/MINI_AVOLO_A_DZ_SP_2.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/MINI_AVOLO_A_DZ_SP_2.jpg 340w, https://www.bright.gr/images/styles/post/MINI_AVOLO_A_DZ_SP_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">
                AVOLO

                                    <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/11738/index" data-turbo-frame="_top" class="chip">
                    AVOLO 2
                </a>
                            <a href="https://www.bright.gr/subgroup/11740/index" data-turbo-frame="_top" class="chip">
                    AVOLO
                </a>
            
            
                    </div>
    </div>
            <div class="flex flex-col gap-y-3" data-controller="child-chips">
    <a
        href="https://www.bright.gr/group/3839/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_STK.jpg"
                srcset="https://www.bright.gr/images/styles/category_teaser/FERUS_3_STK.jpg 170w, https://www.bright.gr/images/styles/category_teaser@2x/FERUS_3_STK.jpg 340w, https://www.bright.gr/images/styles/post/FERUS_3_STK.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/11741/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/3993/index"
        data-turbo-frame="_top"
        class="block w-full aspect-square relative group/category cursor-pointer">

                    <img alt=""
                class="w-full h-full object-contain"
                src="https://www.bright.gr/images/styles/category_teaser/DENS_A_50_MAIN.png"
                srcset="https://www.bright.gr/images/styles/category_teaser/DENS_A_50_MAIN.png 170w, https://www.bright.gr/images/styles/category_teaser@2x/DENS_A_50_MAIN.png 340w, https://www.bright.gr/images/styles/post/DENS_A_50_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">
                DENS

                                    <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/12130/index" data-turbo-frame="_top" class="chip">
                    DENS A
                </a>
                            <a href="https://www.bright.gr/subgroup/12131/index" data-turbo-frame="_top" class="chip">
                    DENS B
                </a>
                            <a href="https://www.bright.gr/subgroup/12132/index" data-turbo-frame="_top" class="chip">
                    DENS C
                </a>
                            <a href="https://www.bright.gr/subgroup/12134/index" data-turbo-frame="_top" class="chip">
                    DENS D
                </a>
            
            
                    </div>
    </div>
    </div>

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