{"html":"<article data-product-id=\"1007\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/vette-multifit-fiat-linea-on-silecek-takimi-2007-2016\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-1.png%3Fv%3Ded3d9222b4cb\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-2.jpg%3Fv%3Dd8ae06205d1b\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-fiat-linea-on-silecek-takimi-2007-2016\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016)\" title=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-1.png%3Fv%3Ded3d9222b4cb&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-1.png%3Fv%3Ded3d9222b4cb&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-1.png%3Fv%3Ded3d9222b4cb&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00003-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Araca \u00d6zel \u00d6n Silecek TAKIM<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-fiat-linea-on-silecek-takimi-2007-2016\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Vette Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Fiat Linea \u00d6n Silecek Tak\u0131m\u0131 (2007-2016)\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                619,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1006\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/vette-multifit-opel-astra-on-silecek-takimi\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-1.png%3Fv%3Dbd1cf6c52c67\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-2.jpg%3Fv%3Dd8ae06205d1b\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-opel-astra-on-silecek-takimi\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131\" title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-1.png%3Fv%3Dbd1cf6c52c67&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-1.png%3Fv%3Dbd1cf6c52c67&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-1.png%3Fv%3Dbd1cf6c52c67&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00002-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Araca \u00d6zel \u00d6n Silecek TAKIM<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-opel-astra-on-silecek-takimi\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                684,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1005\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/vette-multifit-toyota-corolla-on-silecek-takimi-2007-2013\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-1.png%3Fv%3D0983798f3cea\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-2.jpg%3Fv%3Dd8ae06205d1b\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-toyota-corolla-on-silecek-takimi-2007-2013\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013)\" title=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-1.png%3Fv%3D0983798f3cea&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-1.png%3Fv%3D0983798f3cea&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-1.png%3Fv%3D0983798f3cea&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00001-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Araca \u00d6zel \u00d6n Silecek TAKIM<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/vette-multifit-toyota-corolla-on-silecek-takimi-2007-2013\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Vette Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Toyota Corolla \u00d6n Silecek Tak\u0131m\u0131 (2007-2013)\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                609,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"952\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-4lu-paket-400-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F4lu-paket-1783931422.png%3Fv%3Dd86a307fd361\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-4lu-paket-400-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML\" title=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F4lu-paket-1783931422.png%3Fv%3Dd86a307fd361&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F4lu-paket-1783931422.png%3Fv%3Dd86a307fd361&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F4lu-paket-1783931422.png%3Fv%3Dd86a307fd361&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Silecek Suyu<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-4lu-paket-400-ml\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Automix Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> Konsantre Cam Temizleyici 4l\u00fc Paket - 400 ML\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\"  data-nosnippet >\n                            <div class=\"sepete-ozel-card w-full min-w-0\" data-nosnippet>\n                <div class=\"flex items-center gap-1.5 flex-wrap mb-0.5\">\n            <span class=\"text-[12px] text-gray-400 line-through\">240 TL<\/span>\n                            <span class=\"inline-flex items-center justify-center rounded px-1.5 py-0.5 text-white text-[10px] font-bold leading-none\" style=\"background:#0a7a28\">%20<\/span>\n                    <\/div>\n        <div class=\"text-lg font-bold leading-tight sm:text-xl\" style=\"color:#0a7a28\">\n            Sepette 192 TL\n        <\/div>\n            <\/div>\n\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"948\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-mango-kokulu-100-ml-5-litre-silecek-suyu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F79b5560e-da70-4cd1-acee-8008c62a12a5.jpg%3Fv%3Ddae313eb302c\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-mango-kokulu-100-ml-5-litre-silecek-suyu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu\" title=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F04acc86c-46a0-4502-bb23-9775d3aded39.jpg%3Fv%3D3b0f5419df9c&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F79b5560e-da70-4cd1-acee-8008c62a12a5.jpg%3Fv%3Ddae313eb302c&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F79b5560e-da70-4cd1-acee-8008c62a12a5.jpg%3Fv%3Ddae313eb302c&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F79b5560e-da70-4cd1-acee-8008c62a12a5.jpg%3Fv%3Ddae313eb302c&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Silecek Suyu<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-mango-kokulu-100-ml-5-litre-silecek-suyu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Automix Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> Konsantre Cam Temizleyici Mango Kokulu 100 ml = 5 Litre Silecek Suyu\n                            <\/a>\n        \n        \n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"2 de\u011ferlendirme, ortalama 4,5 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,5<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\"  data-nosnippet >\n                            <div class=\"sepete-ozel-card w-full min-w-0\" data-nosnippet>\n                <div class=\"flex items-center gap-1.5 flex-wrap mb-0.5\">\n            <span class=\"text-[12px] text-gray-400 line-through\">60 TL<\/span>\n                            <span class=\"inline-flex items-center justify-center rounded px-1.5 py-0.5 text-white text-[10px] font-bold leading-none\" style=\"background:#0a7a28\">%20<\/span>\n                    <\/div>\n        <div class=\"text-lg font-bold leading-tight sm:text-xl\" style=\"color:#0a7a28\">\n            Sepette 48 TL\n        <\/div>\n            <\/div>\n\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"947\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-cam-kokulu-100-ml-5-litre-silecek-suyu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F44ef8819-12e8-4362-82cb-56b29d53a601.jpg%3Fv%3D020a85cc4f5f\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-cam-kokulu-100-ml-5-litre-silecek-suyu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu\" title=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F6c5b6a3f-4ab0-4da0-9419-4d35a0c78c0d.jpg%3Fv%3D0133d0ebdbb8&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F44ef8819-12e8-4362-82cb-56b29d53a601.jpg%3Fv%3D020a85cc4f5f&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F44ef8819-12e8-4362-82cb-56b29d53a601.jpg%3Fv%3D020a85cc4f5f&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F44ef8819-12e8-4362-82cb-56b29d53a601.jpg%3Fv%3D020a85cc4f5f&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         title=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu - Silecek Suyu\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Silecek Suyu<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/automix-konsantre-cam-temizleyici-cam-kokulu-100-ml-5-litre-silecek-suyu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Automix Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> Konsantre Cam Temizleyici \u00c7am Kokulu 100 ml = 5 Litre Silecek Suyu\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\"  data-nosnippet >\n                            <div class=\"sepete-ozel-card w-full min-w-0\" data-nosnippet>\n                <div class=\"flex items-center gap-1.5 flex-wrap mb-0.5\">\n            <span class=\"text-[12px] text-gray-400 line-through\">60 TL<\/span>\n                            <span class=\"inline-flex items-center justify-center rounded px-1.5 py-0.5 text-white text-[10px] font-bold leading-none\" style=\"background:#0a7a28\">%20<\/span>\n                    <\/div>\n        <div class=\"text-lg font-bold leading-tight sm:text-xl\" style=\"color:#0a7a28\">\n            Sepette 48 TL\n        <\/div>\n            <\/div>\n\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"926\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/dacia-duster-kromlu-cam-ruzgarligi-2017-2024-4lu-sunplex\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/duster-krom-1781009781.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/dacia-duster-kromlu-cam-ruzgarligi-2017-2024-4lu-sunplex\" class=\"absolute inset-0 z-[2]\" aria-label=\"Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/  Sunplex\" title=\"Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/  Sunplex\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/uploads\/duster-krom-1781009781.webp\"\n                          srcset=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/600\/q88\/uploads\/duster-krom-1781009781.webp 600w, https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/uploads\/duster-krom-1781009781.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/  Sunplex - Cam R\u00fczgarl\u0131\u011f\u0131\"\n                         title=\"Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/  Sunplex - Cam R\u00fczgarl\u0131\u011f\u0131\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Cam R\u00fczgarl\u0131\u011f\u0131<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/dacia-duster-kromlu-cam-ruzgarligi-2017-2024-4lu-sunplex\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/  Sunplex\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/sunplex\" title=\"Sunplex\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Sunplex<\/a> Dacia Duster Kromlu Cam R\u00fczgarl\u0131\u011f\u0131 2017-2024 - 4l\u00fc \/\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                2.000 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"921\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/seat-tarraco-2023-2024-arka-silecek\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/seat-tarraco-2023-2024-arka-silecek\" class=\"absolute inset-0 z-[2]\" aria-label=\"Seat Tarraco 2023-2024 \/ Arka Silecek\" title=\"Seat Tarraco 2023-2024 \/ Arka Silecek\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Seat Tarraco 2023-2024 \/ Arka Silecek - Arka Silecek\"\n                         title=\"Seat Tarraco 2023-2024 \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Seat Tarraco 2023-2024 \/ Arka Silecek - Arka Silecek\"\n                         title=\"Seat Tarraco 2023-2024 \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Arka Silecek<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/seat-tarraco-2023-2024-arka-silecek\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Seat Tarraco 2023-2024 \/ Arka Silecek\">\n                                    Seat Tarraco 2023-2024 \/ Arka Silecek\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                100 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"920\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/volkswagen-tiguan-2022-2024-arka-silecek\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/volkswagen-tiguan-2022-2024-arka-silecek\" class=\"absolute inset-0 z-[2]\" aria-label=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek\" title=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-0-1776070318.jpeg%3Fv%3D51b2b6123e7e&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek - Arka Silecek\"\n                         title=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9810-1776070325.jpeg%3Fv%3D51bc421e585a&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek - Arka Silecek\"\n                         title=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Arka Silecek<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/volkswagen-tiguan-2022-2024-arka-silecek\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Volkswagen Tiguan 2022-2024 \/ Arka Silecek\">\n                                    Volkswagen Tiguan 2022-2024 \/ Arka Silecek\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                100 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"919\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/skoda-fabia-2022-arka-silecek\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/skoda-fabia-2022-arka-silecek\" class=\"absolute inset-0 z-[2]\" aria-label=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek\" title=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Arka Silecek<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/skoda-fabia-2022-arka-silecek\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Skoda Fabia 2022&gt;&gt; \/ Arka Silecek\">\n                                    Skoda Fabia 2022&gt;&gt; \/ Arka Silecek\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                100 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"918\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/skoda-kodiaq-2024-arka-silecek\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/skoda-kodiaq-2024-arka-silecek\" class=\"absolute inset-0 z-[2]\" aria-label=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek\" title=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Arka Silecek<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/skoda-kodiaq-2024-arka-silecek\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek\">\n                                    Skoda Kodiaq 2024&gt;&gt; \/ Arka Silecek\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                100 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"917\" class=\"shop-product-card shop-product-card--lift group relative flex h-full flex-col overflow-hidden rounded-2xl border border-gray-100 dark:border-white\/5 bg-white transition-all duration-200\"\n         data-product-url=\"https:\/\/budaolsun.com\/urun\/volkswagen-tayron-2024-arka-silecek\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/volkswagen-tayron-2024-arka-silecek\" class=\"absolute inset-0 z-[2]\" aria-label=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek\" title=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-0-1776070498.jpeg%3Fv%3D5b2baba9b2e0&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fuploads%2F96-9811-1776070507.jpeg%3Fv%3Dd4f5c8e87f2e&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         title=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek - Arka Silecek\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Arka Silecek<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/volkswagen-tayron-2024-arka-silecek\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek\">\n                                    Volkswagen Tayron 2024&gt;&gt; \/ Arka Silecek\n                            <\/a>\n        \n        \n                        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                100 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/budaolsun.com\/magaza\/oto-dis-aksesuar?page=6"}