{"html":"<article data-product-id=\"1019\" 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-hyundai-accent-on-silecek-takimi-2006-2012\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-1.png%3Fv%3D421821750b12\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-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-hyundai-accent-on-silecek-takimi-2006-2012\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012)\" title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-1.png%3Fv%3D421821750b12&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-1.png%3Fv%3D421821750b12&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-1.png%3Fv%3D421821750b12&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012) - 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-00015-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00015-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 Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012) - 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-hyundai-accent-on-silecek-takimi-2006-2012\" 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 Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2006-2012)\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=\"1018\" 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-renault-fluence-on-silecek-takimi-2010-2017\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-1.png%3Fv%3Deb19e064b249\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-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-renault-fluence-on-silecek-takimi-2010-2017\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017)\" title=\"Vette Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-1.png%3Fv%3Deb19e064b249&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-1.png%3Fv%3Deb19e064b249&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-1.png%3Fv%3Deb19e064b249&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017) - 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-00014-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00014-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 Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017) - 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-renault-fluence-on-silecek-takimi-2010-2017\" 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 Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Renault Fluence \u00d6n Silecek Tak\u0131m\u0131 (2010-2017)\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=\"1017\" 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-renault-megane-on-silecek-takimi-2016-2018\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-1.png%3Fv%3D33cdab9d0391\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-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-renault-megane-on-silecek-takimi-2016-2018\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018)\" title=\"Vette Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-1.png%3Fv%3D33cdab9d0391&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-1.png%3Fv%3D33cdab9d0391&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-1.png%3Fv%3D33cdab9d0391&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018) - 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-00013-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00013-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 Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018) - 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-renault-megane-on-silecek-takimi-2016-2018\" 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 Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Renault Megane \u00d6n Silecek Tak\u0131m\u0131 (2016-2018)\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                639,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1016\" 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-fiorino-on-silecek-takimi-2008-2020\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-1.png%3Fv%3D0f583c3f4c2d\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-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-fiorino-on-silecek-takimi-2008-2020\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020)\" title=\"Vette Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-1.png%3Fv%3D0f583c3f4c2d&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-1.png%3Fv%3D0f583c3f4c2d&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-1.png%3Fv%3D0f583c3f4c2d&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020) - 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-00012-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00012-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 Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020) - 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-fiorino-on-silecek-takimi-2008-2020\" 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 Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Fiat Fiorino \u00d6n Silecek Tak\u0131m\u0131 (2008-2020)\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                649,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1015\" 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-hyundai-getz-on-silecek-takimi-2002-2009\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-1.png%3Fv%3D603ec8f0aabf\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-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-hyundai-getz-on-silecek-takimi-2002-2009\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009)\" title=\"Vette Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-1.png%3Fv%3D603ec8f0aabf&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-1.png%3Fv%3D603ec8f0aabf&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-1.png%3Fv%3D603ec8f0aabf&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009) - 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-00011-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00011-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 Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009) - 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-hyundai-getz-on-silecek-takimi-2002-2009\" 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 Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Hyundai Getz \u00d6n Silecek Tak\u0131m\u0131 (2002-2009)\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                589,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1014\" 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-honda-civic-on-silecek-takimi-2006-2015\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-1.png%3Fv%3D5d928e60a3a9\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-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-honda-civic-on-silecek-takimi-2006-2015\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015)\" title=\"Vette Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-1.png%3Fv%3D5d928e60a3a9&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-1.png%3Fv%3D5d928e60a3a9&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-1.png%3Fv%3D5d928e60a3a9&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015) - 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-00010-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00010-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 Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015) - 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-honda-civic-on-silecek-takimi-2006-2015\" 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 Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Honda Civic \u00d6n Silecek Tak\u0131m\u0131 (2006-2015)\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                674,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1013\" 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-2004-2013\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-1.png%3Fv%3Dab9eb19a6e78\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-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-2004-2013\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 (2004-2013)\" title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 (2004-2013)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-1.png%3Fv%3Dab9eb19a6e78&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-1.png%3Fv%3Dab9eb19a6e78&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-1.png%3Fv%3Dab9eb19a6e78&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 (2004-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 (2004-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-00009-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00009-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 (2004-2013) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Astra \u00d6n Silecek Tak\u0131m\u0131 (2004-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-opel-astra-on-silecek-takimi-2004-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 Opel Astra \u00d6n Silecek Tak\u0131m\u0131 (2004-2013)\">\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 (2004-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                619,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1012\" 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-volkswagen-jetta-on-silecek-takimi-2011-2019\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-1.png%3Fv%3D9cd8267ea47d\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-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-volkswagen-jetta-on-silecek-takimi-2011-2019\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019)\" title=\"Vette Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-1.png%3Fv%3D9cd8267ea47d&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-1.png%3Fv%3D9cd8267ea47d&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-1.png%3Fv%3D9cd8267ea47d&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019) - 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-00008-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00008-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 Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019) - 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-volkswagen-jetta-on-silecek-takimi-2011-2019\" 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 Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Volkswagen Jetta \u00d6n Silecek Tak\u0131m\u0131 (2011-2019)\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                639,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1011\" 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-egea-on-silecek-takimi-2015-2020\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-1.png%3Fv%3D69993b0ac9ca\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-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-egea-on-silecek-takimi-2015-2020\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020)\" title=\"Vette Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-1.png%3Fv%3D69993b0ac9ca&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-1.png%3Fv%3D69993b0ac9ca&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-1.png%3Fv%3D69993b0ac9ca&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020) - 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-00007-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00007-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 Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020) - 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-egea-on-silecek-takimi-2015-2020\" 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 Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Fiat Egea \u00d6n Silecek Tak\u0131m\u0131 (2015-2020)\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                629,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1010\" 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-corsa-on-silecek-takimi-2013-2019\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-1.png%3Fv%3D97abaf357307\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-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-corsa-on-silecek-takimi-2013-2019\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019)\" title=\"Vette Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-1.png%3Fv%3D97abaf357307&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-1.png%3Fv%3D97abaf357307&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-1.png%3Fv%3D97abaf357307&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019) - 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-00006-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00006-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 Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019) - 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-corsa-on-silecek-takimi-2013-2019\" 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 Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Opel Corsa \u00d6n Silecek Tak\u0131m\u0131 (2013-2019)\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                629,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1009\" 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-hyundai-accent-on-silecek-takimi-2011-2015\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-1.png%3Fv%3Dc39bd35f4168\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-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-hyundai-accent-on-silecek-takimi-2011-2015\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015)\" title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-1.png%3Fv%3Dc39bd35f4168&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-1.png%3Fv%3Dc39bd35f4168&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-1.png%3Fv%3Dc39bd35f4168&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015) - 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-00005-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00005-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 Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015) - 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-hyundai-accent-on-silecek-takimi-2011-2015\" 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 Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Hyundai Accent \u00d6n Silecek Tak\u0131m\u0131 (2011-2015)\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                629,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"1008\" 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-ford-focus-on-silecek-takimi-2012-2018\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-1.png%3Fv%3Dcea888133622\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022,\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-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-ford-focus-on-silecek-takimi-2012-2018\" class=\"absolute inset-0 z-[2]\" aria-label=\"Vette Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018)\" title=\"Vette Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018)\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-1.png%3Fv%3Dcea888133622&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-1.png%3Fv%3Dcea888133622&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-1.png%3Fv%3Dcea888133622&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Vette Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018) - 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-00004-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-2.jpg%3Fv%3Dd8ae06205d1b&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fvtp-00004-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 Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018) - Araca \u00d6zel \u00d6n Silecek TAKIM\"\n                         title=\"Vette Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018) - 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-ford-focus-on-silecek-takimi-2012-2018\" 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 Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018)\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/vette\" title=\"Vette\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Vette<\/a> Multifit Ford Focus \u00d6n Silecek Tak\u0131m\u0131 (2012-2018)\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                704,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/budaolsun.com\/magaza\/oto-dis-aksesuar?page=5"}