{"html":"<article data-product-id=\"970\" 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\/areon-x-coconut-turuncu-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F86339a9a-b801-43b1-8213-5df6ef3e167c.webp%3Fv%3Dcf7d2a86a470\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-coconut-turuncu-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Coconut (Turuncu) Oto Ara\u00e7 Kokusu\" title=\"Areon X Coconut (Turuncu) Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F86339a9a-b801-43b1-8213-5df6ef3e167c.webp%3Fv%3Dcf7d2a86a470&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F86339a9a-b801-43b1-8213-5df6ef3e167c.webp%3Fv%3Dcf7d2a86a470&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F86339a9a-b801-43b1-8213-5df6ef3e167c.webp%3Fv%3Dcf7d2a86a470&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Coconut (Turuncu) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Coconut (Turuncu) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-coconut-turuncu-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Coconut (Turuncu) Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Coconut (Turuncu) Oto Ara\u00e7 Kokusu\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                129 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"969\" 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\/areon-x-card-miami-beach-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/32a287e2-9fd6-493e-b1f5-55a590dc2a24.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-miami-beach-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Miami Beach Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Miami Beach Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/products\/32a287e2-9fd6-493e-b1f5-55a590dc2a24.webp\"\n                          srcset=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/600\/q88\/products\/32a287e2-9fd6-493e-b1f5-55a590dc2a24.webp 600w, https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/products\/32a287e2-9fd6-493e-b1f5-55a590dc2a24.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Miami Beach Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Miami Beach Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-miami-beach-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Miami Beach Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Miami Beach Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"968\" 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\/areon-x-card-iceberg-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F012a26dc-5489-4d36-af6a-ac18817425ac.webp%3Fv%3D560fd39577de\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-iceberg-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Iceberg Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Iceberg Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F012a26dc-5489-4d36-af6a-ac18817425ac.webp%3Fv%3D560fd39577de&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F012a26dc-5489-4d36-af6a-ac18817425ac.webp%3Fv%3D560fd39577de&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F012a26dc-5489-4d36-af6a-ac18817425ac.webp%3Fv%3D560fd39577de&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Iceberg Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Iceberg Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-iceberg-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Iceberg Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Iceberg Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"967\" 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\/areon-x-card-elegance-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F4370fd63-2430-4d0a-a778-98ef270db919.webp%3Fv%3Df09481f418a5\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-elegance-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Elegance Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Elegance Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F4370fd63-2430-4d0a-a778-98ef270db919.webp%3Fv%3Df09481f418a5&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F4370fd63-2430-4d0a-a778-98ef270db919.webp%3Fv%3Df09481f418a5&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F4370fd63-2430-4d0a-a778-98ef270db919.webp%3Fv%3Df09481f418a5&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Elegance Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Elegance Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-elegance-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Elegance Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Elegance Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"966\" 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\/areon-x-card-tutti-frutti-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Ft8Sz7Pxt8S2SXvvorVdA.webp%3Fv%3Dce0512f24d4c\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-tutti-frutti-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Tutti Frutti Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Tutti Frutti Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Ft8Sz7Pxt8S2SXvvorVdA.webp%3Fv%3Dce0512f24d4c&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Ft8Sz7Pxt8S2SXvvorVdA.webp%3Fv%3Dce0512f24d4c&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Ft8Sz7Pxt8S2SXvvorVdA.webp%3Fv%3Dce0512f24d4c&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Tutti Frutti Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Tutti Frutti Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-tutti-frutti-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Tutti Frutti Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Tutti Frutti Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"965\" 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\/areon-x-card-green-apple-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fdfc6c0d9-bf07-4a18-a43e-120df4f5a56e.webp%3Fv%3D87ced2602cc6\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-green-apple-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Green Apple Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Green Apple Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fdfc6c0d9-bf07-4a18-a43e-120df4f5a56e.webp%3Fv%3D87ced2602cc6&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fdfc6c0d9-bf07-4a18-a43e-120df4f5a56e.webp%3Fv%3D87ced2602cc6&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fdfc6c0d9-bf07-4a18-a43e-120df4f5a56e.webp%3Fv%3D87ced2602cc6&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Green Apple Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Green Apple Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-green-apple-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Green Apple Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Green Apple Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"964\" 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\/areon-x-card-spring-bouquet-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fc6db3a83-d7b2-4c19-8176-c461f4978862.webp%3Fv%3D0a9497d9e054\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-spring-bouquet-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Spring Bouquet Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Spring Bouquet Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fc6db3a83-d7b2-4c19-8176-c461f4978862.webp%3Fv%3D0a9497d9e054&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fc6db3a83-d7b2-4c19-8176-c461f4978862.webp%3Fv%3D0a9497d9e054&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fc6db3a83-d7b2-4c19-8176-c461f4978862.webp%3Fv%3D0a9497d9e054&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Spring Bouquet Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Spring Bouquet Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-spring-bouquet-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Spring Bouquet Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Spring Bouquet Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"963\" 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\/areon-x-card-coconut-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2F179c5220-0071-46a9-be95-e2f288e795a7.webp%3Fv%3Dd26349dcb4d6\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-coconut-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Coconut Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Coconut Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F179c5220-0071-46a9-be95-e2f288e795a7.webp%3Fv%3Dd26349dcb4d6&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F179c5220-0071-46a9-be95-e2f288e795a7.webp%3Fv%3Dd26349dcb4d6&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2F179c5220-0071-46a9-be95-e2f288e795a7.webp%3Fv%3Dd26349dcb4d6&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Coconut Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Coconut Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-coconut-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Coconut Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Coconut Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"962\" 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\/areon-x-card-new-car-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1885ad7f-a67a-476f-aec8-510f12b71979.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-new-car-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card New Car Oto Ara\u00e7 Kokusu\" title=\"Areon X Card New Car Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/products\/1885ad7f-a67a-476f-aec8-510f12b71979.webp\"\n                          srcset=\"https:\/\/budaolsun.com\/storage\/thumbs\/webp\/600\/q88\/products\/1885ad7f-a67a-476f-aec8-510f12b71979.webp 600w, https:\/\/budaolsun.com\/storage\/thumbs\/webp\/1200\/q88\/products\/1885ad7f-a67a-476f-aec8-510f12b71979.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card New Car Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card New Car Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-new-car-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card New Car Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card New Car Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"961\" 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\/areon-x-card-bubble-gum-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fh4KEqCq8TDmiRzpjy5sb.webp%3Fv%3D2541307c3497\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-bubble-gum-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Bubble Gum Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Bubble Gum Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fh4KEqCq8TDmiRzpjy5sb.webp%3Fv%3D2541307c3497&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fh4KEqCq8TDmiRzpjy5sb.webp%3Fv%3D2541307c3497&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fh4KEqCq8TDmiRzpjy5sb.webp%3Fv%3D2541307c3497&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Bubble Gum Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Bubble Gum Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-bubble-gum-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Bubble Gum Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Bubble Gum Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"960\" 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\/areon-x-card-vanilla-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2FBtq2d3gpLXaxZ9UXYUqn.webp%3Fv%3D9993ac580abd\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-vanilla-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Vanilla Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Vanilla Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2FBtq2d3gpLXaxZ9UXYUqn.webp%3Fv%3D9993ac580abd&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2FBtq2d3gpLXaxZ9UXYUqn.webp%3Fv%3D9993ac580abd&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2FBtq2d3gpLXaxZ9UXYUqn.webp%3Fv%3D9993ac580abd&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Vanilla Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Vanilla Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-vanilla-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Vanilla Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Vanilla Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"959\" 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\/areon-x-card-black-crystal-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/budaolsun.com\\\\\\\/m\\\\\\\/thumb?src=%2Fstorage%2Fproducts%2Fjq5zCZhtQdZl492Nd3E4.webp%3Fv%3D8c8a11b9c234\\\\u0026s=1200\\\\u0026q=88\\\\u0026webp=1\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: false,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n                            <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-black-crystal-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Card Black Crystal Oto Ara\u00e7 Kokusu\" title=\"Areon X Card Black Crystal Oto Ara\u00e7 Kokusu\"><\/a>\n                                                            <img src=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fjq5zCZhtQdZl492Nd3E4.webp%3Fv%3D8c8a11b9c234&amp;s=1200&amp;q=88&amp;webp=1\"\n                          srcset=\"https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fjq5zCZhtQdZl492Nd3E4.webp%3Fv%3D8c8a11b9c234&amp;s=600&amp;q=88&amp;webp=1 600w, https:\/\/budaolsun.com\/m\/thumb?src=%2Fstorage%2Fproducts%2Fjq5zCZhtQdZl492Nd3E4.webp%3Fv%3D8c8a11b9c234&amp;s=1200&amp;q=88&amp;webp=1 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Card Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Card Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n                        <div class=\"sp-ribbon sp-ribbon--popular pointer-events-none absolute left-3 top-3 z-20\" data-nosnippet>\n                <span class=\"sp-ribbon__label inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-bold bg-white text-black shadow-md\">\n                                            <span class=\"sp-ribbon__icon material-symbols-outlined !text-[14px]\" aria-hidden=\"true\">trending_up<\/span>\n                                        <span class=\"sp-ribbon__text\">\u00c7ok \u0130ncelenen<\/span>\n                                    <\/span>\n            <\/div>\n            \n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/budaolsun.com\/login\" class=\"shop-product-wishlist flex h-9 w-9 items-center justify-center rounded-full border transition\" aria-label=\"Favorilere eklemek i\u00e7in giri\u015f yap\u0131n\" title=\"Giri\u015f yap\">\n                    <span\n        class=\"material-symbols-outlined sf-icon sf-icon--material text-[18px]\"\n                aria-hidden=\"true\"\n    >favorite<\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma Koku<\/p>\n\n                    <a href=\"https:\/\/budaolsun.com\/urun\/areon-x-card-black-crystal-oto-arac-kokusu\" class=\"relative z-10 line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] transition-colors hover:text-primary dark:text-white\" title=\"Areon X Card Black Crystal Oto Ara\u00e7 Kokusu\">\n                                    <a href=\"https:\/\/budaolsun.com\/marka\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> X Card Black Crystal Oto Ara\u00e7 Kokusu\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/budaolsun.com\/marka\/areon?page=3"}